+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Üye Profili & Postbit (https://mybbdepo.com/uye-profili-postbit-forumu)
+---- Konu Başlığı: [1.4 - 1.6] XenForo Stil Kullanıcı KP Yapımı [Modifikasyon - Anlatım] (/xenforo-stil-kullanici-kp-yapimi-modifikasyon-anlatim-konusu.html)
Cvp: XenForo Stil Kullanıcı KP Yapımı [Modifikasyon - Anlatım] - Takipcİ - 01-08-2013
hocam css dendiye silip 2-3 kere tekrar yaptım hatta farklı isimlerlede denedim olmadı en son çare eski hale çevirdim sitem şu anda bakımda tekrar kuruyorum o yüzden resim eklemedim
Cvp: XenForo Stil Kullanıcı KP Yapımı [Modifikasyon - Anlatım] - Smyrna35 - 01-08-2013
İlk olarak css kalıplarını not defterine yapıştırıp ardından not defterinden kopyalayıp account.css içine yapıştırınız.Eğer olmaz ise birde kodları global.css en altına eklemeyi deneyiniz.
Cvp: XenForo Stil Kullanıcı KP Yapımı [Modifikasyon - Anlatım] - Takipcİ - 01-08-2013
onuda denedim hocam olmadı bende eski haline çevirdim
Cvp: XenForo Stil Kullanıcı KP Yapımı [Modifikasyon - Anlatım] - ekaba2002 - 11-08-2013
bende profil bigilerini düzenle diyince özel mesaj çöp kutusu çıkıyor
Cvp: XenForo Stil Kullanıcı KP Yapımı [Modifikasyon - Anlatım] - Breezep - 11-08-2013
Arkadaşlar ben eksik kod vermişim. Kodlar çok uzun açıkçası.
Kod:
@CHARSET "UTF-8";
/* --- 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;}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);
min-width: 1000px;
overflow-y: scroll !important;
}
body
{
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
color: rgb(20,20,20);
word-wrap: break-word;
line-height: 1.27;
}
/* counteract the word-wrap setting in 'body' */
pre, textarea
{
word-wrap: normal;
}
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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-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; -webkit-box-shadow: 5px 5px 7px #CCCCCC; -moz-box-shadow: 5px 5px 7px #CCCCCC; -khtml-box-shadow: 5px 5px 7px #CCCCCC;
outline: 0 none;
}
.emCtrl:active,
.ugc a:active
{
position: relative;
top: 1px;
box-shadow: 2px 2px 7px #CCCCCC; -webkit-box-shadow: 2px 2px 7px #CCCCCC; -moz-box-shadow: 2px 2px 7px #CCCCCC; -khtml-box-shadow: 2px 2px 7px #CCCCCC;
outline: 0 none;
}
.ugc a:link,
.ugc a:visited
{
padding: 0 3px;
margin: 0 -3px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-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; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px;
}
.avatar.plainImage img,
.avatar.plainImage .img
{
border: none;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-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; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-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; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px;
position: relative;
box-shadow: 0px 12px 25px rgba(0,0,0, 0.5); -webkit-box-shadow: 0px 12px 25px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 12px 25px rgba(0,0,0, 0.5); -khtml-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;
}
/* ***************************** */
p.importantMessage
{
margin: 10px 0;
color: #6d3f03;
background-color: #fff4e5;
text-align: center;
padding: 5px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
border: solid 1px #f9bc6d;
}
p.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; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-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; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px;
border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -khtml-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
{
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; }
/* 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;
border-bottom: 1px solid #a5cae4;
word-wrap: normal;
min-height: 23px;
_height: 23px;
display: table;
width: 100%;
*width: auto;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-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; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px;
border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -khtml-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;
}
/* ***************************** */
/* 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: 16px;
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; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px;
border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px;
border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px;
text-shadow: 0 0 0 transparent, 1px 1px 2px white;
}
.Popup .PopupControl.BottomControl.PopupOpen,
.Popup.PopupContainerControl.BottomControl.PopupOpen
{
border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px;
border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px;
border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-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); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5); -khtml-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);
min-height: @menuMinheight;
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; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; -khtml-box-shadow: 0px 0px 0px transparent;
}
.Menu > li > a,
.Menu .menuRow
{
display: block;
}
/* 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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-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: 690px; /*calc: 90=overlay padding+borders*/
}
.xenOverlay .overlayScroll
{
max-height: 400px;
overflow: auto;
}
.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;
}
/* 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; -webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px;
box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -webkit-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -khtml-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
_zoom: 1;
}
.Touch .xenOverlay .formOverlay
{
background: rgb(0, 0, 0);
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-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; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-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:focus,
.xenOverlay .formOverlay .textCtrl.Focus
{
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.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 */
{
border-color: #a5cae4;
}
.xenOverlay .formOverlay .tabs a
{
background-color: transparent;
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; -webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px;
box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -webkit-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -khtml-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; -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none;
}
.xenOverlay > .section,
.xenOverlay > .sectionMain
{
background: none;
margin: 0;
}
.xenOverlay .section .heading,
.xenOverlay .sectionMain .heading
{
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-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 .button,
.xenOverlay .sectionFooter .buttonContainer
{
min-width: 75px;
*min-width: 0;
float: right;
}
.xenOverlay .sectionFooter .buttonContainer .button
{
float: none;
}
/* The AJAX progress indicator overlay */
#AjaxProgress.xenOverlay
{
width: 100%;
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; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-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;
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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4); -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4); -moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4); -khtml-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; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-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 .secondaryContent.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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
.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 **/
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; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px;
border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px;
}
.dataTable tr.dataRow td
{
border-bottom: 1px solid #d7edfc;
padding: 5px 10px;
}
.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 .dataRow .dataOptions
{
text-align: right;
white-space: nowrap;
word-wrap: normal;
padding: 0;
}
.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 .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;
}Kod:
.memberListItem .userBlurb
{
}
.memberListItem .userBlurb .userTitle
{
font-weight: bold;
}
/* ----------------------- */
.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: none;
color: white;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
font-size: 10px;
overflow: hidden;
white-space: nowrap;
text-indent: 20000em;
cursor: pointer;
}
.DismissParent:hover .DismissCtrl
{
background: transparent url(../../../styles/default/xenforo/xenforo-ui-sprite.png) no-repeat -80px 0;
}
.DismissParent:hover .DismissCtrl:hover
{
background-position: -96px 0;
}
.DismissParent:hover .DismissCtrl:active
{
background-position: -112px 0;
}
/* ***************************** */
/* 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:2em; 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;
}
.PageNav .pageNavHeader,
.PageNav a,
.PageNav .scrollable
{
display: block;
float: left;
margin-right: 3px;
}
.PageNav .pageNavHeader
{
padding: 1px 0;
}
.PageNav a
{
text-decoration: none;
border: 1px solid transparent;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-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
{
color: #8f6c3f;
background-color: #fff4e5;
border-color: #f9d9b0;
/* url(../../../styles/default/xenforo/gradients/category-23px-light.png) repeat-x top*/
}
.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;
display: block;
}
/** 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; }
/* ***************************** */
/* 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;
}
.pairsJustified dd
{
float: right;
text-align: right;
}
/* ***************************** */
/* 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
{
margin-right: 0.2em;
}
.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;
}
/* ***************************** */
/* 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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-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 a.selected,
.blockLinksList label:active,
.blockLinksList label.selected
{
color: #032A46;
background-color: #a5cae4;
}
.blockLinksList a.selected,
.blockLinksList label.selected
{
font-weight: bold;
display: block;
}
.blockLinksList span.depthPad
{
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; -webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-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; -webkit-box-shadow: 2px 2px 10px #999; -moz-box-shadow: 2px 2px 10px #999; -khtml-box-shadow: 2px 2px 10px #999;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
padding: 2px 5px;
font-size: 11px;
width: 175px;
min-height: 2.5em;
_height: 2.5em;
}Kod:
/** Block errors **/
.errorPanel
{
margin: 10px 0 20px;
color: rgb(180,0,0);
background: rgb(255, 235, 235);
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-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;
}
/* Undo some nasties */
input[type=search]
{
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
}
/* ignored content hiding */
.ignored { display: none !important; }
/* 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;
}
.bbCodeStrike
{
text-decoration: line-through;
}
img.mceSmilie,
img.mceSmilieSprite
{
vertical-align: text-bottom;
margin: 0 1px;
}
/* smilie sprite classes */
img.mceSmilieSprite.mceSmilie8
{
width: 18px; height: 18px; background: url(../../../styles/default/xenforo/xenforo-smilies-sprite.png) no-repeat -20px 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.mceSmilie9
{
width: 18px; height: 18px; background: url(../../../styles/default/xenforo/xenforo-smilies-sprite.png) no-repeat -20px -42px;
}
img.mceSmilieSprite.mceSmilie12
{
width: 18px; height: 18px; background: url(../../../styles/default/xenforo/xenforo-smilies-sprite.png) no-repeat -80px -42px;
}
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.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.mceSmilie1
{
width: 18px; height: 18px; background: url(../../../styles/default/xenforo/xenforo-smilies-sprite.png) no-repeat 0px 0px;
}
img.mceSmilieSprite.mceSmilie7
{
width: 18px; height: 18px; background: url(../../../styles/default/xenforo/xenforo-smilies-sprite.png) no-repeat -20px -21px;
}
img.mceSmilieSprite.mceSmilie2
{
width: 18px; height: 18px; background: url(../../../styles/default/xenforo/xenforo-smilies-sprite.png) no-repeat -60px -21px;
}
/* --- form.css --- */
/** Forms **/
.xenForm
{
margin: 10px auto;
width: 750px;
}
.xenOverlay .xenForm
{
width: 600px;
}
.xenForm .ctrlUnit dd
{
width: 500px;
}
.xenOverlay .xenForm .ctrlUnit dd
{
width: 350px;
}
.xenForm .ctrlUnit dd .textCtrl
{
width: 462px;
}
.xenOverlay .xenForm .ctrlUnit dd .textCtrl
{
width: 362px;
}
.xenForm .ctrlUnit dd li > ul .textCtrl
{
width: 446px;
}
.xenOverlay .xenForm .ctrlUnit dd li > ul .textCtrl
{
width: 346px;
}
.xenForm .ctrlUnit.fullWidth dd .textCtrl,
.xenForm .ctrlUnit.fullWidth dd .explain,
.xenForm .ctrlUnit.fullWidth dd .mceLayout
{
margin-left: 30px;
}
.xenForm .ctrlUnit.fullWidth dd .textCtrl,
.xenForm .ctrlUnit.fullWidth dd .mceLayout
{
width: 682px;
}
.xenOverlay .xenForm .ctrlUnit.fullWidth dd .textCtrl,
.xenOverlay .xenForm .ctrlUnit.fullWidth dd .mceLayout
{
width: 532px;
}
.xenForm .ctrlUnit dd > select.textCtrl
{
min-width: 150px;
}
.xenForm .ctrlUnit dd .textCtrl[size],
.xenForm .ctrlUnit dd .textCtrl.autoSize,
.xenForm .ctrlUnit.fullWidth dd .textCtrl[size],
.xenForm .ctrlUnit.fullWidth dd .textCtrl.autoSize,
.xenOverlay .xenForm .ctrlUnit dd .textCtrl[size],
.xenOverlay .xenForm .ctrlUnit dd .textCtrl.autoSize,
.xenOverlay .xenForm .ctrlUnit.fullWidth dd .textCtrl[size],
.xenOverlay .xenForm .ctrlUnit.fullWidth dd .textCtrl.autoSize
{
width: auto !important;
min-width: 0;
}
.xenForm .ctrlUnit dd .textCtrl.number
{
width: 150px;
}
.xenForm .sectionHeader:first-child
{
margin-top: 0;
}
/** Sections **/
.xenForm fieldset
{
border-top: 1px solid #d7edfc;
margin: 20px auto;
}
.xenForm > fieldset:first-child
{
border-top: none;
margin: auto;
}
.xenForm .PreviewContainer + fieldset
{
border-top: none;
}
.xenForm fieldset + .ctrlUnit,
.xenForm .submitUnit
{
border-top: 1px solid #d7edfc;
}
.xenForm fieldset + .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;
}
/* now undo that */
.xenOverlay .ctrlUnit.submitUnit dd,
.Menu .ctrlUnit.submitUnit dd,
#QuickSearch .ctrlUnit.submitUnit dd
{
border: none;
background: none;
}
.xenForm .ctrlUnit
{
}
/** Sections Immediately Following Headers **/
.xenForm .sectionHeader + fieldset,
.xenForm .heading + fieldset,
.xenForm .subHeading + fieldset
{
border-top: none;
margin-top: 0;
}/** *********************** **/
/** TEXT INPUTS **/
/** *********************** **/
.textCtrl
{
font-size: 13px;
font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #ffffff;
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; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px;
outline: 0;
}
textarea.textCtrl
{
word-wrap: break-word;
}
.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::-webkit-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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-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;
}
/** *********************** **/
/** 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; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px;
text-align: center;
box-shadow: 0px 1px 4px 0px rgb(200,200,210); -webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210); -moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210); -khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
height: 23px;
}
.button.smallButton
{
font-size: 11px;
padding: 0px 4px;
line-height: 21px;
height: 21px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
}
.button.primary
{
background-color: #a5cae4;
}
input.button.disabled,
a.button.disabled,
input.button.primary.disabled,
a.button.primary.disabled
{
color: #999;
background-color: #EEE;
border-color: #CCC;
box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -khtml-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.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; -webkit-box-shadow: 0px 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px 0px transparent; -khtml-box-shadow: 0px 0px 0px 0px transparent;
outline: 0;
/*position: relative;
top: 2px;*/
}
.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;
}[code]