/* Styles for the general looks for the Curve theme. ------------------------------------------------------- */ .spoilerbody { background: #151821 none; border: 1px solid #151515 !important; padding: 8px; } .spoilerbutton { background: #f1cf2b; color: black; border-color: #151821; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; font-weight: bold; } /* Normal, standard links. */ a:link, a:visited { color: #f1cf2b; text-decoration: none; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } a:hover { color: #fff294; text-decoration: none; cursor: pointer; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } /* Links that open in a new window. */ a.new_win:link, a.new_win:visited { color: #f1cf2b; text-decoration: none; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } a.new_win:hover { color: #29792e; text-decoration: none; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } /* Tables should show empty cells. */ table { empty-cells: show; } /* Set a fontsize that will look the same in all browsers. */ body { background-color: #10131a; font: 83%/130% 'Lato', sans-serif; margin: 0 auto; padding: 0; } /* Help popups require a different styling of the body element. */ body#help_popup { padding: 1em; } /* use dark grey for the text, leaving #000 for headers etc */ body, td, th, tr { color: #DDDDDD; } /* This division wraps the entire forum when a forum width is set. */ div#wrapper { margin: 0 auto; max-width: 1270px; width: 90%; } /* lets give all forms zero padding/margins */ form { padding: 0; margin: 0; } /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes. .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers .button_reset - covers input[type=reset] and button[type=reset] throughout all browsers .input_check - covers input[type=checkbox] throughout all browsers .input_radio - covers input[type=radio] throughout all browsers .input_text - covers input[type=text] throughout all browsers .input_file - covers input[type=file] throughout all browsers */ input, button, select, textarea { font: 95%/115% 'Lato', sans-serif; color: #000; background: #10131a; border: 1px solid #10131a; padding: 2px; } /* Select elements look horrible with the extra padding, so leave them unpadded. */ select { padding: 0; } /* Add some padding to the options instead. */ select option { padding: 1px; } /* The font size of textareas should be just a little bit larger. */ textarea { font: 100%/130% Lato, sans-serif; } /* Buttons should be styled a bit differently, in order to make them look more button'ish. */ .button_submit, .button_reset { background: #f1cf2b; border: 1px solid #10131a; cursor: pointer; color: #000000; padding: 6px 12px; font-weight: normal; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } input:hover, textarea:hover, button:hover, select:hover { border: 1px solid #10131a; } .button_submit:hover, .button_reset:hover { background: #1b1d29; color: #f1cf2b; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } input:focus, textarea:focus, button:focus, select:focus { border: 1px solid #10131a; } /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */ input.input_check, input.input_radio { border: none; background: none; } h3.catbg input.input_check { margin: 9px 7px 0 7px; } /* Give disabled text input elements a different background color. */ input[disabled].input_text { background-color: #464646; } /* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #10131a; background-color: #10131a; } /* By default set the color on these tags as #000. */ h1, h2, h3, h4, h5, h6 { color: #FFFFFF; font-size: 1em; margin: 0; padding: 0; } /* Fieldsets are used to group elements. */ fieldset { border: 1px solid #10131a; padding: 1em; margin: 0 0 0.5em 0; } fieldset legend { font-weight: bold; color: #FFFFFF; } /* No image should have a border when linked. */ a img { border: 0; } /* Define strong as bold, and em as italics */ strong { font-weight: bold; } em { font-style: italic; } /* Alternative for u tag */ .underline { text-decoration: underline; } /* Common classes to easy styling. ------------------------------------------------------- */ .floatright { float: right; } .floatleft { float: left; } .flow_auto { overflow: auto; } .flow_hidden { overflow: hidden; } .flow_hidden .windowbg, .flow_hidden .windowbg2 { margin-top: 2px; } .clear { clear: both; } .clear_left { clear: left; } .clear_right { clear: right; } /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext, tr.smalltext th { font-size: 0.85em; font-family: verdana, sans-serif; } .middletext { font-size: 0.9em; line-height: 1em; font-family: verdana, sans-serif; } .normaltext { font-size: 1em; line-height: 1.2em; } .largetext { font-size: 1.4em; } .centertext { margin: 0 auto; text-align: center; } .righttext { margin-left: auto; margin-right: 0; text-align: right; } .lefttext { margin-left: 0; margin-right: auto; text-align: left; } .double_height { line-height: 2em; } /* some common padding styles */ .padding { padding: 0.7em; } .main_section, .lower_padding { padding-bottom: 0.5em; } /* a quick reset list class. */ ul.reset, ul.reset li { padding: 0; margin: 0; list-style: none; } /* Some BBC related styles. ------------------------------------------------------- */ /* A quote, perhaps from another post. */ blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote { font-size: 12px; color: #FFFFFF; line-height: 1.4em; background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat; border: 1px solid #10131a; padding: 1.1em 1.4em; margin: 0.1em 0 0.3em 0; overflow: auto; } /* Alterate blockquote stylings */ blockquote.bbc_standard_quote { background-color: #1b1d29; } blockquote.bbc_alternate_quote { background-color: #1b1d29; } /* A code block - maybe PHP ;). */ code.bbc_code { display: block; font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; font-size: 12px; background: #1b1d29; border: 1px solid #10131a; line-height: 1.5em; padding: 3px 1em; overflow: auto; white-space: nowrap; /* Show a scrollbar after about 24 lines. */ max-height: 24em; } /* The "Quote:" and "Code:" header parts... */ .codeheader, .quoteheader { color: black; font-size: 12px; font-weight: normal; padding: 3px 7px; background: #f1cf2b; } .codeheader a, .quoteheader a { color: #000000; } .codeheader a:hover, .quoteheader a:hover { color: #8a8a8a; } /* For links to change the code stuff... */ .codeoperation { font-weight: normal; } /* Styling for BBC tags */ .bbc_link:link, .bbc_link:visited { border-bottom: 1px solid #A8B6CF; } .bbc_link:hover { text-decoration: none; border-bottom: 1px solid #346; } .bbc_size { line-height: 1.4em; } .bbc_color a { color: inherit; } .bbc_img { border: 0; max-width: 100%; } .bbc_table { font: inherit; color: inherit; } .bbc_table.bordered td { font: inherit; color: inherit; vertical-align: top; padding: 0.5em; border: 3px solid #999999; } .bbc_table td { font: inherit; color: inherit; vertical-align: top; padding: 0.5em; border: 3px solid #999999; } .bbc_u { text-decoration: underline; } .bbc_list { text-align: left; } .bbc_tt { font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; } /* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; } /* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; } /* Highlighted text - such as search results. */ .highlight { font-weight: bold; color: #ff7200 !important; font-size: 1.1em; } /* A more discreet highlight color, for selected membergroups etc. */ .highlight2 { background-color: #0D0F14; color: #f1cf2b !important; } /* Generic, mostly color-related, classes. ------------------------------------------------------- */ .titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td { color: #FFFFFF; font-size: 13px; font-weight: bold; background: #151821; border-bottom: 1px solid #f1cf2b; text-transform: uppercase; } .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th { color: #FFFFFF; font-size: 13px; font-weight: bold; background: #151821; border-bottom: 1px solid #f1cf2b; text-transform: uppercase; } /* adjust the table versions of headers */ tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2 { padding: 0 6px; } tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited { color: #FFFFFF; } tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited { color: #FFFFFF; } .catbg select { height: 1.5em; font-size: 0.85em; } /* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg, #preview_body { background-color: #151821; } .windowbg2 { background-color: #151821; } .windowbg3 { background-color: #151821; } /* the page navigation area */ .pagesection { font-size: 0.9em; padding: 0.2em; overflow: hidden; margin-bottom: 1px; } div.pagesection div.floatright input { margin-top: 3px; } .navPages { background: #1b1d29; border: 1px solid #10131a; width: 20px; color: #f1cf2b; height: 20px; display: inline-block; text-align: center; line-height: 20px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .navPages:hover { background: #f1cf2b; color: #FFFFFF; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .pagelinks strong, .pagesection strong, .mlist_above strong, #mlist_below strong, .smalllinks strong { color: #f1cf2b; background: #1b1d29; border: 1px solid #10131a; height: 20px; width: 20px; line-height: 20px; text-align: center; display: inline-block; font-size: 12px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .pagelinks i { line-height: 18px; text-align: center; } .pagelinks strong:hover, .pagesection strong:hover, .mlist_above strong:hover, #mlist_below strong:hover, .smalllinks strong:hover { background: #f1cf2b; color: #FFFFFF; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .pagelinks { padding: 0.6em 0 0.4em 0; } /* Colors for background of posts requiring approval */ .approvebg { color: #000; background-color: #ffeaea; } .approvebg2 { color: #000; background-color: #fff2f2; } /* Color for background of *topics* requiring approval */ .approvetbg { color: #000; background-color: #e4a17c; } .approvetbg2 { color: #000; background-color: #f3bd9f; } /* Sticky topics get a different background */ .stickybg { background: #0c0e13; } .stickybg2 { background: #0c0e13; } /* Locked posts get a different shade, too! */ .lockedbg { background: #0c0e13; font-style: italic; } .lockedbg2 { background: #0c0e13; font-style: italic; } /* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { overflow: auto; line-height: 1.4em; padding: 0.1em 0; } /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature, .attachments { width: 98%; overflow: auto; clear: right; padding: 1em 0 3px 0; border-top: 1px solid #10131a; line-height: 1.4em; font-size: 0.85em; } .custom_fields_above_signature { width: 98%; clear: right; padding: 1em 0 3px 0; border-top: 1px solid #10131a; line-height: 1.4em; font-size: 0.85em; } /* Sometimes there will be an error when you post */ .error { color: red; } /* Messages that somehow need to attract the attention. */ .alert { color: red; } /* Calendar colors for birthdays, events and holidays */ .birthday { color: #920ac4; } .event { color: #078907; } .holiday { color: #000080; } /* Colors for warnings */ .warn_mute { color: #FFFFFF; height: 30px; line-height: 30px; background: #e74c3c; } .warn_mute i { margin-right: 5px; color: #FFFFFF; font-size: 18px; vertical-align: middle; } .warn_moderate { color: #FFFFFF; height: 30px; line-height: 30px; background: #2ecc71; } .warn_moderate i { margin-right: 5px; color: #FFFFFF; font-size: 18px; vertical-align: middle; } .warn_watch { color: #FFFFFF; height: 30px; line-height: 30px; background: #2ecc71; } .warn_watch i { margin-right: 5px; color: #FFFFFF; font-size: 18px; vertical-align: middle; } .warn_watch, .success { color: #FFFFFF; } a.moderation_link, a.moderation_link:visited { color: red; font-weight: bold; } .openid_login { background: white url(../images/openid.gif) no-repeat; padding-left: 18px; } /* a descriptive style */ .description, .description_board, .plainbox { padding: 0.5em 1em; font-size: 0.9em; line-height: 1.4em; border: 1px solid #10131a; background: #151821; margin: 0.2em 1px 1em 1px; } .description_board { margin: 1em 1px 0 1px; } /* an informative style */ .information { padding: 0.5em 1em; font-size: 0.9em; line-height: 1.3em; border: 1px solid #10131a; background: #151821; margin: 0.2em 1px 1em 1px; } .information p { padding: 1em; margin: 0; } p.para2 { padding: 1em 0 3.5em 0; margin: 0; } /* AJAX notification bar ------------------------------------------------------- */ #ajax_in_progress { background: url(../images/theme/loadingbar.png) repeat-x; color: #f96f00; text-align: center; font-size: 16pt; padding: 8px; width: 100%; height: 66px; line-height: 25px; position: fixed; top: 0; left: 0; } #ajax_in_progress a { color: orange; text-decoration: underline; font-size: smaller; float: right; margin-right: 20px; } /* Lists with settings use these a lot. ------------------------------------------------------- */ dl.settings { clear: right; overflow: auto; margin: 0 0 10px 0; padding: 0; } dl.settings dt { width: 40%; float: left; margin: 0 0 10px 0; padding: 0; clear: both; } dl.settings dt.settings_title { width: 100%; float: none; margin: 0 0 10px 0; padding: 5px 0 0 0; font-weight: bold; clear: both; } dl.settings dt.windowbg { width: 98%; float: left; margin: 0 0 3px 0; padding: 0 0 5px 0; clear: both; } dl.settings dd { width: 56%; float: right; overflow: auto; margin: 0 0 3px 0; padding: 0; } dl.settings img { margin: 0 10px 0 0; } /* help icons */ dl.settings dt a img { position: relative; top: 2px; } /* Styles for rounded headers. ------------------------------------------------------- */ h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg { overflow: hidden; height: 40px; line-height: 40px; font-size: 15px; font-weight: bold; text-transform: uppercase; } h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a { color: #FFFFFF; } h3.catbg2 a, h3.catbg2 { color: #FFFFFF; } h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover { color: #f1cf2b; text-decoration: none; } h3.catbg2 a:hover { color: #f1cf2b; text-decoration: none; } h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a { color: #FFFFFF; } h3.titlebg a:hover, h4.titlebg a:hover { color: #f1cf2b; text-decoration: none; } h3.catbg img.icon, h4.titlebg img.icon { vertical-align: middle; margin: -2px 5px 0 0; } h4.catbg a.toggle img { vertical-align: middle; margin: -2px 5px 0 5px; } h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg { background: #151821; padding-right: 9px; } h4.titlebg, h3.titlebg { background: #151821; padding-right: 9px; } h4.titlebg img.icon { float: left; margin: 12px 8px 0 0; } div.cat_bar { background: #151821; border-bottom: 1px solid #f1cf2b; padding-left: 9px; height: 40px; overflow: hidden; } div.title_bar { background: #151821; border-bottom: 1px solid #f1cf2b; padding-left: 9px; height: 40px; overflow: hidden; } /* rounded bars needs a different background here */ div.roundframe div.cat_bar { background: #151821; margin-bottom: 0; } div.roundframe div.cat_bar h3.catbg { background: #151821; } div.title_barIC { background: #1b1d29; border-bottom: 0px solid #f1cf2b; padding-left: 9px; height: 40px; overflow: hidden; } div.title_barIC h4.titlebg { background: #1b1d29; border-bottom: 0px solid #f1cf2b; } #upshrinkHeaderIC p.pminfo { margin: 0; padding: 0.5em; } img#upshrink_ic, img#newsupshrink { float: right; margin: 10px 5px 0 0; } table.table_list a.unreadlink, table.table_list a.collapse { float: right; } table.table_list a.collapse { margin: 10px 5px 0 1em; height: 40px; line-height: 40px; } /* The half-round header bars for some tables. */ .table_grid tr.catbg, .table_grid tr.titlebg { font-size: 0.95em; border-bottom: 1px solid #10131a; } .table_grid tr.catbg th, .table_grid tr.titlebg th { height: 38px; line-height: 38px; } tr.catbg th.first_th { background: #151821; } tr.catbg th.last_th { background: #151821; } tr.titlebg th.first_th { background: #151821; } tr.titlebg th.last_th { background: #151821; } .table_grid th.last_th input { margin: 0 2px; } .table_grid th.lefttext { padding: 0 0.7em; } /* a general table class */ table.table_grid { border-collapse: collapse; margin-top: 0.1em; } table.table_grid td { padding: 3px; border-bottom: 1px solid #10131a; border-right: 1px solid #10131a; border-left: 1px solid #10131a; } /* GenericList */ .additional_row { padding: 0.5em 0 0.5em 0; } table.table_grid thead tr.catbg th { white-space: nowrap; } /* table_grid styles for Profile > Show Permissions. */ #permissions table.table_grid td { padding: 0.4em 0.8em; cursor: default; } /* Common styles used to add corners to divisions. ------------------------------------------------------- */ .windowbg span.topslice { display: block; padding-left: 20px; background: url(../images/theme/main_block.png) 0 -30px no-repeat; } .windowbg span.topslice span { display: block; background: url(../images/theme/main_block.png) 100% -30px no-repeat; height: 11px; } .windowbg span.botslice { display: block; padding-left: 20px; background: url(../images/theme/main_block.png) 0 -40px no-repeat; font-size: 5px; line-height: 5px; margin-bottom: 0.2em; } .windowbg span.botslice span { display: block; background: url(../images/theme/main_block.png) 100% -40px no-repeat; height: 11px; } .windowbg2 span.topslice { display: block; padding-left: 20px; background: url(../images/theme/main_block.png) 0 -60px no-repeat; } .windowbg2 span.topslice span { display: block; background: url(../images/theme/main_block.png) 100% -60px no-repeat; height: 11px; } .windowbg2 span.botslice { display: block; padding-left: 20px; background: url(../images/theme/main_block.png) 0 -71px no-repeat; font-size: 5px; line-height: 5px; margin-bottom: 0.2em; } .windowbg2 span.botslice span { display: block; background: url(../images/theme/main_block.png) 100% -71px no-repeat; height: 11px; } .approvebg span.topslice { display: block; padding-left: 20px; background: url(../images/theme/main_block.png) 0 0 no-repeat; } .approvebg span.topslice span { display: block; background: url(../images/theme/main_block.png) 100% 0 no-repeat; height: 11px; } .approvebg span.botslice { display: block; padding-left: 20px; background: url(../images/theme/main_block.png) 0 -11px no-repeat; margin-bottom: 0.2em; } .approvebg span.botslice span { display: block; background: url(../images/theme/main_block.png) 100% -11px no-repeat; height: 11px; } .postbg { border-left: 1px solid #7f7f7f; border-right: 1px solid #7f7f7f; } /* Used for sections that need somewhat larger corners. ----------------------------------------------------------- */ .roundframe { padding: 10px 10px; background: #151821; } .roundframe dl, .roundframe dt, .roundframe p { margin: 0; } .roundframe p { padding: 7px; } span.upperframe { padding: 0; display: block; background: url(../images/theme/main_block.png) 0 -90px no-repeat; padding-left: 20px; } span.upperframe span { padding: 0; height: 12px; display: block; background: url(../images/theme/main_block.png) 100% -90px no-repeat; } span.lowerframe { padding: 0; display: block; background: url(../images/theme/main_block.png) 0 -102px no-repeat; padding-left: 20px; } span.lowerframe span { padding: 0; height: 12px; display: block; background: url(../images/theme/main_block.png) 100% -102px no-repeat; } /* The main content area. ------------------------------------------------------- */ .content { padding: 0.5em 1.2em; margin: 0; border: none; } .content p { margin: 0 0 0.5em 0; } /* Styles used by the auto suggest control. ------------------------------------------------------- */ .auto_suggest_div { border: 1px solid #000; position: absolute; visibility: hidden; } .auto_suggest_item { background-color: #f1cf2b; color: black; } .auto_suggest_item_hover { background-color: #black; color: #f1cf2b; cursor: pointer; color: #eee; } #main_menu { padding: 0 0.5em; float: left; margin: 0; width: 98%; } .dropmenu, .dropmenu ul { list-style: none; line-height: 1em; padding: 0; margin: 0; } .dropmenu li { float: left; padding: 0 0 2px; margin: 0 2px 0 0; position: relative; } .dropmenu li a { display: block; padding: 0 8px; color: #FFFFFF; white-space: pre; font-size: 12px; } .dropmenu > li > a { background: #151821; border: 1px solid #10131a; height: 25px; line-height: 23px; transition: all 0.8s ease 0s; } .dropmenu > li > a.active { background: #f1cf2b; color: #151821; } .dropmenu li:hover > a { background: #f1cf2b; color: #151821; cursor: pointer; text-decoration: none; } .dropmenu li ul { z-index: 90; position: absolute; width: 260px; left: -999em; border: 1px solid #10131a; background: #151821; padding: 10px 0; margin-top: -10px; } .dropmenu li li { width: 260px; margin: 0; } .dropmenu li li a { padding: 0 15px; line-height: 30px; } .dropmenu li li a:hover { color: #151821; transition: all 0.8s ease 0s; } .dropmenu li:hover ul { left: 0; top: 36px; } .dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul { top: -999em; left: auto; } .dropmenu li li:hover ul, .dropmenu li li li:hover ul, .dropmenu li li li li:hover ul { left: 245px; top: 0; } /* The dropdown menu toggle image */ #menu_toggle { float: right; margin-right: 10px; padding-top: 3px; } #menu_toggle span { position: relative; right: 5000px; } /* Styles for the standard button lists. ------------------------------------------------------- */ .buttonlist ul { z-index: 100; padding: 5px; margin: 0 0.2em 5px 0; } .buttonlist ul li { margin-bottom: 5px; padding: 0; list-style: none; float: left; } .buttonlist ul li a { display: block; font-size: 11px; background: #151821; color: #FFFFFF; border: 1px solid #10131a; padding: 6px 10px; text-transform: uppercase; cursor: pointer; } .buttonlist ul li a:hover { background: #f1cf2b; color: #151821; text-decoration: none; } /* the active one */ .buttonlist ul li a.active { background: #f1cf2b; color: #151821; font-weight: bold; } .buttonlist ul li a.active { font-weight: bold; } .buttonlist ul li a.active:hover { background: #151821; color: #f1cf2b; } .buttonlist .dugmicizaodgovore-message li + li { margin-left: 0; } ul.dugmicizaodgovore-message { list-style: none; margin: 0; padding: 0; height: 20px; } ul.dugmicizaodgovore-message li { float: left; } ul.dugmicizaodgovore-message i { display: none; } .align_top ul li a, .align_bottom ul li a { margin: 0 12px 0 0; } /* the navigation list */ ul#navigation { margin: 0; font-size: 0.9em; padding: 1em 0.4em; } ul#navigation li { float: none; font-size: 0.95em; display: inline; } #adm_submenus { padding-left: 2em; overflow: hidden; } /* Styles for the general looks for the Curve theme. ------------------------------------------------------- */ /* the content section */ #content_section { background: #1b1d29; padding: 20px; } #main_content_section { width: 100%; //min-height: 200px; } /* the main title, always stay at 45 pixels in height! */ h1.forumtitle { line-height: 45px; font-size: 1.8em; font-family: Geneva, verdana, sans-serif; margin: 0; padding: 0; float: left; } /* float these items to the right */ #siteslogan, img#smflogo { margin: 0; padding: 0; float: right; line-height: 3em; } h3, h4 { padding-bottom: 3px; } /* the upshrink image needs some tweaking */ img#upshrink { float: right; margin: 1em; } /* ..so does the SMF logo */ img#smflogo { margin-left: 1em; } /* the upper_section, float the two each way */ #upper_section { padding: 5px; margin-bottom: 1.5em; } #upper_section ul li.greeting { font-size: 1.3em; font-weight: bold; line-height: 1.5em; } #upper_section div.news { width: 50%; float: right; text-align: right; } #guest_form { overflow: hidden; } #guest_form .info { padding: 4px 0 ; line-height: 1.3em; } div#upper_section div.user { width: 50%; float: left; overflow: auto; } div#upper_section div.user p { float: left; margin: 0 1em 1em 0; padding: 0; } div#upper_section div.user ul { margin: 0; padding-left: 10px; } div#upper_section div.user ul li { margin-bottom: 2px; } div#upper_section div.news p { display: inline; } div#upper_section div.news form { padding-bottom: 10px; } /* clearing the floats */ #top_section { min-height: 65px; overflow: hidden; margin-bottom: 3px; } #upper_section { overflow: hidden; } /* The navigation list (i.e. linktree) */ .linktree-list { float: left; } .navigate_section { padding: 0; margin: 0; } .navigate_section ul { display: block; margin: 0; padding: 0; overflow: hidden; list-style: none; clear: both; width: 100%; } .navigate_section ul li { float: left; padding: 0 0.5em 0 0; font-size: 0.95em; } .navigate_section ul li a { white-space: pre; } /* The footer wih copyright links etc. */ #footer_section { background: #151821; padding: 20px; margin-top: 30px; text-align: center; } .footer-center { margin: 20px 40px 20px 40px; width: 25%; display: inline-block; vertical-align: top; } .footer-center ul { padding: 0; margin: 0; list-style: none; text-align: left; } .footer-center ul li { height: 25px; line-height: 25px; text-transform: uppercase; } .footer-center a:hover { padding-left: 10px; } .footer-center p { text-transform: uppercase; text-align: left; color: #FFFFFF; font-size: 18px; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #FFFFFF; } .under-footer { background: #10131a; padding: 20px; } .under-footer::after{ content: ''; display: block; clear: both; } .footer-author i { color: #EF4836; font-size: 14px; -webkit-animation-name: pulse2; animation-name: pulse2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes pulse2 { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse2 { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } select.qaction, input.qaction { font-size: 0.85em; padding: 0; } #mlist table tbody td.windowbg2 { text-align: center; } /* Styles for a typical table. ------------------------------------------------------- */ table.table_list { width: 100%; } table.table_list_board { width: 73%; } table.side_bar { width: 26%; } table.table_list p { padding: 0; margin: 0; } table.table_list td, table.table_list th { padding: 5px; } table.table_list tbody.header td { padding: 0; } table.table_list tbody.content td.stats { font-size: 90%; width: 13%; text-align: center; } table.table_list tbody.content td.lastpost { line-height: 1.3em; font-size: 85%; width: 28%; } table.table_list tbody.content td.noavatarfix { width: 20%; } table.table_list tbody.content td.icon { text-align: center; width: 6%; } /* Styles for the board index. ------------------------------------------------- */ /* the board title! */ .table_list tbody.content td.info a.subject { font-weight: bold; font-size: 110%; color: #f1cf2b; } .table_list tbody.content td.info a.subject:hover { color: #fff294; } .table_list tbody.content td.children { color: #DDDDDD; font-size: 85%; } p.moderators { font-size: 0.8em; } /* hide the table header/footer parts - but its here for those needing to style it */ #boardindex_table .table_list thead, #boardindex_table .table_list tfoot { display: none; } /* the posting icons */ #posting_icons { padding: 0 1em 0.5em 1em; margin: 0 0 1em 0; line-height: 1em; } #posting_icons ul { font-size: 0.8em; } #posting_icons img { vertical-align: middle; margin: 0 0 0 4ex; } #postbuttons_upper ul li a span { line-height: 19px; padding: 0 0 0 6px; } .nextlinks { text-align: right; margin-top: -1px; } .nextlinks_bottom { clear: right; text-align: right; } .mark_read { padding: 0 0.8em; float: right; } /* the newsfader */ #newsfader { margin: 0 2px 10px 0; background: #151821; overflow: auto; padding: 15px; } #newsfader i { float: left; color: #FFFFFF; font-size: 38px; margin-left: 10px; margin-right: 14px; } .news-title { color: #f1cf2b; float: left; font-size: 18px; font-weight: bold; } #smfFadeScroller { float: left; padding: 0; margin: 0; list-style: none; color: #FFFFFF; /* shouldn't be shorthand style due to a JS bug in IE! */ } /* Styles for the info center on the board index. ---------------------------------------------------- */ #upshrinkHeaderIC { margin-top: 4px; margin-left: auto; margin-right: auto; } dl#ic_recentposts { margin: 0 0 0.5em 0; padding: 0.5em; line-height: 1.3em; } dl#ic_recentposts dt { float: left; } dl#ic_recentposts dd { text-align: right; } .roundframe p.last { margin: 0; padding: 0.5em; border-top: 2px dotted #bbb; } #upshrinkHeaderIC p.inline { border: none; margin: 0; padding: 0.2em 0.5em 0.2em 0.5em; } #upshrinkHeaderIC p.stats { font-size: 1.1em; padding-top: 8px; } form#ic_login { padding: 0.5em; height: 2em; } form#ic_login ul li { margin: 0; padding: 0; float: left; width: 20%; text-align: center; } form#ic_login ul li label { display: block; } /* the small stats */ #index_common_stats { display: block; margin: 0 0 0.5em 0; text-align: right; font-size: 0.9em; position: relative; top: -20px; line-height: 1px; } img.new_posts { padding: 0 0.1em; } /* Styles for the message (topic) index. ---------------------------------------------------- */ div.table_frame .table_list { border-collapse: collapse; margin: 2px 0; } .table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats { border-right: 1px solid #10131a; } #messageindex { clear: both; } /* the page navigation area */ .childboards { margin-bottom: 0.2em; } #childboards h3 { padding-bottom: 0; } #childboards .table_list thead { display: none; } #childboards .table_list { margin-bottom: 1em; } .lastpost img { float: right; padding: 4px; } /* Styles for the display template (topic view). ---------------------------------------------------- */ #postbuttons div.buttons { padding: 0.5em; width: 40%; float: right; } #postbuttons div.middletext { width: 60%; } #postbuttons span { display: block; text-align: right; } #postbuttons span.lower { clear: right; } #postbuttons .buttonlist { float: right; } #postbuttons #pagelinks { padding-top: 1em; } #moderationbuttons { overflow: hidden; } /* Events */ .linked_events { padding: 1em 0; } .edit_event { margin: 0 1em; vertical-align: middle; } /* Poll question */ #poll { overflow: hidden; } #poll .content { padding: 0 1em; } h4#pollquestion { padding: 0 0 0.5em 2em; } /* Poll vote options */ #poll_options ul.options { border-top: 1px solid #10131a; padding: 1em 2.5em 0 2em; margin: 0 0 1em 0; } #poll_options div.submitbutton { border-bottom: 1px solid #10131a; clear: both; padding: 0 0 1em 2em; margin: 0 0 1em 0; } /* Poll results */ #poll_options dl.options { border: solid #10131a; border-width: 1px 0; padding: 1em 2.5em 1em 2em; margin: 0 1em 1em 0; line-height: 1.1em !important; } #poll_options dl.options dt { padding: 0.3em 0; width: 30%; float: left; margin: 0; clear: left; } #poll_options dl.options .voted { font-weight: bold; } #poll_options dl.options dd { margin: 0 0 0 2em; padding: 0.1em 0 0 0; width: 60%; max-width: 450px; float: left; } #poll_options dl.options .percentage { display: block; float: right; padding: 0.2em 0 0.3em 0; } /* Poll notices */ #poll_options p { margin: 0 1.5em 0.2em 1.5em; padding: 0 0.5em 0.5em 0.5em; } div#pollmoderation { margin: 5px 0 0 0; padding: 0; overflow: auto; } /* onto the posts */ #forumposts { clear: both; } #forumposts .cat_bar { margin: 0 0 2px 0; } /* author and topic information */ #forumposts h3 span#author { margin: 0 7.7em 0 0; } #forumposts h3 img { float: left; margin: 9px 0.5em 0 0; } #forumposts h3.catbg { margin-bottom: 3px; } p#whoisviewing { margin: 0 0 5px 0; padding: 0.5em; background: #151821; border: 1px solid #10131a; } .whos_viewing { font-size: 12px; } /* poster and postarea + moderation area underneath */ .post_wrapper { float:left; width:100%; } .poster { background: #1b1d29; border: 1px solid #10131a; float: left; width: 17em; margin-left: 10px; padding: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .postarea, .moderatorbar { margin: 0 0 0 19em; } .postarea div.flow_hidden { width: 100%; } .moderatorbar { clear: right; } /* poster details and list of items */ .poster dl { clear: right; overflow: auto; margin: 0; padding: 0; } .poster dt { width: 40%; float: left; margin: 0; padding-left: 5px; clear: both; text-align: left; } .poster dd { width: 60%; float: left; margin: 0; padding-right: 5px; text-align: right; } .poster-link { background: #f1cf2b; margin-bottom: 5px; text-align: center; padding-top: 2px; padding-bottom: 2px; border: 1px solid #121212; font-size: 12px; color: #151821; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .poster h4, .poster ul { padding: 0; margin: 0; } .poster h4 img { float: right; margin-right: -19px; margin-top: -7px; } .poster h4 { background: #151821; border: 1px solid #10131a; font-size: 14px; font-weight: normal; padding: 6px 0 6px 0; text-align: center; } .poster ul li { background: #151821; border: 1px solid #10131a; margin-top: 5px; text-align: center; padding-top: 3px; padding-bottom: 3px; } .poster ul li i { font-size: 16px; height: 20px; width: 20px; line-height: 20px; text-align: center; background: #1b1d29; border: 1px solid #10131a; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .poster ul li i:hover { background: #f1cf2b; color: #FFFFFF; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } .poster ul ul { margin: 0.3em 1em 0 0; padding: 0; } .poster ul ul li { display: inline; } .poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul { margin-top: 0.5em; } .poster li.avatar { overflow: hidden; } .poster li.avatar img { height: 150px; width: 150px; border: 1px solid #121212; } .poster li.profile { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } li.profile ul li { border: 0; } .poster li.warning { line-height: 1.2em; padding-top: 1em; } .poster li.warning a img { vertical-align: bottom; padding: 0 0.2em; } .poster-ban { padding-top: 4px; padding-bottom: 4px; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background: rgb(255,48,25); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); } .messageicon { float: left; margin-top: -49px; margin-left: 10px; } .messageicon img { padding: 6px 3px; } .keyinfo { float: left; width: 50%; } .modifybutton { clear: right; float: right; margin: 6px 20px 10px 0; text-align: right; font: bold 0.85em 'Lato', sans-serif; color: #334466; } .display-on { color: #2ECC71; } .display-off { color: #EF4836; } .display-title { margin-right: 12px; background: #f1cf2b; height: 50px; line-height: 50px; text-align: center; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .display-title input { background: #f1cf2b; COLOR: BLACK; border: 0; padding: 0; margin: 0; height: 49px; } .display-title h5 a { color: #151821; font-size: 16px; font-weight: normal; } .display-title h5 a:hover { color: #1b1d29; } .display-date { margin-right: 12px; background: #1b1d29; border: 1px solid #10131a; border-bottom: none; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 10px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .arrow-left { margin-top: 11px; margin-left: -12px; position: absolute; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #f1cf2b; } li.poster-email img { height: 140px; width: 140px; border: 1px solid #10131a; margin-top: 10px; background: #f5f5f5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5f5f5 0%,#a5a3a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } li.poster-email i { background: #1b1d29; border: 1px solid #10131a; height: 35px; width: 35px; line-height: 35px; display: inline-block; text-align: center; font-size: 12px; margin-top: 5px; margin-bottom: 5px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } li.poster-email i:hover { background: #f1cf2b; color: #FFFFFF; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } /* The quick buttons */ div.quickbuttons_wrap { padding: 0.2em 0; width: 100%; float: left; } ul.quickbuttons { margin: 0.9em 11px 0 0; clear: right; float: right; text-align: right; font: bold 0.85em arial, sans-serif; } ul.quickbuttons li { float: left; display: inline; margin: 0 0 0 11px; } ul.quickbuttons li a { padding: 0 0 0 20px; display: block; height: 20px; line-height: 18px; float: left; } ul.quickbuttons a:hover { color: #a70; } ul.quickbuttons li.quote_button { background: url(../images/theme/quickbuttons.png) no-repeat 0 0; } ul.quickbuttons li.remove_button { background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px; } ul.quickbuttons li.modify_button { background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px; } ul.quickbuttons li.approve_button { background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px; } ul.quickbuttons li.restore_button { background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px; } ul.quickbuttons li.split_button { background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px; } ul.quickbuttons li.reply_button { background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px; } ul.quickbuttons li.reply_all_button { background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px; } ul.quickbuttons li.notify_button { background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px; } ul.quickbuttons li.inline_mod_check { margin: 0 0 0 5px; } .post { margin-top: 0.5em; clear: right; } .inner { padding: 10px 1em 2px 0; margin: 0; } img.smiley { vertical-align: bottom; } #forumposts .modified { float: left; } #forumposts .reportlinks { margin-right: 1.5em; text-align: right; clear: right; } #forumposts .modified span { background: #1b1d29; border: 1px solid #10131a; font-size: 11px; padding: 3px 7px 3px 7px; } #forumposts .reportlinks { margin-right: 1.5em; text-align: right; clear: right; } #forumposts .reportlinks span a { background: #1b1d29; border: 1px solid #10131a; padding: 3px 7px 3px 7px; } #forumposts .reportlinks span a:hover { background: #f1cf2b; color: black; } #forumposts .signature, .post .signature { margin: 1em 0 0 0; } #forumposts span.botslice { clear: both; } .attachments hr { clear: both; margin: 1em 0 1em 0; } .attachments { padding: 1em 0 2em 0; } .attachments div { padding: 0 0.5em; } /* Styles for the quick reply area. ---------------------------------------------------- */ #quickreplybox { padding-bottom: 1px; } #quickReplyOptions .roundframe { padding: 0 10%; } #quickReplyOptions form textarea { height: 100px; width: 635px; max-width: 100%; min-width: 100%; margin: 0.25em 0 1em 0; } /* The jump to box */ #display_jump_to { clear: both; padding: 5px; margin-top: 6px; text-align: right; } /* Separator of posts. More useful in the print stylesheet. */ #forumposts .post_separator { display: none; } /* Styles for edit post section ---------------------------------------------------- */ form#postmodify .roundframe { padding: 0 12%; } #post_header, .postbox { padding: 0.5em; overflow: hidden; } #post_header dt, .postbox dt { float: left; padding: 0; width: 15%; margin: .5em 0 0 0; font-weight: bold; } #post_header dd, .postbox dd { float: left; padding: 0; width: 83%; margin: .3em 0; } #post_header img { vertical-align: middle; } ul.post_options { margin: 0 0 0 1em; padding: 0; list-style: none; overflow: hidden; } ul.post_options li { margin: 0.2em 0; width: 49%; float: left; } #postAdditionalOptionsHeader { margin-top: 1em; } #postMoreOptions { border-bottom: 1px solid #cacdd3; padding: 0.5em; } #postAttachment, #postAttachment2 { overflow: hidden; margin: .5em 0; padding: 0; border-bottom: 1px solid #cacdd3; padding: 0.5em; } #postAttachment dd, #postAttachment2 dd { margin: .3em 0 .3em 1em; } #postAttachment dt, #postAttachment2 dt { font-weight: bold; } #postAttachment3 { margin-left: 1em; } #post_confirm_strip, #shortcuts { padding: 1em 0 0 0; } .post_verification { margin-top: .5em; } .post_verification #verification_control { margin: .3em 0 .3em 1em; } /* The BBC buttons */ #bbcBox_message { margin: 0.75em 0.5em; } #bbcBox_message div { margin: 0.2em 0; vertical-align: top; } #bbcBox_message div img { margin: 0 1px 0 0; vertical-align: top; } #bbcBox_message select { margin: 0 2px; } /* The smiley strip */ #smileyBox_message { margin: 0.5em; } /* Styles for edit event section ---------------------------------------------------- */ #post_event .roundframe { padding: 0 12%; } #post_event fieldset { padding: 0.5em; clear: both; } #post_event #event_main input { margin: 0 0 1em 0; float: left; } #post_event #event_main div.smalltext { width: 33em; float: right; } #post_event div.event_options { float: right; } #post_event ul.event_main, ul.event_options { padding: 0; overflow: hidden; } #post_event ul.event_main li { list-style-type: none; margin: 0.2em 0; width: 49%; float: left; } #post_event ul.event_options { margin: 0; padding: 0 0 .7em .7em; } #post_event ul.event_options li { list-style-type: none; margin: 0; float: left; } #post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check { margin: 0 1em 0 0; } /* Styles for edit poll section. ---------------------------------------------------- */ #edit_poll { overflow: hidden; } #edit_poll fieldset { padding: 0.5em; clear: both; overflow: hidden; } #edit_poll fieldset input { margin-left: 8.1em; } #edit_poll ul.poll_main li { padding-left: 1em; } #edit_poll ul.poll_main input { margin-left: 1em; } #edit_poll ul.poll_main, dl.poll_options { overflow: hidden; padding: 0 0 .7em .7em; list-style: none; } #edit_poll ul.poll_main li { margin: 0.2em 0; } #edit_poll dl.poll_options dt { width: 33%; padding: 0 0 0 1em; } #edit_poll dl.poll_options dd { width: 65%; } #edit_poll dl.poll_options dd input { margin-left: 0; } /* Styles for the recent messages section. ---------------------------------------------------- */ #readbuttons_top .pagelinks, #readbuttons .pagelinks { padding-bottom: 1em; width: 60%; } #readbuttons .pagelinks { padding-top: 1em; } #recent { clear: both; } /* Styles for the move topic section. ---------------------------------------------------- */ #move_topic dl { margin-bottom: 0; } #move_topic dl.settings dt { width: 40%; } #move_topic dl.settings dd { width: 59%; } .move_topic { width: 710px; margin: auto; text-align: left; } div.move_topic fieldset { padding: 0.5em; } /* Styles for the send topic section. ---------------------------------------------------- */ fieldset.send_topic { border: none; padding: 0.5em; } dl.send_topic { margin-bottom: 0; } dl.send_mail dt { width: 35%; } dl.send_mail dd { width: 64%; } /* Styles for the report topic section. ---------------------------------------------------- */ #report_topic dl { margin-bottom: 0; } #report_topic dl.settings dt { width: 20%; } #report_topic dl.settings dd { width: 79%; } /* Styles for the split topic section. ---------------------------------------------------- */ div#selected, div#not_selected { width: 49%; } ul.split_messages li.windowbg, ul.split_messages li.windowbg2 { margin: 1px; } ul.split_messages li a.split_icon { padding: 0 0.5em; } ul.split_messages div.post { padding: 1em 0 0 0; border-top: 1px solid #fff; } /* Styles for the merge topic section. ---------------------------------------------------- */ ul.merge_topics li { list-style-type: none; } dl.merge_topic dt { width: 25%; } dl.merge_topic dd { width: 74%; } fieldset.merge_options { clear: both; } .custom_subject { margin: 0.5em 0; } /* Styles for the login areas. ------------------------------------------------------- */ .login { width: 540px; margin: 0 auto; } .login dl { overflow: auto; clear: right; } .login dt, .login dd { margin: 0 0 0.4em 0; width: 44%; padding: 0.1em; } .login dt { float: left; clear: both; text-align: right; font-weight: bold; } .login dd { width: 54%; float: right; text-align: left; } .login p { text-align: center; } /* Styles for the registration section. ------------------------------------------------------- */ .register_error { border: 1px dashed red; padding: 5px; margin: 0 1ex 1ex 1ex; } .register_error span { text-decoration: underline; } /* Additional profile fields */ dl.register_form { margin: 0; clear: right; } dl.register_form dt { font-weight: normal; float: left; clear: both; width: 50%; margin: 0.5em 0 0 0; } dl.register_form dt strong { font-weight: bold; } dl.register_form dt span { display: block; } dl.register_form dd { float: left; width: 49%; margin: 0.5em 0 0 0; } #confirm_buttons { text-align: center; padding: 1em 0; } .coppa_contact { padding: 4px; width: 32ex; background-color: #fff; color: #000; margin-left: 5ex; border: 1px solid #000; } .valid_input { background-color: #f5fff0; color: black; } .invalid_input { color: black; background-color: #fff0f0; } /* Styles for maintenance mode. ------------------------------------------------------- */ #maintenance_mode { width: 75%; min-width: 520px; text-align: left; } #maintenance_mode img.floatleft { margin-right: 1em; } /* common for all admin sections */ h3.titlebg img { vertical-align: middle; margin-right: 0.5em; margin-top: -1px; } tr.titlebg td { padding-left: 0.7em; } #admin_menu { min-height: 2em; padding-left: 0; } #admin_content { clear: left; padding-top: 0.5em; } /* Custom profile fields like to play with us some times. */ #admin_content .custom_field { margin-bottom: 15px; } #admin_login .centertext { padding: 1em; } #admin_login .centertext .error { padding: 0 0 1em 0; } /* Styles for sidebar menus. ------------------------------------------------------- */ .left_admmenu, .left_admmenu ul, .left_admmenu li { padding: 0; margin: 0; list-style: none; } #left_admsection { width: 160px; float: left; padding-right: 10px; } .adm_section h4.titlebg { font-size: 95%; margin-bottom: 5px; } #main_container { position: relative; } .left_admmenu li { padding: 0 0 0 0.5em; } .left_admmenu { margin-bottom: 0.5em; } #main_admsection { position: relative; left: 0; right: 0; overflow: hidden; } tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td { padding: 0.3em 0.7em; } #credits p { padding: 0; font-style: italic; margin: 0; } /* Styles for generic tables. ------------------------------------------------------- */ .topic_table table { width: 100%; } .topic_table .icon1, .topic_table .icon2, .topic_table .stats { text-align: center; } #topic_icons { margin: 1em 0 0 0; } #topic_icons .description { margin: 0; } .topic_table table thead { border-bottom: 1px solid #10131a; } /* the subject column */ .topic_table td { font-size: 1em; } .topic_table td.subject p, .topic_table td.stats { font-size: 0.85em; padding: 0; margin: 0; } .topic_table td.lastpost { font-size: 0.85em; line-height: 1.3em; padding: 4px; } .topic_table td.stickybg2 { background-image: url(../images/icons/quick_sticky.png); background-repeat: no-repeat; background-position: 98% 4px; } .topic_table td.superstickybg2 { background-image: url(../images/icons/super_sticky.png); background-repeat: no-repeat; background-position: 98% 4px; } .topic_table td.lockedbg2 { background-image: url(../images/icons/quick_lock.png); background-repeat: no-repeat; background-position: 98% 4px; } .topic_table td.locked_sticky2 { background-image: url(../images/icons/quick_sticky_lock.png); background-repeat: no-repeat; background-position: 98% 4px; } .topic_table td.lastpost { background-image: none; } /* Styles for (fatal) errors. ------------------------------------------------- */ #fatal_error { width: 80%; margin: auto; } .errorbox { padding: 1em; border: 1px solid #cc3344; color: #000; background-color: #ffe4e9; margin-bottom: 1em; } .errorbox h3 { padding: 0; margin: 0; font-size: 1.1em; text-decoration: underline; } .errorbox p { margin: 1em 0 0 0; } .errorbox p.alert { padding: 0; margin: 0; float: left; width: 1em; font-size: 1.5em; } /* Styles for the profile section. ------------------------------------------------- */ dl { overflow: auto; margin: 0; padding: 0; } /* The basic user info on the left */ #basicinfo { width: 20%; float: left; } #basicinfo .windowbg .content { padding-left: 20px; } #detailedinfo { width: 100%; float: right; } #basicinfo h4 { font-size: 135%; font-weight: 100; line-height: 105%; white-space: pre-wrap; overflow: hidden; } #basicinfo h4 span.position { font-size: 80%; font-weight: 100; display: block; } #basicinfo img.avatar { display: block; margin: 10px 0 0 0; } #basicinfo ul { list-style-type: none; margin: 10px 0 0 0; } #basicinfo ul li { display: block; float: left; margin-right: 5px; height: 20px; } #basicinfo span#userstatus { display: block; clear: both; } #basicinfo span#userstatus img { vertical-align: middle; } #detailedinfo div.content dl, #tracking div.content dl { clear: right; overflow: auto; margin: 0; padding: 0; } #detailedinfo div.content dt, #tracking div.content dt { width: 35%; float: left; margin: 0 0 3px 0; padding: 0; font-weight: bold; clear: both; } #detailedinfo div.content dd, #tracking div.content dd { width: 65%; float: left; margin: 0 0 3px 0; padding: 0; } #detailedinfo div.content dl.noborder { border-bottom: 0; } #detailedinfo div.content dt.clear { width: 100%; } .signature, .custom_fields_above_signature { border-top: 1px #10131a solid; } .signature h5 { font-size: 0.85em; margin-bottom: 10px; } #personal_picture { display: block; margin-bottom: 0.3em; } #avatar_server_stored div { float: left; } #avatar_upload { overflow: auto; } #main_admsection #basicinfo, #main_admsection #detailedinfo { width: 100%; } #main_admsection #basicinfo h4 { float: left; width: 35%; } #main_admsection #basicinfo img.avatar { float: right; vertical-align: top; } #main_admsection #basicinfo ul { clear: left; } #main_admsection #basicinfo span#userstatus { clear: left; } #main_admsection #basicinfo p#infolinks { display: none; clear: both; } #main_admsection #basicinfo .botslice { clear: both; } /* Simple feedback messages */ div#profile_error, div#profile_success { margin: 0 0 1em 0; padding: 1em 2em; border: none; } div#profile_error { border: none; color: #FFFFFF; background: #e74c3c; } div#profile_error span { text-decoration: underline; } div#profile_success { color: #FFFFFF; background: #2ecc71; border: none; } /* Profile statistics */ #generalstats div.content dt { width: 50%; float: left; margin: 0 0 3px 0; padding: 0; font-weight: bold; clear: both; } #generalstats div.content dd { width: 50%; float: left; margin: 0 0 3px 0; padding: 0; } /* Activity by time */ #activitytime { margin: 6px 0; } .activity_stats { margin: 0; padding: 0; list-style: none; } .activity_stats li { margin: 0; padding: 0; width: 4.16%; float: left; } .activity_stats li span { display: block; border: solid #000; border-width: 1px 1px 0 0; text-align: center; } .activity_stats li.last span { border-right: none; } .activity_stats li div.bar { margin: 0 auto; width: 15px; } .activity_stats li div.bar div { background: orange; } .activity_stats li div.bar span { position: absolute; top: -1000em; left: -1000em; } /* Most popular boards by posts and activity */ #popularposts { width: 49.5%; float: left; } #popularactivity { width: 49.5%; float: right; } #popularposts div.content dt, #popularactivity div.content dt { width: 65%; float: left; margin: 0 0 3px 0; padding: 0; font-weight: bold; clear: both; } #popularposts div.content dd, #popularactivity div.content dd { width: 35%; float: left; margin: 0 0 3px 0; padding: 0; } .profile_pie { background-image: url(../images/stats_pie.png); float: left; height: 20px; width: 20px; margin: 0 1em 0 0; padding: 0; text-indent: -1000em; } /* View posts */ .topic .time { float: right; } .counter { margin: 0 0 0 0; padding: 0.2em 0.5em 0.1em 0.2em; font-size: 2.2em; font-weight: bold; color: #3f3f3f; float: left; } .list_posts { border-top: 2px solid #b3b3bf; padding-top: 12px; margin-top: 6px; overflow: auto; } .core_posts { margin-bottom: 3px; } .topic h4 { margin: 3px 0; } .topic .post { margin: 0 1em; min-height: 80px; height: auto !important; height: 80px; } .topic .mod_icons { text-align: right; margin-right: 1em; } #tracking div.content dl { border-bottom: 0; margin: 0; padding: 0; } #creator dl { margin: 0; } #creator dt { width: 40%; float: left; clear: both; margin: 0 0 10px 0; } #creator dd { float: right; width: 55%; margin: 0 0 10px 2px; overflow: auto; } .ignoreboards { margin: 0 2%; padding: 0; width: 45%; } .ignoreboards a { font-weight: bold; border-bottom: 1px solid #c4c4c4; padding: 0.1em 0; } .ignoreboards a:hover { text-decoration: none; border-bottom: 1px solid #334466; } .ignoreboards ul { margin: 0; padding: 0; } .ignoreboards li { list-style: none; float: left; clear: both; } .ignoreboards li.category { margin: 0.7em 0 0 0; width: 100%; } .ignoreboards li ul { margin: 0.2em 0 0 0; } .ignoreboards li.category ul li.board { width: 93%; } #theme_settings { overflow: auto; margin: 0; padding: 0; } #theme_settings li { list-style: none; margin: 10px 0; padding: 0; } /* Paid Subscriptions */ #paid_subscription { width: 100%; } #paid_subscription dl.settings { margin-bottom: 0; } #paid_subscription dl.settings dd, #paid_subscription dl.settings dt { margin-bottom: 4px; } /* Pick theme */ #pick_theme { width: 100%; float: left; } /*Issue a warning*/ #warn_body{ width: 80%; font-size: 0.9em; } /* Styles for the statistics center. ------------------------------------------------- */ #statistics { padding: 0.5em 0; } #statistics div.title_bar { margin: 4px 0 -2px 0; } #statistics h3.catbg { text-align: center; } #statistics div.content { min-height: 210px; } #statistics div.top_row { min-height: 150px; } #stats_left, #top_posters, #top_topics_replies, #top_topics_starter { float: left; width: 49.5%; } #stats_right, #top_boards, #top_topics_views, #most_online { float: right; width: 49.5%; } dl.stats { clear: both; overflow: hidden; margin: 0; padding: 0; } dl.stats dt { width: 49%; float: left; margin: 0 0 4px 0; line-height: 16px; padding: 0; clear: both; font-size: 1em; } dl.stats dd { text-align: right; width: 50%; font-size: 1em; float: right; margin: 0 0 4px 0; line-height: 16px; padding: 0; } .statsbar div.bar { float: left; background: orange; display: block; margin: 0 4px; height: 16px; min-width: 17px; } .statsbar div.bar div { position: relative; right: -4px; padding: 0 4px 0 0; background: orange; height: 16px; } tr.windowbg2 th.stats_month { width: 25%; padding: 0 2em; text-align: left; } tr.windowbg2 td.stats_day { padding: 0 3.5em; text-align: left; } /* Styles for the personal messages section. ------------------------------------------------- */ #personal_messages h3 span#author, #personal_messages h3 span#topic_title { float: left; } #personal_messages h3 span#author { margin: 0 0 0 0.5em; } #personal_messages h3 span#topic_title { margin: 0 0 0 9em; } #personal_messages div.labels { padding: 0 1em 0 0; } #personal_messages .capacity_bar { background: #f0f4f7; display: block; margin: 0.5em 0 0 1em; height: 1em; border: 1px solid #adadad; width: 10em; } #personal_messages .capacity_bar span { border-right: 1px solid #adadad; display: block; height: 1em; } #personal_messages .capacity_bar span.empty { background: #a6d69d; } #personal_messages .capacity_bar span.filled { background: #eea800; } #personal_messages .capacity_bar span.full { background: #f10909; } #personal_messages .reportlinks { padding: 0.5em 1.3em; } #searchLabelsExpand li { padding: 0.3em 0.5em; } #manrules div.righttext { padding: 0.3em 0.1em; } dl.addrules dt.floatleft { width: 15em; color: #333; padding: 0 1.25em 0.5em 1.25em; } #addrule fieldset { clear: both; } /* Styles for the calendar section. ------------------------------------------------- */ .calendar_table { margin-bottom: 0.7em; } /* Used to indicate the current day in the grid. */ .calendar_today { background-color: #f1cf2b; color:black; } .calendar_today a { color:#8c8b8c; } #month_grid { width: 200px; text-align: center; float: left; } #month_grid div.cat_bar { height: 25px; } #month_grid h3.catbg { height: 25px; line-height: 27px; } #month_grid table { width: 200px; } #main_grid table { width: 100%; padding-bottom: 4px; } #main_grid table h3.catbg { text-align: center; height: 29px; border-top: 2px solid #fff; border-bottom: none; } #main_grid table.weeklist td.windowbg { text-align: center; height: 49px; width: 25px; font-size: large; padding: 0 7px; border-bottom: 2px solid #fff; } #main_grid table.weeklist td.weekdays { height: 49px; width: 100%; padding: 4px; text-align: left; vertical-align: middle; border-bottom: 2px solid #fff; } #main_grid h3.weekly { text-align: center; padding-left: 0; font-size: large; height: 29px; } #main_grid h3 span.floatleft, #main_grid h3 span.floatright { display: block; font-weight: bold; } #main_grid table th.days { width: 14%; padding: 4px 0; } #main_grid table.weeklist h4.titlebg { margin: 0 0 0 0; height: 23px; line-height: 27px; } #main_grid table td.weeks { vertical-align: middle; text-align: center; font-weight: bold; font-size: large; } #main_grid table td.days { vertical-align: top; text-align: center; } a.modify_event { color: red; } span.hidelink { font-style: italic; } #calendar_navigation { text-align: center; } /* Styles for the memberlist section. ------------------------------------------------- */ #mlist_search { margin: auto; width: 500px; } /* Styles for the basic search section. ------------------------------------------------- */ #searchform, #simple_search p { padding: 0.5em; margin: 0; } #simple_search, #simple_search p, #advanced_search { text-align: center !important; margin: 0; } #search_error { font-style: italic; padding: 0.3em 1em; } #search_term_input { font-size: 115%; margin: 0 0 1em; } /* Styles for the advanced search section. ------------------------------------------------- */ #searchform fieldset { text-align: left; padding: 0; border: none; } #advanced_search dl#search_options { margin: 0 auto; width: 600px; padding-top: 1em; overflow: hidden; } #advanced_search dt { clear: both; float: left; padding: 0.2em; text-align: right; width: 20%; } #advanced_search dd { width: 75%; float: left; padding: 0.2em; margin: 0 0 0 0.5em; text-align: left; } #searchform p.clear { clear: both; } /* Styles for the search results page. ------------------------------------------------- */ .topic_table td blockquote, .topic_table td .quoteheader { margin: 0.5em; } .search_results_posts { overflow: hidden; } .search_results_posts .buttons { padding: 5px 1em 0 0; } /* Styles for the help section. ------------------------------------------------- */ #help_container { margin: 4px 0 0 0; padding: 0 0 8px 0; } #helpmain { padding: 0 1em; } #helpmain p { margin: 0 0 1.5em 0; line-height: 1.5em; } #helpmain ul { line-height: 1.5em; } /* Some lovely generic icons. ------------------------------------------------- */ .generic_icons { width: 16px; height: 16px; display: inline-block; background: url(../images/generic_icons.png) no-repeat -1px 0; vertical-align: middle; } .generic_icons.gender_None { background: none; } /* This is a small fix for dropmenu icons */ .dropmenu .generic_icons, #profile_menu .generic_icons, .dropmenu img { margin: -3px 8px 0 0; } /* Top row */ .generic_icons.help { background-position: -1px 0; margin: 0 5px 3px 0; } .generic_icons.gender_Female { background-position: -17px 0; } .generic_icons.last_post { background-position: -32px 0; } .generic_icons.mail { background-position: -49px 0; } .generic_icons.liked_users, .generic_icons.liked_messages, .generic_icons.like { background-position: -65px 0; } .generic_icons.sort_up { background-position: -80px 0; } .generic_icons.delete, .generic_icons.hide_popup, .generic_icons.prune { background-position: -96px 0; } .generic_icons.sticky { background-position: -112px 0; } /* 2nd row */ .generic_icons.error { background-position: 0 -16px; } .generic_icons.gender_Male { background-position: -16px -16px; } .generic_icons.www { background-position: -32px -16px; } .generic_icons.mail_new { background-position: -48px -16px; } .generic_icons.unlike { background-position: -65px -16px; } .generic_icons.sort_down { background-position: -80px -16px; } .generic_icons.filter { background-position: -97px -16px; margin: 0 5px 0 0; } .generic_icons.lock { background-position: -113px -16px; } /* 3rd row */ .generic_icons.valid { background-position: 0 -32px; } .generic_icons.check { background-position: -16px -32px; } .generic_icons.invalid { background-position: -32px -32px; } .generic_icons.watch { background-position: -96px -32px; } .generic_icons.move { background-position: -112px -32px; } /* 4th row */ .generic_icons.general, .generic_icons.boards, .generic_icons.topics_views { background-position: 0 -48px; } .generic_icons.posters { background-position: -16px -48px; } .generic_icons.replies, .generic_icons.topics_replies { background-position: -32px -48px; } .generic_icons.history, .generic_icons.time_online, .generic_icons.scheduled { background-position: -49px -48px; } .generic_icons.views { background-position: -64px -48px; } .generic_icons.starters, .generic_icons.people, .generic_icons.membergroups, .generic_icons.mlist { background-position: -80px -48px; } .generic_icons.poll { background-position: -97px -48px; } /* 5th row */ .generic_icons.inbox { background-position: 0 -64px; } .generic_icons.switch { background-position: -17px -64px; } .generic_icons.replied, .generic_icons.send { background-position: -32px -64px; } .generic_icons.im_on { background-position: -48px -64px; } .generic_icons.im_off { background-position: -64px -64px; } .generic_icons.del_small { background-position: -80px -64px; cursor: pointer; width: 9px; height: 9px; } .generic_icons.split_desel { background-position: -96px -64px; } .generic_icons.split_sel { background-position: -112px -64px; } /* 6th row */ .generic_icons.warning_mute { background-position: 0px -80px; } .generic_icons.warning_moderate { background-position: -16px -80px; } .generic_icons.warning_watch { background-position: -32px -80px; } .generic_icons.openid { background-position: -48px -80px; } .generic_icons.calendar_export { background-position: -64px -80px; } .generic_icons.calendar { background-position: -80px -80px; } .generic_icons.calendar_modify { background-position: -96px -80px; } .generic_icons.plus { background-position: -112px -80px; } /* 7th row */ .generic_icons.warning, .generic_icons.moderate { background-position: 0 -97px; } .generic_icons.themes { background-position: -19px -97px; } .generic_icons.support { background-position: -36px -97px; } .generic_icons.stats { background-position: -54px -97px; } .generic_icons.right_arrow { background-position: -72px -102px; } .generic_icons.left_arrow { background-position: -86px -102px; } .generic_icons.smiley { background-position: -95px -97px; } .generic_icons.server { background-position: -112px -97px; } /* 8th row */ .generic_icons.security { background-position: 0 -114px; } .generic_icons.ban, .generic_icons.ignore { background-position: -18px -113px; } .generic_icons.boards { background-position: -35px -113px; } .generic_icons.regcenter { background-position: -55px -113px; } .generic_icons.posts { background-position: -74px -112px; } .generic_icons.post_moderation_moderate { background-position: -92px -113px; } .generic_icons.post_moderation_deny { background-position: -112px -113px; } /* 9th row */ .generic_icons.post_moderation_attach { background-position: -1px -130px; } .generic_icons.post_moderation_allow { background-position: -15px -129px; margin: 0 2px 0 -2px; } .generic_icons.personal_message { background-position: -31px -130px; } .generic_icons.permissions, .generic_icons.signup { background-position: -46px -130px; width: 12px; margin: -3px 11px 0 2px; } .generic_icons.paid { background-position: -59px -130px; } .generic_icons.packages { background-position: -76px -128px; } .generic_icons.package_ops { background-position: -92px -130px; } .generic_icons.reports { background-position: -112px -130px; } /* 10th row */ .generic_icons.news { background-position: -2px -149px; } .generic_icons.modifications { background-position: -22px -148px; } .generic_icons.maintain, .generic_icons.admin { background-position: -39px -147px; } .generic_icons.administration, .generic_icons.home { background-position: -57px -147px; } .generic_icons.frenemy { background-position: -74px -147px; } .generic_icons.attachment { background-position: -94px -148px; } .generic_icons.languages { background-position: -110px -149px; } /* 11th row */ .generic_icons.members_request { background-position: -1px -166px; } .generic_icons.members_delete { background-position: -20px -165px; } .generic_icons.members { background-position: -39px -166px; } .generic_icons.members_watched { background-position: -55px -165px; } .generic_icons.corefeatures, .generic_icons.settings, .generic_icons.manrules, .generic_icons.manlabels { background-position: -75px -166px; } .generic_icons.calendar { background-position: -93px -166px; } .generic_icons.logs { background-position: -110px -165px; } /* 12th row */ .generic_icons.search, .generic_icons.engines { background-position: 0 -182px; } .generic_icons.features { background-position: -22px -184px; } .generic_icons.exit, .generic_icons.logout { background-position: -39px -183px; } .generic_icons.drafts { background-position: -55px -182px; } .generic_icons.current_theme { background-position: -73px -183px; } .generic_icons.change_menu2, .generic_icons.sent { background-position: -94px -185px; margin: 5px 5px 0px 0px; } .generic_icons.change_menu { background-position: -110px -185px; } /* 13th row */ .generic_icons.approve { background-position: -1px -200px; } .generic_icons.close { background-position: -19px -200px; } .generic_icons.details { background-position: -37px -200px; } /* Styles for print media. ------------------------------------------------------- */ @media print { #headerarea { display: none; } .tborder { border: none; } } /* Theme styles */ #header { background-color: transparent; height: 300px; } .fade-carousel { position: relative; height: 300px; } .fade-carousel .carousel-inner .item { height: 300px; } .hero { width: 100%; position: absolute; top: 50%; left: 50%; z-index: 99; color: #FFFFFF; text-align: center; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .hero h1 { font-size: 36px; font-weight: bold; margin: 0; padding: 0 0 5px 0; color: #FFFFFF; } .hero h3 { font-size: 16px; margin: 0; padding: 0; color: #DDDDDD; } .hero h3 img { vertical-align: middle; margin-top: -2px; } .fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } .fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } .hero a { display: inline-block; padding: 10px 20px; border: 1px solid #f1cf2b; margin-top: 20px; text-transform: uppercase; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .hero a:hover { background-color: #f1cf2b; color: black; } .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 300px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .fade-carousel .slides .slide-1 { background-image: url(../images/slider/1.jpg); } .fade-carousel .slides .slide-2 { background-image: url(../images/slider/2.jpg); } .fade-carousel .slides .slide-3 { background-image: url(../images/slider/3.jpg); } .navbar-nav > li > a { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; } .navbar-nav > li > a:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #f1cf2b; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .navbar-nav > li > a:hover:before, .navbar-nav > li > a:focus:before, .navbar-nav > li > a:active:before { left: 0; right: 0; } li#button_pm strong { color: #EF4836; } .logo a { background: url(../images/boban/logo.png) no-repeat; display: block; width: 331px; height: 92px; float: left; margin-top: 11px; margin-left: 5px; background-size: contain; } .new-linktree { background-color: #151821; height: 50px; line-height: 50px; margin-bottom: 30px; } .linktree-icon i { float: left; margin-top: 8px; margin-right: 10px; text-align: center; font-size: 18px; width: 35px; height: 35px; line-height: 35px; border: 1px solid #f1cf2b; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .social-icons { float: right; margin-top: 1px; } .social-icons ul { padding: 0; margin: 0; list-style: none; } .social-icons ul li { display: inline-block; margin-left: 10px; } .social-icons ul li a { color: #FFFFFF; display: block; height: 35px; width: 35px; text-align: center; border: 1px solid #f1cf2b; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .social-icons ul li a:hover { background: #f1cf2b; color:black; } .social-icons ul li i { line-height: 35px; font-size: 15px; } .idinalink { text-align: center; font-style: italic; line-height: 43px; } table.table_list { border-collapse: collapse; border-spacing: 0; } .board-bg { background-color: #151821; } .board-lastavatar img { float: left; height: 40px; width: 40px; padding: 0; margin-top: 2px; margin-right: 7px; border: 1px solid #10131a; background: #f5f5f5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5f5f5 0%,#a5a3a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .avatarzaporuke img { border: 1px solid #10131a; height: 30px; width: 30px; background: #f5f5f5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5f5f5 0%,#a5a3a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .table_grid .icon2 { width: 8%; } .table_list .section-header td, .table_grid .section-header th { background: #151821; line-height: 30px; padding: 0 8px; } .table_list .section-header td, .table_grid .section-header th, .table_grid .section-header a { font-size: 12px; font-weight: normal; } .calendar_table tr th { color: #FFFFFF; font-weight: normal; } .table_list .divider td { height: 15px; } tr.message-bg td { background: #10131a; border-bottom: 1px solid #f1cf2b; border-top: 1px solid #10131a; color: #FFFFFF; font-size: 12px; font-weight: normal; line-height: 22px; } .recent-main { max-height: 280px; } .top-main { max-height: 200px; } td.post-recentpost { width: 94%; } td.post-recentpost p { padding: 0; margin: 0; font-size: 12px; } td.post-time { width: 3%; } td.post-time i { font-size: 18px; cursor: pointer; } .avatar-recentpost img { border: 1px solid #10131a; height: 35px; width: 35px; margin-bottom: 5px; margin-right: 7px; background: #f5f5f5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5f5f5 0%,#a5a3a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .sidebar-bg { background: #151821; padding: 10px; margin-bottom: 15px; word-break: break-all; } .myavatar { margin: 0 auto; text-align: center; } .myavatar img { height: 90px; width: 90px; border: 1px solid #10131a; background: #f5f5f5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5f5f5 0%,#a5a3a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .myname { font-size: 18px; text-align: center; margin-top: 10px; } .myinfo ul { display: inline-block; padding: 7px 15px 0 0; margin: 7px 15px 0 0; list-style: none; text-align: left; } span.myalert { background-color: #e74c3c; color: #FFFFFF; height: 18px; width: 18px; display: inline-block; line-height: 18px; text-align: center; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .guest-login { margin: 0 auto; text-align: center; } .login-input { margin-bottom: 10px; } .login-input input { height: 35px; padding-left: 10px; width: 100%; } .memlist-avatar img { height: 55px; width: 55px; background: #f5f5f5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5f5f5 0%,#a5a3a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } span.memlist-on { font-size: 12px; color: #2ECC71; } span.memlist-off { font-size: 12px; color: #EF4836; } .poster-buttons { float: right; position: relative; margin-top: -52px; margin-right: 8px; } .poster-buttons ul { list-style: none; padding: 0; margin: 0; } .poster-buttons ul li { float: left; margin-left: 7px; } .poster-buttons ul li i { font-size: 16px; vertical-align: middle; margin-right: 7px; } .poster-buttons ul li a { background: #151821; color: #FFFFFF; padding: 5px 15px 5px 10px; } .poster-buttons ul li a:hover { background: #f1cf2b; color: #000000; } .login-main { width: 40%; margin: 0 auto; border: 1px solid #10131a; } .login-header { height: 60px; line-height: 60px; color: #FFFFFF; background: #f1cf2b; text-align: center; text-transform: uppercase; font-size: 18px; } .login-bg { background: #151821; padding: 20px; text-align: center; } .form-group-one { margin-bottom: 15px; } .form-group-one label { float: left; padding-left: 22px; } .form-group-one input { background: #1b1d29; border: 1px solid #10131a; height: 35px; line-height: 35px; padding-left: 10px; width: 90%; } input.min-input { background: #1b1d29; border: 1px solid #10131a; height: 31px; line-height: 31px; text-align: center; display: inline-block; margin-top: 6px; } a.decrement_qty { background: #1b1d29; border: 1px solid #10131a; padding: 6px 13px 6px 13px; text-align: center; display: inline-block; color: #f1cf2b; margin: -4px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } a.increment_qty { background: #1b1d29; border: 1px solid #10131a; padding: 6px 13px 6px 13px; text-align: center; display: inline-block; color: #f1cf2b; margin: -4px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } a.decrement_qty:hover, a.increment_qty:hover { color: #FFFFFF; background: #f1cf2b; } #profileview { width: 90%; margin: 20px auto; } .profile-cover { float: left; width: 80%; height: 195px; overflow: hidden; position: relative; } .profile-cover img { top: 0px; left: 0px; min-width: 100%; min-height: 195px; } .profile-info { height: 195px; width: 20%; background: #151821; float: right; text-align: center; color: #FFFFFF; text-transform: uppercase; } .profile-info-top { padding-top: 15px; } .profile-info-top span { font-size: 24px; } .profile-info-bottom { padding-top: 18px; } .profile-avatar img { margin-top: 20px; margin-left: 20px; min-width: 130px; min-height: 130px; max-width: 130px; max-height: 130px; position: absolute; border: 1px solid #10131a; background: #f5f5f5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5f5f5 0%,#a5a3a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .profile-cover-info { position: absolute; margin-left: 160px; margin-top: 40px; color: #FFFFFF; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .profile-cover-info ul { list-style: none; padding: 0; margin: 0; font-size: 16px; line-height: 22px; } li.profile-name { font-size: 26px; padding-bottom: 5px; } .profile-block { float: left; width: 49%; margin-top: 20px; } .profile-block2 { float: right; width: 49%; margin-top: 20px; } .profile-block-sig { float: left; width: 100%; margin-top: 20px; } .profile-lastlogin { position: absolute; height: 30px; line-height: 30px; width: 100%; bottom: 0; border-top: 1px solid #10131a; background-color: rgba(21, 24, 33, 0.5); } .profile-lastlogin a { color: #FFFFFF; padding-left: 10px; display: inline-block; } .profile-lastlogin a:hover { color: #f1cf2b; } .profile-lastlogin i { display: none; font-size: 16px; height: 30px; width: 40px; line-height: 30px; text-align: center; border-left: 1px solid #10131a; border-right: 1px solid #10131a; } .scroll-to-top { position: fixed; display: block; right: -100px; bottom: 60px; width: 45px; height: 45px; background-color: #f1cf2b; text-align: center; z-index: 10; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } .scroll-to-top i { line-height: 45px; color: black; } .scroll-to-top.active { right: 25px; } .maintain-notice { height: 30px; line-height: 30px; color: #FFFFFF; padding-left: 10px; background: #e74c3c; position: relative; z-index: 99; } .youhavepm { z-index: 99999; position: fixed; bottom: 20px; right: 20px; } .alert-bg a { color: #444444; display: block; margin-top: 10px; background: #f1cf2b; color: #FFFFFF; border: 1px solid #10131a; min-height: 60px; max-height: 100%; min-width: 300px; max-width: 100%; -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.5); } .alert-bg a:hover { background: #151821; color: #f1cf2b; } .avatar-alert img { float: left; height: 50px; width: 50px; margin-top: 5px; margin-left: 5px; margin-right: 7px; border: 1px solid #10131a; background: #f5f5f5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #f5f5f5 0%, #a5a3a4 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#a5a3a4)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5f5f5 0%,#a5a3a4 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5f5f5 0%,#a5a3a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#a5a3a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .info-alert { font-size: 12px; } a.new_posts, span.new_posts { color: #FFFFFF; font-weight: normal; background: #2ecc71; } span.new_posts { display: inline; margin: 0; padding: 0 4px 1px 4px; font-size: 11px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; font-style: normal; } a span.new_posts:hover { background: #069643; color: #DDDDDD; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } img.onlinestats { float: none !important; margin-right: 0px !important; margin-top: -7px !important; } .sampturk_bildirimler { background: #1b1d29; z-index:9999999999; overflow-y: scroll; overflow-x: hidden; text-align: initial; } .sampturk_bildirimler::-webkit-scrollbar { display: none; } .sampturk_bildirimler_ic { } a.sampturk_bildirim.yeni { text-decoration: none; } a.sampturk_bildirim.yeni:hover { text-decoration: none; } a.sampturk_bildirim_a:hover {text-decoration: none;} a.sampturk_bildirim_a { text-decoration: none; } .sampturk_bildirim { width: 100%; padding: 9px 5px 9px 1px; border-bottom: 1px solid #1b1d29; padding: 0px 9px 0px 16px; } .sampturk_bildirim_head { height: 26px; font-size: 14px; padding-left: 10px; padding-top: 5px; color:white; } .sampturk_bildirim_icon { font-size: 14px; margin-bottom: 10px; } .sampturk_bildirim_icon font { font-size: 11px; color: grey; } .sampturk_bildirim_icerik { font-size: 11px; width: 98%; } .sampturk_bildirim_baslik { font-weight: bold; font-size: 12px; margin-top: 7px; color:gold; } .sampturk_notifications.acik { background: gold; color: black; } .sampturk_bildirim.yeni { background: #212633; } .sampturk_bildirim.yeni:hover { } .sampturk_bildirim td, th, tr { color: white; } .sampturk_bildirim:hover { background: #303238; } .sampturk_bildirim:hover td, th, tr { color: white; } span.ie6_header.floatleft { font-size: 13px; } .clearfix.windowbg.largepadding { margin-bottom: 11px; margin-top: 10px; } .img-basarim {} .img-basarim img { width: 40px; height: 40px; border: 1px solid #1b1d29; } td.basarim-alan { width: 94%; } td.basarim-alan p { padding: 0; margin: 0; font-size: 12px; } .search_quick { float: right; margin-bottom: 10px; width: 15%; } .oyuncu_bilgi { float: left; width: 49%; } .chart_bilgi { float: right; width: 50%; } .nickchange_input { padding: 4px; border: 1px solid gold; width: 20%; } td.supersticky a { color:black !important; font-weight: bold; } td.supersticky { background: gold; color: black; border-bottom: 1px solid #c5a600 !important; border-right: 1px solid #c5a600 !important; border-left: 1px solid #c5a600 !important; } .basari_block img { width:40px;height:40px; } .basari_block { width: 10%; padding: 20px; border: 2px solid #f1cf2b; text-align: center; color: #f1cf2b; font-weight: bold; float:left; } .basari_block.Kilitli img { -webkit-filter: opacity(20%); } .basarimuser { padding: 14px; width: 22%; border: 1px solid #f1cf2b; border-radius: 7px; float: left; margin-right: 3%; margin-bottom: 13px; } hr { height: 2px !important; background: #1b1d29 !important; } .tooltip-inner { white-space: pre-line; } .sampturk_notifications { background: #10131a; text-align: center; float: right; height: 35px; width: 37px; font-size: 24px; margin-right: 15px; } .sampturk_notifications i { margin-top: 4px; } .sampturk_counter { float: right; position: absolute; font-size: 12px; background: #e74c3c; color: black; min-width: 15px; font-weight: bold; } .sampturk_hoverfix { width: 37px; height: 33px; position: absolute; } .bildirim_alt {display: block;width: 363px;margin-left: -326px;position: relative;z-index: 99;} .cursor_fix_notify { width: 36px; height: 34px; position: absolute; cursor: pointer; } .sampturk_invalid { background: #e74c3c; color: white; font-size: 12px; width: 100%; padding-left:5px; display:none; } .showLikeNotification { background: #10131a; text-align: center; float: right; height: 35px; width: 37px; font-size: 24px; margin-right: 15px; } .showLikeNotification i { margin-top: 9px; font-size: 17px; } .dropmenu > li > sampturk { background: #151821; border: 1px solid #10131a; height: 25px; line-height: 23px; transition: all 0.8s ease 0s; } .dropmenu > li > sampturk.active { background: #f1cf2b; color: #151821; } .dropmenu li sampturk { display: block; padding: 0 8px; color: #FFFFFF; white-space: pre; font-size: 12px; cursor: pointer; }