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