|
|
@@ -1,3415 +1,3415 @@
|
|
|
-/* Styles for the general looks for the Curve theme.
|
|
|
-------------------------------------------------------- */
|
|
|
-
|
|
|
-/* Normal, standard links. */
|
|
|
-a:link, a:visited {
|
|
|
- color: #346;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-a:hover {
|
|
|
- text-decoration: underline;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-/* Links that open in a new window. */
|
|
|
-a.new_win:link, a.new_win:visited {
|
|
|
- color: #346;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-a.new_win:hover {
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-
|
|
|
-/* Set a fontsize that will look the same in all browsers. */
|
|
|
-body {
|
|
|
- background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
|
|
|
- font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
|
|
|
- /* use dark grey for the text. */
|
|
|
- color: #222;
|
|
|
- margin: 0 auto;
|
|
|
- padding: 15px 0;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-/* Help popups require a different styling of the body element. */
|
|
|
-/* Deprecated? */
|
|
|
-body#help_popup {
|
|
|
- padding: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-/* use dark grey for the text.
|
|
|
-body, td, th, tr {
|
|
|
- color: #222;
|
|
|
-} */
|
|
|
-
|
|
|
-/* This division wraps the entire forum when a forum width is set. */
|
|
|
-#wrapper {
|
|
|
- margin: 0 auto;
|
|
|
- min-width: 764px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Tables should show empty cells. */
|
|
|
-table {
|
|
|
- empty-cells: show;
|
|
|
-}
|
|
|
-
|
|
|
-/* Makes sense to default most elements to zero padding and margin. */
|
|
|
-/* <p> is a possible exception for margins. Must test that one a bit. */
|
|
|
-/* Box sizing for the masses. Very handy for stabilising fluid layouts. */
|
|
|
-div, p, ul, ol, li, dl, dd ,dt, fieldset, form {
|
|
|
- -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Set list-style to none by default. Best in most places.*/
|
|
|
-ul, ol, li {
|
|
|
- list-style: none;
|
|
|
-}
|
|
|
-
|
|
|
-/* I think the reset class can be deprecated. */
|
|
|
-/* Must test interitance thoroughly to be sure. */
|
|
|
-/* A quick reset list class. */
|
|
|
-ul.reset, ul.reset li {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- list-style: none;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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_link - covers links to make them look like a submit button
|
|
|
- .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
|
|
|
-*/
|
|
|
-/* Thought it made sense to declare box-sizing here too. */
|
|
|
-input, button, select, textarea, textarea.editor {
|
|
|
- -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
|
|
|
- background: #fff;
|
|
|
- outline: none !important;
|
|
|
- border: 1px solid #bbb;
|
|
|
- vertical-align: middle;
|
|
|
- border-radius: 3px;
|
|
|
- box-shadow: 0 2px 5px rgba(0,0,0,0.05) inset;
|
|
|
- padding: 3px;
|
|
|
- font: 95%/115% verdana, Helvetica, sans-serif;
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-/* The font size of textareas should be just a little bit larger. */
|
|
|
-textarea {
|
|
|
- font: 100%/130% verdana, Helvetica, sans-serif;
|
|
|
-}
|
|
|
-
|
|
|
-/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
|
|
|
-#frmLogin input.button_submit, #guest_form input.button_submit, #calendar_navigation input.button_submit {
|
|
|
- float: none;
|
|
|
- margin-left: inherit;
|
|
|
-}
|
|
|
-.button_submit, .button_reset, .button_link {
|
|
|
- background: #cde7ff url(../images/theme/submit_bg.png) no-repeat;
|
|
|
- border: 1px solid #aaa;
|
|
|
- cursor: pointer;
|
|
|
- font-weight: normal;
|
|
|
- margin-left: 12px;
|
|
|
- float: right;
|
|
|
-}
|
|
|
-.button_link {
|
|
|
- padding: 4px 5px 4px 4px;
|
|
|
- font: 95%/115% verdana, Helvetica, sans-serif;
|
|
|
- float: right;
|
|
|
- border-radius: 3px;
|
|
|
-}
|
|
|
-a.button_link {
|
|
|
-
|
|
|
- color: #333;
|
|
|
- margin: 0 !important;
|
|
|
-}
|
|
|
-input:hover, textarea:hover, button:hover, select:hover {
|
|
|
- outline: none !important;
|
|
|
- border: 1px solid #999;
|
|
|
-}
|
|
|
-textarea:hover, textarea.editor:hover {
|
|
|
- background: #fbfbfb;
|
|
|
-}
|
|
|
-.button_submit:hover, .button_reset:hover, .button_link:hover {
|
|
|
- border: 1px solid #aaa;
|
|
|
- background: #dceeff url(../images/theme/submit_bg.png) no-repeat 0 -140px;
|
|
|
-}
|
|
|
-.button_link:hover {
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-input:focus, textarea:focus, button:focus, select:focus, textarea.editor:focus {
|
|
|
- outline:none !important;
|
|
|
- border: 1px solid #999;
|
|
|
- box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
|
|
|
-}
|
|
|
-select option {
|
|
|
- padding: 0em 4px 0 4px;
|
|
|
-}
|
|
|
-
|
|
|
-/* the new "button" */
|
|
|
-a.new_posts, span.new_posts {
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 1.12px;
|
|
|
- border-radius: 2px;
|
|
|
- background: orange;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-span.new_posts {
|
|
|
- display: inline;
|
|
|
- margin: 0 5px 0 -2px;
|
|
|
- padding: 0 4px 1px 4px;
|
|
|
- font-size: 9px;
|
|
|
- box-shadow: 1px 2px 2px rgba(0,0,0,0.1), 0 -2px 4px rgba(0,0,0,0.1) inset;
|
|
|
-}
|
|
|
-a span.new_posts:hover {
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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;
|
|
|
- vertical-align: top;
|
|
|
-}
|
|
|
-h3.catbg input.input_check {
|
|
|
- margin: 0 7px 0 7px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Give disabled text input elements a different background color. */
|
|
|
-input[disabled].input_text {
|
|
|
- background: #eee;
|
|
|
-}
|
|
|
-
|
|
|
-/* Standard horizontal rule.. ([hr], etc.) */
|
|
|
-hr {
|
|
|
- height: 1px;
|
|
|
- border: 0;
|
|
|
- color: #ccc;
|
|
|
- background-color: #ccc;
|
|
|
-}
|
|
|
-hr.hrcolor {
|
|
|
- height: 1px;
|
|
|
- border: none;
|
|
|
- color: #ccc;
|
|
|
- background-color: #ccc;
|
|
|
-}
|
|
|
-
|
|
|
-/* Set the color on these tags. */
|
|
|
-h1, h2, h3, h4, h5, h6 {
|
|
|
- color: #222;
|
|
|
- font-size: 1em;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-h3, h4 {
|
|
|
- padding-bottom: 3px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Fieldsets are used to group elements. */
|
|
|
-fieldset {
|
|
|
- padding: 18px;
|
|
|
- margin: 0 0 6px 0;
|
|
|
- border: 1px solid #ccc;
|
|
|
- border-radius: 3px;
|
|
|
-}
|
|
|
-fieldset legend {
|
|
|
- font-weight: bold;
|
|
|
- color: #555;
|
|
|
-}
|
|
|
-
|
|
|
-/* Define strong as bold, and em as italics */
|
|
|
-strong {
|
|
|
- font-weight: bold;
|
|
|
- /* Having bold slightly lighter balances apparent darkness. */
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-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;
|
|
|
-}
|
|
|
-.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: 8px;
|
|
|
-}
|
|
|
-.main_section, .lower_padding {
|
|
|
- padding-bottom: 6px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Some BBC related styles.
|
|
|
-------------------------------------------------------- */
|
|
|
-
|
|
|
-/* A quote, perhaps from another post. */
|
|
|
-.bbc_standard_quote, .bbc_alternate_quote {
|
|
|
- font-size: 0.9em;
|
|
|
- color: #222;
|
|
|
- background: url(../images/theme/quote.png) 1px 1px no-repeat;
|
|
|
- border-top: 2px solid #99A;
|
|
|
- border-bottom: 2px solid #99A;
|
|
|
- padding: 10px 18px;
|
|
|
- margin: 1px 0 6px 0;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-/* Alterate blockquote stylings */
|
|
|
-.bbc_standard_quote {
|
|
|
- background-color: #d7daec;
|
|
|
-}
|
|
|
-.bbc_alternate_quote {
|
|
|
- background-color: #e7eafc;
|
|
|
-}
|
|
|
-
|
|
|
-/* A code block - maybe PHP ;). */
|
|
|
-.bbc_code {
|
|
|
- display: block;
|
|
|
- font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
|
|
|
- font-size: 0.9em;
|
|
|
- background: #eef;
|
|
|
- border-top: 2px solid #999;
|
|
|
- border-bottom: 2px solid #999;
|
|
|
- margin: 1px 0 6px 0;
|
|
|
- padding: 3px 12px;
|
|
|
- overflow: auto;
|
|
|
- white-space: nowrap;
|
|
|
- /* Show a scrollbar after about 6 lines. */
|
|
|
- /* This is much better than the old max-height css. */
|
|
|
- height: 10em;
|
|
|
- resize: vertical;
|
|
|
-}
|
|
|
-
|
|
|
-/* The "Quote:" and "Code:" header parts... */
|
|
|
-.codeheader, .quoteheader {
|
|
|
- color: #666;
|
|
|
- font-size: 0.9em;
|
|
|
- font-weight: bold;
|
|
|
- padding: 0 2px;
|
|
|
-}
|
|
|
-
|
|
|
-/* For links to change the code stuff... */
|
|
|
-.codeoperation {
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-
|
|
|
-/* Let's get a bit more flexibility in font sizes for quotes and code. */
|
|
|
-/* We just need to stop em compounding when elements are nested. */
|
|
|
-.bbc_standard_quote .bbc_alternate_quote, .bbc_alternate_quote .bbc_standard_quote,
|
|
|
-.bbc_standard_quote .bbc_code, .bbc_alternate_quote .bbc_code, .bbc_standard_quote .codeheader,
|
|
|
-.bbc_alternate_quote .codeheader, .bbc_standard_quote .quoteheader, .bbc_alternate_quote .quoteheader {
|
|
|
- font-size: 1em;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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;
|
|
|
-}
|
|
|
-.bbc_table {
|
|
|
- font: inherit;
|
|
|
- color: inherit;
|
|
|
-}
|
|
|
-.bbc_table td {
|
|
|
- font: inherit;
|
|
|
- color: inherit;
|
|
|
- vertical-align: top;
|
|
|
-}
|
|
|
-.bbc_u {
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-.bbc_list {
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-.bbc_tt {
|
|
|
- font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
|
|
|
-}
|
|
|
-
|
|
|
-/* No image should have a border when linked. */
|
|
|
-a img {
|
|
|
- border: 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Generally, those [?] icons. This makes your cursor a help icon. */
|
|
|
-.help {
|
|
|
- cursor: help;
|
|
|
-}
|
|
|
-.help .icon {
|
|
|
- margin: 0;
|
|
|
- cursor: help;
|
|
|
- /*line-height: 2.5em;*/
|
|
|
- opacity: 0.8;
|
|
|
-}
|
|
|
-.help .icon:hover {
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-/* /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: #D1E1EF;
|
|
|
- color: #111 !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* Generic, mostly color-related, classes.
|
|
|
-------------------------------------------------------- */
|
|
|
-
|
|
|
-.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
|
|
|
- color: #444;
|
|
|
- font-family: arial, helvetica, sans-serif;
|
|
|
- font-size: 1.1em;
|
|
|
- font-weight: bold;
|
|
|
- background: #c5cfd9 url(../images/theme/bars.png) 0 -340px repeat-x;
|
|
|
-}
|
|
|
-.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
|
|
|
- color: #fff;
|
|
|
- font-family: arial, helvetica, sans-serif;
|
|
|
- font-size: 1.1em;
|
|
|
- font-weight: bold;
|
|
|
- background: #99abbf url(../images/theme/bars.png) 0 -170px repeat-x;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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: #444;
|
|
|
-}
|
|
|
-tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-.catbg select {
|
|
|
- height: 2em;
|
|
|
- font-size: 0.85em;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Alternating backgrounds for posts, and several other sections of the forum. */
|
|
|
-.windowbg, #preview_body {
|
|
|
- color: #111;
|
|
|
- background: #e7eaef;
|
|
|
-}
|
|
|
-.windowbg2 {
|
|
|
- color: #111;
|
|
|
- background: #f0f4f7;
|
|
|
-}
|
|
|
-.windowbg3 {
|
|
|
- color: #111;
|
|
|
- background: #cacdd3;
|
|
|
-}
|
|
|
-
|
|
|
-/* General code for generic divs. Should make them behave. */
|
|
|
-div.windowbg, div.windowbg2 {
|
|
|
- border-radius: 5px;
|
|
|
- overflow: auto;
|
|
|
- padding: 10px 0;
|
|
|
- margin-top: 3px;
|
|
|
-}
|
|
|
-
|
|
|
-/* the page navigation area */
|
|
|
-.pagesection {
|
|
|
- font-size: 0.9em;
|
|
|
- padding: 2px;
|
|
|
- overflow: hidden;
|
|
|
- margin-bottom: 1px;
|
|
|
-}
|
|
|
-div.pagesection div.floatright input, div.pagesection div.floatright select {
|
|
|
- margin-top: 3px;
|
|
|
-}
|
|
|
-.pagelinks {
|
|
|
- padding: 8px 0 5px 0;
|
|
|
-}
|
|
|
-.navPages span {
|
|
|
- text-transform: uppercase;
|
|
|
-}
|
|
|
-
|
|
|
-/* Colors for background of posts requiring approval */
|
|
|
-.approvebg {
|
|
|
- color: #111;
|
|
|
- background: #ffeaea;
|
|
|
-}
|
|
|
-.approvebg2 {
|
|
|
- color: #111;
|
|
|
- background: #fff2f2;
|
|
|
-}
|
|
|
-
|
|
|
-/* Color for background of *topics* requiring approval */
|
|
|
-.approvetbg {
|
|
|
- color: #111;
|
|
|
- background: #e4a17c;
|
|
|
-}
|
|
|
-.approvetbg2 {
|
|
|
- color: #111;
|
|
|
- background: #f3bd9f;
|
|
|
-}
|
|
|
-
|
|
|
-/* Sticky topics get a different background */
|
|
|
-.stickybg {
|
|
|
- background: #e8d8cf;
|
|
|
-}
|
|
|
-.stickybg2 {
|
|
|
- background: #f2e3d9;
|
|
|
-}
|
|
|
-
|
|
|
-/* Plain locked topics just get the icon. */
|
|
|
-/* Nobody wants them to stand out much. */
|
|
|
-.lockedbg {
|
|
|
- background: #e7eaef;
|
|
|
-}
|
|
|
-.lockedbg2 {
|
|
|
- background: #f0f4f7;
|
|
|
-}
|
|
|
-
|
|
|
-/* Posts and personal messages displayed throughout the forum. */
|
|
|
-.post, .personalmessage {
|
|
|
- overflow: auto;
|
|
|
- line-height: 1.4em;
|
|
|
- padding: 1px 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: 12px 0 3px 0;
|
|
|
- border-top: 1px solid #aaa;
|
|
|
- line-height: 1.4em;
|
|
|
- font-size: 0.85em;
|
|
|
-}
|
|
|
-.custom_fields_above_signature {
|
|
|
- width: 98%;
|
|
|
- clear: right;
|
|
|
- padding: 12px 0 3px 0;
|
|
|
- border-top: 1px solid #aaa;
|
|
|
- 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: red;
|
|
|
-}
|
|
|
-
|
|
|
-.warn_moderate {
|
|
|
- color: #ffa500;
|
|
|
-}
|
|
|
-
|
|
|
-.warn_watch, .success {
|
|
|
- color: green;
|
|
|
-}
|
|
|
-
|
|
|
-a.moderation_link, a.moderation_link:visited {
|
|
|
- color: red;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-.openid_login {
|
|
|
- background: white url(../images/openid.png) no-repeat;
|
|
|
- padding-left: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-/* a descriptive style */
|
|
|
-.description, .description_board, .plainbox {
|
|
|
- padding: 6px 12px;
|
|
|
- font-size: 0.9em;
|
|
|
- line-height: 1.4em;
|
|
|
- border: 1px solid #bbb;
|
|
|
- background: #f5f5f0;
|
|
|
- margin: 2px 1px 12px 1px;
|
|
|
-}
|
|
|
-.description_board {
|
|
|
- margin: 12px 1px 0 1px;
|
|
|
-}
|
|
|
-
|
|
|
-/* an informative style */
|
|
|
-.information {
|
|
|
- padding: 6px 12px;
|
|
|
- font-size: 0.9em;
|
|
|
- line-height: 1.3em;
|
|
|
- border: 1px solid #bbb;
|
|
|
- background: #f0f6f0;
|
|
|
- margin: 2px 1px 12px 1px;
|
|
|
-}
|
|
|
-.information p {
|
|
|
- padding: 12px;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-p.para2 {
|
|
|
- padding: 12px 0 44px 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;
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-/* help icons */
|
|
|
-dl.settings dt a img {
|
|
|
- position: relative;
|
|
|
- vertical-align: top;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for rounded headers.
|
|
|
-------------------------------------------------------- */
|
|
|
-h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
|
|
|
- overflow: hidden;
|
|
|
- font-size: 1.2em;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 1.5em;
|
|
|
- padding: 8px;
|
|
|
-}
|
|
|
-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: #fff;
|
|
|
-}
|
|
|
-h3.catbg2 a, h3.catbg2 {
|
|
|
- color: #feb;
|
|
|
-}
|
|
|
-h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover {
|
|
|
- color: #fd9;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-h3.catbg2 a:hover {
|
|
|
- color: #fff;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
|
|
|
- color: #444;
|
|
|
-}
|
|
|
-h3.titlebg a:hover, h4.titlebg a:hover {
|
|
|
- color: #000838;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-h3.catbg img.icon {
|
|
|
- vertical-align: middle;
|
|
|
- margin: 0 5px 0 0;
|
|
|
-}
|
|
|
-h4.catbg a.toggle img {
|
|
|
- vertical-align: middle;
|
|
|
- margin: 0 5px 0 5px;
|
|
|
-}
|
|
|
-h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
|
|
|
- background: none;
|
|
|
-}
|
|
|
-h4.titlebg, h3.titlebg {
|
|
|
- background: none;
|
|
|
-}
|
|
|
-h4.titlebg img.icon {
|
|
|
- float: left;
|
|
|
- margin: 0 8px 0 0;
|
|
|
-}
|
|
|
-div.cat_bar {
|
|
|
- background: #99abbf url(../images/theme/bars.png) 0 -170px repeat-x;
|
|
|
- margin-bottom: 1px;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-div.title_bar {
|
|
|
- background: #c5cfd9 url(../images/theme/bars.png) 0 -340px repeat-x;
|
|
|
- margin-bottom: 1px;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Info center title bars are a bit different. */
|
|
|
-div.title_barIC {
|
|
|
- background: #dde3e9 url(../images/theme/bars.png) 0 0 repeat-x;
|
|
|
- margin-bottom: 1px;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-div.title_barIC h4.titlebg {
|
|
|
- background: none;
|
|
|
-}
|
|
|
-
|
|
|
-/* Upshrinks in cat and title bars. */
|
|
|
-#upshrinkHeaderIC p.pminfo {
|
|
|
- margin: 0;
|
|
|
- padding: 6px;
|
|
|
-}
|
|
|
-img#upshrink_ic, img#newsupshrink, img.panel_toggle, img#quickReplyExpand {
|
|
|
- float: right;
|
|
|
- margin: 0;
|
|
|
- padding: 4px 4px 0 4px;
|
|
|
-}
|
|
|
-table.table_list a.unreadlink, table.table_list a.collapse {
|
|
|
- float: right;
|
|
|
-}
|
|
|
-table.table_list a.collapse {
|
|
|
- padding: 4px 4px 0 8px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Basic icons in cat and title bars. */
|
|
|
-#upshrinkHeaderIC h4.titlebg a img{
|
|
|
- margin: 0;
|
|
|
- padding: 2px 6px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* The half-round header bars for some tables. */
|
|
|
-.table_grid tr.catbg, .table_grid tr.titlebg {
|
|
|
- font-size: 1.05em;
|
|
|
- border-bottom: 1px solid #fff;
|
|
|
- background: none;
|
|
|
-}
|
|
|
-.table_grid tr.catbg th, .table_grid tr.titlebg th {
|
|
|
- line-height: 1.6em;
|
|
|
- padding: 6px 4px;
|
|
|
-}
|
|
|
-tr.catbg th.first_th {
|
|
|
- background: #99abbf url(../images/theme/bars.png) 0 -170px repeat-x;
|
|
|
- border-radius: 5px 0 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Cheat this on a bit to match the cells below it. */
|
|
|
-tr.catbg th.last_th {
|
|
|
- background: #99abbf url(../images/theme/bars.png) 0 -170px repeat-x;
|
|
|
- border-right: 1px solid #fff;
|
|
|
- border-radius: 0 6px 0 0;
|
|
|
-}
|
|
|
-tr.titlebg th.first_th {
|
|
|
- background: #c5cfd9 url(../images/theme/bars.png) 0 -340px repeat-x;
|
|
|
- border-radius: 5px 0 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* And cheat this on a bit too. */
|
|
|
-tr.titlebg th.last_th {
|
|
|
- background: #c5cfd9 url(../images/theme/bars.png) 0 -340px repeat-x;
|
|
|
- border-radius: 0 5px 0 0;
|
|
|
-}
|
|
|
-.table_grid th.last_th input {
|
|
|
- margin: 0 2px;
|
|
|
-}
|
|
|
-.table_grid th.lefttext {
|
|
|
- padding: 0 8px;
|
|
|
-}
|
|
|
-
|
|
|
-/* a general table class */
|
|
|
-table.table_grid {
|
|
|
- border-collapse: collapse;
|
|
|
- margin-top: 1px;
|
|
|
-}
|
|
|
-table.table_grid td {
|
|
|
- padding: 3px;
|
|
|
- border-bottom: 1px solid #fff;
|
|
|
- border-right: 1px solid #fff;
|
|
|
-}
|
|
|
-
|
|
|
-/* GenericList */
|
|
|
-.additional_row {
|
|
|
- padding: 6px 0 6px 0;
|
|
|
-}
|
|
|
-table.table_grid thead tr.catbg th {
|
|
|
- /*white-space: nowrap;*/
|
|
|
-}
|
|
|
-img.sort {
|
|
|
- margin-bottom: -4px;
|
|
|
- margin-left: 4px;
|
|
|
-}
|
|
|
-
|
|
|
-/* table_grid styles for Profile > Show Permissions. */
|
|
|
-#permissions table.table_grid td {
|
|
|
- padding: 5px 10px;
|
|
|
- cursor: default;
|
|
|
-}
|
|
|
-
|
|
|
-.postbg {
|
|
|
- border-left: 1px solid #7f7f7f;
|
|
|
- border-right: 1px solid #7f7f7f;
|
|
|
-}
|
|
|
-
|
|
|
-/* Used for sections that need somewhat larger corners.
|
|
|
------------------------------------------------------------ */
|
|
|
-.roundframe {
|
|
|
- margin: 2px 0 0 0;
|
|
|
- padding: 9px;
|
|
|
- background: #f5f5f5;
|
|
|
- border: 1px solid #c5c5c5;
|
|
|
- border-radius: 7px;
|
|
|
-}
|
|
|
-.roundframe dl, .roundframe dt, .roundframe p {
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-.roundframe p {
|
|
|
- padding: 6px;
|
|
|
-}
|
|
|
-
|
|
|
-/* The main content area.
|
|
|
-------------------------------------------------------- */
|
|
|
-.content {
|
|
|
- padding: 6px 15px;
|
|
|
- margin: 0;
|
|
|
- border: none;
|
|
|
-}
|
|
|
-.content p {
|
|
|
- margin: 0 0 6px 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles used by the auto suggest control.
|
|
|
-------------------------------------------------------- */
|
|
|
-.auto_suggest_div {
|
|
|
- position: absolute;
|
|
|
- visibility: hidden;
|
|
|
- border-radius: 3px;
|
|
|
- outline: none !important;
|
|
|
- border: 1px solid #bbb;
|
|
|
-}
|
|
|
-.auto_suggest_item {
|
|
|
- background: #ddd;
|
|
|
- padding: 1px 4px;
|
|
|
-}
|
|
|
-.auto_suggest_item_hover {
|
|
|
- background: #888;
|
|
|
- cursor: pointer;
|
|
|
- color: #eee;
|
|
|
- padding: 1px 4px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the standard dropdown menus.
|
|
|
-------------------------------------------------------- */
|
|
|
-#main_menu {
|
|
|
- margin: 0 0 0 0;
|
|
|
- padding: 8px 0 0 0;
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.dropmenu {
|
|
|
- margin: 0 0 0 0;
|
|
|
- padding: 0 0 0 0;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-/* Level 1 button background. */
|
|
|
-.dropmenu li {
|
|
|
- margin: 0 2px 0 2px;
|
|
|
- padding: 0 0 5px 0;
|
|
|
- float: left;
|
|
|
- font-size: 1em;
|
|
|
- line-height: 1.9em;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-/* Needed for new PM notifications. */
|
|
|
-.dropmenu li strong {
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-.dropmenu li a {
|
|
|
- padding: 0 7px 0 7px;
|
|
|
- margin: 0 0 0 0;
|
|
|
- display: block;
|
|
|
- border: 1px solid rgba(0,0,0,0);
|
|
|
- border-radius: 4px;
|
|
|
-}
|
|
|
-/* Level 1 active button. */
|
|
|
-.dropmenu li a.active {
|
|
|
- background: orange;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- border: 1px solid #f49a3a;
|
|
|
- box-shadow: 0 5px 5px rgba(255,255,255,0.2) inset;
|
|
|
- text-shadow: -1px -1px 0 rgba(0,0,0,0.20);
|
|
|
-}
|
|
|
-/* Level 1 hover effects. */
|
|
|
-.dropmenu li a:hover, .dropmenu li:hover a, .dropmenu li a:focus {
|
|
|
- background: #597b9f;
|
|
|
- border: 1px solid #4a6b8c;
|
|
|
- color: #fff;
|
|
|
- cursor: pointer;
|
|
|
- text-decoration: none;
|
|
|
- box-shadow: 0 4px 4px rgba(255,255,255,0.1) inset;
|
|
|
-}
|
|
|
-/* Level 1 active button. */
|
|
|
-.dropmenu li a.active:hover, .dropmenu li:hover a.active {
|
|
|
- background: orange;
|
|
|
- border: 1px solid #f49a3a;
|
|
|
- color: #444;
|
|
|
- box-shadow: 0 5px 5px rgba(255,255,255,0.2) inset;
|
|
|
- text-shadow: none;
|
|
|
-}
|
|
|
-/* If we feel like styling the active state separately. */
|
|
|
-.dropmenu li a:active {}
|
|
|
-/* Levels 2 and 3 submenu wrapper. */
|
|
|
-.dropmenu li ul {
|
|
|
- z-index: 90;
|
|
|
- position: absolute;
|
|
|
- top: 2.2em;
|
|
|
- left: -9999px;
|
|
|
- width: 17em;
|
|
|
- padding: 5px 0 7px 0;
|
|
|
- font-weight: normal;
|
|
|
- background: #fff url(../images/theme/bars.png) 0 -580px repeat-x;
|
|
|
- border: solid 1px #999;
|
|
|
- border-left: solid 1px #bbb;
|
|
|
- border-top: solid 1px #ccc;
|
|
|
- border-radius: 2px 7px 0 4px;
|
|
|
- box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
|
|
|
-}
|
|
|
-/* Level 2 link background. */
|
|
|
-.dropmenu li li {
|
|
|
- margin: 0 0 0 0;
|
|
|
- padding: 0 0 0 0;
|
|
|
- position: relative;
|
|
|
- overflow: visible;
|
|
|
- border-top: 1px solid rgba(0,0,0,0);
|
|
|
- border-bottom: 1px solid rgba(0,0,0,0);
|
|
|
- float: none;
|
|
|
-}
|
|
|
-.dropmenu li li a {
|
|
|
- font-size: 0.9em;
|
|
|
- line-height: 2.4em;
|
|
|
-}
|
|
|
-.dropmenu li li a img {
|
|
|
- vertical-align: middle;
|
|
|
- padding: 0 2px 0 0;
|
|
|
-}
|
|
|
-/* Note: The next two declarations are for keyboard access with js disabled. */
|
|
|
-.dropmenu ul a:focus {
|
|
|
- margin-left: 9999px;
|
|
|
- min-width: 16em;
|
|
|
- background: #fff;
|
|
|
- border-radius: 0 0 0 0;
|
|
|
-}
|
|
|
-.dropmenu ul ul a:focus {
|
|
|
- margin-left: 19950px;
|
|
|
-}
|
|
|
-.dropmenu li:hover li a, .dropmenu li.sfhover li a {
|
|
|
- margin: 0 0 0 0;
|
|
|
- padding: 0 5px 0 9px;
|
|
|
- display: block;
|
|
|
- border: none;
|
|
|
- border-radius: 0;
|
|
|
- /* Necessary to allow highlighting of 1st level while hovering over submenu. */
|
|
|
- background: none;
|
|
|
- color: #346;
|
|
|
- box-shadow: none;
|
|
|
-}
|
|
|
-/* Level 3 submenu wrapper positioning. */
|
|
|
-.dropmenu li ul ul, .dropmenu li.sfhover ul ul {
|
|
|
- margin: -2.3em 0 0 16.3em;
|
|
|
-}
|
|
|
-/* Level 3 maintains font-size the same as Level 2. */
|
|
|
-.dropmenu li li li a {
|
|
|
-
|
|
|
-}
|
|
|
-/* Levels 2 and 3 hover effects. */
|
|
|
-.dropmenu li li:hover, .dropmenu li li:hover>a, .dropmenu li li a:focus, .dropmenu li li.subsections a:focus {
|
|
|
- background: none;
|
|
|
- color: #333;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-.dropmenu li li:hover {
|
|
|
- border-top: 1px solid #d4dee6;
|
|
|
- border-bottom: 1px solid #cbdae6;
|
|
|
- background: #e3e9ef url(../images/theme/lower_section.png) 0 0 repeat-x;
|
|
|
-}
|
|
|
-/* Reposition Level 2 submenu as visible on hover. */
|
|
|
-.dropmenu li:hover ul, .dropmenu li.sfhover ul {
|
|
|
- left: 0;
|
|
|
-}
|
|
|
-/* Hiding Level 3 submenu off hover. */
|
|
|
-.dropmenu li:hover ul ul, .dropmenu li.sfhover ul ul, .dropmenu li:hover ul ul ul, .dropmenu li.sfhover ul ul ul {
|
|
|
- left: -9999px;
|
|
|
-}
|
|
|
-/* Reposition as visible on hover. */
|
|
|
-.dropmenu li li:hover ul, .dropmenu li li.sfhover ul {
|
|
|
- left: -8px;
|
|
|
-}
|
|
|
-/* Indicator for additonal levels. Best in the anchor so it stays visible on hover. */
|
|
|
-.dropmenu li li.subsections a {
|
|
|
- background: url(../images/admin/subsection.png) no-repeat 99% 40%;
|
|
|
-}
|
|
|
-/* For no-js background. */
|
|
|
-.dropmenu li li.subsections a:focus {
|
|
|
- background: #fff url(../images/admin/subsection.png) no-repeat 99% 40%;
|
|
|
-}
|
|
|
-/* Stops inheritance of indicator icon if there is no fourth level. */
|
|
|
-.dropmenu li li.subsections li a {
|
|
|
- background: none;
|
|
|
-}
|
|
|
-.dropmenu li li.subsections li a:focus {
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-/* Highlighting of current section */
|
|
|
-.dropmenu li li a.chosen {
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-/* The dropdown menu toggle image */
|
|
|
-#menu_toggle, .adm_section h4 img {
|
|
|
- float: right;
|
|
|
- margin: 2px;
|
|
|
- padding: 5px 9px 2px 9px;
|
|
|
- background: #e3e9ef url(../images/theme/lower_section.png) 0 100% repeat-x;
|
|
|
- border: 1px solid #bbb;
|
|
|
- border-bottom: 1px solid #aaa;
|
|
|
- border-radius: 4px;
|
|
|
-}
|
|
|
-.adm_section h4 img {
|
|
|
- margin: 0 1px;
|
|
|
- padding: 3px 7px 0 7px;
|
|
|
- border: 1px solid #eee;
|
|
|
-}
|
|
|
-#menu_toggle:hover, .adm_section h4 img:hover {
|
|
|
- background: #fff url(../images/theme/lower_section.png) 0 30% repeat-x;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the standard button lists.
|
|
|
-------------------------------------------------------- */
|
|
|
-
|
|
|
-.buttonlist ul {
|
|
|
- z-index: 100;
|
|
|
- padding: 5px;
|
|
|
- margin: 0 2px 5px 0;
|
|
|
-}
|
|
|
-.buttonlist ul li {
|
|
|
- margin: 0 0 0 12px;
|
|
|
- padding: 0;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.buttonlist ul li a {
|
|
|
- display: block;
|
|
|
- font-size: 0.8em;
|
|
|
- color: #222;
|
|
|
- background: #e8e8e8;
|
|
|
- border-radius: 4px;
|
|
|
- text-transform: uppercase;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.buttonlist ul li a:hover {
|
|
|
- background: #ff9400;
|
|
|
- color: #fff;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-.buttonlist ul li a span {
|
|
|
- display: block;
|
|
|
- height: 2.2em;
|
|
|
- line-height: 2.2em;
|
|
|
- padding: 0 8px;
|
|
|
-}
|
|
|
-/* the active one */
|
|
|
-.buttonlist ul li a.active {
|
|
|
- background: #5a6c85;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-.buttonlist ul li a.active:hover {
|
|
|
- background: #ff9400;
|
|
|
-}
|
|
|
-.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: 12px 5px;
|
|
|
-}
|
|
|
-ul#navigation li {
|
|
|
- float: none;
|
|
|
- font-size: 0.95em;
|
|
|
- display: inline;
|
|
|
-}
|
|
|
-
|
|
|
-#adm_submenus {
|
|
|
- padding-left: 25px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the general looks for the Curve theme.
|
|
|
-------------------------------------------------------- */
|
|
|
-
|
|
|
-/* the framing graphics */
|
|
|
-#header {
|
|
|
- background: #fff;
|
|
|
- border: 1px solid #b8b8b8;
|
|
|
- border-bottom: none;
|
|
|
- border-radius: 8px 8px 0 0;
|
|
|
- padding: 2px 2px 0 2px;
|
|
|
-}
|
|
|
-#header .frame {
|
|
|
- background: url(../images/theme/bars.png) 0 -510px repeat-x;
|
|
|
- border-radius: 6px 6px 0 0;
|
|
|
- display: block;
|
|
|
- padding: 0 0 0 0;
|
|
|
-}
|
|
|
-/* clearing the floats */
|
|
|
-#top_section {
|
|
|
- min-height: 50px;
|
|
|
- overflow: hidden;
|
|
|
- margin: 0;
|
|
|
- padding: 0 15px;
|
|
|
-}
|
|
|
-#upper_wrap {
|
|
|
- background: url(../images/theme/upper_section.png) 0 0 repeat-x;
|
|
|
- border-radius: 6px 6px 0 0;
|
|
|
- padding: 4px 10px 0 10px;
|
|
|
- margin: 0 6px 0 6px;
|
|
|
-}
|
|
|
-#upper_section {
|
|
|
- overflow: hidden;
|
|
|
- padding: 12px 2px 0 2px;
|
|
|
- margin: 0 0 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* the main title, always stay at 45 pixels in height! */
|
|
|
-h1.forumtitle {
|
|
|
- font-size: 1.8em;
|
|
|
- font-family: Geneva, verdana, sans-serif;
|
|
|
- line-height: 1.2em;
|
|
|
- margin: 0;
|
|
|
- padding: 12px 0;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-
|
|
|
-/* float these items to the right */
|
|
|
-#siteslogan, img#smflogo {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- float: right;
|
|
|
- line-height: 50px; font-size: 1.8em;
|
|
|
-}
|
|
|
-
|
|
|
-/* the upshrink image needs some tweaking */
|
|
|
-img#upshrink {
|
|
|
- float: right;
|
|
|
- margin: 16px 4px 0px 8px;
|
|
|
-}
|
|
|
-
|
|
|
-/* ..so does the SMF logo */
|
|
|
-img#smflogo {
|
|
|
- margin: 6px 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* the upper_section, float the two each way */
|
|
|
-#upper_section .user {
|
|
|
- width: 50%;
|
|
|
- float: left;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-#guest_form {
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#guest_form .info {
|
|
|
- padding: 4px 0 ;
|
|
|
- line-height: 1.3em;
|
|
|
-}
|
|
|
-#upper_section .user p {
|
|
|
- float: left;
|
|
|
- margin: 0 12px 12px 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-#upper_section .user ul {
|
|
|
- margin: 0;
|
|
|
- padding-left: 10px;
|
|
|
- font-size: 0.9em;
|
|
|
-}
|
|
|
-#upper_section .user ul li {
|
|
|
- margin-bottom: 2px;
|
|
|
-}
|
|
|
-#upper_section ul li.greeting {
|
|
|
- font-size: 1.3em;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 1.5em;
|
|
|
-}
|
|
|
-#upper_section .news {
|
|
|
- width: 50%;
|
|
|
- float: right;
|
|
|
- text-align: right;
|
|
|
- font-size: 0.9em;
|
|
|
- padding: 0 5px 0 0;
|
|
|
-}
|
|
|
-#upper_section .news p {
|
|
|
- display: inline;
|
|
|
-}
|
|
|
-#upper_section .news form {
|
|
|
- padding-bottom: 10px;
|
|
|
-}
|
|
|
-#upper_section .news form .input_text {
|
|
|
- padding: 4px;
|
|
|
-}
|
|
|
-
|
|
|
-/* the content section */
|
|
|
-#content_section {
|
|
|
- background: #fff;
|
|
|
- padding: 1px 16px;
|
|
|
- border-left: 1px solid #b8b8b8;
|
|
|
- border-right: 1px solid #b8b8b8;
|
|
|
-}
|
|
|
-#main_content_section {
|
|
|
- width: 100%;
|
|
|
- min-height: 200px;
|
|
|
-}
|
|
|
-
|
|
|
-/* The navigation list (i.e. linktree) */
|
|
|
-.navigate_section {
|
|
|
- padding: 3px;
|
|
|
- margin: 0 -3px 0 0;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-#main_content_section .navigate_section {
|
|
|
- margin: 0 0 0 0;
|
|
|
-}
|
|
|
-.navigate_section ul {
|
|
|
- margin: 0 0 0 0;
|
|
|
- font-size: 0.9em;
|
|
|
- padding: 6px 0 0 0;
|
|
|
- border-top: 1px solid #ccc;
|
|
|
- overflow: hidden;
|
|
|
- clear: both;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.navigate_section ul li {
|
|
|
- float: left;
|
|
|
- padding: 4px 6px 4px 0;
|
|
|
- font-size: 0.95em;
|
|
|
-}
|
|
|
-.navigate_section ul li a {
|
|
|
- white-space: pre;
|
|
|
-}
|
|
|
-
|
|
|
-/* "Unread posts" and "New replies" links, accessible with header collapsed. */
|
|
|
-.navigate_section .unread_links {
|
|
|
- float: right;
|
|
|
- padding: 4px 0 4px 4px;
|
|
|
-}
|
|
|
-
|
|
|
-/* This markup gives the looks of the Curve theme without huge images. */
|
|
|
-/* The new "Go Down" target is here. Any added content will display globally. */
|
|
|
-#lower_section {
|
|
|
- padding: 0 5px 14px 5px;
|
|
|
- background: #fff url(../images/theme/lower_section.png) 0 100% repeat-x;
|
|
|
- border: 1px solid #b8b8b8;
|
|
|
- border-top: none;
|
|
|
- border-radius: 0 0 8px 8px;
|
|
|
-}
|
|
|
-#lower_section .frame {
|
|
|
- padding: 0;
|
|
|
- background: #fff;
|
|
|
- min-height: 30px;
|
|
|
- border: none;
|
|
|
- border-radius: 0 0 8px 8px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Footer is now full-width by default. Frame inside it will match theme wrapper width automatically. */
|
|
|
-/* The footer wih copyright links etc. */
|
|
|
-#footer_section {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-/* min-width should be equal to #wrapper min-width. */
|
|
|
-#footer_section div.frame {
|
|
|
- margin: 0 auto;
|
|
|
- padding: 15px 5px;
|
|
|
- min-width: 764px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-#footer_section ul li, #footer_section p {
|
|
|
- font-size: 0.8em;
|
|
|
-}
|
|
|
-#footer_section ul li {
|
|
|
- display: inline;
|
|
|
- padding-right: 5px;
|
|
|
-}
|
|
|
-#footer_section ul li.copyright {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-/* Globally accessible "go up" link. */
|
|
|
-#footer_uplink {
|
|
|
- display: block;
|
|
|
- margin: 0 auto 7px auto;
|
|
|
- width: 25px;
|
|
|
-}
|
|
|
-#footer_uplink img{
|
|
|
- padding: 4px;
|
|
|
-}
|
|
|
-
|
|
|
-/* [WIP] Why were these placed here? Find a more sensible spot for them. */
|
|
|
-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 .cat_bar {
|
|
|
- border-radius: 5px 5px 0 0;
|
|
|
-}
|
|
|
-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: 24%;
|
|
|
-}
|
|
|
-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: #d97b33;/**/ color: #f56d00;
|
|
|
-}
|
|
|
-.table_list tbody.content td.children {
|
|
|
- color: #555;
|
|
|
- font-size: 85%;
|
|
|
-}
|
|
|
-p.moderators {
|
|
|
- font-size: 0.8em;
|
|
|
- font-family: verdana, sans-serif;
|
|
|
-}
|
|
|
-/* 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 12px 6px 12px;
|
|
|
- margin: 0 0 12px 0;
|
|
|
- line-height: 12px;
|
|
|
-}
|
|
|
-#posting_icons ul {
|
|
|
- font-size: 0.8em;
|
|
|
-}
|
|
|
-#posting_icons img {
|
|
|
- vertical-align: middle;
|
|
|
- margin: 0 0 0 12px;
|
|
|
-}
|
|
|
-#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 6px;
|
|
|
-}
|
|
|
-
|
|
|
-/* the newsfader */
|
|
|
-#newsfader {
|
|
|
- margin: 0 2px;
|
|
|
- /*clear: both; /* Necessary? Check it. */
|
|
|
-}
|
|
|
-#smfFadeScroller {
|
|
|
- text-align: center;
|
|
|
- padding: 0 25px;
|
|
|
- overflow: auto;
|
|
|
- margin: 12px 0;
|
|
|
- color: #444444; /* shouldn't be shorthand style due to a JS bug in IE! */
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the info center on the board index.
|
|
|
----------------------------------------------------- */
|
|
|
-#info_center {
|
|
|
- clear: both;
|
|
|
- margin: 0 2px;
|
|
|
-}
|
|
|
-#upshrinkHeaderIC {
|
|
|
- margin-top: 4px;
|
|
|
-}
|
|
|
-dl#ic_recentposts {
|
|
|
- margin: 0 0 6px 0;
|
|
|
- padding: 6px;
|
|
|
- font-size: 0.9em;
|
|
|
- line-height: 1.6em;
|
|
|
-}
|
|
|
-dl#ic_recentposts dt {
|
|
|
- float: left;
|
|
|
- border-bottom: 1px solid #f2f2f2;
|
|
|
-}
|
|
|
-dl#ic_recentposts dd {
|
|
|
- text-align: right;
|
|
|
- border-bottom: 1px solid #f2f2f2;
|
|
|
-}
|
|
|
-#upshrinkHeaderIC p.inline {
|
|
|
- border: none;
|
|
|
- margin: 0 0 0 0;
|
|
|
- padding: 2px 6px;
|
|
|
- font-size: 0.9em;
|
|
|
-}
|
|
|
-#upshrinkHeaderIC p.inline span {
|
|
|
- margin: 0;
|
|
|
- padding: 4px 0 0 0;
|
|
|
-}
|
|
|
-#upshrinkHeaderIC span.membergroups {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-#upshrinkHeaderIC p.last {
|
|
|
- margin: 2px 0 0 0;
|
|
|
- padding: 4px 6px 0 6px;
|
|
|
- border-top: 2px dotted #bbb;
|
|
|
- font-size: 0.9em;
|
|
|
-}
|
|
|
-/* the small stats */
|
|
|
-#index_common_stats {
|
|
|
- margin: -4px 8px 6px 8px;
|
|
|
- padding: 4px 0 0 0;
|
|
|
- font-size: 0.9em;
|
|
|
- border-top: 1px solid #ccc;
|
|
|
-}
|
|
|
-
|
|
|
-img.new_posts {
|
|
|
- padding: 0 1px;
|
|
|
-}
|
|
|
-
|
|
|
-.fix_rtl_names {
|
|
|
- display:inline-block;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the message (topic) index.
|
|
|
----------------------------------------------------- */
|
|
|
-div.table_frame .table_list {
|
|
|
- border-collapse: collapse;
|
|
|
- margin: 2px 0;
|
|
|
-}
|
|
|
-#messageindex {
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-/* the page navigation area */
|
|
|
-.childboards {
|
|
|
- margin-bottom: 2px;
|
|
|
-}
|
|
|
-#childboards h3 {
|
|
|
- padding-bottom: 0;
|
|
|
-}
|
|
|
-#childboards .table_list thead {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-#childboards .table_list {
|
|
|
- margin-bottom: 12px;
|
|
|
-}
|
|
|
-.lastpost img {
|
|
|
- float: right;
|
|
|
- padding: 4px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the display template (topic view).
|
|
|
----------------------------------------------------- */
|
|
|
-
|
|
|
-#postbuttons div.buttons {
|
|
|
- padding: 6px;
|
|
|
- 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: 12px;
|
|
|
-}
|
|
|
-#moderationbuttons {
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-/* Events */
|
|
|
-.linked_events {
|
|
|
- padding: 12px 0;
|
|
|
-}
|
|
|
-.edit_event {
|
|
|
- margin: 0 10px;
|
|
|
- vertical-align: top;
|
|
|
-}
|
|
|
-/* Poll question */
|
|
|
-#poll {
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#poll .content {
|
|
|
- padding: 0 12px;
|
|
|
-}
|
|
|
-h4#pollquestion {
|
|
|
- padding: 0 0 6px 25px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Poll vote options */
|
|
|
-#poll_options ul.options {
|
|
|
- border-top: 1px solid #9999aa;
|
|
|
- padding: 12px 30px 0 25px;
|
|
|
- margin: 0 0 12px 0;
|
|
|
-}
|
|
|
-#poll_options div.submitbutton {
|
|
|
- border-bottom: 1px solid #9999aa;
|
|
|
- clear: both;
|
|
|
- padding: 0 0 12px 25px;
|
|
|
- margin: 0 0 12px 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Poll results */
|
|
|
-#poll_options dl.options {
|
|
|
- border: solid #9999aa;
|
|
|
- border-width: 1px 0;
|
|
|
- padding: 12px 0 12px 25px;
|
|
|
- margin: 0 0 12px 0;
|
|
|
- line-height: 1.1em !important;
|
|
|
-}
|
|
|
-#poll_options dl.options dt {
|
|
|
- padding: 4px 0;
|
|
|
- width: 30%;
|
|
|
- max-width: 30em;
|
|
|
- float: left;
|
|
|
- margin: 0;
|
|
|
- clear: left;
|
|
|
-}
|
|
|
-#poll_options dl.options .voted {
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-#poll_options dl.options dd {
|
|
|
- margin: 0 0 0 15px;
|
|
|
- padding: 1px 0 0 0;
|
|
|
- width: 60%;
|
|
|
- max-width: 45em;
|
|
|
- float: left;
|
|
|
- margin: 0 0 4px 0;
|
|
|
- padding: 0 4px 0 0;
|
|
|
- line-height: 1.1em;
|
|
|
- min-height: 1.1em;
|
|
|
- background: #fff;
|
|
|
- border: 1px solid #aaa;
|
|
|
- border-radius: 2px;
|
|
|
-}
|
|
|
-
|
|
|
-#poll_options dl.options .percentage {
|
|
|
- display: block;
|
|
|
- float: right;
|
|
|
- padding: 2px 0 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Poll notices */
|
|
|
-#poll_options p {
|
|
|
- margin: 0 18px 2px 18px;
|
|
|
- padding: 0 6px 6px 6px;
|
|
|
-}
|
|
|
-
|
|
|
-div#pollmoderation {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-#poll_options .submitbutton {
|
|
|
- float: right;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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: 0 6px 0 0;
|
|
|
-}
|
|
|
-#forumposts h3.catbg {
|
|
|
- margin-bottom: 3px;
|
|
|
-}
|
|
|
-p#whoisviewing {
|
|
|
- margin: 0;
|
|
|
- padding: 6px;
|
|
|
-}
|
|
|
-/* poster and postarea + moderation area underneath */
|
|
|
-.post_wrapper {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.poster {
|
|
|
- float: left;
|
|
|
- width: 15em;
|
|
|
- word-wrap: break-word;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.postarea, .moderatorbar {
|
|
|
- margin: 0 0 0 16em;
|
|
|
-}
|
|
|
-.postarea div.flow_hidden {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.poster img {
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-
|
|
|
-.moderatorbar {
|
|
|
- clear: right;
|
|
|
-}
|
|
|
-/* poster details and list of items */
|
|
|
-.poster h4, .poster ul {
|
|
|
- padding: 0;
|
|
|
- margin: 0 12px 0 18px;
|
|
|
-}
|
|
|
-.poster h4 {
|
|
|
- margin: 2px 0 5px 12px;
|
|
|
- font-size: 120%;
|
|
|
-}
|
|
|
-.poster h4, .poster h4 a {
|
|
|
- color: #c06002;
|
|
|
-}
|
|
|
-.poster ul ul {
|
|
|
- margin: 4px 12px 0 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-.poster ul ul li {
|
|
|
- display: inline;
|
|
|
-}
|
|
|
-.poster li.icons, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul {
|
|
|
- margin-top: 6px;
|
|
|
-}
|
|
|
-.poster li.avatar {
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.poster li.warning {
|
|
|
- line-height: 1.2em;
|
|
|
- padding-top: 12px;
|
|
|
-}
|
|
|
-.poster li.warning a img {
|
|
|
- vertical-align: bottom;
|
|
|
- padding: 0 2px;
|
|
|
-}
|
|
|
-.messageicon {
|
|
|
- float: left;
|
|
|
- margin: 0 6px 0 0;
|
|
|
-}
|
|
|
-.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 arial, sans-serif;
|
|
|
- color: #334466;
|
|
|
-}
|
|
|
-
|
|
|
-/* The quick buttons */
|
|
|
-div.quickbuttons_wrap {
|
|
|
- padding: 2px 0;
|
|
|
- width: 100%;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-
|
|
|
-ul.quickbuttons {
|
|
|
- margin: 11px 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 a.quote_button {
|
|
|
- background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
|
|
|
-}
|
|
|
-ul.quickbuttons li a.remove_button {
|
|
|
- background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
|
|
|
-}
|
|
|
-ul.quickbuttons li a.modify_button {
|
|
|
- background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
|
|
|
-}
|
|
|
-ul.quickbuttons li a.approve_button {
|
|
|
- background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
|
|
|
-}
|
|
|
-ul.quickbuttons li a.restore_button {
|
|
|
- background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
|
|
|
-}
|
|
|
-ul.quickbuttons li a.split_button {
|
|
|
- background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
|
|
|
-}
|
|
|
-ul.quickbuttons li a.reply_button {
|
|
|
- background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
|
|
|
-}
|
|
|
-ul.quickbuttons li a.reply_all_button {
|
|
|
- background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
|
|
|
-}
|
|
|
-ul.quickbuttons li a.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: 6px;
|
|
|
- clear: right;
|
|
|
-}
|
|
|
-.inner {
|
|
|
- padding: 12px 12px 2px 0;
|
|
|
- margin: 0 12px 0 0;
|
|
|
- border-top: 1px solid #99a;
|
|
|
-}
|
|
|
-img.smiley {
|
|
|
- vertical-align: bottom;
|
|
|
-}
|
|
|
-#forumposts .modified {
|
|
|
- float: left;
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-#forumposts .reportlinks {
|
|
|
- margin-right: 18px;
|
|
|
- text-align: right;
|
|
|
- clear: right;
|
|
|
-}
|
|
|
-#forumposts .signature, .post .signature {
|
|
|
- margin: 12px 0 0 0;
|
|
|
-}
|
|
|
-#forumposts span.botslice {
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-.attachments hr {
|
|
|
- clear: both;
|
|
|
- margin: 12px 0 12px 0;
|
|
|
-}
|
|
|
-.attachments {
|
|
|
- padding: 12px 0 25px 0;
|
|
|
-}
|
|
|
-.attachments div {
|
|
|
- padding: 0 6px;
|
|
|
-}
|
|
|
-.attachments_top {
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.attachments_bot {
|
|
|
- font-size: 0.85em;
|
|
|
- font-family: verdana, sans-serif;
|
|
|
- color: #222;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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%;
|
|
|
-}
|
|
|
-/* 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: 6px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#post_header dt, .postbox dt {
|
|
|
- float: left;
|
|
|
- padding: 0;
|
|
|
- width: 15%;
|
|
|
- margin: 6px 0 0 0;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-#post_header dd, .postbox dd {
|
|
|
- float: left;
|
|
|
- padding: 0;
|
|
|
- width: 83%;
|
|
|
- margin: 4px 0;
|
|
|
-}
|
|
|
-#post_header img {
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-ul.post_options {
|
|
|
- margin: 0 0 0 12px;
|
|
|
- padding: 0;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-ul.post_options li {
|
|
|
- margin: 2px 0;
|
|
|
- width: 49%;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-#postAdditionalOptionsHeader {
|
|
|
- margin-top: 12px;
|
|
|
-}
|
|
|
-#postMoreOptions {
|
|
|
- border-bottom: 1px solid #cacdd3;
|
|
|
- padding: 6px;
|
|
|
-}
|
|
|
-#postAttachment, #postAttachment2 {
|
|
|
- overflow: hidden;
|
|
|
- margin: 6px 0;
|
|
|
- padding: 0;
|
|
|
- padding: 6px;
|
|
|
-}
|
|
|
-#postAttachment dd, #postAttachment2 dd {
|
|
|
- margin: 4px 0 4px 12px;
|
|
|
-}
|
|
|
-#postAttachment dt, #postAttachment2 dt {
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-#postAttachment3 {
|
|
|
- margin-left: 12px;
|
|
|
-}
|
|
|
-#post_confirm_strip, #shortcuts {
|
|
|
- padding: 12px 0 0 0;
|
|
|
-}
|
|
|
-.post_verification {
|
|
|
- margin-top: 6px;
|
|
|
-}
|
|
|
-.post_verification #verification_control {
|
|
|
- margin: 4px 0 4px 12px;
|
|
|
-}
|
|
|
-/* The BBC buttons */
|
|
|
-#bbcBox_message {
|
|
|
- margin: 10px 6px;
|
|
|
-}
|
|
|
-#bbcBox_message div {
|
|
|
- margin: 2px 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: 6px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for edit event section
|
|
|
----------------------------------------------------- */
|
|
|
-#post_event .roundframe {
|
|
|
- padding: 12px 12%;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-#post_event fieldset {
|
|
|
- padding: 6px;
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-#post_event #event_main input {
|
|
|
- margin: 0 0 12px 0;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-#post_event #event_main div.smalltext {
|
|
|
- width: 34.6em;
|
|
|
- float: right;
|
|
|
-}
|
|
|
-#post_event div.event_options {
|
|
|
- float: right;
|
|
|
-}
|
|
|
-#post_event .event_main, .event_options {
|
|
|
- padding: 0;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#post_event ul.event_main li {
|
|
|
- list-style-type: none;
|
|
|
- margin: 2px 0;
|
|
|
- width: 49%;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-#post_event ul.event_options {
|
|
|
- margin: 0;
|
|
|
- padding: 0 0 8px 8px;
|
|
|
-}
|
|
|
-#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 12px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for edit poll section.
|
|
|
----------------------------------------------------- */
|
|
|
-
|
|
|
-#edit_poll {
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#edit_poll fieldset {
|
|
|
- padding: 6px;
|
|
|
- clear: both;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#edit_poll fieldset input {
|
|
|
- margin-left: 8.1em;
|
|
|
-}
|
|
|
-#edit_poll ul.poll_main li {
|
|
|
- padding-left: 12px;
|
|
|
-}
|
|
|
-#edit_poll ul.poll_main input {
|
|
|
- margin-left: 12px;
|
|
|
-}
|
|
|
-#edit_poll ul.poll_main, dl.poll_options {
|
|
|
- overflow: hidden;
|
|
|
- padding: 0 0 8px 8px;
|
|
|
-}
|
|
|
-#edit_poll ul.poll_main li {
|
|
|
- margin: 2px 0;
|
|
|
-}
|
|
|
-#edit_poll dl.poll_options dt {
|
|
|
- width: 33%;
|
|
|
- padding: 0 0 0 12px;
|
|
|
-}
|
|
|
-#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: 12px;
|
|
|
- width: 60%;
|
|
|
-}
|
|
|
-#readbuttons .pagelinks {
|
|
|
- padding-top: 12px;
|
|
|
-}
|
|
|
-#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: 6px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the send topic section.
|
|
|
----------------------------------------------------- */
|
|
|
-
|
|
|
-fieldset.send_topic {
|
|
|
- border: none;
|
|
|
- padding: 6px;
|
|
|
-}
|
|
|
-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 6px;
|
|
|
-}
|
|
|
-ul.split_messages div.post {
|
|
|
- padding: 12px 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: 6px 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 5px 0;
|
|
|
- width: 44%;
|
|
|
- padding: 1px;
|
|
|
-}
|
|
|
-.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;
|
|
|
-}
|
|
|
-
|
|
|
-/* Additional register fields */
|
|
|
-dl.register_form {
|
|
|
- margin: 0;
|
|
|
- clear: right;
|
|
|
-}
|
|
|
-dl.register_form dt {
|
|
|
- font-weight: normal;
|
|
|
- float: left;
|
|
|
- clear: both;
|
|
|
- width: 50%;
|
|
|
- margin: 6px 0 0 0;
|
|
|
-}
|
|
|
-dl.register_form dt span {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-dl.register_form dd {
|
|
|
- float: left;
|
|
|
- width: 49%;
|
|
|
- margin: 6px 0 0 0;
|
|
|
-}
|
|
|
-#confirm_buttons {
|
|
|
- text-align: center;
|
|
|
- padding: 12px 0;
|
|
|
-}
|
|
|
-.coppa_contact {
|
|
|
- padding: 4px;
|
|
|
- width: 32ex;
|
|
|
- background: #fff;
|
|
|
- color: #222;
|
|
|
- margin-left: 5ex;
|
|
|
- border: 1px solid #222;
|
|
|
-}
|
|
|
-.valid_input {
|
|
|
- background: #f5fff0;
|
|
|
-}
|
|
|
-.invalid_input {
|
|
|
- background: #fff0f0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for maintenance mode.
|
|
|
-------------------------------------------------------- */
|
|
|
-#maintenance_mode {
|
|
|
- width: 75%;
|
|
|
- min-width: 520px;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-#maintenance_mode img.floatleft {
|
|
|
- margin-right: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-/* common for all admin sections */
|
|
|
-h3.titlebg img {
|
|
|
- vertical-align: middle;
|
|
|
- margin: 0 5px 0 0;
|
|
|
-}
|
|
|
-tr.titlebg td {
|
|
|
- padding-left: 8px;
|
|
|
-}
|
|
|
-#admin_menu {
|
|
|
- min-height: 2em;
|
|
|
- padding-left: 0;
|
|
|
-}
|
|
|
-#admin_content {
|
|
|
- clear: left;
|
|
|
- padding-top: 6px;
|
|
|
-}
|
|
|
-/* Custom profile fields like to play with us some times. */
|
|
|
-#admin_content .custom_field {
|
|
|
- margin-bottom: 15px;
|
|
|
-}
|
|
|
-#admin_login .centertext {
|
|
|
- padding: 12px;
|
|
|
-}
|
|
|
-#admin_login .centertext .error {
|
|
|
- padding: 0 0 12px 0;
|
|
|
-}
|
|
|
-#admin_login .centertext a.help img {
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for sidebar menus.
|
|
|
-------------------------------------------------------- */
|
|
|
-.left_admmenu, .left_admmenu ul, .left_admmenu li {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-#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 6px;
|
|
|
-}
|
|
|
-.left_admmenu {
|
|
|
- margin-bottom: 6px;
|
|
|
-}
|
|
|
-#main_admsection {
|
|
|
- position: relative;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
|
|
|
- padding: 4px 8px;
|
|
|
-}
|
|
|
-#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: 12px 0 0 0;
|
|
|
-}
|
|
|
-#topic_icons .description {
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-.topic_table table thead {
|
|
|
- border-bottom: 1px solid #fff;
|
|
|
-}
|
|
|
-/* 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;
|
|
|
-}
|
|
|
-
|
|
|
-/* Sticky topics get a different background */
|
|
|
-.topic_table td.stickybg {
|
|
|
- background: #e8d8cf url(../images/icons/quick_sticky.png) no-repeat 98% 4px;
|
|
|
-}
|
|
|
-.topic_table td.stickybg2 {
|
|
|
- background: #f2e3d9 url(../images/icons/quick_sticky.png) no-repeat 98% 4px;
|
|
|
-}
|
|
|
-.topic_table td.locked_sticky, .topic_table td.stickybglockedbg {
|
|
|
- background: #e8d8cf url(../images/icons/quick_sticky_lock.png) no-repeat 98% 4px;
|
|
|
-}
|
|
|
-.topic_table td.locked_sticky2, .topic_table td.stickybglockedbg2 {
|
|
|
- background: #f2e3d9 url(../images/icons/quick_sticky_lock.png) no-repeat 98% 4px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Plain locked topics just get the icon. */
|
|
|
-/* Nobody wants them to stand out much. */
|
|
|
-.topic_table td.lockedbg {
|
|
|
- background: #e7eaef url(../images/icons/quick_lock.png) no-repeat 98% 4px;
|
|
|
-}
|
|
|
-.topic_table td.lockedbg2 {
|
|
|
- background: #f0f4f7 url(../images/icons/quick_lock.png) no-repeat 98% 4px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Stop those damned icons popping up in every table cell! */
|
|
|
-.topic_table td.icon1, .topic_table td.icon2, .topic_table td.stats,
|
|
|
-.topic_table td.lastpost, .topic_table td.moderation {
|
|
|
- background-image: none;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for (fatal) errors.
|
|
|
-------------------------------------------------- */
|
|
|
-
|
|
|
-#fatal_error {
|
|
|
- width: 80%;
|
|
|
- margin: auto;
|
|
|
-}
|
|
|
-.errorbox {
|
|
|
- background: #fee url(../images/warning_mute.png) 10px 50% no-repeat;
|
|
|
- text-align: left;
|
|
|
- border-top: 2px solid #c34;
|
|
|
- border-bottom: 2px solid #c34;
|
|
|
- padding: 7px 10px 7px 35px;
|
|
|
- margin-bottom: 12px;
|
|
|
-}
|
|
|
-.errorbox h3 {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- font-size: 1.1em;
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-.errorbox p {
|
|
|
- margin: 12px 0 0 0;
|
|
|
-}
|
|
|
-.errorbox p.alert {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- float: left;
|
|
|
- width: 12px;
|
|
|
- font-size: 1.5em;
|
|
|
-}
|
|
|
-.errorbox span {
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for info boxes
|
|
|
-------------------------------------------------- */
|
|
|
-
|
|
|
-.noticebox {
|
|
|
- color: #666;
|
|
|
- background: #fff6ca url(../images/warning_moderate.png) 10px 50% no-repeat;
|
|
|
- text-align: left;
|
|
|
- border-top: 1px solid #ffd324;
|
|
|
- border-bottom: 1px solid #ffd324;
|
|
|
- padding: 7px 10px 7px 35px;
|
|
|
- margin-bottom: 12px;
|
|
|
-}
|
|
|
-.infobox {
|
|
|
- color: #111;
|
|
|
- background: #efe url(../images/icons/field_valid.png) 10px 50% no-repeat;
|
|
|
- text-align: left;
|
|
|
- border-top: 1px solid green;
|
|
|
- border-bottom: 1px solid green;
|
|
|
- padding: 7px 10px 7px 35px;
|
|
|
- margin-bottom: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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: 79.5%;
|
|
|
- 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 0 18px 0;
|
|
|
- padding: 0 0 15px 0;
|
|
|
- border-bottom: 1px #ccc solid;
|
|
|
-}
|
|
|
-#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 #ccc solid;
|
|
|
-}
|
|
|
-.signature h5 {
|
|
|
- font-size: 0.85em;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-#personal_picture {
|
|
|
- display: block;
|
|
|
- margin-bottom: 4px;
|
|
|
-}
|
|
|
-#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;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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;
|
|
|
-}
|
|
|
-.activity_stats li {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- width: 4.16%;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.activity_stats li span {
|
|
|
- display: block;
|
|
|
- border: solid #222;
|
|
|
- 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: #6294CE;
|
|
|
-}
|
|
|
-.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: url(../images/stats_pie.png);
|
|
|
- float: left;
|
|
|
- height: 20px;
|
|
|
- width: 20px;
|
|
|
- margin: 0 12px 0 0;
|
|
|
- padding: 0;
|
|
|
- text-indent: -1000em;
|
|
|
-}
|
|
|
-
|
|
|
-/* View posts */
|
|
|
-.topic .time {
|
|
|
- float: right;
|
|
|
-}
|
|
|
-
|
|
|
-.counter {
|
|
|
- margin: 0 0 0 0;
|
|
|
- padding: 2px 6px 1px 2px;
|
|
|
- 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 12px;
|
|
|
- min-height: 80px;
|
|
|
- height: auto !important;
|
|
|
- height: 80px;
|
|
|
-}
|
|
|
-
|
|
|
-.topic .mod_icons {
|
|
|
- text-align: right;
|
|
|
- margin-right: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-#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;
|
|
|
-}
|
|
|
-img.centericon {
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-.ignoreboards {
|
|
|
- margin: 0 2%;
|
|
|
- padding: 0;
|
|
|
- width: 90%;
|
|
|
-}
|
|
|
-.ignoreboards a {
|
|
|
- font-weight: bold;
|
|
|
- border-bottom: 1px solid #c4c4c4;
|
|
|
- padding: 1px 0;
|
|
|
-}
|
|
|
-.ignoreboards a:hover {
|
|
|
- text-decoration: none;
|
|
|
- border-bottom: 1px solid #334466;
|
|
|
-}
|
|
|
-.ignoreboards ul {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-.ignoreboards li {
|
|
|
- float: left;
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-.ignoreboards li.category {
|
|
|
- margin: 8px 0 0 0;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.ignoreboards li ul {
|
|
|
- margin: 2px 0 0 0;
|
|
|
-}
|
|
|
-.ignoreboards li.category ul li.board {
|
|
|
- width: 93%;
|
|
|
-}
|
|
|
-
|
|
|
-#theme_settings {
|
|
|
- overflow: auto;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-
|
|
|
-#theme_settings li {
|
|
|
- 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: 6px 0;
|
|
|
-}
|
|
|
-#statistics div.title_bar {
|
|
|
- margin: 4px 0 0 0;
|
|
|
-}
|
|
|
-#statistics .titlebg img {
|
|
|
- margin: 3px 6px 0 3px;
|
|
|
-}
|
|
|
-#statistics .cat_bar {
|
|
|
- margin: 4px 0 0 0;
|
|
|
-}
|
|
|
-#statistics h3.catbg {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-#statistics .flow_hidden {
|
|
|
- background: #f0f4f7;
|
|
|
- margin: 4px 0;
|
|
|
- padding: 2px 6px;
|
|
|
- border-radius: 7px;
|
|
|
-}
|
|
|
-#statistics div.windowbg2 {
|
|
|
- background: none;
|
|
|
-}
|
|
|
-#stats_left, #top_posters, #top_topics_replies, #top_topics_starter {
|
|
|
- float: left;
|
|
|
- width: 50%;
|
|
|
- padding: 0 3px 0 0;
|
|
|
-}
|
|
|
-#stats_right, #top_boards, #top_topics_views, #most_online {
|
|
|
- float: right;
|
|
|
- width: 50%;
|
|
|
- padding: 0 0 0 3px;
|
|
|
-}
|
|
|
-#stats_left{
|
|
|
- border-right: 2px solid #fff;
|
|
|
-}
|
|
|
-dl.stats {
|
|
|
- clear: both;
|
|
|
- overflow: hidden;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-dl.stats dt {
|
|
|
- width: 50%;
|
|
|
- float: left;
|
|
|
- margin: 0 0 4px 0;
|
|
|
- padding: 0;
|
|
|
- line-height: 1.5em;
|
|
|
- clear: both;
|
|
|
- font-size: 1em;
|
|
|
-}
|
|
|
-dl.stats dd {
|
|
|
- text-align: right;
|
|
|
- width: 50%;
|
|
|
- font-size: 1em;
|
|
|
- float: right;
|
|
|
- margin: 0 0 4px 0;
|
|
|
- padding: 0 4px 0 0;
|
|
|
- line-height: 1.5em;
|
|
|
- min-height: 1.5em;
|
|
|
- background: #fff;
|
|
|
- border: 1px solid #aaa;
|
|
|
- border-radius: 2px;
|
|
|
-}
|
|
|
-.top_row dl.stats dd {
|
|
|
- background: none; border: none;
|
|
|
-}
|
|
|
-.statsbar div.bar {
|
|
|
- float: left;
|
|
|
- background: orange;
|
|
|
- border-right: 1px solid #999;
|
|
|
- border-radius: 1px 0 0 1px;
|
|
|
- box-shadow: 4px -4px 8px rgba(0,0,0,0.1) inset, 4px 4px 8px rgba(255,255,255,0.3) inset;
|
|
|
- display: block;
|
|
|
- margin: 0 4px 0 0;
|
|
|
- height: 1.5em;
|
|
|
-}
|
|
|
-#stats {
|
|
|
- margin: 4px 0;
|
|
|
-}
|
|
|
-#stats th.first_th {
|
|
|
- padding-left: 8px;
|
|
|
-}
|
|
|
-#stats tr.windowbg2 th.lefttext {
|
|
|
- border-left: 1px solid #fff;
|
|
|
-}
|
|
|
-#stats tr.windowbg2 th {
|
|
|
- border-right: 1px solid #fff;
|
|
|
- border-bottom: 1px solid #fff;
|
|
|
-}
|
|
|
-tr.windowbg2 th.stats_month {
|
|
|
- width: 25%;
|
|
|
- padding: 0 2em;
|
|
|
- text-align: left;
|
|
|
- border-left: 1px solid #fff;
|
|
|
-}
|
|
|
-tr.windowbg2 td.stats_day {
|
|
|
- padding: 0 3.5em;
|
|
|
- text-align: left;
|
|
|
- border-left: 1px solid #fff;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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 6px;
|
|
|
-}
|
|
|
-#personal_messages h3 span#topic_title {
|
|
|
- margin: 0 0 0 9em;
|
|
|
-}
|
|
|
-#personal_messages div.labels {
|
|
|
- padding: 0 12px 0 0;
|
|
|
-}
|
|
|
-#personal_messages .capacity_bar {
|
|
|
- background: #f0f4f7;
|
|
|
- display: block;
|
|
|
- margin: 6px 0 0 12px;
|
|
|
- height: 12px;
|
|
|
- border: 1px solid #adadad;
|
|
|
- width: 10em;
|
|
|
-}
|
|
|
-#personal_messages .capacity_bar span {
|
|
|
- border-right: 1px solid #adadad;
|
|
|
- display: block;
|
|
|
- height: 12px;
|
|
|
-}
|
|
|
-#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: 6px 1.3em;
|
|
|
-}
|
|
|
-#searchLabelsExpand li {
|
|
|
- padding: 4px 6px;
|
|
|
-}
|
|
|
-#manrules div.righttext {
|
|
|
- padding: 4px 1px;
|
|
|
-}
|
|
|
-dl.addrules dt.floatleft {
|
|
|
- width: 15em;
|
|
|
- color: #333;
|
|
|
- padding: 0 15px 6px 15px;
|
|
|
-}
|
|
|
-#addrule fieldset {
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-#to_item_list_container div, #bcc_item_list_container div {
|
|
|
- float:left;
|
|
|
- margin-right:10px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the calendar section.
|
|
|
-------------------------------------------------- */
|
|
|
-#calendar {
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-/* Used to indicate the current day in the grid. */
|
|
|
-.calendar_today {
|
|
|
- background: #fff;
|
|
|
- border: 1px solid #bbb;
|
|
|
- box-shadow: 0 2px 5px rgba(0,0,0,0.05) inset;
|
|
|
-}
|
|
|
-#month_grid {
|
|
|
- padding: 0 15px 0 0;
|
|
|
- width: 215px;
|
|
|
- text-align: center;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-#month_grid div.cat_bar {
|
|
|
- border-radius: 5px 5px 0 0;
|
|
|
- margin: 0 1px 0 0;
|
|
|
- padding: 0 0 0 0;
|
|
|
-}
|
|
|
-#month_grid h3 a {
|
|
|
- padding: 0 6px 0 6px;
|
|
|
-}
|
|
|
-#month_grid table {
|
|
|
- width: 200px;
|
|
|
- margin-bottom: 12px;
|
|
|
-}
|
|
|
-#main_grid {
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#main_grid table {
|
|
|
- width: 100%;
|
|
|
- margin-bottom: 2px;
|
|
|
- padding-bottom: 4px;
|
|
|
-}
|
|
|
-#main_grid .cat_bar {
|
|
|
- border-radius: 5px 5px 0 0;
|
|
|
- margin: 0 1px;
|
|
|
-}
|
|
|
-#main_grid h3.catbg {
|
|
|
- padding: 8px 6px 4px 6px;
|
|
|
-}
|
|
|
-#main_grid h3.catbg span {
|
|
|
- display: block;
|
|
|
- font-size: 1.5em;
|
|
|
- margin: -3px 4px 0 4px;
|
|
|
-}
|
|
|
-#main_grid table th.days {
|
|
|
- width: 14%;
|
|
|
- padding: 4px 0;
|
|
|
-}
|
|
|
-#main_grid table td.weeks {
|
|
|
- text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 1.8em;
|
|
|
-}
|
|
|
-#main_grid table td.weeks a:hover {
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-#main_grid table td.days {
|
|
|
- vertical-align: top;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-#main_grid h3.weekly {
|
|
|
- text-align: center;
|
|
|
- font-size: 1.44em;
|
|
|
-}
|
|
|
-#main_grid ul.weeklist, #main_grid ul.weeklist li {
|
|
|
- margin: 0 0 8px 0;
|
|
|
- padding: 0;
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#main_grid ul.weeklist li {
|
|
|
- margin: 0 1px 0 1px;
|
|
|
- border-top: 2px solid #fff;
|
|
|
-}
|
|
|
-#main_grid .weeklist h4 {
|
|
|
- text-align: center;
|
|
|
- float: left;
|
|
|
- width: 10em;
|
|
|
- font-size: 1.2em;
|
|
|
- padding: 15px 0;
|
|
|
-}
|
|
|
-#main_grid .weeklist h4 a:hover {
|
|
|
- text-decoration: none;
|
|
|
- border-bottom: 1px solid #346;
|
|
|
-}
|
|
|
-/* Use the old one true layout trick here. */
|
|
|
-#main_grid .weeklist .windowbg2 {
|
|
|
- margin: 0 0 -95px 12em;
|
|
|
- padding: 8px 8px 100px 8px;
|
|
|
- border-radius: 0;
|
|
|
- border-left: 2px solid #fff;
|
|
|
-}
|
|
|
-#main_grid .weeklist .calendar_today {
|
|
|
- margin: 0 0 -95px 12em;
|
|
|
- padding: 8px 8px 100px 8px;
|
|
|
- border: none;
|
|
|
- background: #fff;
|
|
|
- box-shadow: none;
|
|
|
-}
|
|
|
-a.modify_event {
|
|
|
- color: red;
|
|
|
-}
|
|
|
-span.hidelink {
|
|
|
- font-style: italic;
|
|
|
-}
|
|
|
-/* Add a background that fits with the calendar. */
|
|
|
-#calendar_navigation {
|
|
|
- margin: -6px 1px 0 1px;
|
|
|
- padding: 12px 0;
|
|
|
- text-align: center;
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- background: #e7eaef;
|
|
|
-}
|
|
|
-/* Cheat and match this to the submit button. */
|
|
|
-#main_grid .buttonlist {
|
|
|
- position: absolute;
|
|
|
- bottom: 12px;
|
|
|
- right: 12px;
|
|
|
-}
|
|
|
-#main_grid .buttonlist a {
|
|
|
- background: #cde7ff url(../images/theme/submit_bg.png) no-repeat;
|
|
|
- border: 1px solid #aaa;
|
|
|
- border-radius: 3px;
|
|
|
-}
|
|
|
-#main_grid .buttonlist a:hover {
|
|
|
- background: #dceeff url(../images/theme/submit_bg.png) no-repeat 0 -140px;
|
|
|
- color: #111;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the memberlist section.
|
|
|
-------------------------------------------------- */
|
|
|
-#mlist_search {
|
|
|
- margin: auto;
|
|
|
- width: 500px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the basic search section.
|
|
|
-------------------------------------------------- */
|
|
|
-#searchform, #simple_search p {
|
|
|
- padding: 6px;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-#simple_search, #simple_search p, #advanced_search {
|
|
|
- text-align: center !important;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-#search_error {
|
|
|
- font-style: italic;
|
|
|
- padding: 4px 12px;
|
|
|
-}
|
|
|
-#search_term_input {
|
|
|
- font-size: 115%;
|
|
|
- margin: 0 0 12px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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: 12px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#advanced_search dt {
|
|
|
- clear: both;
|
|
|
- float: left;
|
|
|
- padding: 2px;
|
|
|
- text-align: right;
|
|
|
- width: 20%;
|
|
|
-}
|
|
|
-#advanced_search dd {
|
|
|
- width: 75%;
|
|
|
- float: left;
|
|
|
- padding: 2px;
|
|
|
- margin: 0 0 0 6px;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-#searchform p.clear {
|
|
|
- clear: both;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the search results page.
|
|
|
-------------------------------------------------- */
|
|
|
-.topic_table td blockquote, .topic_table td .quoteheader {
|
|
|
- margin: 6px;
|
|
|
-}
|
|
|
-.search_results_posts {
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.search_results_posts .buttons {
|
|
|
- padding: 5px 12px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the help section.
|
|
|
-------------------------------------------------- */
|
|
|
-
|
|
|
-#help_container {
|
|
|
- margin: 0 0 0 0;
|
|
|
- padding: 0 0 8px 0;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-#helpmain {
|
|
|
- padding: 12px;
|
|
|
-}
|
|
|
-#helpmain p {
|
|
|
- margin: 10px 0;
|
|
|
- line-height: 1.5em;
|
|
|
-}
|
|
|
-#helpmain ul {
|
|
|
- line-height: 2em;
|
|
|
- margin: 0 0 0 25px;
|
|
|
-}
|
|
|
-#helpmain ul li{
|
|
|
- list-style-type: disc;
|
|
|
-}
|
|
|
-#helpmain ul li a {
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for print media.
|
|
|
-------------------------------------------------------- */
|
|
|
-@media print {
|
|
|
- #headerarea
|
|
|
- {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- .tborder
|
|
|
- {
|
|
|
- border: none;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the tooltips
|
|
|
-------------------------------------------------------- */
|
|
|
-.tooltip {
|
|
|
- position: absolute;
|
|
|
- z-index: 999;
|
|
|
- left: -9999px;
|
|
|
- word-wrap: break-word;
|
|
|
- max-width: 350px;
|
|
|
- padding: 6px 9px;
|
|
|
- color: #333;
|
|
|
- background: #fff;
|
|
|
- border: 1px solid #aaa;
|
|
|
- border-radius: 4px 4px 4px 4px;
|
|
|
- box-shadow: 1px 2px 4px rgba(0,0,0,0.2), 0 0px 10px rgba(0,0,0,0.05) inset;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for popup windows
|
|
|
-------------------------------------------------------- */
|
|
|
-.popup_container
|
|
|
-{
|
|
|
- display: none;
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: rgba(0,0,0,0.5);
|
|
|
-}
|
|
|
-.popup_window
|
|
|
-{
|
|
|
- position: fixed;
|
|
|
- width: 480px;
|
|
|
- z-index: 99;
|
|
|
- padding: 0;
|
|
|
- box-shadow: 0 0 8px rgba(0,0,0,0.2);
|
|
|
- border: 1px solid #ccc;
|
|
|
- border-radius: 5px;
|
|
|
- max-height: none!important;
|
|
|
- overflow: visible!important;
|
|
|
-}
|
|
|
-.popup_content, .popup_heading
|
|
|
-{
|
|
|
- padding: 12px;
|
|
|
- margin: 0;
|
|
|
- border-radius: 5px 5px 0 0;
|
|
|
-}
|
|
|
-.popup_heading
|
|
|
-{
|
|
|
- border-radius: 4px 4px 0 0;
|
|
|
-}
|
|
|
-.popup_content
|
|
|
-{
|
|
|
- max-height: 20em;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-.popup_heading .hide_popup
|
|
|
-{
|
|
|
- display: inline-block;
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
- background: url(../images/buttons/delete.png) center center no-repeat;
|
|
|
- float: right;
|
|
|
-}
|
|
|
-.popup_heading .icon
|
|
|
-{
|
|
|
- vertical-align: middle;
|
|
|
- margin: -4px 4px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for the progress bar
|
|
|
--------------------------------------------------- */
|
|
|
-.progress_bar {
|
|
|
- height: 15pt;
|
|
|
- border: 1px solid black;
|
|
|
- background-color: white;
|
|
|
- padding: 3px;
|
|
|
- width: 80%;
|
|
|
- margin: 0 auto;
|
|
|
- position: relative;
|
|
|
- border-radius: 5px;
|
|
|
- box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
|
|
|
-}
|
|
|
-.progress_bar div.full_bar {
|
|
|
- padding-top: 1pt;
|
|
|
- width: 100%;
|
|
|
- color: black;
|
|
|
- position: absolute;
|
|
|
- text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- border-radius: 3px;
|
|
|
- z-index: 2;
|
|
|
-}
|
|
|
-.progress_bar div.green_percent {
|
|
|
- height: 15pt;
|
|
|
- background-color: #c1ffc1;
|
|
|
- background-image: -webkit-linear-gradient(top, #c1ffc1, green);
|
|
|
- background-image: -moz-linear-gradient(top, #c1ffc1, green);
|
|
|
- background-image: -ms-linear-gradient(top, #c1ffc1, green);
|
|
|
- background-image: -o-linear-gradient(top, #c1ffc1, green);
|
|
|
- background-image: linear-gradient(top, #c1ffc1, green);
|
|
|
- border-radius: 3px;
|
|
|
- z-index: 1;
|
|
|
-}
|
|
|
-.progress_bar div.blue_percent {
|
|
|
- height: 15pt;
|
|
|
- background-color: #98b8f4;
|
|
|
- background-image: -webkit-linear-gradient(top, #98b8f4, blue);
|
|
|
- background-image: -moz-linear-gradient(top, #98b8f4, blue);
|
|
|
- background-image: -ms-linear-gradient(top, #98b8f4, blue);
|
|
|
- background-image: -o-linear-gradient(top, #98b8f4, blue);
|
|
|
- background-image: linear-gradient(top, #98b8f4, blue);
|
|
|
- border-radius: 3px;
|
|
|
- z-index: 1;
|
|
|
-}
|
|
|
-
|
|
|
-/* Experimental additions. */
|
|
|
-/*-------------------------*/
|
|
|
-
|
|
|
-/* Drop the stats cell from the board index on narrow screens. */
|
|
|
-/* Much more user-friendly IMHO. */
|
|
|
-
|
|
|
-@media screen and (max-width: 1220px) {
|
|
|
- .table_list td.stats {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .table_list td.lastpost p {
|
|
|
- border-left: 2px solid #fff;
|
|
|
- padding: 1px 5px 2px 10px;
|
|
|
- margin-top: 1px;
|
|
|
- }
|
|
|
-
|
|
|
- .table_grid tbody tr td {
|
|
|
- background: /*#e7eaef*/ #e8eff5;
|
|
|
- }
|
|
|
- .table_grid tbody tr:nth-child(even) td {
|
|
|
- background: /*#f0f4f7*/ #eaf1f4;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-/* Re-style the old board index with CSS tweaks only. */
|
|
|
-
|
|
|
-.table_list {
|
|
|
- border-collapse: collapse;
|
|
|
- margin: 0 2px;
|
|
|
-}
|
|
|
-.table_list .header td {
|
|
|
- border-bottom: 1px solid #ddd;
|
|
|
-}
|
|
|
-
|
|
|
-/* Firefox seems to like this. Maybe only call for FF. */
|
|
|
-.table_list .cat_bar {
|
|
|
- margin: 0 0 0 -1px;
|
|
|
-}
|
|
|
-
|
|
|
-.table_list td.icon, .table_list td.info, .table_list td.stats, .table_list td.lastpost {
|
|
|
- border-top: 2px solid #fff;
|
|
|
- height: 4.5em;
|
|
|
-}
|
|
|
-.table_list td.icon {
|
|
|
- min-width: 50px;
|
|
|
- /*Top aligned is much nicer for the icon. */
|
|
|
- vertical-align: top;
|
|
|
- padding-top: 7px;
|
|
|
- background: none;
|
|
|
-}
|
|
|
-.table_list td.info {
|
|
|
- padding-left: 1px;
|
|
|
-}
|
|
|
-.table_list td.stats {
|
|
|
- padding-top: 6px;
|
|
|
- background: none;
|
|
|
-}
|
|
|
-.table_list td.stats p {
|
|
|
- border-left: 2px solid #fff;
|
|
|
- border-right: 2px solid #fff;
|
|
|
-}
|
|
|
-.table_list tbody.content td.lastpost {
|
|
|
- font-size: 0.9em;
|
|
|
- min-width: 27em;
|
|
|
-}
|
|
|
-.table_list tbody.content td.lastpost p {
|
|
|
- font-size: 1em;
|
|
|
- line-height: 1.5em;
|
|
|
- padding-top: 3px;
|
|
|
-}
|
|
|
-.table_list td.children {
|
|
|
- background: none;
|
|
|
- padding: 0 0 0 0;
|
|
|
- border-top: 2px solid #fff;
|
|
|
-
|
|
|
-}
|
|
|
-.table_list td.children p {
|
|
|
- padding: 3px 4px 2px 1px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Clean up the fieldset styling. WTF was that shit? */
|
|
|
-.content fieldset {
|
|
|
- border: double #ccc;
|
|
|
-}
|
|
|
-fieldset legend {
|
|
|
- box-shadow: none;
|
|
|
- border: none;
|
|
|
-}
|
|
|
+/* Styles for the general looks for the Curve theme.
|
|
|
+------------------------------------------------------- */
|
|
|
+
|
|
|
+/* Normal, standard links. */
|
|
|
+a:link, a:visited {
|
|
|
+ color: #346;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+a:hover {
|
|
|
+ text-decoration: underline;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+/* Links that open in a new window. */
|
|
|
+a.new_win:link, a.new_win:visited {
|
|
|
+ color: #346;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+a.new_win:hover {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+/* Set a fontsize that will look the same in all browsers. */
|
|
|
+body {
|
|
|
+ background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
|
|
|
+ font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
|
|
|
+ /* use dark grey for the text. */
|
|
|
+ color: #222;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 15px 0;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+/* Help popups require a different styling of the body element. */
|
|
|
+/* Deprecated? */
|
|
|
+body#help_popup {
|
|
|
+ padding: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+/* use dark grey for the text.
|
|
|
+body, td, th, tr {
|
|
|
+ color: #222;
|
|
|
+} */
|
|
|
+
|
|
|
+/* This division wraps the entire forum when a forum width is set. */
|
|
|
+#wrapper {
|
|
|
+ margin: 0 auto;
|
|
|
+ min-width: 764px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Tables should show empty cells. */
|
|
|
+table {
|
|
|
+ empty-cells: show;
|
|
|
+}
|
|
|
+
|
|
|
+/* Makes sense to default most elements to zero padding and margin. */
|
|
|
+/* <p> is a possible exception for margins. Must test that one a bit. */
|
|
|
+/* Box sizing for the masses. Very handy for stabilising fluid layouts. */
|
|
|
+div, p, ul, ol, li, dl, dd ,dt, fieldset, form {
|
|
|
+ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Set list-style to none by default. Best in most places.*/
|
|
|
+ul, ol, li {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* I think the reset class can be deprecated. */
|
|
|
+/* Must test interitance thoroughly to be sure. */
|
|
|
+/* A quick reset list class. */
|
|
|
+ul.reset, ul.reset li {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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_link - covers links to make them look like a submit button
|
|
|
+ .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
|
|
|
+*/
|
|
|
+/* Thought it made sense to declare box-sizing here too. */
|
|
|
+input, button, select, textarea, textarea.editor {
|
|
|
+ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ outline: none !important;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-radius: 3px;
|
|
|
+ box-shadow: 0 2px 5px rgba(0,0,0,0.05) inset;
|
|
|
+ padding: 3px;
|
|
|
+ font: 95%/115% verdana, Helvetica, sans-serif;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+/* The font size of textareas should be just a little bit larger. */
|
|
|
+textarea {
|
|
|
+ font: 100%/130% verdana, Helvetica, sans-serif;
|
|
|
+}
|
|
|
+
|
|
|
+/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
|
|
|
+#frmLogin input.button_submit, #guest_form input.button_submit, #calendar_navigation input.button_submit {
|
|
|
+ float: none;
|
|
|
+ margin-left: inherit;
|
|
|
+}
|
|
|
+.button_submit, .button_reset, .button_link {
|
|
|
+ background: #cde7ff url(../images/theme/submit_bg.png) no-repeat;
|
|
|
+ border: 1px solid #aaa;
|
|
|
+ cursor: pointer;
|
|
|
+ font-weight: normal;
|
|
|
+ margin-left: 12px;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+.button_link {
|
|
|
+ padding: 4px 5px 4px 4px;
|
|
|
+ font: 95%/115% verdana, Helvetica, sans-serif;
|
|
|
+ float: right;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
+a.button_link {
|
|
|
+
|
|
|
+ color: #333;
|
|
|
+ margin: 0 !important;
|
|
|
+}
|
|
|
+input:hover, textarea:hover, button:hover, select:hover {
|
|
|
+ outline: none !important;
|
|
|
+ border: 1px solid #999;
|
|
|
+}
|
|
|
+textarea:hover, textarea.editor:hover {
|
|
|
+ background: #fbfbfb;
|
|
|
+}
|
|
|
+.button_submit:hover, .button_reset:hover, .button_link:hover {
|
|
|
+ border: 1px solid #aaa;
|
|
|
+ background: #dceeff url(../images/theme/submit_bg.png) no-repeat 0 -140px;
|
|
|
+}
|
|
|
+.button_link:hover {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+input:focus, textarea:focus, button:focus, select:focus, textarea.editor:focus {
|
|
|
+ outline:none !important;
|
|
|
+ border: 1px solid #999;
|
|
|
+ box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
|
|
|
+}
|
|
|
+select option {
|
|
|
+ padding: 0em 4px 0 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* the new "button" */
|
|
|
+a.new_posts, span.new_posts {
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 1.12px;
|
|
|
+ border-radius: 2px;
|
|
|
+ background: orange;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+span.new_posts {
|
|
|
+ display: inline;
|
|
|
+ margin: 0 5px 0 -2px;
|
|
|
+ padding: 0 4px 1px 4px;
|
|
|
+ font-size: 9px;
|
|
|
+ box-shadow: 1px 2px 2px rgba(0,0,0,0.1), 0 -2px 4px rgba(0,0,0,0.1) inset;
|
|
|
+}
|
|
|
+a span.new_posts:hover {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+h3.catbg input.input_check {
|
|
|
+ margin: 0 7px 0 7px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Give disabled text input elements a different background color. */
|
|
|
+input[disabled].input_text {
|
|
|
+ background: #eee;
|
|
|
+}
|
|
|
+
|
|
|
+/* Standard horizontal rule.. ([hr], etc.) */
|
|
|
+hr {
|
|
|
+ height: 1px;
|
|
|
+ border: 0;
|
|
|
+ color: #ccc;
|
|
|
+ background-color: #ccc;
|
|
|
+}
|
|
|
+hr.hrcolor {
|
|
|
+ height: 1px;
|
|
|
+ border: none;
|
|
|
+ color: #ccc;
|
|
|
+ background-color: #ccc;
|
|
|
+}
|
|
|
+
|
|
|
+/* Set the color on these tags. */
|
|
|
+h1, h2, h3, h4, h5, h6 {
|
|
|
+ color: #222;
|
|
|
+ font-size: 1em;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+h3, h4 {
|
|
|
+ padding-bottom: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Fieldsets are used to group elements. */
|
|
|
+fieldset {
|
|
|
+ padding: 18px;
|
|
|
+ margin: 0 0 6px 0;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
+fieldset legend {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #555;
|
|
|
+}
|
|
|
+
|
|
|
+/* Define strong as bold, and em as italics */
|
|
|
+strong {
|
|
|
+ font-weight: bold;
|
|
|
+ /* Having bold slightly lighter balances apparent darkness. */
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+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;
|
|
|
+}
|
|
|
+.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: 8px;
|
|
|
+}
|
|
|
+.main_section, .lower_padding {
|
|
|
+ padding-bottom: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Some BBC related styles.
|
|
|
+------------------------------------------------------- */
|
|
|
+
|
|
|
+/* A quote, perhaps from another post. */
|
|
|
+.bbc_standard_quote, .bbc_alternate_quote {
|
|
|
+ font-size: 0.9em;
|
|
|
+ color: #222;
|
|
|
+ background: url(../images/theme/quote.png) 1px 1px no-repeat;
|
|
|
+ border-top: 2px solid #99A;
|
|
|
+ border-bottom: 2px solid #99A;
|
|
|
+ padding: 10px 18px;
|
|
|
+ margin: 1px 0 6px 0;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+/* Alterate blockquote stylings */
|
|
|
+.bbc_standard_quote {
|
|
|
+ background-color: #d7daec;
|
|
|
+}
|
|
|
+.bbc_alternate_quote {
|
|
|
+ background-color: #e7eafc;
|
|
|
+}
|
|
|
+
|
|
|
+/* A code block - maybe PHP ;). */
|
|
|
+.bbc_code {
|
|
|
+ display: block;
|
|
|
+ font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
|
|
|
+ font-size: 0.9em;
|
|
|
+ background: #eef;
|
|
|
+ border-top: 2px solid #999;
|
|
|
+ border-bottom: 2px solid #999;
|
|
|
+ margin: 1px 0 6px 0;
|
|
|
+ padding: 3px 12px;
|
|
|
+ overflow: auto;
|
|
|
+ white-space: nowrap;
|
|
|
+ /* Show a scrollbar after about 6 lines. */
|
|
|
+ /* This is much better than the old max-height css. */
|
|
|
+ height: 10em;
|
|
|
+ resize: vertical;
|
|
|
+}
|
|
|
+
|
|
|
+/* The "Quote:" and "Code:" header parts... */
|
|
|
+.codeheader, .quoteheader {
|
|
|
+ color: #666;
|
|
|
+ font-size: 0.9em;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 0 2px;
|
|
|
+}
|
|
|
+
|
|
|
+/* For links to change the code stuff... */
|
|
|
+.codeoperation {
|
|
|
+ font-weight: normal;
|
|
|
+}
|
|
|
+
|
|
|
+/* Let's get a bit more flexibility in font sizes for quotes and code. */
|
|
|
+/* We just need to stop em compounding when elements are nested. */
|
|
|
+.bbc_standard_quote .bbc_alternate_quote, .bbc_alternate_quote .bbc_standard_quote,
|
|
|
+.bbc_standard_quote .bbc_code, .bbc_alternate_quote .bbc_code, .bbc_standard_quote .codeheader,
|
|
|
+.bbc_alternate_quote .codeheader, .bbc_standard_quote .quoteheader, .bbc_alternate_quote .quoteheader {
|
|
|
+ font-size: 1em;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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;
|
|
|
+}
|
|
|
+.bbc_table {
|
|
|
+ font: inherit;
|
|
|
+ color: inherit;
|
|
|
+}
|
|
|
+.bbc_table td {
|
|
|
+ font: inherit;
|
|
|
+ color: inherit;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+.bbc_u {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+.bbc_list {
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+.bbc_tt {
|
|
|
+ font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
|
|
|
+}
|
|
|
+
|
|
|
+/* No image should have a border when linked. */
|
|
|
+a img {
|
|
|
+ border: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Generally, those [?] icons. This makes your cursor a help icon. */
|
|
|
+.help {
|
|
|
+ cursor: help;
|
|
|
+}
|
|
|
+.help .icon {
|
|
|
+ margin: 0;
|
|
|
+ cursor: help;
|
|
|
+ /*line-height: 2.5em;*/
|
|
|
+ opacity: 0.8;
|
|
|
+}
|
|
|
+.help .icon:hover {
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+/* /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: #D1E1EF;
|
|
|
+ color: #111 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* Generic, mostly color-related, classes.
|
|
|
+------------------------------------------------------- */
|
|
|
+
|
|
|
+.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
|
|
|
+ color: #444;
|
|
|
+ font-family: arial, helvetica, sans-serif;
|
|
|
+ font-size: 1.1em;
|
|
|
+ font-weight: bold;
|
|
|
+ background: #c5cfd9 url(../images/theme/bars.png) 0 -340px repeat-x;
|
|
|
+}
|
|
|
+.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
|
|
|
+ color: #fff;
|
|
|
+ font-family: arial, helvetica, sans-serif;
|
|
|
+ font-size: 1.1em;
|
|
|
+ font-weight: bold;
|
|
|
+ background: #99abbf url(../images/theme/bars.png) 0 -170px repeat-x;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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: #444;
|
|
|
+}
|
|
|
+tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.catbg select {
|
|
|
+ height: 2em;
|
|
|
+ font-size: 0.85em;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Alternating backgrounds for posts, and several other sections of the forum. */
|
|
|
+.windowbg, #preview_body {
|
|
|
+ color: #111;
|
|
|
+ background: #e7eaef;
|
|
|
+}
|
|
|
+.windowbg2 {
|
|
|
+ color: #111;
|
|
|
+ background: #f0f4f7;
|
|
|
+}
|
|
|
+.windowbg3 {
|
|
|
+ color: #111;
|
|
|
+ background: #cacdd3;
|
|
|
+}
|
|
|
+
|
|
|
+/* General code for generic divs. Should make them behave. */
|
|
|
+div.windowbg, div.windowbg2 {
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: auto;
|
|
|
+ padding: 10px 0;
|
|
|
+ margin-top: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+/* the page navigation area */
|
|
|
+.pagesection {
|
|
|
+ font-size: 0.9em;
|
|
|
+ padding: 2px;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-bottom: 1px;
|
|
|
+}
|
|
|
+div.pagesection div.floatright input, div.pagesection div.floatright select {
|
|
|
+ margin-top: 3px;
|
|
|
+}
|
|
|
+.pagelinks {
|
|
|
+ padding: 8px 0 5px 0;
|
|
|
+}
|
|
|
+.navPages span {
|
|
|
+ text-transform: uppercase;
|
|
|
+}
|
|
|
+
|
|
|
+/* Colors for background of posts requiring approval */
|
|
|
+.approvebg {
|
|
|
+ color: #111;
|
|
|
+ background: #ffeaea;
|
|
|
+}
|
|
|
+.approvebg2 {
|
|
|
+ color: #111;
|
|
|
+ background: #fff2f2;
|
|
|
+}
|
|
|
+
|
|
|
+/* Color for background of *topics* requiring approval */
|
|
|
+.approvetbg {
|
|
|
+ color: #111;
|
|
|
+ background: #e4a17c;
|
|
|
+}
|
|
|
+.approvetbg2 {
|
|
|
+ color: #111;
|
|
|
+ background: #f3bd9f;
|
|
|
+}
|
|
|
+
|
|
|
+/* Sticky topics get a different background */
|
|
|
+.stickybg {
|
|
|
+ background: #e8d8cf;
|
|
|
+}
|
|
|
+.stickybg2 {
|
|
|
+ background: #f2e3d9;
|
|
|
+}
|
|
|
+
|
|
|
+/* Plain locked topics just get the icon. */
|
|
|
+/* Nobody wants them to stand out much. */
|
|
|
+.lockedbg {
|
|
|
+ background: #e7eaef;
|
|
|
+}
|
|
|
+.lockedbg2 {
|
|
|
+ background: #f0f4f7;
|
|
|
+}
|
|
|
+
|
|
|
+/* Posts and personal messages displayed throughout the forum. */
|
|
|
+.post, .personalmessage {
|
|
|
+ overflow: auto;
|
|
|
+ line-height: 1.4em;
|
|
|
+ padding: 1px 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: 12px 0 3px 0;
|
|
|
+ border-top: 1px solid #aaa;
|
|
|
+ line-height: 1.4em;
|
|
|
+ font-size: 0.85em;
|
|
|
+}
|
|
|
+.custom_fields_above_signature {
|
|
|
+ width: 98%;
|
|
|
+ clear: right;
|
|
|
+ padding: 12px 0 3px 0;
|
|
|
+ border-top: 1px solid #aaa;
|
|
|
+ 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: red;
|
|
|
+}
|
|
|
+
|
|
|
+.warn_moderate {
|
|
|
+ color: #ffa500;
|
|
|
+}
|
|
|
+
|
|
|
+.warn_watch, .success {
|
|
|
+ color: green;
|
|
|
+}
|
|
|
+
|
|
|
+a.moderation_link, a.moderation_link:visited {
|
|
|
+ color: red;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.openid_login {
|
|
|
+ background: white url(../images/openid.png) no-repeat;
|
|
|
+ padding-left: 18px;
|
|
|
+}
|
|
|
+
|
|
|
+/* a descriptive style */
|
|
|
+.description, .description_board, .plainbox {
|
|
|
+ padding: 6px 12px;
|
|
|
+ font-size: 0.9em;
|
|
|
+ line-height: 1.4em;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ background: #f5f5f0;
|
|
|
+ margin: 2px 1px 12px 1px;
|
|
|
+}
|
|
|
+.description_board {
|
|
|
+ margin: 12px 1px 0 1px;
|
|
|
+}
|
|
|
+
|
|
|
+/* an informative style */
|
|
|
+.information {
|
|
|
+ padding: 6px 12px;
|
|
|
+ font-size: 0.9em;
|
|
|
+ line-height: 1.3em;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ background: #f0f6f0;
|
|
|
+ margin: 2px 1px 12px 1px;
|
|
|
+}
|
|
|
+.information p {
|
|
|
+ padding: 12px;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+p.para2 {
|
|
|
+ padding: 12px 0 44px 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;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+/* help icons */
|
|
|
+dl.settings dt a img {
|
|
|
+ position: relative;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for rounded headers.
|
|
|
+------------------------------------------------------- */
|
|
|
+h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 1.2em;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 1.5em;
|
|
|
+ padding: 8px;
|
|
|
+}
|
|
|
+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: #fff;
|
|
|
+}
|
|
|
+h3.catbg2 a, h3.catbg2 {
|
|
|
+ color: #feb;
|
|
|
+}
|
|
|
+h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover {
|
|
|
+ color: #fd9;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+h3.catbg2 a:hover {
|
|
|
+ color: #fff;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
|
|
|
+ color: #444;
|
|
|
+}
|
|
|
+h3.titlebg a:hover, h4.titlebg a:hover {
|
|
|
+ color: #000838;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+h3.catbg img.icon {
|
|
|
+ vertical-align: middle;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
+}
|
|
|
+h4.catbg a.toggle img {
|
|
|
+ vertical-align: middle;
|
|
|
+ margin: 0 5px 0 5px;
|
|
|
+}
|
|
|
+h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+h4.titlebg, h3.titlebg {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+h4.titlebg img.icon {
|
|
|
+ float: left;
|
|
|
+ margin: 0 8px 0 0;
|
|
|
+}
|
|
|
+div.cat_bar {
|
|
|
+ background: #99abbf url(../images/theme/bars.png) 0 -170px repeat-x;
|
|
|
+ margin-bottom: 1px;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+div.title_bar {
|
|
|
+ background: #c5cfd9 url(../images/theme/bars.png) 0 -340px repeat-x;
|
|
|
+ margin-bottom: 1px;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Info center title bars are a bit different. */
|
|
|
+div.title_barIC {
|
|
|
+ background: #dde3e9 url(../images/theme/bars.png) 0 0 repeat-x;
|
|
|
+ margin-bottom: 1px;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+div.title_barIC h4.titlebg {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* Upshrinks in cat and title bars. */
|
|
|
+#upshrinkHeaderIC p.pminfo {
|
|
|
+ margin: 0;
|
|
|
+ padding: 6px;
|
|
|
+}
|
|
|
+img#upshrink_ic, img#newsupshrink, img.panel_toggle, img#quickReplyExpand {
|
|
|
+ float: right;
|
|
|
+ margin: 0;
|
|
|
+ padding: 4px 4px 0 4px;
|
|
|
+}
|
|
|
+table.table_list a.unreadlink, table.table_list a.collapse {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+table.table_list a.collapse {
|
|
|
+ padding: 4px 4px 0 8px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Basic icons in cat and title bars. */
|
|
|
+#upshrinkHeaderIC h4.titlebg a img{
|
|
|
+ margin: 0;
|
|
|
+ padding: 2px 6px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* The half-round header bars for some tables. */
|
|
|
+.table_grid tr.catbg, .table_grid tr.titlebg {
|
|
|
+ font-size: 1.05em;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+.table_grid tr.catbg th, .table_grid tr.titlebg th {
|
|
|
+ line-height: 1.6em;
|
|
|
+ padding: 6px 4px;
|
|
|
+}
|
|
|
+tr.catbg th.first_th {
|
|
|
+ background: #99abbf url(../images/theme/bars.png) 0 -170px repeat-x;
|
|
|
+ border-radius: 5px 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Cheat this on a bit to match the cells below it. */
|
|
|
+tr.catbg th.last_th {
|
|
|
+ background: #99abbf url(../images/theme/bars.png) 0 -170px repeat-x;
|
|
|
+ border-right: 1px solid #fff;
|
|
|
+ border-radius: 0 6px 0 0;
|
|
|
+}
|
|
|
+tr.titlebg th.first_th {
|
|
|
+ background: #c5cfd9 url(../images/theme/bars.png) 0 -340px repeat-x;
|
|
|
+ border-radius: 5px 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* And cheat this on a bit too. */
|
|
|
+tr.titlebg th.last_th {
|
|
|
+ background: #c5cfd9 url(../images/theme/bars.png) 0 -340px repeat-x;
|
|
|
+ border-radius: 0 5px 0 0;
|
|
|
+}
|
|
|
+.table_grid th.last_th input {
|
|
|
+ margin: 0 2px;
|
|
|
+}
|
|
|
+.table_grid th.lefttext {
|
|
|
+ padding: 0 8px;
|
|
|
+}
|
|
|
+
|
|
|
+/* a general table class */
|
|
|
+table.table_grid {
|
|
|
+ border-collapse: collapse;
|
|
|
+ margin-top: 1px;
|
|
|
+}
|
|
|
+table.table_grid td {
|
|
|
+ padding: 3px;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+ border-right: 1px solid #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/* GenericList */
|
|
|
+.additional_row {
|
|
|
+ padding: 6px 0 6px 0;
|
|
|
+}
|
|
|
+table.table_grid thead tr.catbg th {
|
|
|
+ /*white-space: nowrap;*/
|
|
|
+}
|
|
|
+img.sort {
|
|
|
+ margin-bottom: -4px;
|
|
|
+ margin-left: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* table_grid styles for Profile > Show Permissions. */
|
|
|
+#permissions table.table_grid td {
|
|
|
+ padding: 5px 10px;
|
|
|
+ cursor: default;
|
|
|
+}
|
|
|
+
|
|
|
+.postbg {
|
|
|
+ border-left: 1px solid #7f7f7f;
|
|
|
+ border-right: 1px solid #7f7f7f;
|
|
|
+}
|
|
|
+
|
|
|
+/* Used for sections that need somewhat larger corners.
|
|
|
+----------------------------------------------------------- */
|
|
|
+.roundframe {
|
|
|
+ margin: 2px 0 0 0;
|
|
|
+ padding: 9px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ border: 1px solid #c5c5c5;
|
|
|
+ border-radius: 7px;
|
|
|
+}
|
|
|
+.roundframe dl, .roundframe dt, .roundframe p {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.roundframe p {
|
|
|
+ padding: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/* The main content area.
|
|
|
+------------------------------------------------------- */
|
|
|
+.content {
|
|
|
+ padding: 6px 15px;
|
|
|
+ margin: 0;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+.content p {
|
|
|
+ margin: 0 0 6px 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles used by the auto suggest control.
|
|
|
+------------------------------------------------------- */
|
|
|
+.auto_suggest_div {
|
|
|
+ position: absolute;
|
|
|
+ visibility: hidden;
|
|
|
+ border-radius: 3px;
|
|
|
+ outline: none !important;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+}
|
|
|
+.auto_suggest_item {
|
|
|
+ background: #ddd;
|
|
|
+ padding: 1px 4px;
|
|
|
+}
|
|
|
+.auto_suggest_item_hover {
|
|
|
+ background: #888;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #eee;
|
|
|
+ padding: 1px 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the standard dropdown menus.
|
|
|
+------------------------------------------------------- */
|
|
|
+#main_menu {
|
|
|
+ margin: 0 0 0 0;
|
|
|
+ padding: 8px 0 0 0;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.dropmenu {
|
|
|
+ margin: 0 0 0 0;
|
|
|
+ padding: 0 0 0 0;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+/* Level 1 button background. */
|
|
|
+.dropmenu li {
|
|
|
+ margin: 0 2px 0 2px;
|
|
|
+ padding: 0 0 5px 0;
|
|
|
+ float: left;
|
|
|
+ font-size: 1em;
|
|
|
+ line-height: 1.9em;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+/* Needed for new PM notifications. */
|
|
|
+.dropmenu li strong {
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+.dropmenu li a {
|
|
|
+ padding: 0 7px 0 7px;
|
|
|
+ margin: 0 0 0 0;
|
|
|
+ display: block;
|
|
|
+ border: 1px solid rgba(0,0,0,0);
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+/* Level 1 active button. */
|
|
|
+.dropmenu li a.active {
|
|
|
+ background: orange;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ border: 1px solid #f49a3a;
|
|
|
+ box-shadow: 0 5px 5px rgba(255,255,255,0.2) inset;
|
|
|
+ text-shadow: -1px -1px 0 rgba(0,0,0,0.20);
|
|
|
+}
|
|
|
+/* Level 1 hover effects. */
|
|
|
+.dropmenu li a:hover, .dropmenu li:hover a, .dropmenu li a:focus {
|
|
|
+ background: #597b9f;
|
|
|
+ border: 1px solid #4a6b8c;
|
|
|
+ color: #fff;
|
|
|
+ cursor: pointer;
|
|
|
+ text-decoration: none;
|
|
|
+ box-shadow: 0 4px 4px rgba(255,255,255,0.1) inset;
|
|
|
+}
|
|
|
+/* Level 1 active button. */
|
|
|
+.dropmenu li a.active:hover, .dropmenu li:hover a.active {
|
|
|
+ background: orange;
|
|
|
+ border: 1px solid #f49a3a;
|
|
|
+ color: #444;
|
|
|
+ box-shadow: 0 5px 5px rgba(255,255,255,0.2) inset;
|
|
|
+ text-shadow: none;
|
|
|
+}
|
|
|
+/* If we feel like styling the active state separately. */
|
|
|
+.dropmenu li a:active {}
|
|
|
+/* Levels 2 and 3 submenu wrapper. */
|
|
|
+.dropmenu li ul {
|
|
|
+ z-index: 90;
|
|
|
+ position: absolute;
|
|
|
+ top: 2.2em;
|
|
|
+ left: -9999px;
|
|
|
+ width: 17em;
|
|
|
+ padding: 5px 0 7px 0;
|
|
|
+ font-weight: normal;
|
|
|
+ background: #fff url(../images/theme/bars.png) 0 -580px repeat-x;
|
|
|
+ border: solid 1px #999;
|
|
|
+ border-left: solid 1px #bbb;
|
|
|
+ border-top: solid 1px #ccc;
|
|
|
+ border-radius: 2px 7px 0 4px;
|
|
|
+ box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
|
|
|
+}
|
|
|
+/* Level 2 link background. */
|
|
|
+.dropmenu li li {
|
|
|
+ margin: 0 0 0 0;
|
|
|
+ padding: 0 0 0 0;
|
|
|
+ position: relative;
|
|
|
+ overflow: visible;
|
|
|
+ border-top: 1px solid rgba(0,0,0,0);
|
|
|
+ border-bottom: 1px solid rgba(0,0,0,0);
|
|
|
+ float: none;
|
|
|
+}
|
|
|
+.dropmenu li li a {
|
|
|
+ font-size: 0.9em;
|
|
|
+ line-height: 2.4em;
|
|
|
+}
|
|
|
+.dropmenu li li a img {
|
|
|
+ vertical-align: middle;
|
|
|
+ padding: 0 2px 0 0;
|
|
|
+}
|
|
|
+/* Note: The next two declarations are for keyboard access with js disabled. */
|
|
|
+.dropmenu ul a:focus {
|
|
|
+ margin-left: 9999px;
|
|
|
+ min-width: 16em;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 0 0 0 0;
|
|
|
+}
|
|
|
+.dropmenu ul ul a:focus {
|
|
|
+ margin-left: 19950px;
|
|
|
+}
|
|
|
+.dropmenu li:hover li a, .dropmenu li.sfhover li a {
|
|
|
+ margin: 0 0 0 0;
|
|
|
+ padding: 0 5px 0 9px;
|
|
|
+ display: block;
|
|
|
+ border: none;
|
|
|
+ border-radius: 0;
|
|
|
+ /* Necessary to allow highlighting of 1st level while hovering over submenu. */
|
|
|
+ background: none;
|
|
|
+ color: #346;
|
|
|
+ box-shadow: none;
|
|
|
+}
|
|
|
+/* Level 3 submenu wrapper positioning. */
|
|
|
+.dropmenu li ul ul, .dropmenu li.sfhover ul ul {
|
|
|
+ margin: -2.3em 0 0 16.3em;
|
|
|
+}
|
|
|
+/* Level 3 maintains font-size the same as Level 2. */
|
|
|
+.dropmenu li li li a {
|
|
|
+
|
|
|
+}
|
|
|
+/* Levels 2 and 3 hover effects. */
|
|
|
+.dropmenu li li:hover, .dropmenu li li:hover>a, .dropmenu li li a:focus, .dropmenu li li.subsections a:focus {
|
|
|
+ background: none;
|
|
|
+ color: #333;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+.dropmenu li li:hover {
|
|
|
+ border-top: 1px solid #d4dee6;
|
|
|
+ border-bottom: 1px solid #cbdae6;
|
|
|
+ background: #e3e9ef url(../images/theme/lower_section.png) 0 0 repeat-x;
|
|
|
+}
|
|
|
+/* Reposition Level 2 submenu as visible on hover. */
|
|
|
+.dropmenu li:hover ul, .dropmenu li.sfhover ul {
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+/* Hiding Level 3 submenu off hover. */
|
|
|
+.dropmenu li:hover ul ul, .dropmenu li.sfhover ul ul, .dropmenu li:hover ul ul ul, .dropmenu li.sfhover ul ul ul {
|
|
|
+ left: -9999px;
|
|
|
+}
|
|
|
+/* Reposition as visible on hover. */
|
|
|
+.dropmenu li li:hover ul, .dropmenu li li.sfhover ul {
|
|
|
+ left: -8px;
|
|
|
+}
|
|
|
+/* Indicator for additonal levels. Best in the anchor so it stays visible on hover. */
|
|
|
+.dropmenu li li.subsections a {
|
|
|
+ background: url(../images/admin/subsection.png) no-repeat 99% 40%;
|
|
|
+}
|
|
|
+/* For no-js background. */
|
|
|
+.dropmenu li li.subsections a:focus {
|
|
|
+ background: #fff url(../images/admin/subsection.png) no-repeat 99% 40%;
|
|
|
+}
|
|
|
+/* Stops inheritance of indicator icon if there is no fourth level. */
|
|
|
+.dropmenu li li.subsections li a {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+.dropmenu li li.subsections li a:focus {
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+/* Highlighting of current section */
|
|
|
+.dropmenu li li a.chosen {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+/* The dropdown menu toggle image */
|
|
|
+#menu_toggle, .adm_section h4 img {
|
|
|
+ float: right;
|
|
|
+ margin: 2px;
|
|
|
+ padding: 5px 9px 2px 9px;
|
|
|
+ background: #e3e9ef url(../images/theme/lower_section.png) 0 100% repeat-x;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ border-bottom: 1px solid #aaa;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+.adm_section h4 img {
|
|
|
+ margin: 0 1px;
|
|
|
+ padding: 3px 7px 0 7px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+}
|
|
|
+#menu_toggle:hover, .adm_section h4 img:hover {
|
|
|
+ background: #fff url(../images/theme/lower_section.png) 0 30% repeat-x;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the standard button lists.
|
|
|
+------------------------------------------------------- */
|
|
|
+
|
|
|
+.buttonlist ul {
|
|
|
+ z-index: 100;
|
|
|
+ padding: 5px;
|
|
|
+ margin: 0 2px 5px 0;
|
|
|
+}
|
|
|
+.buttonlist ul li {
|
|
|
+ margin: 0 0 0 12px;
|
|
|
+ padding: 0;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.buttonlist ul li a {
|
|
|
+ display: block;
|
|
|
+ font-size: 0.8em;
|
|
|
+ color: #222;
|
|
|
+ background: #e8e8e8;
|
|
|
+ border-radius: 4px;
|
|
|
+ text-transform: uppercase;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.buttonlist ul li a:hover {
|
|
|
+ background: #ff9400;
|
|
|
+ color: #fff;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+.buttonlist ul li a span {
|
|
|
+ display: block;
|
|
|
+ height: 2.2em;
|
|
|
+ line-height: 2.2em;
|
|
|
+ padding: 0 8px;
|
|
|
+}
|
|
|
+/* the active one */
|
|
|
+.buttonlist ul li a.active {
|
|
|
+ background: #5a6c85;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+.buttonlist ul li a.active:hover {
|
|
|
+ background: #ff9400;
|
|
|
+}
|
|
|
+.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: 12px 5px;
|
|
|
+}
|
|
|
+ul#navigation li {
|
|
|
+ float: none;
|
|
|
+ font-size: 0.95em;
|
|
|
+ display: inline;
|
|
|
+}
|
|
|
+
|
|
|
+#adm_submenus {
|
|
|
+ padding-left: 25px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the general looks for the Curve theme.
|
|
|
+------------------------------------------------------- */
|
|
|
+
|
|
|
+/* the framing graphics */
|
|
|
+#header {
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #b8b8b8;
|
|
|
+ border-bottom: none;
|
|
|
+ border-radius: 8px 8px 0 0;
|
|
|
+ padding: 2px 2px 0 2px;
|
|
|
+}
|
|
|
+#header .frame {
|
|
|
+ background: url(../images/theme/bars.png) 0 -510px repeat-x;
|
|
|
+ border-radius: 6px 6px 0 0;
|
|
|
+ display: block;
|
|
|
+ padding: 0 0 0 0;
|
|
|
+}
|
|
|
+/* clearing the floats */
|
|
|
+#top_section {
|
|
|
+ min-height: 50px;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0 15px;
|
|
|
+}
|
|
|
+#upper_wrap {
|
|
|
+ background: url(../images/theme/upper_section.png) 0 0 repeat-x;
|
|
|
+ border-radius: 6px 6px 0 0;
|
|
|
+ padding: 4px 10px 0 10px;
|
|
|
+ margin: 0 6px 0 6px;
|
|
|
+}
|
|
|
+#upper_section {
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 12px 2px 0 2px;
|
|
|
+ margin: 0 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* the main title, always stay at 45 pixels in height! */
|
|
|
+h1.forumtitle {
|
|
|
+ font-size: 1.8em;
|
|
|
+ font-family: Geneva, verdana, sans-serif;
|
|
|
+ line-height: 1.2em;
|
|
|
+ margin: 0;
|
|
|
+ padding: 12px 0;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+/* float these items to the right */
|
|
|
+#siteslogan, img#smflogo {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ float: right;
|
|
|
+ line-height: 50px; font-size: 1.8em;
|
|
|
+}
|
|
|
+
|
|
|
+/* the upshrink image needs some tweaking */
|
|
|
+img#upshrink {
|
|
|
+ float: right;
|
|
|
+ margin: 16px 4px 0px 8px;
|
|
|
+}
|
|
|
+
|
|
|
+/* ..so does the SMF logo */
|
|
|
+img#smflogo {
|
|
|
+ margin: 6px 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* the upper_section, float the two each way */
|
|
|
+#upper_section .user {
|
|
|
+ width: 50%;
|
|
|
+ float: left;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+#guest_form {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+#guest_form .info {
|
|
|
+ padding: 4px 0 ;
|
|
|
+ line-height: 1.3em;
|
|
|
+}
|
|
|
+#upper_section .user p {
|
|
|
+ float: left;
|
|
|
+ margin: 0 12px 12px 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+#upper_section .user ul {
|
|
|
+ margin: 0;
|
|
|
+ padding-left: 10px;
|
|
|
+ font-size: 0.9em;
|
|
|
+}
|
|
|
+#upper_section .user ul li {
|
|
|
+ margin-bottom: 2px;
|
|
|
+}
|
|
|
+#upper_section ul li.greeting {
|
|
|
+ font-size: 1.3em;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 1.5em;
|
|
|
+}
|
|
|
+#upper_section .news {
|
|
|
+ width: 50%;
|
|
|
+ float: right;
|
|
|
+ text-align: right;
|
|
|
+ font-size: 0.9em;
|
|
|
+ padding: 0 5px 0 0;
|
|
|
+}
|
|
|
+#upper_section .news p {
|
|
|
+ display: inline;
|
|
|
+}
|
|
|
+#upper_section .news form {
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
+#upper_section .news form .input_text {
|
|
|
+ padding: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* the content section */
|
|
|
+#content_section {
|
|
|
+ background: #fff;
|
|
|
+ padding: 1px 16px;
|
|
|
+ border-left: 1px solid #b8b8b8;
|
|
|
+ border-right: 1px solid #b8b8b8;
|
|
|
+}
|
|
|
+#main_content_section {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 200px;
|
|
|
+}
|
|
|
+
|
|
|
+/* The navigation list (i.e. linktree) */
|
|
|
+.navigate_section {
|
|
|
+ padding: 3px;
|
|
|
+ margin: 0 -3px 0 0;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+#main_content_section .navigate_section {
|
|
|
+ margin: 0 0 0 0;
|
|
|
+}
|
|
|
+.navigate_section ul {
|
|
|
+ margin: 0 0 0 0;
|
|
|
+ font-size: 0.9em;
|
|
|
+ padding: 6px 0 0 0;
|
|
|
+ border-top: 1px solid #ccc;
|
|
|
+ overflow: hidden;
|
|
|
+ clear: both;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.navigate_section ul li {
|
|
|
+ float: left;
|
|
|
+ padding: 4px 6px 4px 0;
|
|
|
+ font-size: 0.95em;
|
|
|
+}
|
|
|
+.navigate_section ul li a {
|
|
|
+ white-space: pre;
|
|
|
+}
|
|
|
+
|
|
|
+/* "Unread posts" and "New replies" links, accessible with header collapsed. */
|
|
|
+.navigate_section .unread_links {
|
|
|
+ float: right;
|
|
|
+ padding: 4px 0 4px 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* This markup gives the looks of the Curve theme without huge images. */
|
|
|
+/* The new "Go Down" target is here. Any added content will display globally. */
|
|
|
+#lower_section {
|
|
|
+ padding: 0 5px 14px 5px;
|
|
|
+ background: #fff url(../images/theme/lower_section.png) 0 100% repeat-x;
|
|
|
+ border: 1px solid #b8b8b8;
|
|
|
+ border-top: none;
|
|
|
+ border-radius: 0 0 8px 8px;
|
|
|
+}
|
|
|
+#lower_section .frame {
|
|
|
+ padding: 0;
|
|
|
+ background: #fff;
|
|
|
+ min-height: 30px;
|
|
|
+ border: none;
|
|
|
+ border-radius: 0 0 8px 8px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Footer is now full-width by default. Frame inside it will match theme wrapper width automatically. */
|
|
|
+/* The footer wih copyright links etc. */
|
|
|
+#footer_section {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+/* min-width should be equal to #wrapper min-width. */
|
|
|
+#footer_section div.frame {
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 15px 5px;
|
|
|
+ min-width: 764px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+#footer_section ul li, #footer_section p {
|
|
|
+ font-size: 0.8em;
|
|
|
+}
|
|
|
+#footer_section ul li {
|
|
|
+ display: inline;
|
|
|
+ padding-right: 5px;
|
|
|
+}
|
|
|
+#footer_section ul li.copyright {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+/* Globally accessible "go up" link. */
|
|
|
+#footer_uplink {
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto 7px auto;
|
|
|
+ width: 25px;
|
|
|
+}
|
|
|
+#footer_uplink img{
|
|
|
+ padding: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* [WIP] Why were these placed here? Find a more sensible spot for them. */
|
|
|
+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 .cat_bar {
|
|
|
+ border-radius: 5px 5px 0 0;
|
|
|
+}
|
|
|
+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: 24%;
|
|
|
+}
|
|
|
+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: #d97b33;/**/ color: #f56d00;
|
|
|
+}
|
|
|
+.table_list tbody.content td.children {
|
|
|
+ color: #555;
|
|
|
+ font-size: 85%;
|
|
|
+}
|
|
|
+p.moderators {
|
|
|
+ font-size: 0.8em;
|
|
|
+ font-family: verdana, sans-serif;
|
|
|
+}
|
|
|
+/* 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 12px 6px 12px;
|
|
|
+ margin: 0 0 12px 0;
|
|
|
+ line-height: 12px;
|
|
|
+}
|
|
|
+#posting_icons ul {
|
|
|
+ font-size: 0.8em;
|
|
|
+}
|
|
|
+#posting_icons img {
|
|
|
+ vertical-align: middle;
|
|
|
+ margin: 0 0 0 12px;
|
|
|
+}
|
|
|
+#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 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/* the newsfader */
|
|
|
+#newsfader {
|
|
|
+ margin: 0 2px;
|
|
|
+ /*clear: both; /* Necessary? Check it. */
|
|
|
+}
|
|
|
+#smfFadeScroller {
|
|
|
+ text-align: center;
|
|
|
+ padding: 0 25px;
|
|
|
+ overflow: auto;
|
|
|
+ margin: 12px 0;
|
|
|
+ color: #444444; /* shouldn't be shorthand style due to a JS bug in IE! */
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the info center on the board index.
|
|
|
+---------------------------------------------------- */
|
|
|
+#info_center {
|
|
|
+ clear: both;
|
|
|
+ margin: 0 2px;
|
|
|
+}
|
|
|
+#upshrinkHeaderIC {
|
|
|
+ margin-top: 4px;
|
|
|
+}
|
|
|
+dl#ic_recentposts {
|
|
|
+ margin: 0 0 6px 0;
|
|
|
+ padding: 6px;
|
|
|
+ font-size: 0.9em;
|
|
|
+ line-height: 1.6em;
|
|
|
+}
|
|
|
+dl#ic_recentposts dt {
|
|
|
+ float: left;
|
|
|
+ border-bottom: 1px solid #f2f2f2;
|
|
|
+}
|
|
|
+dl#ic_recentposts dd {
|
|
|
+ text-align: right;
|
|
|
+ border-bottom: 1px solid #f2f2f2;
|
|
|
+}
|
|
|
+#upshrinkHeaderIC p.inline {
|
|
|
+ border: none;
|
|
|
+ margin: 0 0 0 0;
|
|
|
+ padding: 2px 6px;
|
|
|
+ font-size: 0.9em;
|
|
|
+}
|
|
|
+#upshrinkHeaderIC p.inline span {
|
|
|
+ margin: 0;
|
|
|
+ padding: 4px 0 0 0;
|
|
|
+}
|
|
|
+#upshrinkHeaderIC span.membergroups {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+#upshrinkHeaderIC p.last {
|
|
|
+ margin: 2px 0 0 0;
|
|
|
+ padding: 4px 6px 0 6px;
|
|
|
+ border-top: 2px dotted #bbb;
|
|
|
+ font-size: 0.9em;
|
|
|
+}
|
|
|
+/* the small stats */
|
|
|
+#index_common_stats {
|
|
|
+ margin: -4px 8px 6px 8px;
|
|
|
+ padding: 4px 0 0 0;
|
|
|
+ font-size: 0.9em;
|
|
|
+ border-top: 1px solid #ccc;
|
|
|
+}
|
|
|
+
|
|
|
+img.new_posts {
|
|
|
+ padding: 0 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.fix_rtl_names {
|
|
|
+ display:inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the message (topic) index.
|
|
|
+---------------------------------------------------- */
|
|
|
+div.table_frame .table_list {
|
|
|
+ border-collapse: collapse;
|
|
|
+ margin: 2px 0;
|
|
|
+}
|
|
|
+#messageindex {
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+/* the page navigation area */
|
|
|
+.childboards {
|
|
|
+ margin-bottom: 2px;
|
|
|
+}
|
|
|
+#childboards h3 {
|
|
|
+ padding-bottom: 0;
|
|
|
+}
|
|
|
+#childboards .table_list thead {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+#childboards .table_list {
|
|
|
+ margin-bottom: 12px;
|
|
|
+}
|
|
|
+.lastpost img {
|
|
|
+ float: right;
|
|
|
+ padding: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the display template (topic view).
|
|
|
+---------------------------------------------------- */
|
|
|
+
|
|
|
+#postbuttons div.buttons {
|
|
|
+ padding: 6px;
|
|
|
+ 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: 12px;
|
|
|
+}
|
|
|
+#moderationbuttons {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+/* Events */
|
|
|
+.linked_events {
|
|
|
+ padding: 12px 0;
|
|
|
+}
|
|
|
+.edit_event {
|
|
|
+ margin: 0 10px;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+/* Poll question */
|
|
|
+#poll {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+#poll .content {
|
|
|
+ padding: 0 12px;
|
|
|
+}
|
|
|
+h4#pollquestion {
|
|
|
+ padding: 0 0 6px 25px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Poll vote options */
|
|
|
+#poll_options ul.options {
|
|
|
+ border-top: 1px solid #9999aa;
|
|
|
+ padding: 12px 30px 0 25px;
|
|
|
+ margin: 0 0 12px 0;
|
|
|
+}
|
|
|
+#poll_options div.submitbutton {
|
|
|
+ border-bottom: 1px solid #9999aa;
|
|
|
+ clear: both;
|
|
|
+ padding: 0 0 12px 25px;
|
|
|
+ margin: 0 0 12px 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Poll results */
|
|
|
+#poll_options dl.options {
|
|
|
+ border: solid #9999aa;
|
|
|
+ border-width: 1px 0;
|
|
|
+ padding: 12px 0 12px 25px;
|
|
|
+ margin: 0 0 12px 0;
|
|
|
+ line-height: 1.1em !important;
|
|
|
+}
|
|
|
+#poll_options dl.options dt {
|
|
|
+ padding: 4px 0;
|
|
|
+ width: 30%;
|
|
|
+ max-width: 30em;
|
|
|
+ float: left;
|
|
|
+ margin: 0;
|
|
|
+ clear: left;
|
|
|
+}
|
|
|
+#poll_options dl.options .voted {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+#poll_options dl.options dd {
|
|
|
+ margin: 0 0 0 15px;
|
|
|
+ padding: 1px 0 0 0;
|
|
|
+ width: 60%;
|
|
|
+ max-width: 45em;
|
|
|
+ float: left;
|
|
|
+ margin: 0 0 4px 0;
|
|
|
+ padding: 0 4px 0 0;
|
|
|
+ line-height: 1.1em;
|
|
|
+ min-height: 1.1em;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #aaa;
|
|
|
+ border-radius: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+#poll_options dl.options .percentage {
|
|
|
+ display: block;
|
|
|
+ float: right;
|
|
|
+ padding: 2px 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Poll notices */
|
|
|
+#poll_options p {
|
|
|
+ margin: 0 18px 2px 18px;
|
|
|
+ padding: 0 6px 6px 6px;
|
|
|
+}
|
|
|
+
|
|
|
+div#pollmoderation {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+#poll_options .submitbutton {
|
|
|
+ float: right;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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: 0 6px 0 0;
|
|
|
+}
|
|
|
+#forumposts h3.catbg {
|
|
|
+ margin-bottom: 3px;
|
|
|
+}
|
|
|
+p#whoisviewing {
|
|
|
+ margin: 0;
|
|
|
+ padding: 6px;
|
|
|
+}
|
|
|
+/* poster and postarea + moderation area underneath */
|
|
|
+.post_wrapper {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.poster {
|
|
|
+ float: left;
|
|
|
+ width: 15em;
|
|
|
+ word-wrap: break-word;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.postarea, .moderatorbar {
|
|
|
+ margin: 0 0 0 16em;
|
|
|
+}
|
|
|
+.postarea div.flow_hidden {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.poster img {
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.moderatorbar {
|
|
|
+ clear: right;
|
|
|
+}
|
|
|
+/* poster details and list of items */
|
|
|
+.poster h4, .poster ul {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0 12px 0 18px;
|
|
|
+}
|
|
|
+.poster h4 {
|
|
|
+ margin: 2px 0 5px 12px;
|
|
|
+ font-size: 120%;
|
|
|
+}
|
|
|
+.poster h4, .poster h4 a {
|
|
|
+ color: #c06002;
|
|
|
+}
|
|
|
+.poster ul ul {
|
|
|
+ margin: 4px 12px 0 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.poster ul ul li {
|
|
|
+ display: inline;
|
|
|
+}
|
|
|
+.poster li.icons, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul {
|
|
|
+ margin-top: 6px;
|
|
|
+}
|
|
|
+.poster li.avatar {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.poster li.warning {
|
|
|
+ line-height: 1.2em;
|
|
|
+ padding-top: 12px;
|
|
|
+}
|
|
|
+.poster li.warning a img {
|
|
|
+ vertical-align: bottom;
|
|
|
+ padding: 0 2px;
|
|
|
+}
|
|
|
+.messageicon {
|
|
|
+ float: left;
|
|
|
+ margin: 0 6px 0 0;
|
|
|
+}
|
|
|
+.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 arial, sans-serif;
|
|
|
+ color: #334466;
|
|
|
+}
|
|
|
+
|
|
|
+/* The quick buttons */
|
|
|
+div.quickbuttons_wrap {
|
|
|
+ padding: 2px 0;
|
|
|
+ width: 100%;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+ul.quickbuttons {
|
|
|
+ margin: 11px 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 a.quote_button {
|
|
|
+ background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
|
|
|
+}
|
|
|
+ul.quickbuttons li a.remove_button {
|
|
|
+ background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
|
|
|
+}
|
|
|
+ul.quickbuttons li a.modify_button {
|
|
|
+ background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
|
|
|
+}
|
|
|
+ul.quickbuttons li a.approve_button {
|
|
|
+ background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
|
|
|
+}
|
|
|
+ul.quickbuttons li a.restore_button {
|
|
|
+ background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
|
|
|
+}
|
|
|
+ul.quickbuttons li a.split_button {
|
|
|
+ background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
|
|
|
+}
|
|
|
+ul.quickbuttons li a.reply_button {
|
|
|
+ background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
|
|
|
+}
|
|
|
+ul.quickbuttons li a.reply_all_button {
|
|
|
+ background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
|
|
|
+}
|
|
|
+ul.quickbuttons li a.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: 6px;
|
|
|
+ clear: right;
|
|
|
+}
|
|
|
+.inner {
|
|
|
+ padding: 12px 12px 2px 0;
|
|
|
+ margin: 0 12px 0 0;
|
|
|
+ border-top: 1px solid #99a;
|
|
|
+}
|
|
|
+img.smiley {
|
|
|
+ vertical-align: bottom;
|
|
|
+}
|
|
|
+#forumposts .modified {
|
|
|
+ float: left;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+#forumposts .reportlinks {
|
|
|
+ margin-right: 18px;
|
|
|
+ text-align: right;
|
|
|
+ clear: right;
|
|
|
+}
|
|
|
+#forumposts .signature, .post .signature {
|
|
|
+ margin: 12px 0 0 0;
|
|
|
+}
|
|
|
+#forumposts span.botslice {
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+.attachments hr {
|
|
|
+ clear: both;
|
|
|
+ margin: 12px 0 12px 0;
|
|
|
+}
|
|
|
+.attachments {
|
|
|
+ padding: 12px 0 25px 0;
|
|
|
+}
|
|
|
+.attachments div {
|
|
|
+ padding: 0 6px;
|
|
|
+}
|
|
|
+.attachments_top {
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.attachments_bot {
|
|
|
+ font-size: 0.85em;
|
|
|
+ font-family: verdana, sans-serif;
|
|
|
+ color: #222;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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%;
|
|
|
+}
|
|
|
+/* 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: 6px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+#post_header dt, .postbox dt {
|
|
|
+ float: left;
|
|
|
+ padding: 0;
|
|
|
+ width: 15%;
|
|
|
+ margin: 6px 0 0 0;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+#post_header dd, .postbox dd {
|
|
|
+ float: left;
|
|
|
+ padding: 0;
|
|
|
+ width: 83%;
|
|
|
+ margin: 4px 0;
|
|
|
+}
|
|
|
+#post_header img {
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+ul.post_options {
|
|
|
+ margin: 0 0 0 12px;
|
|
|
+ padding: 0;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+ul.post_options li {
|
|
|
+ margin: 2px 0;
|
|
|
+ width: 49%;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+#postAdditionalOptionsHeader {
|
|
|
+ margin-top: 12px;
|
|
|
+}
|
|
|
+#postMoreOptions {
|
|
|
+ border-bottom: 1px solid #cacdd3;
|
|
|
+ padding: 6px;
|
|
|
+}
|
|
|
+#postAttachment, #postAttachment2 {
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 6px 0;
|
|
|
+ padding: 0;
|
|
|
+ padding: 6px;
|
|
|
+}
|
|
|
+#postAttachment dd, #postAttachment2 dd {
|
|
|
+ margin: 4px 0 4px 12px;
|
|
|
+}
|
|
|
+#postAttachment dt, #postAttachment2 dt {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+#postAttachment3 {
|
|
|
+ margin-left: 12px;
|
|
|
+}
|
|
|
+#post_confirm_strip, #shortcuts {
|
|
|
+ padding: 12px 0 0 0;
|
|
|
+}
|
|
|
+.post_verification {
|
|
|
+ margin-top: 6px;
|
|
|
+}
|
|
|
+.post_verification #verification_control {
|
|
|
+ margin: 4px 0 4px 12px;
|
|
|
+}
|
|
|
+/* The BBC buttons */
|
|
|
+#bbcBox_message {
|
|
|
+ margin: 10px 6px;
|
|
|
+}
|
|
|
+#bbcBox_message div {
|
|
|
+ margin: 2px 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: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for edit event section
|
|
|
+---------------------------------------------------- */
|
|
|
+#post_event .roundframe {
|
|
|
+ padding: 12px 12%;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+#post_event fieldset {
|
|
|
+ padding: 6px;
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+#post_event #event_main input {
|
|
|
+ margin: 0 0 12px 0;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+#post_event #event_main div.smalltext {
|
|
|
+ width: 34.6em;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+#post_event div.event_options {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+#post_event .event_main, .event_options {
|
|
|
+ padding: 0;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+#post_event ul.event_main li {
|
|
|
+ list-style-type: none;
|
|
|
+ margin: 2px 0;
|
|
|
+ width: 49%;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+#post_event ul.event_options {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0 0 8px 8px;
|
|
|
+}
|
|
|
+#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 12px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for edit poll section.
|
|
|
+---------------------------------------------------- */
|
|
|
+
|
|
|
+#edit_poll {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+#edit_poll fieldset {
|
|
|
+ padding: 6px;
|
|
|
+ clear: both;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+#edit_poll fieldset input {
|
|
|
+ margin-left: 8.1em;
|
|
|
+}
|
|
|
+#edit_poll ul.poll_main li {
|
|
|
+ padding-left: 12px;
|
|
|
+}
|
|
|
+#edit_poll ul.poll_main input {
|
|
|
+ margin-left: 12px;
|
|
|
+}
|
|
|
+#edit_poll ul.poll_main, dl.poll_options {
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 0 0 8px 8px;
|
|
|
+}
|
|
|
+#edit_poll ul.poll_main li {
|
|
|
+ margin: 2px 0;
|
|
|
+}
|
|
|
+#edit_poll dl.poll_options dt {
|
|
|
+ width: 33%;
|
|
|
+ padding: 0 0 0 12px;
|
|
|
+}
|
|
|
+#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: 12px;
|
|
|
+ width: 60%;
|
|
|
+}
|
|
|
+#readbuttons .pagelinks {
|
|
|
+ padding-top: 12px;
|
|
|
+}
|
|
|
+#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: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the send topic section.
|
|
|
+---------------------------------------------------- */
|
|
|
+
|
|
|
+fieldset.send_topic {
|
|
|
+ border: none;
|
|
|
+ padding: 6px;
|
|
|
+}
|
|
|
+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 6px;
|
|
|
+}
|
|
|
+ul.split_messages div.post {
|
|
|
+ padding: 12px 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: 6px 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 5px 0;
|
|
|
+ width: 44%;
|
|
|
+ padding: 1px;
|
|
|
+}
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+/* Additional register fields */
|
|
|
+dl.register_form {
|
|
|
+ margin: 0;
|
|
|
+ clear: right;
|
|
|
+}
|
|
|
+dl.register_form dt {
|
|
|
+ font-weight: normal;
|
|
|
+ float: left;
|
|
|
+ clear: both;
|
|
|
+ width: 50%;
|
|
|
+ margin: 6px 0 0 0;
|
|
|
+}
|
|
|
+dl.register_form dt span {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+dl.register_form dd {
|
|
|
+ float: left;
|
|
|
+ width: 49%;
|
|
|
+ margin: 6px 0 0 0;
|
|
|
+}
|
|
|
+#confirm_buttons {
|
|
|
+ text-align: center;
|
|
|
+ padding: 12px 0;
|
|
|
+}
|
|
|
+.coppa_contact {
|
|
|
+ padding: 4px;
|
|
|
+ width: 32ex;
|
|
|
+ background: #fff;
|
|
|
+ color: #222;
|
|
|
+ margin-left: 5ex;
|
|
|
+ border: 1px solid #222;
|
|
|
+}
|
|
|
+.valid_input {
|
|
|
+ background: #f5fff0;
|
|
|
+}
|
|
|
+.invalid_input {
|
|
|
+ background: #fff0f0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for maintenance mode.
|
|
|
+------------------------------------------------------- */
|
|
|
+#maintenance_mode {
|
|
|
+ width: 75%;
|
|
|
+ min-width: 520px;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+#maintenance_mode img.floatleft {
|
|
|
+ margin-right: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+/* common for all admin sections */
|
|
|
+h3.titlebg img {
|
|
|
+ vertical-align: middle;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
+}
|
|
|
+tr.titlebg td {
|
|
|
+ padding-left: 8px;
|
|
|
+}
|
|
|
+#admin_menu {
|
|
|
+ min-height: 2em;
|
|
|
+ padding-left: 0;
|
|
|
+}
|
|
|
+#admin_content {
|
|
|
+ clear: left;
|
|
|
+ padding-top: 6px;
|
|
|
+}
|
|
|
+/* Custom profile fields like to play with us some times. */
|
|
|
+#admin_content .custom_field {
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
+#admin_login .centertext {
|
|
|
+ padding: 12px;
|
|
|
+}
|
|
|
+#admin_login .centertext .error {
|
|
|
+ padding: 0 0 12px 0;
|
|
|
+}
|
|
|
+#admin_login .centertext a.help img {
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for sidebar menus.
|
|
|
+------------------------------------------------------- */
|
|
|
+.left_admmenu, .left_admmenu ul, .left_admmenu li {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+#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 6px;
|
|
|
+}
|
|
|
+.left_admmenu {
|
|
|
+ margin-bottom: 6px;
|
|
|
+}
|
|
|
+#main_admsection {
|
|
|
+ position: relative;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
|
|
|
+ padding: 4px 8px;
|
|
|
+}
|
|
|
+#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: 12px 0 0 0;
|
|
|
+}
|
|
|
+#topic_icons .description {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.topic_table table thead {
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+}
|
|
|
+/* 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;
|
|
|
+}
|
|
|
+
|
|
|
+/* Sticky topics get a different background */
|
|
|
+.topic_table td.stickybg {
|
|
|
+ background: #e8d8cf url(../images/icons/quick_sticky.png) no-repeat 98% 4px;
|
|
|
+}
|
|
|
+.topic_table td.stickybg2 {
|
|
|
+ background: #f2e3d9 url(../images/icons/quick_sticky.png) no-repeat 98% 4px;
|
|
|
+}
|
|
|
+.topic_table td.locked_sticky, .topic_table td.stickybglockedbg {
|
|
|
+ background: #e8d8cf url(../images/icons/quick_sticky_lock.png) no-repeat 98% 4px;
|
|
|
+}
|
|
|
+.topic_table td.locked_sticky2, .topic_table td.stickybglockedbg2 {
|
|
|
+ background: #f2e3d9 url(../images/icons/quick_sticky_lock.png) no-repeat 98% 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Plain locked topics just get the icon. */
|
|
|
+/* Nobody wants them to stand out much. */
|
|
|
+.topic_table td.lockedbg {
|
|
|
+ background: #e7eaef url(../images/icons/quick_lock.png) no-repeat 98% 4px;
|
|
|
+}
|
|
|
+.topic_table td.lockedbg2 {
|
|
|
+ background: #f0f4f7 url(../images/icons/quick_lock.png) no-repeat 98% 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Stop those damned icons popping up in every table cell! */
|
|
|
+.topic_table td.icon1, .topic_table td.icon2, .topic_table td.stats,
|
|
|
+.topic_table td.lastpost, .topic_table td.moderation {
|
|
|
+ background-image: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for (fatal) errors.
|
|
|
+------------------------------------------------- */
|
|
|
+
|
|
|
+#fatal_error {
|
|
|
+ width: 80%;
|
|
|
+ margin: auto;
|
|
|
+}
|
|
|
+.errorbox {
|
|
|
+ background: #fee url(../images/warning_mute.png) 10px 50% no-repeat;
|
|
|
+ text-align: left;
|
|
|
+ border-top: 2px solid #c34;
|
|
|
+ border-bottom: 2px solid #c34;
|
|
|
+ padding: 7px 10px 7px 35px;
|
|
|
+ margin-bottom: 12px;
|
|
|
+}
|
|
|
+.errorbox h3 {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ font-size: 1.1em;
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+.errorbox p {
|
|
|
+ margin: 12px 0 0 0;
|
|
|
+}
|
|
|
+.errorbox p.alert {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ float: left;
|
|
|
+ width: 12px;
|
|
|
+ font-size: 1.5em;
|
|
|
+}
|
|
|
+.errorbox span {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for info boxes
|
|
|
+------------------------------------------------- */
|
|
|
+
|
|
|
+.noticebox {
|
|
|
+ color: #666;
|
|
|
+ background: #fff6ca url(../images/warning_moderate.png) 10px 50% no-repeat;
|
|
|
+ text-align: left;
|
|
|
+ border-top: 1px solid #ffd324;
|
|
|
+ border-bottom: 1px solid #ffd324;
|
|
|
+ padding: 7px 10px 7px 35px;
|
|
|
+ margin-bottom: 12px;
|
|
|
+}
|
|
|
+.infobox {
|
|
|
+ color: #111;
|
|
|
+ background: #efe url(../images/icons/field_valid.png) 10px 50% no-repeat;
|
|
|
+ text-align: left;
|
|
|
+ border-top: 1px solid green;
|
|
|
+ border-bottom: 1px solid green;
|
|
|
+ padding: 7px 10px 7px 35px;
|
|
|
+ margin-bottom: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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: 79.5%;
|
|
|
+ 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 0 18px 0;
|
|
|
+ padding: 0 0 15px 0;
|
|
|
+ border-bottom: 1px #ccc solid;
|
|
|
+}
|
|
|
+#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 #ccc solid;
|
|
|
+}
|
|
|
+.signature h5 {
|
|
|
+ font-size: 0.85em;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+#personal_picture {
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 4px;
|
|
|
+}
|
|
|
+#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;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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;
|
|
|
+}
|
|
|
+.activity_stats li {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ width: 4.16%;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.activity_stats li span {
|
|
|
+ display: block;
|
|
|
+ border: solid #222;
|
|
|
+ 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: #6294CE;
|
|
|
+}
|
|
|
+.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: url(../images/stats_pie.png);
|
|
|
+ float: left;
|
|
|
+ height: 20px;
|
|
|
+ width: 20px;
|
|
|
+ margin: 0 12px 0 0;
|
|
|
+ padding: 0;
|
|
|
+ text-indent: -1000em;
|
|
|
+}
|
|
|
+
|
|
|
+/* View posts */
|
|
|
+.topic .time {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.counter {
|
|
|
+ margin: 0 0 0 0;
|
|
|
+ padding: 2px 6px 1px 2px;
|
|
|
+ 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 12px;
|
|
|
+ min-height: 80px;
|
|
|
+ height: auto !important;
|
|
|
+ height: 80px;
|
|
|
+}
|
|
|
+
|
|
|
+.topic .mod_icons {
|
|
|
+ text-align: right;
|
|
|
+ margin-right: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+#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;
|
|
|
+}
|
|
|
+img.centericon {
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+.ignoreboards {
|
|
|
+ margin: 0 2%;
|
|
|
+ padding: 0;
|
|
|
+ width: 90%;
|
|
|
+}
|
|
|
+.ignoreboards a {
|
|
|
+ font-weight: bold;
|
|
|
+ border-bottom: 1px solid #c4c4c4;
|
|
|
+ padding: 1px 0;
|
|
|
+}
|
|
|
+.ignoreboards a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+ border-bottom: 1px solid #334466;
|
|
|
+}
|
|
|
+.ignoreboards ul {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.ignoreboards li {
|
|
|
+ float: left;
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+.ignoreboards li.category {
|
|
|
+ margin: 8px 0 0 0;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.ignoreboards li ul {
|
|
|
+ margin: 2px 0 0 0;
|
|
|
+}
|
|
|
+.ignoreboards li.category ul li.board {
|
|
|
+ width: 93%;
|
|
|
+}
|
|
|
+
|
|
|
+#theme_settings {
|
|
|
+ overflow: auto;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+#theme_settings li {
|
|
|
+ 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: 6px 0;
|
|
|
+}
|
|
|
+#statistics div.title_bar {
|
|
|
+ margin: 4px 0 0 0;
|
|
|
+}
|
|
|
+#statistics .titlebg img {
|
|
|
+ margin: 3px 6px 0 3px;
|
|
|
+}
|
|
|
+#statistics .cat_bar {
|
|
|
+ margin: 4px 0 0 0;
|
|
|
+}
|
|
|
+#statistics h3.catbg {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+#statistics .flow_hidden {
|
|
|
+ background: #f0f4f7;
|
|
|
+ margin: 4px 0;
|
|
|
+ padding: 2px 6px;
|
|
|
+ border-radius: 7px;
|
|
|
+}
|
|
|
+#statistics div.windowbg2 {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+#stats_left, #top_posters, #top_topics_replies, #top_topics_starter {
|
|
|
+ float: left;
|
|
|
+ width: 50%;
|
|
|
+ padding: 0 3px 0 0;
|
|
|
+}
|
|
|
+#stats_right, #top_boards, #top_topics_views, #most_online {
|
|
|
+ float: right;
|
|
|
+ width: 50%;
|
|
|
+ padding: 0 0 0 3px;
|
|
|
+}
|
|
|
+#stats_left{
|
|
|
+ border-right: 2px solid #fff;
|
|
|
+}
|
|
|
+dl.stats {
|
|
|
+ clear: both;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+dl.stats dt {
|
|
|
+ width: 50%;
|
|
|
+ float: left;
|
|
|
+ margin: 0 0 4px 0;
|
|
|
+ padding: 0;
|
|
|
+ line-height: 1.5em;
|
|
|
+ clear: both;
|
|
|
+ font-size: 1em;
|
|
|
+}
|
|
|
+dl.stats dd {
|
|
|
+ text-align: right;
|
|
|
+ width: 50%;
|
|
|
+ font-size: 1em;
|
|
|
+ float: right;
|
|
|
+ margin: 0 0 4px 0;
|
|
|
+ padding: 0 4px 0 0;
|
|
|
+ line-height: 1.5em;
|
|
|
+ min-height: 1.5em;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #aaa;
|
|
|
+ border-radius: 2px;
|
|
|
+}
|
|
|
+.top_row dl.stats dd {
|
|
|
+ background: none; border: none;
|
|
|
+}
|
|
|
+.statsbar div.bar {
|
|
|
+ float: left;
|
|
|
+ background: orange;
|
|
|
+ border-right: 1px solid #999;
|
|
|
+ border-radius: 1px 0 0 1px;
|
|
|
+ box-shadow: 4px -4px 8px rgba(0,0,0,0.1) inset, 4px 4px 8px rgba(255,255,255,0.3) inset;
|
|
|
+ display: block;
|
|
|
+ margin: 0 4px 0 0;
|
|
|
+ height: 1.5em;
|
|
|
+}
|
|
|
+#stats {
|
|
|
+ margin: 4px 0;
|
|
|
+}
|
|
|
+#stats th.first_th {
|
|
|
+ padding-left: 8px;
|
|
|
+}
|
|
|
+#stats tr.windowbg2 th.lefttext {
|
|
|
+ border-left: 1px solid #fff;
|
|
|
+}
|
|
|
+#stats tr.windowbg2 th {
|
|
|
+ border-right: 1px solid #fff;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+}
|
|
|
+tr.windowbg2 th.stats_month {
|
|
|
+ width: 25%;
|
|
|
+ padding: 0 2em;
|
|
|
+ text-align: left;
|
|
|
+ border-left: 1px solid #fff;
|
|
|
+}
|
|
|
+tr.windowbg2 td.stats_day {
|
|
|
+ padding: 0 3.5em;
|
|
|
+ text-align: left;
|
|
|
+ border-left: 1px solid #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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 6px;
|
|
|
+}
|
|
|
+#personal_messages h3 span#topic_title {
|
|
|
+ margin: 0 0 0 9em;
|
|
|
+}
|
|
|
+#personal_messages div.labels {
|
|
|
+ padding: 0 12px 0 0;
|
|
|
+}
|
|
|
+#personal_messages .capacity_bar {
|
|
|
+ background: #f0f4f7;
|
|
|
+ display: block;
|
|
|
+ margin: 6px 0 0 12px;
|
|
|
+ height: 12px;
|
|
|
+ border: 1px solid #adadad;
|
|
|
+ width: 10em;
|
|
|
+}
|
|
|
+#personal_messages .capacity_bar span {
|
|
|
+ border-right: 1px solid #adadad;
|
|
|
+ display: block;
|
|
|
+ height: 12px;
|
|
|
+}
|
|
|
+#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: 6px 1.3em;
|
|
|
+}
|
|
|
+#searchLabelsExpand li {
|
|
|
+ padding: 4px 6px;
|
|
|
+}
|
|
|
+#manrules div.righttext {
|
|
|
+ padding: 4px 1px;
|
|
|
+}
|
|
|
+dl.addrules dt.floatleft {
|
|
|
+ width: 15em;
|
|
|
+ color: #333;
|
|
|
+ padding: 0 15px 6px 15px;
|
|
|
+}
|
|
|
+#addrule fieldset {
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+#to_item_list_container div, #bcc_item_list_container div {
|
|
|
+ float:left;
|
|
|
+ margin-right:10px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the calendar section.
|
|
|
+------------------------------------------------- */
|
|
|
+#calendar {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+/* Used to indicate the current day in the grid. */
|
|
|
+.calendar_today {
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ box-shadow: 0 2px 5px rgba(0,0,0,0.05) inset;
|
|
|
+}
|
|
|
+#month_grid {
|
|
|
+ padding: 0 15px 0 0;
|
|
|
+ width: 215px;
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+#month_grid div.cat_bar {
|
|
|
+ border-radius: 5px 5px 0 0;
|
|
|
+ margin: 0 1px 0 0;
|
|
|
+ padding: 0 0 0 0;
|
|
|
+}
|
|
|
+#month_grid h3 a {
|
|
|
+ padding: 0 6px 0 6px;
|
|
|
+}
|
|
|
+#month_grid table {
|
|
|
+ width: 200px;
|
|
|
+ margin-bottom: 12px;
|
|
|
+}
|
|
|
+#main_grid {
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+#main_grid table {
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 2px;
|
|
|
+ padding-bottom: 4px;
|
|
|
+}
|
|
|
+#main_grid .cat_bar {
|
|
|
+ border-radius: 5px 5px 0 0;
|
|
|
+ margin: 0 1px;
|
|
|
+}
|
|
|
+#main_grid h3.catbg {
|
|
|
+ padding: 8px 6px 4px 6px;
|
|
|
+}
|
|
|
+#main_grid h3.catbg span {
|
|
|
+ display: block;
|
|
|
+ font-size: 1.5em;
|
|
|
+ margin: -3px 4px 0 4px;
|
|
|
+}
|
|
|
+#main_grid table th.days {
|
|
|
+ width: 14%;
|
|
|
+ padding: 4px 0;
|
|
|
+}
|
|
|
+#main_grid table td.weeks {
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 1.8em;
|
|
|
+}
|
|
|
+#main_grid table td.weeks a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+#main_grid table td.days {
|
|
|
+ vertical-align: top;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+#main_grid h3.weekly {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 1.44em;
|
|
|
+}
|
|
|
+#main_grid ul.weeklist, #main_grid ul.weeklist li {
|
|
|
+ margin: 0 0 8px 0;
|
|
|
+ padding: 0;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+#main_grid ul.weeklist li {
|
|
|
+ margin: 0 1px 0 1px;
|
|
|
+ border-top: 2px solid #fff;
|
|
|
+}
|
|
|
+#main_grid .weeklist h4 {
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ width: 10em;
|
|
|
+ font-size: 1.2em;
|
|
|
+ padding: 15px 0;
|
|
|
+}
|
|
|
+#main_grid .weeklist h4 a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+ border-bottom: 1px solid #346;
|
|
|
+}
|
|
|
+/* Use the old one true layout trick here. */
|
|
|
+#main_grid .weeklist .windowbg2 {
|
|
|
+ margin: 0 0 -95px 12em;
|
|
|
+ padding: 8px 8px 100px 8px;
|
|
|
+ border-radius: 0;
|
|
|
+ border-left: 2px solid #fff;
|
|
|
+}
|
|
|
+#main_grid .weeklist .calendar_today {
|
|
|
+ margin: 0 0 -95px 12em;
|
|
|
+ padding: 8px 8px 100px 8px;
|
|
|
+ border: none;
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: none;
|
|
|
+}
|
|
|
+a.modify_event {
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+span.hidelink {
|
|
|
+ font-style: italic;
|
|
|
+}
|
|
|
+/* Add a background that fits with the calendar. */
|
|
|
+#calendar_navigation {
|
|
|
+ margin: -6px 1px 0 1px;
|
|
|
+ padding: 12px 0;
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ background: #e7eaef;
|
|
|
+}
|
|
|
+/* Cheat and match this to the submit button. */
|
|
|
+#main_grid .buttonlist {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 12px;
|
|
|
+ right: 12px;
|
|
|
+}
|
|
|
+#main_grid .buttonlist a {
|
|
|
+ background: #cde7ff url(../images/theme/submit_bg.png) no-repeat;
|
|
|
+ border: 1px solid #aaa;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
+#main_grid .buttonlist a:hover {
|
|
|
+ background: #dceeff url(../images/theme/submit_bg.png) no-repeat 0 -140px;
|
|
|
+ color: #111;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the memberlist section.
|
|
|
+------------------------------------------------- */
|
|
|
+#mlist_search {
|
|
|
+ margin: auto;
|
|
|
+ width: 500px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the basic search section.
|
|
|
+------------------------------------------------- */
|
|
|
+#searchform, #simple_search p {
|
|
|
+ padding: 6px;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+#simple_search, #simple_search p, #advanced_search {
|
|
|
+ text-align: center !important;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+#search_error {
|
|
|
+ font-style: italic;
|
|
|
+ padding: 4px 12px;
|
|
|
+}
|
|
|
+#search_term_input {
|
|
|
+ font-size: 115%;
|
|
|
+ margin: 0 0 12px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 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: 12px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+#advanced_search dt {
|
|
|
+ clear: both;
|
|
|
+ float: left;
|
|
|
+ padding: 2px;
|
|
|
+ text-align: right;
|
|
|
+ width: 20%;
|
|
|
+}
|
|
|
+#advanced_search dd {
|
|
|
+ width: 75%;
|
|
|
+ float: left;
|
|
|
+ padding: 2px;
|
|
|
+ margin: 0 0 0 6px;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+#searchform p.clear {
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the search results page.
|
|
|
+------------------------------------------------- */
|
|
|
+.topic_table td blockquote, .topic_table td .quoteheader {
|
|
|
+ margin: 6px;
|
|
|
+}
|
|
|
+.search_results_posts {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.search_results_posts .buttons {
|
|
|
+ padding: 5px 12px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the help section.
|
|
|
+------------------------------------------------- */
|
|
|
+
|
|
|
+#help_container {
|
|
|
+ margin: 0 0 0 0;
|
|
|
+ padding: 0 0 8px 0;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+#helpmain {
|
|
|
+ padding: 12px;
|
|
|
+}
|
|
|
+#helpmain p {
|
|
|
+ margin: 10px 0;
|
|
|
+ line-height: 1.5em;
|
|
|
+}
|
|
|
+#helpmain ul {
|
|
|
+ line-height: 2em;
|
|
|
+ margin: 0 0 0 25px;
|
|
|
+}
|
|
|
+#helpmain ul li{
|
|
|
+ list-style-type: disc;
|
|
|
+}
|
|
|
+#helpmain ul li a {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for print media.
|
|
|
+------------------------------------------------------- */
|
|
|
+@media print {
|
|
|
+ #headerarea
|
|
|
+ {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tborder
|
|
|
+ {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the tooltips
|
|
|
+------------------------------------------------------- */
|
|
|
+.tooltip {
|
|
|
+ position: absolute;
|
|
|
+ z-index: 999;
|
|
|
+ left: -9999px;
|
|
|
+ word-wrap: break-word;
|
|
|
+ max-width: 350px;
|
|
|
+ padding: 6px 9px;
|
|
|
+ color: #333;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #aaa;
|
|
|
+ border-radius: 4px 4px 4px 4px;
|
|
|
+ box-shadow: 1px 2px 4px rgba(0,0,0,0.2), 0 0px 10px rgba(0,0,0,0.05) inset;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for popup windows
|
|
|
+------------------------------------------------------- */
|
|
|
+.popup_container
|
|
|
+{
|
|
|
+ display: none;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: rgba(0,0,0,0.5);
|
|
|
+}
|
|
|
+.popup_window
|
|
|
+{
|
|
|
+ position: fixed;
|
|
|
+ width: 480px;
|
|
|
+ z-index: 99;
|
|
|
+ padding: 0;
|
|
|
+ box-shadow: 0 0 8px rgba(0,0,0,0.2);
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 5px;
|
|
|
+ max-height: none!important;
|
|
|
+ overflow: visible!important;
|
|
|
+}
|
|
|
+.popup_content, .popup_heading
|
|
|
+{
|
|
|
+ padding: 12px;
|
|
|
+ margin: 0;
|
|
|
+ border-radius: 5px 5px 0 0;
|
|
|
+}
|
|
|
+.popup_heading
|
|
|
+{
|
|
|
+ border-radius: 4px 4px 0 0;
|
|
|
+}
|
|
|
+.popup_content
|
|
|
+{
|
|
|
+ max-height: 20em;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.popup_heading .hide_popup
|
|
|
+{
|
|
|
+ display: inline-block;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ background: url(../images/buttons/delete.png) center center no-repeat;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+.popup_heading .icon
|
|
|
+{
|
|
|
+ vertical-align: middle;
|
|
|
+ margin: -4px 4px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Styles for the progress bar
|
|
|
+-------------------------------------------------- */
|
|
|
+.progress_bar {
|
|
|
+ height: 15pt;
|
|
|
+ border: 1px solid black;
|
|
|
+ background-color: white;
|
|
|
+ padding: 3px;
|
|
|
+ width: 80%;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ border-radius: 5px;
|
|
|
+ box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
|
|
|
+}
|
|
|
+.progress_bar div.full_bar {
|
|
|
+ padding-top: 1pt;
|
|
|
+ width: 100%;
|
|
|
+ color: black;
|
|
|
+ position: absolute;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ border-radius: 3px;
|
|
|
+ z-index: 2;
|
|
|
+}
|
|
|
+.progress_bar div.green_percent {
|
|
|
+ height: 15pt;
|
|
|
+ background-color: #c1ffc1;
|
|
|
+ background-image: -webkit-linear-gradient(top, #c1ffc1, green);
|
|
|
+ background-image: -moz-linear-gradient(top, #c1ffc1, green);
|
|
|
+ background-image: -ms-linear-gradient(top, #c1ffc1, green);
|
|
|
+ background-image: -o-linear-gradient(top, #c1ffc1, green);
|
|
|
+ background-image: linear-gradient(top, #c1ffc1, green);
|
|
|
+ border-radius: 3px;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+.progress_bar div.blue_percent {
|
|
|
+ height: 15pt;
|
|
|
+ background-color: #98b8f4;
|
|
|
+ background-image: -webkit-linear-gradient(top, #98b8f4, blue);
|
|
|
+ background-image: -moz-linear-gradient(top, #98b8f4, blue);
|
|
|
+ background-image: -ms-linear-gradient(top, #98b8f4, blue);
|
|
|
+ background-image: -o-linear-gradient(top, #98b8f4, blue);
|
|
|
+ background-image: linear-gradient(top, #98b8f4, blue);
|
|
|
+ border-radius: 3px;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+
|
|
|
+/* Experimental additions. */
|
|
|
+/*-------------------------*/
|
|
|
+
|
|
|
+/* Drop the stats cell from the board index on narrow screens. */
|
|
|
+/* Much more user-friendly IMHO. */
|
|
|
+
|
|
|
+@media screen and (max-width: 1220px) {
|
|
|
+ .table_list td.stats {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .table_list td.lastpost p {
|
|
|
+ border-left: 2px solid #fff;
|
|
|
+ padding: 1px 5px 2px 10px;
|
|
|
+ margin-top: 1px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_grid tbody tr td {
|
|
|
+ background: /*#e7eaef*/ #e8eff5;
|
|
|
+ }
|
|
|
+ .table_grid tbody tr:nth-child(even) td {
|
|
|
+ background: /*#f0f4f7*/ #eaf1f4;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* Re-style the old board index with CSS tweaks only. */
|
|
|
+
|
|
|
+.table_list {
|
|
|
+ border-collapse: collapse;
|
|
|
+ margin: 0 2px;
|
|
|
+}
|
|
|
+.table_list .header td {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+/* Firefox seems to like this. Maybe only call for FF. */
|
|
|
+.table_list .cat_bar {
|
|
|
+ margin: 0 0 0 -1px;
|
|
|
+}
|
|
|
+
|
|
|
+.table_list td.icon, .table_list td.info, .table_list td.stats, .table_list td.lastpost {
|
|
|
+ border-top: 2px solid #fff;
|
|
|
+ height: 4.5em;
|
|
|
+}
|
|
|
+.table_list td.icon {
|
|
|
+ min-width: 50px;
|
|
|
+ /*Top aligned is much nicer for the icon. */
|
|
|
+ vertical-align: top;
|
|
|
+ padding-top: 7px;
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+.table_list td.info {
|
|
|
+ padding-left: 1px;
|
|
|
+}
|
|
|
+.table_list td.stats {
|
|
|
+ padding-top: 6px;
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+.table_list td.stats p {
|
|
|
+ border-left: 2px solid #fff;
|
|
|
+ border-right: 2px solid #fff;
|
|
|
+}
|
|
|
+.table_list tbody.content td.lastpost {
|
|
|
+ font-size: 0.9em;
|
|
|
+ min-width: 27em;
|
|
|
+}
|
|
|
+.table_list tbody.content td.lastpost p {
|
|
|
+ font-size: 1em;
|
|
|
+ line-height: 1.5em;
|
|
|
+ padding-top: 3px;
|
|
|
+}
|
|
|
+.table_list td.children {
|
|
|
+ background: none;
|
|
|
+ padding: 0 0 0 0;
|
|
|
+ border-top: 2px solid #fff;
|
|
|
+
|
|
|
+}
|
|
|
+.table_list td.children p {
|
|
|
+ padding: 3px 4px 2px 1px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Clean up the fieldset styling. WTF was that shit? */
|
|
|
+.content fieldset {
|
|
|
+ border: double #ccc;
|
|
|
+}
|
|
|
+fieldset legend {
|
|
|
+ box-shadow: none;
|
|
|
+ border: none;
|
|
|
+}
|
emanuele