@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(0, 0, 0); background-repeat: repeat; 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: rgb(16, 16, 16); 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 { color: rgb(0, 0, 255); text-decoration: underline; 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 { background: #fff4e5 url('/forum/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(251, 251, 251); padding: 2px; border: 1px solid rgb(255, 255, 255); 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(/forum/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 rgb(16, 16, 16); 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(16, 16, 16); border-color: rgba(16, 16, 16, 0.5); _border-color: rgb(16, 16, 16); } .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(251, 251, 251); 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: rgb(0, 0, 0); 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 rgb(236, 236, 229); } p.importantMessage a { font-weight: bold; color: rgb(0, 0, 0); } /* ***************************** */ .section { margin: 10px auto; } .sectionMain { background-color: rgb(251, 251, 251); padding: 10px; margin: 10px auto; border: 1px solid rgb(255, 255, 255); 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: rgb(248, 248, 240); background-color: rgb(197, 193, 179); padding: 5px 10px; margin-bottom: 3px; border-bottom: 1px solid rgb(16, 16, 16); 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: rgb(248, 248, 240); } .subHeading { font-size: 11px; color: rgb(0, 0, 0); background: rgb(240, 239, 230) url('/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; padding: 5px 10px; margin: 3px auto 0; border-top: 1px solid rgb(240, 239, 230); border-bottom: 1px solid rgb(236, 236, 229); } .subHeading a { color: rgb(0, 0, 0); } .textHeading, .xenForm .sectionHeader { font-weight: bold; color: rgb(20,20,20); padding-bottom: 2px; margin: 10px auto 5px; border-bottom: 1px solid rgb(231, 229, 220); } .xenForm .sectionHeader, .xenForm .formHeader { margin: 10px 0; } .primaryContent > .textHeading:first-child, .secondaryContent > .textHeading:first-child { margin-top: 0; } .larger.textHeading, .xenForm .sectionHeader { color: rgb(255, 255, 255); font-size: 11pt; margin-bottom: 6px; } .larger.textHeading a, .xenForm .sectionHeader a { color: rgb(255, 255, 255); } .primaryContent { background-color: rgb(251, 251, 251); padding: 10px; border-bottom: 1px solid rgb(231, 229, 220); } .primaryContent a { color: rgb(16, 16, 16); } .secondaryContent { background: rgb(248, 248, 240) url('/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; padding: 10px; border-bottom: 1px solid rgb(231, 229, 220); } .secondaryContent a { color: rgb(16, 16, 16); } .sectionFooter { font-size: 11px; color: rgb(197, 193, 179); background: rgb(231, 229, 220) url('/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; padding: 4px 10px; border-bottom: 1px solid rgb(255, 255, 255); line-height: 16px; } .sectionFooter a { color: rgb(197, 193, 179); } /* 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: rgb(248, 248, 240) url('/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; border-bottom: 1px solid rgb(255, 255, 255); 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: rgb(231, 229, 220) url('/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding: 0 8px; margin-right: -1px; margin-bottom: -1px; border: 1px solid rgb(255, 255, 255); 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: rgb(255, 255, 255); } .tabs li.active a, .tabs.noLinks li.active { background-color: rgb(251, 251, 251); 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('/forum/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: rgb(16, 16, 16); text-decoration: none; background-color: rgb(231, 229, 220); } .Popup .PopupControl:focus, .Popup .PopupControl:active, .Popup.PopupContainerControl:focus, .Popup.PopupContainerControl:active { outline: 0; } .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen { color: rgb(16, 16, 16); background: rgb(88, 95, 104) url('/forum/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 rgb(88, 95, 104); border-top: 5px solid rgb(88, 95, 104); 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(251, 251, 251, 0.96); } .Menu .secondaryContent { background-color: rgba(248, 248, 240, 0.96); } .Menu .sectionFooter { background-color: rgba(231, 229, 220, 0.9); } /* Links lists */ .Menu .blockLinksList { max-height: 400px; overflow: auto; } /* form popups */ .formPopup { width: 250px; background-color: rgb(251, 251, 251); } .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: rgb(231, 229, 220) url('/forum/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 rgb(231, 229, 220); background: rgb(248, 248, 240) url('/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; } .formPopup .advSearchLink:hover { background-color: rgb(231, 229, 220); 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('/forum/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(/forum/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: rgb(248, 248, 240); background-color: rgb(16, 16, 16); padding: 5px 10px; margin-bottom: 10px; border: 1px solid rgb(16, 16, 16); 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: rgb(248, 248, 240); background-color: rgb(16, 16, 16); padding: 5px 10px; margin-bottom: 10px; border: 1px solid rgb(16, 16, 16); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; } .xenOverlay .formOverlay .textHeading { color: rgb(248, 248, 240); } .xenOverlay .formOverlay > p { padding-left: 10px; padding-right: 10px; } .xenOverlay .formOverlay .textCtrl { color: rgb(248, 248, 240); background-color: black; border-color: rgb(255, 255, 255); } .xenOverlay .formOverlay .textCtrl:focus, .xenOverlay .formOverlay .textCtrl.Focus { background: rgb(16, 16, 16) none; } .xenOverlay .formOverlay .textCtrl.disabled { background: url(/forum/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: rgb(255, 255, 255); } .xenOverlay .formOverlay .tabs a { background-color: transparent; border-color: rgb(255, 255, 255); } .xenOverlay .formOverlay .tabs a:hover { background: url(/forum/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('/forum/styles/default/xenforo/color-picker/panel.png') repeat-x top; border: 1px solid rgb(255, 255, 255); } /* Generic overlays */ .xenOverlay .section, .xenOverlay .sectionMain { padding: 0px; border: 20px solid rgb(16, 16, 16); 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(16, 16, 16); border-color: rgba(16, 16, 16, 0.5); _border-color: rgb(16, 16, 16); } .Touch .xenOverlay .section, .Touch .xenOverlay .sectionMain { border-color: rgb(16, 16, 16); 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('/forum/styles/default/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; background: rgba(0,0,0, 0.5) url('/forum/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('/forum/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 rgb(88, 95, 104); 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 rgb(231, 229, 220); background: url(/forum/rgba.php?r=248&g=248&b=240&a=229); background: rgba(248, 248, 240, 0.9); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F8F8F0,endColorstr=#E5F8F8F0); 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('/forum/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: rgb(248, 248, 240); background-color: rgb(197, 193, 179); padding: 5px 10px; margin-bottom: 3px; border-bottom: 1px solid rgb(16, 16, 16); 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 rgb(231, 229, 220); padding: 5px 10px; } .dataTable tr.dataRow td.secondary { background: rgb(248, 248, 240) url("/forum_/styles/default/xenforo/gradients/category-23px-light.png") repeat-x top; } .dataTable tr.dataRow th { background: rgb(240, 239, 230) url("/forum_/styles/default/xenforo/gradients/category-23px-light.png") repeat-x top; border-bottom: 1px solid rgb(236, 236, 229); border-top: 1px solid rgb(240, 239, 230); color: rgb(0, 0, 0); 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 rgb(231, 229, 220); border-bottom: none; padding: 7px 10px 6px; font-size: 11px; } .dataTable .dataRow .dataOptions a.secondaryContent:hover { background-color: rgb(231, 229, 220); text-decoration: none; } .dataTable .dataRow .delete { padding: 0px; width: 26px; border-left: 1px solid rgb(231, 229, 220); background: rgb(248, 248, 240) url('/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; } .dataTable .dataRow .delete a { display: block; background: transparent url('/forum/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; } .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('/forum/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: rgb(0, 0, 0); background-color: #fff4e5; border-color: rgb(240, 239, 230); /* url('/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top*/ } .PageNav a.currentPage { color: rgb(16, 16, 16); background-color: rgb(248, 248, 240); border-color: rgb(88, 95, 104); 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: rgb(0, 0, 0); text-decoration: none; background-color: rgb(240, 239, 230); border-color: rgb(236, 236, 229); } .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 rgb(231, 229, 220); margin-top: 5px; } /* ***************************** */ /* List of block links */ .blockLinksList { font-size: 11px; padding: 2px; } .blockLinksList a, .blockLinksList label { color: rgb(16, 16, 16); 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: rgb(231, 229, 220); } .blockLinksList a:active, .blockLinksList a.selected, .blockLinksList label:active, .blockLinksList label.selected { color: rgb(16, 16, 16); background-color: rgb(255, 255, 255); } .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('/forum/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(/forum/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; } /** 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 */ /* --- 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 rgb(231, 229, 220); 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 rgb(231, 229, 220); } .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('/forum/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('/forum/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('/forum/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: rgb(255, 255, 255); } 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: rgb(88, 95, 104); } .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; } /** 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; width: 235px; float: left; } /* special long-text label */ .xenForm .ctrlUnit dt.explain { font-size: 11px; text-align: justify; } .xenOverlay .xenForm .ctrlUnit dt { width: 185px; } .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; padding-top: none; } .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('/forum/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: 0; } /** Explanatory paragraph **/ .ctrlUnit dd .explain { font-size: 11px; color: rgb(150,150,150); margin-top: 2px; margin-right: 30px; /*TODO:max-width: auto;*/ } .ctrlUnit dd .explain b, .ctrlUnit dd .explain strong { color: rgb(100,100,100); } .ctrlUnit.fullWidth dd .explain { /*TODO:max-width: auto;*/ } /** List items inside controls **/ .ctrlUnit dd li { margin: 4px 0 8px; padding-left: 1px; /* fix a webkit display bug */ } .ctrlUnit dd .break { margin-bottom: 0.75em; padding-bottom: 0.75em; } .ctrlUnit dd .rule { border-bottom: 1px solid rgb(231, 229, 220); } .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 { margin-left: 16px; } .ctrlUnit dd li > ul > li:first-child { margin-top: 6px; } /** Other stuff... **/ .ctrlUnit dd .helpLink { font-size: 10px; } .ctrlUnit.textValue dt { padding-top: 0px; } /*.xenForm .ctrlUnit dt { background-color: #ffffc6; } .xenForm .ctrlUnit dd { background-color: rgb(235,235,255); } .xenForm fieldset { background-color: rgb(255,230,180); }*/ .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(251, 251, 251); font-size: 11px; border: 1px solid rgb(197, 193, 179); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 0 0 15px #666; -webkit-box-shadow: 0 0 15px #666; -moz-box-shadow: 0 0 15px #666; -khtml-box-shadow: 0 0 15px #666; z-index: 7500; } #calhead { padding: 2px 0; height: 22px; } #caltitle { font-size: 11pt; color: rgb(197, 193, 179); 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 rgb(197, 193, 179); } #caldays span { display: block; float: left; width: 28px; text-align: center; color: rgb(197, 193, 179); } #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; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; } .calweek a:hover, .calfocus { background-color: rgb(248, 248, 240); } a.caloff { color: rgb(150,150,150); } a.caloff:hover { background-color: rgb(248, 248, 240); } a.caldisabled { background-color: #efefef !important; color: #ccc !important; cursor: default; } #caltoday { font-weight: bold; } #calcurrent { background-color: rgb(197, 193, 179); color: rgb(248, 248, 240); } ul.autoCompleteList { background: rgb(248, 248, 240) url('/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; border: 1px solid rgb(88, 95, 104); 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: rgb(231, 229, 220); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-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 { margin-left: 30px; } .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 { 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 { column-count: 2; -webkit-column-count : 2; -moz-column-count : 2; column-gap: 8px; -webkit-column-gap : 8px; -moz-column-gap : 8px; } .xenForm .checkboxColumns > dd > ul li, ul.checkboxColumns li { column-break-inside: avoid; -webkit-column-break-inside : avoid; -moz-column-break-inside : avoid; break-inside: avoid-column; } .xenForm .checkboxColumns.multiple > dd > ul { column-count: 1; -webkit-column-count : 1; -moz-column-count : 1; column-gap: 0; -webkit-column-gap : 0; -moz-column-gap : 0; } .xenForm .checkboxColumns.multiple > dd { column-count: 2; -webkit-column-count : 2; -moz-column-count : 2; column-gap: 8px; -webkit-column-gap : 8px; -moz-column-gap : 8px; } .xenForm .checkboxColumns.multiple > dd > ul { margin-bottom: 18px; } /* --- public.css --- */ #header { background: rgb(16, 16, 16) url('/forum/styles/qapla/menub.png') repeat-x; } /* clearfix */ #header .pageWidth .pageContent { zoom: 1; } #header .pageWidth .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #logo { display: block; float: left; line-height: 46px; *line-height: 50px; height: 50px; vertical-align: middle; } /* IE6/7 vertical align fix */ #logo span { *display: inline-block; *height: 100%; } #logo a:hover { text-decoration: none; } #logo img { vertical-align: middle; } #visitorInfo { float: right; min-width: 250px; _width: 250px; overflow: hidden; zoom: 1; background: rgb(255, 255, 255); padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; margin: 10px 0; border: 1px solid rgb(16, 16, 16); color: rgb(16, 16, 16); } #visitorInfo .avatar { float: left; display: block; } #visitorInfo .avatar .img { border-color: rgb(197, 193, 179); } #visitorInfo .username { font-size: 18px; text-shadow: 0 0 0 transparent, 1px 1px 10px white; color: rgb(16, 16, 16); white-space: nowrap; word-wrap: normal; } #alerts { zoom: 1; } #alerts #alertMessages { padding-left: 5px; } #alerts li.alertItem { font-size: 11px; } #alerts .label { color: rgb(16, 16, 16); } .footer .pageContent { font-size: 11px; color: rgb(255, 255, 255); background-color: rgb(16, 16, 16); border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-left-radius: 5px; overflow: hidden; zoom: 1; } .footer a, .footer a:visited { color: rgb(255, 255, 255); padding: 5px; display: block; } .footer a:hover, .footer a:active { color: rgb(231, 229, 220); } .footer .choosers { padding-left: 5px; float: left; overflow: hidden; zoom: 1; } .footer .choosers dt { display: none; } .footer .choosers dd { float: left; } .footerLinks { padding-right: 5px; float: right; overflow: hidden; zoom: 1; } .footerLinks li { float: left; } .footerLinks a.globalFeed { width: 14px; height: 14px; display: block; text-indent: -9999px; white-space: nowrap; background: url('/forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px; padding: 0; margin: 5px; } .footerLegal .pageContent { font-size: 11px; overflow: hidden; zoom: 1; padding: 5px 0 15px; text-align: center; } #copyright { color: rgb(100,100,100); float: left; } #legal { float: right; } #legal li { float: left; margin-left: 10px; } .breadBoxTop, .breadBoxBottom { padding: 10px 5px; margin: 0 -5px; overflow: hidden; zoom: 1; clear: both; } .breadBoxTop { } .breadBoxTop .topCtrl { margin-left: 5px; float: right; line-height: 24px; } .breadcrumb { font-size: 11px; background: rgb(248, 248, 240) url('/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; border: 1px solid rgb(255, 255, 255); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; overflow: hidden; zoom: 1; } .breadcrumb .boardTitle { display: none; } .breadcrumb .crust { display: block; float: left; position: relative; zoom: 1; } .breadcrumb .crust a.crumb { text-decoration: none; background-color: rgb(248, 248, 240); padding: 0 10px 0 18px; margin-bottom: -1px; border-bottom: 1px solid rgb(255, 255, 255); outline: 0 none; -moz-outline-style: 0 none; display: block; line-height: 24px; _border-bottom: none; } .breadcrumb .crust:first-child a.crumb { padding-left: 10px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; } .breadcrumb .crust:last-child a.crumb { font-weight: bold; } .breadcrumb .crust .arrow { border: 12px solid transparent; border-right: 1px none black; border-left-color: rgb(255, 255, 255); display: block; position: absolute; right: -12px; top: 0px; z-index: 50; width: 0px; height: 0px; } .breadcrumb .crust .arrow span { border: 12px solid transparent; border-right: 1px none black; border-left-color: rgb(248, 248, 240); display: block; position: absolute; left: -13px; top: -12px; z-index: 51; white-space: nowrap; overflow: hidden; text-indent: 9999px; width: 0px; height: 0px; } .breadcrumb .crust:hover a.crumb { background-color: rgb(231, 229, 220); } .breadcrumb .crust:hover .arrow span { border-left-color: rgb(231, 229, 220); } .breadcrumb .crust .arrow { /* hide from IE6 */ _display: none; } .breadcrumb .jumpMenuTrigger { background: transparent url('/forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat 0 0; margin: 5px; display: block; float: right; white-space: nowrap; text-indent: 9999px; overflow: hidden; width: 13px; height: 13px; } #navigation .pageContent { height: 52px; position: relative; } .navTabs { font-size: 11px; color: #ffffff; background: rgb(16, 16, 16) url('/forum/styles/qapla/menub.png') repeat-x; padding: 0 25px; border: 1px solid rgb(42, 42, 42); border-bottom: 1px solid rgb(42, 42, 42); border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -khtml-border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -khtml-border-top-right-radius: 10px; height: 25px; } .navTabs .publicTabs { float: left; } .navTabs .visitorTabs { float: right; } .navTabs .navTab { float: left; white-space: nowrap; word-wrap: normal; } /* ---------------------------------------- */ /* Links Inside Tabs */ .navTabs .navLink, .navTabs .SplitCtrl { color: #ffffff; display: block; float: left; vertical-align: text-bottom; text-align: center; outline: 0 none; height: 25px; line-height: 25px; } .navTabs .publicTabs .navLink { padding: 0 15px; } .navTabs .visitorTabs .navLink { padding: 0 10px; } .navTabs .navLink:hover { text-decoration: none; } /* ---------------------------------------- */ /* unselected tab, popup closed */ .navTabs .navTab.PopupClosed .navLink { color: rgb(255, 255, 255); } .navTabs .navTab.PopupClosed:hover { background-color: rgb(16, 16, 16); } .navTabs .navTab.PopupClosed .navLink:hover { color: #ffffff; } .navTabs .navTab.PopupClosed .arrowWidget { /* circle-arrow-down-light */ background-position: -64px 0; } .navTabs .navTab.PopupClosed .SplitCtrl { margin-left: -14px; width: 14px; } .navTabs .navTab.PopupClosed:hover .SplitCtrl { /* nav_menu_gadget, height: 17px */ background: transparent url('/forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -128px 5px; } /* ---------------------------------------- */ /* selected tab */ .navTabs .navTab.selected .navLink { font-weight: bold; color: #ffffff; background: rgb(16, 16, 16) url('/forum/styles/qapla/menuc.png') repeat-x; padding-top: 2px; margin-top: -2px; border: 1px solid rgb(16, 16, 16); border-bottom: 1px none black; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; -khtml-border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; -khtml-border-top-right-radius: 2px; text-shadow: 0 0 0 transparent, 0px 0px 1px rgb(255, 255, 255); } .navTabs .navTab.selected .SplitCtrl { display: none; } .navTabs .navTab.selected .arrowWidget { /* circle-arrow-down */ background-position: -32px 0; } .navTabs .navTab.selected.PopupOpen .arrowWidget { /* circle-arrow-up */ background-position: -16px 0; } /* ---------------------------------------- */ /* unselected tab, popup open */ .navTabs .navTab.PopupOpen .navLink { } /* ---------------------------------------- */ /* selected tab, popup open (account) */ .navTabs .navTab.selected.PopupOpen .navLink { color: rgb(16, 16, 16); background: rgb(88, 95, 104) url('/forum/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; } /* ---------------------------------------- */ /* Second Row */ .navTabs .navTab.selected .tabLinks { background: rgb(16, 16, 16) url('/forum/styles/qapla/menuc.png') repeat-x; width: 100%; padding: 0; border: none; overflow: hidden; zoom: 1; position: absolute; left: 0px; top: 27px; height: 25px; background-position: 0px -25px; *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0); } .navTabs .navTab.selected .blockLinksList { background: none; padding: 0; border: none; } .navTabs .navTab.selected .tabLinks .menuHeader { display: none; } .navTabs .navTab.selected .tabLinks li { float: left; padding: 2px 0; } .navTabs .navTab.selected .tabLinks li:first-child { margin-left: 8px; } .navTabs .navTab.selected .tabLinks a { font-size: 11px; color: #ffffff; padding: 1px 10px; display: block; line-height: 19px; } .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus { color: rgb(16, 16, 16); text-decoration: none; background-color: rgb(16, 16, 16); padding: 0 9px; border: 1px solid rgb(100,100,100); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; text-shadow: 0 0 0 transparent, 1px 1px 0px rgb(248, 248, 240); outline: 0; } /* ---------------------------------------- */ /* Alert Balloons */ .navTabs .navLink .itemCount { font-weight: bold; font-size: 9px; color: white; background-color: #e03030; padding: 0 2px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-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); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); height: 16px; } .navTabs .navLink .itemCount .arrow { border: 3px solid transparent; border-top-color: #e03030; border-bottom: 1px none black; position: absolute; bottom: -3px; right: 4px; line-height: 0px; text-shadow: none; _display: none; /* Hide from IE6 */ width: 0px; height: 0px; } .navTabs .navLink .itemCount.Zero { display: none; } /* ---------------------------------------- */ /* Account Popup Menu */ .navTabs .navTab.account .navLink { font-weight: bold; } #AccountMenu { width: 274px; } #AccountMenu .menuHeader { position: relative; } #AccountMenu .menuHeader .avatar { float: left; margin-right: 10px; } #AccountMenu .menuHeader .visibilityForm { margin-top: 10px; color: rgb(16, 16, 16); } #AccountMenu .menuHeader .links .fl { position: absolute; bottom: 10px; left: 116px; } #AccountMenu .menuHeader .links .fr { position: absolute; bottom: 10px; right: 10px; } #AccountMenu .menuColumns { overflow: hidden; zoom: 1; padding: 2px; } #AccountMenu .menuColumns ul { float: left; padding: 0; max-height: none; overflow: hidden; } #AccountMenu .menuColumns a, #AccountMenu .menuColumns label { width: 115px; } #AccountMenu .statusPoster textarea { width: 245px; margin: 0; resize: vertical; overflow: hidden; } #AccountMenu .statusPoster .submitUnit { margin-top: 5px; text-align: right; } #AccountMenu .statusPoster .submitUnit .statusEditorCounter { float: left; line-height: 23px; height: 23px; } /* ---------------------------------------- */ /* Inbox, Alerts Popups */ .navPopup { width: 260px; } .navPopup a:hover, .navPopup .listItemText a:hover { background: none; text-decoration: underline; } .navPopup .menuHeader .InProgress { float: right; display: block; width: 20px; height: 20px; } .navPopup .listPlaceholder { max-height: 350px; overflow: auto; } .navPopup .listPlaceholder ol.secondaryContent { padding: 0 10px; } .navPopup .listPlaceholder ol.secondaryContent.Unread { background-color: rgb(255, 255, 200); } .navPopup .listItem { overflow: hidden; zoom: 1; padding: 5px 0; border-bottom: 1px solid rgb(231, 229, 220); } .navPopup .listItem:last-child { border-bottom: none; } .navPopup .PopupItemLinkActive:hover { margin: 0 -8px; padding: 5px 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; background-color: rgb(231, 229, 220); cursor: pointer; } .navPopup .avatar { float: left; } .navPopup .avatar img { width: 32px; height: 32px; } .navPopup .listItemText { margin-left: 37px; } .navPopup .listItemText .muted { font-size: 9px; } .navPopup .unread .listItemText .title, .navPopup .listItemText .subject { font-weight: bold; } .navPopup .sectionFooter .floatLink { float: right; } #searchBar { position: relative; zoom: 1; z-index: 52; /* higher than breadcrumb arrows */ } #QuickSearch { display: block; position: absolute; right: 20px; top: -18px; margin: 0; background-color: rgb(251, 251, 251); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; padding-top: 5px; _padding-top: 3px; z-index: 7500; } #QuickSearch .secondaryControls { display: none; } #QuickSearch.active { box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -webkit-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -moz-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -khtml-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); padding-bottom: 5px; } #QuickSearch .submitUnit .button { min-width: 0; } #QuickSearch input.button.primary { float: left; width: 110px; } #QuickSearch #commonSearches { float: right; } #QuickSearch #commonSearches .button { width: 24px; padding: 0; } #QuickSearch #commonSearches .arrowWidget { margin-top: -4px; } #QuickSearch .moreOptions { display: block; margin: 0 24px 0 110px; width: auto; } /*#QuickSearch .commonSearches li { width: 50%; float: left; } #QuickSearch .commonSearches li a { display: block; font-size: 11px; padding: 2px 5px; background: rgb(248, 248, 240); border: 1px solid rgb(231, 229, 220); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; margin: 0 1px 1px 0; } #QuickSearch .commonSearches li a:hover, #QuickSearch .commonSearches li a:focus { background: transparent; text-decoration: none; } #QuickSearch .commonSearches li a:active { background: rgb(231, 229, 220); }*/ /** move the header to the top again **/ #headerMover { position: relative; zoom: 1; /*padding-top: 102px;*/ /* +2 borders */ } #headerMover #headerProxy { background: rgb(16, 16, 16) url('/forum/styles/qapla/menub.png') repeat-x; height: 102px;*/ /* +2 borders */ } #headerMover #header { width: 100%; position: absolute; top: 0px; left: 0px; } /** Generic page containers **/ .pageWidth { margin: 0 30px; min-width: 940px; _width: 976px; _margin: 0 auto; } #content .pageWidth { background-color: rgb(251, 251, 251); /*border-left: 1px solid rgb(231, 229, 220); border-right: 1px solid rgb(231, 229, 220);*/ } #content .pageContent { background-color: rgb(251, 251, 251); padding: 10px 20px; } /* clearfix */ #content .pageContent { zoom: 1; } #content .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } /* sidebar structural elements */ .mainContainer { float: left; margin-right: -260px; width: 100%; } .mainContent { margin-right: 260px; } .sidebar { font-size: 11px; float: right; width: 250px; } /* visitor panel */ .sidebar .visitorPanel { overflow: hidden; zoom: 1; } .sidebar .visitorPanel h2 .muted { display: none; } .sidebar .visitorPanel .avatar { margin-right: 5px; float: left; width: auto; height: auto; } .sidebar .visitorPanel .avatar img { width: ; height: ; } .sidebar .visitorPanel .username { font-weight: bold; font-size: 11pt; } .sidebar .visitorPanel .stats { margin-top: 2px; } .sidebar .visitorPanel .stats .pairsJustified { line-height: normal; } /* generic sidebar blocks */ .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 { font-size: 12pt; color: rgb(88, 95, 104); padding-bottom: 2px; margin-bottom: 5px; border-bottom: 1px solid rgb(231, 229, 220); } .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a { font-size: 12pt; color: rgb(88, 95, 104); } .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading { color: rgb(88, 95, 104); margin-top: 5px; } .sidebar .section .secondaryContent .minorHeading a { color: rgb(88, 95, 104); } /* list of users with 32px avatars, username and user title */ .sidebar .avatarList li { margin: 5px 0; overflow: hidden; zoom: 1; } .sidebar .avatarList .avatar { margin-right: 5px; float: left; width: 32px; height: 32px; width: auto; height: auto; } .sidebar .avatarList .avatar img { width: 32px; height: 32px; } .sidebar .avatarList .username { font-size: 11pt; margin-top: 2px; display: block; } .sidebar .avatarList .userTitle { color: rgb(150,150,150); } /* list of users */ .sidebar .userList { } .sidebar .userList .username { font-size: 11px; } .sidebar .userList .username.invisible { color: rgb(197, 193, 179); } .sidebar .userList .username.followed { } .sidebar .userList .moreLink { display: block; } /* people you follow online now */ .followedOnline { margin-top: 3px; margin-bottom: -5px; overflow: hidden; zoom: 1; } .followedOnline li { margin-right: 5px; margin-bottom: 5px; float: left; } .followedOnline .avatar { width: 32px; height: 32px; width: auto; height: auto; } .followedOnline .avatar img { width: 32px; height: 32px; } /* call to action */ #SignupButton { background-color: white; padding: 3px; margin: 10px 30px; border: 1px solid rgb(236, 236, 229); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; text-align: center; line-height: 30px; box-shadow: 0px 2px 5px rgba(0,0,0, 0.2); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.2); -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.2); -khtml-box-shadow: 0px 2px 5px rgba(0,0,0, 0.2); display: block; cursor: pointer; height: 30px; } #SignupButton .inner { font-weight: bold; font-size: 12pt; font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; background: rgb(88, 95, 104) url('/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x center -7px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; display: block; text-shadow: 0 0 0 transparent, 0px 0px 3px rgba(0,0,0, 0.5); } #SignupButton:hover .inner { text-decoration: none; background-color: rgb(236, 236, 229); } #SignupButton:active { box-shadow: 0 0 3px rgba(0,0,0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -khtml-box-shadow: 0 0 3px rgba(0,0,0, 0.2); position: relative; top: 2px; } /** Text used in message bodies **/ .messageText { font-size: 11pt; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4; } /** Link groups and pagenav container **/ .pageNavLinkGroup { font-size: 11px; margin: 10px auto; overflow: hidden; zoom: 1; line-height: 16px; } .pageNavLinkGroup .linkGroup { float: right; } .linkGroup { } .linkGroup a { padding: 3px 0; } .linkGroup a, .linkGroup .Popup { margin-left: 10px; display: block; float: left; } .linkGroup .Popup a { margin-left: -2px; margin-right: -5px; *margin-left: 10px; padding: 3px 5px; } /** Call to action buttons **/ a.callToAction { background: rgb(255, 255, 255) url('/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x center top; padding: 2px; border: 1px solid rgb(255, 255, 255); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; display: inline-block; line-height: 20px; box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); outline: 0 none; height: 20px; } a.callToAction span { font-weight: bold; font-size: 11px; font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ffffff; background: rgb(197, 193, 179) url('/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x center -8px; padding: 0 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; display: block; /*text-shadow: 0 0 0 transparent, 0px 0px 3px rgb(16, 16, 16);*/ } a.callToAction:hover { text-decoration: none; } a.callToAction:hover span { background-color: rgb(88, 95, 104); } a.callToAction:active { /*position: relative; top: 2px;*/ } a.callToAction:active span { background-color: rgb(16, 16, 16); } /*********/ .avatarHeap { overflow: hidden; zoom: 1; } .avatarHeap ol { margin-right: -4px; margin-top: -4px; } .avatarHeap li { float: left; margin-right: 4px; margin-top: 4px; } /* User name classes */ .prefix { background: transparent url('/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding: 0px 6px; margin: -1px 0; border: 1px solid transparent; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; display: inline-block; } a.prefixLink:hover { text-decoration: none; } a.prefixLink:hover .prefix { color: rgb(16, 16, 16); text-decoration: none; background-color: rgb(248, 248, 240); padding: 0 6px; border: 1px solid rgb(255, 255, 255); } .prefix a { color: inherit; } .prefix.prefixPrimary { color: rgb(16, 16, 16); background-color: rgb(231, 229, 220); border-color: rgb(231, 229, 220); } .prefix.prefixSecondary { color: rgb(0, 0, 0); background-color: rgb(240, 239, 230); border-color: rgb(240, 239, 230); } .prefix.prefixRed { color: white; background-color: red; border-color: #F88; } .prefix.prefixGreen { color: white; background-color: green; border-color: green; } .prefix.prefixOlive { color: black; background-color: olive; border-color: olive; } .prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; } .prefix.prefixBlue { color: white; background-color: blue; border-color: #88F; } .prefix.prefixRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; } .prefix.prefixSkyBlue { color: black; background-color: skyblue; border-color: skyblue; } .prefix.prefixGray { color: black; background-color: gray; border-color: #AAA; } .prefix.prefixSilver { color: black; background-color: silver; border-color: silver; } .prefix.prefixYellow { color: black; background-color: yellow; border-color: #E0E000; } .prefix.prefixOrange { color: black; background-color: orange; border-color: #FFC520; } .discussionListItem .prefix, .searchResult .prefix { font-size: 80%; margin: 0; line-height: 15px; font-weight: normal; } h1 .prefix { font-size: 80%; margin: 0; line-height: 15px; line-height: normal; } .breadcrumb span.prefix, .heading span.prefix { font-style: italic; font-weight: normal; background: none; padding: 0; margin: 0; border: 0 none black; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; display: inline; color: inherit; } .message .signature { max-height: 100px; overflow: hidden; } .warningNotice { color: red; font-weight: bold; } /* FILE ARCHIVED ON 13:29:47 Nov 04, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 16:25:33 Feb 08, 2023. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 70.856 exclusion.robots: 0.205 exclusion.robots.policy: 0.185 cdx.remote: 0.135 esindex: 0.018 LoadShardBlock: 37.104 (3) PetaboxLoader3.datanode: 245.136 (4) CDXLines.iter: 21.369 (3) load_resource: 276.582 PetaboxLoader3.resolve: 45.7 */