mrfmrka
Проверенные
- Сообщения
- 131
- Реакции
- 16
- Баллы
- 715
Попробуй в EXTRA.css прописать class "hint". Как вариант... но не факт, что прокатит.
А если на самом деле в наглую хочешь поменять, лезь в базу данных и делай поиск по "hint". Тебе выдаст все файлы с css. Но, боюсь после таких манипуляций у тебя будет гораздо больше головной боли чем от прокрутки колесика мыши!
А если на самом деле в наглую хочешь поменять, лезь в базу данных и делай поиск по "hint". Тебе выдаст все файлы с css. Но, боюсь после таких манипуляций у тебя будет гораздо больше головной боли чем от прокрутки колесика мыши!
CSS:
@charset "UTF-8";
/* --- public:xenforo.css --- */
/*
* YUI reset-fonts.css
*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;text-decoration:none}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
* Firefox broken image placeholder support.
*
http://lab.gmtplusone.com/image-placeholder/
*/
img:-moz-broken, img:-moz-user-disabled { -moz-force-broken-image-icon: 1; }
img:-moz-broken:not([width]), img:-moz-user-disabled:not([width]) { width: 50px; }
img:-moz-broken:not([height]), img:-moz-user-disabled:not([height]) { height: 50px; }
/*
* XenForo Core CSS
*
*/
html
{
background-color: rgb(240,240,240);
overflow-y: scroll !important;
}
body
{
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
color: rgb(20,20,20);
word-wrap: break-word;
line-height: 1.28;
}
/* counteract the word-wrap setting in 'body' */
pre, textarea
{
word-wrap: normal;
}
[dir=auto] { text-align: left; }
a:link,
a:visited
{
color: #176093;
text-decoration: none;
}
a[href]:hover
{
text-decoration: underline;
}
a:hover
{
_text-decoration: underline;
}
a.noOutline
{
outline: 0 none;
}
.emCtrl,
.messageContent a
{
border-radius: 5px;
}
.emCtrl:hover,
.emCtrl:focus,
.ugc a:hover,
.ugc a:focus
{
/*position: relative;
top: -1px;*/
text-decoration: none;
box-shadow: 5px 5px 7px #CCCCCC;
outline: 0 none;
}
.emCtrl:active,
.ugc a:active
{
position: relative;
top: 1px;
box-shadow: 2px 2px 7px #CCCCCC;
outline: 0 none;
}
.ugc a:link,
.ugc a:visited
{
padding: 0 3px;
margin: 0 -3px;
border-radius: 5px;
}
.ugc a:hover,
.ugc a:focus
{
color: #6d3f03;
background: #fff4e5 url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
}
img.mceSmilie,
img.mceSmilieSprite
{
vertical-align: text-bottom;
margin: 0 1px;
}
/** title bar **/
.titleBar
{
margin-bottom: 10px;
}
/* clearfix */ .titleBar { zoom: 1; } .titleBar:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.titleBar h1
{
font-size: 18pt;
overflow: hidden;
zoom: 1;
}
.titleBar h1 em
{
color: rgb(100,100,100);
}
.titleBar h1 .Popup
{
float: left;
}
#pageDescription
{
font-size: 11px;
color: rgb(150,150,150);
margin-top: 2px;
}
.topCtrl
{
float: right;
}
.topCtrl h2
{
font-size: 12pt;
}
/** images **/
img
{
-ms-interpolation-mode: bicubic;
}
a.avatar
{
*cursor: pointer; /* IE7 refuses to do this */
}
.avatar img,
.avatar .img,
.avatarCropper
{
background-color: rgb(252, 252, 255);
padding: 2px;
border: 1px solid #a5cae4;
border-radius: 4px;
}
.avatar.plainImage img,
.avatar.plainImage .img
{
border: none;
border-radius: 0;
padding: 0;
background-position: left top;
}
.avatar .img
{
display: block;
background-repeat: no-repeat;
background-position: 2px 2px;
text-indent: 1000px;
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
}
.avatar .img.s { width: 48px; height: 48px; }
.avatar .img.m { width: 96px; height: 96px; }
.avatar .img.l { width: 192px; height: 192px; }
.avatarCropper
{
width: 192px;
height: 192px;
direction: ltr;
}
.avatarCropper a,
.avatarCropper span,
.avatarCropper label
{
overflow: hidden;
position: relative;
display: block;
width: 192px;
height: 192px;
}
.avatarCropper img
{
padding: 0;
border: none;
border-radius: 0;
position: relative;
display: block;
}
.avatarScaler img
{
max-width: 192px;
_width: 192px;
}
/* ***************************** */
body .dimmed, body a.dimmed, body .dimmed a { color: rgb(100,100,100); }
body .muted, body a.muted, body .muted a { color: rgb(150,150,150); }
body .faint, body a.faint, body .faint a { color: rgb(200,200,200); }
.highlight { font-weight: bold; }
.concealed,
.concealed a,
.cloaked,
.cloaked a
{
text-decoration: inherit !important;
color: inherit !important;
*clear:expression( style.color = parentNode.currentStyle.color, style.clear = "none", 0);
}
a.concealed:hover,
.concealed a:hover
{
text-decoration: underline !important;
}
/* ***************************** */
.xenTooltip
{
font-size: 11px;
color: rgb(255, 255, 255);
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);
padding: 5px 10px;
border-radius: 5px;
display: none;
z-index: 15000;
cursor: default;
}
.xenTooltip a,
.xenTooltip a:hover
{
color: rgb(255, 255, 255);
text-decoration: underline;
}
.xenTooltip .arrow
{
border-top: 6px solid rgb(0,0,0); border-top: 6px solid rgba(0,0,0, 0.6); _border-top: 6px solid rgb(0,0,0);
border-right: 6px solid transparent;
border-bottom: 1px none black;
border-left: 6px solid transparent;
position: absolute;
bottom: -6px;
line-height: 0px;
width: 0px;
height: 0px;
left: 9px;
/* Hide from IE6 */
_display: none;
}
.xenTooltip.flipped .arrow
{
left: auto;
right: 9px;
}
.xenTooltip.statusTip
{
/* Generated by XenForo.StatusTooltip JavaScript */
padding: 5px 10px;
line-height: 17px;
width: 250px;
height: auto;
}
.xenTooltip.statusTip .arrow
{
border: 6px solid transparent;
border-right-color: rgb(0,0,0); border-right-color: rgba(0,0,0, 0.6); _border-right-color: rgb(0,0,0);
border-left: 1px none black;
top: 6px;
left: -6px;
bottom: auto;
right: auto;
}
.xenTooltip.iconTip { margin-left: -6px; }
.xenTooltip.iconTip.flipped { margin-left: 7px; }
/* ***************************** */
#PreviewTooltip
{
display: none;
}
.xenPreviewTooltip
{
border: 10px solid #032A46;
border-radius: 10px;
position: relative;
box-shadow: 0px 12px 25px rgba(0,0,0, 0.5);
width: 400px;
display: none;
z-index: 15000;
cursor: default;
border-color: rgb(3, 42, 70); border-color: rgba(3, 42, 70, 0.5); _border-color: rgb(3, 42, 70);
}
.xenPreviewTooltip .arrow
{
border-top: 15px solid rgb(3,42,70); border-top: 15px solid rgba(3,42,70, 0.25); _border-top: 15px solid rgb(3,42,70);
border-right: 15px solid transparent;
border-bottom: 1px none black;
border-left: 15px solid transparent;
position: absolute;
bottom: -15px;
left: 22px;
_display: none;
}
.xenPreviewTooltip .arrow span
{
border-top: 15px solid rgb(252, 252, 255);
border-right: 15px solid transparent;
border-bottom: 1px none black;
border-left: 15px solid transparent;
position: absolute;
top: -17px;
left: -15px;
}
.xenPreviewTooltip .section,
.xenPreviewTooltip .sectionMain,
.xenPreviewTooltip .primaryContent,
.xenPreviewTooltip .secondaryContent
{
margin: 0;
}
.xenPreviewTooltip .previewContent
{
overflow: hidden; zoom: 1;
min-height: 1em;
}
/* ***************************** */
.importantMessage
{
margin: 10px 0;
color: #6d3f03;
background-color: #fff4e5;
text-align: center;
padding: 5px;
border-radius: 5px;
border: solid 1px #f9bc6d;
}
.importantMessage a
{
font-weight: bold;
color: #6d3f03;
}
/* ***************************** */
.section
{
margin: 10px auto;
}
.sectionMain
{
background-color: rgb(252, 252, 255);
padding: 10px;
margin: 10px auto;
border: 1px solid #a5cae4;
border-radius: 10px;
}
.heading,
.xenForm .formHeader
{
font-weight: bold;
font-size: 11pt;
color: #f0f7fc;
background-color: #65a5d1;
padding: 5px 10px;
margin-bottom: 3px;
border-bottom: 1px solid #176093;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.heading a { color: #f0f7fc; }
.subHeading
{
font-size: 11px;
color: #6d3f03;
background: #f9d9b0 url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 5px 10px;
margin: 3px auto 0;
border-top: 1px solid #f9d9b0;
border-bottom: 1px solid #f9bc6d;
}
.subHeading a { color: #6d3f03; }
.textHeading,
.xenForm .sectionHeader
{
font-weight: bold;
color: rgb(20,20,20);
padding-bottom: 2px;
margin: 10px auto 5px;
border-bottom: 1px solid #d7edfc;
}
.xenForm .sectionHeader,
.xenForm .formHeader
{
margin: 10px 0;
}
.primaryContent > .textHeading:first-child,
.secondaryContent > .textHeading:first-child
{
margin-top: 0;
}
.larger.textHeading,
.xenForm .sectionHeader
{
color: #a5cae4;
font-size: 11pt;
margin-bottom: 6px;
}
.larger.textHeading a,
.xenForm .sectionHeader a
{
color: #a5cae4;
}
.primaryContent
{
background-color: rgb(252, 252, 255);
padding: 10px;
border-bottom: 1px solid #d7edfc;
}
.primaryContent a
{
color: #176093;
}
.secondaryContent
{
background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-bottom: 1px solid #d7edfc;
}
.secondaryContent a
{
color: #176093;
}
.sectionFooter
{
overflow: hidden; zoom: 1;
font-size: 11px;
color: #65a5d1;
background: #d7edfc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 4px 10px;
border-bottom: 1px solid #a5cae4;
line-height: 16px;
}
.sectionFooter a { color: #65a5d1; }
.sectionFooter .left
{
float: left;
}
.sectionFooter .right
{
float: right;
}
/* used for section footers with central buttons, esp. in report viewing */
.actionList
{
text-align: center;
}
/* left-right aligned options */
.opposedOptions
{
overflow: hidden; zoom: 1;
}
.opposedOptions .left
{
float: left;
}
.opposedOptions .right
{
float: right;
}
.columns
{
overflow: hidden; zoom: 1;
}
.columns .columnContainer
{
float: left;
}
.columns .columnContainer .column
{
margin-left: 3px;
}
.columns .columnContainer:first-child .column
{
margin-left: 0;
}
.c50_50 .c1,
.c50_50 .c2 { width: 49.99%; }
.c70_30 .c1 { width: 70%; }
.c70_30 .c2 { width: 29.99%; }
.c60_40 .c1 { width: 60%; }
.c60_40 .c2 { width: 39.99%; }
.c40_30_30 .c1 { width: 40%; }
.c40_30_30 .c2,
.c40_30_30 .c3 { width: 29.99%; }
.c50_25_25 .c1 { width: 50%; }
.c50_25_25 .c2,
.c50_25_25 .c3 { width: 25%; }
/* ***************************** */
/* Basic Tabs */
.tabs
{
font-size: 11px;
background: #f0f7fc url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
padding: 0 10px;
border-bottom: 1px solid #a5cae4;
word-wrap: normal;
min-height: 23px;
_height: 23px;
display: table;
width: 100%;
*width: auto;
box-sizing: border-box;
}
.tabs li
{
float: left;
}
.tabs li a,
.tabs.noLinks li
{
color: rgb(20,20,20);
text-decoration: none;
background: #d7edfc url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
padding: 0 8px;
margin-right: -1px;
margin-bottom: -1px;
border: 1px solid #a5cae4;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: inline-block;
line-height: 22px;
cursor: pointer;
outline: 0 none;
white-space: nowrap;
word-wrap: normal;
height: 22px;
}
.tabs li:hover a,
.tabs.noLinks li:hover
{
text-decoration: none;
background-color: #a5cae4;
}
.tabs li.active a,
.tabs.noLinks li.active
{
background-color: rgb(252, 252, 255);
padding-bottom: 1px;
border-bottom: 1px none black;
}
/* Tabs inside forms */
.xenForm .tabs,
.xenFormTabs
{
padding: 5px 30px 0;
}
@media (max-width:480px)
{
.Responsive .tabs li
{
float: none;
}
.Responsive .tabs li a,
.Responsive .tabs.noLinks li
{
display: block;
}
.Responsive .tabs
{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.Responsive .tabs li
{
flex-grow: 1;
-webkit-flex-grow: 1;
text-align: center;
}
.Responsive .xenForm .tabs,
.Responsive .xenFormTabs
{
padding-left: 10px;
padding-right: 10px;
}
}
/* ***************************** */
/* Popup Menus */
.Popup
{
position: relative;
}
.Popup.inline
{
display: inline;
}
/** Popup menu trigger **/
.Popup .arrowWidget
{
/* circle-arrow-down */
background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -32px 0;
margin-top: -2px;
margin-left: 2px;
display: inline-block;
*margin-top: 0;
vertical-align: middle;
width: 13px;
height: 14px;
}
.PopupOpen .arrowWidget
{
/* circle-arrow-up */
background-position: -16px 0;
}
.Popup .PopupControl,
.Popup.PopupContainerControl
{
display: inline-block;
cursor: pointer;
}
.Popup .PopupControl:hover,
.Popup.PopupContainerControl:hover
{
color: #176093;
text-decoration: none;
background-color: #d7edfc;
}
.Popup .PopupControl:focus,
.Popup .PopupControl:active,
.Popup.PopupContainerControl:focus,
.Popup.PopupContainerControl:active
{
outline: 0;
}
.Popup .PopupControl.PopupOpen,
.Popup.PopupContainerControl.PopupOpen
{
color: #2b485c;
background: #6cb2e4 url('styles/default/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
text-shadow: 1px 1px 2px white;
}
.Popup .PopupControl.BottomControl.PopupOpen,
.Popup.PopupContainerControl.BottomControl.PopupOpen
{
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.Popup .PopupControl.PopupOpen:hover,
.Popup.PopupContainerControl.PopupOpen:hover
{
text-decoration: none;
}
/** Menu body **/
.Menu
{
/*background-color: #ffffff;*/
font-size: 11px;
border: 1px solid #6cb2e4;
border-top: 5px solid #6cb2e4;
overflow: hidden;
box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);
min-width: 200px;
*width: 200px;
/* makes menus actually work... */
position: absolute;
z-index: 7500;
display: none;
}
/* allow menus to operate when JS is disabled */
.Popup:hover .Menu
{
display: block;
}
.Popup:hover .Menu.JsOnly
{
display: none;
}
.Menu.BottomControl
{
border-top-width: 1px;
border-bottom-width: 3px;
box-shadow: 0px 0px 0px transparent;
}
.Menu > li > a,
.Menu .menuRow
{
display: block;
}
.Menu.inOverlay
{
z-index: 10000;
}
/* Menu header */
.Menu .menuHeader
{
overflow: hidden; zoom: 1;
}
.Menu .menuHeader h3
{
font-size: 15pt;
}
.Menu .menuHeader .muted
{
font-size: 11px;
}
/* Standard menu sections */
.Menu .primaryContent
{
background-color: rgba(252, 252, 255, 0.96);
}
.Menu .secondaryContent
{
background-color: rgba(240, 247, 252, 0.96);
}
.Menu .sectionFooter
{
background-color: rgba(215, 237, 252, 0.9);
}
/* Links lists */
.Menu .blockLinksList
{
max-height: 400px;
overflow: auto;
}
/* form popups */
.formPopup
{
width: 250px;
background-color: rgb(252, 252, 255);
}
.formPopup form,
.formPopup .ctrlUnit
{
margin: 5px auto;
}
.formPopup .ctrlUnit
{
}
.formPopup .textCtrl,
.formPopup .button
{
width: 232px;
}
.formPopup .ctrlUnit > dt label
{
display: block;
margin-bottom: 2px;
}
.formPopup .submitUnit dd
{
text-align: center;
}
.formPopup .ctrlUnit > dd .explain
{
margin: 2px 0 0;
}
.formPopup .primaryControls
{
zoom: 1;
white-space: nowrap;
word-wrap: normal;
padding: 0 5px;
}
.formPopup .primaryControls input.textCtrl
{
margin-bottom: 0;
}
.formPopup .secondaryControls
{
padding: 0 5px;
}
.formPopup .controlsWrapper
{
background: #d7edfc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
border-radius: 5px;
padding: 5px;
margin: 5px 0;
font-size: 11px;
}
.formPopup .controlsWrapper .textCtrl
{
width: 222px;
}
.formPopup .advSearchLink
{
display: block;
text-align: center;
padding: 5px;
font-size: 11px;
border-radius: 5px;
border: 1px solid #d7edfc;
background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
}
.formPopup .advSearchLink:hover
{
background-color: #d7edfc;
text-decoration: none;
}
/* All overlays must have this */
.xenOverlay
{
display: none;
z-index: 10000;
width: 90%;
box-sizing: border-box;
max-width: 690px; /*calc: 90=overlay padding+borders*/
}
.xenOverlay .overlayScroll
{
max-height: 400px;
overflow: auto;
}
.xenOverlay .overlayScroll.ltr
{
direction: ltr;
}
.xenOverlay .overlayScroll .sortable-placeholder
{
background-color: #a5cae4;
}
.xenOverlay .overlayContain
{
overflow-x: auto;
}
.xenOverlay .overlayContain.ltr
{
direction: ltr;
}
.overlayOnly /* needs a bit more specificity over regular buttons */
{
display: none !important;
}
.xenOverlay .overlayOnly
{
display: block !important;
}
.xenOverlay input.overlayOnly,
.xenOverlay button.overlayOnly,
.xenOverlay a.overlayOnly
{
display: inline !important;
}
.xenOverlay a.close
{
background-image: url('styles/default/xenforo/overlay/close.png');
position: absolute;
right: 4px;
top: 4px;
cursor: pointer;
width: 35px;
height: 35px;
}
.xenOverlay .nonOverlayOnly
{
display: none !important;
}
/* Generic form overlays */
.xenOverlay .formOverlay
{
color: #eee;
background: url(rgba.php?r=0&g=0&b=0&a=191); background: rgba(0,0,0, 0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
padding: 15px 25px;
border: 20px solid rgb(0,0,0); border: 20px solid rgba(0,0,0, 0.25); _border: 20px solid rgb(0,0,0);
border-radius: 20px;
box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
_zoom: 1;
margin: 0;
}
.Touch .xenOverlay .formOverlay
{
background: rgb(0, 0, 0);
box-shadow: none;
}
.xenOverlay .formOverlay a.muted,
.xenOverlay .formOverlay .muted a
{
color: rgb(150,150,150);
}
.xenOverlay .formOverlay .heading
{
font-weight: bold;
font-size: 12pt;
color: #f0f7fc;
background-color: #176093;
padding: 5px 10px;
margin-bottom: 10px;
border: 1px solid #2b485c;
border-radius: 5px;
}
.xenOverlay .formOverlay .subHeading
{
font-weight: bold;
font-size: 11px;
color: #f0f7fc;
background-color: #2b485c;
padding: 5px 10px;
margin-bottom: 10px;
border: 1px solid #176093;
border-radius: 3px;
}
.xenOverlay .formOverlay .textHeading
{
color: #f0f7fc;
}
.xenOverlay .formOverlay > p
{
padding-left: 10px;
padding-right: 10px;
}
.xenOverlay .formOverlay .textCtrl
{
color: #f0f7fc;
background-color: black;
border-color: #a5cae4;
}
.xenOverlay .formOverlay .textCtrl option
{
background-color: black;
}
.xenOverlay .formOverlay .textCtrl:focus,
.xenOverlay .formOverlay .textCtrl.Focus
{
background: #032A46 none;
}
.xenOverlay .formOverlay .textCtrl:focus option
{
background: #032A46 none;
}
.xenOverlay .formOverlay .textCtrl.disabled
{
background: url(rgba.php?r=0&g=0&b=0&a=63); background: rgba(0,0,0, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000);
}
.xenOverlay .formOverlay .textCtrl.disabled option
{
background: url(rgba.php?r=0&g=0&b=0&a=63); background: rgba(0,0,0, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000);
}
.xenOverlay .formOverlay .textCtrl.prompt
{
color: rgb(160,160,160);
}
.xenOverlay .formOverlay .ctrlUnit > dt dfn,
.xenOverlay .formOverlay .ctrlUnit > dd li .hint,
.xenOverlay .formOverlay .ctrlUnit > dd .explain
{
color: #bbb;
}
.xenOverlay .formOverlay a
{
color: #fff;
}
.xenOverlay .formOverlay a.button
{
color: black;
}
.xenOverlay .formOverlay .avatar img,
.xenOverlay .formOverlay .avatar .img,
.xenOverlay .formOverlay .avatarCropper
{
background-color: transparent;
}
/* tabs in form overlay */
.xenOverlay .formOverlay .tabs /* the actual tabs */
{
background: transparent none;
border-color: #a5cae4;
}
.xenOverlay .formOverlay .tabs a
{
background: transparent none;
border-color: #a5cae4;
}
.xenOverlay .formOverlay .tabs a:hover
{
background: url(rgba.php?r=255&g=255&b=255&a=63); background: rgba(255,255,255, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF,endColorstr=#3FFFFFFF);
}
.xenOverlay .formOverlay .tabs .active a
{
background-color: black;
}
.xenOverlay .formOverlay .tabPanel /* panels switched with the tab controls */
{
background: transparent url('styles/default/xenforo/color-picker/panel.png') repeat-x top;
border: 1px solid #a5cae4;
}
/* Generic overlays */
.xenOverlay .section,
.xenOverlay .sectionMain
{
padding: 0px;
border: 20px solid #032A46;
border-radius: 20px;
box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
border-color: rgb(3, 42, 70); border-color: rgba(3, 42, 70, 0.5); _border-color: rgb(3, 42, 70);
}
.Touch .xenOverlay .section,
.Touch .xenOverlay .sectionMain
{
border-color: #032A46;
box-shadow: none;
}
.xenOverlay > .section,
.xenOverlay > .sectionMain
{
background: none;
margin: 0;
}
.xenOverlay .section .heading,
.xenOverlay .sectionMain .heading
{
border-radius: 0;
margin-bottom: 0;
}
.xenOverlay .section .subHeading,
.xenOverlay .sectionMain .subHeading
{
margin-top: 0;
}
.xenOverlay .section .sectionFooter,
.xenOverlay .sectionMain .sectionFooter
{
overflow: hidden; zoom: 1;
}
.xenOverlay .sectionFooter .buttonContainer
{
line-height: 31px;
}
.xenOverlay .sectionFooter .button,
.xenOverlay .sectionFooter .buttonContainer
{
min-width: 75px;
*min-width: 0;
float: right;
margin-left: 5px;
}
.xenOverlay .sectionFooter .buttonContainer .button
{
float: none;
margin-left: 0;
}
/* The AJAX progress indicator overlay */
#AjaxProgress.xenOverlay
{
width: 100%;
max-width: none;
overflow: hidden; zoom: 1;
}
#AjaxProgress.xenOverlay .content
{
background: rgb(0, 0, 0) url('styles/default/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; background: rgba(0,0,0, 0.5) url('styles/default/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center;
border-bottom-left-radius: 10px;
float: right;
width: 85px;
height: 30px;
}
.Touch #AjaxProgress.xenOverlay .content
{
background-color: rgb(0, 0, 0);
}
/* Timed message for redirects */
.xenOverlay.timedMessage
{
color: black;
background: transparent url('styles/default/xenforo/overlay/timed-message.png') repeat-x;
border-bottom: 1px solid black;
max-width: none;
width: 100%;
}
.xenOverlay.timedMessage .content
{
font-size: 18pt;
padding: 30px;
text-align: center;
}
/* Growl-style message */
#StackAlerts
{
position: fixed;
bottom: 70px;
left: 35px;
z-index: 9999; /* in front of the expose mask */
}
#StackAlerts .stackAlert
{
position: relative;
width: 270px;
border: 1px solid #6cb2e4;
border-radius: 5px;
box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4);
margin-top: 5px;
}
#StackAlerts .stackAlertContent
{
padding: 10px;
padding-right: 30px;
border-radius: 4px;
border: solid 2px #d7edfc;
background: url(rgba.php?r=240&g=247&b=252&a=229); background: rgba(240, 247, 252, 0.9); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F0F7FC,endColorstr=#E5F0F7FC);
font-size: 11px;
font-weight: bold;
}
/* Inline Editor */
.xenOverlay .section .messageContainer
{
padding: 0;
}
.xenOverlay .section .messageContainer .mceLayout
{
border: none;
}
.xenOverlay .section .messageContainer tr.mceFirst td.mceFirst
{
border-top: none;
}
.xenOverlay .section .messageContainer tr.mceLast td.mceLast,
.xenOverlay .section .messageContaner tr.mceLast td.mceIframeContainer
{
border-bottom: none;
}
.xenOverlay .section .textCtrl.MessageEditor,
.xenOverlay .section .mceLayout,
.xenOverlay .section .bbCodeEditorContainer textarea
{
width: 100% !important;
min-height: 260px;
_height: 260px;
box-sizing: border-box;
}
@media (max-width:610px)
{
.Responsive .xenOverlay
{
width: 100%;
}
.Responsive .xenOverlay .formOverlay,
.Responsive .xenOverlay .section,
.Responsive .xenOverlay .sectionMain
{
border-radius: 10px;
border-width: 10px;
}
.Responsive .xenOverlay a.close
{
top: 0;
right: 0;
width: 28px;
height: 28px;
background-size: 100% 100%;
}
}
.alerts .alertGroup
{
margin-bottom: 20px;
}
.alerts .primaryContent
{
overflow: hidden; zoom: 1;
padding: 5px;
}
.alerts .avatar
{
float: left;
}
.alerts .avatar img
{
width: 32px;
height: 32px;
}
.alerts .alertText
{
margin-left: 32px;
padding: 0 5px;
}
.alerts h3
{
display: inline;
}
.alerts h3 .subject
{
font-weight: bold;
}
.alerts .timeRow
{
font-size: 11px;
margin-top: 5px;
}
.alerts .newIcon,
.alertsPopup .newIcon
{
display: inline-block;
vertical-align: baseline;
margin-left: 2px;
width: 11px;
height: 11px;
background: url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -144px -40px;
}
/** Data tables **/
.dataTableWrapper
{
overflow-x: auto;
overflow-y: visible;
}
table.dataTable
{
width: 100%;
_width: 99.5%;
margin: 10px 0;
}
.dataTable caption
{
font-weight: bold;
font-size: 11pt;
color: #f0f7fc;
background-color: #65a5d1;
padding: 5px 10px;
margin-bottom: 3px;
border-bottom: 1px solid #176093;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.dataTable tr.dataRow td
{
border-bottom: 1px solid #d7edfc;
padding: 5px 10px;
word-wrap: break-word;
}
.dataTable tr.dataRow td.secondary
{
background: #f0f7fc url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x top;
}
.dataTable tr.dataRow th
{
background: #f9d9b0 url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x top;
border-bottom: 1px solid #f9bc6d;
border-top: 1px solid #f9d9b0;
color: #6d3f03;
font-size: 11px;
padding: 5px 10px;
}
.dataTable tr.dataRow th a
{
color: inherit;
text-decoration: underline;
}
.dataTable .dataRow .dataOptions
{
text-align: right;
white-space: nowrap;
word-wrap: normal;
padding: 0;
}
.dataTable .dataRow .important,
.dataTable .dataRow.important
{
font-weight: bold;
}
.dataTable .dataRow .dataOptions a.secondaryContent
{
display: inline-block;
border-left: 1px solid #d7edfc;
border-bottom: none;
padding: 7px 10px 6px;
font-size: 11px;
}
.dataTable .dataRow .dataOptions a.secondaryContent:hover
{
background-color: #d7edfc;
text-decoration: none;
}
.dataTable .dataRow .delete
{
padding: 0px;
width: 26px;
border-left: 1px solid #d7edfc;
background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
}
.dataTable .dataRow .delete a
{
display: block;
background: transparent url('styles/default/xenforo/permissions/deny.png') no-repeat center center;
cursor: pointer;
padding: 5px;
width: 16px;
height: 16px;
overflow: hidden;
white-space: nowrap;
text-indent: -1000px;
}
.memberListItem
{
overflow: hidden;
zoom: 1;
}
.memberListItem .avatar,
.memberListItem .icon
{
float: left;
}
/* ----------------------- */
.memberListItem .extra
{
font-size: 11px;
float: right;
}
.memberListItem .extra .DateTime
{
display: block;
}
.memberListItem .extra .bigNumber
{
font-size: 250%;
color: rgb(150,150,150);
}
.memberListItem .member
{
margin-left: 65px;
}
/* ----------------------- */
.memberListItem h3.username
{
font-weight: bold;
font-size: 13pt;
margin-bottom: 3px;
}
.memberListItem .username.guest
{
font-style: italic;
font-weight: normal;
}
/* ----------------------- */
.memberListItem .userInfo
{
font-size: 11px;
margin-bottom: 3px;
}
.memberListItem .userBlurb
{
}
.memberListItem .userBlurb .userTitle
{
font-weight: bold;
}
.memberListItem .userStats dt,
.memberListItem .userStats dd
{
white-space: nowrap;
}
/* ----------------------- */
.memberListItem .member .contentInfo
{
margin-top: 5px;
}
/* ----------------------- */
/* extended member list items have a fixed 200px right column */
.memberListItem.extended .extra
{
width: 200px;
}
.memberListItem.extended .member
{
margin-right: 210px;
}
/* Styling for hover-dismiss controls */
.DismissParent .DismissCtrl
{
position: absolute;
top: 12px;
right: 5px;
display: block;
background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -80px 0;
color: white;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
opacity: .4;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
font-size: 10px;
overflow: hidden;
white-space: nowrap;
text-indent: 20000em;
cursor: pointer;
}
.DismissParent:hover .DismissCtrl,
.Touch .DismissParent .DismissCtrl
{
opacity: 1;
}
.DismissParent:hover .DismissCtrl:hover
{
background-position: -96px 0;
}
.DismissParent:hover .DismissCtrl:active
{
background-position: -112px 0;
}
.DismissParent.notice_-1 .DismissCtrl
{
display: none;
}
/* ***************************** */
/* un-reset, mostly from YUI */
.baseHtml h1
{ font-size:138.5%; }
.baseHtml h2
{ font-size:123.1%; }
.baseHtml h3
{ font-size:108%; }
.baseHtml h1, .baseHtml h2, .baseHtml h3
{ margin:1em 0; }
.baseHtml h1, .baseHtml h2, .baseHtml h3, .baseHtml h4, .baseHtml h5, .baseHtml h6, .baseHtml strong
{ font-weight:bold; }
.baseHtml abbr, .baseHtml acronym
{ border-bottom:1px dotted #000; cursor:help; }
.baseHtml em
{ font-style:italic; }
.baseHtml blockquote, .baseHtml ul, .baseHtml ol, .baseHtml dl
{ margin:1em; }
.baseHtml ol, .baseHtml ul, .baseHtml dl
{ margin-left:3em; margin-right:0; }
.baseHtml ul ul, .baseHtml ul ol, .baseHtml ul dl, .baseHtml ol ul, .baseHtml ol ol, .baseHtml ol dl, .baseHtml dl ul, .baseHtml dl ol, .baseHtml dl dl
{ margin-top:0; margin-bottom:0; }
.baseHtml ol li
{ list-style: decimal outside; }
.baseHtml ul li
{ list-style: disc outside; }
.baseHtml ol ul li, .baseHtml ul ul li
{ list-style-type: circle; }
.baseHtml ol ol ul li, .baseHtml ol ul ul li, .baseHtml ul ol ul li, .baseHtml ul ul ul li
{ list-style-type: square; }
.baseHtml ul ol li, .baseHtml ul ol ol li, .baseHtml ol ul ol li
{ list-style: decimal outside; }
.baseHtml dl dd
{ margin-left:1em; }
.baseHtml th, .baseHtml td
{ border:1px solid #000; padding:.5em; }
.baseHtml th
{ font-weight:bold; text-align:center; }
.baseHtml caption
{ margin-bottom:.5em; text-align:center; }
.baseHtml p, .baseHtml pre, .baseHtml fieldset, .baseHtml table
{ margin-bottom:1em; }
.PageNav
{
font-size: 11px;
padding: 2px 0;
overflow: hidden;
zoom: 1;
line-height: 16px;
word-wrap: normal;
min-width: 150px;
white-space: nowrap;
margin-bottom: -.5em;
}
.PageNav .hidden
{
display: none;
}
.PageNav .pageNavHeader,
.PageNav a,
.PageNav .scrollable
{
display: block;
float: left;
margin-right: 3px;
margin-bottom: .5em;
}
.PageNav .pageNavHeader
{
padding: 1px 0;
}
.PageNav a
{
color: #8f6c3f;
text-decoration: none;
background-color: #fff4e5;
border: 1px solid #f9d9b0;
border-radius: 3px;
text-align: center;
width: 19px;
}
.PageNav a[rel=start]
{
width: 19px !important;
}
.PageNav a.text
{
width: auto !important;
padding: 0 4px;
}
.PageNav a.currentPage
{
color: #2b485c;
background-color: #f0f7fc;
border-color: #6cb2e4;
position: relative;
}
a.PageNavPrev,
a.PageNavNext
{
color: rgb(20,20,20);
background-color: transparent;
padding: 1px;
border: 1px none black;
cursor: pointer;
width: 19px !important;
}
.PageNav a:hover,
.PageNav a:focus
{
color: #8f6c3f;
text-decoration: none;
background-color: #f9d9b0;
border-color: #f9bc6d;
}
.PageNav a.distinct
{
margin-left: 3px;
}
.PageNav .scrollable
{
position: relative;
overflow: hidden;
width: 117px; /* width of 5 page numbers plus their margin & border */
height: 18px; /* only needs to be approximate */
}
.PageNav .scrollable .items
{
display: block;
width: 20000em; /* contains scrolling items, should be huge */
position: absolute;
}
/** Edge cases - large numbers of digits **/
.PageNav .gt999
{
font-size: 9px;
letter-spacing: -0.05em;
}
.PageNav.pn5 a { width: 29px; } .PageNav.pn5 .scrollable { width: 167px; }
.PageNav.pn6 a { width: 33px; } .PageNav.pn6 .scrollable { width: 187px; }
.PageNav.pn7 a { width: 37px; } .PageNav.pn7 .scrollable { width: 207px; }
@media (max-width:610px)
{
.Responsive .PageNav .pageNavHeader
{
display: none;
}
}
@media (max-width:480px)
{
.Responsive .PageNav .unreadLink
{
display: none;
}
}
/* ***************************** */
/* DL Name-Value Pairs */
.pairs dt,
.pairsInline dt,
.pairsRows dt,
.pairsColumns dt,
.pairsJustified dt
{
color: rgb(150,150,150);
}
.pairsRows,
.pairsColumns,
.pairsJustified
{
line-height: 1.5;
}
.pairsInline dl,
.pairsInline dt,
.pairsInline dd
{
display: inline;
}
.pairsRows dt,
.pairsRows dd
{
display: inline-block;
vertical-align: top;
*display: inline;
*margin-right: 1ex;
*zoom: 1;
}
dl.pairsColumns,
dl.pairsJustified,
.pairsColumns dl,
.pairsJustified dl
{
overflow: hidden; zoom: 1;
}
.pairsColumns dt,
.pairsColumns dd
{
float: left;
width: 48%;
}
.pairsJustified dt
{
float: left;
max-width: 100%;
margin-right: 5px;
}
.pairsJustified dd
{
float: right;
text-align: right;
max-width: 100%
}
/* ***************************** */
/* Lists that put all elements on a single line */
.listInline ul,
.listInline ol,
.listInline li,
.listInline dl,
.listInline dt,
.listInline dd
{
display: inline;
}
/* intended for use with .listInline, produces 'a, b, c, d' / 'a * b * c * d' lists */
.commaImplode li:after,
.commaElements > *:after
{
content: ', ';
}
.commaImplode li:last-child:after,
.commaElements > *:last-child:after
{
content: '';
}
.bulletImplode li:before
{
content: '\2022\a0';
}
.bulletImplode li:first-child:before
{
content: '';
}
/* Three column list display */
.threeColumnList
{
overflow: hidden; zoom: 1;
}
.threeColumnList li
{
float: left;
width: 32%;
margin: 2px 1% 2px 0;
}
.twoColumnList
{
overflow: hidden; zoom: 1;
}
.twoColumnList li
{
float: left;
width: 48%;
margin: 2px 1% 2px 0;
}
/* ***************************** */
/* Preview tooltips (threads etc.) */
.previewTooltip
{
}
.previewTooltip .avatar
{
float: left;
}
.previewTooltip .text
{
margin-left: 64px;
}
.previewTooltip blockquote
{
font-size: 11pt;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.4;
font-size: 10pt;
max-height: 150px;
overflow: hidden;
}
.previewTooltip .posterDate
{
font-size: 11px;
padding-top: 5px;
border-top: 1px solid #d7edfc;
margin-top: 5px;
}
/* ***************************** */
/* List of block links */
.blockLinksList
{
font-size: 11px;
padding: 2px;
}
.blockLinksList a,
.blockLinksList label
{
color: #176093;
padding: 5px 10px;
border-radius: 5px;
display: block;
outline: 0 none;
}
.blockLinksList a:hover,
.blockLinksList a:focus,
.blockLinksList li.kbSelect a,
.blockLinksList label:hover,
.blockLinksList label:focus,
.blockLinksList li.kbSelect label
{
text-decoration: none;
background-color: #d7edfc;
}
.blockLinksList a:active,
.blockLinksList li.kbSelect a:active,
.blockLinksList a.selected,
.blockLinksList li.kbSelect a.selected,
.blockLinksList label:active,
.blockLinksList li.kbSelect label:active,
.blockLinksList label.selected,
.blockLinksList li.kbSelect label.selected
{
color: #f0f7fc;
background-color: #65a5d1;
}
.blockLinksList a.selected,
.blockLinksList li.kbSelect a.selected,
.blockLinksList label.selected,
.blockLinksList li.kbSelect label.selected
{
font-weight: bold;
display: block;
}
.blockLinksList span.depthPad
{
display: block;
}
.blockLinksList .itemCount
{
font-weight: bold;
font-size: 9px;
color: white;
background-color: #e03030;
padding: 0 2px;
border-radius: 2px;
position: absolute;
right: 2px;
top: -12px;
line-height: 16px;
min-width: 12px;
_width: 12px;
text-align: center;
text-shadow: none;
white-space: nowrap;
word-wrap: normal;
box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
height: 16px;
float: right;
position: relative;
right: 0;
top: -1px;
}
.blockLinksList .itemCount.Zero
{
display: none;
}
.bubbleLinksList
{
overflow: hidden;
}
.bubbleLinksList a
{
float: left;
padding: 2px 4px;
margin-right: 2px;
border-radius: 3px;
text-decoration: none;
}
.bubbleLinksList a:hover,
.bubbleLinksList a:active
{
text-decoration: none;
background-color: #d7edfc;
}
.bubbleLinksList a.active
{
color: #f0f7fc;
background-color: #65a5d1;
font-weight: bold;
display: block;
}
/* ***************************** */
/* Normally-indented nested lists */
.indentList ul,
.indentList ol
{
margin-left: 2em;
}
/* ***************************** */
/* AJAX progress image */
.InProgress
{
background: transparent url('styles/default/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat right center;
}
/* ***************************** */
/* Hidden inline upload iframe */
.hiddenIframe
{
display: block;
width: 500px;
height: 300px;
}
/* ***************************** */
/* Exception display */
.traceHtml { font-size:11px; font-family:calibri, verdana, arial, sans-serif; }
.traceHtml .function { color:rgb(180,80,80); font-weight:normal; }
.traceHtml .file { font-weight:normal; }
.traceHtml .shade { color:rgb(128,128,128); }
.traceHtml .link { font-weight:bold; }
/* ***************************** */
/* Indenting for options */
._depth0 { padding-left: 0em; }
._depth1 { padding-left: 2em; }
._depth2 { padding-left: 4em; }
._depth3 { padding-left: 6em; }
._depth4 { padding-left: 8em; }
._depth5 { padding-left: 10em; }
._depth6 { padding-left: 12em; }
._depth7 { padding-left: 14em; }
._depth8 { padding-left: 16em; }
._depth9 { padding-left: 18em; }
.xenOverlay .errorOverlay
{
color: white;
padding: 25px;
border-radius: 20px;
border: 20px solid rgb(0,0,0); border: 20px solid rgba(0,0,0, 0.25); _border: 20px solid rgb(0,0,0);
background: url(rgba.php?r=0&g=0&b=0&a=191); background: rgba(0,0,0, 0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
.xenOverlay .errorOverlay .heading
{
padding: 5px 10px;
font-weight: bold;
font-size: 12pt;
background: rgb(180,0,0);
color: white;
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid rgb(100,0,0);
}
.xenOverlay .errorOverlay li
{
line-height: 2;
}
.xenOverlay .errorOverlay .exceptionMessage
{
color: rgb(150,150,150);
}
/*** inline errors ***/
.formValidationInlineError
{
display: none;
position: absolute;
z-index: 5000;
background-color: white;
border: 1px solid rgb(180,0,0);
color: rgb(180,0,0);
box-shadow: 2px 2px 10px #999;
border-radius: 3px;
padding: 2px 5px;
font-size: 11px;
width: 175px;
min-height: 2.5em;
_height: 2.5em;
word-wrap: break-word;
}
.formValidationInlineError.inlineError
{
position: static;
width: auto;
min-height: 0;
}
/** Block errors **/
.errorPanel
{
margin: 10px 0 20px;
color: rgb(180,0,0);
background: rgb(255, 235, 235);
border-radius: 5px;
border: 1px solid rgb(180,0,0);
}
.errorPanel .errorHeading
{
margin: .75em;
font-weight: bold;
font-size: 12pt;
}
.errorPanel .errors
{
margin: .75em 2em;
display: block;
line-height: 1.5;
}
@media (max-width:800px)
{
.Responsive .formValidationInlineError
{
position: static;
width: auto;
min-height: auto;
}
}
/* Undo some nasties */
input[type=search]
{
-webkit-appearance: textfield;
box-sizing: content-box;
}
/* ignored content hiding */
.ignored { display: none !important; }
/* Misc */
.floatLeft { float: left; }
.floatRight { float: right; }
.horizontalContain { overflow-x: auto; }
.ltr { direction: ltr; }
/* Square-cropped thumbs */
.SquareThumb
{
position: relative;
display: block;
overflow: hidden;
padding: 0;
direction: ltr;
/* individual instances can override this size */
width: 48px;
height: 48px;
}
.SquareThumb img
{
position: relative;
display: block;
}
/* Basic, common, non-templated BB codes */
.bbCodeImage
{
max-width: 100%;
}
.bbCodeImageFullSize
{
position: absolute;
z-index: 50000;
background-color: rgb(252, 252, 255);
}
.bbCodeStrike
{
text-decoration: line-through;
}
img.mceSmilie,
img.mceSmilieSprite
{
vertical-align: text-bottom;
margin: 0 1px;
}
/* smilie sprite classes */
img.mceSmilieSprite.mceSmilie1
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px 0px;
}
img.mceSmilieSprite.mceSmilie2
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px -21px;
}
img.mceSmilieSprite.mceSmilie3
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -42px;
}
img.mceSmilieSprite.mceSmilie4
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px 0px;
}
img.mceSmilieSprite.mceSmilie5
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -21px;
}
img.mceSmilieSprite.mceSmilie6
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px 0px;
}
img.mceSmilieSprite.mceSmilie7
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -21px;
}
img.mceSmilieSprite.mceSmilie8
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px 0px;
}
img.mceSmilieSprite.mceSmilie9
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -42px;
}
img.mceSmilieSprite.mceSmilie10
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -42px;
}
img.mceSmilieSprite.mceSmilie11
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -21px;
}
img.mceSmilieSprite.mceSmilie12
{
width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -42px;
}
.visibleResponsiveFull { display: inherit !important; }
.visibleResponsiveWide,
.visibleResponsiveMedium,
.visibleResponsiveNarrow { display: none !important; }
.hiddenResponsiveFull { display: none !important; }
.hiddenResponsiveWide,
.hiddenResponsiveMedium,
.hiddenResponsiveNarrow { display: inherit !important; }
@media (max-width:800px)
{
.Responsive .visibleResponsiveFull { display: none !important; }
.Responsive .hiddenResponsiveFull { display: inherit !important; }
.Responsive .hiddenWideUnder { display: none !important; }
}
@media (min-width:611px) AND (max-width:800px)
{
.Responsive .visibleResponsiveWide { display: inherit !important; }
.Responsive .hiddenResponsiveWide { display: none !important; }
}
@media (min-width:481px) AND (max-width:610px)
{
.Responsive .visibleResponsiveMedium { display: inherit !important; }
.Responsive .hiddenResponsiveMedium { display: none !important; }
.Responsive .hiddenWideUnder,
.Responsive .hiddenMediumUnder { display: none !important; }
}
@media (max-width:480px)
{
.Responsive .visibleResponsiveNarrow { display: inherit !important; }
.Responsive .hiddenResponsiveNarrow { display: none !important; }
.Responsive .hiddenWideUnder,
.Responsive .hiddenMediumUnder,
.Responsive .hiddenNarrowUnder { display: none !important; }
}
@media (max-width:610px)
{
.Responsive .threeColumnList li
{
float: none;
width: auto;
margin: 2px 1% 2px 0;
}
}
@media (max-width:480px)
{
.Responsive .xenTooltip.statusTip
{
width: auto;
}
.Responsive .xenPreviewTooltip
{
box-sizing: border-box;
width: auto;
max-width: 100%;
}
.Responsive .xenPreviewTooltip .arrow
{
display: none;
}
.Responsive .previewTooltip .avatar
{
display: none;
}
.Responsive .previewTooltip .text
{
margin-left: 0;
}
}
/* --- public:form.css --- */
/** Forms **/
.xenForm
{
margin: 10px auto;
max-width: 100%;
}
.xenOverlay .xenForm
{
max-width: 600px;
}
.xenForm .ctrlUnit > dd
{
width: 68%;
box-sizing: border-box;
padding-right: 30px;
}
.xenForm .ctrlUnit > dd .textCtrl
{
box-sizing: border-box;
width: 100%;
}
.xenForm .ctrlUnit > dd .textCtrl.indented
{
width: calc(100% - 16px);
}
.xenForm .ctrlUnit > dd .textCtrl[size],
.xenForm .ctrlUnit > dd .textCtrl.autoSize
{
width: auto !important;
min-width: 0;
}
.xenForm .ctrlUnit > dd .textCtrl.number
{
width: 150px;
}
.xenForm > .sectionHeader:first-child,
.xenForm > fieldset > .sectionHeader:first-child
{
margin-top: 0;
}
/** Sections **/
.xenForm fieldset,
.xenForm .formGroup
{
border-top: 1px solid #d7edfc;
margin: 20px auto;
}
.xenForm > fieldset:first-child,
.xenForm > .formGroup:first-child
{
border-top: none;
margin: auto;
}
.xenForm .PreviewContainer + fieldset,
.xenForm .PreviewContainer + .formGroup
{
border-top: none;
}
.xenForm fieldset + .ctrlUnit,
.xenForm .formGroup + .ctrlUnit,
.xenForm .submitUnit
{
border-top: 1px solid #d7edfc;
}
.xenForm fieldset + .ctrlUnit,
.xenForm .formGroup + .ctrlUnit
{
padding-top: 10px;
}
.xenForm .primaryContent + .submitUnit,
.xenForm .secondaryContent + .submitUnit
{
margin-top: 0;
border-top: none;
}
.xenForm .ctrlUnit.submitUnit dd
{
line-height: 31px;
padding-top: 0;
}
.ctrlUnit.submitUnit dd .explain,
.ctrlUnit.submitUnit dd .text,
.ctrlUnit.submitUnit dd label
{
line-height: 1.28;
}
/* now undo that */
.xenOverlay .ctrlUnit.submitUnit dd,
.Menu .ctrlUnit.submitUnit dd,
#QuickSearch .ctrlUnit.submitUnit dd
{
border: none;
background: none;
}
.xenForm .ctrlUnit
{
}
.xenForm .ctrlUnit.limited
{
display: none;
}
/** Sections Immediately Following Headers **/
.xenForm .sectionHeader + fieldset,
.xenForm .heading + fieldset,
.xenForm .subHeading + fieldset,
.xenForm .sectionHeader + .formGroup,
.xenForm .heading + .formGroup,
.xenForm .subHeading + .formGroup
{
border-top: none;
margin-top: 0;
}
.xenForm .formHiderHeader
{
margin: 10px;
font-size: 15px;
font-weight: bold;
}
/** *********************** **/
/** TEXT INPUTS **/
/** *********************** **/
.textCtrl
{
font-size: 13px;
font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
background: #ffffff url('styles/default/xenforo/clear.png');
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192, 192, 192);
border-right-color: rgb(233, 233, 233);
border-bottom-color: rgb(233, 233, 233);
border-left-color: rgb(192, 192, 192);
border-radius: 4px;
outline: 0;
}
select.textCtrl
{
word-wrap: normal;
-webkit-appearance: menulist;
}
select[multiple].textCtrl,
select[size].textCtrl
{
-webkit-appearance: listbox;
}
select[size="0"].textCtrl,
select[size="1"].textCtrl
{
-webkit-appearance: menulist;
}
textarea.textCtrl
{
word-wrap: break-word;
resize: vertical;
}
.textCtrl:focus,
.textCtrl.Focus
{
background: rgb(255,255,240) url('styles/default/xenforo/gradients/form-element-focus-25.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
textarea.textCtrl:focus
{
background-image: url('styles/default/xenforo/gradients/form-element-focus-100.png');
}
input.textCtrl.disabled,
textarea.textCtrl.disabled,
.disabled .textCtrl
{
font-style: italic;
color: rgb(100,100,100);
background-color: rgb(245,245,245);
}
.textCtrl.prompt
{
font-style: italic;
color: rgb(160,160,160);
}
.textCtrl:-moz-placeholder
{
/* needs to be in its own rule due to weird selector */
font-style: italic;
color: rgb(160,160,160);
}
.textCtrl::-moz-placeholder
{
/* needs to be in its own rule due to weird selector */
font-style: italic;
color: rgb(160,160,160);
}
.textCtrl::-webkit-input-placeholder
{
/* needs to be in its own rule due to weird selector */
font-style: italic;
color: rgb(160,160,160);
}
.textCtrl:-ms-input-placeholder
{
/* needs to be in its own rule due to weird selector */
font-style: italic;
color: rgb(160,160,160);
}
.textCtrl.autoSize
{
width: auto !important;
}
.textCtrl.number,
.textCtrl.number input
{
text-align: right;
width: 150px;
}
.textCtrl.fillSpace
{
width: 100%;
box-sizing: border-box;
_width: 95%;
}
.textCtrl.code,
.textCtrl.code input
{
font-family: Consolas, "Courier New", Courier, monospace;
white-space: pre;
word-wrap: normal;
direction: ltr;
}
input.textCtrl[type="password"]
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
input[type="email"],
input[type="url"]
{
direction: ltr;
}
.textCtrl.titleCtrl,
.textCtrl.titleCtrl input
{
font-size: 18pt;
}
textarea.textCtrl.Elastic
{
/* use for jQuery.elastic */
max-height: 300px;
}
/* for use with wrapped inputs */
.textCtrlWrap
{
display: inline-block;
}
.textCtrlWrap input.textCtrl
{
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
border-radius: 0 !important;
}
.textCtrlWrap.blockInput input.textCtrl
{
border-top: 1px solid rgb(192, 192, 192) !important;
margin-top: 4px !important;
}
.taggingInput.textCtrl
{
padding-top: 1px;
min-height: 25px;
}
.taggingInput input
{
margin: 0px;
font-size: 12px;
border: 1px solid transparent;
padding: 0;
background: transparent;
outline: 0;
color: inherit;
font-family: inherit;
}
.taggingInput .tag
{
border: 1px solid #a5cae4;
border-radius: 3px;
display: inline-block;
padding: 0 3px;
text-decoration: none;
background: #d7edfc url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
color: #176093;
margin-right: 3px;
margin-top: 2px;
font-size: 12px;
max-width: 98%;
box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
}
.disabled.taggingInput .tag
{
opacity: 0.7;
}
.disabled.taggingInput .tag a
{
pointer-events: none;
}
html .taggingInput .tag a
{
color: #6cb2e4;
font-weight: bold;
text-decoration: none;
}
.taggingInput .addTag
{
display: inline-block;
min-width: 150px;
max-width: 100%;
margin-top: 2px;
}
.taggingInput .tagsClear
{
clear: both;
width: 100%;
height: 0px;
float: none;
}
/** *********************** **/
/** BUTTONS **/
/** *********************** **/
.button
{
font-style: normal;
font-size: 12px;
font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
border-radius: 7px;
text-align: center;
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
outline: none;
line-height: 21px;
display: inline-block;
cursor: pointer;
box-sizing: border-box;
height: 23px;
}
.button.smallButton
{
font-size: 11px;
padding: 0px 4px;
line-height: 21px;
height: 21px;
border-radius: 5px;
}
.button.primary
{
background-color: #a5cae4;
}
input.button.disabled,
a.button.disabled,
input.button.primary.disabled,
a.button.primary.disabled,
html .buttonProxy .button.disabled
{
color: #999;
background-color: #EEE;
border-color: #CCC;
box-shadow: 0 0 0 transparent;
}
.button::-moz-focus-inner
{
border: none;
}
a.button
{
display: inline-block;
color: rgb(0, 0, 0);
}
.button:hover,
.button[href]:hover,
.buttonProxy:hover .button
{
color: black;
text-decoration: none;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}
.button:focus
{
border-color: #6cb2e4;
}
.button:active,
.button[href]:active,
.button.ToggleButton.checked,
.buttonProxy:active .button
{
color: black;
background-color: rgb(153, 153, 163);
border-color: rgb(200,200,215);
border-top-color: #b3b3bd;
border-bottom-color: white;
box-shadow: 0px 0px 0px 0px transparent;
outline: 0;
}
.button.ToggleButton
{
cursor: default;
width: auto;
color: rgb(179, 179, 189);
}
.button.ToggleButton.checked
{
background-color: rgb(255,150,50);
}
.button.inputSupplementary
{
width: 25px;
position: absolute;
top: 0px;
right: 0px;
}
.button.inputSupplementary.add
{
color: green;
}
.button.inputSupplementary.delete
{
color: red;
}
.submitUnit .button
{
min-width: 100px;
*min-width: 0;
}
/** Control Units **/
.xenForm .ctrlUnit
{
position: relative;
margin: 10px auto;
}
/* clearfix */ .xenForm .ctrlUnit { zoom: 1; } .xenForm .ctrlUnit:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.xenForm .ctrlUnit.fullWidth
{
overflow: visible;
}
/** Control Unit Labels **/
.xenForm .ctrlUnit > dt
{
padding-top: 4px;
padding-right: 15px;
text-align: right;
vertical-align: top;
box-sizing: border-box;
width: 32%;
float: left;
}
/* special long-text label */
.xenForm .ctrlUnit > dt.explain
{
font-size: 11px;
text-align: justify;
}
.xenForm .ctrlUnit.fullWidth dt,
.xenForm .ctrlUnit.submitUnit.fullWidth dt
{
float: none;
width: auto;
text-align: left;
height: auto;
}
.xenForm .ctrlUnit.fullWidth dt
{
margin-bottom: 2px;
}
.xenForm .ctrlUnit > dt label
{
margin-left: 30px;
}
/** Hidden Labels **/
.xenForm .ctrlUnit.surplusLabel dt label
{
display: none;
}
/** Section Links **/
.ctrlUnit.sectionLink dt
{
text-align: left;
font-size: 11px;
}
.ctrlUnit.sectionLink dt a
{
margin-left: 11px; /*TODO: sectionHeader padding + border*/
}
/** Hints **/
.ctrlUnit > dt dfn
{
font-style: italic;
font-size: 10px;
color: rgb(150,150,150);
margin-left: 30px;
display: block;
}
.ctrlUnit.fullWidth dt dfn
{
display: inline;
margin: 0;
}
.ctrlUnit > dt dfn b,
.ctrlUnit > dt dfn strong
{
color: rgb(100,100,100);
}
/** Inline Errors **/
.ctrlUnit > dt .error
{
font-size: 10px;
color: red;
display: block;
}
.ctrlUnit > dt dfn,
.ctrlUnit > dt .error,
.ctrlUnit > dt a
{
font-weight: normal;
}
.xenForm .ctrlUnit.submitUnit dt
{
height: 19px;
display: block;
}
.ctrlUnit.submitUnit dt.InProgress
{
background: transparent url('styles/default/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat center center;
}
/** Control Holders **/
.xenForm .ctrlUnit > dd
{
/*todo: kill property */
float: left;
}
.xenForm .ctrlUnit.fullWidth > dd
{
float: none;
width: auto;
padding-left: 30px;
}
/** Explanatory paragraph **/
.ctrlUnit > dd .explain
{
font-size: 11px;
color: rgb(150,150,150);
margin-top: 2px;
/*TODO:max-width: auto;*/
}
.ctrlUnit > dd .explain b,
.ctrlUnit > dd .explain strong
{
color: rgb(100,100,100);
}
/** List items inside controls **/
.ctrlUnit > dd > * > li
{
margin: 4px 0 8px;
padding-left: 1px; /* fix a webkit display bug */
}
.ctrlUnit > dd > * > li:first-child > .textCtrl:first-child
{
margin-top: -3px;
}
.ctrlUnit > dd .break
{
margin-bottom: 0.75em;
padding-bottom: 0.75em;
}
.ctrlUnit > dd .rule
{
border-bottom: 1px solid #d7edfc;
}
.ctrlUnit > dd .ddText
{
margin-bottom: 2px;
}
/** Hints underneath checkbox / radio controls **/
.ctrlUnit > dd > * > li .hint
{
font-size: 11px;
color: rgb(150,150,150);
margin-left: 16px;
margin-top: 2px;
}
/** DISABLERS **/
.ctrlUnit > dd > * > li > ul,
.ctrlUnit .disablerList,
.ctrlUnit .indented
{
margin-left: 16px;
}
.ctrlUnit > dd > * > li > ul > li:first-child
{
margin-top: 6px;
}
.ctrlUnit > dd .disablerList > li,
.ctrlUnit > dd .checkboxColumns > li,
.ctrlUnit > dd .choiceList > li
{
margin-top: 6px;
}
/** Other stuff... **/
.ctrlUnit > dd .helpLink
{
font-size: 10px;
}
.ctrlUnit.textValue dt
{
padding-top: 0px;
}
.button.spinBoxButton
{
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11pt;
}
.unitPairsJustified li
{
overflow: hidden;
}
.unitPairsJustified li .label
{
float: left;
}
.unitPairsJustified li .value
{
float: right;
}
#calroot
{
margin-top: -1px;
width: 198px;
padding: 2px;
background-color: rgb(252, 252, 255);
font-size: 11px;
border: 1px solid #65a5d1;
border-radius: 5px;
box-shadow: 0 0 15px #666;
z-index: 7500;
}
#calhead
{
padding: 2px 0;
height: 22px;
}
#caltitle {
font-size: 11pt;
color: #65a5d1;
float: left;
text-align: center;
width: 155px;
line-height: 20px;
}
#calnext, #calprev {
display: block;
width: 20px;
height: 20px;
font-size: 11pt;
line-height: 20px;
text-align: center;
float: left;
cursor: pointer;
}
#calnext {
float: right;
}
#calprev.caldisabled, #calnext.caldisabled {
visibility: hidden;
}
#caldays {
height: 14px;
border-bottom: 1px solid #65a5d1;
}
#caldays span {
display: block;
float: left;
width: 28px;
text-align: center;
color: #65a5d1;
}
#calweeks {
margin-top: 4px;
}
.calweek {
clear: left;
height: 22px;
}
.calweek a {
display: block;
float: left;
width: 27px;
height: 20px;
text-decoration: none;
font-size: 11px;
margin-left: 1px;
text-align: center;
line-height: 20px;
border-radius: 3px;
}
.calweek a:hover, .calfocus {
background-color: #f0f7fc;
}
a.caloff {
color: rgb(150,150,150);
}
a.caloff:hover {
background-color: #f0f7fc;
}
a.caldisabled {
background-color: #efefef !important;
color: #ccc !important;
cursor: default;
}
#caltoday {
font-weight: bold;
}
#calcurrent {
background-color: #65a5d1;
color: #f0f7fc;
}
ul.autoCompleteList
{
background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
border: 1px solid #6cb2e4;
padding: 2px;
font-size: 11px;
min-width: 180px;
_width: 180px;
z-index: 1000;
}
ul.autoCompleteList li
{
padding: 3px 3px;
height: 24px;
line-height: 24px;
}
ul.autoCompleteList li:hover,
ul.autoCompleteList li.selected
{
background-color: #d7edfc;
border-radius: 3px;
}
ul.autoCompleteList img.autoCompleteAvatar
{
float: left;
margin-right: 3px;
width: 24px;
height: 24px;
}
ul.autoCompleteList li strong
{
font-weight: bold;
}
/** status editor **/
.statusEditorCounter
{
color: green;
}
.statusEditorCounter.warning
{
color: orange;
font-weight: bold;
}
.statusEditorCounter.error
{
color: red;
font-weight: bold;
}
.explain .statusHeader
{
display: inline;
}
.explain .CurrentStatus
{
color: rgb(20,20,20);
font-style: italic;
padding-left: 5px;
}
/* BB code-based editor styling */
.xenForm .ctrlUnit.fullWidth dd .bbCodeEditorContainer textarea
{
margin-left: 0;
min-height: 200px;
}
.bbCodeEditorContainer a
{
font-size: 11px;
}
/*
* Fix silly top padding. This may require additional tags in the padding-top selector.
*/
.xenForm .ctrlUnit > dd
{
padding-top: 4px;
}
.xenForm .ctrlUnit.fullWidth > dd
{
padding-top: 0;
}
.xenForm .ctrlUnit > dd > input,
.xenForm .ctrlUnit > dd > select,
.xenForm .ctrlUnit > dd > textarea,
.xenForm .ctrlUnit > dd > ul,
.xenForm .ctrlUnit > dd > .verticalShift
{
margin-top: -4px;
}
.xenForm .ctrlUnit.fullWidth > dd > input,
.xenForm .ctrlUnit.submitUnit > dd > input,
.xenForm .ctrlUnit.fullWidth > dd > select,
.xenForm .ctrlUnit.submitUnit > dd > select,
.xenForm .ctrlUnit.fullWidth > dd > textarea,
.xenForm .ctrlUnit.submitUnit > dd > textarea,
.xenForm .ctrlUnit.fullWidth > dd > ul,
.xenForm .ctrlUnit.submitUnit > dd > ul
{
margin-top: 0;
}
/*
* Multi-column checkboxes
*/
.xenForm .checkboxColumns > dd > ul,
ul.checkboxColumns
{
-webkit-column-count : 2; -moz-column-count : 2;column-count: 2;
-webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px;
}
.xenForm .checkboxColumns > dd > ul li,
ul.checkboxColumns li
{
-webkit-column-break-inside : avoid; -moz-column-break-inside : avoid;column-break-inside: avoid;
break-inside: avoid-column;
margin-bottom: 4px;
padding-left: 1px;
display: inline-block;
width: 100%;
}
.xenForm .checkboxColumns.blockLinksList > dd > ul li,
ul.checkboxColumns.blockLinksList li
{
display: block;
}
.xenForm .checkboxColumns.multiple > dd > ul
{
-webkit-column-count : auto; -moz-column-count : auto;column-count: auto;
-webkit-column-gap : normal; -moz-column-gap : normal;column-gap: normal;
}
.xenForm .checkboxColumns.multiple > dd
{
-webkit-column-count : 2; -moz-column-count : 2;column-count: 2;
-webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px;
}
.xenForm .checkboxColumns.multiple > dd > ul
{
margin-bottom: 18px;
}
#recaptcha_image
{
box-sizing: content-box;
max-width: 100%;
}
#recaptcha_image img
{
max-width: 100%;
}
#helper_birthday { display: inline-block; }
#helper_birthday > li
{
display: inline;
}
html[dir=rtl] #helper_birthday input,
html[dir=rtl] #helper_birthday select
{
direction: rtl;
}
@media (max-width:480px)
{
.Responsive .xenForm .ctrlUnit > dt
{
float: none;
width: auto;
text-align: left;
height: auto;
}
.Responsive .xenForm .ctrlUnit > dt label,
.Responsive .xenForm .ctrlUnit > dt dfn
{
margin-left: 0;
}
.Responsive .xenForm .ctrlUnit.submitUnit dt
{
height: auto;
}
.Responsive .xenForm .ctrlUnit > dd,
.Responsive .xenForm .ctrlUnit.fullWidth dd
{
float: none;
width: auto;
text-align: left;
height: auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}
.Responsive .xenForm .checkboxColumns > dd > ul,
.Responsive ul.checkboxColumns
{
-webkit-column-count : 1; -moz-column-count : 1;column-count: 1;
}
.Responsive #ctrl_upload
{
max-width: 200px;
}
.Responsive .xenForm .ctrlUnit > dd .textCtrl[size],
.Responsive .xenForm .ctrlUnit > dd .textCtrl.autoSize
{
width: 100% !important;
}
.Responsive .xenForm .ctrlUnit > dd > input,
.Responsive .xenForm .ctrlUnit > dd > select,
.Responsive .xenForm .ctrlUnit > dd > textarea,
.Responsive .xenForm .ctrlUnit > dd > ul,
.Responsive .xenForm .ctrlUnit > dd > .verticalShift
{
margin-top: 0;
}
}
@media (max-width:610px)
{
.Responsive .insideSidebar .xenForm .ctrlUnit > dt
{
float: none;
width: auto;
text-align: left;
height: auto;
}
.Responsive .insideSidebar .xenForm .ctrlUnit > dt label,
.Responsive .insideSidebar .xenForm .ctrlUnit > dt dfn
{
margin-left: 0;
}
.Responsive .insideSidebar .xenForm .ctrlUnit.submitUnit dt
{
height: auto;
}
.Responsive .insideSidebar .xenForm .ctrlUnit > dd,
.Responsive .insideSidebar .xenForm .ctrlUnit.fullWidth dd
{
float: none;
width: auto;
text-align: left;
height: auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}
.Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl[size],
.Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl.autoSize
{
width: 100% !important;
}
.Responsive .insideSidebar .xenForm .ctrlUnit > dd > input,
.Responsive .insideSidebar .xenForm .ctrlUnit > dd > select,
.Responsive .insideSidebar .xenForm .ctrlUnit > dd > textarea,
.Responsive .insideSidebar .xenForm .ctrlUnit > dd > ul
{
margin-top: -0;
}
}
@media (max-device-width:568px)
{
.Responsive .textCtrl,
.Responsive .taggingInput input,
.Responsive .taggingInput .tag
{
font-size: 16px;
}
}
/* --- admin.css --- */
.pageWidth
{
padding-right: 5px;
padding-left: 5px;
margin: 0 1%;
_width: 976px;
_margin: 0 auto;
box-sizing: border-box;
max-width: 1200px;
margin: 0 auto;
}
#body
{
padding-top: 75px;
position: relative;
}
/* breadcrumbly */
#breadcrumbs
{
overflow: hidden; zoom: 1;
font-size: 11px;
}
#breadcrumbs li
{
float: left;
margin-right: 10px;
}
#breadcrumbs li:after
{
content: ' > ';
}
/* title bar */
.titleBar
{
padding: 5px 0;
border-bottom: 1px solid #d7edfc;
margin: 0px auto 10px;
}
#contentContainer
{
position: absolute;
top: 75px;
left: 180px;
right: 20px;
z-index: 5;
}
#content
{
min-height: 450px;
padding: 10px 20px 20px;
background: rgb(252, 252, 255);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0px 5px 30px #2b485c;
}
.Touch #content
{
box-shadow: none;
}
/* side nav column */
#sideNav
{
min-height: 350px;
}
.sideNavBar
{
width: 180px;
margin-left: 20px;
background: #2b485c;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.withSections .sideNavBar
{
background: #032A46;
}
.sideNavLinks > *
{
padding: 5px;
/*margin-bottom: 1px;*/
}
.sideNavLinks > *:first-child
{
padding-top: 8px;
}
.sideNavLinks > li > a
{
color: #d7edfc;
font-weight: bold;
border-bottom: 1px solid #176093;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.sideNavLinks a
{
color: #a5cae4;
font-size: 11px;
display: block;
padding-left: 10px;
padding-right: 25px;
padding-top: 1px;
padding-bottom: 1px;
outline: 0;
border-radius: 2px;
}
.sideNavLinks a:hover
{
background-color: #176093;
text-decoration: none;
}
.sideNavLinks a:link:hover,
.sideNavLinks a:visited:hover
{
color: #d7edfc;
}
.sideNavSections > li
{
display: none;
}
.withSections .sideNavSections > li
{
display: block;
}
.sideNavSections > li.sideNavActiveSection
{
display: block;
}
.withSections .sideNavSections > li.sideNavActiveSection
{
background: #2b485c;
border-top: 1px solid #176093;
border-bottom: 1px solid #176093;
box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.5),
inset 0 -20px 20px -20px rgba(0, 0, 0, 0.5);
padding-bottom: 10px;
}
.sideNavSections > li > a
{
display: block;
color: #d7edfc;
font-size: 16px;
letter-spacing: 0.5px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
padding: 3px 10px;
}
.sideNavSections > li > a:hover,
.sideNavSections > li > a:hover
{
background-color: #176093;
text-decoration: none;
}
.sideNavSections > li > a:link:hover,
.sideNavSections > li > a:visited:hover
{
color: #d7edfc;
}
.sideNavSections > li.sideNavActiveSection > a
{
display: none;
}
.withSections .sideNavSections > li.sideNavActiveSection > a
{
display: block;
}
/* Container for popup choosers above the main content */
.topChoosers
{
margin: 10px 0;
}
/* clearfix */ .topChoosers { zoom: 1; } .topChoosers:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.topChoosers .Popup
{
float: left;
margin-right: 10px;
font-size: 11px;
}
/* options */
.optionEditLink
{
font-size: 10px;
line-height: 25px;
position: absolute;
top: 5px;
right: 0px;
}
.optionEditLink .editText
{
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
white-space: nowrap;
text-indent: 9999em;
background: transparent url('styles/default/xenforo/widgets/edit-sprite.png') no-repeat 0px;
}
a.optionEditLink:hover,
.optionEditLink a:hover
{
text-decoration: none;
}
.optionEditLink:hover .editText
{
background-position: -16px;
}
/** User message **/
.userMessage .secondaryContent
{
overflow: hidden; zoom: 1;
}
.userMessage .avatar
{
float: left;
}
.userMessage .message
{
margin-left: 60px;
}
.userMessage h2
{
font-size: 13pt;
color: #2b485c;
margin: 5px 0;
}
/** Error message **/
#htmlError > h2
{
font-size: 11px;
padding-bottom: 5px;
border-bottom: solid 1px #d7edfc;
margin-bottom: 5px;
}
#htmlError #errorMessage
{
}
.alertText
{
font-weight: bold;
color: red;
}
/** Simple page output **/
.Admin body.simple #content
{
padding: 75px 50px;
max-width: 800px;
min-height: 0;
margin: 50px auto 0;
border-radius: 5px;
}
.optionGroupDescription
{
font-family: Georgia, "Times New Roman", Times, serif;
/*margin: 0 30px;*/
}
/* Quick Search */
#AdminSearchMenu
{
position: fixed;
max-width: 99.4%;
}
#AdminSearchForm
{
width: auto;
margin: 0;
font-size: 11px;
color: #f0f7fc;
font-weight: bold;
padding: 0px 5px 3px;
background-color: #6cb2e4;
}
#AdminSearchInput
{
font-weight: bold;
width: 340px;
max-width: 100%;
box-sizing: border-box;
}
#AdminSearchInput input.textCtrl:focus
{
background-image: none;
}
#AdminSearchResults
{
width: 350px;
max-height: 425px;
overflow: auto;
}
#AdminSearchResults table
{
width: 100%;
}
#AdminSearchResults tr
{
vertical-align: top;
}
#AdminSearchResults th
{
width: 125px;
padding: 7px 5px;
box-sizing: border-box;
text-align: right;
border-right: 1px solid #a5cae4;
border-bottom: none;
color: rgb(150,150,150);
}
#AdminSearchResults .secondaryContent
{
padding: 0;
}
#AdminSearchResults .blockLinksList
{
width: 225px;
box-sizing: border-box;
max-height: none;
overflow: hidden;
}
#AdminSearchResults .blockLinksList > li
{
overflow: hidden; zoom: 1;
}
#AdminSearchResults .blockLinksList a
{
overflow: hidden;
text-overflow: ellipsis;
}
#AdminSearchResults .blockLinksList dfn
{
font-size: 10px;
color: rgb(150,150,150);
}
#AdminSearchResults .blockLinksList a:active dfn
{
color: inherit;
}
#AdminSearchResults .blockLinksList .icon
{
float: left;
margin: 3px 5px 0;
}
#AdminSearchResults tr:last-child .secondaryContent
{
border-bottom: none;
}
#AdminSearchResults .noResults
{
margin: 0;
padding: 7px 12px;
}
/** footer controls (usually at the bottom of the content area **/
.footerControls
{
overflow: hidden;
zoom: 1;
font-size: 11px;
}
.footerControls .navSide
{
float: left;
}
.footerControls .navSide .footerControl
{
margin-right: 10px;
}
.footerControls .scrollSide
{
float: right;
}
.footerControls .scrollSide .footerControl
{
margin-left: 10px;
}
/** manual defer execution overlay **/
#ManualDeferOverlay
{
padding: 20px;
background: rgb(252, 252, 255);
border-radius: 5px;
box-shadow: 0px 5px 30px #2b485c;
}
#ManualDeferOverlay h2
{
font-size: 18pt;
overflow: hidden;
zoom: 1;
}
#ManualDeferOverlay .CancelDeferred
{
float: right;
}
#ManualDeferOverlay .close
{
display: none;
}
/** misc **/
.noResults
{
margin: 10px 0;
}
.xenForm.section
{
max-width: none;
}
@media (max-width:800px)
{
#body
{
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
#sideNav
{
display: none;
z-index: 1000;
}
#sideNav.active
{
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.sideNavCloser
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
cursor: pointer;
}
.sideNavBar
{
margin-left: 0;
border-right: 1px solid #032A46;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
min-height: 0;
height: 100%;
}
#contentContainer
{
position: relative;
top: 0;
left: 0;
right: 0;
z-index: 5;
}
#content
{
min-height: 0;
padding: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
}
#AdminSearchMenu
{
position: absolute;
}
.adminSearchText
{
display: none;
}
.titleBar
{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.topCtrl
{
-webkit-order: 3;
order: 3;
float: none;
width: 100%;
}
}
@media (max-width:610px)
{
.Admin body.simple #content
{
padding: 20px;
margin: 0 auto;
border-radius: 0;
}
}
@media (max-width:480px)
{
.Admin body.simple #content
{
padding: 10px;
}
}
/* --- header.css --- */
/* header */
#header
{
background: #176093;
position: fixed;
min-width: 100%;
z-index: 10;
}
/* logo line */
#logoLine
{
text-align: center;
border-bottom: 1px solid #1d74b3;
min-height: 35px;
overflow: hidden; zoom: 1;
}
#logoLine .pageWidth
{
position: relative;
}
#version,
#logoutLink
{
position: absolute;
top: 13px;
left: 20px;
font-size: 11px;
color: #a5cae4;
padding: 0 11px;
/*font-family: Eurostile, 'Trebuchet MS', Helvetica, Arial, sans-serif;*/
}
#logoLine a
{
color: #a5cae4;
}
#logoLine a:hover
{
color: #f0f7fc;
text-decoration: none;
}
#logoutLink
{
left: auto;
right: 20px;
}
#logo
{
width: 100px;
height: 30px;
}
/* tab navigation */
#tabsNav
{
background: transparent url('styles/default/xenforo/gradients/acp-banner-shadow.png') no-repeat top center;
padding-top: 10px;
border-top: 1px solid #2b485c;
}
#tabsNav .pad
{
background: #6cb2e4;
height: 7px;
border-bottom: 1px solid #176093;
zoom: 1;
}
.acpTabs
{
overflow: hidden; zoom: 1;
height: 22px;
font-size: 11px;
padding: 0 20px;
}
.acpTabs li
{
float: left;
}
.acpTabs li.acpTabsMenu
{
display: none;
}
.acpTabs.withNoLinks li.acpTabsMenu
{
display: block;
}
.acpTabsMenu i
{
width: 8px;
height: 8px;
background: linear-gradient(to bottom, #6cb2e4 0%, #6cb2e4 20%, transparent 20%, transparent 40%, #6cb2e4 40%, #6cb2e4 60%, transparent 60%, transparent 80%, #6cb2e4 80%, #6cb2e4 100%);
background: -webkit-linear-gradient(top, #6cb2e4 0%, #6cb2e4 20%, transparent 20%, transparent 40%, #6cb2e4 40%, #6cb2e4 60%, transparent 60%, transparent 80%, #6cb2e4 80%, #6cb2e4 100%);
display: inline-block;
margin-right: 3px;
position: relative;
}
.acpTabs li:hover a i
{
background: linear-gradient(to bottom, #f0f7fc 0%, #f0f7fc 20%, transparent 20%, transparent 40%, #f0f7fc 40%, #f0f7fc 60%, transparent 60%, transparent 80%, #f0f7fc 80%, #f0f7fc 100%);
background: -webkit-linear-gradient(top, #f0f7fc 0%, #f0f7fc 20%, transparent 20%, transparent 40%, #f0f7fc 40%, #f0f7fc 60%, transparent 60%, transparent 80%, #f0f7fc 80%, #f0f7fc 100%);
}
.acpTabs.withNoLinks li.acpTabsLink:not(.active)
{
display: none;
}
.acpTabs li.logout
{
float: right;
}
.acpTabs li.logout a
{
text-transform: none;
}
.acpTabs li a
{
display: block;
height: 20px;
line-height: 20px;
padding: 3px 11px 0;
color: #6cb2e4;
border-top-left-radius: 2px;
border-top-right-radius: 5px;
outline: 0;
cursor: pointer;
}
.acpTabs li.active a,
.acpTabs li.active:hover a
{
background: #6cb2e4;
color: #f0f7fc;
padding: 2px 10px 0;
border: 1px solid #032A46;
border-bottom: none;
font-weight: bold;
/*text-shadow: 0px 0px 3px #176093;*/
}
.acpTabs li:hover a,
.acpTabs li.Popup:hover a.PopupControl.PopupClosed
{
background-color: #176093;
color: #d7edfc;
text-decoration: none;
}
.acpTabs li#AdminSearch a.PopupControl .arrowWidget
{
background: transparent url('styles/default/xenforo/widgets/acp-search-sprite.png') no-repeat right 0px;
}
.acpTabs li#AdminSearch a.PopupControl.PopupOpen .arrowWidget
{
background-position: right -13px;
}
.acpTabs li.separated
{
float: right;
}
.acpTabs li.publicLink
{
max-width: 200px;
}
.acpTabs li.publicLink a
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: normal;
}
@media (max-width:800px)
{
#header
{
position: static;
}
#version,
#logoutLink
{
padding-left: 0;
padding-right: 0;
}
#version
{
left: 10px;
}
#logoutLink
{
right: 10px;
}
.acpTabs
{
padding-left: 0;
padding-right: 0;
}
.acpTabs li.acpTabsMenu,
.acpTabs.withNoLinks li.acpTabsMenu
{
display: block;
}
.acpTabs li.publicLink
{
max-width: 150px;
}
}
@media (max-width:610px)
{
.acpTabs li.publicLink
{
max-width: 25%;
}
}
@media (max-width:400px)
{
#logo
{
display: none;
}
}
/* --- footer.css --- */
#footer
{
margin: 20px 30px;
font-size: 11px;
color: rgb(150,150,150);
font-family: Eurostile, 'Trebuchet MS', Helvetica, Arial, sans-serif;
overflow: hidden;
}
#footer a:link,
#footer a:visited
{
color: inherit;
text-decoration: underline;
}
#footer .opposite
{
float: right;
text-align: right;
}
@media (max-width:800px)
{
#footer
{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0;
padding-bottom: 10px;
}
}
@media (max-width:610px)
{
#footer .opposite
{
float: none;
text-align: left;
}
}
Последнее редактирование: