@CHARSET "UTF-8"; /* --- login_bar.css --- */ /** Login bar basics **/ #loginBar { color: rgb(255, 255, 255); background-color: rgb(21, 23, 24); border-bottom: 1px solid rgb(255, 153, 0); position: relative; z-index: 1; } #loginBar .ctrlWrapper { margin: 0 10px; } #loginBar .pageContent { padding-top: 5px; position: relative; _height: 0px; } #loginBar a { color: rgb(255, 153, 0); } #loginBar form { padding: 5px 0; margin: 0 auto; display: none; line-height: 20px; position: relative; } #loginBar .xenForm .ctrlUnit, #loginBar .xenForm .ctrlUnit > dt label { margin: 0; border: none; } #loginBar .xenForm .ctrlUnit > dd { position: relative; } #loginBar .lostPassword, #loginBar .lostPasswordLogin { font-size: 11px; } #loginBar .rememberPassword { font-size: 11px; } #loginBar .textCtrl { color: rgb(248, 134, 19); background: url(rgba.php?r=0&g=0&b=0&a=127); background: rgba(0, 0, 0, 0.5); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); border: 1px solid rgb(255, 153, 0); } #loginBar .textCtrl[type=text] { font-weight: bold; font-size: 18px; } #loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */ { background: url(rgba.php?r=0&g=0&b=0&a=127) !important; background: rgba(0, 0, 0, 0.5) !important; _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); color: rgb(248, 134, 19); } #loginBar .textCtrl:focus { background-image: none; } #loginBar input.textCtrl.disabled { color: rgb(75, 75, 75); background-color: rgb(21, 23, 24); border-style: dashed; } #loginBar .button { min-width: 85px; *width: 85px; } #loginBar .button.primary { font-weight: bold; } /** changes when eAuth is present **/ #loginBar form.eAuth { -x-max-width: 700px; /* normal width + 170px */ } #loginBar form.eAuth .ctrlWrapper { border-right: 1px dotted rgb(204, 204, 204); margin-right: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #loginBar form.eAuth #eAuthUnit { position: absolute; top: 0px; right: 10px; } #eAuthUnit li { margin-top: 10px; line-height: 0; } /** handle **/ #loginBar #loginBarHandle { font-size: 11px; color: rgb(255, 255, 255); background-color: rgb(21, 23, 24); padding: 0 10px; margin-right: 20px; border: 1px solid rgb(255, 153, 0); border-top-style: none; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; position: absolute; right: 0; bottom: -21px; text-align: center; z-index: 1; line-height: 20px; } @media (max-width:800px) { .Responsive #loginBar form.eAuth .ctrlWrapper { border-right: none; margin-right: 10px; } .Responsive #loginBar form.eAuth #eAuthUnit { position: static; width: 180px; margin: 0 auto 10px; } } /* --- xengallery_header_tabs.css --- */ .baseHtml .mediaTabHeadings ol { margin: 0em; } .baseHtml .mediaTabHeadings ol li, .baseHtml .mediaTabHeadings ul li { list-style: none; } .mediaTabHeadings { position: relative; zoom: 1; clear: left; } .mediaTabHeadings .tabs { padding-left: 10px; margin-bottom: 20px; } .xengallery_category_view .mediaTabHeadings ol { padding-top: 0px; } .mediaTabHeadings .typeFilter { position: absolute; zoom: 1; right: 10px; top: 0; width: auto; border-bottom: none; background: none; margin: 0px; } @media (max-width:950px) { .mediaTabHeadings .typeFilter { position: static; width: 100%; margin-bottom: 20px; margin-top: -10px; background: rgb(28, 47, 58) url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; border-bottom: 1px solid rgb(75, 75, 75); } .mediaTabHeadings ol { padding-left: 8px; } } /* --- xengallery_media_lightbox.css --- */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .iframe .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 108%; left: 0; width: 100%; cursor: auto; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-title a { padding: 0 5px; overflow: hidden; zoom: 1; position: relative; color: rgb(0, 0, 0); white-space: nowrap; text-overflow: ellipsis; } .mfp-title small { font-size: 75%; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: url(rgba.php?r=0&g=0&b=0&a=153); background: rgba(0, 0, 0, 0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: url(rgba.php?r=0&g=0&b=0&a=153); background: rgba(0, 0, 0, 0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); -ms-transform: scale(0.75);transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* --- xengallery_media_thumb_item.css --- */ .short.pageNavLinkGroup { margin: -5px 1% -5px 1%; } .gridSection { background-color: rgb(15, 8, 8); padding: 0px; _max-width: 900px; _margin: auto; } /* clearfix */ .gridSection { zoom: 1; } .gridSection:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .gridCol { width: 31.333333333333%; margin-right: 1%; margin-left: 1%; display: block; float: left; } .gridCol:nth-child(3n+1) { clear: both; } .xengallery_find_new_media .gridSpan { width: 23%; } .xengallery_find_new_media .gridSpan:nth-child(3n+1) { clear: none; } .xengallery_find_new_media .gridSpan:nth-child(4n+1) { clear: both; } .xengallery_watch_media .gridSpan { width: 23%; } .xengallery_watch_media .CheckAll { padding: 0; margin: 0; vertical-align: bottom; position: relative; top: -1px; overflow: hidden; } .mediaContainer { margin: 5px 0; position: relative; border: 1px solid rgb(75, 75, 75); -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); } .mediaContainer.deleted { background-color: rgb(34, 33, 34); opacity: 0.3; } .mediaContainer.InlineModChecked, .mediaContainer.deleted.InlineModChecked { background: url(rgba.php?r=200&g=230&b=250&a=76); background: rgba(200,230,250,0.3); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CC8E6FA,endColorstr=#4CC8E6FA); } .mediaContainer .Filename { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .mediaContainer .thumbImage { width: 100%; vertical-align: middle; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -khtml-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .mediaContainer .titleSection { padding: 3px; zoom: 1; overflow: hidden; } .inputPrepend, .inputAppend { display: inline-block; vertical-align: middle; font-size: 0; white-space: nowrap; width: 100%; margin-bottom: 5px; } .inputPrepend .inputIcon, .inputAppend .inputIcon { vertical-align: top; display: inline-block; width: auto; height: 14px; min-width: 16px; padding: 4px 5px; font-size: 14px; color: rgba(255, 255, 255, 0.5); font-weight: normal; line-height: 14px; text-align: center; background-color: rgb(28, 47, 58); border: 1px solid rgb(75, 75, 75); } .inputPrepend .inputIcon { margin-right: -1px; float: left; } .inputAppend .inputIcon { margin-left: -1px; cursor: pointer; } .inputPrepend .inputIcon:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .inputAppend .inputIcon:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .inputPrepend .inputContainer { overflow: hidden; display: block; } .inputAppend .inputContainer { overflow: hidden; display: inline-block; zoom: 1; width: 60%; } .inputPrepend .inputContainer input { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .inputAppend .inputContainer input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .inputPrepend .inputContainer input, .inputAppend .inputContainer input { position: relative; display: inline-block; margin-bottom: 0; vertical-align: top; border: 1px solid rgb(75, 75, 75); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -khtml-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear .2s, box-shadow linear .2s; height: 24px; line-height: 24px; padding: 4px 6px; background-color: rgb(15, 8, 8); width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; } .linkGroup .EditTitles .inputIcon { float: none; } a.inputIcon.noPointer { cursor: default; } a.inputIcon { cursor: pointer; } .mediaContainer .titleSection .deleteButtonContainer { float: right; } .mediaContainer .dummyOverlay { position: absolute; top: 50%; bottom: 50%; text-align: center; width: 100%; } .mediaContainer .titleSection h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; font-size: 14px; } .mediaContainer .titleSection h4 { font-size: 9px; font-style: italic; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mediaContainer .statsSection { padding: 4px; color: rgb(204, 204, 204); } .mediaContainer .statsSection .statCol { display: block; float:left; margin: 1% 0 1% 0.8%; font-size: 11.5px; } .statCol:first-child { margin-left: 0; } .mediaContainer .statsSection .statSpan { width: 24.2%; } /* clearfix */ .statsSection { zoom: 1; } .statsSection:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .mediaContainer .statsSection div { width: 48%; display: inline-block; padding-bottom: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mediaContainer .statsSection i { font-size: 15.5px; width: 15.5px; display: inline-block; text-align: center; color: rgb(204, 204, 204); } .mediaContainer .mediaControls { padding: 0 5px 5px 5px; text-align: right; border-bottom: 0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border-top: 1px solid rgb(28, 47, 58); } .AttachedImage .mediaControls .mediaLabels { width: auto; } .thumbnailContainer { overflow: hidden; position: relative; width: 100%; } .moderatorControls { top: 0; position: absolute; padding: 4px; width: 100%; } .moderatorControls label { padding: 5px 0 5px 0; padding-right: 80%; } .thumbnailOverlay { bottom: 0; position: absolute; z-index: 199; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s,opacity 0.5s linear; text-shadow: 0 0 0 transparent, 0px 1px 1px #000; min-height: 20%; } .thumbnailOverlay .overlayDetails { display: table; table-layout: fixed; width: 100%; word-wrap: normal; } .thumbnailOverlay .overlayDetails .posterAvatar { width: 35px; display: table-cell; vertical-align: middle; } .thumbnailOverlay .overlayDetails .posterAvatar .avatarContainer { display: block; position: relative; } .thumbnailOverlay .overlayDetails .posterAvatar .avatar { padding: 5px; display: block; width: 24px; height: 24px; width: auto; height: auto; } .thumbnailOverlay .overlayDetails .posterAvatar .avatar img { width: 24px; height: 24px; display: block; } .thumbnailOverlay .overlayDetails .infoContainer { width: auto; display: table-cell; vertical-align: middle; zoom: 1; padding: 5px; } .thumbnailOverlay .overlayDetails .infoContainer .usernameText { padding: 0 5px; overflow: hidden; zoom: 1; position: relative; color: #fff; white-space: nowrap; text-overflow: ellipsis; } .thumbnailOverlay .overlayDetails .infoContainer .username { color: #fff; } .thumbnailOverlay .overlayDetails .infoContainer .usernameText h3 { font-size: 14px; line-height: 18px; max-width: 100%; word-wrap: break-word; } .thumbnailOverlay .overlayDetails .infoContainer .secondRow { font-size: 10px; clear: both; color: #fff; padding: 0 5px; } .thumbnailOverlay .overlayDetails .infoContainer .secondRow .categoryInfo { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 65%; display: inline-block; } .thumbnailOverlay .overlayDetails .infoContainer .secondRow .ratingInfo { width: 30%; display: inline-block; font-size: 11px; } .thumbnailOverlay .overlayDetails .infoContainer .secondRow .ratingInfo .star { font-size: 13px; color: #e3cf7a; } .thumbnailOverlay .overlayDetails .infoContainer .secondRow .categoryInfo a { color: #fff; } .overlayVisible .thumbnailContainer .thumbnailOverlay, .thumbnailContainer:hover .thumbnailOverlay, .Touch .thumbnailContainer .thumbnailOverlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%); visibility: visible; opacity: 1; transition-delay: 0s; } .mediaContainer .mediaControls .inlineModControl { width: 10%; display: none; } .mediaContainer .mediaControls .mediaLabels { width: 90%; display: inline-block; text-align: right; } .mediaLabels .mediaLabel { font-size: 10px; background: transparent url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding: 1px 5px; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); text-align: center; display: inline-block; margin-top: 5px; min-width: 12px; } .AttachedImage .mediaControls { margin: -5px 0 0 1px; padding: 0 0 2px 5px; } .AttachedFile .mediaLabel, .AttachedImage .mediaLabel { font-size: 16px; padding: 1px 5px; cursor: pointer; } .AttachedImage .mediaLabel:hover { text-decoration: no-underline; } .mediaLabel.labelStandard { color: rgb(204, 204, 204); background-color: rgb(34, 33, 34); border-color: rgb(75, 75, 75); } .mediaLabel.labelInvisible { visibility: hidden; } #InlineModOverlay { margin-top: 35px; margin-left: -19px; width: 260px; } .xenOverlay.SetAllTitlesOverlay { max-width: 600px; } @media (max-width:800px) { .Responsive .detailContainer .statsSection i { font-size: 105%; } .gridCol:nth-child(3n+1), .xengallery_find_new_media .gridSpan:nth-child(4n+1) { clear: none; } .Responsive .gridSpan, .Responsive .gridCol { width: 31.333333333333%; } .Responsive .gridSpan:nth-child(3n+1), .Responsive .gridCol:nth-child(3n+1) { clear: both; } .Responsive .thumbnailOverlay .overlayDetails .infoContainer .secondRow .categoryInfo { display: block; width: 100%; } .Responsive .thumbnailOverlay .overlayDetails .infoContainer .secondRow .ratingInfo { display: block; width: 100%; } } @media (max-width:610px) { .Responsive .gridSpan:nth-child(3n+1), .Responsive .gridCol:nth-child(3n+1) { clear: none; } .Responsive .gridSpan, .Responsive .gridCol { width: 48%; } .Responsive .gridSpan:nth-child(2n+1), .Responsive .gridCol:nth-child(2n+1) { clear: both; } .Responsive .detailContainer .statsSection i { font-size: 100%; } } @media (max-width:480px) { .Responsive .detailContainer .statsSection div { display: inline-block; width: 45%; } .Responsive .AttachedImage .mediaLabels .mediaLabel { font-size: 16px; } .Responsive .mediaLabels .mediaLabel { font-size: 9px; } .Responsive #InlineModOverlay { margin-left: 30px; } } @media (max-width:340px) { .Responsive .gridGroup { margin-left: 10%; margin-right: 10%; } .Responsive .gridSpan:nth-child(2n+1), .Responsive .gridCol:nth-child(2n+1) { clear: both; } .Responsive .gridSpan, .Responsive .gridCol { width: 98%; } .Responsive .gridSpan:nth-child(1n+1), .Responsive .gridCol:nth-child(1n+1) { clear: both; } } /* --- xengallery_wrapper.css --- */ .xengalleryContainer { float: right; margin-left: -230px; width: 100%; } .xengalleryContainer .insideContainer { margin-left: 230px; } .container { width: 100%; zoom: 1; } .xengallery_media_index .titleBar, .xengallery_category_view .titleBar { min-height: 44px; } .container .xengallerySideBar { padding-right: 10px; display: inline-block; vertical-align: top; *float: left; width: 220px; } .container .xengallerySideBar .section .statisticsBlock { font-size: 11px; } .container .xengallerySideBar .section h3 { font-size: 12pt; color: rgb(255, 153, 0); padding-bottom: 2px; margin-bottom: 5px; border-bottom: 1px solid rgb(34, 33, 34); } .container .xengallerySideBar .section h3 a { color: rgb(255, 153, 0); } .xengallerySideBar .section .secondaryContent .minorHeading { color: rgb(255, 153, 0); margin-top: 2px; font-size: 11px; } .container .xengallerySideBar .categoryList li { font-size: 13px; padding: 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container .xengallerySideBar .categoryList li a { } .container .xengallerySideBar .categoryList .selected { font-weight: bold; } .xengallerySideBar .avatarList li { margin: 5px 0; overflow: hidden; zoom: 1; } .xengallerySideBar .avatarList .avatar { margin-right: 7px; float: left; width: 32px; height: 32px; width: auto; height: auto; } .xengallerySideBar .avatarList .avatar img { width: 32px; height: 32px; } .xengallerySideBar .avatarList .username, .xengallerySideBar .avatarList .mediaTitle { font-size: 10pt; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xengallerySideBar .avatarList .extraData { margin-left: 45px; color: rgb(204, 204, 204); } .xengallerySideBar .avatarList .extraData.mediaComment a { font-size: 12px; font-style: italic; } .xengallerySideBar .avatarList .extraData a { color: rgb(204, 204, 204); } .xengallerySideBar .albumList li { margin: 5px 0; overflow: hidden; zoom: 1; } .xengallerySideBar .albumList .avatar { margin-right: 7px; float: left; width: 32px; height: 32px; width: auto; height: auto; } .xengallerySideBar .albumList .avatar img { width: 32px; height: 32px; } .xengallerySideBar .albumList .username, .xengallerySideBar .albumList .mediaTitle { font-size: 11pt; display: block; } .xengallerySideBar .albumList .extraData { margin-left: 45px; color: rgb(204, 204, 204); } .xengallerySideBar .albumList .extraData a { color: rgb(204, 204, 204); } .categoryNote { font-size: 11px; color: rgba(255, 255, 255, 0.5); text-align: center; padding-top: 2px; padding-bottom: 2px; margin-top: -20px; } ._categoryDepth0 { margin-left: 0.25em; } ._categoryDepth1 { margin-left: 2em; } ._categoryDepth2 { margin-left: 3em; } ._categoryDepth3 { margin-left: 4em; } ._categoryDepth4 { margin-left: 5em; } ._categoryDepth5 { margin-left: 6em; } ._categoryDepth6 { margin-left: 7em; } ._categoryDepth7 { margin-left: 8em; } ._categoryDepth8 { margin-left: 9em; } ._categoryDepth9 { margin-left: 10em; } ._categoryDepth10 { margin-left: 11em; } ._categoryDepth11 { margin-left: 12em; } ._categoryDepth12 { margin-left: 13em; } ._categoryDepth13 { margin-left: 14em; } ._categoryDepth14 { margin-left: 15em; } ._categoryDepth15 { margin-left: 16em; } ._categoryDepth16 { margin-left: 17em; } ._categoryDepth17 { margin-left: 18em; } ._categoryDepth18 { margin-left: 19em; } ._categoryDepth19 { margin-left: 20em; } ._categoryDepth0.sapling-top-level.sapling-item { margin-left: 0em; } /* * Base CSS for jQuery Sapling. */ .sapling-list li { display: block; list-style: none; position: relative; } .sapling-list ol, .sapling-list ul { display: none; } .sapling-list .sapling-item { cursor: pointer; } .sapling-list .sapling-item:before { content: "\f196"; font-family: FontAwesome; display: inline-block; font-size: 13px; color: #2b485c } .sapling-list .sapling-item.sapling-expanded:before { content: "\f147"; } .sapling-list .sapling-item.sapling-expanded > ol, .sapling-list .sapling-item.sapling-expanded > ul { cursor: default; display: block; } @media (max-width:800px) { .Responsive .xengalleryContainer { float: none; margin-right: 0; width: auto; } .Responsive .insideContainer { margin-right: 0; } .Responsive .xengallerySideBar { width: 100%; } }