Chris@76: /* Styles for the general looks for the Curve theme. Chris@76: ------------------------------------------------------- */ Chris@76: Chris@76: /* Normal, standard links. */ Chris@76: a:link, a:visited Chris@76: { Chris@76: color: #346; Chris@76: text-decoration: none; Chris@76: } Chris@76: a:hover Chris@76: { Chris@76: text-decoration: underline; Chris@76: cursor: pointer; Chris@76: } Chris@76: Chris@76: /* Links that open in a new window. */ Chris@76: a.new_win:link, a.new_win:visited Chris@76: { Chris@76: color: #346; Chris@76: text-decoration: none; Chris@76: } Chris@76: a.new_win:hover Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: Chris@76: /* Tables should show empty cells. */ Chris@76: table Chris@76: { Chris@76: empty-cells: show; Chris@76: } Chris@76: Chris@76: /* Set a fontsize that will look the same in all browsers. */ Chris@76: body Chris@76: { Chris@76: background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x; Chris@76: font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif; Chris@76: margin: 0 auto; Chris@76: padding: 15px 0; Chris@76: } Chris@76: Chris@76: /* Help popups require a different styling of the body element. */ Chris@76: body#help_popup Chris@76: { Chris@76: padding: 1em; Chris@76: } Chris@76: Chris@76: /* use dark grey for the text, leaving #000 for headers etc */ Chris@76: body, td, th, tr Chris@76: { Chris@76: color: #444; Chris@76: } Chris@76: Chris@76: /* This division wraps the entire forum when a forum width is set. */ Chris@76: div#wrapper Chris@76: { Chris@76: margin: 0 auto; Chris@76: min-width: 764px; Chris@76: max-width: 2300px; Chris@76: } Chris@76: Chris@76: /* lets give all forms zero padding/margins */ Chris@76: form Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: } Chris@76: Chris@76: /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes. Chris@76: .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers Chris@76: .button_reset - covers input[type=reset] and button[type=reset] throughout all browsers Chris@76: .input_check - covers input[type=checkbox] throughout all browsers Chris@76: .input_radio - covers input[type=radio] throughout all browsers Chris@76: .input_text - covers input[type=text] throughout all browsers Chris@76: .input_file - covers input[type=file] throughout all browsers Chris@76: */ Chris@76: Chris@76: input, button, select, textarea Chris@76: { Chris@76: font: 95%/115% verdana, Helvetica, sans-serif; Chris@76: color: #000; Chris@76: background: #fff; Chris@76: border: 1px solid #7f9db9; Chris@76: padding: 2px; Chris@76: } Chris@76: Chris@76: /* Select elements look horrible with the extra padding, so leave them unpadded. */ Chris@76: select Chris@76: { Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: /* Add some padding to the options instead. */ Chris@76: select option Chris@76: { Chris@76: padding: 1px; Chris@76: } Chris@76: Chris@76: /* The font size of textareas should be just a little bit larger. */ Chris@76: textarea Chris@76: { Chris@76: font: 100%/130% verdana, Helvetica, sans-serif; Chris@76: } Chris@76: Chris@76: /* Buttons should be styled a bit differently, in order to make them look more button'ish. */ Chris@76: .button_submit, .button_reset Chris@76: { Chris@76: background: #cde7ff url(../images/theme/submit_bg.png) no-repeat; Chris@76: border: 1px solid #aaa; Chris@76: cursor: pointer; Chris@76: font-weight: normal; Chris@76: } Chris@76: input:hover, textarea:hover, button:hover, select:hover Chris@76: { Chris@76: border: 1px solid #454545; Chris@76: } Chris@76: .button_submit:hover, .button_reset:hover Chris@76: { Chris@76: border: 1px solid #aaa; Chris@76: background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #cde7ff; Chris@76: } Chris@76: input:focus, textarea:focus, button:focus, select:focus Chris@76: { Chris@76: border: 1px solid #454545; Chris@76: } Chris@76: Chris@76: /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */ Chris@76: input.input_check, input.input_radio Chris@76: { Chris@76: border: none; Chris@76: background: none; Chris@76: } Chris@76: h3.catbg input.input_check Chris@76: { Chris@76: margin: 9px 7px 0 7px; Chris@76: } Chris@76: Chris@76: /* Give disabled text input elements a different background color. */ Chris@76: input[disabled].input_text Chris@76: { Chris@76: background-color: #eee; Chris@76: } Chris@76: Chris@76: /* Standard horizontal rule.. ([hr], etc.) */ Chris@76: hr, .hrcolor Chris@76: { Chris@76: height: 1px; Chris@76: border: 0; Chris@76: color: #ccc; Chris@76: background-color: #ccc; Chris@76: } Chris@76: Chris@76: /* By default set the color on these tags as #000. */ Chris@76: h1, h2, h3, h4, h5, h6 Chris@76: { Chris@76: color: #000; Chris@76: font-size: 1em; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: /* Fieldsets are used to group elements. */ Chris@76: fieldset Chris@76: { Chris@76: border: 1px solid #c4c4c4; Chris@76: padding: 1em; Chris@76: margin: 0 0 0.5em 0; Chris@76: } Chris@76: fieldset legend Chris@76: { Chris@76: font-weight: bold; Chris@76: color: #444; Chris@76: } Chris@76: /* No image should have a border when linked. */ Chris@76: a img Chris@76: { Chris@76: border: 0; Chris@76: } Chris@76: Chris@76: /* Define strong as bold, and em as italics */ Chris@76: strong Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: Chris@76: em Chris@76: { Chris@76: font-style: italic; Chris@76: } Chris@76: /* Alternative for u tag */ Chris@76: .underline Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: Chris@76: /* Common classes to easy styling. Chris@76: ------------------------------------------------------- */ Chris@76: Chris@76: .floatright Chris@76: { Chris@76: float: right; Chris@76: } Chris@76: .floatleft Chris@76: { Chris@76: float: left; Chris@76: } Chris@76: Chris@76: .flow_auto Chris@76: { Chris@76: overflow: auto; Chris@76: } Chris@76: .flow_hidden Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: .flow_hidden .windowbg, .flow_hidden .windowbg2 Chris@76: { Chris@76: margin-top: 2px; Chris@76: } Chris@76: .clear Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: .clear_left Chris@76: { Chris@76: clear: left; Chris@76: } Chris@76: .clear_right Chris@76: { Chris@76: clear: right; Chris@76: } Chris@76: Chris@76: /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ Chris@76: .smalltext, tr.smalltext th Chris@76: { Chris@76: font-size: 0.85em; Chris@76: font-family: verdana, sans-serif; Chris@76: } Chris@76: .middletext Chris@76: { Chris@76: font-size: 0.9em; Chris@76: line-height: 1em; Chris@76: font-family: verdana, sans-serif; Chris@76: } Chris@76: .normaltext Chris@76: { Chris@76: font-size: 1em; Chris@76: line-height: 1.2em; Chris@76: } Chris@76: .largetext Chris@76: { Chris@76: font-size: 1.4em; Chris@76: } Chris@76: .centertext Chris@76: { Chris@76: margin: 0 auto; Chris@76: text-align: center; Chris@76: } Chris@76: .righttext Chris@76: { Chris@76: margin-left: auto; Chris@76: margin-right: 0; Chris@76: text-align: right; Chris@76: } Chris@76: .lefttext Chris@76: { Chris@76: margin-left: 0; Chris@76: margin-right: auto; Chris@76: text-align: left; Chris@76: } Chris@76: .double_height Chris@76: { Chris@76: line-height: 2em; Chris@76: } Chris@76: /* some common padding styles */ Chris@76: .padding Chris@76: { Chris@76: padding: 0.7em; Chris@76: } Chris@76: .main_section, .lower_padding Chris@76: { Chris@76: padding-bottom: 0.5em; Chris@76: } Chris@76: /* a quick reset list class. */ Chris@76: ul.reset, ul.reset li Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: list-style: none; Chris@76: } Chris@76: Chris@76: /* Some BBC related styles. Chris@76: ------------------------------------------------------- */ Chris@76: Chris@76: /* A quote, perhaps from another post. */ Chris@76: blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote Chris@76: { Chris@76: font-size: x-small; Chris@76: color: #000; Chris@76: line-height: 1.4em; Chris@76: background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat; Chris@76: border-top: 2px solid #99A; Chris@76: border-bottom: 2px solid #99A; Chris@76: padding: 1.1em 1.4em; Chris@76: margin: 0.1em 0 0.3em 0; Chris@76: overflow: auto; Chris@76: } Chris@76: Chris@76: /* Alterate blockquote stylings */ Chris@76: blockquote.bbc_standard_quote Chris@76: { Chris@76: background-color: #d7daec; Chris@76: } Chris@76: blockquote.bbc_alternate_quote Chris@76: { Chris@76: background-color: #e7eafc; Chris@76: } Chris@76: Chris@76: /* A code block - maybe PHP ;). */ Chris@76: code.bbc_code Chris@76: { Chris@76: display: block; Chris@76: font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; Chris@76: font-size: x-small; Chris@76: background: #eef; Chris@76: border-top: 2px solid #999; Chris@76: border-bottom: 2px solid #999; Chris@76: line-height: 1.5em; Chris@76: padding: 3px 1em; Chris@76: overflow: auto; Chris@76: white-space: nowrap; Chris@76: /* Show a scrollbar after about 24 lines. */ Chris@76: max-height: 24em; Chris@76: } Chris@76: Chris@76: /* The "Quote:" and "Code:" header parts... */ Chris@76: .codeheader, .quoteheader Chris@76: { Chris@76: color: #666; Chris@76: font-size: x-small; Chris@76: font-weight: bold; Chris@76: padding: 0 0.3em; Chris@76: } Chris@76: Chris@76: /* For links to change the code stuff... */ Chris@76: .codeoperation Chris@76: { Chris@76: font-weight: normal; Chris@76: } Chris@76: Chris@76: /* Styling for BBC tags */ Chris@76: .bbc_link:link, .bbc_link:visited Chris@76: { Chris@76: border-bottom: 1px solid #A8B6CF; Chris@76: } Chris@76: .bbc_link:hover Chris@76: { Chris@76: text-decoration: none; Chris@76: border-bottom: 1px solid #346; Chris@76: } Chris@76: .bbc_size Chris@76: { Chris@76: line-height: 1.4em; Chris@76: } Chris@76: .bbc_color a Chris@76: { Chris@76: color: inherit; Chris@76: } Chris@76: .bbc_img Chris@76: { Chris@76: border: 0; Chris@76: } Chris@76: .bbc_table Chris@76: { Chris@76: font: inherit; Chris@76: color: inherit; Chris@76: } Chris@76: .bbc_table td Chris@76: { Chris@76: font: inherit; Chris@76: color: inherit; Chris@76: vertical-align: top; Chris@76: } Chris@76: .bbc_u Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: .bbc_list Chris@76: { Chris@76: text-align: left; Chris@76: } Chris@76: .bbc_tt Chris@76: { Chris@76: font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; Chris@76: } Chris@76: Chris@76: /* Generally, those [?] icons. This makes your cursor a help icon. */ Chris@76: .help Chris@76: { Chris@76: cursor: help; Chris@76: } Chris@76: Chris@76: /* /me uses this a lot. (emote, try typing /me in a post.) */ Chris@76: .meaction Chris@76: { Chris@76: color: red; Chris@76: } Chris@76: Chris@76: /* Highlighted text - such as search results. */ Chris@76: .highlight Chris@76: { Chris@76: font-weight: bold; Chris@76: color: #ff7200 !important; Chris@76: font-size: 1.1em; Chris@76: } Chris@76: Chris@76: /* A more discreet highlight color, for selected membergroups etc. */ Chris@76: .highlight2 Chris@76: { Chris@76: background-color: #D1E1EF; Chris@76: color: #000 !important; Chris@76: } Chris@76: Chris@76: /* Generic, mostly color-related, classes. Chris@76: ------------------------------------------------------- */ Chris@76: Chris@76: .titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td Chris@76: { Chris@76: color: #222; Chris@76: font-family: arial, helvetica, sans-serif; Chris@76: font-size: 1.1em; Chris@76: font-weight: bold; Chris@76: background: #e3e9ef url(../images/theme/main_block.png) no-repeat -10px -380px; Chris@76: } Chris@76: .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th Chris@76: { Chris@76: color: #fff; Chris@76: font-family: arial, helvetica, sans-serif; Chris@76: font-size: 1.1em; Chris@76: font-weight: bold; Chris@76: background: #a7b9cd url(../images/theme/main_block.png) no-repeat -10px -280px; Chris@76: } Chris@76: Chris@76: /* adjust the table versions of headers */ Chris@76: tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2 Chris@76: { Chris@76: padding: 0 6px; Chris@76: } Chris@76: tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited Chris@76: { Chris@76: color: #222; Chris@76: } Chris@76: tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited Chris@76: { Chris@76: color: #fff; Chris@76: } Chris@76: .catbg select Chris@76: { Chris@76: height: 1.5em; Chris@76: font-size: 0.85em; Chris@76: } Chris@76: Chris@76: /* Alternating backgrounds for posts, and several other sections of the forum. */ Chris@76: .windowbg, #preview_body Chris@76: { Chris@76: color: #000; Chris@76: background-color: #e7eaef; Chris@76: } Chris@76: .windowbg2 Chris@76: { Chris@76: color: #000; Chris@76: background-color: #f0f4f7; Chris@76: } Chris@76: .windowbg3 Chris@76: { Chris@76: color: #000; Chris@76: background-color: #cacdd3; Chris@76: } Chris@76: Chris@76: /* the page navigation area */ Chris@76: .pagesection Chris@76: { Chris@76: font-size: 0.9em; Chris@76: padding: 0.2em; Chris@76: overflow: hidden; Chris@76: margin-bottom: 1px; Chris@76: } Chris@76: div.pagesection div.floatright input Chris@76: { Chris@76: margin-top: 3px; Chris@76: } Chris@76: Chris@76: .pagelinks Chris@76: { Chris@76: padding: 0.6em 0 0.4em 0; Chris@76: } Chris@76: Chris@76: /* Colors for background of posts requiring approval */ Chris@76: .approvebg Chris@76: { Chris@76: color: #000; Chris@76: background-color: #ffeaea; Chris@76: } Chris@76: .approvebg2 Chris@76: { Chris@76: color: #000; Chris@76: background-color: #fff2f2; Chris@76: } Chris@76: Chris@76: /* Color for background of *topics* requiring approval */ Chris@76: .approvetbg Chris@76: { Chris@76: color: #000; Chris@76: background-color: #e4a17c; Chris@76: } Chris@76: .approvetbg2 Chris@76: { Chris@76: color: #000; Chris@76: background-color: #f3bd9f; Chris@76: } Chris@76: Chris@76: /* Sticky topics get a different background */ Chris@76: .stickybg Chris@76: { Chris@76: background: #e8d8cf; Chris@76: } Chris@76: .stickybg2 Chris@76: { Chris@76: background: #f2e3d9; Chris@76: } Chris@76: Chris@76: /* Locked posts get a different shade, too! */ Chris@76: .lockedbg Chris@76: { Chris@76: background: #d4dce2; Chris@76: font-style: italic; Chris@76: } Chris@76: .lockedbg2 Chris@76: { Chris@76: background: #d8e1e7; Chris@76: font-style: italic; Chris@76: } Chris@76: Chris@76: /* Posts and personal messages displayed throughout the forum. */ Chris@76: .post, .personalmessage Chris@76: { Chris@76: overflow: auto; Chris@76: line-height: 1.4em; Chris@76: padding: 0.1em 0; Chris@76: } Chris@76: Chris@76: /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ Chris@76: .signature, .attachments Chris@76: { Chris@76: width: 98%; Chris@76: overflow: auto; Chris@76: clear: right; Chris@76: padding: 1em 0 3px 0; Chris@76: border-top: 1px solid #aaa; Chris@76: line-height: 1.4em; Chris@76: font-size: 0.85em; Chris@76: } Chris@76: .custom_fields_above_signature Chris@76: { Chris@76: width: 98%; Chris@76: clear: right; Chris@76: padding: 1em 0 3px 0; Chris@76: border-top: 1px solid #aaa; Chris@76: line-height: 1.4em; Chris@76: font-size: 0.85em; Chris@76: } Chris@76: Chris@76: /* Sometimes there will be an error when you post */ Chris@76: .error Chris@76: { Chris@76: color: red; Chris@76: } Chris@76: Chris@76: /* Messages that somehow need to attract the attention. */ Chris@76: .alert Chris@76: { Chris@76: color: red; Chris@76: } Chris@76: Chris@76: /* Calendar colors for birthdays, events and holidays */ Chris@76: .birthday Chris@76: { Chris@76: color: #920ac4; Chris@76: } Chris@76: Chris@76: .event Chris@76: { Chris@76: color: #078907; Chris@76: } Chris@76: Chris@76: .holiday Chris@76: { Chris@76: color: #000080; Chris@76: } Chris@76: Chris@76: /* Colors for warnings */ Chris@76: .warn_mute Chris@76: { Chris@76: color: red; Chris@76: } Chris@76: Chris@76: .warn_moderate Chris@76: { Chris@76: color: #ffa500; Chris@76: } Chris@76: Chris@76: .warn_watch, .success Chris@76: { Chris@76: color: green; Chris@76: } Chris@76: Chris@76: a.moderation_link, a.moderation_link:visited Chris@76: { Chris@76: color: red; Chris@76: font-weight: bold; Chris@76: } Chris@76: Chris@76: .openid_login Chris@76: { Chris@76: background: white url(../images/openid.gif) no-repeat; Chris@76: padding-left: 18px; Chris@76: } Chris@76: Chris@76: /* a descriptive style */ Chris@76: .description, .description_board, .plainbox Chris@76: { Chris@76: padding: 0.5em 1em; Chris@76: font-size: 0.9em; Chris@76: line-height: 1.4em; Chris@76: border: 1px solid #bbb; Chris@76: background: #f5f5f0; Chris@76: margin: 0.2em 1px 1em 1px; Chris@76: } Chris@76: .description_board Chris@76: { Chris@76: margin: 1em 1px 0 1px; Chris@76: } Chris@76: Chris@76: /* an informative style */ Chris@76: .information Chris@76: { Chris@76: padding: 0.5em 1em; Chris@76: font-size: 0.9em; Chris@76: line-height: 1.3em; Chris@76: border: 1px solid #bbb; Chris@76: background: #f0f6f0; Chris@76: margin: 0.2em 1px 1em 1px; Chris@76: } Chris@76: .information p Chris@76: { Chris@76: padding: 1em; Chris@76: margin: 0; Chris@76: } Chris@76: p.para2 Chris@76: { Chris@76: padding: 1em 0 3.5em 0; Chris@76: margin: 0; Chris@76: } Chris@76: /* AJAX notification bar Chris@76: ------------------------------------------------------- */ Chris@76: #ajax_in_progress Chris@76: { Chris@76: background: url(../images/theme/loadingbar.png) repeat-x; Chris@76: color: #f96f00; Chris@76: text-align: center; Chris@76: font-size: 16pt; Chris@76: padding: 8px; Chris@76: width: 100%; Chris@76: height: 66px; Chris@76: line-height: 25px; Chris@76: position: fixed; Chris@76: top: 0; Chris@76: left: 0; Chris@76: } Chris@76: Chris@76: #ajax_in_progress a Chris@76: { Chris@76: color: orange; Chris@76: text-decoration: underline; Chris@76: font-size: smaller; Chris@76: float: right; Chris@76: margin-right: 20px; Chris@76: } Chris@76: Chris@76: /* Lists with settings use these a lot. Chris@76: ------------------------------------------------------- */ Chris@76: dl.settings Chris@76: { Chris@76: clear: right; Chris@76: overflow: auto; Chris@76: margin: 0 0 10px 0; Chris@76: padding: 0; Chris@76: } Chris@76: dl.settings dt Chris@76: { Chris@76: width: 40%; Chris@76: float: left; Chris@76: margin: 0 0 10px 0; Chris@76: padding: 0; Chris@76: clear: both; Chris@76: } Chris@76: dl.settings dt.settings_title Chris@76: { Chris@76: width: 100%; Chris@76: float: none; Chris@76: margin: 0 0 10px 0; Chris@76: padding: 5px 0 0 0; Chris@76: font-weight: bold; Chris@76: clear: both; Chris@76: } Chris@76: dl.settings dt.windowbg Chris@76: { Chris@76: width: 98%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0 0 5px 0; Chris@76: clear: both; Chris@76: } Chris@76: dl.settings dd Chris@76: { Chris@76: width: 56%; Chris@76: float: right; Chris@76: overflow: auto; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: } Chris@76: dl.settings img Chris@76: { Chris@76: margin: 0 10px 0 0; Chris@76: } Chris@76: /* help icons */ Chris@76: dl.settings dt a img Chris@76: { Chris@76: position: relative; Chris@76: top: 2px; Chris@76: } Chris@76: Chris@76: /* Styles for rounded headers. Chris@76: ------------------------------------------------------- */ Chris@76: h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg Chris@76: { Chris@76: overflow: hidden; Chris@76: height: 31px; Chris@76: line-height: 31px; Chris@76: font-size: 1.2em; Chris@76: font-weight: bold; Chris@76: } Chris@76: 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 Chris@76: { Chris@76: color: #fff; Chris@76: } Chris@76: h3.catbg2 a, h3.catbg2 Chris@76: { Chris@76: color: #feb; Chris@76: } Chris@76: h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover Chris@76: { Chris@76: color: #fd9; Chris@76: text-decoration: none; Chris@76: } Chris@76: h3.catbg2 a:hover Chris@76: { Chris@76: color: #fff; Chris@76: text-decoration: none; Chris@76: } Chris@76: h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a Chris@76: { Chris@76: color: #222; Chris@76: } Chris@76: h3.titlebg a:hover, h4.titlebg a:hover Chris@76: { Chris@76: color: #53616f; Chris@76: text-decoration: none; Chris@76: } Chris@76: h3.catbg img.icon, h4.titlebg img.icon Chris@76: { Chris@76: vertical-align: middle; Chris@76: margin: -2px 5px 0 0; Chris@76: } Chris@76: h4.catbg a.toggle img Chris@76: { Chris@76: vertical-align: middle; Chris@76: margin: -2px 5px 0 5px; Chris@76: } Chris@76: h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg Chris@76: { Chris@76: background: url(../images/theme/main_block.png) no-repeat 100% -160px; Chris@76: padding-right: 9px; Chris@76: } Chris@76: h4.titlebg, h3.titlebg Chris@76: { Chris@76: background: url(../images/theme/main_block.png) no-repeat 100% -200px; Chris@76: padding-right: 9px; Chris@76: } Chris@76: h4.titlebg img.icon Chris@76: { Chris@76: float: left; Chris@76: margin: 5px 8px 0 0; Chris@76: } Chris@76: div.cat_bar Chris@76: { Chris@76: background: #99abbf url(../images/theme/main_block.png) no-repeat 0 -160px; Chris@76: padding-left: 9px; Chris@76: height: 31px; Chris@76: overflow: hidden; Chris@76: margin-bottom: 1px; Chris@76: } Chris@76: div.title_bar Chris@76: { Chris@76: background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -200px; Chris@76: padding-left: 9px; Chris@76: height: 31px; Chris@76: overflow: hidden; Chris@76: margin-bottom: 1px; Chris@76: } Chris@76: Chris@76: /* rounded bars needs a different background here */ Chris@76: Chris@76: div.roundframe div.cat_bar Chris@76: { Chris@76: background: #99abbf url(../images/theme/main_block.png) no-repeat 0 -240px; Chris@76: margin-bottom: 0; Chris@76: } Chris@76: div.roundframe div.cat_bar h3.catbg Chris@76: { Chris@76: background: url(../images/theme/main_block.png) no-repeat 100% -240px; Chris@76: } Chris@76: div.title_barIC Chris@76: { Chris@76: background: #dadfe6 url(../images/theme/main_block.png) no-repeat 0 -120px; Chris@76: padding-left: 9px; Chris@76: height: 31px; Chris@76: overflow: hidden; Chris@76: margin-bottom: 1px; Chris@76: } Chris@76: div.title_barIC h4.titlebg Chris@76: { Chris@76: background: url(../images/theme/main_block.png) no-repeat 100% -120px; Chris@76: } Chris@76: #upshrinkHeaderIC p.pminfo Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0.5em; Chris@76: } Chris@76: img#upshrink_ic, img#newsupshrink Chris@76: { Chris@76: float: right; Chris@76: margin: 10px 5px 0 0; Chris@76: } Chris@76: table.table_list a.unreadlink, table.table_list a.collapse Chris@76: { Chris@76: float: right; Chris@76: } Chris@76: table.table_list a.collapse Chris@76: { Chris@76: margin: 10px 5px 0 1em; Chris@76: height: 31px; Chris@76: line-height: 31px; Chris@76: } Chris@76: Chris@76: /* The half-round header bars for some tables. */ Chris@76: .table_grid tr.catbg, .table_grid tr.titlebg Chris@76: { Chris@76: font-size: 0.95em; Chris@76: border-bottom: 1px solid #fff; Chris@76: } Chris@76: .table_grid tr.catbg th, .table_grid tr.titlebg th Chris@76: { Chris@76: height: 28px; Chris@76: line-height: 28px; Chris@76: } Chris@76: tr.catbg th.first_th Chris@76: { Chris@76: background: #a7b9cd url(../images/theme/main_block.png) no-repeat 0 -280px; Chris@76: } Chris@76: tr.catbg th.last_th Chris@76: { Chris@76: background: #a7b9cd url(../images/theme/main_block.png) no-repeat 100% -280px; Chris@76: } Chris@76: tr.titlebg th.first_th Chris@76: { Chris@76: background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -380px; Chris@76: } Chris@76: tr.titlebg th.last_th Chris@76: { Chris@76: background: #e3e9ef url(../images/theme/main_block.png) no-repeat 100% -380px; Chris@76: } Chris@76: .table_grid th.last_th input Chris@76: { Chris@76: margin: 0 2px; Chris@76: } Chris@76: .table_grid th.lefttext Chris@76: { Chris@76: padding: 0 0.7em; Chris@76: } Chris@76: Chris@76: /* a general table class */ Chris@76: table.table_grid Chris@76: { Chris@76: border-collapse: collapse; Chris@76: margin-top: 0.1em; Chris@76: } Chris@76: table.table_grid td Chris@76: { Chris@76: padding: 3px; Chris@76: border-bottom: 1px solid #fff; Chris@76: border-right: 1px solid #fff; Chris@76: } Chris@76: Chris@76: /* GenericList */ Chris@76: .additional_row Chris@76: { Chris@76: padding: 0.5em 0 0.5em 0; Chris@76: } Chris@76: table.table_grid thead tr.catbg th Chris@76: { Chris@76: white-space: nowrap; Chris@76: } Chris@76: Chris@76: /* table_grid styles for Profile > Show Permissions. */ Chris@76: #permissions table.table_grid td Chris@76: { Chris@76: padding: 0.4em 0.8em; Chris@76: cursor: default; Chris@76: } Chris@76: Chris@76: /* Common styles used to add corners to divisions. Chris@76: ------------------------------------------------------- */ Chris@76: .windowbg span.topslice Chris@76: { Chris@76: display: block; Chris@76: padding-left: 20px; Chris@76: background: url(../images/theme/main_block.png) 0 -30px no-repeat; Chris@76: } Chris@76: .windowbg span.topslice span Chris@76: { Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 100% -30px no-repeat; Chris@76: height: 11px; Chris@76: } Chris@76: .windowbg span.botslice Chris@76: { Chris@76: display: block; Chris@76: padding-left: 20px; Chris@76: background: url(../images/theme/main_block.png) 0 -40px no-repeat; Chris@76: font-size: 5px; Chris@76: line-height: 5px; Chris@76: margin-bottom: 0.2em; Chris@76: } Chris@76: .windowbg span.botslice span Chris@76: { Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 100% -40px no-repeat; Chris@76: height: 11px; Chris@76: } Chris@76: Chris@76: .windowbg2 span.topslice Chris@76: { Chris@76: display: block; Chris@76: padding-left: 20px; Chris@76: background: url(../images/theme/main_block.png) 0 -60px no-repeat; Chris@76: } Chris@76: .windowbg2 span.topslice span Chris@76: { Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 100% -60px no-repeat; Chris@76: height: 11px; Chris@76: } Chris@76: .windowbg2 span.botslice Chris@76: { Chris@76: display: block; Chris@76: padding-left: 20px; Chris@76: background: url(../images/theme/main_block.png) 0 -71px no-repeat; Chris@76: font-size: 5px; Chris@76: line-height: 5px; Chris@76: margin-bottom: 0.2em; Chris@76: } Chris@76: .windowbg2 span.botslice span Chris@76: { Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 100% -71px no-repeat; Chris@76: height: 11px; Chris@76: } Chris@76: .approvebg span.topslice Chris@76: { Chris@76: display: block; Chris@76: padding-left: 20px; Chris@76: background: url(../images/theme/main_block.png) 0 0 no-repeat; Chris@76: } Chris@76: .approvebg span.topslice span Chris@76: { Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 100% 0 no-repeat; Chris@76: height: 11px; Chris@76: } Chris@76: .approvebg span.botslice Chris@76: { Chris@76: display: block; Chris@76: padding-left: 20px; Chris@76: background: url(../images/theme/main_block.png) 0 -11px no-repeat; Chris@76: margin-bottom: 0.2em; Chris@76: } Chris@76: .approvebg span.botslice span Chris@76: { Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 100% -11px no-repeat; Chris@76: height: 11px; Chris@76: } Chris@76: .postbg Chris@76: { Chris@76: border-left: 1px solid #7f7f7f; Chris@76: border-right: 1px solid #7f7f7f; Chris@76: } Chris@76: Chris@76: /* Used for sections that need somewhat larger corners. Chris@76: ----------------------------------------------------------- */ Chris@76: .roundframe Chris@76: { Chris@76: padding: 0 10px; Chris@76: background: #f5f5f5; Chris@76: border-left: 1px solid #c5c5c5; Chris@76: border-right: 1px solid #c5c5c5; Chris@76: } Chris@76: .roundframe dl, .roundframe dt, .roundframe p Chris@76: { Chris@76: margin: 0; Chris@76: } Chris@76: .roundframe p Chris@76: { Chris@76: padding: 0.5em; Chris@76: } Chris@76: span.upperframe Chris@76: { Chris@76: padding: 0; Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 0 -90px no-repeat; Chris@76: padding-left: 20px; Chris@76: } Chris@76: span.upperframe span Chris@76: { Chris@76: padding: 0; Chris@76: height: 12px; Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 100% -90px no-repeat; Chris@76: } Chris@76: span.lowerframe Chris@76: { Chris@76: padding: 0; Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 0 -102px no-repeat; Chris@76: padding-left: 20px; Chris@76: } Chris@76: span.lowerframe span Chris@76: { Chris@76: padding: 0; Chris@76: height: 12px; Chris@76: display: block; Chris@76: background: url(../images/theme/main_block.png) 100% -102px no-repeat; Chris@76: } Chris@76: Chris@76: /* The main content area. Chris@76: ------------------------------------------------------- */ Chris@76: .content Chris@76: { Chris@76: padding: 0.5em 1.2em; Chris@76: margin: 0; Chris@76: border: none; Chris@76: } Chris@76: .content p Chris@76: { Chris@76: margin: 0 0 0.5em 0; Chris@76: } Chris@76: Chris@76: /* Styles used by the auto suggest control. Chris@76: ------------------------------------------------------- */ Chris@76: .auto_suggest_div Chris@76: { Chris@76: border: 1px solid #000; Chris@76: position: absolute; Chris@76: visibility: hidden; Chris@76: } Chris@76: .auto_suggest_item Chris@76: { Chris@76: background-color: #ddd; Chris@76: } Chris@76: .auto_suggest_item_hover Chris@76: { Chris@76: background-color: #888; Chris@76: cursor: pointer; Chris@76: color: #eee; Chris@76: } Chris@76: Chris@76: /* Styles for the standard dropdown menus. Chris@76: ------------------------------------------------------- */ Chris@76: #main_menu Chris@76: { Chris@76: padding: 0 0.5em; Chris@76: float: left; Chris@76: margin: 0; Chris@76: width: 98%; Chris@76: } Chris@76: Chris@76: .dropmenu, .dropmenu ul Chris@76: { Chris@76: list-style: none; Chris@76: line-height: 1em; Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: } Chris@76: .dropmenu Chris@76: { Chris@76: padding: 0 0.5em; Chris@76: } Chris@76: .dropmenu a Chris@76: { Chris@76: display: block; Chris@76: color: #000; Chris@76: text-decoration: none; Chris@76: } Chris@76: .dropmenu a span Chris@76: { Chris@76: display: block; Chris@76: padding: 0 0 0 5px; Chris@76: font-size: 0.9em; Chris@76: } Chris@76: /* the background's first level only */ Chris@76: .dropmenu li a.firstlevel Chris@76: { Chris@76: margin-right: 8px; Chris@76: } Chris@76: .dropmenu li a.firstlevel span.firstlevel Chris@76: { Chris@76: display: block; Chris@76: position: relative; Chris@76: left: -5px; Chris@76: padding-left: 5px; Chris@76: height: 22px; Chris@76: line-height: 19px; Chris@76: white-space: pre; Chris@76: } Chris@76: .dropmenu li Chris@76: { Chris@76: float: left; Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: position: relative; Chris@76: } Chris@76: .dropmenu li ul Chris@76: { Chris@76: z-index: 90; Chris@76: display: none; Chris@76: position: absolute; Chris@76: width: 19.2em; Chris@76: font-weight: normal; Chris@76: border-bottom: 1px solid #999; Chris@76: background: url(../images/theme/menu_gfx.png) 0 -130px no-repeat; Chris@76: padding: 7px 0 0 0; Chris@76: } Chris@76: .dropmenu li li Chris@76: { Chris@76: width: 19em; Chris@76: margin: 0; Chris@76: border-left: 1px solid #999; Chris@76: border-right: 1px solid #999; Chris@76: } Chris@76: .dropmenu li li a span Chris@76: { Chris@76: display: block; Chris@76: padding: 8px; Chris@76: } Chris@76: .dropmenu li ul ul Chris@76: { Chris@76: margin: -1.8em 0 0 13em; Chris@76: } Chris@76: Chris@76: /* the active button */ Chris@76: .dropmenu li a.active Chris@76: { Chris@76: background: url(../images/theme/menu_gfx.png) no-repeat 100% 0; Chris@76: color: #fff; Chris@76: font-weight: bold; Chris@76: } Chris@76: .dropmenu li a.active span.firstlevel Chris@76: { Chris@76: background: url(../images/theme/menu_gfx.png) no-repeat 0 0; Chris@76: } Chris@76: /* the hover effects */ Chris@76: .dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel Chris@76: { Chris@76: background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px; Chris@76: color: #fff; Chris@76: cursor: pointer; Chris@76: text-decoration: none; Chris@76: } Chris@76: .dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel Chris@76: { Chris@76: background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px; Chris@76: } Chris@76: /* the hover effects on level2 and 3 */ Chris@76: .dropmenu li li a:hover, .dropmenu li li:hover>a Chris@76: { Chris@76: background: #d4dbe4; Chris@76: color: #000; Chris@76: text-decoration: none; Chris@76: } Chris@76: .dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul Chris@76: { Chris@76: top: -999em; Chris@76: } Chris@76: .dropmenu li li:hover ul Chris@76: { Chris@76: top: auto; Chris@76: } Chris@76: .dropmenu li:hover ul Chris@76: { Chris@76: display: block; Chris@76: } Chris@76: .dropmenu li li.additional_items Chris@76: { Chris@76: background-color: #fff; Chris@76: } Chris@76: Chris@76: /* The dropdown menu toggle image */ Chris@76: #menu_toggle Chris@76: { Chris@76: float: right; Chris@76: margin-right: 10px; Chris@76: padding-top: 3px; Chris@76: } Chris@76: #menu_toggle span Chris@76: { Chris@76: position: relative; Chris@76: right: 5000px; Chris@76: } Chris@76: Chris@76: /* Styles for the standard button lists. Chris@76: ------------------------------------------------------- */ Chris@76: Chris@76: .buttonlist ul Chris@76: { Chris@76: z-index: 100; Chris@76: padding: 5px; Chris@76: margin: 0 0.2em 5px 0; Chris@76: } Chris@76: .buttonlist ul li Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: list-style: none; Chris@76: float: left; Chris@76: } Chris@76: .buttonlist ul li a Chris@76: { Chris@76: display: block; Chris@76: font-size: 0.8em; Chris@76: color: #000; Chris@76: background: #e8e8e8 url(../images/theme/menu_gfx.png) no-repeat 0 -60px; Chris@76: padding: 0 0 0 8px; Chris@76: margin-left: 12px; Chris@76: text-transform: uppercase; Chris@76: cursor: pointer; Chris@76: } Chris@76: .buttonlist ul li a:hover Chris@76: { Chris@76: background: url(../images/theme/menu_gfx.png) no-repeat 0 0; Chris@76: color: #fff; Chris@76: text-decoration: none; Chris@76: } Chris@76: .buttonlist ul li a span Chris@76: { Chris@76: background: url(../images/theme/menu_gfx.png) no-repeat 100% -60px; Chris@76: display: block; Chris@76: height: 19px; Chris@76: line-height: 19px; Chris@76: padding: 0 8px 0 0; Chris@76: } Chris@76: .buttonlist ul li a:hover span Chris@76: { Chris@76: background: #fff url(../images/theme/menu_gfx.png) no-repeat 100% 0; Chris@76: } Chris@76: /* the active one */ Chris@76: .buttonlist ul li a.active Chris@76: { Chris@76: background: #5a6c85 url(../images/theme/menu_gfx.png) no-repeat 0 -90px; Chris@76: color: #fff; Chris@76: font-weight: bold; Chris@76: } Chris@76: .buttonlist ul li a.active span Chris@76: { Chris@76: background: url(../images/theme/menu_gfx.png) no-repeat 100% -90px; Chris@76: } Chris@76: .buttonlist ul li a.active Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: .buttonlist ul li a.active:hover Chris@76: { Chris@76: color: #ddf; Chris@76: } Chris@76: .align_top ul li a, .align_bottom ul li a Chris@76: { Chris@76: margin: 0 12px 0 0; Chris@76: } Chris@76: Chris@76: /* the navigation list */ Chris@76: ul#navigation Chris@76: { Chris@76: margin: 0; Chris@76: font-size: 0.9em; Chris@76: padding: 1em 0.4em; Chris@76: } Chris@76: ul#navigation li Chris@76: { Chris@76: float: none; Chris@76: font-size: 0.95em; Chris@76: display: inline; Chris@76: } Chris@76: Chris@76: #adm_submenus Chris@76: { Chris@76: padding-left: 2em; Chris@76: overflow: hidden; Chris@76: } Chris@76: Chris@76: /* Styles for the general looks for the Curve theme. Chris@76: ------------------------------------------------------- */ Chris@76: Chris@76: /* the framing graphics */ Chris@76: #header Chris@76: { Chris@76: background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px; Chris@76: padding-left: 20px; Chris@76: } Chris@76: #header div.frame Chris@76: { Chris@76: background: url(../images/theme/main_block.png) no-repeat 100% -480px; Chris@76: display: block; Chris@76: padding: 5px 20px 1em 0; Chris@76: } Chris@76: /* the content section */ Chris@76: #content_section Chris@76: { Chris@76: background: #FFFFFF url(../images/theme/frame_repeat.png) repeat-y top left; Chris@76: padding-left: 20px; Chris@76: } Chris@76: #content_section div.frame Chris@76: { Chris@76: background: url(../images/theme/frame_repeat.png) repeat-y top right; Chris@76: display: block; Chris@76: padding: 0 20px 0 0; Chris@76: } Chris@76: #main_content_section Chris@76: { Chris@76: width: 100%; Chris@76: min-height: 200px; Chris@76: } Chris@76: Chris@76: /* the main title, always stay at 45 pixels in height! */ Chris@76: h1.forumtitle Chris@76: { Chris@76: line-height: 45px; Chris@76: font-size: 1.8em; Chris@76: font-family: Geneva, verdana, sans-serif; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: float: left; Chris@76: } Chris@76: /* float these items to the right */ Chris@76: #siteslogan, img#smflogo Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: float: right; Chris@76: line-height: 3em; Chris@76: } Chris@76: h3, h4 Chris@76: { Chris@76: padding-bottom: 3px; Chris@76: } Chris@76: /* the upshrink image needs some tweaking */ Chris@76: img#upshrink Chris@76: { Chris@76: float: right; Chris@76: margin: 1em; Chris@76: } Chris@76: /* ..so does the SMF logo */ Chris@76: img#smflogo Chris@76: { Chris@76: margin-left: 1em; Chris@76: } Chris@76: /* the upper_section, float the two each way */ Chris@76: #upper_section Chris@76: { Chris@76: padding: 5px; Chris@76: margin-bottom: 1.5em; Chris@76: } Chris@76: #upper_section ul li.greeting Chris@76: { Chris@76: font-size: 1.3em; Chris@76: font-weight: bold; Chris@76: line-height: 1.5em; Chris@76: } Chris@76: #upper_section div.news Chris@76: { Chris@76: width: 50%; Chris@76: float: right; Chris@76: text-align: right; Chris@76: } Chris@76: #guest_form Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: #guest_form .info Chris@76: { Chris@76: padding: 4px 0 ; Chris@76: line-height: 1.3em; Chris@76: } Chris@76: div#upper_section div.user Chris@76: { Chris@76: width: 50%; Chris@76: float: left; Chris@76: overflow: auto; Chris@76: } Chris@76: div#upper_section div.user p Chris@76: { Chris@76: float: left; Chris@76: margin: 0 1em 1em 0; Chris@76: padding: 0; Chris@76: } Chris@76: div#upper_section div.user ul Chris@76: { Chris@76: margin: 0; Chris@76: padding-left: 10px; Chris@76: } Chris@76: div#upper_section div.user ul li Chris@76: { Chris@76: margin-bottom: 2px; Chris@76: } Chris@76: div#upper_section div.news p Chris@76: { Chris@76: display: inline; Chris@76: } Chris@76: div#upper_section div.news form Chris@76: { Chris@76: padding-bottom: 10px; Chris@76: } Chris@76: /* clearing the floats */ Chris@76: #top_section Chris@76: { Chris@76: min-height: 65px; Chris@76: overflow: hidden; Chris@76: margin-bottom: 3px; Chris@76: } Chris@76: #upper_section Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: Chris@76: /* The navigation list (i.e. linktree) */ Chris@76: .navigate_section Chris@76: { Chris@76: padding: 0.5em; Chris@76: margin: 0 0 0 0; Chris@76: } Chris@76: .navigate_section ul Chris@76: { Chris@76: display: block; Chris@76: margin: 0; Chris@76: font-size: 0.9em; Chris@76: padding: 1em 0 0.5em 0; Chris@76: border-top: 1px solid #ccc; Chris@76: overflow: hidden; Chris@76: list-style: none; Chris@76: clear: both; Chris@76: width: 100%; Chris@76: } Chris@76: .navigate_section ul li Chris@76: { Chris@76: float: left; Chris@76: padding: 0 0.5em 0 0; Chris@76: font-size: 0.95em; Chris@76: } Chris@76: .navigate_section ul li a Chris@76: { Chris@76: white-space: pre; Chris@76: } Chris@76: Chris@76: /* The footer wih copyright links etc. */ Chris@76: #footer_section Chris@76: { Chris@76: text-align: center; Chris@76: background: url(../images/theme/main_block.png) no-repeat 0 -820px; Chris@76: padding-left: 20px; Chris@76: } Chris@76: #footer_section span.smalltext Chris@76: { Chris@76: font-size: 100%; Chris@76: } Chris@76: #footer_section div.frame Chris@76: { Chris@76: background: url(../images/theme/main_block.png) no-repeat 100% -820px; Chris@76: display: block; Chris@76: padding: 60px 0 0 0; Chris@76: } Chris@76: #footer_section ul li, #footer_section p Chris@76: { Chris@76: font-size: 0.8em; Chris@76: } Chris@76: #footer_section ul li Chris@76: { Chris@76: display: inline; Chris@76: padding-right: 5px; Chris@76: } Chris@76: #footer_section ul li.copyright Chris@76: { Chris@76: display: block; Chris@76: } Chris@76: select.qaction, input.qaction Chris@76: { Chris@76: font-size: 0.85em; Chris@76: padding: 0; Chris@76: } Chris@76: #mlist table tbody td.windowbg2 Chris@76: { Chris@76: text-align: center; Chris@76: } Chris@76: Chris@76: /* Styles for a typical table. Chris@76: ------------------------------------------------------- */ Chris@76: table.table_list Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: table.table_list p Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: } Chris@76: table.table_list td, table.table_list th Chris@76: { Chris@76: padding: 5px; Chris@76: } Chris@76: table.table_list tbody.header td Chris@76: { Chris@76: padding: 0; Chris@76: } Chris@76: table.table_list tbody.content td.stats Chris@76: { Chris@76: font-size: 90%; Chris@76: width: 15%; Chris@76: text-align: center; Chris@76: } Chris@76: table.table_list tbody.content td.lastpost Chris@76: { Chris@76: line-height: 1.3em; Chris@76: font-size: 85%; Chris@76: width: 24%; Chris@76: } Chris@76: table.table_list tbody.content td.icon Chris@76: { Chris@76: text-align: center; Chris@76: width: 6%; Chris@76: } Chris@76: Chris@76: /* Styles for the board index. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: /* the board title! */ Chris@76: .table_list tbody.content td.info a.subject Chris@76: { Chris@76: font-weight: bold; Chris@76: font-size: 110%; Chris@76: color: #d97b33; Chris@76: } Chris@76: .table_list tbody.content td.children Chris@76: { Chris@76: color: #555; Chris@76: font-size: 85%; Chris@76: } Chris@76: p.moderators Chris@76: { Chris@76: font-size: 0.8em; Chris@76: font-family: verdana, sans-serif; Chris@76: } Chris@76: /* hide the table header/footer parts - but its here for those needing to style it */ Chris@76: #boardindex_table .table_list thead, #boardindex_table .table_list tfoot Chris@76: { Chris@76: display: none; Chris@76: } Chris@76: Chris@76: /* the posting icons */ Chris@76: #posting_icons Chris@76: { Chris@76: padding: 0 1em 0.5em 1em; Chris@76: margin: 0 0 1em 0; Chris@76: line-height: 1em; Chris@76: } Chris@76: #posting_icons ul Chris@76: { Chris@76: font-size: 0.8em; Chris@76: } Chris@76: #posting_icons img Chris@76: { Chris@76: vertical-align: middle; Chris@76: margin: 0 0 0 4ex; Chris@76: } Chris@76: #postbuttons_upper ul li a span Chris@76: { Chris@76: line-height: 19px; Chris@76: padding: 0 0 0 6px; Chris@76: } Chris@76: .nextlinks Chris@76: { Chris@76: text-align: right; Chris@76: margin-top: -1px; Chris@76: } Chris@76: .nextlinks_bottom Chris@76: { Chris@76: clear: right; Chris@76: text-align: right; Chris@76: } Chris@76: .mark_read Chris@76: { Chris@76: padding: 0 0.5em; Chris@76: } Chris@76: Chris@76: /* the newsfader */ Chris@76: #newsfader Chris@76: { Chris@76: margin: 0 2px; Chris@76: } Chris@76: #smfFadeScroller Chris@76: { Chris@76: text-align: center; Chris@76: padding: 0 2em; Chris@76: overflow: auto; Chris@76: margin: 1em 0; Chris@76: color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */ Chris@76: } Chris@76: Chris@76: /* Styles for the info center on the board index. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #upshrinkHeaderIC Chris@76: { Chris@76: margin-top: 4px; Chris@76: } Chris@76: dl#ic_recentposts Chris@76: { Chris@76: margin: 0 0 0.5em 0; Chris@76: padding: 0.5em; Chris@76: line-height: 1.3em; Chris@76: } Chris@76: dl#ic_recentposts dt Chris@76: { Chris@76: float: left; Chris@76: } Chris@76: dl#ic_recentposts dd Chris@76: { Chris@76: text-align: right; Chris@76: } Chris@76: #upshrinkHeaderIC p Chris@76: { Chris@76: margin: 0 0 0.5em 0; Chris@76: padding: 0.5em; Chris@76: } Chris@76: #upshrinkHeaderIC p.last Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0.5em; Chris@76: border-top: 2px dotted #bbb; Chris@76: } Chris@76: #upshrinkHeaderIC p.inline Chris@76: { Chris@76: border: none; Chris@76: margin: 0; Chris@76: padding: 0.2em 0.5em 0.2em 0.5em; Chris@76: } Chris@76: #upshrinkHeaderIC p.stats Chris@76: { Chris@76: font-size: 1.1em; Chris@76: padding-top: 8px; Chris@76: } Chris@76: form#ic_login Chris@76: { Chris@76: padding: 0.5em; Chris@76: height: 2em; Chris@76: } Chris@76: form#ic_login ul li Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: float: left; Chris@76: width: 20%; Chris@76: text-align: center; Chris@76: } Chris@76: form#ic_login ul li label Chris@76: { Chris@76: display: block; Chris@76: } Chris@76: Chris@76: /* the small stats */ Chris@76: #index_common_stats Chris@76: { Chris@76: display: block; Chris@76: margin: 0 0 0.5em 0; Chris@76: text-align: right; Chris@76: font-size: 0.9em; Chris@76: position: relative; Chris@76: top: -20px; Chris@76: line-height: 1px; Chris@76: } Chris@76: Chris@76: img.new_posts Chris@76: { Chris@76: padding: 0 0.1em; Chris@76: } Chris@76: /* Styles for the message (topic) index. Chris@76: ---------------------------------------------------- */ Chris@76: div.table_frame .table_list Chris@76: { Chris@76: border-collapse: collapse; Chris@76: margin: 2px 0; Chris@76: } Chris@76: .table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats Chris@76: { Chris@76: border-right: 2px solid white; Chris@76: } Chris@76: #messageindex Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: /* the page navigation area */ Chris@76: .childboards Chris@76: { Chris@76: margin-bottom: 0.2em; Chris@76: } Chris@76: #childboards h3 Chris@76: { Chris@76: padding-bottom: 0; Chris@76: } Chris@76: #childboards .table_list thead Chris@76: { Chris@76: display: none; Chris@76: } Chris@76: #childboards .table_list Chris@76: { Chris@76: margin-bottom: 1em; Chris@76: } Chris@76: .lastpost img Chris@76: { Chris@76: float: right; Chris@76: padding: 4px; Chris@76: } Chris@76: Chris@76: /* Styles for the display template (topic view). Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #postbuttons div.buttons Chris@76: { Chris@76: padding: 0.5em; Chris@76: width: 40%; Chris@76: float: right; Chris@76: } Chris@76: #postbuttons div.middletext Chris@76: { Chris@76: width: 60%; Chris@76: } Chris@76: #postbuttons span Chris@76: { Chris@76: display: block; Chris@76: text-align: right; Chris@76: } Chris@76: #postbuttons span.lower Chris@76: { Chris@76: clear: right; Chris@76: } Chris@76: #postbuttons .buttonlist Chris@76: { Chris@76: float: right; Chris@76: } Chris@76: #postbuttons #pagelinks Chris@76: { Chris@76: padding-top: 1em; Chris@76: } Chris@76: #moderationbuttons Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: /* Events */ Chris@76: .linked_events Chris@76: { Chris@76: padding: 1em 0; Chris@76: } Chris@76: .edit_event Chris@76: { Chris@76: margin: 0 1em; Chris@76: vertical-align: middle; Chris@76: } Chris@76: /* Poll question */ Chris@76: #poll Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: #poll .content Chris@76: { Chris@76: padding: 0 1em; Chris@76: } Chris@76: h4#pollquestion Chris@76: { Chris@76: padding: 0 0 0.5em 2em; Chris@76: } Chris@76: Chris@76: /* Poll vote options */ Chris@76: #poll_options ul.options Chris@76: { Chris@76: border-top: 1px solid #9999aa; Chris@76: padding: 1em 2.5em 0 2em; Chris@76: margin: 0 0 1em 0; Chris@76: } Chris@76: #poll_options div.submitbutton Chris@76: { Chris@76: border-bottom: 1px solid #9999aa; Chris@76: clear: both; Chris@76: padding: 0 0 1em 2em; Chris@76: margin: 0 0 1em 0; Chris@76: } Chris@76: Chris@76: /* Poll results */ Chris@76: #poll_options dl.options Chris@76: { Chris@76: border: solid #9999aa; Chris@76: border-width: 1px 0; Chris@76: padding: 1em 2.5em 1em 2em; Chris@76: margin: 0 1em 1em 0; Chris@76: line-height: 1.1em !important; Chris@76: } Chris@76: Chris@76: #poll_options dl.options dt Chris@76: { Chris@76: padding: 0.3em 0; Chris@76: width: 30%; Chris@76: float: left; Chris@76: margin: 0; Chris@76: clear: left; Chris@76: } Chris@76: Chris@76: #poll_options dl.options .voted Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: Chris@76: #poll_options dl.options dd Chris@76: { Chris@76: margin: 0 0 0 2em; Chris@76: padding: 0.1em 0 0 0; Chris@76: width: 60%; Chris@76: max-width: 450px; Chris@76: float: left; Chris@76: } Chris@76: Chris@76: #poll_options dl.options .percentage Chris@76: { Chris@76: display: block; Chris@76: float: right; Chris@76: padding: 0.2em 0 0.3em 0; Chris@76: } Chris@76: Chris@76: /* Poll notices */ Chris@76: #poll_options p Chris@76: { Chris@76: margin: 0 1.5em 0.2em 1.5em; Chris@76: padding: 0 0.5em 0.5em 0.5em; Chris@76: } Chris@76: Chris@76: div#pollmoderation Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: overflow: auto; Chris@76: } Chris@76: Chris@76: /* onto the posts */ Chris@76: #forumposts Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: #forumposts .cat_bar Chris@76: { Chris@76: margin: 0 0 2px 0; Chris@76: } Chris@76: /* author and topic information */ Chris@76: #forumposts h3 span#author Chris@76: { Chris@76: margin: 0 7.7em 0 0; Chris@76: } Chris@76: #forumposts h3 img Chris@76: { Chris@76: float: left; Chris@76: margin: 4px 0.5em 0 0; Chris@76: } Chris@76: #forumposts h3.catbg Chris@76: { Chris@76: margin-bottom: 3px; Chris@76: } Chris@76: p#whoisviewing Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0.5em; Chris@76: } Chris@76: /* poster and postarea + moderation area underneath */ Chris@76: .post_wrapper Chris@76: { Chris@76: float:left; Chris@76: width:100%; Chris@76: } Chris@76: .poster Chris@76: { Chris@76: float: left; Chris@76: width: 15em; Chris@76: } Chris@76: .postarea, .moderatorbar Chris@76: { Chris@76: margin: 0 0 0 16em; Chris@76: } Chris@76: .postarea div.flow_hidden Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: Chris@76: .moderatorbar Chris@76: { Chris@76: clear: right; Chris@76: } Chris@76: /* poster details and list of items */ Chris@76: .poster h4, .poster ul Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0 1em 0 1.5em; Chris@76: } Chris@76: .poster h4 Chris@76: { Chris@76: margin: 0.2em 0 0.4em 1.1em; Chris@76: font-size: 120%; Chris@76: } Chris@76: .poster h4, .poster h4 a Chris@76: { Chris@76: color: #c06002; Chris@76: } Chris@76: .poster ul ul Chris@76: { Chris@76: margin: 0.3em 1em 0 0; Chris@76: padding: 0; Chris@76: } Chris@76: .poster ul ul li Chris@76: { Chris@76: display: inline; Chris@76: } Chris@76: .poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul Chris@76: { Chris@76: margin-top: 0.5em; Chris@76: } Chris@76: .poster li.avatar Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: .poster li.warning Chris@76: { Chris@76: line-height: 1.2em; Chris@76: padding-top: 1em; Chris@76: } Chris@76: .poster li.warning a img Chris@76: { Chris@76: vertical-align: bottom; Chris@76: padding: 0 0.2em; Chris@76: } Chris@76: .messageicon Chris@76: { Chris@76: float: left; Chris@76: margin: 0 0.5em 0 0; Chris@76: } Chris@76: .messageicon img Chris@76: { Chris@76: padding: 6px 3px; Chris@76: } Chris@76: .keyinfo Chris@76: { Chris@76: float: left; Chris@76: width: 50%; Chris@76: } Chris@76: .modifybutton Chris@76: { Chris@76: clear: right; Chris@76: float: right; Chris@76: margin: 6px 20px 10px 0; Chris@76: text-align: right; Chris@76: font: bold 0.85em arial, sans-serif; Chris@76: color: #334466; Chris@76: } Chris@76: Chris@76: /* The quick buttons */ Chris@76: div.quickbuttons_wrap Chris@76: { Chris@76: padding: 0.2em 0; Chris@76: width: 100%; Chris@76: float: left; Chris@76: } Chris@76: Chris@76: ul.quickbuttons Chris@76: { Chris@76: margin: 0.9em 11px 0 0; Chris@76: clear: right; Chris@76: float: right; Chris@76: text-align: right; Chris@76: font: bold 0.85em arial, sans-serif; Chris@76: } Chris@76: ul.quickbuttons li Chris@76: { Chris@76: float: left; Chris@76: display: inline; Chris@76: margin: 0 0 0 11px; Chris@76: } Chris@76: ul.quickbuttons li a Chris@76: { Chris@76: padding: 0 0 0 20px; Chris@76: display: block; Chris@76: height: 20px; Chris@76: line-height: 18px; Chris@76: float: left; Chris@76: } Chris@76: ul.quickbuttons a:hover Chris@76: { Chris@76: color: #a70; Chris@76: } Chris@76: ul.quickbuttons li.quote_button Chris@76: { Chris@76: background: url(../images/theme/quickbuttons.png) no-repeat 0 0; Chris@76: } Chris@76: ul.quickbuttons li.remove_button Chris@76: { Chris@76: background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px; Chris@76: } Chris@76: ul.quickbuttons li.modify_button Chris@76: { Chris@76: background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px; Chris@76: } Chris@76: ul.quickbuttons li.approve_button Chris@76: { Chris@76: background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px; Chris@76: } Chris@76: ul.quickbuttons li.restore_button Chris@76: { Chris@76: background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px; Chris@76: } Chris@76: ul.quickbuttons li.split_button Chris@76: { Chris@76: background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px; Chris@76: } Chris@76: ul.quickbuttons li.reply_button Chris@76: { Chris@76: background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px; Chris@76: } Chris@76: ul.quickbuttons li.reply_all_button Chris@76: { Chris@76: background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px; Chris@76: } Chris@76: ul.quickbuttons li.notify_button Chris@76: { Chris@76: background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px; Chris@76: } Chris@76: ul.quickbuttons li.inline_mod_check Chris@76: { Chris@76: margin: 0 0 0 5px; Chris@76: } Chris@76: Chris@76: .post Chris@76: { Chris@76: margin-top: 0.5em; Chris@76: clear: right; Chris@76: } Chris@76: .inner Chris@76: { Chris@76: padding: 1em 1em 2px 0; Chris@76: margin: 0 1em 0 0; Chris@76: border-top: 1px solid #99a; Chris@76: } Chris@76: img.smiley Chris@76: { Chris@76: vertical-align: bottom; Chris@76: } Chris@76: #forumposts .modified Chris@76: { Chris@76: float: left; Chris@76: } Chris@76: #forumposts .reportlinks Chris@76: { Chris@76: margin-right: 1.5em; Chris@76: text-align: right; Chris@76: clear: right; Chris@76: } Chris@76: #forumposts .signature, .post .signature Chris@76: { Chris@76: margin: 1em 0 0 0; Chris@76: } Chris@76: #forumposts span.botslice Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: .attachments hr Chris@76: { Chris@76: clear: both; Chris@76: margin: 1em 0 1em 0; Chris@76: } Chris@76: .attachments Chris@76: { Chris@76: padding: 1em 0 2em 0; Chris@76: } Chris@76: .attachments div Chris@76: { Chris@76: padding: 0 0.5em; Chris@76: } Chris@76: Chris@76: /* Styles for the quick reply area. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #quickreplybox Chris@76: { Chris@76: padding-bottom: 1px; Chris@76: } Chris@76: #quickReplyOptions .roundframe Chris@76: { Chris@76: padding: 0 10%; Chris@76: } Chris@76: #quickReplyOptions form textarea Chris@76: { Chris@76: height: 100px; Chris@76: width: 635px; Chris@76: max-width: 100%; Chris@76: min-width: 100%; Chris@76: margin: 0.25em 0 1em 0; Chris@76: } Chris@76: /* The jump to box */ Chris@76: #display_jump_to Chris@76: { Chris@76: clear: both; Chris@76: padding: 5px; Chris@76: margin-top: 6px; Chris@76: text-align: right; Chris@76: } Chris@76: Chris@76: /* Separator of posts. More useful in the print stylesheet. */ Chris@76: #forumposts .post_separator Chris@76: { Chris@76: display: none; Chris@76: } Chris@76: Chris@76: /* Styles for edit post section Chris@76: ---------------------------------------------------- */ Chris@76: form#postmodify .roundframe Chris@76: { Chris@76: padding: 0 12%; Chris@76: } Chris@76: #post_header, .postbox Chris@76: { Chris@76: padding: 0.5em; Chris@76: overflow: hidden; Chris@76: } Chris@76: #post_header dt, .postbox dt Chris@76: { Chris@76: float: left; Chris@76: padding: 0; Chris@76: width: 15%; Chris@76: margin: .5em 0 0 0; Chris@76: font-weight: bold; Chris@76: } Chris@76: #post_header dd, .postbox dd Chris@76: { Chris@76: float: left; Chris@76: padding: 0; Chris@76: width: 83%; Chris@76: margin: .3em 0; Chris@76: } Chris@76: #post_header img Chris@76: { Chris@76: vertical-align: middle; Chris@76: } Chris@76: ul.post_options Chris@76: { Chris@76: margin: 0 0 0 1em; Chris@76: padding: 0; Chris@76: list-style: none; Chris@76: overflow: hidden; Chris@76: } Chris@76: ul.post_options li Chris@76: { Chris@76: margin: 0.2em 0; Chris@76: width: 49%; Chris@76: float: left; Chris@76: } Chris@76: #postAdditionalOptionsHeader Chris@76: { Chris@76: margin-top: 1em; Chris@76: } Chris@76: #postMoreOptions Chris@76: { Chris@76: border-bottom: 1px solid #cacdd3; Chris@76: padding: 0.5em; Chris@76: } Chris@76: #postAttachment, #postAttachment2 Chris@76: { Chris@76: overflow: hidden; Chris@76: margin: .5em 0; Chris@76: padding: 0; Chris@76: border-bottom: 1px solid #cacdd3; Chris@76: padding: 0.5em; Chris@76: } Chris@76: #postAttachment dd, #postAttachment2 dd Chris@76: { Chris@76: margin: .3em 0 .3em 1em; Chris@76: } Chris@76: #postAttachment dt, #postAttachment2 dt Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: #postAttachment3 Chris@76: { Chris@76: margin-left: 1em; Chris@76: } Chris@76: #post_confirm_strip, #shortcuts Chris@76: { Chris@76: padding: 1em 0 0 0; Chris@76: } Chris@76: .post_verification Chris@76: { Chris@76: margin-top: .5em; Chris@76: } Chris@76: .post_verification #verification_control Chris@76: { Chris@76: margin: .3em 0 .3em 1em; Chris@76: } Chris@76: /* The BBC buttons */ Chris@76: #bbcBox_message Chris@76: { Chris@76: margin: 0.75em 0.5em; Chris@76: } Chris@76: #bbcBox_message div Chris@76: { Chris@76: margin: 0.2em 0; Chris@76: vertical-align: top; Chris@76: } Chris@76: #bbcBox_message div img Chris@76: { Chris@76: margin: 0 1px 0 0; Chris@76: vertical-align: top; Chris@76: } Chris@76: #bbcBox_message select Chris@76: { Chris@76: margin: 0 2px; Chris@76: } Chris@76: /* The smiley strip */ Chris@76: #smileyBox_message Chris@76: { Chris@76: margin: 0.5em; Chris@76: } Chris@76: Chris@76: /* Styles for edit event section Chris@76: ---------------------------------------------------- */ Chris@76: #post_event .roundframe Chris@76: { Chris@76: padding: 0 12%; Chris@76: } Chris@76: #post_event fieldset Chris@76: { Chris@76: padding: 0.5em; Chris@76: clear: both; Chris@76: } Chris@76: #post_event #event_main input Chris@76: { Chris@76: margin: 0 0 1em 0; Chris@76: float: left; Chris@76: } Chris@76: #post_event #event_main div.smalltext Chris@76: { Chris@76: width: 33em; Chris@76: float: right; Chris@76: } Chris@76: #post_event div.event_options Chris@76: { Chris@76: float: right; Chris@76: } Chris@76: #post_event ul.event_main, ul.event_options Chris@76: { Chris@76: padding: 0; Chris@76: overflow: hidden; Chris@76: } Chris@76: #post_event ul.event_main li Chris@76: { Chris@76: list-style-type: none; Chris@76: margin: 0.2em 0; Chris@76: width: 49%; Chris@76: float: left; Chris@76: } Chris@76: #post_event ul.event_options Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0 0 .7em .7em; Chris@76: } Chris@76: #post_event ul.event_options li Chris@76: { Chris@76: list-style-type: none; Chris@76: margin: 0; Chris@76: float: left; Chris@76: } Chris@76: #post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check Chris@76: { Chris@76: margin: 0 1em 0 0; Chris@76: } Chris@76: Chris@76: /* Styles for edit poll section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #edit_poll Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: #edit_poll fieldset Chris@76: { Chris@76: padding: 0.5em; Chris@76: clear: both; Chris@76: overflow: hidden; Chris@76: } Chris@76: #edit_poll fieldset input Chris@76: { Chris@76: margin-left: 8.1em; Chris@76: } Chris@76: #edit_poll ul.poll_main li Chris@76: { Chris@76: padding-left: 1em; Chris@76: } Chris@76: #edit_poll ul.poll_main input Chris@76: { Chris@76: margin-left: 1em; Chris@76: } Chris@76: #edit_poll ul.poll_main, dl.poll_options Chris@76: { Chris@76: overflow: hidden; Chris@76: padding: 0 0 .7em .7em; Chris@76: list-style: none; Chris@76: } Chris@76: #edit_poll ul.poll_main li Chris@76: { Chris@76: margin: 0.2em 0; Chris@76: } Chris@76: #edit_poll dl.poll_options dt Chris@76: { Chris@76: width: 33%; Chris@76: padding: 0 0 0 1em; Chris@76: } Chris@76: #edit_poll dl.poll_options dd Chris@76: { Chris@76: width: 65%; Chris@76: } Chris@76: #edit_poll dl.poll_options dd input Chris@76: { Chris@76: margin-left: 0; Chris@76: } Chris@76: Chris@76: /* Styles for the recent messages section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #readbuttons_top .pagelinks, #readbuttons .pagelinks Chris@76: { Chris@76: padding-bottom: 1em; Chris@76: width: 60%; Chris@76: } Chris@76: #readbuttons .pagelinks Chris@76: { Chris@76: padding-top: 1em; Chris@76: } Chris@76: #recent Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: Chris@76: /* Styles for the move topic section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #move_topic dl Chris@76: { Chris@76: margin-bottom: 0; Chris@76: } Chris@76: #move_topic dl.settings dt Chris@76: { Chris@76: width: 40%; Chris@76: } Chris@76: #move_topic dl.settings dd Chris@76: { Chris@76: width: 59%; Chris@76: } Chris@76: .move_topic Chris@76: { Chris@76: width: 710px; Chris@76: margin: auto; Chris@76: text-align: left; Chris@76: } Chris@76: div.move_topic fieldset Chris@76: { Chris@76: padding: 0.5em; Chris@76: } Chris@76: Chris@76: /* Styles for the send topic section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: fieldset.send_topic Chris@76: { Chris@76: border: none; Chris@76: padding: 0.5em; Chris@76: } Chris@76: dl.send_topic Chris@76: { Chris@76: margin-bottom: 0; Chris@76: } Chris@76: dl.send_mail dt Chris@76: { Chris@76: width: 35%; Chris@76: } Chris@76: dl.send_mail dd Chris@76: { Chris@76: width: 64%; Chris@76: } Chris@76: Chris@76: /* Styles for the report topic section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #report_topic dl Chris@76: { Chris@76: margin-bottom: 0; Chris@76: } Chris@76: #report_topic dl.settings dt Chris@76: { Chris@76: width: 20%; Chris@76: } Chris@76: #report_topic dl.settings dd Chris@76: { Chris@76: width: 79%; Chris@76: } Chris@76: Chris@76: /* Styles for the split topic section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: div#selected, div#not_selected Chris@76: { Chris@76: width: 49%; Chris@76: } Chris@76: ul.split_messages li.windowbg, ul.split_messages li.windowbg2 Chris@76: { Chris@76: margin: 1px; Chris@76: } Chris@76: ul.split_messages li a.split_icon Chris@76: { Chris@76: padding: 0 0.5em; Chris@76: } Chris@76: ul.split_messages div.post Chris@76: { Chris@76: padding: 1em 0 0 0; Chris@76: border-top: 1px solid #fff; Chris@76: } Chris@76: Chris@76: /* Styles for the merge topic section. Chris@76: ---------------------------------------------------- */ Chris@76: ul.merge_topics li Chris@76: { Chris@76: list-style-type: none; Chris@76: } Chris@76: dl.merge_topic dt Chris@76: { Chris@76: width: 25%; Chris@76: } Chris@76: dl.merge_topic dd Chris@76: { Chris@76: width: 74%; Chris@76: } Chris@76: fieldset.merge_options Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: .custom_subject Chris@76: { Chris@76: margin: 0.5em 0; Chris@76: } Chris@76: Chris@76: /* Styles for the login areas. Chris@76: ------------------------------------------------------- */ Chris@76: .login Chris@76: { Chris@76: width: 540px; Chris@76: margin: 0 auto; Chris@76: } Chris@76: .login dl Chris@76: { Chris@76: overflow: auto; Chris@76: clear: right; Chris@76: } Chris@76: .login dt, .login dd Chris@76: { Chris@76: margin: 0 0 0.4em 0; Chris@76: width: 44%; Chris@76: padding: 0.1em; Chris@76: } Chris@76: .login dt Chris@76: { Chris@76: float: left; Chris@76: clear: both; Chris@76: text-align: right; Chris@76: font-weight: bold; Chris@76: } Chris@76: .login dd Chris@76: { Chris@76: width: 54%; Chris@76: float: right; Chris@76: text-align: left; Chris@76: } Chris@76: .login p Chris@76: { Chris@76: text-align: center; Chris@76: } Chris@76: Chris@76: /* Styles for the registration section. Chris@76: ------------------------------------------------------- */ Chris@76: .register_error Chris@76: { Chris@76: border: 1px dashed red; Chris@76: padding: 5px; Chris@76: margin: 0 1ex 1ex 1ex; Chris@76: } Chris@76: .register_error span Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: Chris@76: /* Additional profile fields */ Chris@76: dl.register_form Chris@76: { Chris@76: margin: 0; Chris@76: clear: right; Chris@76: } Chris@76: Chris@76: dl.register_form dt Chris@76: { Chris@76: font-weight: normal; Chris@76: float: left; Chris@76: clear: both; Chris@76: width: 50%; Chris@76: margin: 0.5em 0 0 0; Chris@76: } Chris@76: Chris@76: dl.register_form dt strong Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: Chris@76: dl.register_form dt span Chris@76: { Chris@76: display: block; Chris@76: } Chris@76: Chris@76: dl.register_form dd Chris@76: { Chris@76: float: left; Chris@76: width: 49%; Chris@76: margin: 0.5em 0 0 0; Chris@76: } Chris@76: Chris@76: #confirm_buttons Chris@76: { Chris@76: text-align: center; Chris@76: padding: 1em 0; Chris@76: } Chris@76: Chris@76: .coppa_contact Chris@76: { Chris@76: padding: 4px; Chris@76: width: 32ex; Chris@76: background-color: #fff; Chris@76: color: #000; Chris@76: margin-left: 5ex; Chris@76: border: 1px solid #000; Chris@76: } Chris@76: Chris@76: .valid_input Chris@76: { Chris@76: background-color: #f5fff0; Chris@76: } Chris@76: .invalid_input Chris@76: { Chris@76: background-color: #fff0f0; Chris@76: } Chris@76: Chris@76: /* Styles for maintenance mode. Chris@76: ------------------------------------------------------- */ Chris@76: #maintenance_mode Chris@76: { Chris@76: width: 75%; Chris@76: min-width: 520px; Chris@76: text-align: left; Chris@76: } Chris@76: #maintenance_mode img.floatleft Chris@76: { Chris@76: margin-right: 1em; Chris@76: } Chris@76: Chris@76: /* common for all admin sections */ Chris@76: h3.titlebg img Chris@76: { Chris@76: vertical-align: middle; Chris@76: margin-right: 0.5em; Chris@76: margin-top: -1px; Chris@76: } Chris@76: tr.titlebg td Chris@76: { Chris@76: padding-left: 0.7em; Chris@76: } Chris@76: #admin_menu Chris@76: { Chris@76: min-height: 2em; Chris@76: padding-left: 0; Chris@76: } Chris@76: #admin_content Chris@76: { Chris@76: clear: left; Chris@76: padding-top: 0.5em; Chris@76: } Chris@76: /* Custom profile fields like to play with us some times. */ Chris@76: #admin_content .custom_field Chris@76: { Chris@76: margin-bottom: 15px; Chris@76: } Chris@76: #admin_login .centertext Chris@76: { Chris@76: padding: 1em; Chris@76: } Chris@76: #admin_login .centertext .error Chris@76: { Chris@76: padding: 0 0 1em 0; Chris@76: } Chris@76: Chris@76: /* Styles for sidebar menus. Chris@76: ------------------------------------------------------- */ Chris@76: .left_admmenu, .left_admmenu ul, .left_admmenu li Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: list-style: none; Chris@76: } Chris@76: #left_admsection Chris@76: { Chris@76: width: 160px; Chris@76: float: left; Chris@76: padding-right: 10px; Chris@76: } Chris@76: .adm_section h4.titlebg Chris@76: { Chris@76: font-size: 95%; Chris@76: margin-bottom: 5px; Chris@76: } Chris@76: #main_container Chris@76: { Chris@76: position: relative; Chris@76: } Chris@76: .left_admmenu li Chris@76: { Chris@76: padding: 0 0 0 0.5em; Chris@76: } Chris@76: .left_admmenu Chris@76: { Chris@76: margin-bottom: 0.5em; Chris@76: } Chris@76: #main_admsection Chris@76: { Chris@76: position: relative; Chris@76: left: 0; Chris@76: right: 0; Chris@76: overflow: hidden; Chris@76: } Chris@76: Chris@76: tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td Chris@76: { Chris@76: padding: 0.3em 0.7em; Chris@76: } Chris@76: #credits p Chris@76: { Chris@76: padding: 0; Chris@76: font-style: italic; Chris@76: margin: 0; Chris@76: } Chris@76: Chris@76: /* Styles for generic tables. Chris@76: ------------------------------------------------------- */ Chris@76: .topic_table table Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: .topic_table .icon1, .topic_table .icon2, .topic_table .stats Chris@76: { Chris@76: text-align: center; Chris@76: } Chris@76: #topic_icons Chris@76: { Chris@76: margin: 1em 0 0 0; Chris@76: } Chris@76: #topic_icons .description Chris@76: { Chris@76: margin: 0; Chris@76: } Chris@76: .topic_table table thead Chris@76: { Chris@76: border-bottom: 1px solid #fff; Chris@76: } Chris@76: /* the subject column */ Chris@76: .topic_table td Chris@76: { Chris@76: font-size: 1em; Chris@76: } Chris@76: .topic_table td.subject p, .topic_table td.stats Chris@76: { Chris@76: font-size: 0.85em; Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: } Chris@76: .topic_table td.lastpost Chris@76: { Chris@76: font-size: 0.85em; Chris@76: line-height: 1.3em; Chris@76: padding: 4px; Chris@76: } Chris@76: .topic_table td.stickybg2 Chris@76: { Chris@76: background-image: url(../images/icons/quick_sticky.gif); Chris@76: background-repeat: no-repeat; Chris@76: background-position: 98% 4px; Chris@76: } Chris@76: .topic_table td.lockedbg2 Chris@76: { Chris@76: background-image: url(../images/icons/quick_lock.gif); Chris@76: background-repeat: no-repeat; Chris@76: background-position: 98% 4px; Chris@76: } Chris@76: .topic_table td.locked_sticky2 Chris@76: { Chris@76: background-image: url(../images/icons/quick_sticky_lock.gif); Chris@76: background-repeat: no-repeat; Chris@76: background-position: 98% 4px; Chris@76: } Chris@76: .topic_table td.lastpost Chris@76: { Chris@76: background-image: none; Chris@76: } Chris@76: Chris@76: /* Styles for (fatal) errors. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: #fatal_error Chris@76: { Chris@76: width: 80%; Chris@76: margin: auto; Chris@76: } Chris@76: Chris@76: .errorbox Chris@76: { Chris@76: padding: 1em; Chris@76: border: 1px solid #cc3344; Chris@76: color: #000; Chris@76: background-color: #ffe4e9; Chris@76: margin-bottom: 1em; Chris@76: } Chris@76: .errorbox h3 Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: font-size: 1.1em; Chris@76: text-decoration: underline; Chris@76: } Chris@76: .errorbox p Chris@76: { Chris@76: margin: 1em 0 0 0; Chris@76: } Chris@76: .errorbox p.alert Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: float: left; Chris@76: width: 1em; Chris@76: font-size: 1.5em; Chris@76: } Chris@76: Chris@76: /* Styles for the profile section. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: dl Chris@76: { Chris@76: overflow: auto; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: /* The basic user info on the left */ Chris@76: #basicinfo Chris@76: { Chris@76: width: 20%; Chris@76: float: left; Chris@76: } Chris@76: #basicinfo .windowbg .content Chris@76: { Chris@76: padding-left: 20px; Chris@76: } Chris@76: #detailedinfo Chris@76: { Chris@76: width: 79.5%; Chris@76: float: right; Chris@76: } Chris@76: #basicinfo h4 Chris@76: { Chris@76: font-size: 135%; Chris@76: font-weight: 100; Chris@76: line-height: 105%; Chris@76: white-space: pre-wrap; Chris@76: overflow: hidden; Chris@76: } Chris@76: #basicinfo h4 span.position Chris@76: { Chris@76: font-size: 80%; Chris@76: font-weight: 100; Chris@76: display: block; Chris@76: } Chris@76: #basicinfo img.avatar Chris@76: { Chris@76: display: block; Chris@76: margin: 10px 0 0 0; Chris@76: } Chris@76: #basicinfo ul Chris@76: { Chris@76: list-style-type: none; Chris@76: margin: 10px 0 0 0; Chris@76: } Chris@76: #basicinfo ul li Chris@76: { Chris@76: display: block; Chris@76: float: left; Chris@76: margin-right: 5px; Chris@76: height: 20px; Chris@76: } Chris@76: #basicinfo span#userstatus Chris@76: { Chris@76: display: block; Chris@76: clear: both; Chris@76: } Chris@76: #basicinfo span#userstatus img Chris@76: { Chris@76: vertical-align: middle; Chris@76: } Chris@76: #detailedinfo div.content dl, #tracking div.content dl Chris@76: { Chris@76: clear: right; Chris@76: overflow: auto; Chris@76: margin: 0 0 18px 0; Chris@76: padding: 0 0 15px 0; Chris@76: border-bottom: 1px #ccc solid; Chris@76: } Chris@76: #detailedinfo div.content dt, #tracking div.content dt Chris@76: { Chris@76: width: 35%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: font-weight: bold; Chris@76: clear: both; Chris@76: } Chris@76: #detailedinfo div.content dd, #tracking div.content dd Chris@76: { Chris@76: width: 65%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: } Chris@76: #detailedinfo div.content dl.noborder Chris@76: { Chris@76: border-bottom: 0; Chris@76: } Chris@76: #detailedinfo div.content dt.clear Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: .signature, .custom_fields_above_signature Chris@76: { Chris@76: border-top: 1px #ccc solid; Chris@76: } Chris@76: .signature h5 Chris@76: { Chris@76: font-size: 0.85em; Chris@76: margin-bottom: 10px; Chris@76: } Chris@76: #personal_picture Chris@76: { Chris@76: display: block; Chris@76: margin-bottom: 0.3em; Chris@76: } Chris@76: #avatar_server_stored div Chris@76: { Chris@76: float: left; Chris@76: } Chris@76: #avatar_upload Chris@76: { Chris@76: overflow: auto; Chris@76: } Chris@76: #main_admsection #basicinfo, #main_admsection #detailedinfo Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: #main_admsection #basicinfo h4 Chris@76: { Chris@76: float: left; Chris@76: width: 35%; Chris@76: } Chris@76: #main_admsection #basicinfo img.avatar Chris@76: { Chris@76: float: right; Chris@76: vertical-align: top; Chris@76: } Chris@76: #main_admsection #basicinfo ul Chris@76: { Chris@76: clear: left; Chris@76: } Chris@76: #main_admsection #basicinfo span#userstatus Chris@76: { Chris@76: clear: left; Chris@76: } Chris@76: #main_admsection #basicinfo p#infolinks Chris@76: { Chris@76: display: none; Chris@76: clear: both; Chris@76: } Chris@76: #main_admsection #basicinfo .botslice Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: Chris@76: /* Simple feedback messages */ Chris@76: div#profile_error, div#profile_success Chris@76: { Chris@76: margin: 0 0 1em 0; Chris@76: padding: 1em 2em; Chris@76: border: 1px solid; Chris@76: } Chris@76: div#profile_error Chris@76: { Chris@76: border-color: red; Chris@76: color: red; Chris@76: background: #fee; Chris@76: } Chris@76: Chris@76: div#profile_error span Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: Chris@76: div#profile_success Chris@76: { Chris@76: border-color: green; Chris@76: color: green; Chris@76: background: #efe; Chris@76: } Chris@76: Chris@76: /* Profile statistics */ Chris@76: #generalstats div.content dt Chris@76: { Chris@76: width: 50%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: font-weight: bold; Chris@76: clear: both; Chris@76: } Chris@76: #generalstats div.content dd Chris@76: { Chris@76: width: 50%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: /* Activity by time */ Chris@76: #activitytime Chris@76: { Chris@76: margin: 6px 0; Chris@76: } Chris@76: .activity_stats Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: list-style: none; Chris@76: } Chris@76: .activity_stats li Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: width: 4.16%; Chris@76: float: left; Chris@76: } Chris@76: .activity_stats li span Chris@76: { Chris@76: display: block; Chris@76: border: solid #000; Chris@76: border-width: 1px 1px 0 0; Chris@76: text-align: center; Chris@76: } Chris@76: .activity_stats li.last span Chris@76: { Chris@76: border-right: none; Chris@76: } Chris@76: .activity_stats li div.bar Chris@76: { Chris@76: margin: 0 auto; Chris@76: width: 15px; Chris@76: } Chris@76: .activity_stats li div.bar div Chris@76: { Chris@76: background: #6294CE; Chris@76: } Chris@76: .activity_stats li div.bar span Chris@76: { Chris@76: position: absolute; Chris@76: top: -1000em; Chris@76: left: -1000em; Chris@76: } Chris@76: Chris@76: /* Most popular boards by posts and activity */ Chris@76: #popularposts Chris@76: { Chris@76: width: 49.5%; Chris@76: float: left; Chris@76: } Chris@76: #popularactivity Chris@76: { Chris@76: width: 49.5%; Chris@76: float: right; Chris@76: } Chris@76: Chris@76: #popularposts div.content dt, #popularactivity div.content dt Chris@76: { Chris@76: width: 65%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: font-weight: bold; Chris@76: clear: both; Chris@76: } Chris@76: #popularposts div.content dd, #popularactivity div.content dd Chris@76: { Chris@76: width: 35%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: .profile_pie Chris@76: { Chris@76: background-image: url(../images/stats_pie.png); Chris@76: float: left; Chris@76: height: 20px; Chris@76: width: 20px; Chris@76: margin: 0 1em 0 0; Chris@76: padding: 0; Chris@76: text-indent: -1000em; Chris@76: } Chris@76: Chris@76: /* View posts */ Chris@76: .topic .time Chris@76: { Chris@76: float: right; Chris@76: } Chris@76: Chris@76: .counter Chris@76: { Chris@76: margin: 0 0 0 0; Chris@76: padding: 0.2em 0.5em 0.1em 0.2em; Chris@76: font-size: 2.2em; Chris@76: font-weight: bold; Chris@76: color: #3f3f3f; Chris@76: float: left; Chris@76: } Chris@76: .list_posts Chris@76: { Chris@76: border-top: 2px solid #b3b3bf; Chris@76: padding-top: 12px; Chris@76: margin-top: 6px; Chris@76: overflow: auto; Chris@76: } Chris@76: Chris@76: .core_posts Chris@76: { Chris@76: margin-bottom: 3px; Chris@76: } Chris@76: Chris@76: .topic h4 Chris@76: { Chris@76: margin: 3px 0; Chris@76: } Chris@76: Chris@76: .topic .post Chris@76: { Chris@76: margin: 0 1em; Chris@76: min-height: 80px; Chris@76: height: auto !important; Chris@76: height: 80px; Chris@76: } Chris@76: Chris@76: .topic .mod_icons Chris@76: { Chris@76: text-align: right; Chris@76: margin-right: 1em; Chris@76: } Chris@76: Chris@76: #tracking div.content dl Chris@76: { Chris@76: border-bottom: 0; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: #creator dl Chris@76: { Chris@76: margin: 0; Chris@76: } Chris@76: #creator dt Chris@76: { Chris@76: width: 40%; Chris@76: float: left; Chris@76: clear: both; Chris@76: margin: 0 0 10px 0; Chris@76: } Chris@76: #creator dd Chris@76: { Chris@76: float: right; Chris@76: width: 55%; Chris@76: margin: 0 0 10px 2px; Chris@76: overflow: auto; Chris@76: } Chris@76: Chris@76: .ignoreboards Chris@76: { Chris@76: margin: 0 2%; Chris@76: padding: 0; Chris@76: width: 45%; Chris@76: } Chris@76: .ignoreboards a Chris@76: { Chris@76: font-weight: bold; Chris@76: border-bottom: 1px solid #c4c4c4; Chris@76: padding: 0.1em 0; Chris@76: } Chris@76: .ignoreboards a:hover Chris@76: { Chris@76: text-decoration: none; Chris@76: border-bottom: 1px solid #334466; Chris@76: } Chris@76: .ignoreboards ul Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: .ignoreboards li Chris@76: { Chris@76: list-style: none; Chris@76: float: left; Chris@76: clear: both; Chris@76: } Chris@76: .ignoreboards li.category Chris@76: { Chris@76: margin: 0.7em 0 0 0; Chris@76: width: 100%; Chris@76: } Chris@76: .ignoreboards li ul Chris@76: { Chris@76: margin: 0.2em 0 0 0; Chris@76: } Chris@76: .ignoreboards li.category ul li.board Chris@76: { Chris@76: width: 93%; Chris@76: } Chris@76: Chris@76: #theme_settings Chris@76: { Chris@76: overflow: auto; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: #theme_settings li Chris@76: { Chris@76: list-style: none; Chris@76: margin: 10px 0; Chris@76: padding: 0; Chris@76: } Chris@76: /* Paid Subscriptions */ Chris@76: #paid_subscription Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: #paid_subscription dl.settings Chris@76: { Chris@76: margin-bottom: 0; Chris@76: } Chris@76: #paid_subscription dl.settings dd, #paid_subscription dl.settings dt Chris@76: { Chris@76: margin-bottom: 4px; Chris@76: } Chris@76: /* Pick theme */ Chris@76: #pick_theme Chris@76: { Chris@76: width: 100%; Chris@76: float: left; Chris@76: } Chris@76: /*Issue a warning*/ Chris@76: #warn_body{ Chris@76: width: 80%; Chris@76: font-size: 0.9em; Chris@76: } Chris@76: Chris@76: /* Styles for the statistics center. Chris@76: ------------------------------------------------- */ Chris@76: #statistics Chris@76: { Chris@76: padding: 0.5em 0; Chris@76: } Chris@76: #statistics div.title_bar Chris@76: { Chris@76: margin: 4px 0 -2px 0; Chris@76: } Chris@76: #statistics h3.catbg Chris@76: { Chris@76: text-align: center; Chris@76: } Chris@76: #statistics div.content Chris@76: { Chris@76: min-height: 210px; Chris@76: } Chris@76: #statistics div.top_row Chris@76: { Chris@76: min-height: 150px; Chris@76: } Chris@76: #stats_left, #top_posters, #top_topics_replies, #top_topics_starter Chris@76: { Chris@76: float: left; Chris@76: width: 49.5%; Chris@76: } Chris@76: #stats_right, #top_boards, #top_topics_views, #most_online Chris@76: { Chris@76: float: right; Chris@76: width: 49.5%; Chris@76: } Chris@76: dl.stats Chris@76: { Chris@76: clear: both; Chris@76: overflow: hidden; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: dl.stats dt Chris@76: { Chris@76: width: 49%; Chris@76: float: left; Chris@76: margin: 0 0 4px 0; Chris@76: line-height: 16px; Chris@76: padding: 0; Chris@76: clear: both; Chris@76: font-size: 1em; Chris@76: } Chris@76: dl.stats dd Chris@76: { Chris@76: text-align: right; Chris@76: width: 50%; Chris@76: font-size: 1em; Chris@76: float: right; Chris@76: margin: 0 0 4px 0; Chris@76: line-height: 16px; Chris@76: padding: 0; Chris@76: } Chris@76: .statsbar div.bar Chris@76: { Chris@76: float: left; Chris@76: background: url(../images/bar_stats.png) no-repeat; Chris@76: display: block; Chris@76: margin: 0 4px; Chris@76: height: 16px; Chris@76: } Chris@76: .statsbar div.bar div Chris@76: { Chris@76: position: relative; Chris@76: right: -4px; Chris@76: padding: 0 4px 0 0; Chris@76: background: url(../images/bar_stats.png) no-repeat 100%; Chris@76: height: 16px; Chris@76: } Chris@76: tr.windowbg2 th.stats_month Chris@76: { Chris@76: width: 25%; Chris@76: padding: 0 2em; Chris@76: text-align: left; Chris@76: } Chris@76: tr.windowbg2 td.stats_day Chris@76: { Chris@76: padding: 0 3.5em; Chris@76: text-align: left; Chris@76: } Chris@76: Chris@76: /* Styles for the personal messages section. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: #personal_messages h3 span#author, #personal_messages h3 span#topic_title Chris@76: { Chris@76: float: left; Chris@76: } Chris@76: #personal_messages h3 span#author Chris@76: { Chris@76: margin: 0 0 0 0.5em; Chris@76: } Chris@76: #personal_messages h3 span#topic_title Chris@76: { Chris@76: margin: 0 0 0 9em; Chris@76: } Chris@76: #personal_messages div.labels Chris@76: { Chris@76: padding: 0 1em 0 0; Chris@76: } Chris@76: #personal_messages .capacity_bar Chris@76: { Chris@76: background: #f0f4f7; Chris@76: display: block; Chris@76: margin: 0.5em 0 0 1em; Chris@76: height: 1em; Chris@76: border: 1px solid #adadad; Chris@76: width: 10em; Chris@76: } Chris@76: #personal_messages .capacity_bar span Chris@76: { Chris@76: border-right: 1px solid #adadad; Chris@76: display: block; Chris@76: height: 1em; Chris@76: } Chris@76: #personal_messages .capacity_bar span.empty Chris@76: { Chris@76: background: #a6d69d; Chris@76: } Chris@76: #personal_messages .capacity_bar span.filled Chris@76: { Chris@76: background: #eea800; Chris@76: } Chris@76: #personal_messages .capacity_bar span.full Chris@76: { Chris@76: background: #f10909; Chris@76: } Chris@76: #personal_messages .reportlinks Chris@76: { Chris@76: padding: 0.5em 1.3em; Chris@76: } Chris@76: #searchLabelsExpand li Chris@76: { Chris@76: padding: 0.3em 0.5em; Chris@76: } Chris@76: #manrules div.righttext Chris@76: { Chris@76: padding: 0.3em 0.1em; Chris@76: } Chris@76: dl.addrules dt.floatleft Chris@76: { Chris@76: width: 15em; Chris@76: color: #333; Chris@76: padding: 0 1.25em 0.5em 1.25em; Chris@76: } Chris@76: #addrule fieldset Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: Chris@76: /* Styles for the calendar section. Chris@76: ------------------------------------------------- */ Chris@76: .calendar_table Chris@76: { Chris@76: margin-bottom: 0.7em; Chris@76: } Chris@76: Chris@76: /* Used to indicate the current day in the grid. */ Chris@76: .calendar_today Chris@76: { Chris@76: background-color: #fff; Chris@76: } Chris@76: Chris@76: #month_grid Chris@76: { Chris@76: width: 200px; Chris@76: text-align: center; Chris@76: float: left; Chris@76: } Chris@76: #month_grid div.cat_bar Chris@76: { Chris@76: height: 25px; Chris@76: } Chris@76: #month_grid h3.catbg Chris@76: { Chris@76: height: 25px; Chris@76: line-height: 27px; Chris@76: } Chris@76: #month_grid table Chris@76: { Chris@76: width: 200px; Chris@76: } Chris@76: #main_grid table Chris@76: { Chris@76: width: 100%; Chris@76: padding-bottom: 4px; Chris@76: } Chris@76: #main_grid table h3.catbg Chris@76: { Chris@76: text-align: center; Chris@76: height: 29px; Chris@76: border-top: 2px solid #fff; Chris@76: border-bottom: none; Chris@76: } Chris@76: #main_grid table.weeklist td.windowbg Chris@76: { Chris@76: text-align: center; Chris@76: height: 49px; Chris@76: width: 25px; Chris@76: font-size: large; Chris@76: padding: 0 7px; Chris@76: border-bottom: 2px solid #fff; Chris@76: } Chris@76: #main_grid table.weeklist td.weekdays Chris@76: { Chris@76: height: 49px; Chris@76: width: 100%; Chris@76: padding: 4px; Chris@76: text-align: left; Chris@76: vertical-align: middle; Chris@76: border-bottom: 2px solid #fff; Chris@76: } Chris@76: #main_grid h3.weekly Chris@76: { Chris@76: text-align: center; Chris@76: padding-left: 0; Chris@76: font-size: large; Chris@76: height: 29px; Chris@76: } Chris@76: #main_grid h3 span.floatleft, #main_grid h3 span.floatright Chris@76: { Chris@76: display: block; Chris@76: font-weight: bold; Chris@76: } Chris@76: #main_grid table th.days Chris@76: { Chris@76: width: 14%; Chris@76: padding: 4px 0; Chris@76: } Chris@76: #main_grid table.weeklist h4.titlebg Chris@76: { Chris@76: margin: 0 0 0 0; Chris@76: height: 23px; Chris@76: line-height: 27px; Chris@76: } Chris@76: #main_grid table td.weeks Chris@76: { Chris@76: vertical-align: middle; Chris@76: text-align: center; Chris@76: font-weight: bold; Chris@76: font-size: large; Chris@76: } Chris@76: #main_grid table td.days Chris@76: { Chris@76: vertical-align: top; Chris@76: text-align: center; Chris@76: } Chris@76: Chris@76: a.modify_event Chris@76: { Chris@76: color: red; Chris@76: } Chris@76: Chris@76: span.hidelink Chris@76: { Chris@76: font-style: italic; Chris@76: } Chris@76: Chris@76: #calendar_navigation Chris@76: { Chris@76: text-align: center; Chris@76: } Chris@76: Chris@76: /* Styles for the memberlist section. Chris@76: ------------------------------------------------- */ Chris@76: #mlist_search Chris@76: { Chris@76: margin: auto; Chris@76: width: 500px; Chris@76: } Chris@76: Chris@76: /* Styles for the basic search section. Chris@76: ------------------------------------------------- */ Chris@76: #searchform, #simple_search p Chris@76: { Chris@76: padding: 0.5em; Chris@76: margin: 0; Chris@76: } Chris@76: #simple_search, #simple_search p, #advanced_search Chris@76: { Chris@76: text-align: center !important; Chris@76: margin: 0; Chris@76: } Chris@76: #search_error Chris@76: { Chris@76: font-style: italic; Chris@76: padding: 0.3em 1em; Chris@76: } Chris@76: #search_term_input Chris@76: { Chris@76: font-size: 115%; Chris@76: margin: 0 0 1em; Chris@76: } Chris@76: Chris@76: /* Styles for the advanced search section. Chris@76: ------------------------------------------------- */ Chris@76: #searchform fieldset Chris@76: { Chris@76: text-align: left; Chris@76: padding: 0; Chris@76: border: none; Chris@76: } Chris@76: #advanced_search dl#search_options Chris@76: { Chris@76: margin: 0 auto; Chris@76: width: 600px; Chris@76: padding-top: 1em; Chris@76: overflow: hidden; Chris@76: } Chris@76: #advanced_search dt Chris@76: { Chris@76: clear: both; Chris@76: float: left; Chris@76: padding: 0.2em; Chris@76: text-align: right; Chris@76: width: 20%; Chris@76: } Chris@76: #advanced_search dd Chris@76: { Chris@76: width: 75%; Chris@76: float: left; Chris@76: padding: 0.2em; Chris@76: margin: 0 0 0 0.5em; Chris@76: text-align: left; Chris@76: } Chris@76: #searchform p.clear Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: Chris@76: /* Styles for the search results page. Chris@76: ------------------------------------------------- */ Chris@76: .topic_table td blockquote, .topic_table td .quoteheader Chris@76: { Chris@76: margin: 0.5em; Chris@76: } Chris@76: .search_results_posts Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: .search_results_posts .buttons Chris@76: { Chris@76: padding: 5px 1em 0 0; Chris@76: } Chris@76: Chris@76: /* Styles for the help section. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: #help_container Chris@76: { Chris@76: margin: 4px 0 0 0; Chris@76: padding: 0 0 8px 0; Chris@76: } Chris@76: #helpmain Chris@76: { Chris@76: padding: 0 1em; Chris@76: } Chris@76: #helpmain p Chris@76: { Chris@76: margin: 0 0 1.5em 0; Chris@76: line-height: 1.5em; Chris@76: } Chris@76: #helpmain ul Chris@76: { Chris@76: line-height: 1.5em; Chris@76: } Chris@76: Chris@76: /* Styles for print media. Chris@76: ------------------------------------------------------- */ Chris@76: @media print Chris@76: { Chris@76: #headerarea Chris@76: { Chris@76: display: none; Chris@76: } Chris@76: Chris@76: .tborder Chris@76: { Chris@76: border: none; Chris@76: } Chris@76: }