@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:right;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;text-decoration:none}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* * Firefox broken image placeholder support. * http://lab.gmtplusone.com/image-placeholder/ */ img:-moz-broken, img:-moz-user-disabled { -moz-force-broken-image-icon: 1; } img:-moz-broken:not([width]), img:-moz-user-disabled:not([width]) { width: 50px; } img:-moz-broken:not([height]), img:-moz-user-disabled:not([height]) { height: 50px; } /* * XenForo Core CSS * */ html { background-color: rgb(242, 239, 220); overflow-y: scroll !important; } body { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-family: Droid Arabic Kufi; color: rgb(20,20,20); word-wrap: normal; } /* counteract the word-wrap setting in 'body' */ pre, textarea { word-wrap: normal; } [dir=auto] { text-align: right; } a:link, a:visited { color: rgb(178, 42, 2); text-decoration: none; } a[href]:hover { text-decoration: underline; } a:hover { _text-decoration: underline; } a.noOutline { outline: 0 none; } .emCtrl, .messageContent a { border-radius: 5px; } .emCtrl:hover, .emCtrl:focus, .ugc a:hover, .ugc a:focus { /*position: relative; top: -1px;*/ text-decoration: none; box-shadow: -5px 5px 7px #CCCCCC; outline: 0 none; } .emCtrl:active, .ugc a:active { position: relative; top: 1px; box-shadow: -2px 2px 7px #CCCCCC; outline: 0 none; } .ugc a:link, .ugc a:visited { padding:0 3px; margin:0 -3px; border-radius: 5px; } .ugc a:hover, .ugc a:focus { color: rgb(176, 44, 5); background: #fff4e5 url('https://static.arabsbook.com/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: right; } #pageDescription { font-size: 11px; color: rgb(150,150,150); margin-top: 2px; } .topCtrl { float: left; } .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(255, 255, 255); padding:2px; border: 1px solid rgb(222, 202, 147); border-radius: 4px; } .avatar.plainImage img, .avatar.plainImage .img { border: none; border-radius: 0; padding:0; background-position: right top; } .avatar .img { display: block; background-repeat: no-repeat; background-position: 2px 2px; text-indent: 1000px; overflow: hidden; white-space: nowrap; word-wrap: normal; } .avatar .img.s { width: 48px; height: 48px; } .avatar .img.m { width: 96px; height: 96px; } .avatar .img.l { width: 192px; height: 192px; } .avatarCropper { width: 192px; height: 192px; direction: ltr; } .avatarCropper a, .avatarCropper span, .avatarCropper label { overflow: hidden; position: relative; display: block; width: 192px; height: 192px; } .avatarCropper img { padding:0; border: none; border-radius: 0; position: relative; display: block; } .avatarScaler img { max-width: 192px; _width: 192px; } /* ***************************** */ body .dimmed, body a.dimmed, body .dimmed a { color: rgb(100,100,100); } body .muted, body a.muted, body .muted a { color: rgb(150,150,150); } body .faint, body a.faint, body .faint a { color: rgb(168, 168, 168); } .highlight { font-weight: bold; } .concealed, .concealed a, .cloaked, .cloaked a { text-decoration: inherit !important; color: inherit !important; *clear:expression( style.color = parentNode.currentStyle.color, style.clear = "none", 0); } a.concealed:hover, .concealed a:hover { text-decoration: underline !important; } /* ***************************** */ .xenTooltip { font-size: 11px; color: rgb(255, 255, 255); background: url(rgba.php?r=0&g=0&b=0&a=153); background: rgba(0,0,0, 0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); padding:5px 10px; border-radius: 5px; display: none; z-index: 15000; cursor: default; } .xenTooltip a, .xenTooltip a:hover { color: rgb(255, 255, 255); text-decoration: underline; } .xenTooltip .arrow { border-top: 6px solid rgb(0,0,0); border-top: 6px solid rgba(0,0,0, 0.6); _border-top: 6px solid rgb(0,0,0); border-left: 6px solid transparent; border-bottom: 1px none black; border-right: 6px solid transparent; position: absolute; bottom: -6px; line-height: 0px; width: 0px; height: 0px; right: 9px; /* Hide from IE6 */ _display: none; } .xenTooltip.flipped .arrow { right: auto; left: 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-left-color: rgb(0,0,0); border-left-color: rgba(0,0,0, 0.6); _border-left-color: rgb(0,0,0); border-right: 1px none black; top: 6px; right: -6px; bottom: auto; left: auto; } .xenTooltip.iconTip { margin-right: -6px; } .xenTooltip.iconTip.flipped { margin-right: 7px; } /* ***************************** */ #PreviewTooltip { display: none; } .xenPreviewTooltip { border: 10px solid rgb(106, 25, 0); border-radius: 10px; position: relative; box-shadow: -0px 12px 25px rgba(0,0,0, 0.5); width: 400px; display: none; z-index: 15000; cursor: default; border-color:rgb(106, 25, 0); border-color:rgba(106, 25, 0, 0.5); _border-color:rgb(106, 25, 0); } .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-left: 15px solid transparent; border-bottom: 1px none black; border-right: 15px solid transparent; position: absolute; bottom: -15px; right: 22px; _display: none; } .xenPreviewTooltip .arrow span { border-top: 15px solid rgb(255, 255, 255); border-left: 15px solid transparent; border-bottom: 1px none black; border-right: 15px solid transparent; position: absolute; top: -17px; right: -15px; } .xenPreviewTooltip .section, .xenPreviewTooltip .sectionMain, .xenPreviewTooltip .primaryContent, .xenPreviewTooltip .secondaryContent { margin:0; } .xenPreviewTooltip .previewContent { overflow: hidden; zoom: 1; min-height: 1em; } /* ***************************** */ .importantMessage { margin:10px 0; color: rgb(176, 44, 5); background-color: #fff4e5; text-align: center; padding:5px; border-radius: 5px; border: solid 1px #f9bc6d; } .importantMessage a { font-weight: bold; color: rgb(176, 44, 5); } /* ***************************** */ .section { margin:10px auto; } .sectionMain { background-color: rgb(255, 255, 255); padding:10px; margin:10px auto; border: 1px solid rgb(222, 202, 147); border-radius: 10px; } .heading, .xenForm .formHeader { font-weight: bold; font-size: 11pt; color: rgb(254, 251, 234); background-color: rgb(204, 80, 3); padding:5px 10px; margin-bottom: 3px; border-bottom: 1px solid rgb(178, 42, 2); border-top-right-radius: 5px; border-top-left-radius: 5px; } .heading a { color: rgb(254, 251, 234); } .subHeading { font-size: 11px; color: rgb(176, 44, 5); background: #f9d9b0 url('https://static.arabsbook.com/forum/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: rgb(176, 44, 5); } .textHeading, .xenForm .sectionHeader { font-weight: bold; color: rgb(20,20,20); padding-bottom: 2px; margin:10px auto 5px; border-bottom: 1px solid rgb(239, 221, 173); } .xenForm .sectionHeader, .xenForm .formHeader { margin:10px 0; } .primaryContent > .textHeading:first-child, .secondaryContent > .textHeading:first-child { margin-top: 0; } .larger.textHeading, .xenForm .sectionHeader { color: rgb(222, 202, 147); font-size: 11pt; margin-bottom: 6px; } .larger.textHeading a, .xenForm .sectionHeader a { color: rgb(222, 202, 147); } .primaryContent { background-color: rgb(255, 255, 255); padding:10px; border-bottom: 1px solid rgb(239, 221, 173); } .primaryContent a { color: rgb(178, 42, 2); } .secondaryContent { background: rgb(254, 251, 234) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; padding:10px; border-bottom: 1px solid rgb(239, 221, 173); } .secondaryContent a { color: rgb(178, 42, 2); } .sectionFooter { overflow: hidden; zoom: 1; font-size: 11px; color: rgb(204, 80, 3); background: rgb(239, 221, 173) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; padding:4px 10px; border-bottom: 1px solid rgb(222, 202, 147); line-height: 16px; } .sectionFooter a { color: rgb(204, 80, 3); } .sectionFooter .left { float: right; } .sectionFooter .right { float: left; } /* 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: right; } .opposedOptions .right { float: left; } .columns { overflow: hidden; zoom: 1; } .columns .columnContainer { float: right; } .columns .columnContainer .column { margin-right: 3px; } .columns .columnContainer:first-child .column { margin-right: 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(254, 251, 234) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding:0 10px; border-bottom: 1px solid rgb(222, 202, 147); word-wrap: normal; min-height: 23px; _height: 23px; display: table; width: 100%; *width: auto; box-sizing: border-box; } .tabs li { float: right; } .tabs li a, .tabs.noLinks li { color: rgb(20,20,20); text-decoration: none; background: rgb(239, 221, 173) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding:0 8px; margin-left: -1px; margin-bottom: -1px; border: 1px solid rgb(222, 202, 147); border-top-right-radius: 5px; border-top-left-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(222, 202, 147); } .tabs li.active a, .tabs.noLinks li.active { background-color: rgb(255, 255, 255); padding-bottom: 1px; border-bottom: 1px none black; } /* Tabs inside forms */ .xenForm .tabs, .xenFormTabs { padding:5px 30px 0; } @media (max-width:480px) { .Responsive .tabs li { float: none; } .Responsive .tabs li a, .Responsive .tabs.noLinks li { display: block; } .Responsive .tabs { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .Responsive .tabs li { flex-grow: 1; -webkit-flex-grow: 1; text-align: center; } .Responsive .xenForm .tabs, .Responsive .xenFormTabs { padding-right: 10px; padding-left: 10px; } } /* ***************************** */ /* Popup Menus */ .Popup { position: relative; } .Popup.inline { display: inline; } /** Popup menu trigger **/ .Popup .arrowWidget { /* circle-arrow-down */ background: transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -32px 0; margin-top: -2px; margin-right: 2px; display: inline-block; *margin-top: 0; vertical-align: middle; width: 13px; height: 14px; } .PopupOpen .arrowWidget { /* circle-arrow-up */ background-position: -16px 0; } .Popup .PopupControl, .Popup.PopupContainerControl { display: inline-block; cursor: pointer; } .Popup .PopupControl:hover, .Popup.PopupContainerControl:hover { color: rgb(178, 42, 2); text-decoration: none; background-color: rgb(239, 221, 173); } .Popup .PopupControl:focus, .Popup .PopupControl:active, .Popup.PopupContainerControl:focus, .Popup.PopupContainerControl:active { outline: 0; } .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen { color: rgb(161, 45, 10); background: rgb(176, 44, 5) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top; border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; text-shadow: 1px 1px 2px white; } .Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen { border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .Popup .PopupControl.PopupOpen:hover, .Popup.PopupContainerControl.PopupOpen:hover { text-decoration: none; } /** Menu body **/ .Menu { /*background-color: rgb(254, 251, 234);*/ font-size: 11px; border: 1px solid rgb(176, 44, 5); border-top: 5px solid rgb(176, 44, 5); overflow: hidden; box-shadow: -0px 5px 5px rgba(0,0,0, 0.5); min-width: 200px; *width: 200px; /* makes menus actually work... */ position: absolute; z-index: 7500; display: none; } /* allow menus to operate when JS is disabled */ .Popup:hover .Menu { display: block; } .Popup:hover .Menu.JsOnly { display: none; } .Menu.BottomControl { border-top-width: 1px; border-bottom-width: 3px; box-shadow: -0px 0px 0px transparent; } .Menu > li > a, .Menu .menuRow { display: block; } .Menu.inOverlay { z-index: 10000; } /* Menu header */ .Menu .menuHeader { overflow: hidden; zoom: 1; } .Menu .menuHeader h3 { font-size: 15pt; } .Menu .menuHeader .muted { font-size: 11px; } /* Standard menu sections */ .Menu .primaryContent { background-color: rgba(255, 255, 255, 0.96); } .Menu .secondaryContent { background-color: rgba(254, 251, 234, 0.96); } .Menu .sectionFooter { background-color: rgba(239, 221, 173, 0.9); } /* Links lists */ .Menu .blockLinksList { max-height: 400px; overflow: auto; } /* form popups */ .formPopup { width: 250px; background-color: rgb(255, 255, 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: rgb(239, 221, 173) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; border-radius: 5px; padding:5px; margin:5px 0; font-size: 11px; } .formPopup .controlsWrapper .textCtrl { width: 222px; } .formPopup .advSearchLink { display: block; text-align: center; padding:5px; font-size: 11px; border-radius: 5px; border: 1px solid rgb(239, 221, 173); background: rgb(254, 251, 234) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; } .formPopup .advSearchLink:hover { background-color: rgb(239, 221, 173); text-decoration: none; } /* All overlays must have this */ .xenOverlay { display: none; z-index: 10000; width: 90%; box-sizing: border-box; max-width: 690px; /*calc: 90=overlay padding+borders*/ } .xenOverlay .overlayScroll { max-height: 400px; overflow: auto; } .xenOverlay .overlayScroll.ltr { direction: ltr; } .xenOverlay .overlayScroll .sortable-placeholder { background-color: rgb(222, 202, 147); } .xenOverlay .overlayContain { overflow-x: auto; } .xenOverlay .overlayContain.ltr { direction: ltr; } .overlayOnly /* needs a bit more specificity over regular buttons */ { display: none !important; } .xenOverlay .overlayOnly { display: block !important; } .xenOverlay input.overlayOnly, .xenOverlay button.overlayOnly, .xenOverlay a.overlayOnly { display: inline !important; } .xenOverlay a.close { background-image: url('https://static.arabsbook.com/forum/styles/default/xenforo/overlay/close.png'); position: absolute; left: 4px; top: 4px; cursor: pointer; width: 35px; height: 35px; } .xenOverlay .nonOverlayOnly { display: none !important; } /* Generic form overlays */ .xenOverlay .formOverlay { color: #eee; background: url(rgba.php?r=0&g=0&b=0&a=191); background: rgba(0,0,0, 0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); padding:15px 25px; border: 20px solid rgb(0,0,0); border: 20px solid rgba(0,0,0, 0.25); _border: 20px solid rgb(0,0,0); border-radius: 20px; box-shadow: -0px 25px 50px rgba(0,0,0, 0.5); _zoom: 1; margin:0; } .Touch .xenOverlay .formOverlay { background: rgb(0, 0, 0); box-shadow: none; } .xenOverlay .formOverlay a.muted, .xenOverlay .formOverlay .muted a { color: rgb(150,150,150); } .xenOverlay .formOverlay .heading { font-weight: bold; font-size: 12pt; color: rgb(254, 251, 234); background-color: rgb(178, 42, 2); padding:5px 10px; margin-bottom: 10px; border: 1px solid rgb(161, 45, 10); border-radius: 5px; } .xenOverlay .formOverlay .subHeading { font-weight: bold; font-size: 11px; color: rgb(254, 251, 234); background-color: rgb(161, 45, 10); padding:5px 10px; margin-bottom: 10px; border: 1px solid rgb(178, 42, 2); border-radius: 3px; } .xenOverlay .formOverlay .textHeading { color: rgb(254, 251, 234); } .xenOverlay .formOverlay > p { padding-right: 10px; padding-left: 10px; } .xenOverlay .formOverlay .textCtrl { color: rgb(254, 251, 234); background-color: black; border-color:rgb(222, 202, 147); } .xenOverlay .formOverlay .textCtrl option { background-color: black; } .xenOverlay .formOverlay .textCtrl:focus, .xenOverlay .formOverlay .textCtrl.Focus { background: rgb(106, 25, 0) none; } .xenOverlay .formOverlay .textCtrl:focus option { background: rgb(106, 25, 0) none; } .xenOverlay .formOverlay .textCtrl.disabled { background: url(rgba.php?r=0&g=0&b=0&a=63); background: rgba(0,0,0, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000); } .xenOverlay .formOverlay .textCtrl.disabled option { background: url(rgba.php?r=0&g=0&b=0&a=63); background: rgba(0,0,0, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000); } .xenOverlay .formOverlay .textCtrl.prompt { color: rgb(160,160,160); } .xenOverlay .formOverlay .ctrlUnit > dt dfn, .xenOverlay .formOverlay .ctrlUnit > dd li .hint, .xenOverlay .formOverlay .ctrlUnit > dd .explain { color: #bbb; } .xenOverlay .formOverlay a { color: #fff; } .xenOverlay .formOverlay a.button { color: black; } .xenOverlay .formOverlay .avatar img, .xenOverlay .formOverlay .avatar .img, .xenOverlay .formOverlay .avatarCropper { background-color: transparent; } /* tabs in form overlay */ .xenOverlay .formOverlay .tabs /* the actual tabs */ { background: transparent none; border-color:rgb(222, 202, 147); } .xenOverlay .formOverlay .tabs a { background: transparent none; border-color:rgb(222, 202, 147); } .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('https://static.arabsbook.com/forum/styles/default/xenforo/color-picker/panel.png') repeat-x top; border: 1px solid rgb(222, 202, 147); } /* Generic overlays */ .xenOverlay .section, .xenOverlay .sectionMain { padding:0px; border: 20px solid rgb(106, 25, 0); border-radius: 20px; box-shadow: -0px 25px 50px rgba(0,0,0, 0.5); border-color:rgb(106, 25, 0); border-color:rgba(106, 25, 0, 0.5); _border-color:rgb(106, 25, 0); } .Touch .xenOverlay .section, .Touch .xenOverlay .sectionMain { border-color:rgb(106, 25, 0); box-shadow: none; } .xenOverlay > .section, .xenOverlay > .sectionMain { background: none; margin:0; } .xenOverlay .section .heading, .xenOverlay .sectionMain .heading { border-radius: 0; margin-bottom: 0; } .xenOverlay .section .subHeading, .xenOverlay .sectionMain .subHeading { margin-top: 0; } .xenOverlay .section .sectionFooter, .xenOverlay .sectionMain .sectionFooter { overflow: hidden; zoom: 1; } .xenOverlay .sectionFooter .buttonContainer { line-height: 31px; } .xenOverlay .sectionFooter .button, .xenOverlay .sectionFooter .buttonContainer { min-width: 75px; *min-width: 0; float: left; margin-right: 5px; } .xenOverlay .sectionFooter .buttonContainer .button { float: none; margin-right: 0; } /* The AJAX progress indicator overlay */ #AjaxProgress.xenOverlay { width: 100%; max-width: none; overflow: hidden; zoom: 1; } #AjaxProgress.xenOverlay .content { background: rgb(0, 0, 0) url('https://static.arabsbook.com/forum/styles/default/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; background: rgba(0,0,0, 0.5) url('https://static.arabsbook.com/forum/styles/default/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; border-bottom-right-radius: 10px; float: left; 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('https://static.arabsbook.com/forum/styles/default/xenforo/overlay/timed-message.png') repeat-x; border-bottom: 1px solid black; max-width: none; width: 100%; } .xenOverlay.timedMessage .content { font-size: 18pt; padding:30px; text-align: center; } /* Growl-style message */ #StackAlerts { position: fixed; bottom: 70px; right: 35px; z-index: 9999; /* in front of the expose mask */ } #StackAlerts .stackAlert { position: relative; width: 270px; border: 1px solid rgb(176, 44, 5); border-radius: 5px; box-shadow: -2px 2px 5px 0 rgba(0,0,0, 0.4); margin-top: 5px; } #StackAlerts .stackAlertContent { padding:10px; padding-left: 30px; border-radius: 4px; border: solid 2px rgb(239, 221, 173); background: url(rgba.php?r=254&g=251&b=234&a=229); background: rgba(254, 251, 234, 0.9); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FEFBEA,endColorstr=#E5FEFBEA); font-size: 11px; font-weight: bold; } /* Inline Editor */ .xenOverlay .section .messageContainer { padding:0; } .xenOverlay .section .messageContainer .mceLayout { border: none; } .xenOverlay .section .messageContainer tr.mceFirst td.mceFirst { border-top: none; } .xenOverlay .section .messageContainer tr.mceLast td.mceLast, .xenOverlay .section .messageContaner tr.mceLast td.mceIframeContainer { border-bottom: none; } .xenOverlay .section .textCtrl.MessageEditor, .xenOverlay .section .mceLayout, .xenOverlay .section .bbCodeEditorContainer textarea { width: 100% !important; min-height: 260px; _height: 260px; box-sizing: border-box; } @media (max-width:610px) { .Responsive .xenOverlay { width: 100%; } .Responsive .xenOverlay .formOverlay, .Responsive .xenOverlay .section, .Responsive .xenOverlay .sectionMain { border-radius: 10px; border-width:10px; } .Responsive .xenOverlay a.close { top: 0; left: 0; width: 28px; height: 28px; background-size: 100% 100%; } } .alerts .alertGroup { margin-bottom: 20px; } .alerts .primaryContent { overflow: hidden; zoom: 1; padding:5px; } .alerts .avatar { float: right; } .alerts .avatar img { width: 32px; height: 32px; } .alerts .alertText { margin-right: 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-right: 2px; width: 11px; height: 11px; background: url('https://static.arabsbook.com/forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -144px -40px; } /** Data tables **/ .dataTableWrapper { overflow-x: auto; overflow-y: visible; } table.dataTable { width: 100%; _width: 99.5%; margin:10px 0; } .dataTable caption { font-weight: bold; font-size: 11pt; color: rgb(254, 251, 234); background-color: rgb(204, 80, 3); padding:5px 10px; margin-bottom: 3px; border-bottom: 1px solid rgb(178, 42, 2); border-top-right-radius: 5px; border-top-left-radius: 5px; } .dataTable tr.dataRow td { border-bottom: 1px solid rgb(239, 221, 173); padding:5px 10px; word-wrap: break-word; } .dataTable tr.dataRow td.secondary { background: rgb(254, 251, 234) url("https://static.arabsbook.com/forum/styles/default/xenforo/gradients/category-23px-light.png") repeat-x top; } .dataTable tr.dataRow th { background: #f9d9b0 url("https://static.arabsbook.com/forum/styles/default/xenforo/gradients/category-23px-light.png") repeat-x top; border-bottom: 1px solid #f9bc6d; border-top: 1px solid #f9d9b0; color: rgb(176, 44, 5); font-size: 11px; padding:5px 10px; } .dataTable tr.dataRow th a { color: inherit; text-decoration: underline; } .dataTable .dataRow .dataOptions { text-align: left; white-space: nowrap; word-wrap: normal; padding:0; } .dataTable .dataRow .important, .dataTable .dataRow.important { font-weight: bold; } .dataTable .dataRow .dataOptions a.secondaryContent { display: inline-block; border-right: 1px solid rgb(239, 221, 173); border-bottom: none; padding:7px 10px 6px; font-size: 11px; } .dataTable .dataRow .dataOptions a.secondaryContent:hover { background-color: rgb(239, 221, 173); text-decoration: none; } .dataTable .dataRow .delete { padding:0px; width: 26px; border-right: 1px solid rgb(239, 221, 173); background: rgb(254, 251, 234) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; } .dataTable .dataRow .delete a { display: block; background: transparent url('https://static.arabsbook.com/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: right; } /* ----------------------- */ .memberListItem .extra { font-size: 11px; float: left; } .memberListItem .extra .DateTime { display: block; } .memberListItem .extra .bigNumber { font-size: 250%; color: rgb(150,150,150); } .memberListItem .member { margin-right: 65px; } /* ----------------------- */ .memberListItem h3.username { font-weight: bold; font-size: 13pt; margin-bottom: 3px; } .memberListItem .username.guest { font-style: italic; font-weight: normal; } /* ----------------------- */ .memberListItem .userInfo { font-size: 11px; margin-bottom: 3px; } .memberListItem .userBlurb { } .memberListItem .userBlurb .userTitle { font-weight: bold; } .memberListItem .userStats dt, .memberListItem .userStats dd { white-space: nowrap; } /* ----------------------- */ .memberListItem .member .contentInfo { margin-top: 5px; } /* ----------------------- */ /* extended member list items have a fixed 200px right column */ .memberListItem.extended .extra { width: 200px; } .memberListItem.extended .member { margin-left: 210px; } /* Styling for hover-dismiss controls */ .DismissParent .DismissCtrl { position: absolute; top: 12px; left: 5px; display: block; background: transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -80px 0; color: white; width: 15px; height: 15px; line-height: 15px; text-align: center; opacity: .4; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; font-size: 10px; overflow: hidden; white-space: nowrap; text-indent: 20000em; cursor: pointer; } .DismissParent:hover .DismissCtrl, .Touch .DismissParent .DismissCtrl { opacity: 1; } .DismissParent:hover .DismissCtrl:hover { background-position: -96px 0; } .DismissParent:hover .DismissCtrl:active { background-position: -112px 0; } .DismissParent.notice_-1 .DismissCtrl { display: none; } /* ***************************** */ /* un-reset, mostly from YUI */ .baseHtml h1 { font-size:138.5%; } .baseHtml h2 { font-size:123.1%; } .baseHtml h3 { font-size:108%; } .baseHtml h1, .baseHtml h2, .baseHtml h3 { margin:1em 0; } .baseHtml h1, .baseHtml h2, .baseHtml h3, .baseHtml h4, .baseHtml h5, .baseHtml h6, .baseHtml strong { font-weight:bold; } .baseHtml abbr, .baseHtml acronym { border-bottom:1px dotted #000; cursor:help; } .baseHtml em { font-style:italic; } .baseHtml blockquote, .baseHtml ul, .baseHtml ol, .baseHtml dl { margin:1em; } .baseHtml ol, .baseHtml ul, .baseHtml dl { margin-right:3em; margin-left: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-right:1em; } .baseHtml th, .baseHtml td { border:1px solid #000; padding:.5em; } .baseHtml th { font-weight:bold; text-align:center; } .baseHtml caption { margin-bottom:.5em; text-align:center; } .baseHtml p, .baseHtml pre, .baseHtml fieldset, .baseHtml table { margin-bottom:1em; } .PageNav { font-size: 11px; padding:2px 0; overflow: hidden; zoom: 1; line-height: 16px; word-wrap: normal; min-width: 150px; white-space: nowrap; margin-bottom: -.5em; } .PageNav .hidden { display: none; } .PageNav .pageNavHeader, .PageNav a, .PageNav .scrollable { display: block; float: right; margin-left: 3px; margin-bottom: .5em; } .PageNav .pageNavHeader { padding:1px 0; } .PageNav a { color: #8f6c3f; text-decoration: none; background-color: #fff4e5; border: 1px solid #f9d9b0; border-radius: 3px; text-align: center; width: 19px; } .PageNav a[rel=start] { width: 19px !important; } .PageNav a.text { width: auto !important; padding:0 4px; } .PageNav a.currentPage { color: rgb(161, 45, 10); background-color: rgb(254, 251, 234); border-color:rgb(176, 44, 5); 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-right: 3px; } .PageNav .scrollable { position: relative; overflow: hidden; width: 117px; /* width of 5 page numbers plus their margin & border */ height: 18px; /* only needs to be approximate */ } .PageNav .scrollable .items { display: block; width: 20000em; /* contains scrolling items, should be huge */ position: absolute; } /** Edge cases - large numbers of digits **/ .PageNav .gt999 { font-size: 9px; letter-spacing: -0.05em; } .PageNav.pn5 a { width: 29px; } .PageNav.pn5 .scrollable { width: 167px; } .PageNav.pn6 a { width: 33px; } .PageNav.pn6 .scrollable { width: 187px; } .PageNav.pn7 a { width: 37px; } .PageNav.pn7 .scrollable { width: 207px; } @media (max-width:610px) { .Responsive .PageNav .pageNavHeader { display: none; } } @media (max-width:480px) { .Responsive .PageNav .unreadLink { display: none; } } /* ***************************** */ /* DL Name-Value Pairs */ .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt { color: rgb(150,150,150); } .pairsRows, .pairsColumns, .pairsJustified { line-height: 1.5; } .pairsInline dl, .pairsInline dt, .pairsInline dd { display: inline; } .pairsRows dt, .pairsRows dd { display: inline-block; vertical-align: top; *display: inline; *margin-left: 1ex; *zoom: 1; } dl.pairsColumns, dl.pairsJustified, .pairsColumns dl, .pairsJustified dl { overflow: hidden; zoom: 1; } .pairsColumns dt, .pairsColumns dd { float: right; width: 48%; } .pairsJustified dt { float: right; max-width: 100%; margin-left: 5px; } .pairsJustified dd { float: left; text-align: left; max-width: 100% } /* ***************************** */ /* Lists that put all elements on a single line */ .listInline ul, .listInline ol, .listInline li, .listInline dl, .listInline dt, .listInline dd { display: inline; } /* intended for use with .listInline, produces 'a, b, c, d' / 'a * b * c * d' lists */ .commaImplode li:after, .commaElements > *:after { content: ', '; } .commaImplode li:last-child:after, .commaElements > *:last-child:after { content: ''; } .bulletImplode li:before { content: '\2022\a0'; } .bulletImplode li:first-child:before { content: ''; } /* Three column list display */ .threeColumnList { overflow: hidden; zoom: 1; } .threeColumnList li { float: right; width: 32%; margin:2px 0 2px 1%; } .twoColumnList { overflow: hidden; zoom: 1; } .twoColumnList li { float: right; width: 48%; margin:2px 0 2px 1%; } /* ***************************** */ /* Preview tooltips (threads etc.) */ .previewTooltip { } .previewTooltip .avatar { float: right; } .previewTooltip .text { margin-right: 64px; } .previewTooltip blockquote { font-weight: bold; font-size: 10pt; 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(239, 221, 173); margin-top: 5px; } /* ***************************** */ /* List of block links */ .blockLinksList { font-size: 11px; padding:2px; } .blockLinksList a, .blockLinksList label { color: rgb(178, 42, 2); padding:5px 10px; border-radius: 5px; display: block; outline: 0 none; } .blockLinksList a:hover, .blockLinksList a:focus, .blockLinksList li.kbSelect a, .blockLinksList label:hover, .blockLinksList label:focus, .blockLinksList li.kbSelect label { text-decoration: none; background-color: rgb(239, 221, 173); } .blockLinksList a:active, .blockLinksList li.kbSelect a:active, .blockLinksList a.selected, .blockLinksList li.kbSelect a.selected, .blockLinksList label:active, .blockLinksList li.kbSelect label:active, .blockLinksList label.selected, .blockLinksList li.kbSelect label.selected { color: rgb(254, 251, 234); background-color: rgb(204, 80, 3); } .blockLinksList a.selected, .blockLinksList li.kbSelect a.selected, .blockLinksList label.selected, .blockLinksList li.kbSelect label.selected { font-weight: bold; display: block; } .blockLinksList span.depthPad { display: block; } .blockLinksList .itemCount { font-weight: bold; font-size: 9px; color: white; background-color: #e03030; padding:0 2px; border-radius: 2px; position: absolute; left: 2px; top: -5px; line-height: 16px; min-width: 12px; _width: 12px; text-align: center; text-shadow: none; white-space: nowrap; word-wrap: normal; box-shadow: -2px 2px 5px rgba(0,0,0, 0.25); height: 16px; float: left; position: relative; left: 0; top: -1px; } .blockLinksList .itemCount.Zero { display: none; } .bubbleLinksList { overflow: hidden; } .bubbleLinksList a { float: right; padding:2px 4px; margin-left: 2px; border-radius: 3px; text-decoration: none; } .bubbleLinksList a:hover, .bubbleLinksList a:active { text-decoration: none; background-color: rgb(239, 221, 173); } .bubbleLinksList a.active { color: rgb(254, 251, 234); background-color: rgb(204, 80, 3); font-weight: bold; display: block; } /* ***************************** */ /* Normally-indented nested lists */ .indentList ul, .indentList ol { margin-right: 2em; } /* ***************************** */ /* AJAX progress image */ .InProgress { background: transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat left 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-right: 0em; } ._depth1 { padding-right: 2em; } ._depth2 { padding-right: 4em; } ._depth3 { padding-right: 6em; } ._depth4 { padding-right: 8em; } ._depth5 { padding-right: 10em; } ._depth6 { padding-right: 12em; } ._depth7 { padding-right: 14em; } ._depth8 { padding-right: 16em; } ._depth9 { padding-right: 18em; } .xenOverlay .errorOverlay { color: white; padding:25px; border-radius: 20px; border: 20px solid rgb(0,0,0); border: 20px solid rgba(0,0,0, 0.25); _border: 20px solid rgb(0,0,0); background: url(rgba.php?r=0&g=0&b=0&a=191); background: rgba(0,0,0, 0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); } .xenOverlay .errorOverlay .heading { padding:5px 10px; font-weight: bold; font-size: 12pt; background: rgb(180,0,0); color: white; margin-bottom: 10px; border-radius: 5px; border: 1px solid rgb(100,0,0); } .xenOverlay .errorOverlay li { line-height: 2; } .xenOverlay .errorOverlay .exceptionMessage { color: rgb(150,150,150); } /*** inline errors ***/ .formValidationInlineError { display: none; position: absolute; z-index: 5000; background-color: white; border: 1px solid rgb(180,0,0); color: rgb(180,0,0); box-shadow: -2px 2px 10px #999; border-radius: 3px; padding:2px 5px; font-size: 11px; width: 175px; min-height: 2.5em; _height: 2.5em; word-wrap: break-word; } .formValidationInlineError.inlineError { position: static; width: auto; min-height: 0; } /** Block errors **/ .errorPanel { margin:10px 0 20px; color: rgb(180,0,0); background: rgb(255, 235, 235); border-radius: 5px; border: 1px solid rgb(180,0,0); } .errorPanel .errorHeading { margin:.75em; font-weight: bold; font-size: 12pt; } .errorPanel .errors { margin:.75em 2em; display: block; line-height: 1.5; } @media (max-width:800px) { .Responsive .formValidationInlineError { position: static; width: auto; min-height: auto; } } /* Undo some nasties */ input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } /* ignored content hiding */ .ignored { display: none !important; } /* Misc */ .floatLeft { float: right; } .floatRight { float: left; } .horizontalContain { overflow-x: auto; } .ltr { direction: ltr; } /* Square-cropped thumbs */ .SquareThumb { position: relative; display: block; overflow: hidden; padding:0; direction: ltr; /* individual instances can override this size */ width: 48px; height: 48px; } .SquareThumb img { position: relative; display: block; } /* Basic, common, non-templated BB codes */ .bbCodeImage { max-width: 100%; } .bbCodeImageFullSize { position: absolute; z-index: 50000; background-color: rgb(255, 255, 255); } .bbCodeStrike { text-decoration: line-through; } img.mceSmilie, img.mceSmilieSprite { vertical-align: text-bottom; margin:0 1px; } /* smilie sprite classes */ img.mceSmilieSprite.mceSmilie1 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px 0px; } img.mceSmilieSprite.mceSmilie127 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -1px 0px; } img.mceSmilieSprite.mceSmilie2 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px -21px; } img.mceSmilieSprite.mceSmilie128 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -25px 0px; } img.mceSmilieSprite.mceSmilie3 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -42px; } img.mceSmilieSprite.mceSmilie129 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -49px 0px; } img.mceSmilieSprite.mceSmilie4 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px 0px; } img.mceSmilieSprite.mceSmilie5 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -21px; } img.mceSmilieSprite.mceSmilie130 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -73px 0px; } img.mceSmilieSprite.mceSmilie6 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px 0px; } img.mceSmilieSprite.mceSmilie131 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -97px 0px; } img.mceSmilieSprite.mceSmilie7 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -21px; } img.mceSmilieSprite.mceSmilie132 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -121px 0px; } img.mceSmilieSprite.mceSmilie8 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px 0px; } img.mceSmilieSprite.mceSmilie133 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -144px 0px; } img.mceSmilieSprite.mceSmilie9 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -42px; } img.mceSmilieSprite.mceSmilie134 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -168px 0px; } img.mceSmilieSprite.mceSmilie135 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -192px 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.mceSmilie136 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -215px 0px; } img.mceSmilieSprite.mceSmilie12 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -42px; } img.mceSmilieSprite.mceSmilie137 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -1px -24px; } img.mceSmilieSprite.mceSmilie13 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -106px; } img.mceSmilieSprite.mceSmilie138 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -25px -24px; } img.mceSmilieSprite.mceSmilie14 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -63px; } img.mceSmilieSprite.mceSmilie139 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -49px -24px; } img.mceSmilieSprite.mceSmilie140 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -73px -24px; } img.mceSmilieSprite.mceSmilie15 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -126px; } img.mceSmilieSprite.mceSmilie141 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -97px -24px; } img.mceSmilieSprite.mceSmilie16 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -84px; } img.mceSmilieSprite.mceSmilie142 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -121px -24px; } img.mceSmilieSprite.mceSmilie143 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -144px -24px; } img.mceSmilieSprite.mceSmilie17 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px -84px; } img.mceSmilieSprite.mceSmilie18 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px -63px; } img.mceSmilieSprite.mceSmilie144 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -168px -24px; } img.mceSmilieSprite.mceSmilie19 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -84px; } img.mceSmilieSprite.mceSmilie20 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px -42px; } img.mceSmilieSprite.mceSmilie145 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -192px -24px; } img.mceSmilieSprite.mceSmilie146 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -216px -24px; } img.mceSmilieSprite.mceSmilie21 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -126px; } img.mceSmilieSprite.mceSmilie147 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -73px -171px; } img.mceSmilieSprite.mceSmilie22 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -63px; } img.mceSmilieSprite.mceSmilie148 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -1px -48px; } img.mceSmilieSprite.mceSmilie149 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -25px -48px; } img.mceSmilieSprite.mceSmilie23 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -126px; } img.mceSmilieSprite.mceSmilie150 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -49px -48px; } img.mceSmilieSprite.mceSmilie24 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -105px; } img.mceSmilieSprite.mceSmilie151 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -73px -48px; } img.mceSmilieSprite.mceSmilie25 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -105px; } img.mceSmilieSprite.mceSmilie152 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -97px -49px; } img.mceSmilieSprite.mceSmilie26 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -84px; } img.mceSmilieSprite.mceSmilie153 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -121px -49px; } img.mceSmilieSprite.mceSmilie27 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -126px; } img.mceSmilieSprite.mceSmilie154 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -145px -49px; } img.mceSmilieSprite.mceSmilie28 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px -126px; } img.mceSmilieSprite.mceSmilie155 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -169px -49px; } img.mceSmilieSprite.mceSmilie30 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -63px; } img.mceSmilieSprite.mceSmilie29 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -21px; } img.mceSmilieSprite.mceSmilie156 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -193px -49px; } img.mceSmilieSprite.mceSmilie157 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -216px -49px; } img.mceSmilieSprite.mceSmilie104 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -80px -209px; } img.mceSmilieSprite.mceSmilie31 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px 0px; } img.mceSmilieSprite.mceSmilie158 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -1px -72px; } img.mceSmilieSprite.mceSmilie32 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -20px 0px; } img.mceSmilieSprite.mceSmilie159 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -25px -72px; } img.mceSmilieSprite.mceSmilie160 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -49px -72px; } img.mceSmilieSprite.mceSmilie33 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -40px 0px; } img.mceSmilieSprite.mceSmilie161 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -73px -72px; } img.mceSmilieSprite.mceSmilie41 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -120px 0px; } img.mceSmilieSprite.mceSmilie37 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -20px -21px; } img.mceSmilieSprite.mceSmilie162 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -98px -73px; } img.mceSmilieSprite.mceSmilie38 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -40px -21px; } img.mceSmilieSprite.mceSmilie163 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -122px -73px; } img.mceSmilieSprite.mceSmilie40 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -100px 0px; } img.mceSmilieSprite.mceSmilie164 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -145px -73px; } img.mceSmilieSprite.mceSmilie43 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -80px -21px; } img.mceSmilieSprite.mceSmilie165 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -169px -74px; } img.mceSmilieSprite.mceSmilie166 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -193px -73px; } img.mceSmilieSprite.mceSmilie46 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -42px; } img.mceSmilieSprite.mceSmilie167 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -216px -73px; } img.mceSmilieSprite.mceSmilie44 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -100px -21px; } img.mceSmilieSprite.mceSmilie47 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -20px -42px; } img.mceSmilieSprite.mceSmilie168 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -1px -97px; } img.mceSmilieSprite.mceSmilie169 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -25px -97px; } img.mceSmilieSprite.mceSmilie52 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -120px -42px; } img.mceSmilieSprite.mceSmilie170 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -49px -97px; } img.mceSmilieSprite.mceSmilie53 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -63px; } img.mceSmilieSprite.mceSmilie57 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -80px -63px; } img.mceSmilieSprite.mceSmilie171 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -73px -97px; } img.mceSmilieSprite.mceSmilie55 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -40px -63px; } img.mceSmilieSprite.mceSmilie172 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -97px -97px; } img.mceSmilieSprite.mceSmilie173 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -121px -97px; } img.mceSmilieSprite.mceSmilie61 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -20px -84px; } img.mceSmilieSprite.mceSmilie174 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -145px -98px; } img.mceSmilieSprite.mceSmilie58 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -100px -63px; } img.mceSmilieSprite.mceSmilie175 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -169px -98px; } img.mceSmilieSprite.mceSmilie64 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -80px -84px; } img.mceSmilieSprite.mceSmilie67 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -105px; } img.mceSmilieSprite.mceSmilie176 { width: 23px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -193px -98px; } img.mceSmilieSprite.mceSmilie177 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -216px -98px; } img.mceSmilieSprite.mceSmilie74 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -126px; } img.mceSmilieSprite.mceSmilie178 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -1px -122px; } img.mceSmilieSprite.mceSmilie68 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -20px -105px; } img.mceSmilieSprite.mceSmilie70 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -60px -105px; } img.mceSmilieSprite.mceSmilie72 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -100px -105px; } img.mceSmilieSprite.mceSmilie179 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -49px -122px; } img.mceSmilieSprite.mceSmilie180 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -72px -122px; } img.mceSmilieSprite.mceSmilie75 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -20px -126px; } img.mceSmilieSprite.mceSmilie181 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -97px -121px; } img.mceSmilieSprite.mceSmilie77 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -60px -126px; } img.mceSmilieSprite.mceSmilie182 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -121px -121px; } img.mceSmilieSprite.mceSmilie78 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -80px -126px; } img.mceSmilieSprite.mceSmilie79 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -100px -126px; } img.mceSmilieSprite.mceSmilie183 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -145px -122px; } img.mceSmilieSprite.mceSmilie81 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -147px; } img.mceSmilieSprite.mceSmilie184 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -169px -122px; } img.mceSmilieSprite.mceSmilie185 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -193px -123px; } img.mceSmilieSprite.mceSmilie82 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -20px -147px; } img.mceSmilieSprite.mceSmilie89 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -20px -168px; } img.mceSmilieSprite.mceSmilie186 { width: 25px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -217px -123px; } img.mceSmilieSprite.mceSmilie187 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -1px -146px; } img.mceSmilieSprite.mceSmilie86 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -100px -147px; } img.mceSmilieSprite.mceSmilie188 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -24px -145px; } img.mceSmilieSprite.mceSmilie88 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -168px; } img.mceSmilieSprite.mceSmilie92 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -80px -168px; } img.mceSmilieSprite.mceSmilie189 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -48px -146px; } img.mceSmilieSprite.mceSmilie190 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -74px -146px; } img.mceSmilieSprite.mceSmilie95 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -188px; } img.mceSmilieSprite.mceSmilie191 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -97px -146px; } img.mceSmilieSprite.mceSmilie96 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -40px -188px; } img.mceSmilieSprite.mceSmilie97 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -60px -188px; } img.mceSmilieSprite.mceSmilie100 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -209px; } img.mceSmilieSprite.mceSmilie192 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -145px -146px; } img.mceSmilieSprite.mceSmilie193 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -120px -146px; } img.mceSmilieSprite.mceSmilie101 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -20px -209px; } img.mceSmilieSprite.mceSmilie194 { width: 23px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -169px -146px; } img.mceSmilieSprite.mceSmilie102 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -40px -209px; } img.mceSmilieSprite.mceSmilie195 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -192px -146px; } img.mceSmilieSprite.mceSmilie196 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -216px -146px; } img.mceSmilieSprite.mceSmilie126 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -120px -269px; } img.mceSmilieSprite.mceSmilie105 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -100px -209px; } img.mceSmilieSprite.mceSmilie197 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat 0px -170px; } img.mceSmilieSprite.mceSmilie107 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -229px; } img.mceSmilieSprite.mceSmilie198 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -24px -170px; } img.mceSmilieSprite.mceSmilie199 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -48px -172px; } img.mceSmilieSprite.mceSmilie106 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -120px -209px; } img.mceSmilieSprite.mceSmilie109 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -40px -229px; } img.mceSmilieSprite.mceSmilie200 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -97px -172px; } img.mceSmilieSprite.mceSmilie110 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -60px -229px; } img.mceSmilieSprite.mceSmilie201 { width: 22px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -120px -170px; } img.mceSmilieSprite.mceSmilie113 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -120px -229px; } img.mceSmilieSprite.mceSmilie120 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat 0px -269px; } img.mceSmilieSprite.mceSmilie202 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -143px -171px; } img.mceSmilieSprite.mceSmilie123 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -60px -269px; } img.mceSmilieSprite.mceSmilie203 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -168px -171px; } img.mceSmilieSprite.mceSmilie204 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -192px -169px; } img.mceSmilieSprite.mceSmilie124 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-extended-sprite.png') no-repeat -80px -269px; } img.mceSmilieSprite.mceSmilie205 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -217px -170px; } img.mceSmilieSprite.mceSmilie206 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat 2px -194px; } img.mceSmilieSprite.mceSmilie207 { width: 24px; height: 24px; background: url('/styles/default/xenforo/emoji2.png') no-repeat -21px -193px; } .visibleResponsiveFull { display: inherit !important; } .visibleResponsiveWide, .visibleResponsiveMedium, .visibleResponsiveNarrow { display: none !important; } .hiddenResponsiveFull { display: none !important; } .hiddenResponsiveWide, .hiddenResponsiveMedium, .hiddenResponsiveNarrow { display: inherit !important; } @media (max-width:800px) { .Responsive .visibleResponsiveFull { display: none !important; } .Responsive .hiddenResponsiveFull { display: inherit !important; } .Responsive .hiddenWideUnder { display: none !important; } } @media (min-width:611px) AND (max-width:800px) { .Responsive .visibleResponsiveWide { display: inherit !important; } .Responsive .hiddenResponsiveWide { display: none !important; } } @media (min-width:481px) AND (max-width:610px) { .Responsive .visibleResponsiveMedium { display: inherit !important; } .Responsive .hiddenResponsiveMedium { display: none !important; } .Responsive .hiddenWideUnder, .Responsive .hiddenMediumUnder { display: none !important; } } @media (max-width:480px) { .Responsive .visibleResponsiveNarrow { display: inherit !important; } .Responsive .hiddenResponsiveNarrow { display: none !important; } .Responsive .hiddenWideUnder, .Responsive .hiddenMediumUnder, .Responsive .hiddenNarrowUnder { display: none !important; } } @media (max-width:610px) { .Responsive .threeColumnList li { float: none; width: auto; margin:2px 0 2px 1%; } } @media (max-width:480px) { .Responsive .xenTooltip.statusTip { width: auto; } .Responsive .xenPreviewTooltip { box-sizing: border-box; width: auto; max-width: 100%; } .Responsive .xenPreviewTooltip .arrow { display: none; } .Responsive .previewTooltip .avatar { display: none; } .Responsive .previewTooltip .text { margin-right: 0; } } /* --- form.css --- */ /** Forms **/ .xenForm { margin:10px auto; max-width: 800px; } .xenOverlay .xenForm { max-width: 600px; } .xenForm .ctrlUnit > dd { width: 68%; box-sizing: border-box; padding-left: 30px; } .xenForm .ctrlUnit > dd .textCtrl { box-sizing: border-box; width: 100%; } .xenForm .ctrlUnit > dd .textCtrl.indented { width: calc(100% - 16px); } .xenForm .ctrlUnit > dd .textCtrl[size], .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: auto !important; min-width: 0; } .xenForm .ctrlUnit > dd .textCtrl.number { width: 150px; } .xenForm > .sectionHeader:first-child, .xenForm > fieldset > .sectionHeader:first-child { margin-top: 0; } /** Sections **/ .xenForm fieldset, .xenForm .formGroup { border-top: 1px solid rgb(239, 221, 173); margin:20px auto; } .xenForm > fieldset:first-child, .xenForm > .formGroup:first-child { border-top: none; margin:auto; } .xenForm .PreviewContainer + fieldset, .xenForm .PreviewContainer + .formGroup { border-top: none; } .xenForm fieldset + .ctrlUnit, .xenForm .formGroup + .ctrlUnit, .xenForm .submitUnit { border-top: 1px solid rgb(239, 221, 173); } .xenForm fieldset + .ctrlUnit, .xenForm .formGroup + .ctrlUnit { padding-top: 10px; } .xenForm .primaryContent + .submitUnit, .xenForm .secondaryContent + .submitUnit { margin-top: 0; border-top: none; } .xenForm .ctrlUnit.submitUnit dd { line-height: 31px; padding-top: 0; } .ctrlUnit.submitUnit dd .explain, .ctrlUnit.submitUnit dd .text, .ctrlUnit.submitUnit dd label { line-height: 1.28; } /* now undo that */ .xenOverlay .ctrlUnit.submitUnit dd, .Menu .ctrlUnit.submitUnit dd, #QuickSearch .ctrlUnit.submitUnit dd { border: none; background: none; } .xenForm .ctrlUnit { } .xenForm .ctrlUnit.limited { display: none; } /** Sections Immediately Following Headers **/ .xenForm .sectionHeader + fieldset, .xenForm .heading + fieldset, .xenForm .subHeading + fieldset, .xenForm .sectionHeader + .formGroup, .xenForm .heading + .formGroup, .xenForm .subHeading + .formGroup { border-top: none; margin-top: 0; } .xenForm .formHiderHeader { margin:10px; font-size: 15px; font-weight: bold; } /** *********************** **/ /** TEXT INPUTS **/ /** *********************** **/ .textCtrl { font-size: 13px; font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; background: rgb(254, 251, 234) url('https://static.arabsbook.com/forum/styles/default/xenforo/clear.png'); padding:3px; margin-bottom: 2px; border-width:1px; border-style:solid; border-top-color: rgb(192, 192, 192); border-left-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-right-color: rgb(192, 192, 192); border-radius: 4px; outline: 0; } select.textCtrl { word-wrap: normal; -webkit-appearance: menulist; } select[multiple].textCtrl, select[size].textCtrl { -webkit-appearance: listbox; } select[size="0"].textCtrl, select[size="1"].textCtrl { -webkit-appearance: menulist; } textarea.textCtrl { word-wrap: break-word; resize: vertical; } .textCtrl:focus, .textCtrl.Focus { background: rgb(255,255,240) url('https://static.arabsbook.com/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('https://static.arabsbook.com/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::-moz-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl::-webkit-input-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl:-ms-input-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl.autoSize { width: auto !important; } .textCtrl.number, .textCtrl.number input { text-align: left; width: 150px; } .textCtrl.fillSpace { width: 100%; box-sizing: border-box; _width: 95%; } .textCtrl.code, .textCtrl.code input { font-family: Consolas, "Courier New", Courier, monospace; white-space: pre; word-wrap: normal; direction: ltr; } input.textCtrl[type="password"] { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } input[type="email"], input[type="url"] { direction: ltr; } .textCtrl.titleCtrl, .textCtrl.titleCtrl input { font-size: 18pt; } textarea.textCtrl.Elastic { /* use for jQuery.elastic */ max-height: 300px; } /* for use with wrapped inputs */ .textCtrlWrap { display: inline-block; } .textCtrlWrap input.textCtrl { padding:0 !important; margin:0 !important; border: none !important; background: transparent !important; border-radius: 0 !important; } .textCtrlWrap.blockInput input.textCtrl { border-top: 1px solid rgb(192, 192, 192) !important; margin-top: 4px !important; } .taggingInput.textCtrl { padding-top: 1px; min-height: 25px; } .taggingInput input { margin:0px; font-size: 12px; border: 1px solid transparent; padding:0; background: transparent; outline: 0; color: inherit; font-family: inherit; } .taggingInput .tag { border: 1px solid rgb(222, 202, 147); border-radius: 3px; display: inline-block; padding:0 3px; text-decoration: none; background: rgb(239, 221, 173) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; color: rgb(178, 42, 2); margin-left: 3px; margin-top: 2px; font-size: 12px; max-width: 98%; box-shadow: -1px 1px 3px rgba(0,0,0, 0.25); } .disabled.taggingInput .tag { opacity: 0.7; } .disabled.taggingInput .tag a { pointer-events: none; } html .taggingInput .tag a { color: rgb(176, 44, 5); font-weight: bold; text-decoration: none; } .taggingInput .addTag { display: inline-block; min-width: 150px; max-width: 100%; margin-top: 2px; } .taggingInput .tagsClear { clear: both; width: 100%; height: 0px; float: none; } /** *********************** **/ /** BUTTONS **/ /** *********************** **/ .button { font-style: normal; font-size: 12px; font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); background: rgb(220,220,235) url('https://static.arabsbook.com/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; text-align: center; box-shadow: -0px 1px 4px 0px rgb(200,200,210); outline: none; line-height: 21px; display: inline-block; cursor: pointer; box-sizing: border-box; height: 23px; } .button.smallButton { font-size: 11px; padding:0px 4px; line-height: 21px; height: 21px; border-radius: 5px; } .button.primary { background-color: rgb(222, 202, 147); } input.button.disabled, a.button.disabled, input.button.primary.disabled, a.button.primary.disabled, html .buttonProxy .button.disabled { color: #999; background-color: #EEE; border-color:#CCC; box-shadow: -0 0 0 transparent; } .button::-moz-focus-inner { border: none; } a.button { display: inline-block; color: rgb(0, 0, 0); } .button:hover, .button[href]:hover, .buttonProxy:hover .button { color: black; text-decoration: none; background-color: rgb(255,255,200); border-color:rgb(255,255,200); border-top-color: white; border-bottom-color: rgb(190,190,170); } .button:focus { border-color:rgb(176, 44, 5); } .button:active, .button[href]:active, .button.ToggleButton.checked, .buttonProxy:active .button { color: black; background-color: rgb(153, 153, 163); border-color:rgb(200,200,215); border-top-color: #b3b3bd; border-bottom-color: white; box-shadow: -0px 0px 0px 0px transparent; outline: 0; } .button.ToggleButton { cursor: default; width: auto; color: rgb(179, 179, 189); } .button.ToggleButton.checked { background-color: rgb(255,150,50); } .button.inputSupplementary { width: 25px; position: absolute; top: 0px; left: 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-left: 15px; text-align: left; vertical-align: top; box-sizing: border-box; width: 32%; float: right; } /* special long-text label */ .xenForm .ctrlUnit > dt.explain { font-size: 11px; text-align: justify; } .xenForm .ctrlUnit.fullWidth dt, .xenForm .ctrlUnit.submitUnit.fullWidth dt { float: none; width: auto; text-align: right; height: auto; } .xenForm .ctrlUnit.fullWidth dt { margin-bottom: 2px; } .xenForm .ctrlUnit > dt label { margin-right: 30px; } /** Hidden Labels **/ .xenForm .ctrlUnit.surplusLabel dt label { display: none; } /** Section Links **/ .ctrlUnit.sectionLink dt { text-align: right; font-size: 11px; } .ctrlUnit.sectionLink dt a { margin-right: 11px; /*TODO: sectionHeader padding + border*/ } /** Hints **/ .ctrlUnit > dt dfn { font-style: italic; font-size: 10px; color: rgb(150,150,150); margin-right: 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('https://static.arabsbook.com/forum/styles/default/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat center center; } /** Control Holders **/ .xenForm .ctrlUnit > dd { /*todo: kill property */ float: right; } .xenForm .ctrlUnit.fullWidth > dd { float: none; width: auto; padding-right: 30px; } /** Explanatory paragraph **/ .ctrlUnit > dd .explain { font-size: 11px; color: rgb(150,150,150); margin-top: 2px; /*TODO:max-width: auto;*/ } .ctrlUnit > dd .explain b, .ctrlUnit > dd .explain strong { color: rgb(100,100,100); } /** List items inside controls **/ .ctrlUnit > dd > * > li { margin:4px 0 8px; padding-right: 1px; /* fix a webkit display bug */ } .ctrlUnit > dd > * > li:first-child > .textCtrl:first-child { margin-top: -3px; } .ctrlUnit > dd .break { margin-bottom: 0.75em; padding-bottom: 0.75em; } .ctrlUnit > dd .rule { border-bottom: 1px solid rgb(239, 221, 173); } .ctrlUnit > dd .ddText { margin-bottom: 2px; } /** Hints underneath checkbox / radio controls **/ .ctrlUnit > dd > * > li .hint { font-size: 11px; color: rgb(150,150,150); margin-right: 16px; margin-top: 2px; } /** DISABLERS **/ .ctrlUnit > dd > * > li > ul, .ctrlUnit .disablerList, .ctrlUnit .indented { margin-right: 16px; } .ctrlUnit > dd > * > li > ul > li:first-child { margin-top: 6px; } .ctrlUnit > dd .disablerList > li, .ctrlUnit > dd .checkboxColumns > li, .ctrlUnit > dd .choiceList > li { margin-top: 6px; } /** Other stuff... **/ .ctrlUnit > dd .helpLink { font-size: 10px; } .ctrlUnit.textValue dt { padding-top: 0px; } .button.spinBoxButton { font-family: Droid Arabic Kufi; font-size: 11pt; } .unitPairsJustified li { overflow: hidden; } .unitPairsJustified li .label { float: right; } .unitPairsJustified li .value { float: left; } #calroot { margin-top: -1px; width: 198px; padding:2px; background-color: rgb(255, 255, 255); font-size: 11px; border: 1px solid rgb(204, 80, 3); border-radius: 5px; box-shadow: -0 0 15px #666; z-index: 7500; } #calhead { padding:2px 0; height: 22px; } #caltitle { font-size: 11pt; color: rgb(204, 80, 3); float: right; 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: right; cursor: pointer; } #calnext { float: left; } #calprev.caldisabled, #calnext.caldisabled { visibility: hidden; } #caldays { height: 14px; border-bottom: 1px solid rgb(204, 80, 3); } #caldays span { display: block; float: right; width: 28px; text-align: center; color: rgb(204, 80, 3); } #calweeks { margin-top: 4px; } .calweek { clear: right; height: 22px; } .calweek a { display: block; float: right; width: 27px; height: 20px; text-decoration: none; font-size: 11px; margin-right: 1px; text-align: center; line-height: 20px; border-radius: 3px; } .calweek a:hover, .calfocus { background-color: rgb(254, 251, 234); } a.caloff { color: rgb(150,150,150); } a.caloff:hover { background-color: rgb(254, 251, 234); } a.caldisabled { background-color: #efefef !important; color: #ccc !important; cursor: default; } #caltoday { font-weight: bold; } #calcurrent { background-color: rgb(204, 80, 3); color: rgb(254, 251, 234); } ul.autoCompleteList { background: rgb(254, 251, 234) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; border: 1px solid rgb(176, 44, 5); 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(239, 221, 173); border-radius: 3px; } ul.autoCompleteList img.autoCompleteAvatar { float: right; margin-left: 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-right: 5px; } /* BB code-based editor styling */ .xenForm .ctrlUnit.fullWidth dd .bbCodeEditorContainer textarea { margin-right: 0; min-height: 200px; } .bbCodeEditorContainer a { font-size: 11px; } /* * Fix silly top padding. This may require additional tags in the padding-top selector. */ .xenForm .ctrlUnit > dd { padding-top: 4px; } .xenForm .ctrlUnit.fullWidth > dd { padding-top: 0; } .xenForm .ctrlUnit > dd > input, .xenForm .ctrlUnit > dd > select, .xenForm .ctrlUnit > dd > textarea, .xenForm .ctrlUnit > dd > ul, .xenForm .ctrlUnit > dd > .verticalShift { margin-top: -4px; } .xenForm .ctrlUnit.fullWidth > dd > input, .xenForm .ctrlUnit.submitUnit > dd > input, .xenForm .ctrlUnit.fullWidth > dd > select, .xenForm .ctrlUnit.submitUnit > dd > select, .xenForm .ctrlUnit.fullWidth > dd > textarea, .xenForm .ctrlUnit.submitUnit > dd > textarea, .xenForm .ctrlUnit.fullWidth > dd > ul, .xenForm .ctrlUnit.submitUnit > dd > ul { margin-top: 0; } /* * Multi-column checkboxes */ .xenForm .checkboxColumns > dd > ul, ul.checkboxColumns { -webkit-column-count : 2; -moz-column-count : 2;column-count: 2; -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px; } .xenForm .checkboxColumns > dd > ul li, ul.checkboxColumns li { -webkit-column-break-inside : avoid; -moz-column-break-inside : avoid;column-break-inside: avoid; break-inside: avoid-column; margin-bottom: 4px; padding-right: 1px; display: inline-block; width: 100%; } .xenForm .checkboxColumns.blockLinksList > dd > ul li, ul.checkboxColumns.blockLinksList li { display: block; } .xenForm .checkboxColumns.multiple > dd > ul { -webkit-column-count : auto; -moz-column-count : auto;column-count: auto; -webkit-column-gap : normal; -moz-column-gap : normal;column-gap: normal; } .xenForm .checkboxColumns.multiple > dd { -webkit-column-count : 2; -moz-column-count : 2;column-count: 2; -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px; } .xenForm .checkboxColumns.multiple > dd > ul { margin-bottom: 18px; } #recaptcha_image { box-sizing: content-box; max-width: 100%; } #recaptcha_image img { max-width: 100%; } #helper_birthday { display: inline-block; } #helper_birthday > li { display: inline; } html[dir=rtl] #helper_birthday input, html[dir=rtl] #helper_birthday select { direction: rtl; } @media (max-width:480px) { .Responsive .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: right; height: auto; } .Responsive .xenForm .ctrlUnit > dt label, .Responsive .xenForm .ctrlUnit > dt dfn { margin-right: 0; } .Responsive .xenForm .ctrlUnit.submitUnit dt { height: auto; } .Responsive .xenForm .ctrlUnit > dd, .Responsive .xenForm .ctrlUnit.fullWidth dd { float: none; width: auto; text-align: right; height: auto; padding-right: 10px; padding-left: 10px; overflow: hidden; } .Responsive .xenForm .checkboxColumns > dd > ul, .Responsive ul.checkboxColumns { -webkit-column-count : 1; -moz-column-count : 1;column-count: 1; } .Responsive #ctrl_upload { max-width: 200px; } .Responsive .xenForm .ctrlUnit > dd .textCtrl[size], .Responsive .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: 100% !important; } .Responsive .xenForm .ctrlUnit > dd > input, .Responsive .xenForm .ctrlUnit > dd > select, .Responsive .xenForm .ctrlUnit > dd > textarea, .Responsive .xenForm .ctrlUnit > dd > ul, .Responsive .xenForm .ctrlUnit > dd > .verticalShift { margin-top: 0; } } @media (max-width:610px) { .Responsive .insideSidebar .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: right; height: auto; } .Responsive .insideSidebar .xenForm .ctrlUnit > dt label, .Responsive .insideSidebar .xenForm .ctrlUnit > dt dfn { margin-right: 0; } .Responsive .insideSidebar .xenForm .ctrlUnit.submitUnit dt { height: auto; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd, .Responsive .insideSidebar .xenForm .ctrlUnit.fullWidth dd { float: none; width: auto; text-align: right; height: auto; padding-right: 10px; padding-left: 10px; overflow: hidden; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl[size], .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: 100% !important; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd > input, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > select, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > textarea, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > ul { margin-top: -0; } } @media (max-device-width:568px) { .Responsive .textCtrl, .Responsive .taggingInput input, .Responsive .taggingInput .tag { font-size: 16px; } } /* --- public.css --- */ #header { font-family: 'Droid Arabic Kufi', serif;; background-color: rgb(242, 239, 220); } /* clearfix */ #header .pageWidth .pageContent { zoom: 1; } #header .pageWidth .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #logo { display: block; float: right; line-height: 156px; *line-height: 160px; height: 160px; max-width: 100%; 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; max-width: 100%; } #visitorInfo { float: left; min-width: 250px; _width: 250px; overflow: hidden; zoom: 1; background: rgb(222, 202, 147); padding:5px; border-radius: 5px; margin:10px 0; border: 1px solid rgb(106, 25, 0); color: rgb(106, 25, 0); } #visitorInfo .avatar { float: right; display: block; } #visitorInfo .avatar .img { border-color:rgb(204, 80, 3); } #visitorInfo .username { font-size: 18px; text-shadow: 1px 1px 10px white; color: rgb(106, 25, 0); white-space: nowrap; word-wrap: normal; } #alerts { zoom: 1; } #alerts #alertMessages { padding-right: 5px; } #alerts li.alertItem { font-size: 11px; } #alerts .label { color: rgb(106, 25, 0); } .footer .pageContent { font-size: 11px; color: rgb(222, 202, 147); background-color: rgb(178, 42, 2); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; zoom: 1; } .footer a, .footer a:visited { color: rgb(222, 202, 147); padding:5px; display: block; } .footer a:hover, .footer a:active { color: rgb(239, 221, 173); } .footer .choosers { padding-right: 5px; float: right; overflow: hidden; zoom: 1; } .footer .choosers dt { display: none; } .footer .choosers dd { float: right; *display: inline; *float: none; *zoom: 1; } .footerLinks { padding-left: 5px; float: left; overflow: hidden; zoom: 1; } .footerLinks li { float: right; *display: inline; *float: none; *zoom: 1; } .footerLinks a.globalFeed { width: 14px; height: 14px; display: block; text-indent: -9999px; white-space: nowrap; background: url('https://static.arabsbook.com/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 5px 15px; text-align: center; } #copyright { color: rgb(100,100,100); float: right; } #legal { float: left; } #legal li { float: right; *display: inline; *float: none; *zoom: 1; margin-right: 10px; } @media (max-width:610px) { .Responsive .footerLinks a.globalFeed, .Responsive .footerLinks a.topLink, .Responsive .footerLinks a.homeLink { display: none; } .Responsive .footerLegal .debugInfo { clear: both; } } @media (max-width:480px) { .Responsive #copyright span { display: none; } } .breadBoxTop, .breadBoxBottom { padding:10px 0; overflow: hidden; zoom: 1; clear: both; box-sizing: border-box; } .breadBoxTop { } .breadBoxTop .topCtrl { margin-right: 5px; float: left; line-height: 24px; } .breadcrumb { font-size: 11px; background: rgb(254, 251, 234) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; border: 1px solid rgb(222, 202, 147); border-radius: 5px; overflow: hidden; zoom: 1; max-width: 100%; height: 24px; } .breadcrumb.showAll { height: auto; } .breadcrumb .boardTitle { display: none; } .breadcrumb .crust { display: block; float: right; position: relative; zoom: 1; max-width: 50%; } .breadcrumb .crust a.crumb { cursor: pointer; text-decoration: none; background-color: rgb(254, 251, 234); padding:0 18px 0 10px; margin-bottom: -1px; border-bottom: 1px solid rgb(222, 202, 147); outline: 0 none; -moz-outline-style: 0 none; display: block; _border-bottom: none; line-height: 24px; } .breadcrumb .crust a.crumb > span { display: block; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden; max-width: 100%; } .breadcrumb .crust:first-child a.crumb, .breadcrumb .crust.firstVisibleCrumb a.crumb { padding-right: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .breadcrumb .crust:last-child a.crumb { font-weight: bold; } .breadcrumb .crust .arrow { border: 12px solid transparent; border-left: 1px none black; border-right-color: rgb(222, 202, 147); -moz-border-left-colors: rgb(222, 202, 147); display: block; position: absolute; left: -12px; top: 0px; z-index: 50; width: 0px; height: 0px; } .breadcrumb .crust .arrow span { border: 12px solid transparent; border-left: 1px none black; border-right-color: rgb(254, 251, 234); -moz-border-left-colors: rgb(254, 251, 234); display: block; position: absolute; right: -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(239, 221, 173); } .breadcrumb .crust:hover .arrow span { border-right-color: rgb(239, 221, 173); } .breadcrumb .crust .arrow { /* hide from IE6 */ _display: none; } .breadcrumb .jumpMenuTrigger { background: transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat 0 0; margin:5px 5px 6px; display: block; float: left; white-space: nowrap; text-indent: 9999px; overflow: hidden; width: 13px; height: 13px; } @media (max-width:480px) { .Responsive .breadBoxTop.withTopCtrl { display: table; table-layout: fixed; width: 100%; } .Responsive .breadBoxTop.withTopCtrl nav { display: table-header-group; } .Responsive .breadBoxTop.withTopCtrl .topCtrl { display: table-footer-group; margin-top: 5px; text-align: left; } } #navigation .pageContent { height: 76px; position: relative; } #navigation .menuIcon { position: relative; font-size:18px; width: 16px; display: inline-block; text-indent: -9999px; } #navigation .PopupOpen .menuIcon:before, #navigation .navLink .menuIcon:before { zoom: 1; } #navigation .menuIcon:before { content: ""; font-size: 18px; position: absolute; top: 0.8em; right: 0; width: 16px; height: 2px; border-top: 6px double currentColor; border-bottom: 2px solid currentColor; } .navTabs { font-weight: bold; font-size: 13px; color: rgb(255, 255, 255); background: rgb(218, 121, 14) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/navigation-bg.gif') repeat-x; padding:0 25px; border-bottom: 1px solid rgb(106, 25, 0); height: 37px; } .navTabs .publicTabs { float: right; } .navTabs .visitorTabs { float: left; } .navTabs .navTab { float: right; white-space: nowrap; word-wrap: normal; *display: inline; *float: none; *zoom: 1; } /* ---------------------------------------- */ /* Links Inside Tabs */ .navTabs .navLink, .navTabs .SplitCtrl { color: rgb(255, 255, 255); background-image: url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/navigation-line.gif'); background-repeat: no-repeat; display: block; float: right; vertical-align: text-bottom; text-align: center; outline: 0 none; *float: none; *display: inline; *zoom: 1; height: 37px; line-height: 37px; } .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 { position: relative; } .navTabs .navTab.PopupClosed .navLink { color: rgb(222, 202, 147); } .navTabs .navTab.PopupClosed:hover { background-color: rgb(178, 42, 2); } .navTabs .navTab.PopupClosed .navLink:hover { color: rgb(254, 251, 234); } .navTabs .navTab.PopupClosed .arrowWidget { /* circle-arrow-down-light */ background-position: -64px 0; } .navTabs .navTab.PopupClosed .SplitCtrl { margin-right: -14px; width: 14px; } .navTabs .navTab.PopupClosed:hover .SplitCtrl { /* nav_menu_gadget, height: 17px */ background: transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -128px 11px; } /* ---------------------------------------- */ /* selected tab */ .navTabs .navTab.selected .navLink { position: relative; font-weight: bold; color: rgb(254, 251, 234); background: rgb(204, 80, 3) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/navigation-hover.gif') repeat-x; } .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(161, 45, 10); background: rgb(176, 44, 5) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top; border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; text-shadow: 1px 1px 2px white; } /* ---------------------------------------- */ /* Second Row */ .navTabs .navTab.selected .tabLinks { background: rgb(204, 80, 3) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/navigation-hover.gif') repeat-x; width: 100%; padding:0; border: none; overflow: hidden; zoom: 1; position: absolute; right: 0px; top: 39px; height: 37px; background-position: 0px -37px; *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0); } .navTabs .navTab.selected .blockLinksList { background: none; padding:0; border: none; margin-right: 8px; } .withSearch .navTabs .navTab.selected .blockLinksList { margin-left: 275px; } .navTabs .navTab.selected .tabLinks .menuHeader { display: none; } .navTabs .navTab.selected .tabLinks li { float: right; padding:2px 0; } .navTabs .navTab.selected .tabLinks a { font-size: 11px; color: rgb(254, 251, 234); padding:1px 10px; display: block; line-height: 31px; } .navTabs .navTab.selected .tabLinks .PopupOpen a { color: inherit; text-shadow: none; } .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus { color: rgb(161, 45, 10); text-decoration: none; background-color: rgb(239, 221, 173); padding:0 9px; border: 1px solid rgb(176, 44, 5); border-radius: 5px; text-shadow: 1px 1px 0px rgb(254, 251, 234); outline: 0; } .navTabs .navTab.selected .tabLinks .Popup a:hover, .navTabs .navTab.selected .tabLinks .Popup a:focus { color: inherit; background: none; border-color:transparent; border-radius: 0; text-shadow: none; } /* ---------------------------------------- */ /* Alert Balloons */ .navTabs .navLink .itemCount { font-weight: bold; font-size: 9px; color: white; background-color: #e03030; padding:0 2px; border-radius: 2px; position: absolute; left: 2px; top: -5px; line-height: 16px; min-width: 12px; _width: 12px; text-align: center; text-shadow: none; white-space: nowrap; word-wrap: normal; box-shadow: -2px 2px 5px rgba(0,0,0, 0.25); height: 16px; } .navTabs .navLink .itemCount .arrow { border: 3px solid transparent; border-top-color: #e03030; border-bottom: 1px none black; position: absolute; bottom: -3px; left: 4px; line-height: 0px; text-shadow: none; _display: none; /* Hide from IE6 */ width: 0px; height: 0px; } .navTabs .navLink .itemCount.Zero { display: none; } .navTabs .navLink .itemCount.ResponsiveOnly { display: none !important; } .NoResponsive #VisitorExtraMenu_Counter, .NoResponsive #VisitorExtraMenu_ConversationsCounter, .NoResponsive #VisitorExtraMenu_AlertsCounter { display: none !important; } /* ---------------------------------------- */ /* Account Popup Menu */ .navTabs .navTab.account .navLink { font-weight: bold; } .navTabs .navTab.account .navLink .accountUsername { display: block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; } #AccountMenu { width: 274px; } #AccountMenu .menuHeader { position: relative; } #AccountMenu .menuHeader .avatar { float: right; margin-left: 10px; } #AccountMenu .menuHeader .visibilityForm { margin-top: 10px; color: rgb(178, 42, 2); } #AccountMenu .menuHeader .links .fl { position: absolute; bottom: 10px; right: 116px; } #AccountMenu .menuHeader .links .fr { position: absolute; bottom: 10px; left: 10px; } #AccountMenu .menuColumns { overflow: hidden; zoom: 1; padding:2px; } #AccountMenu .menuColumns ul { float: right; 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: left; } #AccountMenu .statusPoster .submitUnit .statusEditorCounter { float: right; 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: left; 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(239, 221, 173); } .navPopup .listItem:last-child { border-bottom: none; } .navPopup .PopupItemLinkActive:hover { margin:0 -8px; padding:5px 8px; border-radius: 5px; background-color: rgb(239, 221, 173); cursor: pointer; } .navPopup .avatar { float: right; } .navPopup .avatar img { width: 32px; height: 32px; } .navPopup .listItemText { margin-right: 37px; } .navPopup .listItemText .muted { font-size: 9px; } .navPopup .unread .listItemText .title, .navPopup .listItemText .subject { font-weight: bold; } .navPopup .sectionFooter .floatLink { float: left; } @media (max-width:610px) { .Responsive .navTabs { padding-right: 10px; padding-left: 10px; } .Responsive .withSearch .navTabs .navTab.selected .blockLinksList { margin-left: 50px; } } @media (max-width:480px) { .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs) { display: none; } } #searchBar { position: relative; zoom: 1; z-index: 52; /* higher than breadcrumb arrows */ } #QuickSearchPlaceholder { position: absolute; left: 20px; top: -26.5px; display: none; border-radius: 5px; cursor: pointer; font-size: 11px; height: 16px; width: 16px; box-sizing: border-box; text-indent: -9999px; background: transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -144px 0px; overflow: hidden; } #QuickSearch { display: block; position: absolute; left: 20px; top: -18px; margin:0; background-color: rgb(255, 255, 255); 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); padding-bottom: 5px; } #QuickSearch .submitUnit .button { min-width: 0; } #QuickSearch input.button.primary { float: right; width: 110px; } #QuickSearch #commonSearches { float: left; } #QuickSearch #commonSearches .button { width: 23px; padding:0; } #QuickSearch #commonSearches .arrowWidget { margin:0; float: right; margin-right: 4px; margin-top: 4px; } #QuickSearch .moreOptions { display: block; margin:0 110px 0 24px; width: auto; } @media (max-width:610px) { .Responsive #QuickSearchPlaceholder { display: block; } .Responsive #QuickSearchPlaceholder.hide { visibility: hidden; } .Responsive #QuickSearch { display: none; } .Responsive #QuickSearch.show { display: block; } } /** move the header to the top again **/ #headerMover { position: relative; zoom: 1; } #headerMover #headerProxy { background-color: rgb(242, 239, 220); height: 236px; /* +2 borders */ } #headerMover #header { width: 100%; position: absolute; top: 0px; right: 0px; } /** Generic page containers **/ .pageWidth { margin:0; _width: 976px; _margin:0 auto; box-sizing: border-box; } .NoResponsive body { min-width: 976px; } #content .pageContent { background-color: rgb(255, 255, 255); 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: right; margin-left: -260px; width: 100%; } .mainContent { margin-left: 260px; } .sidebar { float: left; font-size: 11px; width: 250px; } /* visitor panel */ .sidebar .visitorPanel { overflow: hidden; zoom: 1; } .sidebar .visitorPanel h2 .muted { display: none; } .sidebar .visitorPanel .avatar { margin-left: 5px; float: right; 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-weight: bold; font-size: 10pt; color: rgb(87, 84, 71); background: rgb(244, 239, 210) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/heading-bg.gif') 50%; padding:5px; margin-bottom: 5px; border: 1px solid rgb(221, 215, 179); border-radius: 5px; } .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a { font-weight: bold; font-size: 10pt; color: rgb(87, 84, 71); } .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading { color: rgb(176, 44, 5); margin-top: 5px; } .sidebar .section .secondaryContent .minorHeading a { color: rgb(176, 44, 5); } /* list of users with 32px avatars, username and user title */ .sidebar .avatarList li { margin:5px 0; overflow: hidden; zoom: 1; } .sidebar .avatarList .avatar { margin-left: 5px; float: right; 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(204, 80, 3); } .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-left: 5px; margin-bottom: 5px; float: right; } .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 #f9bc6d; border-radius: 8px; text-align: center; line-height: 30px; 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: rgb(254, 251, 234); background: #e68c17 url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x center -7px; border-radius: 4px; display: block; text-shadow: 0px 0px 3px rgba(0,0,0, 0.5); } #SignupButton:hover .inner { text-decoration: none; background-color: #f9bc6d; } #SignupButton:active { box-shadow: -0 0 3px rgba(0,0,0, 0.2); /*position: relative; top: 2px;*/ } @media (max-width:800px) { .Responsive .mainContainer { float: none; margin-left: 0; width: auto; } .Responsive .mainContent { margin-left: 0; } .Responsive .sidebar { float: none; margin:0 auto; } .Responsive .sidebar .visitorPanel { display: none; } } @media (max-width:340px) { .Responsive .sidebar { width: 100%; } } /** Text used in message bodies **/ .messageText { font-weight: bold; font-size: 10pt; line-height: 1.4; } .messageText img, .messageText iframe, .messageText object, .messageText embed { max-width: 100%; } /** Link groups and pagenav container **/ .pageNavLinkGroup { display: table; *zoom: 1; table-layout: fixed; box-sizing: border-box; font-size: 11px; margin:10px 0; line-height: 16px; } opera:-o-prefocus, .pageNavLinkGroup { display: block; overflow: hidden; } .pageNavLinkGroup:after { content: ". ."; display: block; word-spacing: 99in; overflow: hidden; height: 0; font-size: 0.13em; line-height: 0; } .pageNavLinkGroup .linkGroup { float: left; } .linkGroup { } .linkGroup a { padding:3px 0; } .linkGroup a.inline { padding:0; } .linkGroup a, .linkGroup .Popup, .linkGroup .element { margin-right: 10px; display: block; float: right; *display: inline; *float: none; *zoom: 1; } .linkGroup .Popup a { margin-right: -2px; margin-left: -5px; *margin-right: 10px; padding:3px 5px; } .linkGroup .element { padding:3px 0; } /** Call to action buttons **/ a.callToAction { background: rgb(222, 202, 147) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x center top; padding:2px; border: 1px solid rgb(222, 202, 147); border-radius: 6px; display: inline-block; line-height: 20px; box-shadow: -1px 1px 5px rgba(0,0,0, 0.15); outline: 0 none; vertical-align: top; height: 20px; } a.callToAction span { font-weight: bold; font-size: 11px; font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; color: rgb(254, 251, 234); background: rgb(204, 80, 3) url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x center -8px; padding:0 15px; border-radius: 3px; display: block; /*text-shadow: 0px 0px 3px rgb(178, 42, 2);*/ } a.callToAction:hover { text-decoration: none; } a.callToAction:hover span { background-color: rgb(176, 44, 5); } a.callToAction:active { /*position: relative; top: 2px;*/ } a.callToAction:active span { background-color: rgb(178, 42, 2); } /*********/ .avatarHeap { overflow: hidden; zoom: 1; } .avatarHeap ol { margin-left: -4px; margin-top: -4px; } .avatarHeap li { float: right; margin-left: 4px; margin-top: 4px; } .avatarHeap li .avatar { display: block; } /*********/ .fbWidgetBlock .fb_iframe_widget, .fbWidgetBlock .fb_iframe_widget > span, .fbWidgetBlock .fb_iframe_widget iframe { width: 100% !important; } /*********/ .tagBlock { margin:10px 0; font-size: 11px; } .tagList, .tagList li { display: inline; } .tagList .tag { position: relative; display: inline-block; background: rgb(254, 251, 234); margin-right: 9px; height: 14px; line-height: 14px; padding:1px 6px 1px 4px; border: 1px solid rgb(222, 202, 147); border-right: none; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; color: rgb(178, 42, 2); font-size: 11px; margin-bottom: 2px; } .tagList .tag:hover { text-decoration: none; background-color: rgb(239, 221, 173); } .tagList .tag .arrow { position: absolute; display: block; height: 2px; width: 0; right: -9px; top: -1px; border-style:solid; border-width:8px 0 8px 9px; border-color:transparent; border-left-color: rgb(222, 202, 147); } .tagList .tag .arrow:after { content: ''; position: absolute; display: block; height: 2px; width: 0; right: 1px; top: -7px; border-style:solid; border-width:7px 0 7px 8px; border-color:transparent; border-left-color: rgb(254, 251, 234); } .tagList .tag:hover .arrow:after { border-left-color: rgb(239, 221, 173); } .tagList .tag:after { content: ''; position: absolute; right: -2px; top: 6px; display: block; height: 3px; width: 3px; border-radius: 50%; border: 1px solid rgb(222, 202, 147); background: rgb(255, 255, 255); } /* User name classes */ .username .style26 { color: #DF4D10; } .username .style20 { color: #5F9EA0; } .username .style42 { color: #0c0b0c; } .username .style25 { color: #00bbff; } .username .style34 { color: #560854; } .username .style13 { color: #37b3b2; } .username .style24 { color: #3d3737; } .username .style19 { color: #8800ff; } .username .style36 { color: #4aa37e; } .username .style3 { color: #ff0000; } .username .style10 { color: #ff0088; } .username .style8 { color: Orange; } .username .style5 { color: blue; } .username .style44 { color: #d6ae7b; } .username .style4 { color: green; } .username .style12 { color: #B0B060; } .username .style11 { color: #41627e; } .username .banned { text-decoration: line-through; } .prefix { background: transparent url('https://static.arabsbook.com/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; display: inline-block; } a.prefixLink:hover { text-decoration: none; } a.prefixLink:hover .prefix { color: rgb(178, 42, 2); text-decoration: none; background-color: rgb(254, 251, 234); padding:0 6px; border: 1px solid rgb(222, 202, 147); } .prefix a { color: inherit; } .prefix.prefixPrimary { color: rgb(178, 42, 2); background-color: rgb(239, 221, 173); border-color:rgb(239, 221, 173); } .prefix.prefixSecondary { color: #8f6c3f; background-color: #f9d9b0; border-color:#f9d9b0; } .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: 16px; font-weight: normal; } h1 .prefix { font-size: 80%; margin:0; line-height: 16px; 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; display: inline; color: inherit; } .userBanner { font-size: 11px; background: transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding:1px 5px; border: 1px solid transparent; border-radius: 3px; box-shadow: -1px 1px 3px rgba(0,0,0, 0.25); text-align: center; } .userBanner.wrapped { border-top-left-radius: 0; border-top-right-radius: 0; position: relative; } .userBanner.wrapped span { top: -4px; width: 5px; height: 4px; background-color: inherit; } .userBanner.wrapped span.before { border-top-right-radius: 3px; right: -1px; } .userBanner.wrapped span.after { border-top-left-radius: 3px; left: -1px; } .userBanner.bannerHidden { background: none; box-shadow: none; border: none; } .userBanner.bannerHidden.wrapped { margin-right: 0; margin-left: 0; } .userBanner.bannerHidden.wrapped span { display: none; } .userBanner.bannerStaff { color: rgb(178, 42, 2); background-color: rgb(239, 221, 173); border-color:rgb(222, 202, 147); } .userBanner.bannerStaff.wrapped span { background-color: rgb(222, 202, 147); } .userBanner.bannerPrimary { color: rgb(178, 42, 2); background-color: rgb(239, 221, 173); border-color:rgb(222, 202, 147); } .userBanner.bannerPrimary.wrapped span { background-color: rgb(222, 202, 147); } .userBanner.bannerSecondary { color: #8f6c3f; background-color: #f9d9b0; border-color:#f9d9b0; } .userBanner.bannerSecondary.wrapped span { background-color: #f9d9b0; } .userBanner.bannerRed { color: white; background-color: red; border-color:#F88; } .userBanner.bannerRed.wrapped span { background-color: #F88; } .userBanner.bannerGreen { color: white; background-color: green; border-color:green; } .userBanner.bannerGreen.wrapped span { background-color: green; } .userBanner.bannerOlive { color: black; background-color: olive; border-color:olive; } .userBanner.bannerOlive.wrapped span { background-color: olive; } .userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color:lightgreen; } .userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; } .userBanner.bannerBlue { color: white; background-color: blue; border-color:#88F; } .userBanner.bannerBlue.wrapped span { background-color: #88F; } .userBanner.bannerRoyalBlue { color: white; background-color: royalblue; border-color:#81A9E1; } .userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; } .userBanner.bannerSkyBlue { color: black; background-color: skyblue; border-color:skyblue; } .userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; } .userBanner.bannerGray { color: black; background-color: gray; border-color:#AAA; } .userBanner.bannerGray.wrapped span { background-color: #AAA; } .userBanner.bannerSilver { color: black; background-color: silver; border-color:silver; } .userBanner.bannerSilver.wrapped span { background-color: silver; } .userBanner.bannerYellow { color: black; background-color: yellow; border-color:#E0E000; } .userBanner.bannerYellow.wrapped span { background-color: #E0E000; } .userBanner.bannerOrange { color: black; background-color: orange; border-color:#FFC520; } .userBanner.bannerOrange.wrapped span { background-color: #FFC520; } .bottomFixer { position: fixed; right: 0; left: 0; bottom: 0; z-index: 800; pointer-events: none; } .bottomFixer > * { pointer-events: auto; } @media (max-width:800px) { .Responsive .pageWidth { } .Responsive #content .pageContent { padding-right: 10px; padding-left: 10px; } } @media (max-width:610px) { .Responsive .pageWidth { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .Responsive .forum_view #pageDescription, .Responsive .thread_view #pageDescription { display: none; } } @media (max-width:480px) { .Responsive .pageWidth { } .Responsive .pageNavLinkGroup .PageNav, .Responsive .pageNavLinkGroup .linkGroup { clear: left; } } #logoBlock {margin-top: 50px;} #navigation {position: absolute; top:5px; width: 100%;} #navigation .navTabs, .navTabs .navLink, .navTabs .SplitCtrl {height: 43px;} #navigation .navTabs a.navLink {color: #fff; line-height: 43px;} #navigation .navTabs .navTab.selected .tabLinks, #navigation .navTabs .visitorTabs .navTab.selected .tabLinks {top: 160px;} #navigation .navTabs .tabLinks {height: 37px; background: url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/categories-bg.gif')} #navigation .navTabs .navTab.selected .SplitCtrl {background: url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/navigation-line.gif') no-repeat; width: 2px; display: block;} #logo {float: right;} #logo img {vertical-align: top; margin-right: 5px; float: right;} .adInHeader {float: left;} #facebookPage {position: absolute; left: 0; top: 50px; z-index:1000; line-height: normal; padding:0; margin:0; display: block; float: left; width: 32px; height: 32px; margin-left: 10px; background: url('https://static.arabsbook.com/forum/styles/default/xenforo/icons/facebook-icon.png') no-repeat 0;} /* sidebar */ .sidebar .section .secondaryContent {border: 1px solid #f9d9b0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; background: rgb(254, 251, 234);} .sidebar .section.widget-tabs h3 {background: none; padding:3px; border: 0} /* attachments */ .globalAttachment {background: transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/icons/attach.png') no-repeat; width: 48px; height: 48px;} .pdfAttachment {background-position: 0 0} .rarAttachment {background-position: 0 -48px} .zipAttachment {background-position: 0 -97px} .txtAttachment {background-position: 0 -148px} /* notice */ .mynotice img {float: right; margin-left: 10px;} #Notices .Notice a {font-weight: bold;} .navPopup .PopupItemLinkActive:hover {background-color: #f9d9b0;} /* footer */ .wrapperXfSite {background-color:rgb(239, 221, 173); } #content .pageWidth {min-height:450px !important } .footerXfSite {direction: rtl; border-top:5px solid #43000d; background-color:rgb(178, 42, 2); overflow:hidden; font-size:11px; margin-top:25px; padding-bottom:50px; padding-top:10px } .footerXfSite, .footerXfSite a {color:rgb(254, 251, 234)} .footerXfSite .content {margin:10px 0; background:url(rgba.php?r=180&g=67&b=32&a=58); background:url(rgba.php?r=180&g=67&b=32&a=102); background:rgba(180, 67, 32, 0.4); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66B44320,endColorstr=#66B44320); _filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#662B485C,endColorstr=#662B485C); border:1px solid #c85d3d; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; overflow:hidden; zoom:1} .footerXfSite .logo {display:block; margin-right: -8px; float: right;} .footerXfSite .logo img {display:block; padding:7px 10px} .footerXfSite .strapline {display:none; font-size:10px; font-weight:bold; margin-top: -5px} .footerXfSite .sales {display:block; text-align:center} .footerXfSite .buyCta {display:inline-block; border:solid 2px #176093; box-shadow:-2px 2px 5px #032A46; -webkit-box-shadow:-2px 2px 5px #032A46; -moz-box-shadow:-2px 2px 5px #032A46; -khtml-box-shadow:-2px 2px 5px #032A46; padding:1px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -khtml-border-radius:7px; margin:7px auto; width:150px; text-align:center} .footerXfSite .buyCta .inner {display:block;background:#176093 url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x center -7px; color:#d7edfc;height:20px; line-height:20px; padding:5px 0; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; font-size:14px; font-weight:bold} .footerXfSite .buyCta:hover {text-decoration:none; border-color:#d7edfc} .footerXfSite .buyCta:hover .inner {background-color:#65a5d1; color:#f0f7fc; text-shadow:0 0 0 transparent, 0 1px 3px #032A46} .footerXfSite .social {float:left; padding:5px 10px; height:64px; width:112px} .footerXfSite .social a {display:block; margin-bottom:8px; line-height:16px; padding-left:20px; background:transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/forum-footer.png') no-repeat left 0px; text-align:left} .footerXfSite .social a.twitter {background-position:left -16px} .footerXfSite .content {overflow:hidden; zoom:1; padding:2px 5px} .footerXfSite .links.left {float:right;} .footerXfSite .links.right {float:left;} .footerXfSite .links a, .footerXfSite .links label {display:block;float:right} .footerXfSite .salesLink {display:inline-block; width:110px} .footerXfSite .salesLink.left {text-align:left} .footerXfSite .salesLink.right {text-align:right} .footerXfSite .links a, .footerXfSite .links label, .footerXfSite .salesLink {padding:3px 5px} .footerXfSite .links a[href]:hover, .footerXfSite .links label:hover, .footerXfSite .salesLink:hover {text-decoration:none; background-color:#176093; color:#d7edfc; border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px; -khtml-border-radius:3px} .xenTooltip.social {width:110px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box} .xenTooltip.social .arrow{right:auto;left:9px} /* discussionList */ li.discussionListItem {background-color: rgb(254, 251, 234);} /* thread_view */ .threadSource {font-size: small} /* profile */ .messageSimple .messageContent .username {float: right; margin-left: 10px; } /* sub-forum */ li.node, #forums .nodeInfo {background-color: rgb(254, 251, 234);} .mysubforums {margin-right: 30px; overflow: hidden;} .mysubforums li {float: right; padding:0 10px; border-left: 1px solid rgb(222, 202, 147);} .mysubforums li:last-child {border-left: none;} .mysubforums li a {font-size: 13px;} .nodeInfo {border-bottom: 1px solid #000;} #forums .node .subForumList li {width: 100%} /* accountSideBar */ .accountSideBar .primaryContent {font-size: 13px} /* toolbar */ .redactor_toolbar li a.redactor_btn_hide, .redactor_toolbar li a.redactor_btn_hide:hover { background-image: url('https://static.arabsbook.com/forum/styles/default/xenforo/editor/hide.gif'); background-repeat: no-repeat; background-position: -7px 0; width: 30px;} /* userinfo */ .extraUserInfo .pairsJustified {background: #fff; border: 1px #000 dotted; padding:2px; overflow:hidden;} .extraUserInfo .pairsJustified dt, .extraUserInfo .pairsInline dd {float:right; width:45%; } .extraUserInfo .pairsJustified dd {width:50%; font-weight:normal; font-size: 10px;} .messageUserInfo .avatarHolder a {text-align: center; margin-right: 10px;} .signature fieldset{border:1px solid #947C6C;padding:5px;-moz-border-radius:0px} /* nodelist */ #forums.nodeList.sectionMain {border: 0;} .nodeList.sectionMain .category {border: 1px solid rgb(222, 202, 147); border-radius: 10px; padding:10px;} #forums .secondaryContent {border: 0;} /* categories tab */ #navigation .tabLinks {overflow: visible} #navigation #categories > a {max-width: 60px; position:relative; color:rgb(161, 45, 10)} #navigation #categories:hover > ul {display: block;} #navigation #categories > ul > li:hover > ul {display: block;} #navigation #categories ul {position:absolute; z-index:2000; display: none} #navigation #categories ul li {position:relative; display: block; float: none; background: transparent url('https://static.arabsbook.com/forum/styles/default/xenforo/gradients/back-navi.png') repeat; margin:0} #navigation #categories ul li a {border: 1px solid #333; color: #fff; padding:5px 20px; font-size:medium; font-weight:bold; text-shadow: none;} #navigation #categories ul li a:hover {background-color: rgb(222, 202, 147); color: rgb(106, 25, 0); padding:5px 20px; text-shadow: none; background-image: none;} #navigation #categories ul ul {top:0; right:100%} /* thread_view */ #messageList .subHeading {-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin:0; height: 13px; line-height: 13px;} #messageList .subHeading .datePermalink {float: right;} #messageList .subHeading .postNumber {float: left; color:rgb(178, 42, 2)} #QuickReply .textCtrl {font-family: 'Droid Arabic Kufi', serif;} @media (max-width: 480px) { #Notices .scrollContainer, #Notices .navContainer { display: none; } } @media (max-width:800px) { .AdorikaMobile {display: none;} } .userBanner.bannerLightBlue { color: black; background-color: #00bbff; border-color:#00bbff; } .userBanner.bannerLightBlue.wrapped span { background-color: #00bbff; } .userBanner.bannerOil { color: black; background-color: #5F9EA0; border-color:#5F9EA0; } .userBanner.bannerOil.wrapped span { background-color: #5F9EA0; } .userBanner.bannerTurquoise { color: black; background-color: #37b3b2; border-color:#37b3b2; } .userBanner.bannerTurquoise.wrapped span { background-color: #37b3b2; } .userBanner.bannerViolet { color: White; background-color: #8800ff; border-color:#8800ff; } .userBanner.bannerViolet.wrapped span { background-color: #8800ff; } .userBanner.bannerBoldPink { color: White; background-color: #ff0088; border-color:#ff0088; } .userBanner.bannerBoldPink.wrapped span { background-color: #ff0088; } .userBanner.bannerBoldOil { color: White; background-color: #2F4F4F; border-color:#2F4F4F; } .userBanner.bannerBoldOil.wrapped span { background-color: #2F4F4F; } .userBanner.bannerOlive { color: black; background-color: #B0B060; border-color:#B0B060; } .userBanner.bannerOlive.wrapped span { background-color: #B0B060; } .userBanner.bannerDarkRed { color: White; background-color: #560854; border-color:#560854; } .userBanner.bannerDarkRed.wrapped span { background-color: #560854; } .userBanner.bannerBlack { color: White; background-color: #000000; border-color:#000000; } .userBanner.bannerBlack.wrapped span { background-color: #000000; } .userBanner.bannerSkyblue4 { color: White; background-color: #000000; border-color:#000000; } .userBanner.bannerSkyblue4.wrapped span { background-color: #000000; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } .nodeList .node_202 .nodeTitle a { color: red; } .ads336block {width: 336px; height: 280px;} .ads970block { width: 300px; height: 250px; margin:auto;} @media(min-width: 500px) { .ads970block { width: 336px; height: 280px; } } @media(min-width: 800px) { .ads970block { width: 728px; height: 90px; } } @media(min-width: 1200px) { .ads970block { width: 970px; height: 90px; } } .LikeText:before { content: "\2665 \0020"; color: #FF0000; font-size: 1.5em; margin:0 2px 0 0; } ............................................... /*الاكواد المستخدمه لاضافة ايقونات الى شريط المجموعات by-abu_somaia */ .userBanner.bannerGreen:before { content: "\f2b5"; font-family: FontAwesome; padding-left:7px; color :black; } /*الاكواد المستخدمه لاضافة ايقونات الى شريط المجموعات by-abu_somaia ... نهاية الاكواد */ ............................................... .gsc-control-cse.gsc-control-cse-en {padding:0 !important;} #QuickSearch .controlsWrapper {display:none !important;} /* SmallZyzo */ #SmallZyzo {} #SmallZyzo a {font-size: 15px; width:140px; height: 50px; display: inline-block; line-height: 50px; font-weight: bold; margin:0; padding:0; text-decoration: none; overflow: hidden;}