Chris@76: /************************************************************************************************** Chris@76: This file will *attempt* to make themes designed for older versions of SMF usable with SMF 2.0. Chris@76: Unfortunately, the end result will be far from perfect, in most cases. Therefore, we encourage Chris@76: theme designers to rebase their themes on either the default or core theme. Chris@76: **************************************************************************************************/ Chris@76: Chris@76: /* Styles for the general looks of things Chris@76: ------------------------------------------ */ Chris@76: Chris@76: /* Help popups require a different styling of the body element. */ Chris@76: body#help_popup Chris@76: { Chris@76: width: auto; Chris@76: padding: 1em; Chris@76: min-width: 0; Chris@76: } Chris@76: Chris@76: /* The main content area. Chris@76: ------------------------------------------------------- */ Chris@76: .content, .roundframe Chris@76: { Chris@76: padding: 0.5em 1.2em; Chris@76: margin: 0; Chris@76: border: 1px solid #adadad; Chris@76: color: #000; Chris@76: background-color: #ecedf3; Chris@76: } Chris@76: .content p, .roundframe p Chris@76: { Chris@76: margin: 0 0 0.5em 0; Chris@76: } Chris@76: .content fieldset Chris@76: { Chris@76: border: 2px groove #fff; Chris@76: padding: 1em; Chris@76: margin: 0 0 0.3em 0; Chris@76: } Chris@76: Chris@76: /* Reset header margins. */ Chris@76: h1, h2, h3, h4, h5, h6 Chris@76: { Chris@76: font-size: 1em; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: /* Alternative for u tag */ Chris@76: .underline Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: Chris@76: /* Common classes for easy styling. Chris@76: ------------------------------------------------------- */ Chris@76: Chris@76: .floatright Chris@76: { Chris@76: float: right; Chris@76: } Chris@76: .floatleft Chris@76: { Chris@76: float: left; Chris@76: } Chris@76: Chris@76: .flow_auto Chris@76: { Chris@76: overflow: auto; Chris@76: } Chris@76: .flow_hidden Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: .clear Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: .clear_left Chris@76: { Chris@76: clear: left; Chris@76: } Chris@76: .clear_right Chris@76: { Chris@76: clear: right; Chris@76: } Chris@76: Chris@76: /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ Chris@76: .smalltext, tr.smalltext th Chris@76: { Chris@76: font-size: 0.85em; Chris@76: font-family: verdana, sans-serif; Chris@76: } Chris@76: .middletext Chris@76: { Chris@76: font-size: 0.9em; Chris@76: font-family: verdana, sans-serif; Chris@76: } Chris@76: .normaltext Chris@76: { Chris@76: font-size: 1em; Chris@76: line-height: 1.2em; Chris@76: } Chris@76: .largetext Chris@76: { Chris@76: font-size: 1.4em; Chris@76: } Chris@76: .centertext Chris@76: { Chris@76: margin: 0 auto; Chris@76: text-align: center; Chris@76: } Chris@76: .righttext Chris@76: { Chris@76: margin-left: auto; Chris@76: margin-right: 0; Chris@76: text-align: right; Chris@76: } Chris@76: .lefttext Chris@76: { Chris@76: margin-left: 0; Chris@76: margin-right: auto; Chris@76: text-align: left; Chris@76: } Chris@76: /* some common padding styles */ Chris@76: .padding Chris@76: { Chris@76: padding: 0.7em; Chris@76: } Chris@76: .main_section, .lower_padding Chris@76: { Chris@76: padding-bottom: 0.5em; Chris@76: } Chris@76: /* a quick reset list class. */ Chris@76: ul.reset, ul.reset li Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: list-style: none; Chris@76: } Chris@76: Chris@76: /* the page navigation area */ Chris@76: .pagesection Chris@76: { Chris@76: font-size: 0.9em; Chris@76: padding: 0.5em; Chris@76: overflow: hidden; Chris@76: } Chris@76: .pagesection .pagelinks Chris@76: { Chris@76: padding: 0.5em 0; Chris@76: } Chris@76: Chris@76: /* GenericList */ Chris@76: table.table_grid thead tr.catbg th.smalltext Chris@76: { Chris@76: white-space: nowrap; Chris@76: } Chris@76: Chris@76: .custom_fields_above_signature Chris@76: { Chris@76: clear: right; Chris@76: padding: 1em 0 3px 0; Chris@76: width: 98%; Chris@76: border-top: 1px solid #666; Chris@76: line-height: 1.4em; Chris@76: font-size: 0.85em; Chris@76: } Chris@76: Chris@76: /* Semantic classes introduced per RC2, used as alternatives for .windowbg and .windowbg2 Chris@76: ------------------------------------------------------------------------------------------ */ Chris@76: .description Chris@76: { Chris@76: padding: 1em; Chris@76: font-size: 0.9em; Chris@76: line-height: 1.5em; Chris@76: border: 1px solid #bbb; Chris@76: background: #f5f5f0; Chris@76: margin: 0 0 1em 0; Chris@76: } Chris@76: .information Chris@76: { Chris@76: padding: 0.5em 1em; Chris@76: font-size: 0.9em; Chris@76: line-height: 1.5em; Chris@76: border: 1px solid #bbb; Chris@76: background: #f0f6f0; Chris@76: margin: 0 0 1em 0; Chris@76: } Chris@76: .information p Chris@76: { Chris@76: padding: 1em; Chris@76: margin: 0; Chris@76: } Chris@76: Chris@76: /* Lists with settings use these a lot. Chris@76: ------------------------------------------------------- */ Chris@76: dl.settings Chris@76: { Chris@76: clear: right; Chris@76: overflow: auto; Chris@76: margin: 0 0 10px 0; Chris@76: padding: 0; Chris@76: } Chris@76: dl.settings dt Chris@76: { Chris@76: width: 48%; Chris@76: float: left; Chris@76: margin: 0 0 10px 0; Chris@76: padding: 0; Chris@76: clear: both; Chris@76: } Chris@76: dl.settings dt.settings_title Chris@76: { Chris@76: width: 100%; Chris@76: float: none; Chris@76: margin: 0 0 10px 0; Chris@76: padding: 5px 0 0 0; Chris@76: font-weight: bold; Chris@76: clear: both; Chris@76: } Chris@76: dl.settings dt.windowbg Chris@76: { Chris@76: width: 98%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0 0 5px 0; Chris@76: clear: both; Chris@76: } Chris@76: dl.settings dd Chris@76: { Chris@76: width: 48%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: } Chris@76: dl.settings img Chris@76: { Chris@76: margin: 0 10px 0 0; Chris@76: } Chris@76: Chris@76: /* Styles for a very basic dropdown menu implementation. Chris@76: ------------------------------------------------------- */ Chris@76: div#admin_menu Chris@76: { Chris@76: margin: 1em 0 0 0; Chris@76: } Chris@76: Chris@76: ul.dropmenu, ul.dropmenu li ul Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: list-style: none; Chris@76: } Chris@76: ul.dropmenu Chris@76: { Chris@76: margin: 0 0 0 15px; Chris@76: } Chris@76: ul.dropmenu li Chris@76: { Chris@76: position: relative; Chris@76: float: left; Chris@76: padding-right: 4px; Chris@76: text-transform: uppercase; Chris@76: } Chris@76: ul.dropmenu li a.firstlevel Chris@76: { Chris@76: margin: 0; Chris@76: padding: 5px; Chris@76: cursor: default; Chris@76: font-size: x-small; Chris@76: color: #000; Chris@76: background: #f0f0f0; Chris@76: border: 1px solid #818181; Chris@76: text-decoration: none; Chris@76: } Chris@76: ul.dropmenu li a.active Chris@76: { Chris@76: padding-left: 3px; Chris@76: } Chris@76: ul.dropmenu li a.active.firstlevel Chris@76: { Chris@76: background: #819db5; Chris@76: color: #fff; Chris@76: } Chris@76: ul.dropmenu li ul li Chris@76: { Chris@76: background: none; Chris@76: width: 14em; Chris@76: float: none; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: ul.dropmenu li ul Chris@76: { Chris@76: margin: 5px 0 0 0; Chris@76: z-index: 90; Chris@76: display: none; Chris@76: position: absolute; Chris@76: top: 100%; Chris@76: border: 1px solid #808080; Chris@76: background: #f8f8fb; Chris@76: } Chris@76: ul.dropmenu li ul li ul, ul.dropmenu li ul li.over ul Chris@76: { Chris@76: display: none; Chris@76: position: absolute; Chris@76: left: -999em; Chris@76: top: 0; Chris@76: border: 1px solid #a0a0a0; Chris@76: background: #fff; Chris@76: } Chris@76: ul.dropmenu li ul li a Chris@76: { Chris@76: display: block; Chris@76: padding: 5px; Chris@76: font-size: x-small; Chris@76: text-decoration: none; Chris@76: background: none; Chris@76: text-transform: none; Chris@76: color: #000; Chris@76: } Chris@76: ul.dropmenu li ul li a.active Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: ul.dropmenu li ul li a:hover, #dropmenu ul li ul li:hover Chris@76: { Chris@76: background: #c8e2fb; Chris@76: } Chris@76: ul.dropmenu li:hover ul, ul.dropmenu li.over ul Chris@76: { Chris@76: display: block; Chris@76: } Chris@76: ul.dropmenu li ul li:hover ul, ul.dropmenu li ul li.over ul Chris@76: { Chris@76: display: block; Chris@76: left: 13em; Chris@76: } Chris@76: Chris@76: /* The dropdown menu toggle image */ Chris@76: #menu_toggle Chris@76: { Chris@76: float: right; Chris@76: margin-right: 10px; Chris@76: padding-top: 3px; Chris@76: } Chris@76: #menu_toggle span Chris@76: { Chris@76: position: relative; Chris@76: right: 5000px; Chris@76: } Chris@76: Chris@76: .generic_tab_strip Chris@76: { Chris@76: margin: 0 1em 2em; Chris@76: } Chris@76: .generic_tab_strip .buttonlist Chris@76: { Chris@76: float: left !important; Chris@76: } Chris@76: Chris@76: Chris@76: /* The linktree. Chris@76: ----------------- */ Chris@76: ul.linktree Chris@76: { Chris@76: clear: both; Chris@76: list-style: none; Chris@76: margin: 1.5em 0.5em 0.5em 0.5em; Chris@76: padding: 0; Chris@76: } Chris@76: ul.linktree li Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: display: inline; Chris@76: font-size: 0.8em; Chris@76: } Chris@76: ul.linktree li a Chris@76: { Chris@76: color: #000; Chris@76: } Chris@76: ul.linktree li a:hover Chris@76: { Chris@76: color: #cc3333; Chris@76: } Chris@76: ul.linktree li span Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: Chris@76: /* Styles for a typical table. Chris@76: ------------------------------------------------------- */ Chris@76: table.table_list Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: table.table_list p Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: } Chris@76: table.table_list td,table.table_list th Chris@76: { Chris@76: padding: 5px; Chris@76: } Chris@76: table.table_list tbody.header td Chris@76: { Chris@76: padding: 0; Chris@76: } Chris@76: table.table_list tbody.content td.stats Chris@76: { Chris@76: font-size: 90%; Chris@76: width: 15%; Chris@76: text-align: center; Chris@76: } Chris@76: table.table_list tbody.content td.lastpost Chris@76: { Chris@76: line-height: 1.2em; Chris@76: font-size: 85%; Chris@76: width: 24%; Chris@76: } Chris@76: table.table_list tbody.content td.icon Chris@76: { Chris@76: text-align: center; Chris@76: width: 6%; Chris@76: } Chris@76: Chris@76: /* Styles for headers used in Curve templates. Chris@76: ------------------------------------------------------- */ Chris@76: h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, div.titlebg, .table_list tbody.header td Chris@76: { Chris@76: overflow: hidden; Chris@76: line-height: 2em; Chris@76: font-weight: bold; Chris@76: } Chris@76: h3.titlebg, h4.titlebg, h3.catbg, h4.catbg Chris@76: { Chris@76: border-left: 1px solid #adadad; Chris@76: border-right: 1px solid #adadad; Chris@76: } Chris@76: h3.titlebg, h4.catbg Chris@76: { Chris@76: padding: 0 0 0 0.5em; Chris@76: } Chris@76: h3.catbg img.icon, div.titlebg img.icon, h3.catbg img Chris@76: { Chris@76: float: left; Chris@76: margin: 5px 8px 0 0; Chris@76: } Chris@76: h4.catbg a.toggle img Chris@76: { Chris@76: vertical-align: middle; Chris@76: margin: -2px 5px 0 5px; Chris@76: } Chris@76: Chris@76: /* Styles for the board index. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: p#stats Chris@76: { Chris@76: text-align: right; Chris@76: } Chris@76: h3#newsfader Chris@76: { Chris@76: font-size: 1em; Chris@76: } Chris@76: #smfNewsFader Chris@76: { Chris@76: font-weight: bold; Chris@76: line-height: 1.4em; Chris@76: padding: 1em; Chris@76: font-size: 1em; Chris@76: text-align: center; Chris@76: } Chris@76: #upshrink_ic Chris@76: { Chris@76: margin-right: 2ex; Chris@76: text-align: right; Chris@76: } Chris@76: .categoryframe Chris@76: { Chris@76: margin-top: 0.4em; Chris@76: } Chris@76: .categoryframe h3 Chris@76: { Chris@76: margin: 0; Chris@76: } Chris@76: table.boardsframe Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: table.boardsframe td.icon Chris@76: { Chris@76: text-align: center; Chris@76: padding: 0.5em; Chris@76: width: 6%; Chris@76: } Chris@76: table.boardsframe td.info Chris@76: { Chris@76: width: 60%; Chris@76: padding: 0; Chris@76: } Chris@76: table.boardsframe td.info h4 Chris@76: { Chris@76: padding: 0.4em 0.4em 0 0.4em; Chris@76: margin: 0; Chris@76: } Chris@76: table.boardsframe td.info p Chris@76: { Chris@76: padding: 0 0.4em 0.5em 0.4em; Chris@76: margin: 0; Chris@76: } Chris@76: table.boardsframe td.info p.moderators Chris@76: { Chris@76: font-size: 0.8em; Chris@76: font-family: verdana, sans-serif; Chris@76: } Chris@76: table.boardsframe td.stats Chris@76: { Chris@76: width: 8%; Chris@76: vertical-align: middle; Chris@76: text-align: center; Chris@76: } Chris@76: table.boardsframe td.lastpost Chris@76: { Chris@76: width: 20%; Chris@76: vertical-align: top; Chris@76: padding: 0.5em; Chris@76: } Chris@76: #posticons Chris@76: { Chris@76: clear: both; Chris@76: width: 100%; Chris@76: } Chris@76: #posticons .buttonlist Chris@76: { Chris@76: margin-right: 1em; Chris@76: float: right; Chris@76: } Chris@76: Chris@76: /* the newsfader */ Chris@76: #smfFadeScroller Chris@76: { Chris@76: text-align: center; Chris@76: overflow: auto; Chris@76: color: #000000; /* shouldn't be shorthand style due to JS bug in IE! */ Chris@76: } Chris@76: Chris@76: /* Styles for the info center on the board index. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #infocenterframe Chris@76: { Chris@76: margin-top: 2em; Chris@76: clear: both; Chris@76: } Chris@76: /* each section in infocenter has this class */ Chris@76: .infocenter_section Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: .infocenter_section p.section Chris@76: { Chris@76: display: block; Chris@76: margin: 0; Chris@76: width: 30px; Chris@76: text-align: center; Chris@76: float: left; Chris@76: padding: 0.5em 0 0 0; Chris@76: } Chris@76: .infocenter_section div.sectionbody Chris@76: { Chris@76: margin-left: 30px; Chris@76: padding: 0.3em; Chris@76: border-left: 1px solid #a0a0a0; Chris@76: min-height: 25px; Chris@76: height: auto !important; Chris@76: } Chris@76: /* recent posts - or just one recent post */ Chris@76: dl#infocenter_recentposts Chris@76: { Chris@76: float: left; Chris@76: width: 100%; Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: } Chris@76: dl#infocenter_recentposts dt Chris@76: { Chris@76: clear: left; Chris@76: float: left; Chris@76: padding: 0.1em; Chris@76: width: 68%; Chris@76: white-space: nowrap; Chris@76: overflow: hidden; Chris@76: } Chris@76: dl#infocenter_recentposts dd Chris@76: { Chris@76: clear: right; Chris@76: float: right; Chris@76: padding: 0.1em; Chris@76: width: 25%; Chris@76: text-align: right; Chris@76: white-space: nowrap; Chris@76: overflow: hidden; Chris@76: } Chris@76: /* login form */ Chris@76: form#infocenter_login ul.horizlist label Chris@76: { Chris@76: white-space: nowrap; Chris@76: font-size: 90%; Chris@76: font-weight: bold; Chris@76: } Chris@76: Chris@76: /* Styles for the message (topic) index. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #childboards table Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: .modbuttons Chris@76: { Chris@76: clear: both; Chris@76: width: 100%; Chris@76: } Chris@76: .buttonlist, .buttonlist_bottom Chris@76: { Chris@76: margin-right: 1em; Chris@76: float: right; Chris@76: } Chris@76: #messageindex td.icon1, #messageindex td.icon2 Chris@76: { Chris@76: text-align: center; Chris@76: padding: 0.5em; Chris@76: width: 5%; Chris@76: } Chris@76: #messageindex td.subject Chris@76: { Chris@76: padding: 0.5em; Chris@76: } Chris@76: #messageindex td.starter Chris@76: { Chris@76: text-align: center; Chris@76: padding: 0.5em; Chris@76: width: 14%; Chris@76: } Chris@76: #messageindex td.replies Chris@76: { Chris@76: text-align: center; Chris@76: padding: 0.5em; Chris@76: width: 4%; Chris@76: } Chris@76: #messageindex td.views Chris@76: { Chris@76: text-align: center; Chris@76: padding: 0.5em; Chris@76: width: 4%; Chris@76: } Chris@76: #messageindex td.lastpost Chris@76: { Chris@76: padding: 0.5em; Chris@76: width: 22%; Chris@76: } Chris@76: #messageindex td.moderation Chris@76: { Chris@76: text-align: center; Chris@76: padding: 0.5em; Chris@76: width: 4%; Chris@76: } Chris@76: #topic_icons p Chris@76: { Chris@76: display: block; Chris@76: padding: 0.5em 0.5em 0.1em 0.5em; Chris@76: margin: 0; Chris@76: border-bottom: none; Chris@76: font-weight: normal !important; Chris@76: } Chris@76: #topic_icons ul Chris@76: { Chris@76: display: block; Chris@76: padding: 0.5em 1em 0.1em 1em; Chris@76: margin: 0; Chris@76: border-bottom: none; Chris@76: font-weight: normal !important; Chris@76: } Chris@76: #message_index_jump_to Chris@76: { Chris@76: margin: 2em 4em 0 2em; Chris@76: } Chris@76: .lastpost img Chris@76: { Chris@76: float: right; Chris@76: } Chris@76: Chris@76: /* Styles for the display template (topic view). Chris@76: ---------------------------------------------------- */ Chris@76: .linked_events Chris@76: { Chris@76: clear: both; Chris@76: margin: 1em 0; Chris@76: } Chris@76: .linked_events .edit_event Chris@76: { Chris@76: color: #f00; Chris@76: } Chris@76: #moderationbuttons Chris@76: { Chris@76: margin-left: 0.5em; Chris@76: } Chris@76: #postbuttons .nav, #postbuttons_lower .nav Chris@76: { Chris@76: margin: 0.5em 0.5em 0 0; Chris@76: text-align: right; Chris@76: } Chris@76: #postbuttons_lower .nav Chris@76: { Chris@76: margin: 0 0.5em 0.5em 0; Chris@76: } Chris@76: #postbuttons, #postbuttons_lower Chris@76: { Chris@76: text-align: right; Chris@76: } Chris@76: Chris@76: /* Poll question */ Chris@76: h4#pollquestion Chris@76: { Chris@76: padding: 1em 0 1em 2em; Chris@76: } Chris@76: Chris@76: /* Poll vote options */ Chris@76: #poll_options ul.options Chris@76: { Chris@76: border-top: 1px solid #696969; Chris@76: padding: 1em 2.5em 0 2em; Chris@76: margin: 0 0 1em 0; Chris@76: } Chris@76: #poll_options div.submitbutton Chris@76: { Chris@76: clear: both; Chris@76: padding: 0 0 1em 2em; Chris@76: } Chris@76: Chris@76: #poll_options div.submitbutton.border Chris@76: { Chris@76: border-bottom: 1px solid #696969; Chris@76: margin: 0 0 1em 0; Chris@76: } Chris@76: Chris@76: /* Poll results */ Chris@76: #poll_options dl.options Chris@76: { Chris@76: border: solid #696969; Chris@76: border-width: 1px 0; Chris@76: padding: 1em 2.5em 0 2em; Chris@76: margin: 0 0 1em 0; Chris@76: } Chris@76: #poll_options dl.options dt.voted Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: #poll_options dl.options dd Chris@76: { Chris@76: margin: 0.5em 0 1em 0; Chris@76: } Chris@76: Chris@76: /* Poll notices */ Chris@76: #poll_options p Chris@76: { Chris@76: margin: 0 1.5em 0.2em 1.5em; Chris@76: padding: 0 0.5em 0.5em 0.5em; Chris@76: } Chris@76: Chris@76: div#pollmoderation Chris@76: { Chris@76: margin: -1em 0 0 2em; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: .approve_post Chris@76: { Chris@76: margin: 2ex; Chris@76: padding: 1ex; Chris@76: border: 2px dashed #cc3344; Chris@76: color: #000; Chris@76: font-weight: bold; Chris@76: } Chris@76: #forumposts h3.catbg3 Chris@76: { Chris@76: font-weight: normal; Chris@76: padding: 0.4em; Chris@76: overflow: hidden; Chris@76: } Chris@76: #forumposts h3.catbg3 img Chris@76: { Chris@76: float: left; Chris@76: vertical-align: middle; Chris@76: } Chris@76: #forumposts h3.catbg3 span Chris@76: { Chris@76: float: left; Chris@76: padding-left: 2%; Chris@76: } Chris@76: #forumposts h3.catbg3 span#top_subject Chris@76: { Chris@76: padding-left: 9.5em; Chris@76: } Chris@76: .poster Chris@76: { Chris@76: width: 15em; Chris@76: float: left; Chris@76: } Chris@76: .post Chris@76: { Chris@76: clear: right; Chris@76: } Chris@76: .postarea Chris@76: { Chris@76: margin-left: 16em; Chris@76: } Chris@76: .messageicon Chris@76: { Chris@76: float: left; Chris@76: margin: 0 0.5em 0.5em 0; Chris@76: } Chris@76: .messageicon img Chris@76: { Chris@76: padding: 6px 3px; Chris@76: } Chris@76: .keyinfo Chris@76: { Chris@76: float: left; Chris@76: clear: none; Chris@76: width: 50%; Chris@76: min-height: 3em; Chris@76: } Chris@76: ul.postingbuttons Chris@76: { Chris@76: float: right; Chris@76: padding: 0 0.5em 0 0; Chris@76: } Chris@76: ul.postingbuttons li Chris@76: { Chris@76: float: left; Chris@76: margin: 0 0.5em 0 0; Chris@76: } Chris@76: .modifybutton Chris@76: { Chris@76: float: right; Chris@76: margin: 0 0.5em 0.5em 0; Chris@76: } Chris@76: .attachments hr Chris@76: { Chris@76: clear: both; Chris@76: margin: 1em 0 1em 0; Chris@76: } Chris@76: .attachments Chris@76: { Chris@76: padding-top: 1em; Chris@76: } Chris@76: .postfooter Chris@76: { Chris@76: margin-left: 16em; Chris@76: } Chris@76: .topborder Chris@76: { Chris@76: border-top: 1px solid #bbb; Chris@76: } Chris@76: .moderatorbar Chris@76: { Chris@76: clear: right; Chris@76: margin: 1em 0 0 16em; Chris@76: } Chris@76: #pollmoderation, #moderationbuttons_strip Chris@76: { Chris@76: float: left; Chris@76: } Chris@76: Chris@76: /* Styles for the quick reply area. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #quickReplyOptions #quickReplyWarning Chris@76: { Chris@76: border: none; Chris@76: text-align: left; Chris@76: margin: 0; Chris@76: width: 25%; Chris@76: float: left; Chris@76: } Chris@76: #quickReplyOptions #quickReplyContent Chris@76: { Chris@76: text-align: right; Chris@76: float: left; Chris@76: width: 67.5%; Chris@76: padding: 1em; Chris@76: border-left: 1px solid #aaa; Chris@76: } Chris@76: Chris@76: #quickReplyOptions #quickReplyContent textarea, #quickReplyOptions #quickReplyContent input Chris@76: { Chris@76: margin-bottom: .5em; Chris@76: } Chris@76: Chris@76: #quickReplyWarning Chris@76: { Chris@76: width: 20%; Chris@76: float: left; Chris@76: padding: 0.5em 1em; Chris@76: } Chris@76: #quickReplyContent Chris@76: { Chris@76: width: 75%; Chris@76: float: right; Chris@76: padding: 0.5em 0; Chris@76: } Chris@76: #quickReplyOptions .roundframe Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: Chris@76: /* The jump to box */ Chris@76: #display_jump_to Chris@76: { Chris@76: clear: both; Chris@76: padding: 5px; Chris@76: } Chris@76: Chris@76: /* Separator of posts. More useful in the print stylesheet. */ Chris@76: #forumposts .post_separator Chris@76: { Chris@76: display: none; Chris@76: } Chris@76: Chris@76: /* Styles for edit post section Chris@76: ---------------------------------------------------- */ Chris@76: form#postmodify .roundframe Chris@76: { Chris@76: padding: 0 12%; Chris@76: } Chris@76: #post_header Chris@76: { Chris@76: margin-bottom: 0.5em; Chris@76: border-bottom: 1px solid #666; Chris@76: padding: 0.5em; Chris@76: overflow: hidden; Chris@76: } Chris@76: #post_header dt Chris@76: { Chris@76: float: left; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: width: 15%; Chris@76: margin: .3em 0; Chris@76: font-weight: bold; Chris@76: } Chris@76: #post_header dd Chris@76: { Chris@76: float: left; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: width: 83%; Chris@76: margin: .3em 0; Chris@76: } Chris@76: #post_header img Chris@76: { Chris@76: vertical-align: middle; Chris@76: } Chris@76: ul.post_options Chris@76: { Chris@76: margin: 0 0 0 1em; Chris@76: padding: 0; Chris@76: list-style: none; Chris@76: overflow: hidden; Chris@76: } Chris@76: ul.post_options li Chris@76: { Chris@76: margin: 0.2em 0; Chris@76: width: 49%; Chris@76: float: left; Chris@76: } Chris@76: #postAdditionalOptionsHeader Chris@76: { Chris@76: margin-top: 1em; Chris@76: } Chris@76: #postMoreOptions Chris@76: { Chris@76: border-bottom: 1px solid #666; Chris@76: padding: 0.5em; Chris@76: } Chris@76: #postAttachment, #postAttachment2 Chris@76: { Chris@76: overflow: hidden; Chris@76: margin: .5em 0; Chris@76: padding: 0; Chris@76: border-bottom: 1px solid #666; Chris@76: padding: 0.5em; Chris@76: } Chris@76: #postAttachment dd, #postAttachment2 dd Chris@76: { Chris@76: margin: .3em 0 .3em 1em; Chris@76: } Chris@76: #postAttachment dt, #postAttachment2 dt Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: #postAttachment3 Chris@76: { Chris@76: margin-left: 1em; Chris@76: } Chris@76: #post_confirm_strip, #shortcuts Chris@76: { Chris@76: padding: 1em 0 0 0; Chris@76: } Chris@76: .post_verification Chris@76: { Chris@76: margin-top: .5em; Chris@76: } Chris@76: .post_verification #verification_control Chris@76: { Chris@76: margin: .3em 0 .3em 1em; Chris@76: } Chris@76: /* The BBC buttons */ Chris@76: #bbcBox_message Chris@76: { Chris@76: margin: 1em 0 0.5em 0; Chris@76: } Chris@76: #bbcBox_message div Chris@76: { Chris@76: margin: 0.2em 0; Chris@76: vertical-align: top; Chris@76: } Chris@76: #bbcBox_message div img Chris@76: { Chris@76: margin: 0 1px 0 0; Chris@76: vertical-align: top; Chris@76: } Chris@76: #bbcBox_message select Chris@76: { Chris@76: margin: 0 2px; Chris@76: } Chris@76: /* The smiley strip */ Chris@76: #smileyBox_message Chris@76: { Chris@76: margin: 0.75em 0 0.5em 0; Chris@76: } Chris@76: Chris@76: /* Styles for edit event section Chris@76: ---------------------------------------------------- */ Chris@76: #post_event .roundframe Chris@76: { Chris@76: padding: 1% 12%; Chris@76: } Chris@76: #post_event fieldset Chris@76: { Chris@76: margin-bottom: 0.5em; Chris@76: border: none; Chris@76: border-bottom: 1px solid #666; Chris@76: padding: 0.5em; Chris@76: clear: both; Chris@76: } Chris@76: #post_event legend Chris@76: { Chris@76: font-weight: bold; Chris@76: color: #000; Chris@76: } Chris@76: #post_event div.event_options Chris@76: { Chris@76: width: 49%; Chris@76: float: left; Chris@76: } Chris@76: #post_event ul.event_main, ul.event_options Chris@76: { Chris@76: padding: 0; Chris@76: overflow: hidden; Chris@76: } Chris@76: #post_event ul.event_main li Chris@76: { Chris@76: list-style-type: none; Chris@76: margin: 0.2em 0; Chris@76: width: 49%; Chris@76: float: left; Chris@76: } Chris@76: #post_event ul.event_options Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0 0 .7em .7em; Chris@76: } Chris@76: #post_event ul.event_options li Chris@76: { Chris@76: list-style-type: none; Chris@76: margin: 0.3em 0 0 0; Chris@76: } Chris@76: Chris@76: /* Styles for edit poll section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #edit_poll fieldset Chris@76: { Chris@76: margin-bottom: 0.5em; Chris@76: border: none; Chris@76: border-bottom: 1px solid #666; Chris@76: padding: 0.5em; Chris@76: clear: both; Chris@76: } Chris@76: #edit_poll legend Chris@76: { Chris@76: font-weight: bold; Chris@76: color: #000; Chris@76: } Chris@76: #edit_poll ul.poll_main, dl.poll_options Chris@76: { Chris@76: overflow: hidden; Chris@76: padding: 0 0 0 .7em; Chris@76: list-style: none; Chris@76: } Chris@76: #edit_poll ul.poll_main li Chris@76: { Chris@76: margin: 0.2em 0; Chris@76: } Chris@76: #edit_poll dl.poll_options dt Chris@76: { Chris@76: width: 35%; Chris@76: } Chris@76: #edit_poll dl.poll_options dd Chris@76: { Chris@76: width: 63%; Chris@76: } Chris@76: Chris@76: /* Styles for the recent messages section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: .readbuttons Chris@76: { Chris@76: clear: both; Chris@76: width: 100%; Chris@76: } Chris@76: .buttonlist, .buttonlist_bottom Chris@76: { Chris@76: margin-right: 1em; Chris@76: float: right; Chris@76: } Chris@76: Chris@76: /* Styles for the move topic section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: #move_topic dl Chris@76: { Chris@76: margin-bottom: 0; Chris@76: } Chris@76: .move_topic Chris@76: { Chris@76: width: 710px; Chris@76: margin: auto; Chris@76: text-align: left; Chris@76: } Chris@76: div.move_topic fieldset Chris@76: { Chris@76: margin: 0.5em 0; Chris@76: border: 1px solid #cacdd3; Chris@76: padding: 0.5em; Chris@76: } Chris@76: Chris@76: /* Styles for the send topic section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: fieldset.send_topic Chris@76: { Chris@76: margin-bottom: 0.5em; Chris@76: border: none; Chris@76: padding: 0.5em; Chris@76: } Chris@76: dl.send_topic Chris@76: { Chris@76: margin-bottom: 0; Chris@76: } Chris@76: dl.send_mail dt Chris@76: { Chris@76: width: 35%; Chris@76: } Chris@76: dl.send_mail dd Chris@76: { Chris@76: width: 64%; Chris@76: } Chris@76: Chris@76: /* Styles for the split topic section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: div#selected, div#not_selected Chris@76: { Chris@76: width: 49%; Chris@76: } Chris@76: ul.split_messages li.windowbg, ul.split_messages li.windowbg2 Chris@76: { Chris@76: border: 1px solid #adadad; Chris@76: padding: 1em; Chris@76: margin: 1px; Chris@76: } Chris@76: ul.split_messages li a.split_icon Chris@76: { Chris@76: padding: 0 0.5em; Chris@76: } Chris@76: ul.split_messages div.post Chris@76: { Chris@76: padding: 1em 0 0 0; Chris@76: border-top: 1px solid #fff; Chris@76: } Chris@76: Chris@76: /* Styles for the merge topic section. Chris@76: ---------------------------------------------------- */ Chris@76: Chris@76: ul.merge_topics li Chris@76: { Chris@76: list-style-type: none; Chris@76: } Chris@76: dl.merge_topic dt Chris@76: { Chris@76: width: 25%; Chris@76: } Chris@76: dl.merge_topic dd Chris@76: { Chris@76: width: 74%; Chris@76: } Chris@76: fieldset.merge_options Chris@76: { Chris@76: margin-bottom: 0.5em; Chris@76: } Chris@76: fieldset.merge_options legend Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: .custom_subject Chris@76: { Chris@76: margin: 0.5em 0; Chris@76: } Chris@76: Chris@76: /* Styles for the login areas. Chris@76: ------------------------------------------------------- */ Chris@76: .login Chris@76: { Chris@76: width: 540px; Chris@76: margin: 0 auto; Chris@76: } Chris@76: .login dl Chris@76: { Chris@76: overflow: auto; Chris@76: clear: right; Chris@76: } Chris@76: .login dt, .login dd Chris@76: { Chris@76: margin: 0 0 0.4em 0; Chris@76: width: 44%; Chris@76: padding: 0.1em; Chris@76: } Chris@76: .login dt Chris@76: { Chris@76: float: left; Chris@76: clear: both; Chris@76: text-align: right; Chris@76: font-weight: bold; Chris@76: } Chris@76: .login dd Chris@76: { Chris@76: width: 54%; Chris@76: float: right; Chris@76: text-align: left; Chris@76: } Chris@76: .login p Chris@76: { Chris@76: text-align: center; Chris@76: } Chris@76: .login h3 img Chris@76: { Chris@76: float: left; Chris@76: margin: 4px 0.5em 0 0; Chris@76: } Chris@76: Chris@76: /* Styles for the registration section. Chris@76: ------------------------------------------------------- */ Chris@76: .register_error Chris@76: { Chris@76: border: 1px dashed red; Chris@76: padding: 5px; Chris@76: margin: 0 1ex 1ex 1ex; Chris@76: } Chris@76: .register_error span Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: Chris@76: /* Additional profile fields */ Chris@76: dl.register_form Chris@76: { Chris@76: margin: 0; Chris@76: clear: right; Chris@76: overflow: auto; Chris@76: } Chris@76: Chris@76: dl.register_form dt Chris@76: { Chris@76: font-weight: normal; Chris@76: float: left; Chris@76: clear: both; Chris@76: width: 50%; Chris@76: margin: 0.5em 0 0 0; Chris@76: } Chris@76: Chris@76: dl.register_form dt strong Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: Chris@76: dl.register_form dt span Chris@76: { Chris@76: display: block; Chris@76: } Chris@76: Chris@76: dl.register_form dd Chris@76: { Chris@76: float: left; Chris@76: width: 49%; Chris@76: margin: 0.5em 0 0 0; Chris@76: } Chris@76: Chris@76: #confirm_buttons Chris@76: { Chris@76: text-align: center; Chris@76: padding: 1em 0; Chris@76: } Chris@76: Chris@76: .coppa_contact Chris@76: { Chris@76: padding: 4px; Chris@76: width: 32ex; Chris@76: background-color: #fff; Chris@76: color: #000; Chris@76: margin-left: 5ex; Chris@76: border: 1px solid #000; Chris@76: } Chris@76: Chris@76: /* Styles for maintenance mode. Chris@76: ------------------------------------------------------- */ Chris@76: #maintenance_mode Chris@76: { Chris@76: width: 75%; Chris@76: min-width: 520px; Chris@76: text-align: left; Chris@76: } Chris@76: #maintenance_mode img.floatleft Chris@76: { Chris@76: margin-right: 1em; Chris@76: } Chris@76: Chris@76: /* common for all admin sections */ Chris@76: h3.titlebg img Chris@76: { Chris@76: vertical-align: middle; Chris@76: margin-right: 0.5em; Chris@76: } Chris@76: tr.titlebg td Chris@76: { Chris@76: padding-left: 0.7em; Chris@76: } Chris@76: #admin_menu Chris@76: { Chris@76: min-height: 2em; Chris@76: padding-left: 0; Chris@76: } Chris@76: #admin_content Chris@76: { Chris@76: clear: left; Chris@76: } Chris@76: #admin_login .centertext Chris@76: { Chris@76: padding: 1em; Chris@76: } Chris@76: #admin_login .centertext .error Chris@76: { Chris@76: padding: 0 0 1em 0; Chris@76: } Chris@76: Chris@76: /* Styles for sidebar menus. Chris@76: ------------------------------------------------------- */ Chris@76: .left_admmenu, .left_admmenu ul, .left_admmenu li Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: list-style: none; Chris@76: } Chris@76: #left_admsection Chris@76: { Chris@76: background-color: #ecedf3; Chris@76: padding: 1px; Chris@76: border: 1px solid #ADADAD; Chris@76: width: 160px; Chris@76: float: left; Chris@76: margin-right: 10px; Chris@76: } Chris@76: .adm_section h4.titlebg Chris@76: { Chris@76: font-size: 95%; Chris@76: margin-bottom: 5px; Chris@76: } Chris@76: .left_admmenu li Chris@76: { Chris@76: padding: 0 0 0 0.5em; Chris@76: } Chris@76: .left_admmenu Chris@76: { Chris@76: margin-bottom: 1.1em; Chris@76: } Chris@76: #main_admsection Chris@76: { Chris@76: margin-left: 174px; Chris@76: } Chris@76: Chris@76: tr.windowbg td, tr.windowbg2 td Chris@76: { Chris@76: padding: 0.3em 0.7em; Chris@76: } Chris@76: #credits p Chris@76: { Chris@76: padding: 0; Chris@76: font-style: italic; Chris@76: margin: 0; Chris@76: } Chris@76: Chris@76: /* Styles for generic tables. Chris@76: ------------------------------------------------------- */ Chris@76: .topic_table table Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: .topic_table .icon1, .topic_table .icon2, .topic_table .stats Chris@76: { Chris@76: text-align: center; Chris@76: } Chris@76: #topic_icons Chris@76: { Chris@76: margin-top: 1em; Chris@76: } Chris@76: #topic_icons .description Chris@76: { Chris@76: margin: 0; Chris@76: } Chris@76: .topic_table table thead Chris@76: { Chris@76: border-bottom: 1px solid #fff; Chris@76: } Chris@76: /* the subject column */ Chris@76: .topic_table td Chris@76: { Chris@76: font-size: 1em; Chris@76: } Chris@76: .topic_table td.subject Chris@76: { Chris@76: padding: 4px; Chris@76: } Chris@76: .topic_table td.subject p, .topic_table td.stats, .topic_table td.lastpost Chris@76: { Chris@76: font-size: 0.85em; Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: } Chris@76: .topic_table td.lastpost, .topic_table td.lastpost Chris@76: { Chris@76: font-size: 0.9em; Chris@76: line-height: 100%; Chris@76: padding: 4px; Chris@76: } Chris@76: .topic_table td.stickybg2 Chris@76: { Chris@76: background-image: url(../images/icons/quick_sticky.gif); Chris@76: background-repeat: no-repeat; Chris@76: background-position: 98% 4px; Chris@76: } Chris@76: .topic_table td.lockedbg2 Chris@76: { Chris@76: background-image: url(../images/icons/quick_lock.gif); Chris@76: background-repeat: no-repeat; Chris@76: background-position: 98% 4px; Chris@76: } Chris@76: .topic_table td.lastpost Chris@76: { Chris@76: background-image: none; Chris@76: } Chris@76: Chris@76: /* Styles for (fatal) errors. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: #fatal_error Chris@76: { Chris@76: border: 1px solid #aaa; Chris@76: } Chris@76: Chris@76: .errorbox Chris@76: { Chris@76: padding: 1em; Chris@76: border: 1px solid #cc3344; Chris@76: color: #000; Chris@76: background-color: #ffe4e9; Chris@76: margin: 1em 0; Chris@76: } Chris@76: .errorbox h3 Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: font-size: 1.1em; Chris@76: text-decoration: underline; Chris@76: } Chris@76: .errorbox p Chris@76: { Chris@76: margin: 1em 0 0 0; Chris@76: } Chris@76: .errorbox p.alert Chris@76: { Chris@76: padding: 0; Chris@76: margin: 0; Chris@76: float: left; Chris@76: width: 1em; Chris@76: font-size: 1.5em; Chris@76: } Chris@76: Chris@76: /* Styles for the profile section. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: dl Chris@76: { Chris@76: overflow: auto; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: /* Fixes for the core theme */ Chris@76: #profileview Chris@76: { Chris@76: padding: 1px; Chris@76: border: 1px solid #696969; Chris@76: background-color: #ecedf3; Chris@76: } Chris@76: #profileview .content Chris@76: { Chris@76: border: none; Chris@76: } Chris@76: #basicinfo .content Chris@76: { Chris@76: padding: 1em; Chris@76: } Chris@76: #detailedinfo .content Chris@76: { Chris@76: padding: 0.7em 1.2em; Chris@76: border-left: 1px solid #aaa; Chris@76: } Chris@76: Chris@76: /* The basic user info on the left */ Chris@76: #basicinfo Chris@76: { Chris@76: width: 20%; Chris@76: float: left; Chris@76: } Chris@76: #detailedinfo Chris@76: { Chris@76: width: 78%; Chris@76: float: right; Chris@76: } Chris@76: #basicinfo h4 Chris@76: { Chris@76: font-size: 135%; Chris@76: font-weight: 100; Chris@76: line-height: 105%; Chris@76: white-space: pre-wrap; /* css-2.1 */ Chris@76: word-wrap: break-word; /* Internet Explorer 5.5+ */ Chris@76: overflow: hidden; Chris@76: } Chris@76: #basicinfo h4 span.position Chris@76: { Chris@76: font-size: 80%; Chris@76: font-weight: 100; Chris@76: display: block; Chris@76: } Chris@76: #basicinfo img.avatar Chris@76: { Chris@76: display: block; Chris@76: margin: 10px 0 0 0; Chris@76: } Chris@76: #basicinfo ul Chris@76: { Chris@76: list-style-type: none; Chris@76: margin: 10px 0 0 0; Chris@76: } Chris@76: #basicinfo ul li Chris@76: { Chris@76: display: block; Chris@76: float: left; Chris@76: margin-right: 5px; Chris@76: height: 20px; Chris@76: } Chris@76: #basicinfo span#userstatus Chris@76: { Chris@76: display: block; Chris@76: clear: both; Chris@76: } Chris@76: #basicinfo span#userstatus img Chris@76: { Chris@76: vertical-align: middle; Chris@76: } Chris@76: #detailedinfo div.content dl, #tracking div.content dl Chris@76: { Chris@76: clear: right; Chris@76: overflow: auto; Chris@76: margin: 0 0 18px 0; Chris@76: padding: 0 0 15px 0; Chris@76: border-bottom: 1px solid #ccc; Chris@76: } Chris@76: #detailedinfo div.content dt, #tracking div.content dt Chris@76: { Chris@76: width: 30%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: font-weight: bold; Chris@76: clear: both; Chris@76: } Chris@76: #detailedinfo div.content dd, #tracking div.content dd Chris@76: { Chris@76: width: 70%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: } Chris@76: #detailedinfo div.content dl.noborder Chris@76: { Chris@76: border-bottom: 0; Chris@76: } Chris@76: #detailedinfo div.content dt.clear Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: .signature, .custom_fields_above_signature, .attachments Chris@76: { Chris@76: width: 98%; Chris@76: overflow: auto; Chris@76: clear: right; Chris@76: border-top: 1px solid #666; Chris@76: } Chris@76: .signature h5 Chris@76: { Chris@76: font-size: 100%; Chris@76: margin-bottom: 10px; Chris@76: } Chris@76: #personal_picture Chris@76: { Chris@76: display: block; Chris@76: margin-bottom: 0.3em; Chris@76: } Chris@76: #avatar_server_stored div Chris@76: { Chris@76: float: left; Chris@76: } Chris@76: Chris@76: #main_admsection #basicinfo, #main_admsection #detailedinfo Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: #main_admsection #detailedinfo .content Chris@76: { Chris@76: border: none !important; Chris@76: } Chris@76: #main_admsection #basicinfo Chris@76: { Chris@76: border-bottom: 1px solid #ccc; Chris@76: } Chris@76: #main_admsection #basicinfo h4 Chris@76: { Chris@76: float: left; Chris@76: } Chris@76: #main_admsection #basicinfo img.avatar Chris@76: { Chris@76: float: right; Chris@76: vertical-align: top; Chris@76: } Chris@76: #main_admsection #basicinfo ul Chris@76: { Chris@76: clear: left; Chris@76: padding-top: 10px; Chris@76: } Chris@76: #main_admsection #basicinfo span#userstatus Chris@76: { Chris@76: clear: left; Chris@76: } Chris@76: #main_admsection #basicinfo p#infolinks Chris@76: { Chris@76: display: none; Chris@76: clear: both; Chris@76: } Chris@76: #main_admsection #basicinfo .botslice Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: Chris@76: /* Simple feedback messages */ Chris@76: div#profile_error, div#profile_success Chris@76: { Chris@76: margin: 0 0 1em 0; Chris@76: padding: 1em 2em; Chris@76: border: 1px solid; Chris@76: } Chris@76: div#profile_error Chris@76: { Chris@76: border-color: red; Chris@76: color: red; Chris@76: background: #fee; Chris@76: } Chris@76: Chris@76: div#profile_error span Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: Chris@76: div#profile_success Chris@76: { Chris@76: border-color: green; Chris@76: color: green; Chris@76: background: #efe; Chris@76: } Chris@76: Chris@76: /* Profile statistics */ Chris@76: #generalstats div.content dt Chris@76: { Chris@76: width: 50%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: font-weight: bold; Chris@76: clear: both; Chris@76: } Chris@76: #generalstats div.content dd Chris@76: { Chris@76: width: 50%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: /* Activity by time */ Chris@76: .activity_stats Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: list-style: none; Chris@76: } Chris@76: .activity_stats li Chris@76: { Chris@76: width: 4.16%; Chris@76: float: left; Chris@76: } Chris@76: .activity_stats li span Chris@76: { Chris@76: display: block; Chris@76: border: solid #000; Chris@76: border-width: 1px 1px 0 0; Chris@76: text-align: center; Chris@76: } Chris@76: .activity_stats li.last span Chris@76: { Chris@76: border-right: none; Chris@76: } Chris@76: .activity_stats li div.bar Chris@76: { Chris@76: margin: 0 auto; Chris@76: width: 15px; Chris@76: } Chris@76: .activity_stats li div.bar div Chris@76: { Chris@76: background: #6294CE; Chris@76: } Chris@76: .activity_stats li div.bar span Chris@76: { Chris@76: position: absolute; Chris@76: top: -1000em; Chris@76: left: -1000em; Chris@76: } Chris@76: Chris@76: /* Most popular boards by posts and activity */ Chris@76: #popularposts Chris@76: { Chris@76: width: 50%; Chris@76: float: left; Chris@76: } Chris@76: #popularactivity Chris@76: { Chris@76: width: 50%; Chris@76: float: right; Chris@76: } Chris@76: Chris@76: #popularposts div.content dt, #popularactivity div.content dt Chris@76: { Chris@76: width: 65%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: font-weight: bold; Chris@76: clear: both; Chris@76: } Chris@76: #popularposts div.content dd, #popularactivity div.content dd Chris@76: { Chris@76: width: 35%; Chris@76: float: left; Chris@76: margin: 0 0 3px 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: .profile_pie Chris@76: { Chris@76: background-image: url(../images/stats_pie.png); Chris@76: float: left; Chris@76: height: 20px; Chris@76: width: 20px; Chris@76: margin: 0 1em 0 0; Chris@76: padding: 0; Chris@76: text-indent: -1000em; Chris@76: } Chris@76: Chris@76: /* View posts */ Chris@76: .time Chris@76: { Chris@76: float: right; Chris@76: } Chris@76: .counter Chris@76: { Chris@76: margin: 0 0 0 0; Chris@76: padding: 0.2em 0.5em 0.1em 0.2em; Chris@76: font-size: 2.2em; Chris@76: font-weight: bold; Chris@76: color: #354c5f; Chris@76: float: left; Chris@76: } Chris@76: .list_posts Chris@76: { Chris@76: border-top: 1px solid #adadad; Chris@76: padding-top: 1em; Chris@76: margin-top: 0.5em; Chris@76: } Chris@76: div.core_posts Chris@76: { Chris@76: border: 1px solid #adadad; Chris@76: margin-bottom: 3px; Chris@76: } Chris@76: div.core_posts div.content Chris@76: { Chris@76: background: none; Chris@76: border: none; Chris@76: } Chris@76: .topic h4 Chris@76: { Chris@76: margin: 3px 0; Chris@76: } Chris@76: Chris@76: .mod_icons Chris@76: { Chris@76: text-align: right; Chris@76: margin-right: 1em; Chris@76: } Chris@76: Chris@76: #permissions dt Chris@76: { Chris@76: width: 48%; Chris@76: float: left; Chris@76: line-height: 1.2em; Chris@76: margin: 0; Chris@76: padding: 1%; Chris@76: clear: both; Chris@76: border-top: 1px solid #fff; Chris@76: } Chris@76: Chris@76: #permissions dd Chris@76: { Chris@76: width: 48%; Chris@76: float: left; Chris@76: margin: 0; Chris@76: padding: 1%; Chris@76: border-top: 1px solid #fff; Chris@76: } Chris@76: Chris@76: #tracking div.content dl Chris@76: { Chris@76: border-bottom: 0; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: #creator dl Chris@76: { Chris@76: margin: 0; Chris@76: } Chris@76: #creator dt Chris@76: { Chris@76: width: 40%; Chris@76: float: left; Chris@76: clear: both; Chris@76: margin: 0 0 10px 0; Chris@76: } Chris@76: #creator dd Chris@76: { Chris@76: float: left; Chris@76: width: 60%; Chris@76: margin: 0 0 10px 0; Chris@76: } Chris@76: Chris@76: .ignoreboards Chris@76: { Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: width: 49%; Chris@76: overflow: auto; Chris@76: } Chris@76: .ignoreboards a Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: .ignoreboards ul Chris@76: { Chris@76: overflow: auto; Chris@76: margin: 0 0 0 1em; Chris@76: padding: 0; Chris@76: } Chris@76: .ignoreboards li Chris@76: { Chris@76: list-style: none; Chris@76: float: left; Chris@76: clear: both; Chris@76: } Chris@76: Chris@76: #theme_settings Chris@76: { Chris@76: overflow: auto; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: Chris@76: #theme_settings li Chris@76: { Chris@76: list-style: none; Chris@76: margin: 10px 0; Chris@76: padding: 0; Chris@76: } Chris@76: /*Paid Subscriptions*/ Chris@76: #paid_subscription Chris@76: { Chris@76: width: 100%; Chris@76: } Chris@76: #paid_subscription dl.settings Chris@76: { Chris@76: margin-bottom: 0; Chris@76: } Chris@76: #paid_subscription dl.settings dd, #paid_subscription dl.settings dt Chris@76: { Chris@76: margin-bottom: 4px; Chris@76: } Chris@76: /*pick theme*/ Chris@76: #pick_theme Chris@76: { Chris@76: width: 100%; Chris@76: float: left; Chris@76: } Chris@76: Chris@76: /* Styles for the statistics center. Chris@76: ------------------------------------------------- */ Chris@76: #statistics Chris@76: { Chris@76: padding-bottom: 0.5em; Chris@76: } Chris@76: #statistics h4.titlebg Chris@76: { Chris@76: text-align: center; Chris@76: margin-bottom: 5px; Chris@76: } Chris@76: #stats_left, #top_posters, #top_topics_replies, #top_topics_starter Chris@76: { Chris@76: float: left; Chris@76: width: 49.5%; Chris@76: } Chris@76: #stats_right, #top_boards, #top_topics_views, #most_online Chris@76: { Chris@76: float: right; Chris@76: width: 49.5%; Chris@76: } Chris@76: dl.stats Chris@76: { Chris@76: clear: both; Chris@76: overflow: hidden; Chris@76: margin: 0; Chris@76: padding: 0; Chris@76: } Chris@76: dl.stats dt Chris@76: { Chris@76: width: 49%; Chris@76: float: left; Chris@76: margin: 0 0 4px 0; Chris@76: line-height: 16px; Chris@76: padding: 0; Chris@76: clear: both; Chris@76: font-size: 1em; Chris@76: } Chris@76: dl.stats dd Chris@76: { Chris@76: text-align: right; Chris@76: width: 50%; Chris@76: font-size: 1em; Chris@76: float: right; Chris@76: margin: 0 0 4px 0; Chris@76: line-height: 16px; Chris@76: padding: 0; Chris@76: } Chris@76: .stats_bar Chris@76: { Chris@76: float: left; Chris@76: background-image: url(../images/bar_stats.png); Chris@76: height: 16px; Chris@76: font-size: 0.9em; Chris@76: display: block; Chris@76: text-align: left; Chris@76: color: #fff; Chris@76: font-weight: bold; Chris@76: background-position: top center; Chris@76: } Chris@76: .stats_bar span Chris@76: { Chris@76: padding-left: 2px; Chris@76: } Chris@76: Chris@76: /* Styles for the personal messages section. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: #personal_messages Chris@76: { Chris@76: padding: 1px; Chris@76: } Chris@76: #personal_messages #top_subject Chris@76: { Chris@76: padding-left: 11.75em !important; Chris@76: } Chris@76: #personal_messages div.labels Chris@76: { Chris@76: padding: 0 1em 0 0; Chris@76: } Chris@76: #personal_messages .capacity_bar Chris@76: { Chris@76: background: #fff; Chris@76: border: 1px solid #000; Chris@76: height: 7px; Chris@76: width: 75%; Chris@76: margin: 0 auto; Chris@76: } Chris@76: #personal_messages .capacity_bar div Chris@76: { Chris@76: border: none; Chris@76: height: 7px; Chris@76: } Chris@76: #personal_messages .capacity_bar div.empty Chris@76: { Chris@76: background: #468008; Chris@76: } Chris@76: #personal_messages .capacity_bar div.filled Chris@76: { Chris@76: background: #EEA800; Chris@76: } Chris@76: #personal_messages .capacity_bar div.full Chris@76: { Chris@76: background: #A53D05; Chris@76: } Chris@76: #personal_messages .reportlinks Chris@76: { Chris@76: padding: 0.5em 1.3em; Chris@76: } Chris@76: Chris@76: /* Styles for the calendar section. Chris@76: ------------------------------------------------- */ Chris@76: .calendar_table Chris@76: { Chris@76: margin-bottom: 0.7em; Chris@76: } Chris@76: Chris@76: /* Used to indicate the current day in the grid. */ Chris@76: .calendar_today Chris@76: { Chris@76: background-color: #fff; Chris@76: } Chris@76: Chris@76: #month_grid Chris@76: { Chris@76: width: 200px; Chris@76: text-align: center; Chris@76: float: left; Chris@76: } Chris@76: Chris@76: #month_grid table Chris@76: { Chris@76: width: 200px; Chris@76: border-collapse: collapse; Chris@76: border: 1px solid #adadad; Chris@76: } Chris@76: Chris@76: #month_grid table td, #month_grid table th Chris@76: { Chris@76: border: 1px solid #adadad; Chris@76: } Chris@76: Chris@76: #main_grid table Chris@76: { Chris@76: width: 100%; Chris@76: padding-bottom: 4px; Chris@76: border-collapse: collapse; Chris@76: border: 1px solid #adadad; Chris@76: } Chris@76: Chris@76: #main_grid table td, #main_grid table th Chris@76: { Chris@76: border: 1px solid #adadad; Chris@76: } Chris@76: Chris@76: #main_grid table h3.catbg Chris@76: { Chris@76: text-align: center; Chris@76: Chris@76: border-top: 1px solid #adadad; Chris@76: border-bottom: none; Chris@76: } Chris@76: Chris@76: #main_grid table h4 Chris@76: { Chris@76: border: none; Chris@76: } Chris@76: Chris@76: #main_grid table.weeklist td.windowbg Chris@76: { Chris@76: text-align: center; Chris@76: height: 49px; Chris@76: width: 25px; Chris@76: font-size: large; Chris@76: padding: 0 7px; Chris@76: border-bottom: 1px solid #adadad; Chris@76: } Chris@76: Chris@76: #main_grid table.weeklist td.weekdays Chris@76: { Chris@76: height: 49px; Chris@76: width: 100%; Chris@76: padding: 4px; Chris@76: text-align: left; Chris@76: vertical-align: middle; Chris@76: border-right: 1px solid #adadad; Chris@76: border-bottom: 1px solid #adadad; Chris@76: } Chris@76: Chris@76: #main_grid h3.weekly Chris@76: { Chris@76: text-align: center; Chris@76: padding-left: 0; Chris@76: font-size: large; Chris@76: height: 29px; Chris@76: } Chris@76: Chris@76: #main_grid h3 span.floatleft, #main_grid h3 span.floatright Chris@76: { Chris@76: display: block; Chris@76: Chris@76: } Chris@76: Chris@76: #main_grid table th.days Chris@76: { Chris@76: width: 14%; Chris@76: } Chris@76: Chris@76: #main_grid table td.weeks Chris@76: { Chris@76: vertical-align: middle; Chris@76: text-align: center; Chris@76: } Chris@76: Chris@76: #main_grid table td.days Chris@76: { Chris@76: vertical-align: top; Chris@76: Chris@76: } Chris@76: Chris@76: a.modify_event Chris@76: { Chris@76: color: red; Chris@76: } Chris@76: Chris@76: span.hidelink Chris@76: { Chris@76: font-style: italic; Chris@76: } Chris@76: Chris@76: #calendar_navigation Chris@76: { Chris@76: text-align: center; Chris@76: } Chris@76: Chris@76: #calendar .buttonlist_bottom Chris@76: { Chris@76: border-bottom: 1px solid #adadad; Chris@76: padding: 0 0 0 1ex; Chris@76: margin: 0 0 1ex 0; Chris@76: } Chris@76: Chris@76: /* Styles for the memberlist section. Chris@76: ------------------------------------------------- */ Chris@76: #mlist_search Chris@76: { Chris@76: margin: auto; Chris@76: width: 500px; Chris@76: } Chris@76: span.memberstatsbar, span.memberstatsbar span Chris@76: { Chris@76: height: 1.1em; Chris@76: display: block; Chris@76: } Chris@76: span.memberstatsbar Chris@76: { Chris@76: background: #fff; Chris@76: border: 1px solid #888; Chris@76: } Chris@76: span.memberstatsbar span Chris@76: { Chris@76: background: #fe9540; Chris@76: } Chris@76: Chris@76: /* Styles for the basic search section. Chris@76: ------------------------------------------------- */ Chris@76: #simple_search p Chris@76: { Chris@76: padding: 0.5em; Chris@76: } Chris@76: #simple_search, #simple_search p, #advanced_search Chris@76: { Chris@76: text-align: center !important; Chris@76: margin: 0; Chris@76: } Chris@76: #search_error Chris@76: { Chris@76: font-style: italic; Chris@76: padding: 0.3em 1em; Chris@76: } Chris@76: #search_term_input Chris@76: { Chris@76: font-size: 115%; Chris@76: margin: 0 0 1em; Chris@76: } Chris@76: Chris@76: /* Styles for the advanced search section. Chris@76: ------------------------------------------------- */ Chris@76: #searchform fieldset Chris@76: { Chris@76: text-align: left; Chris@76: padding: 0; Chris@76: margin: 0.5em 0; Chris@76: border: none; Chris@76: } Chris@76: #advanced_search dl#search_options Chris@76: { Chris@76: margin: 0 auto; Chris@76: width: 600px; Chris@76: padding-top: 1em; Chris@76: overflow: hidden; Chris@76: } Chris@76: #advanced_search dt Chris@76: { Chris@76: clear: both; Chris@76: float: left; Chris@76: padding: 0.2em; Chris@76: text-align: right; Chris@76: width: 20%; Chris@76: } Chris@76: #advanced_search dd Chris@76: { Chris@76: width: 75%; Chris@76: float: left; Chris@76: padding: 0.2em; Chris@76: margin: 0 0 0 0.5em; Chris@76: text-align: left; Chris@76: } Chris@76: #searchform p.clear Chris@76: { Chris@76: clear: both; Chris@76: } Chris@76: Chris@76: /* Boards picker */ Chris@76: #searchform fieldset div#searchBoardsExpand ul Chris@76: { Chris@76: overflow: auto; Chris@76: margin: 0 0 0 1em; Chris@76: padding: 0; Chris@76: width: 48%; Chris@76: } Chris@76: #searchform fieldset div#searchBoardsExpand ul ul Chris@76: { Chris@76: width: auto; Chris@76: } Chris@76: #searchform fieldset div#searchBoardsExpand a Chris@76: { Chris@76: text-decoration: underline; Chris@76: } Chris@76: #searchform fieldset div#searchBoardsExpand li Chris@76: { Chris@76: list-style: none; Chris@76: float: left; Chris@76: clear: both; Chris@76: } Chris@76: #searchform fieldset p Chris@76: { Chris@76: padding: 4px; Chris@76: text-align: left; Chris@76: margin-top: 5px; Chris@76: } Chris@76: Chris@76: /* Styles for the search results page. Chris@76: ------------------------------------------------- */ Chris@76: .pagelinks Chris@76: { Chris@76: padding: 0.5em; Chris@76: } Chris@76: .topic_table td blockquote, .topic_table td .quoteheader Chris@76: { Chris@76: margin: 0.5em; Chris@76: } Chris@76: .search_results_posts Chris@76: { Chris@76: overflow: hidden; Chris@76: } Chris@76: .search_results_posts .inner Chris@76: { Chris@76: padding: 0.5em 1em; Chris@76: overflow: hidden; Chris@76: } Chris@76: .search_results_posts .windowbg2 Chris@76: { Chris@76: margin-top: 4px; Chris@76: } Chris@76: .search_results_posts .buttons Chris@76: { Chris@76: padding: 5px 1em 0 0; Chris@76: } Chris@76: Chris@76: /* Styles for the help section. Chris@76: ------------------------------------------------- */ Chris@76: Chris@76: #helpmain Chris@76: { Chris@76: padding: 1em; Chris@76: border: 1px solid #696969; Chris@76: } Chris@76: Chris@76: /* Samples should be easily distinguishable. */ Chris@76: #helpmain .help_sample Chris@76: { Chris@76: border: 1px solid #99a; Chris@76: background: #fff; Chris@76: padding: 1em; Chris@76: overflow: auto; Chris@76: margin-bottom: 1em; Chris@76: } Chris@76: #helpmain .help_sample .linktree Chris@76: { Chris@76: font-weight: bold; Chris@76: } Chris@76: Chris@76: /* We need some air between the lines */ Chris@76: #helpmain p Chris@76: { Chris@76: margin: 0 0 1.5em 0; Chris@76: line-height: 1.5em; Chris@76: } Chris@76: Chris@76: #helpmain ol Chris@76: { Chris@76: font-weight: bold; Chris@76: list-style-type: disc; Chris@76: margin-bottom: 1em; Chris@76: margin-top: 1em; Chris@76: line-height: 1.5em; Chris@76: } Chris@76: #helpmain ol.la Chris@76: { Chris@76: font-weight: normal; Chris@76: list-style-type: circle; Chris@76: margin: 0.5em 0 1em 0; Chris@76: padding-left: 1.5em; Chris@76: } Chris@76: Chris@76: ul.basic_helplist Chris@76: { Chris@76: padding: 0.8em 1.5em; Chris@76: line-height: 1.5em; Chris@76: } Chris@76: #helpmain .boardsframe p Chris@76: { Chris@76: margin: 0; Chris@76: } Chris@76: #helpmain #messageindex Chris@76: { Chris@76: clear: right; Chris@76: } Chris@76: Chris@76: /* ...but leave the tab strips alone! */ Chris@76: #helpmain .buttonlist_bottom ul, #helpmain .buttonlist ul Chris@76: { Chris@76: margin: 0 !important; Chris@76: padding: 0 0 0 1em !important; Chris@76: } Chris@76: Chris@76: #helpmain .buttonlist_bottom ul li, #helpmain .buttonlist ul li Chris@76: { Chris@76: margin: 0 0.2em 0 0 !important; Chris@76: padding: 0 !important; Chris@76: }