@charset "UTF-8";
/* --- action_filter_row.css --- */
.actionFilterRow
{
font-size: 11px;
background: rgb(246, 246, 246) url('styles/racing_trader/xenforo/gradients/form-button-white-25px.png') repeat-x top;
padding: 0 10px;
border-bottom: 1px solid rgb(222, 222, 222);
word-wrap: normal;
min-height: 23px;
_height: 23px;
display: table;
width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
margin-bottom: 5px;
font-size: 11px;
}
.actionFilterRow .extraLinks
{
float: right;
margin: 2px 0;
min-height: 20px;
line-height: 20px;
}
.actionFilterRow .extraLinks .Popup
{
display: inline-block;
margin-left: 10px;
}
.actionFilterRow .filterList
{
float: left;
margin: 2px 0;
}
.actionFilterRow .filtersHeading
{
display: inline;
margin-right: 5px;
color: rgb(250, 176, 79);
font-weight: bold;
}
.actionFilterRow .removeFilter,
.actionFilterRow .removeAllFilters
{
display: inline-block;
color: rgb(80, 80, 80);
background: rgb(232, 232, 232) url('styles/racing_trader/xenforo/gradients/form-button-white-25px.png') repeat-x top;
border: 1px solid rgb(232, 232, 232);
-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
padding: 2px 10px;
}
.actionFilterRow .gadget
{
color: rgb(250, 176, 79);
font-weight: bold;
margin-left: 3px;
}
.actionFilterRow .removeFilter:hover,
.actionFilterRow .removeAllFilters:hover
{
background-color: rgb(246, 246, 246);
text-decoration: none;
color: rgb(150,150,150);
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); box-shadow: 1px 1px 5px rgba(0,0,0, 0.15);
}
.actionFilterRow .pairsInline dt
{
display: none;
}
.actionFilterRow .filterPairs,
.actionFilterRow .removeAll
{
display: inline;
}
.actionFilterRow .removeAllFilters
{
padding: 2px 6px;
}
/* --- facebook.css --- */
a.fbLogin,
#loginBar a.fbLogin
{
display: inline-block;
width: 180px;
height: 22px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
cursor: pointer;
background: #29447e url('//b.s-static.ak.facebook.com/images/connect_sprite.png');
background-repeat: no-repeat;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
background-position: left -188px;
padding: 0px 0px 0px 1px;
outline: none;
text-decoration: none;
color: white;
font-weight: bold;
font-size: 11px;
line-height: 14px;
}
a.fbLogin:active,
#loginBar a.fbLogin:active
{
background-position: left -210px;
}
a.fbLogin:hover,
#loginBar a.fbLogin:hover
{
text-decoration: none;
}
a.fbLogin span
{
background: #5f78ab url('//b.s-static.ak.facebook.com/images/connect_sprite.png');
border-top: solid 1px #879ac0;
border-bottom: solid 1px #1a356e;
display: block;
padding: 2px 4px 3px;
margin: 1px 1px 0px 21px;
text-shadow: none;
white-space: nowrap;
overflow: hidden;
}
a.fbLogin:active span
{
border-bottom: solid 1px #29447e;
border-top: solid 1px #45619d;
background: #4f6aa3;
text-shadow: none;
}
/* --- login_bar.css --- */
/** Login bar basics **/
#loginBar
{
color: rgb(222, 222, 222);
background-color: rgb(51, 51, 51);
border-bottom: 1px solid rgb(150, 150, 150);
position: relative;
z-index: 1;
}
#loginBar .ctrlWrapper
{
margin: 0 10px;
}
#loginBar .pageContent
{
padding-top: 5px;
position: relative;
_height: 0px;
}
#loginBar a
{
color: rgb(250, 176, 79);
}
#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(246, 246, 246);
background-color: rgb(65, 65, 65);
border-color: rgb(150, 150, 150);
}
#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: rgb(65, 65, 65) !important;
color: rgb(246, 246, 246);
}
#loginBar .textCtrl:focus
{
background: black none;
}
#loginBar input.textCtrl.disabled
{
color: rgb(222, 222, 222);
background-color: rgb(51, 51, 51);
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(80, 80, 80);
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(246, 246, 246);
background-color: rgb(51, 51, 51);
padding: 0 10px;
margin-right: 20px;
-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: 0px;
bottom: -20px;
text-align: center;
z-index: 1;
line-height: 20px;
-webkit-box-shadow: 0px 2px 5px rgb(51, 51, 51); -moz-box-shadow: 0px 2px 5px rgb(51, 51, 51); -khtml-box-shadow: 0px 2px 5px rgb(51, 51, 51); box-shadow: 0px 2px 5px rgb(51, 51, 51);
}
@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_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(255, 255, 255);
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 --- */
.actionFilterRow
{
clear: both;
}
.gridSection
{
background-color: rgb(255, 255, 255);
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.3333333333%;
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(222, 222, 222);
-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(232, 232, 232);
opacity: 0.3;
}
.mediaContainer.InlineModChecked,
.mediaContainer.deleted.InlineModChecked
{
background: rgb(255, 255, 200) url('styles/racing_trader/xenforo/gradients/category-23px-light.png') repeat-x top;
}
.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: rgb(150, 150, 150);
font-weight: normal;
line-height: 14px;
text-align: center;
background-color: rgb(246, 246, 246);
border: 1px solid rgb(222, 222, 222);
}
.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(222, 222, 222);
-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(255, 255, 255);
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(80, 80, 80);
}
.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(80, 80, 80);
}
.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(246, 246, 246);
}
.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;
left: 0;
right: 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: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%);
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
{
display: inline-block;
text-align: right;
}
.mediaLabels .mediaLabel
{
font-size: 10px;
background: transparent url('styles/racing_trader/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(80, 80, 80);
background-color: rgb(232, 232, 232);
border-color: rgb(222, 222, 222);
}
.mediaLabel.labelInvisible
{
visibility: hidden;
}
.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.3333333333%;
}
.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;
}
}
@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_tab_links.css --- */
.navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:hover,
.navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:focus
{
color: rgb(255, 255, 255);
text-decoration: none;
}
/* --- xengallery_wrapper.css --- */
.xengalleryContainer
{
float: right;
margin-left: -230px;
width: 100%;
}
.xengalleryContainer .insideContainer
{
margin-left: 230px;
}
.xengallerySideBarContainer
{
width: 100%;
zoom: 1;
}
.xengallery_media_index .titleBar,
.xengallery_category_view .titleBar
{
min-height: 44px;
}
.xengallerySideBarContainer .xengallerySideBar
{
padding-right: 10px;
display: inline-block;
vertical-align: top;
*float: left;
width: 220px;
}
.xengallerySideBarContainer .xengallerySideBar .section .statisticsBlock
{
font-size: 11px;
}
.xengallerySideBarContainer .xengallerySideBar .section h3
{
font-size: 12pt;
color: rgb(51, 51, 51);
padding-bottom: 2px;
margin-bottom: 5px;
border-bottom: 1px solid rgb(232, 232, 232);
}
.xengallerySideBarContainer .xengallerySideBar .section h3 a
{
color: rgb(250, 176, 79);
}
.xengallerySideBar .section .secondaryContent .minorHeading
{
color: rgb(250, 176, 79);
margin-top: 2px;
font-size: 11px;
}
.xengallerySideBarContainer .xengallerySideBar .categoryList li
{
font-size: 13px;
padding: 2px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xengallerySideBarContainer .xengallerySideBar .categoryList li a
{
}
.xengallerySideBarContainer .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(150,150,150);
}
.xengallerySideBar .avatarList .extraData.mediaComment a
{
font-size: 12px;
font-style: italic;
}
.xengallerySideBar .avatarList .extraData a
{
color: rgb(150,150,150);
}
.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(150,150,150);
}
.xengallerySideBar .albumList .extraData a
{
color: rgb(150,150,150);
}
.categoryNote
{
font-size: 11px;
color: rgb(150, 150, 150);
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: rgb(65, 65, 65)
}
.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-left: 0;
width: auto;
}
.Responsive .insideContainer
{
margin-left: 0;
}
.Responsive .xengallerySideBarContainer
{
display: table;
table-layout: fixed;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
.Responsive .xengallerySideBar
{
display: table-footer-group;
float: none;
padding-right: 0;
border-right: none;
margin: 0 auto;
margin-top: 10px;
}
.Responsive .xengallerySideBar > *
{
max-width: 220px;
margin-left: auto;
margin-right: auto;
}
}