body { background: #f7f7f7 url(../../../images/duende_v3_local/hdbg1.jpg) top left repeat-x; color: #333; text-align: center; line-height: 1.4; margin: 0; overflow-y: scroll; font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif; font-size: 16px; } dl, ol, ul { margin-top: 0; } a:link { color: #b52d3d; text-decoration: none; } a:visited { color: #b52d3d; text-decoration: none; } a:hover, a:active { color: #222328; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .wrapper { margin: auto auto; } #logo { padding: 10px 0; } #content { background: #f8f6f6; width: auto !important; color: #333; padding: 10px 10px; overflow: hidden; border: 1px solid #e1e1e1; -moz-border-radius: .25rem; -webkit-border-radius: .25rem; border-radius: .25rem; -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; -moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif; font-size: 14px; } #header ul.menu { margin: 0; padding: 0; list-style: none; } #header ul.menu li { margin: 0 7px; display: inline; } #header ul.menu li a { padding-left: 20px; background-image: url(../../../images/headerlinks_sprite.png); background-repeat: no-repeat; display: inline-block; line-height: 16px; } #logo ul.top_links { font-weight: bold; text-align: right; margin: -10px 5px 0 0; } #logo ul.top_links a.search { background-position: 0 0; } #logo ul.top_links a.memberlist { background-position: 0 -20px; } #logo ul.top_links a.calendar { background-position: 0 -40px; } #logo ul.top_links a.help { background-position: 0 -60px; } #logo ul.top_links a.portal { background-position: 0 -180px; } #panel .upper a.logout { font-weight: bold; background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat; padding-right: 20px; margin-left: 10px; } #panel .upper a.login, #panel .upper a.lost_password { background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat; padding-left: 20px; margin-left: 10px; font-weight: bold; } #panel .upper a.register { background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat; padding-right: 20px; margin-left: 10px; font-weight: bold; } #panel .lower ul.panel_links { float: left; } #panel .lower ul.panel_links a.usercp { background-position: 0 -120px; } #panel .lower ul.panel_links a.modcp { background-position: 0 -140px; } #panel .lower ul.panel_links a.admincp { background-position: 0 -160px; } #panel .lower ul.user_links { float: right; } #panel .lower ul.user_links li a { padding: 0; background-image: none; } #panel .upper { background: #0f0f0f url(../../../images/tcat.png) repeat-x; color: #fff; border-top: 1px solid #444; border-bottom: 1px solid #000; padding: 7px; clear: both; } #panel .upper a:link, #panel .upper a:visited, #panel .upper a:hover, #panel .upper a:active { color: #fff; } #panel .lower { background: #efefef; color: #999; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 5px; } #panel .lower a:link, #panel .lower a:visited, #panel .lower a:hover, #panel .lower a:active { color: #666; } #search { border: 0; padding: 0; margin: 0; float: right; vertical-align: middle; } #search input.button, #search input.textbox { border-color: #000; } #search input.button { background: #0066a2 url(../../../images/thead.png) top left repeat-x; color: #fff; } #search input { margin: -3px 0; } #quick_login .remember_me input { vertical-align: middle; margin: -3px 0 0 5px; } #footer { clear: both; } #footer ul.menu { margin: 0; padding: 0; list-style: none; } #footer ul.menu li { margin: 0 5px; display: inline; } #footer .upper { background: #efefef; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 6px; overflow: hidden; font-size: 14px; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #999; } #footer .upper .language { float: right; margin: -1px; margin-left: 15px; } #footer .upper .language select { border-color: #ccc; } #footer .upper .theme { float: right; margin: -1px; margin-left: 15px; } #footer .upper .theme select { border-color: #ccc; } #footer .upper ul.bottom_links { float: left; margin: 4px 0 0 0; } #footer .lower { color: #666; padding: 6px 6px 12px 6px; overflow: hidden; font-size: 14px; } #footer .lower a:link, #footer .lower a:visited { color: #999; font-weight: bold; } #footer .lower a:hover, #footer .lower a:active { color: #333; text-decoration: none; font-size: 14px; font-weight: bold; } #footer .lower #current_time { color: #999; float: right; } #debug { color: #6c6c6c; float: center; text-align: center; margin-top: 5px; text-shadow: 1px 1px 0px #fff; font-size: 14px; font-style: normal; } .scaleimages img { max-width: 100%; } .forum_status { height: 50px; width: 50px; text-align: center; padding: 1px 2px; font-size: 22px; } .forum_status i { display: inline-block; line-height: 50px; } .forum_on { color: #b23636; text-shadow: 1px 1px 0px #fff; } .forum_off, .forum_offlock, .forum_offlink { color: #333; text-shadow: 1px 1px 0px #fff; } .forum_off i { color: #31383f; text-shadow: 1px 1px 0px #fff; } .forum_offlock i:before { content: "\f05e"; color: #adadad; text-shadow: 1px 1px 0px #fff; } .forum_offlink i:before { content: "\f079"; text-shadow: 1px 1px 0px #fff; } .subforumicon { height: 10px; width: 10px; display: inline-block; margin: 0 5px; background: url(../../../images/mini_status_sprite.png) no-repeat 0 0; } .subforum_minion { background-position: 0 0; } .subforum_minioff { background-position: 0 -10px; } .subforum_miniofflock { background-position: 0 -20px; } .subforum_miniofflink { background-position: 0 -30px; } table { color: #212529; font-size: 15px; } .tborder { background: #fff; width: 100%; margin: auto auto; border: 1px solid #e4e6e9; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .tfixed { table-layout: fixed; word-wrap: break-word; } .thead { background: #324e66 url(../../../images/duende_v3_local/thead3.jpg) top left repeat; color: #ffffff; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 4px, inset #3d6485 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #3d6485 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #3d6485 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #1a2936; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 0px #284260; padding: 10px; } .thead a:link { color: #ffffff; text-decoration: none; } .thead a:visited { color: #ffffff; text-decoration: none; font-size: 12px; } .thead a:hover, .thead a:active { color: #fff; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .tcat_menu { background: #324e66 url(../../../images/duende_v3_local/thead3.jpg) top left repeat; color: #ffffff; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 4px, inset #3d6485 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #3d6485 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #3d6485 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #1a2936; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 0px #284260; padding: 10px; } .tcat_menu a:link { color: #ffffff; text-decoration: none; } .tcat_menu a:visited { color: #ffffff; text-decoration: none; font-size: 12px; } .tcat_menu a:hover, .tcat_menu a:active { color: #fff; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .tcat { background: #fff; color: #999999; border-bottom: 1px dashed #e7e6e6; padding: 10px; padding: 6px; font-size: 12px; } .tcat a:link { color: #999999; } .tcat a:visited { color: #999999; } .tcat a:hover, .tcat a:active { color: #999999; } .trow1 { background: #fff; color: #646464; padding: 10px; text-shadow: 0px 1px #FFFFFF; border-top: 1px dashed #e7e6e6; } .trow2 { background: #fff; color: #646464; padding: 10px; text-shadow: 0px 1px #FFFFFF; border-top: 1px dashed #e7e6e6; } .tborder3 { width: 100%; margin: auto auto; padding: 0px; text-shadow: 1px 1px 0 #FFFFFF; } .trow_shaded { background: #f5f5f5; } .no_bottom_border { border-bottom: 0; } .post.unapproved_post { background: #ffdde0; } .post.unapproved_post .post_author { border-bottom-color: #ffb8be; } .post.classic.unapproved_post .post_author { border-color: #ffb8be; } .post.unapproved_post .post_controls { border-top-color: #ffb8be; } .trow_deleted, .post.deleted_post { background: #f5f5f5; opacity: .4; border: 1px solid #e4e6e9; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .trow_selected, tr.trow_selected td { background: #FFFBD9; color: #333; border-right-color: #F7E86A; border-bottom-color: #F7E86A; } .trow_selected a:link, .trow_selected a:visited, .trow_selected a:hover, .trow_selected a:active { color: #333; } .trow_sep { background: #324e66 url(../../../images/duende_v3_local/thead3.jpg) top left repeat-x; color: #fff; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 4px, inset #3d6485 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #3d6485 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #3d6485 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #1a2936; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 0px #284260; padding: 10px; font-size: 14px; font-weight: bold !important; } .trow_sep a:hover, a:active, .usercontainer a:hover, a:active { color: #e32020; !important; } .tfoot { background: #324e66 url(../../../images/duende_v3_local/sep.jpg) top left repeat-x; color: #fff; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 4px, inset #3d6485 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #3d6485 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #3d6485 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #1a2936; -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; text-shadow: 1px 1px 0px #284260; -moz-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; padding: 8px; font-size: 14px; } .tfoot a:link { color: #fff; text-shadow: 1px 1px #284260; text-decoration: none; } .tfoot a:visited { color: #fff; text-shadow: 1px 1px #284260; text-decoration: none; } .tfoot a:hover, .tfoot a:active { color: #fff; text-shadow: 1px 1px #284260; text-decoration: none; } .thead input.textbox, .thead select { border: 1px solid #263c30; font-size: 14px; } .bottommenu { background: #efefef; color: #333; border: 1px solid #4874a3; padding: 10px; } .navigation { background: #b23636; color: #fff; border: 1px solid #882929; text-shadow: 1px 1px 0px #882929; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #cc3d3d 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #cc3d3d 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #cc3d3d 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 30px; line-height: 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 0px 10px; white-space: nowrap; overflow-x: auto; font-size: 13px; font-style: normal; } .navigation a:link { color: #fff; text-shadow: 1px 1px 0px #882929; text-decoration: none; font-size: 13px; } .navigation a:visited { color: #fff; text-shadow: 1px 1px 0px #882929; text-decoration: none; font-size: 13px; } .navigation a:hover, .navigation a:active { color: #ccc; text-shadow: 1px 1px 0px #882929; text-decoration: none; font-size: 13px; } .navigation .active { color: #fff; text-shadow: 1px 1px 0px #882929; font-size: 13px; font-style: normal; } .smalltext { font-size: 14px; } .largetext { font-size: 14px; font-weight: bold; } fieldset { background: #fff; color: #333; padding: 12px; border: 1px solid #ccc; text-shadow: 1px 1px #fff; -moz-box-shadow: 0 1px 2px 0 #eee; -webkit-box-shadow: 0 1px 2px 0 #eee; box-shadow: 0 1px 2px 0 #eee; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; margin: 0; font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif; } fieldset.trow1, fieldset.trow2 { background: #fff; border: 1px solid #e4e6e9; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } fieldset.align_right { text-align: right; } input.textbox { background: #ffffff; color: #333; border: 1px solid #ccc; padding: 2px; line-height: 1.4; outline: 0; -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; -webkit-text-fill-color: #646464 !important; box-shadow: inset 2px 3px 3px rgba(0,0,0,0.07); box-sizing: border-box; border: 1px #e2e2e2 solid; font-size: 14px; } textarea { background: #ffffff; color: #333; border: 1px solid #ccc; padding: 5px; width: 450px; line-height: 1.4; outline: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; -webkit-text-fill-color: #646464 !important; box-shadow: inset 2px 3px 3px rgba(0,0,0,0.07); box-sizing: border-box; border: 1px #e2e2e2 solid; font-size: 14px; } @media (max-width: 750px) { textarea { width: 300px !important; } } select { background: #ffffff; padding: 3px; border: 1px solid #ccc; outline: 0; font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif; font-size: 14px; } button, input.button { background: #161617 url(../../../images/duende_v3_local/button.jpg) top left repeat-x; color: #fff; border: 1px solid #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 5px 10px; cursor: pointer; outline: 0; font-size: 13px; } button:hover, input.button:hover { color: #ddd; -moz-transition: all 0ms ease 0s; -webkit-transition: all 0ms ease 0s; -o-transition: all 0ms ease 0s; -ms-transition: all 0ms ease 0s; } form { margin: 0; padding: 0; } input.error, textarea.error, select.error { border: 1px solid #f30; color: #f30; } input.valid, textarea.valid, select.valid { border: 1px solid #0c0; } label.error { color: #f30; margin: 5px; padding: 0px; display: block; font-weight: bold; font-size: 11px; } form #message { width: 500px; } .editor { background: #f1f1f1; border: 1px solid #ccc; } .editor_control_bar { background: #fff; border: 1px solid #ccc; } .post .editor_control_bar { background: #f5f5f5; } .popup_menu { background: #fff; color: #646464; border: 1px solid #fff; padding: 10px; -webkit-box-shadow: 0px 15px 34px rgba(0,0,0,0.2); -moz-box-shadow: 0px 15px 34px rgba(0,0,0,0.2); box-shadow: 0px 15px 34px rgba(0,0,0,0.2); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .popup_menu .popup_item { background: #fff; color: #646464; } .popup_menu .popup_item:hover { color: #124060; } .trow_reputation_positive { background: #ccffcc; } .trow_reputation_negative { background: #ffcccc; } .reputation_positive { color: green; } .reputation_neutral { color: #444; } .reputation_negative { color: red; } .repbox { font-size:16px; font-weight: bold; padding:5px 7px 5px 7px; } ._neutral { background-color:#FAFAFA; color: #999999; border:1px solid #CCCCCC; } ._minus { background-color: #FDD2D1; color: #CB0200; border:1px solid #980201; } ._plus { background-color:#E8FCDC; color: #008800; border:1px solid #008800; } img { border: none; } img.attachment { border: 1px solid #E9E5D7; padding: 2px; } hr { background-color: #000000; color: #000000; height: 1px; border: 0px; } .clear { clear: both; } .float_left { float: left; } .float_right { float: right; } .hidden { display: none; float: none; width: 1%; } .hiddenrow { display: none; } .selectall { background: #FFFBD9; border-bottom: 1px solid #F7E86A; color: #333; text-align: center; } .expcolimage { float: right; width: auto; vertical-align: middle; margin-top: 3px; } .tcat_menu > .expcolimage { margin-top: 0; } blockquote { background: #f1f5f8; color: #646464; border: 1px solid #f1f5f8; margin: 0; padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-left: 4px solid #214f7e; } blockquote cite { color: #646464; border-bottom: 1px solid #f1f5f8; display: block; padding-bottom: 3px; margin: 0 0 10px 0; font-style: normal; font-weight: bold; } blockquote cite span { color: #646464; float: right; font-size: 13px; font-weight: normal; } blockquote cite span.highlight { color: #646464; float: none; padding-bottom: 0; font-weight: bold; } .codeblock { background: #e6eaec; color: #646464; border: 1px solid #e6eaec; padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-left: 4px solid #3d8c40; font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif; font-size: 14px; } .codeblock .title { color: #646464; border-bottom: 1px solid #e6eaec; padding-bottom: 3px; margin: 0 0 10px 0; font-weight: bold; } .codeblock code { color: #646464; overflow: auto; height: auto; max-height: 200px; display: block; font-size: 14px; } .smilie { vertical-align: middle; } .smilie_pointer { cursor: pointer; } .separator { margin: 5px; padding: 0; height: 0px; font-size: 1px; list-style-type: none; } .popup_menu .popup_item_container { margin: 1px; text-align: left; text-shadow: 0px 0px 0px; } .popup_menu .popup_item { display: block; padding: 4px; white-space: nowrap; text-decoration: none; } .popup_menu a.popup_item:hover { text-decoration: none; } .subject_new, .subject_old { font-weight: bold; } .highlight { background: #FFFFCC; padding-top: 3px; padding-bottom: 3px; } .pm_alert { background: #d38f06; color: #fff; text-align: center; padding: 5px 20px; margin-bottom: 15px; border: 1px solid #d57a07; text-shadow: 1px 1px 0px #424242; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 2px, inset #f9ae4f 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 2px, inset ##f9ae4f 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 2px, inset #f9ae4f 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; } .pm_alert a:link, .pm_alert a:visited, .pm_alert a:hover, .pm_alert a:active { color: #ffeef4; text-shadow: 1px 1px 0px #3a0004; font-size: 13px; } .red_alert { text-align: center; padding: 5px 20px; margin-bottom: 15px; word-wrap: break-word; background: #b23636; border: 1px solid #882929; text-shadow: 1px 1px 0px #882929; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #cc3d3d 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #cc3d3d 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #cc3d3d 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; font-size: 13px; } .red_alert a:link, .red_alert a:visited, .red_alert a:hover, .red_alert a:active { color: #fff; text-shadow: 1px 1px 0px #882929; } .high_warning { color: #CC0000; } .moderate_warning { color: #F3611B; } .low_warning { color: #AE5700; } .online { color: #15A018; } .offline { color: #C7C7C7; } div.error { padding: 5px 10px; border-top: 2px solid #FFD324; border-bottom: 2px solid #FFD324; background: #FFF6BF; font-size: 13px; } div.error p { margin: 0; color: #333; font-weight: normal; } div.error p em { font-style: normal; font-weight: bold; padding-left: 24px; display: block; color: #C00; background: url(../../../images/error.png) no-repeat 0; } div.error ul { margin-left: 24px; } .pagination { font-size: 11px; padding-top: 10px; margin-bottom: 5px; } .tfoot .pagination, .tcat .pagination { color: #fff; padding-top: 0; font-size: 13px; } .pagination .pages { font-weight: bold; color: #333; } .pagination .pagination_current, .pagination a { background: #fff; color: #a599a5; border: 1px solid #e5e5e5; padding: 4px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pagination a { background: #fff; color: #a599a5; border: 1px solid #e5e5e5; padding: 4px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pagination .pagination_current { background: #2a2a2a; color: #fff; border: 1px solid #222222; padding: 4px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pagination a:hover { background: #324e66; color: #ffffff; border: 1px solid #1a2936; padding: 4px 6px; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .pagination .go_page img { margin-bottom: -4px; } .drop_go_page { background: #f5f5f5; padding: 4px; } .pagination_breadcrumb { background-color: #efefef; border: 1px solid #fff; outline: 1px solid #ccc; padding: 5px; margin-top: 5px; font-weight: normal; } .pagination_breadcrumb_link { vertical-align: middle; cursor: pointer; } .thread_legend, .thread_legend dd { margin: 0; margin-left: 5px; padding: 0; } .thread_legend .thread_status { margin-right: 4px; } .forum_legend, .forum_legend dt, .forum_legend dd { margin: 0; padding: 0; } .forum_legend dd { float: left; margin-right: 10px; margin-top: 7px; } .forum_legend dt { margin-right: 10px; float: left; } .success_message { color: #00b200; font-weight: bold; font-size: 10px; margin-bottom: 10px; } .error_message { color: #C00; font-weight: bold; font-size: 10px; margin-bottom: 10px; } #posts_container { padding: 0; } .ignored_post { border-top: 3px solid #333; padding: 15px; } .ignored_post .show_ignored_post { margin-top: -15px; } .ignored_post .show_ignored_post a.button span { background-position: 0 -400px; } .post { overflow: hidden; } .post.classic { padding-top: 15px; } .post .post_author { border-bottom: 1px solid #ccc; border-top: 2px solid #ccc; background: #f5f5f5; padding: 5px; overflow: hidden; } .post.classic .post_author { width: 15%; border: 1px solid #ddd; float: left; margin: 0 1% 15px 0; padding: 5px 1%; } .post .post_author .buddy_status { vertical-align: middle; margin-top: -4px; } .post .post_author div.author_avatar { float: left; margin-right: 3px; } .post.classic .post_author div.author_avatar { float: none; text-align: center; margin-bottom: 8px; } .post .post_author div.author_avatar img { padding: 5px; border: 1px solid #ddd; background: #fff; } .post .post_author div.author_information { float: left; padding: 6px 8px; } .post.classic .post_author div.author_information { float: none; padding: 0; text-align: center; } .post .post_author div.author_statistics { color: #666; float: right; padding: 3px 10px 3px 5px; line-height: 1.3; font-size: 14px; } .post.classic .post_author div.author_statistics { margin: 6px 0 0 0; padding: 6px 6px 3px 6px; float: none; } .post .post_head { padding-bottom: 4px; border-bottom: 1px dotted #ddd; margin-bottom: 4px; font-size: 13px; } .post .post_head span.post_date { color: #666; font-size: 13px; } .post .post_head span.edited_post { color: #999; font-size: 13px; } .post .post_head span.edited_post a { color: #666; font-size: 13px; } .post_body { font-size: 15px; padding: 13px 0; } .post.classic .post_content { float: left; width: 79%; padding: 0 1% 5px 1%; } .post_content { padding: 9px 10px 5px 10px; } .post_content .signature { margin-top: 5px; border-top: 1px dotted #ddd; padding: 10px 0 4px 0; } .post .post_meta { color: #999; margin: 4px 0; font-size: 13px; } .post .post_meta a:link, .post .post_meta a:visited { color: #777; font-size: 13px; } .post .post_meta a:hover, .post .post_meta a:active { color: #777; font-size: 13px; } .post_controls { background: #2a2a2a url(../../../images/duende_v3_local/pb.jpg) top left repeat-x; clear: both; overflow: hidden; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 4px, inset #564f4f 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #564f4f 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #564f4f 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #2a2a2a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 0px #2a2a2a; padding: 8px; } .postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_buttons > a:visited, .postbit_buttons > a:active { color: #fff; display: inline-block; padding: 2px 5px; margin: 2px; text-shadow: 0x; font-size: 13px; } .postbit_buttons > a:hover { color: #efefef; text-shadow: 0x; } .postbit_buttons a span:before { content: ""; display: inline-block; font-family: FontAwesome; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; font-size: 13px; } .postbit_buttons a.postbit_find span:before { content: "\f002"; } .postbit_buttons a.postbit_reputation_add span:before { content: "\f067"; } .postbit_buttons a.postbit_email span:before { content: "\f0e0"; } .postbit_buttons a.postbit_website span:before { content: "\f0ac"; } .postbit_buttons a.postbit_pm span:before { content: "\f199"; } .postbit_buttons a.postbit_quote span:before { content: "\f112"; } .postbit_buttons a.postbit_multiquote span:before { content: "\f10e"; } .postbit_buttons a.postbit_multiquote_on span:before { content: "\f056"; color: #DB1304; } .postbit_buttons a.postbit_edit span:before { content: "\f044"; } .postbit_buttons a.postbit_qdelete span:before { content: "\f05e"; } .postbit_buttons a.postbit_qrestore span:before { content: "\f067"; } .postbit_buttons a.postbit_report span:before { content: "\f0a1"; } .postbit_buttons a.postbit_warn span:before { content: "\f0e3"; } .postbit_buttons a.postbit_purgespammer span:before { content: "\f071"; } .postbit_buttons a.postbit_reply_pm span:before { content: "\f112"; } .postbit_buttons a.postbit_reply_all span:before { content: "\f122"; } .postbit_buttons a.postbit_forward_pm span:before { content: "\f064"; } .postbit_buttons a.postbit_delete_pm span:before { content: "\f00d"; } a.button:link, a.button:hover, a.button:visited, a.button:active { color: #fff; display: inline-block; padding: 7px 9px; margin: 2px 2px 6px 2px; background: #161617 url(../../../images/duende_v3_local/button.jpg) top left repeat-x; border: 1px solid #000; text-shadow: 1px 1px 0px #161617; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 14px; } a.button.small_button { font-size: 14px; margin: 0; padding: 3px 6px; } a.button span { padding-left: 5px; display: inline-block; } a.button.new_thread_button span { background-position: 0 -340px; } a.button.new_reply_button span { background-position: 0 -360px; } a.button.closed_button span { background-position: 0 -380px; } a.button.rate_user_button span { background-position: 0 -400px; } a.button.add_buddy_button span { background-position: 0 -440px; } a.button.remove_buddy_button span { background-position: 0 -480px; } a.button.add_ignore_button span { background-position: 0 -460px; } a.button.remove_ignore_button span { background-position: 0 -500px; } a.button.report_user_button span { background-position: 0 -520px; } @media (max-width: 500px) { .post .post_author { padding: 2px; } .post .post_author div.author_avatar { margin-right: 0px; } .post .post_author div.author_information { padding: 6px 0px 1px 6px; } .post .post_author div.author_statistics { font-size: 13px; padding: 3px 0px; } .starimage { width: 12px; } } .quick_jump { background: url(../../../images/jump.png) no-repeat 0; width: 13px; height: 13px; padding-left: 13px; /* amount of padding needed for image to fully show */ margin-top: -3px; border: none; } .pollbar { background: url(../../../images/pollbar.png) top left repeat-x; border: 1px solid #3f3f3f; height: 10px; } .pollbar .percent { display: none; } .posticons_label { white-space: nowrap; } /** jGrowl Start **/ /** Special IE6 Style Positioning **/ .ie6 { position: absolute; } .ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } .ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } .ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } .ie6.bottom-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } .ie6.center { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; } /** jGrowl Styling **/ .jGrowl { z-index: 9999; color: #fff; font-size: 13px; position: fixed; } .jGrowl.top-left { left: 0px; top: 0px; } .jGrowl.top-right { right: 0px; top: 0px; } .jGrowl.bottom-left { left: 0px; bottom: 0px; } .jGrowl.bottom-right { right: 0px; bottom: 0px; } .jGrowl.center { top: 0px; width: 50%; left: 25%; } /** Cross Browser Styling **/ .center .jGrowl-notification, .center .jGrowl-closer { margin-left: auto; margin-right: auto; } .jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer { background-color: transparent; opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); transform: scale(1); width: 235px; padding: 10px; margin-top: 5px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .jGrowl .jGrowl-notification { min-height: 40px; } .jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer { margin: 10px; } .jGrowl .jGrowl-notification .jGrowl-header { font-weight: bold; font-size: .85em; } .jGrowl .jGrowl-notification .jGrowl-close { z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer; } .jGrowl .jGrowl-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; } .jGrowl .jGrowl-notification.jgrowl_success { background: lightgreen; border: 1px solid lightgreen; color: #333; } .jGrowl .jGrowl-notification.jgrowl_error { background: red; border: 1px solid red; color: #333; } .jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer { background: yellow; border: 1px solid yellow; color: #333; } /** Hide jGrowl when printing **/ @media print { .jGrowl { display: none; } } /** jGrowl End **/ /** Modal Start **/ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999; padding: 20px; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center; } .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal { max-width: 560px; text-align: left; background: #fff; display: inline-block; vertical-align: middle; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } .modal a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(../../../images/close.png) no-repeat 0 0; } .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; background: url(../../../images/spinner_big.gif) no-repeat center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } /** Modal End **/ /** Impromptu Start **/ /*! jQuery-Impromptu - v6.2.1 - 2015-05-10 * http://trentrichardson.com/Impromptu * Copyright (c) 2015 Trent Richardson; Licensed MIT */ .jqifade{ position: absolute; background-color: #777777; } iframe.jqifade{ display:block; z-index:-1; } div.jqi{ width: 400px; max-width:90%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 7px; } div.jqi .jqicontainer{ } div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; } div.jqi .jqistate{ background-color: #fff; } div.jqi .jqititle{ padding: 5px 10px; font-size: 16px; line-height: 20px; border-bottom: solid 1px #eeeeee; } div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; overflow: auto; } div.jqi .jqibuttonshide{ display: none; } div.jqi .jqibuttons{ text-align: right; margin: 0 -7px -7px -7px; border-top: solid 1px #e4e4e4; background-color: #f4f4f4; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; } div.jqi .jqibuttons button{ margin: 0; padding: 15px 20px; background-color: transparent; font-weight: normal; border: none; border-left: solid 1px #e4e4e4; color: #777; font-weight: bold; font-size: 13px; } div.jqi .jqibuttons button.jqidefaultbutton{ color: #489afe; } div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus{ color: #287ade; outline: none; } div.jqi .jqibuttons button[disabled]{ color: #aaa; } .jqiwarning .jqi .jqibuttons{ background-color: #b95656; } /* sub states */ div.jqi .jqiparentstate::after{ background-color: #777; opacity: 0.6; filter: alpha(opacity=60); content: ''; position: absolute; top:0;left:0;bottom:0;right:0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } div.jqi .jqisubstate{ position: absolute; top:0; left: 20%; width: 60%; padding: 7px; border: solid 1px #eeeeee; border-top: none; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; } div.jqi .jqisubstate .jqibuttons button{ padding: 10px 18px; } /* arrows for tooltips/tours */ .jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent; } .jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; } .jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; } .jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; } .jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; } .jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; } .jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; } .jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; } .jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; } .jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; } .jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; } .jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; } .jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; } /** Impromptu End */ /** Nav menu */ #cssmenu { position: relative; height: 44px; z-index: 1; width: auto; } #cssmenu ul { list-style: none; padding: 0; margin: 0; line-height: 1; font-size: 13px; font-weight: bold !important; z-index: 1; } #cssmenu > ul { position: relative; top: 3px; display: block; z-index: 1; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu.align-right > ul > li { float: right; } #cssmenu.align-center ul { text-align: center; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu > ul > li { display: inline-block; position: relative; margin: 0; padding: 0; } #cssmenu > ul > #menu-button { display: none; } #cssmenu ul li a { display: block; font-size: 13px; text-decoration: none; color: #ffffff; text-shadow: 0px 1px 1px #666666; display: inline-block; padding: 2px 4px; margin: 2px 2px 4px 2px; } #cssmenu > ul > li > a { font-size: 13px; font-weight: bold !important; font-style: normal; padding: 10px 10px; color: #284260; text-shadow: 0px 1px 1px #fff; -webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -ms-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out; transition: color 0.25s ease-out; } #cssmenu > ul > li.has-sub > a { padding-right: 32px; } #cssmenu > ul > li:hover > a { color: #18314d; text-shadow: 0px 1px 1px #fff; } #cssmenu li.has-sub::after { display: block; content: ""; position: absolute; width: 0; height: 0; } #cssmenu > ul > li.has-sub::after { right: 10px; top: 20px; border: 5px solid transparent; border-top-color: #7a8189; } #cssmenu > ul > li:hover::after { border-top-color: #323131; } #cssmenu ul ul { position: absolute; left: -9999px; top: 70px; opacity: 0; -webkit-transition: opacity .3s ease, top .25s ease; -moz-transition: opacity .3s ease, top .25s ease; -ms-transition: opacity .3s ease, top .25s ease; -o-transition: opacity .3s ease, top .25s ease; transition: opacity .3s ease, top .25s ease; z-index: 8; } #cssmenu ul ul ul { top: 37px; padding-left: 5px; } #cssmenu ul ul li { position: relative; } #cssmenu > ul > li:hover > ul { left: auto; top: 44px; opacity: 1; } #cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0; opacity: 1; } #cssmenu ul ul li:hover > ul { left: 170px; top: 0; opacity: 1; } #cssmenu.align-right ul ul li:hover > ul { left: auto; right: 170px; top: 0; opacity: 1; padding-right: 5px; } #cssmenu ul ul li a { width: 130px; border-bottom: 1px solid #eeeeee; padding: 10px 20px; font-size: 13px; color: #9ea2a5; background: #323131; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; } #cssmenu.align-right ul ul li a { text-align: right; } #cssmenu ul ul li:hover > a { background: #3f9889; color: #fff; } #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a { border-bottom: 0; } #cssmenu > ul > li > ul::after { content: ''; border: 6px solid transparent; width: 0; height: 0; border-bottom-color: #323131; position: absolute; top: -12px; left: 30px; } #cssmenu.align-right > ul > li > ul::after { left: auto; right: 30px; } #cssmenu ul ul li.has-sub::after { border: 4px solid transparent; border-left-color: #9ea2a5; right: 10px; top: 12px; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease; } #cssmenu.align-right ul ul li.has-sub::after { border-left-color: transparent; border-right-color: #9ea2a5; right: auto; left: 10px; } #cssmenu ul ul li.has-sub:hover::after { border-left-color: #323131; right: -5px; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } #cssmenu.align-right ul ul li.has-sub:hover::after { border-right-color: #323131; border-left-color: transparent; left: -5px; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } @media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1124px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1124px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1124px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1124px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1124px) { #cssmenu { position: relative; height: 44px; z-index: 1; width: auto; margin-top: -20px margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #cssmenu > ul { position: relative; top: 0px; display: block; background: #161617; color: #ffffff; clear: both; border: 1px solid #000; text-shadow: 0px 1px 1px #000; -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px; box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #cssmenu ul li a { display: block; text-decoration: none; text-shadow: none !important; display: inline-block; padding: 2px 4px; margin: 2px 2px 4px 2px; color: #fff; font-size: 13px; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-background-clip: none; -webkit-background-clip: none; background-clip: none; } #cssmenu ul li:hover a { color: #efefef; } #cssmenu { width: auto; text-shadow: none !important; } #cssmenu.align-center ul { text-align: left; } #cssmenu.align-right > ul > li { float: none; } #cssmenu ul { width: auto; text-shadow: none !important; } #cssmenu .submenuArrow, #cssmenu #indicatorContainer { display: none; } #cssmenu > ul { height: auto; display: block; text-shadow: none !important; } #cssmenu > ul > li { float: none; } #cssmenu li, #cssmenu > ul > li { display: none; } #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu ul > li:hover > ul, #cssmenu ul ul > li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul > li:hover > ul, #cssmenu.align-right ul ul > li:hover > ul { position: relative; left: auto; top: auto; opacity: 1; padding-left: 0; padding-right: 0; right: auto; text-shadow: none !important; } #cssmenu ul .has-sub::after { display: none; } #cssmenu ul li a { padding: 12px 20px; } #cssmenu ul ul li a { border: 0; background: none; width: auto; padding: 8px 35px; } #cssmenu.align-right ul ul li a { text-align: left; } #cssmenu ul ul li:hover > a { background: none; color: #ccc; text-shadow: none !important; } #cssmenu ul ul ul a { padding: 8px 50px; } #cssmenu ul ul ul ul a { padding: 8px 65px; } #cssmenu ul ul ul ul ul a { padding: 8px 80px; } #cssmenu ul ul ul ul ul ul a { padding: 8px 95px; } #cssmenu > ul > #menu-button { display: block; cursor: pointer; } #cssmenu #menu-button > a { padding: 14px 20px; } #cssmenu ul.open li, #cssmenu > ul.open > li { display: block; } #cssmenu > ul.open > li#menu-button > a { color: #fff; text-shadow: none !important; } #cssmenu ul ul::after { display: none; } #cssmenu #menu-button::after { } #cssmenu #menu-button::before { } #cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before { } } /** Nav Menu End */