/* Theme version: 1.50 */ body { background: #eceef0; color: #555; text-align: center; line-height: 1.431; margin: 0; font-family: "Open Sans", Arial, Tahoma, sans-serif; font-size: 13px; overflow-y: scroll; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; vertical-align: baseline; } a:link { transition: all .12s ease !important; color: #3c699c; text-decoration: none; } a:visited { color: #0072bc; text-decoration: none; } a:hover, a:active { color: #00aced; } h1, h2, h3, h4 { padding: 0; margin-top: 0; font-weight: normal; } ol, ul, li { list-style: none; margin: 0; padding: 0; } #container { font-family: "Open Sans", Arial, Tahoma, sans-serif; text-align: left; color: #555; line-height: 1.431; margin: 0; font-size: 13px; min-width: 960px; } .wrapper { max-width: 1370px; margin: auto auto; } #logo { background: #eceef0 url(../../../images/flatty/header-logo.png) no-repeat 0% 10% / cover; height: 140px; width: 100%; display: flex; /*padding: 0 15px;*/ display: -webkit-flex; display: -ms-flexbox; box-sizing: border-box; } #logo .wrapper { width: 100%; } #logo img { padding: 10px 10px; /* 上下10px，左右20px */ } #content { width: auto !important; padding: 38px 10px; overflow: hidden; background: rgb(238, 240, 242); } #header { position: sticky; top: 0px; z-index: 777; } #header ul.menu { text-align: right; margin: 0; padding: 0; list-style: none; } #header ul.menu li { margin: 0 4px; display: inline; } #header ul.menu li a { padding-left: 21px; display: inline-block; color: #fff; } #logo ul.top_links { text-align: right; margin: -10px 5px 0 0; } #panel { position: relative; z-index: 994; width: 100%; } #panel .upper a.logout { font-weight: 400; padding-right: 20px; margin-left: 10px; } #panel .upper a.login, #panel .upper a.lost_password { padding: 7px 21px 7px 20px; background: #2c82c9; } #panel .upper a.register { padding: 7px 21px 7px 20px; margin-left: 7px; background: #d98b3a; } #panel .upper a.login:hover { background: #6e88ea; color: #fff; } #panel .upper a.register:hover { background: #fcb941; color: #555; } #panel .lower ul.panel_links { float: right; } #panel .lower ul.user_links { float: left; } #panel .lower ul.user_links li a { padding: 0; padding-right: 5px; background-image: none; } #panel .upper { position: relative; background: #262e38; color: #fff; clear: both; height: 64px; line-height: 64px; padding: 0px 15px; overflow: hidden; } #panel .upper a:link, #panel .upper a:visited, #panel .upper a:active { color: #fff; } #panel .upper a:hover { color: #bbdefb; text-decoration: none; } #panel .lower { background: #efefef; border-bottom: 1px solid #e3e3e3; color: #90a4ae; height: 39px; line-height: 40px; width: 100%; padding: 0 15px; box-sizing: border-box; overflow: hidden; } #panel .lower a:link, #panel .lower a:visited, #panel .lower a:hover, #panel .lower a:active { color: #666; } .panel-pm { margin-left: 13px; } #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; color: #fff; } #search input { margin: -3px 0; } #quick_login .remember_me input { vertical-align: middle; margin: -1px 0 0 1px; } #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; font-size: 12px; overflow: hidden; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #777; } #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: none; margin: 8px -4px 7px; } #footer .uppermid { overflow: hidden; background: #fff; padding: 2rem; color: #888; font-size: 13px; border-top: 1px solid #ddd; } #footer .uppermid a:link, #footer .uppermid a:visited { color: #676767; } #footer .uppermid a:hover, #footer .uppermid a:active { color: #555; } #footer .lower { overflow: hidden; border-top: 1px solid rgb(235, 241, 247); color: #90a4ae; padding: 1.5em 1.8em; line-height: 18px; font-size: 13px; background: #fff; } #footer .lower a:link, #footer .lower a:visited { color: #78909c; } #footer .lower a:hover, #footer .lower a:active { color: #555; text-decoration: none; } #footer .lower #social { float: right; color: #999; margin-top: -17px; } #debug { float: right; text-align: right; margin-top: 20px; font-size: 11px; } .scaleimages img { max-width: 100%; overflow: hidden; } .remove_buddy_button:hover { color: #808080 !important; background: rgba(39, 174, 96, .04) !important; } .report_user_button:hover { color: #728675 !important; background: rgba(230, 126, 34, .04) !important; } .forum_status { cursor: default; font-size: 28px; padding-left: 10px; margin-right: -5px; text-align: center; } .forum_status i { display: inline-block; line-height: 50px; color: #8fa8f6; } .forum_on { color: #0094d1; } .forum_off, .forum_offlock, .forum_offlink { color: #333; } .forum_off i { opacity: .7; } .forum_offclose i:before { content: "\f023"; color: #ef7351; } .forum_offlink i:before { content: "\f0c1"; color: #44ce9d; } .subforumicon { display: inline-block; font-size: 11px; height: 10px; width: 10px; margin: 0px 3px 0px 7px; } .subforum_minion { color: #555; } .subforum_minioff, .subforum_minioffclose, .subforum_miniofflink { color: #555; } .subforum_minioff { opacity: .5; } .subforum_minioffclose i:before { content: "\f023"; } .subforum_miniofflink i:before { content: "\f0c1"; } table { color: #888; font-size: 14px; font-family: inherit; } .tborder { background: #fff; width: 100%; margin: auto auto; } .tfixed { table-layout: fixed; word-wrap: break-word; } .thead { background: #2c82c9; color: #fff; font-family: inherit; font-size: 14px; font-weight: 400; padding: 1.2em 1.425em 1.175em 1.275em; line-height: 24px; } .thead.side { background: #494d5d; padding: 1rem 1.2rem .9rem 1.2rem; } .thead a:link { color: #fff; text-decoration: none; } .thead a:visited { color: #fff; text-decoration: none; } .thead a:hover, .thead a:active { color: #fff; text-decoration: underline; } .thead.signin { background: #fff; font-size: 24px; color: #555 !important; text-align: center; padding: 1rem 1rem 1.5rem 1rem; } .tcat { background: #e3e8f0; font-size: 12px; box-sizing: border-box; padding: 11px 20px 9px 18px; } .tcat a:link, .tcat a:visited { } .tcat a:hover, .tcat a:active { color: #9e906e; } .trow1 { background: rgb(253, 253, 253); border-bottom: 1px solid #f0f0f0; padding: 1.025em 1.275em 0.875em 1.175em; } .trow2 { background: rgb(250, 251, 252); border-bottom: 1px solid #f0f0f0; padding: 1.025em 1.275em 0.875em 1.175em; } .trow_shaded { background: #e4f6eb; border: 0; padding: 1.025em 1.275em 0.875em 1.175em; } .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: #f5f6f7; border-bottom: 1px solid #f0f0f0; } .trow_selected, tr.trow_selected td { background: #f9fbe7 !important; color: #111; } .trow_selected a:link, .trow_selected a:visited, .trow_selected a:hover, .trow_selected a:active { color: #333; } .trow_sep { background: #ddd; color: #555; padding: 8px 18px; font-size: 12px; font-weight: 600; } .deleted_post_hidden { border-top: 2px solid #ddd; padding: 15px; } .deleted_post_collapsed { background: #f9f9f9; margin-bottom: 7px; padding: 15px; border: 1px solid #ccdfee; } .deleted_post_collapsed .show_deleted_post { margin: -16px 6px 0 0; } .deleted_post_collapsed .show_deleted_post a.button span { } .tfoot { padding: 10px; color: #777; background: #DBE6EC;; } .tfoot a:link { color: #444; text-decoration: none; } .tfoot a:visited { color: #444; text-decoration: none; } .tfoot a:hover, .tfoot a:active { color: #444; text-decoration: underline; } .thead input.textbox, .thead select { border: 1px solid #263c30; } .bottommenu { background: #efefef; color: #333; border: 1px solid #4874a3; padding: 10px; } .navigation { margin-bottom: 13px; padding: 0 19px; color: #fff; border-radius: 2px; font-size: 13px; overflow: hidden; height: 48px; line-height: 48px; font-family: inherit; background: #a19c69; border: 1px solid #66bb6a; } .navigation a:link { text-decoration: none; color: #fff !important; } .navigation a:visited { text-decoration: none; } .navigation a:hover, .navigation a:active { text-decoration: underline; } .navigation a:focus { color: #ccc; } .navigation .active i:before { content: "\f015"; color: #fff; } .navigation .active { font-weight: 900; color: #fff; font-size: 13px; } .smalltext { font-size: 13px; font-weight: 400; font-family: inherit; } .smalltext.bold { font-weight: 500 !important; } .largetext { font-size: 17px; font-weight: 400; } fieldset { padding: 12px; border: 1px solid #ddd; margin: 0; } fieldset.trow1, fieldset.trow2 { border-color: #ccc; } fieldset.align_right { text-align: right; } input.textbox { background: #fff; color: #999; border: 1px solid #ddd; padding: 5px 7px; outline: 0; box-sizing: border-box; font-size: 13px; font-family: inherit; } input.textbox:focus { border: 1px solid #ccc; box-shadow: 0 0 2px 0 #eee; } textarea { background: #fff; color: #333; border: 1px solid #ccc; padding: 8px; line-height: 1.4; outline: 0; font-family: inherit; font-size: 13px; } select { font-family: "Open Sans", Arial, Tahoma, sans-serif; font-size: 13px; border: 1px solid #eee; outline: 0; height: 32px; padding: 0 45px 0 8px; color: #777; background: #fff url(../../../images/flatty/arrow-down.png) no-repeat 93% 55%; background-size: 10px; -moz-appearance: none; -webkit-appearance: none; } button, input.button { padding: 6px 15px 6px 12px; cursor: pointer; font-family: inherit; font-size: 13px; background: #3498db; border: 0 !important; outline: 0 !important; color: #fff; border-radius: 2px !important; } button:hover, input.button:hover { border-color: #bbb; background: #2c82c9; } 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: 500; font-size: 11px; } form #message { width: 500px; box-sizing: border-box; } .editor { background: #f1f1f1; border: 1px solid #ccc; } .editor_control_bar { background: #fff; border: 1px solid #ccc; margin-bottom: 5px; } .post .editor_control_bar { background: #f5f5f5; } .popup_menu { z-index: 75; box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, .2); padding: 1px; border-radius: 3px !important; background: rgb(255, 255, 255); } .popup_menu:before { position: absolute; width: 0; height: 0; content: ""; display: block; left: 1.4em; bottom: 100%; border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; } .popup_menu .popup_item { color: #444; } .popup_menu .popup_item:hover { background: none; color: #34a0ef !important; } .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: #999; border:1px solid #ccc; } ._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 #00aeff; margin-top: 10px; margin-bottom: -5px; padding: 1px; border-radius: 1px; } hr { background-color: #555; color: #333; height: 1px; border: 0px; } .clear { clear: both; } .float_left { float: left; } .float_right { float: right; } .text_left { text-align: left; } .text_right { text-align: right; } .hidden { display: none; float: none; width: 1%; } .hiddenrow { display: none; } .selectall { background: #fffbd9; border-bottom: 1px solid #f7e86a; color: #555; text-align: center; } .expcolimage { width: auto; float: right; top: 1px; position: relative; } .expcolimage img { max-width: 24px; height: auto; } .thead .expcolimage img { opacity: .7; transition: all .2s ease; } .thead:hover .expcolimage img { opacity: .7; } .expcolimage img:hover { opacity: 1 !important; } .tcat_menu > .expcolimage { margin-top: 0; } blockquote { border: 1px solid #ddd; margin: 0; background: #fff; padding: 12px; } blockquote blockquote { background: #eee; border: 0 !important; } blockquote blockquote blockquote { background: #fff; border: 0 !important; } blockquote blockquote blockquote blockquote { background: #eee; border: 0 !important; } blockquote cite { font-weight: 600; border-bottom: 1px solid #ddd; font-style: normal; display: block; padding-bottom: 7px; margin: 0 0 10px 0; font-family: Arial, Helvetica, Tahoma, sans-serif; } blockquote cite > span { float: right; font-weight: normal; font-size: 12px; color: #666; } blockquote cite span.highlight { float: none; font-weight: 600; padding-bottom: 0; } .codeblock { border-radius: 2px !important; background: #fff; border: 1px solid #ddd; padding: 12px; } .codeblock .title { border-bottom: 1px solid #ddd; font-weight: bold; padding-bottom: 8px; margin: 0 0 12px 0; } .codeblock code { overflow: auto; height: auto; max-height: 200px; display: block; font-family: Monaco, Consolas, Courier, monospace; font-size: 13px; } .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 { line-height: 24px; padding: 7px; text-align: left; border-bottom: 1px solid #f8f8f8; } .popup_menu .popup_item_container:last-child { border-top: 0; border-bottom: 0; } .popup_menu .popup_item { text-decoration: none; display: block; min-width: 160px; white-space: nowrap; padding: 4px 10px 5px; color: #999 !important; } .popup_item_container:hover { background: rgba(0, 0, 0, .03); } .popup_menu a.popup_item:hover { text-decoration: none; } .subject_new { font-weight: 500; } .highlight { background: #ffffcc; padding-top: 3px; padding-bottom: 3px; } .pm_alert { background: #b0bec5; border: 1px solid #9db0ba; text-align: center; font-size: 12px; padding: 10px 20px; margin-bottom: 18px; border-radius: 2px; } .red_alert { margin-bottom: 1.5em; padding: 1.1em 1.65em 1.1em 1.3em; font-size: 12px; text-align: center; font-weight: 300; color: #fff; background: rgba(198, 56, 56, .8); } .red_alert a:link, .red_alert a:visited, .red_alert a:hover, .red_alert a:active { color: #aaeeff; } .high_warning { color: #cc0000; } .moderate_warning { color: #f3611b; } .low_warning { color: #ae5700; } .online { color: #15a018; } .offline { color: #c7c7c7; } div.error { padding: 1.475em 1.275em 0.575em 1.175em; font-size: 14px; font-family: inherit; color: #444; background: #f5d76e; } 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: 14px; margin-bottom: 14px; } .tfoot .pagination, .tcat .pagination { padding-top: 0; } .pagination .pages { font-weight: 500; } .pagination .pagination_current, .pagination a { padding: 5px 9px; margin-bottom: 3px; } .pagination a { background: #f5f5f5; color: #888; border: 1px solid #ddd; } .pagination a:link { color: #888 !important; } .pagination a:link:hover { color: #fff !important; } .pagination .pagination_current { background: #00bcd4; border: none; font-weight: 500; color: #fff; border-radius: 2px; border: 1px solid #00bcd4; } .pagination a:hover { background: #0072bc; color: #fff; border-color: #0072bc; text-decoration: none; } .pagination .go_page img { margin-bottom: -4px; } .drop_go_page { background: #fff; padding: 7px; margin-top: 1em; } .pagination_breadcrumb { background-color: #fff; border: 1px solid #fff; padding: 1px 12px 0px; margin-top: 0px; font-weight: normal; margin-left: -2em; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15); } .pagination_breadcrumb:before { border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; width: 0; height: 0; content: ""; display: block; left: 0.5em; bottom: 100%; position: absolute; } .pagination_breadcrumb_link { vertical-align: middle; cursor: pointer; } .thread_legend, .thread_legend dd { margin: 0; padding: 0; } .thread_legend dd { padding-bottom: 4px; margin-right: 15px; } .thread_legend img { margin-right: 4px; vertical-align: bottom; } .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 { background: #fafbfc; overflow: hidden; margin-bottom: 8px; border: 1px solid rgba(44, 130, 201, .22); } .post.classic { border: 1px solid rgba(44, 130, 201, .22); margin-bottom: 10px; padding-top: 15px; background: #fafbfc; } .post .post_author { padding: 1em; overflow: hidden; } .post.classic .post_author { margin: 2px 0% 18px 0px; float: left; width: 15%; padding: 5px 1%; border-right: 1px solid #eee; } .post .post_author .buddy_status { vertical-align: middle; margin-top: -4px; } .post .post_author div.author_avatar { float: left; margin-right: 1em; min-width: 70px; max-width: 90px; } .post.classic .post_author div.author_avatar { float: none; margin: 0px auto 1em; max-width: 90px; text-align: center; min-width: 70px; } .post .post_author div.author_avatar img { border-radius: 1000px; width: auto; height: auto; background: #fff; } .post .post_author div.author_information { float: left; padding: 6px 8px; } .post.classic .post_author div.author_information { float: none; font-family: inherit; padding: 0; text-align: center; } .post .post_author div.author_statistics { float: right; font-size: 12px; padding: 14px 18px 12px 16px; color: #666; font-family: inherit; line-height: 1.4; } .post .post_author div.author_statistics_default { background: #eee; float: right; font-size: 12px; padding: 11px 18px 6px 16px; color: #666; font-family: inherit; line-height: 1.4; } .post.classic .post_author div.author_statistics { margin: 7px 0 0 0; float: none; } .post .post_head { border-bottom: 1px solid #eee; font-size: 11px; padding-bottom: 12px; margin-bottom: 7px; } .post .post_head span.post_date { color: #888; font-size: 13px; } .post .post_head span.edited_post { font-size: 10px; color: #999; } .post .post_head span.edited_post a { color: #666; } .post_body { font-size: 14px; padding: 10px 0; color: #666; } .post.classic .post_content { border-left: 1px solid #eee; margin-left: -1px; float: left; width: 80%; padding: 5px 1.4% 5px; } .post_content { padding: 18px 20px 10px 20px; } .post_content .signature { margin-top: 5px; border-top: 1px dotted #ddd; padding: 10px 0 4px 0; } .post .post_meta { margin: 4px 0; font-size: 11px; color: #999; } .post .post_meta a:link, .post .post_meta a:visited { color: #777; } .post .post_meta a:hover, .post .post_meta a:active { color: #777; } .post_controls_default { padding: 0.9em; clear: both; overflow: hidden; } .post_controls { overflow: hidden; clear: both; padding: 0.875em; background: #f5f7f9; } .post:not(.deleted_post) .postbit_qrestore, .post:not(.deleted_post) .status_type, .post.deleted_post .postbit_mirage { display: none; } .postbit_buttons > a:link, .postbit_buttons > a:visited, .postbit_buttons > a:active { display: inline-block; color: #2c82c9; padding: 7px 16px 7px 14px; margin: 5px 2px 2px; font-size: 12px; border: 1px solid #bed3e4; } .postbit_buttons > a:hover { background: #2c82c9; color: #fff; border: 1px solid #2c82c9; } .postbit_buttons a span { display: inline-block; height: 16px; } a.button:link, a.button:visited, a.button:active { background: #00bcd4; display: inline-block; color: #fff; margin: 2px 0px 6px; font-size: 13px; padding: 8px 23px 8px 21px; border-radius: 2px; } a.button:hover { background: #2c82c9;} a.button.small_button { font-size: 13px; padding: 5px 10px; border-radius: 2px; } a.button span { display: inline-block; } .quick_jump { background: url(../../../images/jump.png) no-repeat 0; width: 13px; height: 13px; padding-left: 13px; margin-top: -3px; border: none; } .pollbar { background: #bdc3c7; height: 8px; } .pollbar .percent { display: none; } .pollbar .percent { display: none; } .posticons_label { white-space: nowrap; } .pollbar { background: #64B5F6; height: 20px; margin-top: -16px; color: #fff; font-size: 13px; text-align: right; overflow: hidden; box-sizing: border-box; } .pollbar .percent { display: inline-block; padding: 0 5px; } .poll-fw { position: relative; height: 20px; box-sizing: border-box; border-radius: 2px; top: 4px; overflow: hidden; background: #f3f3f3; } .poll-fw::before { content: "0%"; font-size: 13px; padding: 0 5px; } .poll-icn-adj { font-size: 14px; vertical-align: middle; margin-top: -1px; margin-right: 2px; } /** 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: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 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 **/ .jGrowl.center .jGrowl-notification, .jGrowl.center .jGrowl-closer { margin-left: auto; margin-right: auto; } .jGrowl-notification { background-color: #000; opacity: 0.75; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.75*100)); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.75*100)); zoom: 1; width: 250px; padding: 1em; margin: 10px; text-align: left; display: none; word-break: break-all; min-height: 40px; } .jGrowl-notification .ui-state-highlight, .jGrowl-notification .ui-widget-content .ui-state-highlight, .jGrowl-notification .ui-widget-header .ui-state-highlight { border: 1px solid #000; background: #000; color: #fff; } .jGrowl-notification .jGrowl-header { font-weight: bold; font-size: .85em; } .jGrowl-notification .jGrowl-close { background: none !important; color: inherit; border: none; z-index: 99; float: right; margin-top: -10px; color: #fff !important; font-weight: bold; font-size: 21px; padding: 0; cursor: pointer; } .jGrowl-message { padding-right: 3em !important; } .jGrowl-closer { background-color: #000; opacity: 0.75; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.75*100)); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.75*100)); zoom: 1; width: 250px; padding: 1em; margin: 10px; text-align: left; display: none; word-break: break-all; padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; } .jGrowl-closer .ui-state-highlight, .jGrowl-closer .ui-widget-content .ui-state-highlight, .jGrowl-closer .ui-widget-header .ui-state-highlight { border: 1px solid #000; background: #000; color: #fff; } /** 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, .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 { position: relative; display: inline-block; width: 400px; text-align: left; background: #fff; box-sizing: border-box; z-index: 2; vertical-align: middle; border-radius: 3px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3) } .modal a.close-modal { position: absolute; top: 1.3rem; right: 1.3rem; display: block; width: 16px; height: 16px; text-indent: -9999px; background: url(../../../images/flatty/close.png) no-repeat 0 0; } .modal.login-modal { max-width: 326px; padding: 17px 10px; } .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; border-radius: 8px; } /** Modal End **/ /** Impromptu Start **/ /*! jQuery-Impromptu - v6.2.3 - 2016-04-23 * http://trentrichardson.com/Impromptu * Copyright (c) 2016 Trent Richardson; Licensed MIT */ .jqifade{ position: absolute; background-color: #777; } iframe.jqifade { display:block; z-index:-1; } div.jqi { font-family: inherit; width: 400px; max-width: 90%; position: absolute; background: #fff; font-size: 13px; text-align: left; padding: 7px; border-radius: 3px; box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, .3); } div.jqi .jqicontainer {} div.jqi .jqiclose{ position: absolute; top: 5px; right: 9px; width: 16px; cursor: pointer; color: #bbb; font-size: 18px; } div.jqi .jqiclose:hover { color: #777; } div.jqi .jqistate{ background-color: #fff; } div.jqi .jqititle{ padding: 5px 10px; font-size: 16px; line-height: 20px; border-bottom: solid 1px #eee; } div.jqi .jqimessage{ padding: 13px 18px 20px; line-height: 20px; color: #607d8b; overflow: auto; } div.jqi .jqibuttonshide{ display: none; } div.jqi .jqibuttons{ margin: 0px -7px -7px -7px; text-align: right; border-top: solid 1px #efefef; background-color: #f5f6f7; border-radius: 0px 0 3px 3px; padding: 8px 11px 8px 9px; } div.jqi .jqibuttons button { background-color: #fff; margin: 0; margin-left: 0px; padding: 3px 21px 4px 20px; font-weight: normal; color: #90a4ae; font-size: 13px; margin-left: 5px; border-radius: 1px !important; box-shadow: none !important; border: 1px solid #80cbc4 !important; } div.jqi .jqibuttons button.jqidefaultbutton{ color: #489afe; color: #00bcd4; border: 1px solid #81d4fa !important; } div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus { color: #287ade; outline: none; border: 1px solid #00bcd4 !important; } 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: 3px; } 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; } 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: #fff; } .jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #fff; margin-left: -10px; } .jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #fff; } .jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #fff; } .jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #fff; margin-left: -10px; } .jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #fff; } .jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #fff; } .jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #fff; margin-top: -10px; } .jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #fff; } .jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #fff; } .jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #fff; margin-top: -10px; } .jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #fff; } /** Impromptu End */ .sicon { display: inline-block; font-size: 16px; width: 32px; height: 32px; text-align: center; border-radius: 1000px; } .sicon i { line-height: 33px; } .sicon.fb { border: 2px solid #3b5998; background: #3b5998; color: #fff; } .sicon.fb:hover { border: 2px solid #3b5998; background: none; color: #3b5998; } .sicon.yt { border: 2px solid #dd4b39; background: #dd4b39; color: #fff; } .sicon.yt:hover { border: 2px solid #dd4b39; background: none; color: #dd4b39; } .sicon.tw { border: 2px solid #00aced; background: #00aced; color: #fff; } .sicon.tw:hover { border: 2px solid #00aced; background: none; color: #00aced; } .sicon.ln { border: 2px solid #0077b5; background: #0077b5; color: #fff; } .sicon.ln:hover { border: 2px solid #0077b5; background: none; color: #0077b5; } .sicon.re { border: 2px solid #ff4500; background: #ff4500; color: #fff; } .sicon.re:hover { border: 2px solid #ff4500; background: none; color: #ff4500; } .rightbutton { cursor: pointer; float: right; font-size: 18px; display: block; } .leftbutton { cursor: pointer; float: right; font-size: 18px; display: block; } .rightbutton:hover { color: #eee; } .leftbutton:hover { color: #eee; } .pmbg { background: #039be5; max-width: 220px; margin-left: 3px; text-align: center; height: 24px; width: 24px; line-height: 25px; color: #fff; display: inline-block; border-radius: 1000px; } .pmbg:hover { background: #2c82c9; } .ttip { position: relative; font-weight: 400; outline: none; text-decoration: none; } .ttip span { position: absolute; display: none; margin-left: -999em; } .ttip:hover span { position: absolute; opacity: 1; font-size: 12px; color: #fff; margin-left: 0; min-width: 230px; top: 2.5em; left: 3px; z-index: 99; font-family: inherit; border-radius: 2px; } .ttbg { padding: .6em .9em .6em .7em; background: rgba(3, 3, 3, .7); font-weight: 400; font-family: "Open Sans", Arial, Sans-Serif !important; } .ttbg:after { position: absolute !important; bottom: 100%; left: 10px; content: " "; height: 0; width: 0; pointer-events: none; border-color: rgba(136, 183, 213, 0) !important; border-bottom-color: rgba(3, 3, 3, .7) !important; border-width: 6px !important; border: solid transparent; } #backtop { position: fixed; margin: 0px; cursor: pointer; border-radius: 1000px; color: #fff; font-size: 18px; right: 23px; bottom: 17px; z-index: 372; text-align: center; height: 42px; width: 42px; transition: background-color 0.1s; background: rgba(44, 130, 201, .6); } #backtop .arr-adj { line-height: 42px; margin-left: -1px; } #backtop:hover { background: rgba(44, 130, 201, .75); }