/****************************************** Shared layout styles for modules & plugins *******************************************/ .jrModuleItems .jrResults { border-top: 0; padding-top: 5px; overflow: hidden; } .jrModuleItems .jrModuleItem { float: left; padding-right: 10px; margin: 0; font-size: 11px !important; overflow: hidden; } .jrModuleItems .jrModuleItem.jrLastItem { padding-right: 0px !important; } .jrModuleItems .jrModuleItemNumber { font-weight: bold; margin: 0 5px 5px 0; float: left; } .jrModuleItems .jrModuleItemThumbnail { float: left; margin: 0 10px 10px 0; text-align: center; } .jrModuleItems.jrThumbnailRight .jrModuleItemThumbnail { float: right; margin: 0 10px 10px 10px; } .jrModuleItems.jrThumbnailBottom .jrModuleItemThumbnail { clear: both; } .jrModuleItems .jrModuleItemThumbnail a { display: block; } .jrModuleItems .jrModuleItemThumbnail img { border: 1px solid #CCC; max-width: 100%; max-width: none\9 !important; } .jrModuleItems .jrModuleItemThumbnail .jrButton { margin-top: 5px; } .jrModuleItems.jrThumbnailTop .jrModuleItemContent { clear: both; } .jrModuleItems .jrModuleItemTitle { margin-bottom: 5px; white-space: normal; } .jrModuleItems .jrModuleItemTitle a { font-size: 12px !important; } .jrModuleItems .jrModuleItemCategory, .jrModuleItems .jrModuleItemReviewer, .jrModuleItems .jrModuleFieldDiv { margin-bottom: 5px; } .jrModuleItems .jrModuleItemInfo { margin-bottom: 5px; border: 0; } .jrModuleItems .jrModuleItemInfo:after { display: none; } .jrModuleItems div.jrOverallRatings { float: none; margin-bottom: 5px; } .jrModuleItems .jrOverallRatings div.jrOverallEditor, .jrModuleItems .jrOverallRatings div.jrOverallUser { float: none; } .jrModuleItems .jrOverallRatings .jrRatingLabel { display: none; } .jrModuleItems .jrDivider { border: 0; clear: both; line-height: 1px; margin: 0; padding: 2.5px; } /* Vertical layout */ .jrModuleItems .jrVerticalLayout { border-bottom: 1px solid #ddd; } .jrModuleItems .jrVerticalLayout .jrModuleItemNumber { width: 15px; } .jrModuleItems .jrVerticalLayout .jrModuleItemThumbnail { margin: 0 5px 5px 0; } .jrModuleItems .jrVerticalLayout .jrModuleItemThumbnail img { width: 25px !important; height: 25px !important; } .jrModuleItems .jrVerticalLayout .jrModuleFields { float: right; } .jrModuleItems .jrVerticalLayout .jrModuleFields .jrModuleFieldTitle { display: none; } /* Slideshow layout */ .jrModuleItems .jrSlideshowLayout { margin-bottom: 5px; } .jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail { width: 100%; height: 230px; overflow: hidden; margin: 0; padding: 0; position: relative; text-align: center; } .jrModuleItems .jrSlideshowLayout .jrModuleItemContent { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: #222; background: rgba(0, 0, 0, 0.6); } .jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:link, .jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:visited { display: block; width: 97%; padding: 3%; color: #eee; font-size: 14px; font-weight: bold; text-decoration: none; margin: 0; } .jrModuleItems .jrSlideshowLayout .jrModuleItemInfo { display: none; width: 97%; padding: 0 3% 3%; margin: 0; color: #fff !important; } .jrModuleItems .jrSlideshowLayout .jrModuleItemInfo a { display: inline; color: #fff !important; font-weight: bold; } .jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail a.jrModuleItemTitle:hover { color: #fff !important; } .jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail:hover .jrModuleItemInfo { display: block; } .jrModuleItems .jrSlideshowLayout .jrOverallRatings { position: absolute; background: #222; background: rgba(0, 0, 0, 0.6); top: 0; right: 0; margin: 0; padding: 2px; width: 100%; } .jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrRatingValue { color: #eee; } .jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrOverallEditor, .jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrOverallUser { float: right; margin-left: 10px; } .jrModuleItems .jrSlideshowLayout .jrRatingStarsUser, .jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor, .jrModuleItems .jrSlideshowLayout .jrRatingStarsUser div, .jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor div { background: url(../../../../../../../components/com_jreviews/jreviews/views/themes/default/theme_css/images/rating_stars_dark.png) 0 0 repeat-x; } .jrModuleItems .jrSlideshowLayout .jrRatingStarsUser div { background-position: 0 -16px; } .jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor div { background-position: 0 -32px; } /* Title animation */ .jrModuleSlider .jrSlideshowLayout .jrModuleItemInfo { display: block; padding: 0; max-height: 0px; -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); -moz-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); -ms-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); -o-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); } .jrModuleSlider .jrSlideshowLayout .jrModuleItemThumbnail:hover .jrModuleItemInfo { padding: 0 0 1em 0; max-height: 100px; } /************************************* Module Slider Pagination *************************************/ .jrModuleSlider.jrSliderSideArrows { margin: 0 25px; } /* Reset and layout */ .bx-wrapper { position: relative; margin: 0 auto 40px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .fade { opacity: 1 !important; } /* Theme */ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -20px; width: 100%; } /* Loader */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../../../../../../../components/com_jreviews/jreviews/views/themes/default/theme_css/images/bx_loader.gif) center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* Pager */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* Direction controls */ .bx-wrapper .bx-prev { left: 0; background: url(../../../../../../../components/com_jreviews/jreviews/views/themes/default/theme_css/images/arrows.png) no-repeat 0px 0px; } .bx-wrapper .bx-next { left: 25px; background: url(../../../../../../../components/com_jreviews/jreviews/views/themes/default/theme_css/images/arrows.png) no-repeat -22px 0px; } .jrSliderVertical .bx-wrapper .bx-prev { background: url(../../../../../../../components/com_jreviews/jreviews/views/themes/default/theme_css/images/arrows.png) no-repeat 0px -22px; } .jrSliderVertical .bx-wrapper .bx-next { background: url(../../../../../../../components/com_jreviews/jreviews/views/themes/default/theme_css/images/arrows.png) no-repeat -22px -22px; } .bx-wrapper .bx-controls-direction a { position: absolute; bottom: -25px; margin-top: -11px; outline: 0; width: 22px; height: 22px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .jrSliderSideArrows .bx-wrapper .bx-controls-direction a { bottom: auto; top: 50%; } .jrSliderSideArrows .bx-wrapper .bx-prev { left: -25px; } .jrSliderSideArrows .bx-wrapper .bx-next { left: auto; right: -20px; } /************************************* Single page modules *************************************/ .jrModuleSlider.jrSliderSinglePage .jrModuleItems { width: auto; } .jrModuleSlider.jrSliderSinglePage .jrModuleContainer { float: none !important; } .jrModuleSlider.jrSliderSinglePage .jrModuleContainer:not(:first-child) { display: none; } .jrModuleSlider.jrSliderSinglePage .jrModuleItems.vertical { height: auto; width: auto; } /************************************* JReviews Media Module *************************************/ .jrModuleItems .jrMediaModule .jrModuleItem { position: relative; } .jrModuleItems .jrMediaModule .jrModuleItemThumbnail { margin: 0 3px 3px 0; float: none; border: 1px solid #CCC; } .jrModuleItems .jrMediaModule .jrModuleItemThumbnail img { border: 0; max-width: 100%; vertical-align: middle; height: auto !important; } .jrModuleItems .jrMediaModule .jrModuleItemOverlay { position: relative; } .jrModuleItems .jrModuleItemOverlay.jrMediaTypeIcon:before { display: inline-block; position: absolute; top: 2px; right: 2px; width: 16px; height: 16px; background-image: url(../../../../../../../components/com_jreviews/jreviews/views/themes/default/theme_css/images/icons_overlay.png); background-repeat: no-repeat; content: ""; } .jrModuleItems .jrMediaTypePhoto .jrModuleItemOverlay:before { background-position: 0 0; } .jrModuleItems .jrMediaTypeVideo .jrModuleItemOverlay:before { background-position: -18px 0; } .jrModuleItems .jrMediaTypeAudio .jrModuleItemOverlay:before { background-position: -36px 0; } .jrModuleItems .jrMediaTypeAttachment .jrModuleItemOverlay:before { background-position: -52px 0; } .jrModuleItems .jrModuleItemOverlay.jrNoTypeIcon:before { display: none; } .jrModuleItems .jrMediaTypeVideo .jrModuleItemOverlay:after { display: inline-block; position: absolute; bottom: 0; right: 0; background: #000; color: #fff; font-size: 10px; font-weight: bold; padding: 2px; content: attr(data-duration); } .jrModuleItems .jrMediaInfo.jrPopup .jrMediaTitle, .jrModuleItems .jrMediaInfo.jrPopup .jrMediaDescription, .jrModuleItems .jrMediaInfo.jrPopup .jrMediaFrom { margin: 0 0 5px 0; } /************************************* JReviews Fields & Range Modules *************************************/ .jrFieldsModule { border-top: solid 0px #ccc; padding-top: 15px; display: inline; } .jrFieldsModule ul { overflow: hidden; margin-left: 0; padding-left: 0; } .jrFieldsModule ul li { list-style: none; margin-left: 0; padding-left: 0; text-indent: 0; } .jrFieldsModule.jrHorizontalLayout ul { overflow: hidden; } .jrFieldsModule.jrHorizontalLayout ul li { list-style: none; margin-left: 0; padding-left: 0; text-indent: 0; float: left; width: 33%; display: block; } .jrFieldsModule.jrTagsLayout ul { text-align: left; } .jrFieldsModule.jrTagsLayout ul li { float: none; width: auto; display: inline-block; } .jrFieldsModule.jrTagsLayout ul li a { display: inline-block; padding: 3px 5px; margin: 0 5px 5px 0; color: #222; background: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .jrFieldsModule.jrTagsLayout ul li a:hover { text-decoration: none; background: #333; color: #fff; } /************************************* JReviews Favorite Users Module *************************************/ .jrFavoritesModule { border-top: 0; overflow: hidden; } .favoriteListingTitle { font-weight: normal; line-height: 1.2em; margin-bottom: 10px; } .jrFavoritesModule .jrModuleItem { float: left; padding-right: 10px; margin: 0 0 10px 0; text-align: center; } .jrFavoritesModule .jrModuleItem.jrLastItem { padding-right: 0px !important; } .jrFavoritesModule .jrModuleItem a { display: block; text-align: center; width: 99%; margin: 0 auto; } .jrFavoritesModule .jrUserAvatar { margin: 0 auto 5px; border: 1px solid #ccc; padding: 1px; height: 49px; width: 49px; overflow: hidden; display: block; } .jrFavoritesModule .jrUserAvatar img.jrAvatar { width: 49px; text-align: center; } .jrFavoritesModule .jrDivider { border: 0; clear: both; line-height: 1px; margin: 0; padding: 2.5px; } /******************************************************* My Listings, My Reviews & My Favorites Plugins - overrides to prevent JomSocial conflicts *******************************************************/ .jrPlugin { padding-top: 5px !important; } .jrPlugin .jrModuleItem { padding-right: 10px !important; font-size: 11px !important; } .jrPlugin .jrModuleItem.jrLastItem { padding-right: 0px !important; } .jrPlugin .jrModuleItemNumber { margin: 0 5px 5px 0 !important; } .jrPlugin .jrModuleItemThumbnail { margin: 0 10px 10px 0 !important; } .jrModuleItems .jrModuleItemCategory { margin-bottom: 5px !important; } .jrPlugin .jrModuleItemThumbnail img { border: 1px solid #CCC !important; } .jrPlugin .jrModuleItemThumbnail label { display: inline !important; } .jrPlugin .jrModuleItemTitle { margin-bottom: 5px !important; } .jrPlugin .jrModuleItemTitle a { font-size: 12px !important; } .jrPlugin .jrModuleItemInfo { margin-bottom: 5px !important; } .jrPlugin .jrOverallRatings { margin-bottom: 5px !important; } .jrPlugin .jrDivider { padding: 2.5px !important; } .jrPlugin .jrRatingStarsUser, .jrPlugin .jrRatingStarsEditor, .jrPlugin .jrRatingStarsUser div, .jrPlugin .jrRatingStarsEditor div { background: url(../../../../../../../components/com_jreviews/jreviews/views/themes/default/theme_css/images/rating_stars.png) 0 0 repeat-x !important; } .jrPlugin .jrRatingStarsUser div { background-position: 0 -16px !important; } .jrPlugin .jrRatingStarsEditor div { background-position: 0 -32px !important; } /************************************* Reviews of Me Plugin *************************************/ .jrReviewsPlugin .jrUserReviewsSummary.jrRoundedPanel { border: 1px solid #ccc; margin-bottom: 10px !important; padding: 10px !important; } .jrReviewsPlugin .jrUserReviewsSummary .jrReviewTitle, .jrReviewsPlugin .jrUserReviewsContainer .jrReviewTitle { font-size: 14px; font-weight: bold; margin: 5px 0 0.5em !important; } .jrReviewsPlugin .jrUserReviewsSummary .jrReviewSummarySidebar { margin: 5px 20px 15px 15px !important; } .jrReviewsPlugin .jrUserReviewsSummary .jrUserReviewsSummaryTitle { margin: 10px 0 15px 0 !important; } .jrReviewsPlugin .jrUserReviewsSummary .jrRSS { position: static; float: right; margin: 0 !important; } .jrReviewsPlugin .jrUserReviewsContainer .jrRoundedPanelLt { border: 1px solid #ddd; margin-bottom: 10px !important; padding: 10px !important; } .jrReviewsPlugin .jrUserReviewsContainer .jrRatingInfo { border: 1px solid #ddd; margin: 0 0 5px 5px !important; padding: 8px !important; } .jrReviewsPlugin .jrUserReviewsContainer .jrUserInfo { margin: 5px 0 10px !important; float: none; } .jrReviewsPlugin .jrUserReviewsContainer .jrReviewActions { padding-top: 5px !important; } .jrReviewsPlugin .jrUserReviewsContainer .jrReviewVoting { margin-top: 3px !important; } .jrReviewsPlugin .jrUserReviewsContainer .jrReviewHelpful { margin-right: 10px !important; } .jrReviewsPlugin .jrForm fieldset { border: 1px solid #ccc !important; padding: 10px !important; margin: 20px 0 40px 0 !important; overflow: visible !important; } .jrReviewsPlugin .jrForm fieldset.jrFieldsetMargin { margin: 40px 0 0 0 !important; } .jrReviewsPlugin .jrForm label { font-weight: bold !important; margin: 0 0 1px !important; } .jrReviewsPlugin .jrForm input, .jrReviewsPlugin .jrForm textarea, .jrReviewsPlugin .jrForm select { border-width: 1px !important; margin-right: 5px !important; padding: 2px 10px 2px 2px !important; } .jrReviewsPlugin .jrForm textarea, .jrReviewsPlugin .jrForm .jrTextArea { height: 8em !important; overflow: auto !important; margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; } .jrReviewsPlugin .jrForm .jrFieldDiv { margin: 0 0 10px 0 !important; } .jrReviewsPlugin .jrForm .reviewFormComments .jrFieldDiv { margin: 0 0 !important; } .jrReviewsPlugin .jrForm .jrButtons { margin: 20px 0 0 0!important; } /************************************* Messages *************************************/ .jrReviewsPlugin .jrWarning, .jrReviewsPlugin .jrSuccess, .jrReviewsPlugin .jrInfo, .jrReviewsPlugin .jrError { padding: 8px 35px 8px 14px !important; margin-bottom: 18px !important; }