New Layout (V5-2.0)
Oct 21, 2014 4:26:35 GMT -5
Post by Deleted on Oct 21, 2014 4:26:35 GMT -5
DARK VERSION
THEMES - ADVANCED STYLE & CSS - STYLE SHEET
@empty: ~"";
.rounded-corners(@a, @b, @c, @d) {
border-radius: @arguments;
-moz-border-radius: @arguments;
-webkit-border-radius: @arguments;
}
.rounded-corners(@a, @b, @c) {
border-radius: @arguments;
-moz-border-radius: @arguments;
-webkit-border-radius: @arguments;
}
.rounded-corners(@a, @b) {
border-radius: @arguments;
-moz-border-radius: @arguments;
-webkit-border-radius: @arguments;
}
.rounded-corners(@a: 5px) {
border-radius: @arguments;
-moz-border-radius: @arguments;
-webkit-border-radius: @arguments;
}
.box-shadow(@h-shadow: 2px, @v-shadow: 2px, @blur: 2px, @box-shadow-color: #333333) {
box-shadow: @arguments;
-moz-box-shadow: @arguments;
-webkit-box-shadow: @arguments;
}
.box-sizing(@box-model: border-box) {
box-sizing: @arguments;
-moz-box-sizing: @arguments;
-webkit-box-sizing: @arguments;
-ms-box-sizing: @arguments;
}
.hsla-bgcolor-safe(transparent, @alpha) {
background-color: transparent;
}
.hsla-bgcolor-safe(@color, @alpha) when (iscolor(@color)) {
background-color: @color;
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
}
/* Required for proper functioning of the Colors & Theme Creator */
@banner_height: 295px;
@banner_background_color: #35393A;
@banner_background_image: url('http://i1260.photobucket.com/albums/ii562/hsoww2003/2cp72v6.gif');
@banner_background_position: center center;
@banner_text_color: transparent;
@banner_text_align: left;
@wrapper_width: 950px;
@all_gradients: none;
@body_background_image: url('http://i1260.photobucket.com/albums/ii562/hsoww2003/backgroundtake2.png');
@body_background_repeat: no-repeat;
@body_background_color: #182121;
@default_forum_text_color: #e2e2e2;
@link_color: #bd4908;
@link_visited_color: #bd4908;
@title_bar_background_color: #96290e;
@title_text_color: #e2e2e2;
@title_buttons_background_color: #96290e;
@title_buttons_color: #e2e2e2;
@buttons_background_color: #081018;
@buttons_text_color: #e2e2e2;
@container_background_color_1: #35393a;
@container_text_color_1: #9c9c9c;
@container_background_color_2: #35393a;
@container_text_color_2: #9c9c9c;
@container_links_color: #e2e2e2;
@container_highlight_color: #35393A;
@container_outer_border_color: transparent;
@container_inner_border_color: #464646;
@pagination_background_color: #ffffff;
@pagination_text_color: #2d2729;
@pagination_hover_color: #ffffff;
/* End required for proper functioning of the Colors & Theme Creator */
/**************************************************************************
* Global Styles *
**************************************************************************/
/* Common Elements and Classes */
@body_background_attachment: fixed;
@body_background_repeat: repeat-x;
@body_background_position: @empty;
@default_forum_text_font_style: @empty;
@default_forum_text_font_weight: @empty;
@default_forum_text_font_size: 13px;
@default_forum_text_font_family: Verdana,Aria,georgia;
@default_forum_text_decoration: none;
@default_forum_text_case: none;
@default_forum_text_caps: normal;
@bold_weight: 700;
@bold_size: @empty;
@italic_style: italic;
@link_font: normal 100% Verdana, Geneva, sans-serif;
@link_decoration: inherit;
@link_active_color: @link_color;
@link_active_decoration: @link_decoration;
@link_visited_decoration: @link_decoration;
@link_hover_color: @link_color;
@link_hover_decoration: @link_decoration;
@h2_color: transparent;
@h2_font: 100%;
@h2_decoration: @empty;
@h2_case: @empty;
@h2_caps: @empty;
@h3_color: @empty;
@h3_font: 140%
@default_forum_text_font_family;
@h3_decoration: @empty;
@h3_case: @empty;
@h3_caps: @empty;
@timestamp_color: #a7a7a7;
@timestamp_font: italic 100% Arial, Helvetica, sans-serif;
@description_color: @empty;
@description_font: italic 85% @default_forum_text_font_family;
@viewing_color: @empty;
@viewing_font: 75% @default_forum_text_font_family;
@small_desc_color: #e2e2e2;
@small_desc_font: 70% @default_forum_text_font_family;
@shadow_color: #333333;
* { word-wrap: break-word; }
body { background-color: @body_background_color; background-image: @body_background_image; background-attachment: @body_background_attachment; background-repeat: @body_background_repeat; background-position: @body_background_position; line-height: 1.2; color: @default_forum_text_color; font-style: @default_forum_text_font_style; font-weight: @default_forum_text_font_weight; font-size: @default_forum_text_font_size; font-family: @default_forum_text_font_family; text-decoration: @default_forum_text_decoration; text-transform: @default_forum_text_case; font-variant: @default_forum_text_caps; }
#wrapper { width: @wrapper_width; margin: 0 auto; overflow-x: hidden; }
table { table-layout: fixed; }
a { cursor: pointer; color: @link_color; font: @link_font; text-decoration: @link_decoration; }
:visited { color: @link_visited_color; text-decoration: @link_visited_decoration; }
a:hover { color: @link_hover_color; text-decoration: @link_hover_decoration; }
a:active { color: @link_active_color; text-decoration: @link_active_decoration; }
a.text { cursor: default; }
h1, h2 { color: @h2_color; font: @h2_font; text-decoration: @h2_decoration; text-transform: @h2_case; font-variant: @h2_caps; }
h3 { color: @h3_color; font: @h3_font; text-decoration: @h3_decoration; text-transform: @h3_case; font-variant: @h3_caps; }
abbr.time, .last-edited, #event_range .time { color: @timestamp_color; font: @timestamp_font; }
abbr.time.recent_time { font-weight: bold; font-style: normal; }
blockquote { display: block; margin: 15px 40px; }
sub, sup { font-size: 80%; }
.bold, b { font-weight: @bold_weight; font-size: @bold_size; }
.italic { font-style: @italic_style; }
.description { color: @description_color; font: @description_font; }
.viewing { color: @viewing_color; font: @viewing_font; }
.small { font: @small_desc_font; vertical-align: middle; }
.note { color: @small_desc_color; }
.placeholder, .placeholder-empty { color: #888888; }
.foot abbr.time, .small abbr.time { font-size: 100%; }
.pointer { cursor: pointer; }
.border-round { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(); }
.clear { clear: both; }
.float-right { float: right; }
.float-left { float: left; }
.hide, .spoiler { display: none; }
.absolute-hide { display: none; position: absolute; }
.block-item { display: block; }
.center { text-align: center; }
.no-right-margin { margin-right: 0px; }
.valigntt { vertical-align: text-top; }
.auto-overflow { overflow: auto; }
.inline-block { display: inline-block; }
.break-word { word-wrap: break-word; }
.nowrap { white-space: nowrap; }
.aria-hidden { width: 1px; height: 1px; overflow: hidden; text-indent: -1000px; position: absolute; top: 0; left: 0; display: block; }
.wysiwyg-textarea { width: 100%; height: 200px; }
.post-options, .message-options { display: none; }
.options_menu { max-width: 190px; }
.posting-options-list.options_menu { max-width: 100%; }
.options_menu li { height: 28px; }
.options_menu a { height: 20px; line-height: 20px !important; }
.options_menu hr { color: #AAAAAA; background-color: #AAAAAA; height: 1px; border: none; }
.controls .checkbox { display: none; }
.clickable { cursor: pointer; }
/* Generic Padding Classes */
.pad-all-thin { padding: 3px !important; }
.pad-all { padding: 5px !important; }
.pad-all-double { padding: 10px !important; }
.pad-all-thick { padding: 20px !important; }
.pad-sides-thin { padding: 0px 3px !important; }
.pad-sides { padding: 0px 5px !important; }
.pad-sides-double { padding: 0px 10px !important; }
.pad-sides-thick { padding: 0px 20px !important; }
.pad-top-bottom-thin { padding: 3px 0px !important; }
.pad-top-bottom { padding: 5px 0px !important; }
.pad-top-bottom-double { padding: 10px 0px !important; }
.pad-top-bottom-thick { padding: 20px 0px !important; }
.pad-top-thin { padding-top: 3px !important; }
.pad-top { padding-top: 5px !important; }
.pad-top-double { padding-top: 10px !important; }
.pad-top-thick { padding-top: 20px !important; }
.pad-right-thin { padding-right: 3px !important; }
.pad-right { padding-right: 5px !important; }
.pad-right-double { padding-right: 10px !important; }
.pad-right-thick { padding-right: 20px !important; }
.pad-bottom-thin { padding-bottom: 3px !important; }
.pad-bottom { padding-bottom: 5px !important; }
.pad-bottom-double { padding-bottom: 10px !important; }
.pad-bottom-thick { padding-bottom: 20px !important; }
.pad-left-thin { padding-left: 3px !important; }
.pad-left { padding-left: 5px !important; }
.pad-left-double { padding-left: 10px !important; }
.pad-left-thick { padding-left: 20px !important; }
.pad-all-sides-thick { padding: 5px 20px !important; }
/* Status Text */
@status_text_success_color: @container_text_color_1;
@status_text_failure_color: @container_text_color_1;
.saved { color: @status_text_success_color; }
.status-box { font-weight: 800; margin-left: 5px; .rounded-corners(); padding: 1px 5px; }
.status-box.error { background-color: @container_background_color_1; }
.status-box.saved { background-color: @container_background_color_1; }
.error { color: @status_text_failure_color; }
.flood-control { padding: 5px; color: @status_text_failure_color; }
.posting-errors { padding: 5px; color: @status_text_failure_color; }
.noscript-form-error { color: @status_text_failure_color; background: @container_background_color_1; font-weight: 800; .rounded-corners(); padding: 5px; margin: 0 0 10px 0; }
.ui-form-error { display: none; position: absolute; z-index: 9000; color: @container_text_color_1; border: 2px solid @status_text_failure_color; padding: 4px; font-size: 80%; background-color: @container_background_color_1; }
input.ui-error { background-color: @container_background_color_1; color: @status_text_failure_color; padding: 2px; }
.shoutbox_error { color: @status_text_failure_color; }
/* Header */
@banner_background_repeat: repeat;
@banner_text_font: normal normal bold 30px "Trebuchet MS", Verdana, Arial;
@banner_text_decoration: none;
@banner_text_case: none;
@banner_text_caps: normal;
@banner_text_shadow: inherit;
header { display: block; position: relative; margin-bottom: 10px; }
#banner-container { display: table; width: 100%; }
#banner { display: table-cell; height: @banner_height; background-color: @banner_background_color; background-image: @banner_background_image; background-position: @banner_background_position; background-repeat: @banner_background_repeat; vertical-align: middle; padding: 0px 20px; text-align: @banner_text_align; overflow: hidden; }
a#logo { vertical-align: middle; color: @banner_text_color; text-shadow: @banner_text_shadow; text-decoration: @banner_text_decoration; font: @banner_text_font; font-variant: @banner_text_caps; text-transform: @banner_text_case; white-space: normal; word-break: break-all; }
a#logo:hover { color: @banner_text_color !important; text-decoration: @banner_text_decoration !important; }
/* Welcome Text / Login / Logout Links */
@welcome_text_color: @title_text_color;
@welcome_text_font: 1em "Trebuchet MS", Verdana, Arial;
@welcome_text_shadow: none;
@welcome_links_color: @welcome_text_color;
@welcome_links_font: @welcome_text_font;
@welcome_links_decoration: underline;
@welcome_links_shadow: @welcome_text_shadow;
#welcome { text-align: right; color: @welcome_text_color; font: @welcome_text_font; text-shadow: @welcome_text_shadow; float: right; vertical-align: middle; line-height: 31px !important; }
#welcome a { color: @welcome_links_color; text-decoration: @welcome_links_decoration; text-shadow: @welcome_links_shadow; font: @welcome_links_font; }
/* Navigation Menu */
@nav_bar_background: #081018 left center repeat-x scroll;
@nav_bar_border: 0px none;
@nav_bar_border_radius: 0 0 0 0;
@nav_bar_button_color: #e2e2e2;
@nav_bar_button_font: 1em "Trebuchet MS", Verdana, Arial;
@nav_bar_button_decoration: none;
@nav_bar_button_shadow: none;
@nav_bar_button_background: scroll;
@nav_bar_button_hover_color: a0a0a0;
@nav_bar_button_hover_font: @nav_bar_button_font;
@nav_bar_button_hover_decoration: @nav_bar_button_decoration;
@nav_bar_button_hover_shadow: @nav_bar_button_shadow;
@nav_bar_button_hover_background: @nav_bar_button_background;
@nav_bar_button_current_color: a0a0a;
@nav_bar_button_current_font: @nav_bar_button_font;
@nav_bar_button_current_decoration: @nav_bar_button_decoration;
@nav_bar_button_current_shadow: @nav_bar_button_shadow;
@nav_bar_button_current_background: center repeat-x scroll;
@nav_bar_bubble_text_color: #000000;
@nav_bar_bubble_font: .8em "Trebuchet MS", Verdana, Arial;
@nav_bar_bubble_background: #FFFFFF;
@nav_bar_bubble_border_radius: 0px;
#navigation-menu { padding: 0 8px; background: @nav_bar_background; border: @nav_bar_border; .rounded-corners(@nav_bar_border_radius); }
#navigation-menu a { position: relative; }
#navigation-menu > ul, #navigation-menu > ul li { float: left; }
#navigation-menu > ul li a { display: inline-block; padding: 0 .75em; color: @nav_bar_button_color; font: @nav_bar_button_font; text-decoration: @nav_bar_button_decoration; text-shadow: @nav_bar_button_shadow; background: @nav_bar_button_background; line-height: 31px !important; }
#navigation-menu > ul li:hover a { color: @nav_bar_button_hover_color !important; font: @nav_bar_button_hover_font; text-decoration: @nav_bar_button_hover_decoration !important; text-shadow: @nav_bar_button_hover_shadow; background: @nav_bar_button_hover_background; line-height: 31px !important; }
#navigation-menu > ul li a.state-active { color: @nav_bar_button_current_color !important; font: @nav_bar_button_current_font; text-decoration: @nav_bar_button_current_decoration !important; text-shadow: @nav_bar_button_current_shadow; background: @nav_bar_button_current_background; line-height: 31px !important; }
#navigation-menu div.tip-holder { position: absolute; top: -8px; right: 3px; display: inline-block; }
#navigation-menu div.tip-holder div.tip-number { padding: 3px 7px 2px 7px; background-color: @nav_bar_bubble_background; .rounded-corners(@nav_bar_bubble_border_radius); font: @nav_bar_bubble_font; line-height: .8em; text-shadow: none; .box-shadow(2px, 2px, 2px, @shadow_color); height: .8em; color: @nav_bar_bubble_text_color; }
#navigation-menu div.tip-holder span.tip { border-top: 4px solid @nav_bar_bubble_background; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 6px; }
/* Navigation Tree + Participated Button + News Bar */
@nav_tree_color: #e2e2e2;
@nav_tree_font: small Verdana, Geneva, sans-serif;
@nav_tree_decoration: none;
@nav_tree_background_color: #535353;
@nav_tree_border_width: 1px;
@nav_tree_border_style: solid;
@nav_tree_border_color: transparent;
@nav_tree_border_radius: 0px 0px 0px 0px;
@nav_tree_hover_color: @container_text_color_1;
@nav_tree_hover_font: @nav_tree_font;
@nav_tree_hover_decoration: none;
@nav_tree_hover_background_color: #e2e2e2;
.recent-threads-button, #navigation-tree { color: @nav_tree_color; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background: @nav_tree_background_color; margin-bottom: 10px; height: 20px; .rounded-corners(@nav_tree_border_radius); }
.recent-threads-button.new .new-icon { display: inline-block; }
#navigation-tree { overflow: hidden; }
#nav-tree { white-space: nowrap; }
.popup_html { position: absolute; top: 0; left: 0; z-index: 999999; }
#nav-tree ul { display: none; list-style-type: none; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); }
#nav-tree > li { display: inline-block; position: relative; height: 20px; }
#nav-tree > li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; }
#nav-tree > li:hover, #nav-tree .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color; }
#nav-tree > li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
#nav-tree .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
#nav-tree > li:first-child { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
#nav-tree > li:first-child a { margin-left: -2px; }
#nav-tree .ui-menu { display: none; position: absolute; float: left; }
#nav-tree .ui-menu a { .rounded-corners(0px); }
#nav-tree .ui-menu li { position: relative; white-space: nowrap; padding: 2px 10px 2px 5px; }
#nav-tree .ui-menu li ul { display: none; z-index: 9999; position: absolute; }
#nav-tree .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; }
#nav-tree .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; }
#nav-tree li.new_span > a > .new-icon { float: none; display: inline-block; }
#nav-tree li.state-selected > a { font-weight: bold !important; }
#nav-tree .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; }
#nav-tree .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; }
#nav-tree > li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; }
#nav-tree > li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; }
.popup_html ul { display: none; list-style-type: none; border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); }
.popup_html li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; }
.popup_html li:hover, .popup_html .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color; }
.popup_html li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
.popup_html .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
.popup_html li { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
.popup_html li a { margin-left: -2px; }
.popup_html .ui-menu { display: none; position: absolute; float: left; z-index: 11; }
.popup_html .ui-menu a { .rounded-corners(0px); overflow: hidden; max-width: 550px; }
.popup_html .ui-menu li { position: relative; white-space: nowrap; padding: 2px 15px 2px 5px; }
.popup_html .ui-menu li ul { display: none; z-index: 9999; position: absolute; }
.popup_html .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; }
.popup_html .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; }
.popup_html li.new_span > a > .new-icon { float: none; display: inline-block; }
.popup_html li.state-selected > a { font-weight: bold !important; }
.popup_html .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; }
.popup_html .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; }
.popup_html li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; }
.popup_html li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; }
/* Participated Button */
.recent-threads-button { font: @nav_tree_font; cursor: pointer; float: right; height: 14px; margin: 0 0 10px 10px; padding: 3px 6px 3px 6px; text-align: center; }
.recent-threads-button:hover { color: @nav_tree_hover_color; font: @nav_tree_hover_font; text-decoration: @nav_tree_hover_decoration; background-color: @nav_tree_hover_background_color; }
.recent-threads-button .new-icon { margin: 0px 5px 0px 0px; }
/* News Bar */
#news { color: @nav_tree_color; font: @nav_tree_font; text-decoration: @nav_tree_decoration; z-index: 9; height: 20px; font: @nav_tree_font; background-color: @nav_tree_background_color; overflow: hidden; margin: 0 auto 10px; border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; .rounded-corners(@nav_tree_border_radius); }
#news .items { height: 20px; position: relative; overflow: hidden; }
#news .items > div > div { padding: 0 10px; line-height: 20px !important; }
#news .items div img { vertical-align: text-bottom; }
#news .nav { float: left; background-position: center; }
#news .nav > span { border-width: 0px 1px 0px 0px; border-style: solid; border-color: transparent; cursor: default; float: left; display: inline-block; padding: 0 3px; height: 20px; }
#news .nav > span.title { text-align: center; display: inline-block; height: 20px; padding: 0px 6px; line-height: 20px !important; }
#news .nav .arrow.left { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
#news .nav .arrow.left span { border-right-color: @nav_tree_border_color; }
#news .nav .arrow.right span { border-left-color: @nav_tree_border_color; }
#news .nav:hover { background-color: @nav_tree_hover_background_color; }
#news .nav:hover > span { border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; border-width: 0px @nav_tree_border_width 0px 0px; }
#news .nav:hover .arrow { background-color: @nav_tree_hover_background_color; }
/* Participated Dialog */
@participated_background: @container_background_color_1;
@participated_inner_border: 1px solid @container_inner_border_color;
@participated_text_color: @container_text_color_1;
@participated_text_font: @empty;
@participated_links_color: @empty;
@participated_links_font: @empty;
@participated_links_decoration: @empty;
@participated_subject_align: left;
@participated_last_post_align: right;
@participated_hover_background: @container_highlight_color;
@participated_hover_text_color: @empty;
@participated_hover_text_font: @empty;
@participated_hover_links_color: @empty;
@participated_hover_links_font: @empty;
@participated_hover_links_decoration: @empty;
#recent-threads { background: @participated_background; color: @participated_text_color; font: @participated_text_font; }
#recent-threads a { color: @participated_links_color; font: @participated_links_font; text-decoration: @participated_links_decoration; }
#recent-threads th { border-bottom: 1px solid; }
#recent-threads .subject { text-align: @participated_subject_align; }
#recent-threads .latest { text-align: @participated_last_post_align; }
#recent-threads th, #recent-threads td { border: @participated_inner_border; border-top-width: 0px; border-left-width: 0px; }
#recent-threads tbody tr:hover { color: @participated_hover_text_color; font: @participated_hover_text_font; background: @participated_hover_background; }
#recent-threads tbody tr:hover a { color: @participated_hover_links_color; font: @participated_hover_links_font; text-decoration: @participated_hover_links_decoration; }
/* Selection Dialogs */
#thread_listing, #conversation_listing { padding: 0; }
/* CSS Arrows */
.arrow { position: relative; display: inline-block; width: 10px; height: 10px; z-index: 10; }
.arrow > span { content: ''; position: absolute; left: 50%; top: 50%; display: block; border-color: transparent; border-style: solid; border-width: 4px; height: 0; width: 0; }
.arrow.up > span { margin-left: -4px; margin-top: -6px; border-bottom-color: @container_text_color_1; }
.arrow.right > span { margin-left: -2px; margin-top: -4px; border-left-color: @container_text_color_1; }
.arrow.down > span { margin-left: -4px; margin-top: -2px; border-top-color: @container_text_color_1; }
.arrow.left > span { margin-left: -7px; margin-top: -4px; border-right-color: @container_text_color_1; }
.arrow.big > span { border-width: 5px; }
.arrow.big.up > span { margin-left: -5px; margin-top: -7px; }
.arrow.big.right > span { margin-top: -5px; }
.arrow.big.down > span { margin-left: -5px; }
.arrow.big.left > span { margin-left: -8px; margin-top: -5px; }
/* Containers and Dialogs */
@title_bar_background_image: none;
@title_bar_background_attachment: scroll;
@title_bar_background_repeat: no-repeat;
@title_bar_background_position: center center;
@title_bar_border: @empty;
@title_bar_border_radius: 0 0 0 0;
@title_text_font: 100% Arial, Helvetica, sans-serif;
@title_text_decoration: none;
@title_text_transform: uppercase;
@title_text_variant: inherit;
@title_text_align: center;
@title_text_shadow: @empty;
@title_buttons_background_image: @all_gradients;
@title_buttons_background_attachment: scroll;
@title_buttons_background_repeat: repeat-x;
@title_buttons_background_position: left center;
@title_buttons_font: 100% @default_forum_text_font_family;
@title_buttons_decoration: @empty;
@title_buttons_hover_background: @empty;
@title_buttons_hover_color: @title_buttons_color;
@title_buttons_hover_font: @title_buttons_font;
@title_buttons_hover_decoration: @title_buttons_decoration;
@content_background: scroll;
@content_border_width: 1px;
@content_border_style: solid;
@content_border_radius: 0 0 0px 0px;
@content_area_background: scroll;
@content_area_border: 1px solid @container_inner_border_color;
@content_area_border_radius: 10px;
@content_area_text_color: #9c9c9c;
@content_area_text_font: @empty;
@content_area_links_font: @content_area_text_font;
@content_area_links_decoration: @empty;
@action_bar_background: @container_inner_border_color;
@action_bar_border: 1px solid @container_outer_border_color;
@action_bar_border_radius: @empty;
.container > .title-bar { background-color: @title_bar_background_color; background-image: @title_bar_background_image; background-attachment: @title_bar_background_attachment; background-repeat: @title_bar_background_repeat; background-position: @title_bar_background_position; border: @title_bar_border; .rounded-corners(@title_bar_border_radius); }
.ui-dialog .ui-dialog-titlebar { padding: .3em 1em; position: relative; background-color: @title_bar_background_color; background-image: @title_bar_background_image; background-attachment: @title_bar_background_attachment; background-repeat: @title_bar_background_repeat; background-position: @title_bar_background_position; border: @title_bar_border; .rounded-corners(@title_bar_border_radius); }
.ui-dialog .ui-dialog-title { color: @title_text_color; font: @title_text_font; text-decoration: @title_text_decoration; font-variant: @title_text_variant; text-transform: @title_text_transform; text-align: @title_text_align; text-shadow: @title_text_shadow; float: left; margin: .1em 16px .2em 0; }
.container > .title-bar h1, .container > .title-bar h2, .container > .title-bar h3 { color: @title_text_color; font: @title_text_font; text-decoration: @title_text_decoration; font-variant: @title_text_variant; text-transform: @title_text_transform; text-align: @title_text_align; text-shadow: @title_text_shadow; }
.container > .title-bar > .controls li a, .container > .title-bar > .controls li div { color: @title_buttons_color; background-color: @title_buttons_background_color; background-image: @title_buttons_background_image; background-attachment: @title_buttons_background_attachment; background-repeat: @title_buttons_background_repeat; background-position: @title_buttons_background_position; font: @title_buttons_font; text-decoration: @title_buttons_decoration; height: 30px; line-height: 30px !important; padding: 0 10px; }
.container > .title-bar > .controls:hover li a, .container > .title-bar > .controls:hover li div { color: @title_buttons_hover_color !important; background: @title_buttons_hover_background; font: @title_buttons_hover_font; text-decoration: @title_buttons_hover_decoration !important; }
.container > .content, .ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-buttonpane, .container.copy .clone { background: @content_background; border-width: @content_border_width; border-style: @content_border_style; border-color: @container_outer_border_color; border-top-width: 0px; padding: 0px; .rounded-corners(@content_border_radius); }
.content-box { background: @content_area_background; border: @content_area_border; .rounded-corners(@content_area_border_radius); color: @content_area_text_color; font: @content_area_text_font; }
.content-box a, .container a { color: @container_links_color; font: @content_area_links_font; text-decoration: @content_area_links_decoration; }
.container > .control-bar { background: @action_bar_background; border: @action_bar_border; border-top-width: 0px; border-bottom-width: 0px; .rounded-corners(@action_bar_border_radius); margin-bottom: 0px; }
.container { margin-bottom: 10px; color: @container_text_color_1; }
.container > .title-bar { min-height: 30px; padding: 0px 10px; }
.container > .title-bar h1, .container > .title-bar h2, .container > .title-bar h3 { line-height: 30px !important; display: inline; }
.container > .title-bar.bbcode { min-height: 30px; padding: 0px; }
.container > .title-bar.bbcode h2 { width: (@wrapper_width - 10); line-height: inherit !important; padding: 0px; display: block; }
*+html .container > .title-bar.bbcode h2 { line-height: 16px !important; }
.title_wrapper { padding: 7px 10px; overflow: hidden; }
.title_wrapper img { display: block; }
.container abbr.time { color: @timestamp_color; }
.container .note { color: lighten(@container_text_color_1, 15%); }
.container > .title-bar > .controls { float: right; }
.container > .control-bar > .controls { float: right; padding: 5px; color: #000000; }
.container > .content { overflow: hidden; }
.controls > li a { display: inline-block; }
.control-bar .ui-pagination { padding: 5px 5px 3px 10px; }
.control-bar > div.float-left { padding-left: 10px; padding-top: 8px; padding-bottom: 8px; }
.control-bar > div.float-left img { padding-right: 5px; }
.control-bar .controls ul { z-index: 233; }
.control-bar .controls .ui-selectMenu-box { margin-left: 10px; }
.control-bar .ui-search { padding-bottom: 5px !important; }
.ui-selectMenu-box { border: 1px solid darken(@container_inner_border_color, 20%); }
.ui-selectMenu-box .arrow.down > span { border-top-color: #000000; }
.ui-dialog { .rounded-corners(); .hsla-bgcolor-safe(@container_outer_border_color, .5); }
.ui-dialog .ui-dialog-titlebar-close:hover span, .ui-dialog .ui-dialog-titlebar-close:focus span { background-image:url('http://images.proboards.com/v5/ui-icons.png'); background-position: -20px, 0px; }
.ui-dialog div.ui-dialog-buttonpane.ui-widget-content { text-align: right; margin-top: 10px; padding: 0 0 0 10px; border-width: 1px; .rounded-corners(5px); }
.ui-dialog div.section { text-align: center; background-color: @container_background_color_1; border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(10px); padding: 10px; margin: 10px 0; }
.ui-search .search-input.filters-input { .rounded-corners(); }
.ui-search .search-input { line-height: 16px !important; padding: 2px; border-width: 1px; border-style: solid; border-color: darken(@container_inner_border_color, 20%); .rounded-corners(5px, 0, 0, 5px); }
.ui-search .search-filters-button { display: inline-block; width: auto; height: auto; margin-left: -2px; min-height: 19px; padding: 3px 4px 2px 4px; border-width: 1px 1px 1px 0px !important; border-style: solid; border-color: darken(@container_inner_border_color, 20%); .rounded-corners(0, 5px, 5px, 0); vertical-align: top; cursor: pointer; }
.ui-search .search-filters-button .icon { display: inline-block; width: auto; height: auto; }
.ui-search .search-filters-button.state-active { background: @title_buttons_color; }
.event_icon { cursor: pointer; }
.container.copy .clone { .rounded-corners(0px); border-collapse: inherit; border-bottom-width: 0px; }
/* Pagination Menus */
@pagination_micro_background_color: @pagination_background_color;
@pagination_micro_hover_color: @pagination_hover_color;
@pagination_micro_text_color: @pagination_text_color;
.ui-pagination { display: inline-block; overflow: hidden; }
.ui-pagination li { cursor: pointer; list-style: none; float: left; margin-right: 2px; }
.ui-pagination li:last-child { margin-right: 0px; }
.ui-pagination li > a, .ui-pagination li > div { .rounded-corners(3px); font-weight: bold; text-decoration: none; background-color: @pagination_background_color; border: 1px solid darken(@container_inner_border_color, 20%); color: @pagination_text_color; display: inline-block; padding: 4px 5px; }
.ui-pagination li > a:hover, .ui-pagination li > div:hover { border-style: solid; text-decoration: none; background-color: @pagination_hover_color; color: @pagination_text_color; border-color: mix(@pagination_text_color, @pagination_background_color, 70%); }
.ui-pagination li.state-selected > a { border: 0px solid transparent; background-color: @pagination_text_color; color: @pagination_background_color; padding: 5px 6px; cursor: default; }
.ui-pagination li.state-disabled > a { cursor: default; padding: 4px 5px; border-width: 1px; border-style: solid; opacity: .5; filter: alpha(opacity=50); }
.ui-pagination li.state-disabled > a:hover { background-color: @pagination_background_color; border-color: mix(@pagination_text_color, @pagination_background_color, 40%); }
.ui-micro-pagination { overflow: hidden; font-size: 75%; margin-top: 3px; }
.ui-micro-pagination ul, .ui-micro-pagination ul li div { display: inline; }
.ui-micro-pagination ul li { list-style: none; display: inline; margin-right: 2px; }
.ui-micro-pagination ul li:last-child { margin-right: 0px; }
.ui-micro-pagination ul li > a { display: inline-block; text-decoration: none; padding: 0 3px; color: @pagination_micro_text_color; background-color: @pagination_micro_background_color; border: 1px solid mix(@pagination_text_color, @pagination_background_color, 40%); .rounded-corners(2px); }
.ui-micro-pagination ul li > a:hover { color: @pagination_micro_text_color; border: 1px solid mix(@pagination_text_color, @pagination_background_color, 70%); background-color: @pagination_micro_hover_color; }
/* Tabs */
@tabs_background: @container_inner_border_color none left center repeat-x;
@tabs_border: 1px solid @container_inner_border_color;
@tabs_border_radius: 5px 5px 0 0;
@tabs_unselected_background: @container_background_color_2;
@tabs_unselected_border: @empty;
@tabs_unselected_border_radius: 5px 5px 0 0;
@tabs_unselected_text_color: @container_links_color;
@tabs_unselected_text_font: 100% @default_forum_text_font_family;
@tabs_unselected_text_decoration: none;
@tabs_selected_background: @container_background_color_1;
@tabs_selected_border: @tabs_unselected_border;
@tabs_selected_border_radius: @tabs_unselected_border_radius;
@tabs_selected_text_color: @container_links_color;
@tabs_selected_text_font: @tabs_unselected_text_font;
@tabs_selected_text_decoration: @tabs_unselected_text_decoration;
@tabs_hover_background: @container_highlight_color;
@tabs_hover_border: @tabs_unselected_border;
@tabs_hover_border_radius: @tabs_unselected_border_radius;
@tabs_hover_text_color: @tabs_unselected_text_color;
@tabs_hover_text_font: @tabs_unselected_text_font;
@tabs_hover_text_decoration: @tabs_unselected_text_decoration;
.ui-tabMenu ul { background: @tabs_background; border: @tabs_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding: 5px 5px 0 5px; }
.ui-tabMenu ul li { height: 26px; list-style: none; float: left; top: 1px; margin: 0 2px 1px 0; position: relative; background: @tabs_unselected_background; border: @tabs_unselected_border; .rounded-corners(@tabs_border_radius); }
.ui-tabMenu ul li a { color: @tabs_unselected_text_color; font: @tabs_unselected_text_font; text-decoration: @tabs_unselected_text_decoration; float: left; padding: 5px 14px; white-space: nowrap; }
.ui-tabMenu ul li:hover { background: @tabs_hover_background; border: @tabs_hover_border; .rounded-corners(@tabs_hover_border_radius); }
.ui-tabMenu ul li:hover a { color: @tabs_hover_text_color; font: @tabs_hover_text_font; text-decoration: @tabs_hover_text_decoration; }
.ui-tabMenu ul li.ui-active { background: @tabs_selected_background; border: @tabs_selected_border; .rounded-corners(@tabs_selected_border_radius); }
.ui-tabMenu ul li.ui-active a { color: @tabs_selected_text_color; font: @tabs_selected_text_font; text-decoration: @tabs_selected_text_decoration; border-bottom: 1px solid @tabs_selected_background; }
/* Tables / Lists */
@lists_inner_border_width: 1px;
@lists_inner_border_style: solid;
@lists_background: @empty;
@lists_text_color: @container_text_color_1;
@lists_text_font: @empty;
@lists_links_color: @container_links_color;
@lists_links_font: @empty;
@lists_links_decoration: none;
@lists_hover_background_image: @empty;
@lists_hover_background_attachment: @empty;
@lists_hover_background_repeat: @empty;
@lists_hover_background_position: @empty;
@lists_hover_text_color: @lists_text_color;
@lists_hover_text_font: @lists_text_font;
@lists_hover_links_color: @lists_links_color;
@lists_hover_links_font: @lists_links_font;
@lists_hover_links_decoration: underline;
@lists_selected_background: @container_highlight_color;
@lists_selected_text_color: @lists_text_color;
@lists_selected_text_font: @lists_text_font;
@lists_selected_links_color: @lists_links_color;
@lists_selected_links_font: @lists_links_font;
@lists_selected_links_decoration: none;
table.list > thead > tr > th, table.list > tbody > tr > td { border-width: 0px @lists_inner_border_width @lists_inner_border_width 0px; border-style: @lists_inner_border_style; border-color: @container_inner_border_color; vertical-align: middle; padding: 10px; .box-sizing(); }
table.list { color: @lists_text_color; font: @lists_text_font; background: @lists_background; table-layout: fixed; font-size: 90%; width: 100%; .box-sizing(); }
.list a { color: @lists_links_color; font: @lists_links_font; text-decoration: @lists_links_decoration; }
.list .item.state-hover, .list .board.item:hover, #calendar-list .item:hover { color: @lists_hover_text_color; font: @lists_hover_text_font; background-color: @container_highlight_color; background-image: @lists_hover_background_image; background-attachment: @lists_hover_background_attachment; background-repeat: @lists_hover_background_repeat; background-position: @lists_hover_background_position; }
.list .item > .main.state-hover .link a, .list .item:hover > .main .link a { color: @lists_hover_links_color; font: @lists_hover_links_font; text-decoration: @lists_hover_links_decoration; }
.list .item.state-selected { color: @lists_selected_text_color; font: @lists_selected_text_font; background: @lists_selected_background; }
.list .item.state-selected a { color: @lists_selected_links_color; font: @lists_selected_links_font; text-decoration: @lists_selected_links_decoration; }
table.list > thead > tr > th { padding: 5px 10px; white-space: nowrap; }
table.list > thead > tr.last > td, table.list > tbody > tr.last > td { border-bottom-width: 0px; }
table.list > thead > tr > .last, table.list > tbody > tr > .last { border-right: none; }
table.list td.icon, table.list th.icon { width: 55px; text-align: center; }
table.list td.main, table.list th.main { padding: 10px 10px 10px 0px; }
table.list .checkbox { width: 25px; text-align: center; padding: 0px; border-right: none; }
table.list .checkbox-placeholder { border-right: none !important; }
.list .item > .main { cursor: pointer; overflow: hidden; }
.list .item .list-item-checkbox { visibility: hidden; }
.list .item.state-hover .list-item-checkbox, .list .item.state-selected .list-item-checkbox { visibility: visible; }
table.list abbr.time, table.list .last-edited { color: @timestamp_color; }
/* New Icons */
@new_background: @title_buttons_background_color @all_gradients left center repeat-x;
@new_border: 1px solid darken(@title_buttons_background_color, 15%);
@new_border_radius: 5px;
@new_link_transform: uppercase;
@new_link_color: @title_buttons_color;
@new_link_font: bold 7px @default_forum_text_font_family;
@new_link_decoration: none;
@new_hover_background: @new_background;
@new_hover_border: @new_border;
@new_hover_border_radius: @new_border_radius;
@new_hover_link_transform: @new_link_transform;
@new_hover_link_color: @new_link_color;
@new_hover_link_font: @new_link_font;
@new_hover_link_decoration: @new_link_decoration;
.new-icon { background: @new_background; border: @new_border; .rounded-corners(@new_border_radius); display: none; float: left; margin: 3px 5px 3px 0px; padding: 0px 1px; word-wrap: normal; }
.new-icon, .new-icon a { color: @new_link_color !important; font: @new_link_font; text-decoration: @new_link_decoration; text-transform: @new_link_transform; text-align: center; line-height: 10px !important; height: 10px; }
.new-icon:hover { background: @new_hover_background; border: @new_hover_border; .rounded-corners(@new_hover_border_radius); }
.new-icon:hover, .new-icon:hover a { color: @new_hover_link_color !important; font: @new_hover_link_font; text-decoration: @new_hover_link_decoration; text-transform: @new_hover_link_transform; }
/* Footer */
@footer_text_color: #e2e2e2;
@footer_text_font: .8em @default_forum_text_font_family;
@footer_text_decoration: none;
@footer_background: ~"";
@footer_border: ~"";
@footer_hover_color: @footer_text_color;
@footer_hover_font: @footer_text_font;
@footer_hover_decoration: @footer_text_decoration;
@footer_pipe_color: @default_forum_text_color;
@footer_copyright_color: @default_forum_text_color;
@footer_copyright_font: .8em @default_forum_text_font_family;
@footer_pb_link_color: @link_color;
@footer_pb_link_font: 100% @default_forum_text_font_family;
@footer_pb_link_decoration: none;
footer { text-align: center; display: block; background: @footer_background; border: @footer_border; padding-top: 5px; padding-bottom: 28px; }
footer .footer-links { margin: 0 auto; color: @footer_pipe_color; }
footer .footer-links a { color: @footer_text_color; text-decoration: @footer_text_decoration; font: @footer_text_font; }
footer .footer-links a:hover { color: @footer_hover_color; text-decoration: @footer_hover_decoration; font: @footer_hover_font; }
footer .footer-text { text-align: center; color: @footer_copyright_color; margin: 5px 0 0 0; font: @footer_copyright_font; }
footer .footer-text a { color: @footer_pb_link_color; text-decoration: @footer_pb_link_decoration; font: @footer_pb_link_font; }
/**************************************************************************
* Pages *
**************************************************************************/
/* Search Page */
.search .content { padding: 10px 0px 0px 10px; }
.search .content form > div { padding: 10px; margin-right: 10px; margin-bottom: 10px; }
.search .header, #how { font-size: 14px; padding: 10px; }
.search .options-container { padding: 10px; width: 432px; font-size: 11px; margin-right: 10px; height: 200px; overflow: hidden; }
.search .options-container th { padding-bottom: 5px; font-size: 14px; text-align: left; font-weight: normal; }
.search .options-container td { padding: 5px 5px 5px 0; }
.search .footer { font-size: 14px; line-height: 20px !important; }
.search .footer input { float: right; }
.search .footer #transcription { width: 89%; font-size: 11px; }
.search .disabled { background-color: #DDDDDD; }
.search #what input, .search #where input, .search #who input { width: 230px; }
.search #who select { width: 235px; }
.search #when input { width: 80px; }
.search input[id*="-placeholder"] { cursor: pointer; }
#where-board-subboard, #where-without, #where-category, #who-member-group { display: none; }
/* Calendar Page */
@cal_background: @container_background_color_1;
@cal_border: 1px solid @container_inner_border_color;
@cal_border_radius: 10px;
@cal_inner_border: 1px solid @container_inner_border_color;
@cal_link_alignment: right;
@cal_title_color: @container_text_color_1;
@cal_title_font: @empty;
@cal_day_background: @container_highlight_color;
@cal_day_link_color: @container_links_color;
@cal_day_link_font: @empty;
@cal_day_link_decoration: @empty;
@cal_cur_month_background: @container_background_color_2;
@cal_cur_month_link_color: @container_links_color;
@cal_cur_month_link_font: @empty;
@cal_cur_month_link_decoration: @empty;
@cal_month_background: @container_background_color_1;
@cal_month_link_color: @container_text_color_1;
@cal_month_link_font: @empty;
@cal_month_link_decoration: @empty;
@cal_list_title_border_radius: 10px 10px 0 0;
@cal_list_align_icon: center;
@cal_list_align_last: right;
@cal_list_last_color: @empty;
@cal_list_last_font: @empty;
.cal-box { background: @cal_background; border: @cal_border; .rounded-corners(@cal_border_radius); width: 100%; border-collapse: separate; }
.cal-box th { padding: 3px 0px; }
.cal-box th, .cal-current-panel .cal-box td, #calendar-list .cal-box td { border: @cal_inner_border; border-top-width: 0px; border-left-width: 0px; }
.cal-box th, .cal-box th * { color: @cal_title_color; font: @cal_title_font; }
.cal-box .current-day .head, .cal-box .today .head, .ui-datepicker td.ui-datepicker-today a { background: @cal_day_background; }
.cal-box .current-day .head a, .cal-box .today .head a, .ui-datepicker td.ui-datepicker-today a { color: @cal_day_link_color; font: @cal_day_link_font; text-decoration: @cal_day_link_decoration; }
.cal-box .head { background: @cal_cur_month_background; }
.cal-box a { color: @cal_cur_month_link_color; font: @cal_cur_month_link_font; text-decoration: @cal_cur_month_link_decoration; }
.cal-box .off .head a { color: @cal_month_link_color; font: @cal_month_link_font; text-decoration: @cal_month_link_decoration; }
.cal-current-panel { vertical-align: top; }
.cal-current-panel .cal-box .last { border-right: none; }
.cal-current-panel .cal-box .last td { border-bottom: none; }
.cal-current-panel .body { min-height: 74px; height: 74px; padding-bottom: 15px; padding: 3px; overflow: hidden; }
.cal-current-panel .body a, .cal-current-panel .birthday-event { white-space: nowrap; }
.cal-current-panel .off .head { background: @cal_month_background; }
.cal-current-panel .head { text-align: @cal_link_alignment; cursor: pointer; padding-bottom: 3px; height: 16px; overflow: hidden; }
.cal-current-panel .head a { font-weight: bold; font-size: 12px; padding: 2px; overflow: hidden; }
.cal-preview-panel { width: 180px; padding-right: 10px; vertical-align: top; }
.cal-preview-panel .header th { border-right: none; }
.cal-preview-panel .header th a { color: @container_links_color; }
.cal-preview-panel td { padding: 2px 0px; }
.cal-preview-panel .weekdays td { padding-top: 5px; }
.cal-preview-panel .cal-box { table-layout: auto; width: 100%; text-align: center; padding-bottom: 10px; margin-bottom: 10px; }
.cal-preview-panel .cal-box .head { padding: 0px 1px 2px 0px; }
.cal-preview-panel .off .head { background-color: transparent; }
.cal-preview-panel a.has-events { font-weight: bold; }
#calendar-list { vertical-align: top; }
#calendar-list .new .new-icon { display: inline-block; }
#calendar-list table { table-layout: auto; }
#calendar-list table.cal-box td { border-width: 0px 0px 1px 0px; }
#calendar-list tr:last-child td { border-bottom: none; }
#calendar-list tr:first-child th { .rounded-corners(@cal_list_title_border_radius); }
#calendar-list th { padding: 5px 15px; text-align: left; border-right: none; }
#calendar-list td.icon { width: 60px; height: 60px; text-align: @cal_list_align_icon; border: @cal_inner_border; border-width: 0px 1px 1px 0px; }
#calendar-list td.main { cursor: pointer; padding: 0 10px; }
#calendar-list td.last_post { color: @cal_list_last_color; font: @cal_list_last_font; text-align: @cal_list_align_last; width: 250px; padding-right: 10px; }
.calendar .content { padding: 10px; }
.calendar .content > table { width: 100%; vertical-align: top; }
.calendar .content > table > tr > td { vertical-align: top; }
.calendar .control-bar .calendar-jump .button { float: left; }
.calendar .control-bar .calendar_go_button { display: none; margin: 0 5px 0 10px; }
#to-date-container { display: none; }
.ui-datepicker { .hsla-bgcolor-safe(@container_outer_border_color, .5); }
.ui-datepicker .ui-datepicker-header { background-color: @title_bar_background_color; background-image: @all_gradients; border-color: @container_outer_border_color; }
.ui-datepicker .ui-datepicker-title { color: @title_text_color; }
.ui-datepicker table { background-color: @container_background_color_1; border-color: @container_outer_border_color; }
.ie7 .calendar .control-bar .calendar_go_button { margin-left: 0; }
.ie7 .calendar .control-bar .controls .ui-selectMenu-box { margin-left: 0; margin-right: 10px; }
/* Members Page */
@members_background: @empty;
@members_text_color: @empty;
@members_text_font: @empty;
@members_text_align: left;
@members_align_name: left;
@members_align_username: left;
@members_align_rank: left;
@members_align_group: left;
@members_align_posts: left;
@members_align_date_registered: left;
@members_align_last_online: right;
.member { cursor: pointer; }
.members table.list { table-layout: fixed; }
.members thead { color: @members_text_color; font: @members_text_font; background: @members_background; }
.members th.sortable { cursor: pointer; overflow: hidden; text-align: @members_text_align; }
.members .name { width: 19%; text-align: @members_align_name; }
.members .username { width: 17%; text-align: @members_align_username; }
.members .rank { width: 16%; text-align: @members_align_rank; }
.members .group { width: 16%; text-align: @members_align_group; }
.members .posts { width: 8%; text-align: @members_align_posts; }
.members .date-registered { width: 18%; text-align: @members_align_date_registered; }
.members .last-online { width: 18%; text-align: @members_align_last_online; }
.members .last-online abbr.timestamp { font-size: 100%; }
.members .list-content td { word-wrap: break-word; overflow: hidden; padding: 3px 10px; .box-sizing(content-box); }
.members .list-content .checkbox { padding: 3px 0px 3px 7px; }
/* View Profile */
.show-user table { width: 100%; }
.show-user .controls > * { float: right; }
.show-user table.list { font-size: 100%; }
.show-user .heading th, .show-user .heading td { font-weight: bold; padding: 8px 0px; text-align: center; border-right: 0px; }
.show-user td.avatar, th.avatar { width: 75px; border-width: 1px 1px 0 0; padding: 3px; }
.show-user .list .main { border-right-width: 0; border-width: 1px 0 0 0; padding: 5px 33px 5px 33px; }
.show-user .delete { width: 60px; padding: 5px 10px 5px 5px; border-width: 1px 1px 0 0; vertical-align: middle; text-align: right; }
.show-user .time-container { width: 22%; padding: 3px 10px 3px 3px; text-align: right; border-width: 1px 0 0 0; }
.show-user a.show-more { border-top: 1px solid @container_inner_border_color; display: block; font-weight: bold; padding: 8px 0px; text-align: center; }
.show-user .content-box { margin-bottom: 10px; overflow: hidden; }
.show-user .content-box:last-child { margin-bottom: 0px; }
.show-user .following { table-layout: auto; }
.show-user .center-col { padding: 10px; }
.show-user td.status-input input { width: 100%; }
.show-user td.status-submit { width: 120px; text-align: right; }
.show-user .headings { width: 175px; }
.show-user #center-column { vertical-align: top; }
.show-user #right-column { width: 180px; vertical-align: top; }
.show-user .right-col { width: 167px; margin-left: 10px; text-align: center; }
.show-user .social { width: 50%; float: left; }
.show-user .messengers span.label { width: 55px; display: inline-block; }
.show-user .mini-user { width: 75px; max-width: 75px; min-height: 90px; display: inline-block; overflow: hidden; padding: 4px 0px; vertical-align: top; text-align: center; }
.ie7 .show-user .mini-user { display: inline; margin-right: 10px; }
.show-user #status-bar { border-top: none !important; }
.show-user #status-bar td { border: none; }
.show-user #status-input-box input { width: 99%; }
.show-user .delete a { display: none; }
.show-user .notifications .main { padding: 10px 33px; }
.show-user .notifications .main .new-icon { display: inline-block; }
.show-user .friends-stats { float: right; }
.online-friends .mini-profile { margin-right: 10px; margin-bottom: 10px; vertical-align: top; display: inline-block; }
.offline-friends .micro-profile { float: left; text-align: left; margin-right: 10px; margin-bottom: 10px; }
.show-user .members-link-container { margin-bottom: 10px; }
.show-user .empty-result-message { text-align: center; padding-bottom: 25px; }
.show-user .groups td { border-width: 1px 1px 0px 0px; text-align: center; padding: 12px 0px; }
.show-user .groups td:first-child { text-align: left; padding-left: 20px; }
.show-user .groups td:last-child { border-right: 0px; }
.show-user .groups .group_desc { width: 40%; }
.show-user .groups .leaders { width: 25%; }
.show-user .groups .members { width: 10%; }
.show-user .groups .status { width: 15%; }
.show-user .groups .heading td { padding: 4px 0px; text-align: center; }
.show-user .badge-wish { text-align: center; height: 100px; margin-right: 10px; }
.show-user .badge-wish img { display: block; }
.show-user .visit-badge-store { text-align: center; width: 130px; }
.show-user .visit-badge-store .badge-store-text { width: 110px; height: 54px; margin: 10px auto 5px auto; }
.badge-thumbs { padding: 5px 100px 5px 5px !important; position: relative; min-height: 36px; }
.badge-thumbs .badge-thumb { margin: 5px; }
.badge-thumbs .button { position: absolute; top: 50%; right: 10px; margin-top: -13px; }
/* Edit Profile */
.big_username { font-size: 20pt; }
.edit-user .title { font-weight: bold; margin-bottom: 4px; }
.edit-user textarea { padding: 2px; margin: 0; }
.edit-user input, .edit-user select, .edit-user textarea { display: inline-block; zoom: 1; margin-top: 5px; }
.edit-user .content-box { margin: 10px; padding: 10px; }
.edit-user .content-box.options { position: relative; zoom: 1; }
.edit-user .content-box.options table { table-layout: auto; }
.edit-user .content-box.options td { padding: 9px 5px; }
.edit-user .content-box.options input[type="radio"] { margin-top: 0px; }
.edit-user .pad { padding: 10px; }
.edit-user .pad.info { padding-bottom: 0; clear: both; }
.edit-user .pad .username { font-size: 1em; font-weight: normal; margin-top: 14px; }
.edit-user .note { font-style: italic; font-size: 85%; }
.edit-user label { display: block; font-weight: 800; }
.edit-user .radio label, .edit-user .checkbox label { display: inline; font-weight: 400; }
.edit-user .avatar.content-box { padding: 10px 10px 0px 0px; }
.edit-user .avatar h4 { margin-bottom: 5px; }
.edit-user .user-search { padding-top: 3px; }
.edit-user .avatar { margin-bottom: 10px; }
.edit-user .notifications table { table-layout: auto; }
.edit-user .notifications th, .edit-user .notifications td { padding: 0px 5px; }
.edit-user .notifications th.description { width: 760px; }
.edit-user .edit_button_spacer { min-width: 275px; display: inline-block; }
#user_block_list .user-search-selection .ui-selectlist-item { float: none; clear: both; margin-bottom: 10px; }
#user_block_list .user-search-selection .ui-selectlist-item .block_list_options { float: left; width: 430px; padding-left: 20px; }
#user_block_list .selectlist-wrapper { float: left; position: relative; }
#user_block_list .block_list_options input { margin: 0 5px 5px 5px; padding: 0; height: 13px; }
#user_block_list .block_list_options label { position: relative; top: -2px; }
.edit-user #avatar-options .content-box { position: relative; margin: 10px 0px 0px 10px; float: left; min-height: 250px; padding: 10px; text-align: center; width: 150px; }
.edit-user #avatar-options .content-box.options { width: 100%; min-width: 279px; max-width: 350px; text-align: left; }
#forum-avatars-wrapper img:hover { border-width: 3px; border-style: solid; border-color: @link_color; .rounded-corners(); margin: -3px; }
#image-avatar-editor-container .wrapper { padding: 10px 5px 5px 5px; margin-top: 15px; *width: 520px; }
#image-avatar-editor-container .wrapper.first { clear: both; margin-top: 10px; }
#image-avatar-editor-container span.fileupload-buttonbar { display: inline-block; margin: 10px 0; }
#image-avatar-editor-container .files { margin: 0; }
#image-avatar-editor-container #link-image { height: 18px; }
#image-avatar-editor-container #link-image.button { cursor: pointer; }
#forum-avatar-editor-container { padding: 0; }
#forum-avatars-wrapper { width: 510px; margin: 0 auto; padding: 10px; }
#forum-avatars-wrapper .avatar-wrapper { float: left; margin: 10px; }
#forum-avatars-wrapper img { max-height: 150px; max-width: 150px; }
/* Badge Options Tab */
#badge-options h4 { margin-top: 10px; }
#badge-options .badges-have .badge-thumbs { width: 240px; }
#badge-options .badges-dont-have .badge-thumbs { width: 110px; }
#badge-options .badge-thumbs { float: left; padding: 5px !important; }
#badge-options .badge-thumbs .badge-thumb, #badge-options .badge-thumbs .badge-icons { float: left; }
#badge-options .badge-icons img { margin: 5px 0 5px 10px; vertical-align: middle; }
#badge-options .badge-thumbs .badge-icons img, #badge-options .badge-thumbs .badge-icons input { margin: 5px 0 0 10px; width: 16px; height: 16px; }
#badge-options .badge-thumbs .badge-icons input { margin-top: 8px; padding: 0; }
#badge-options .badge-thumbs .small { vertical-align: bottom; }
#badge-options .badges-dont-have .badge-icons img { margin-top: 16px; }
#badge-options .badge-gift, #badge-options .badge-use-action { color: @container_text_color_1; }
/* Board List */
@board_names_color: #354653;
@board_names_font: 105% verdana bold;
@board_desc_color: none;
@board_desc_font: normal 90% Verdana ;
@board_mod_color: #282c2d;
@board_mod_font: 75% verdana;
@board_sub_color: @empty;
@board_sub_font: 75% verdana;
@board_align_main: justify;
@board_align_threads: center;
@board_align_posts: center;
@board_align_last_post: center;
.boards .main { width: 59%; text-align: @board_align_main; }
.boards .threads { width: 9%; text-align: @board_align_threads; white-space: nowrap; }
.boards .posts { width: 8%; text-align: @board_align_posts; white-space: nowrap; }
.boards .latest { width: 20%; text-align: @board_align_last_post; }
.boards .main.redirect { border-right: 0px; }
.boards .main .link a { color: @board_names_color; font: @board_names_font; }
.boards .main .description { color: @board_desc_color; font: @board_desc_font; padding-left: 0px; padding-bottom: 3px; }
.boards .main .moderators { color: @board_mod_color; font: @board_mod_font; padding-bottom: 3px; }
.boards .main .sub-boards { color: @board_sub_color; font: @board_sub_font; }
.boards table.list { table-layout: auto; }
.boards table.list th.main { padding-left: 10px; }
.boards table.list > tbody > tr > td { padding: 5px 10px; }
/* Board Password Page */
#password-wrapper { margin: 10px 0px; }
#password-wrapper div { display: inline-block; margin-right: 5px; }
#password-wrapper input { padding: 1px 6px 3px 6px; }
/* Thread List */
@thread_align_subject: left;
@thread_align_created_by: center;
@thread_align_replies: center;
@thread_align_views: center;
@thread_align_last_post: right;
.threads .main { width: 41%; text-align: @thread_align_subject; }
.threads .created-by { width: 14%; text-align: @thread_align_created_by; }
.threads .replies { width: 9%; text-align: @thread_align_replies; }
.threads .views { width: 8%; text-align: @thread_align_views; }
.threads .latest { width: 20%; text-align: @thread_align_last_post; cursor: pointer; }
.threads .icons { white-space: nowrap; }
.threads .control-icons img { padding-right: 5px; }
.threads .control-icons .lock_icon, .threads .control-icons .falling_icon, .threads .control-icons .event_icon, #bookmarks.threads .bookmark_icon { width: 0; padding-right: 0; }
.threads .checkbox { width: 2%; }
.threads .checkbox-placeholder { width: 5px; }
.threads .main table { table-layout: auto; }
.threads table.list { table-layout: auto; }
.threads .item.new .new-icon { display: inline-block; }
.threads .item.announcement.last > td { border-width: 0px 1px 10px 0px; border-style: solid; }
.threads .item.announcement.last > td.checkbox, .threads .item.announcement.last > td.last { border-right: none; }
/* Conversation List */
@conversation_align_created_by: center;
@conversation_align_replies: center;
@conversation_align_last_reply: right;
.conversations table.list { table-layout: auto; }
.conversations .created-by, .conversations .recipients { width: 17%; text-align: @conversation_align_created_by; }
.conversations .replies { width: 8%; text-align: @conversation_align_replies; }
.conversations .latest { width: 20%; text-align: @conversation_align_last_reply; padding-right: 10px; cursor: pointer; }
.conversations .checkbox { width: 24px; }
.conversations .item.new .new-icon { display: inline-block; }
/* Polls */
@polls_selection_border: 1px solid @container_inner_border_color;
@polls_selection_background: @container_highlight_color;
@polls_rank_default_background: #AAAAAA url('http://images.proboards.com/v5/gradients/bar.png') repeat-x left center;
@polls_rank_default_border: 1px solid #000000;
@polls_rank_default_border_radius: 5px;
@polls_rank_default_rank_color: #FFFFFF;
@polls_rank_default_rank_background: #000000;
@polls_rank_default_rank_border: 5px;
@polls_rank_first_background_color: #FFCC22;
@polls_rank_second_background_color: #66DDEE;
@polls_rank_third_background_color: #FF0000;
.ui-poll .results td .select-box { min-width: 15px; min-height: 15px; border: @polls_selection_border; }
.ui-poll .results tr.ui-selected { background: @polls_selection_background; }
.ui-poll .poll-vote-bar .bar { background: @polls_rank_default_background; border: @polls_rank_default_border; border-right-width: 0px; .rounded-corners(@polls_rank_default_border_radius, 0, 0, @polls_rank_default_border_radius); float: left; height: 17px; min-width: 5px; }
.ui-poll .poll-vote-bar .rank { float: left; background: @polls_rank_default_background; border: @polls_rank_default_border; border-left-width: 0px; height: 17px; padding-left: 2px; .rounded-corners(0, @polls_rank_default_border_radius, @polls_rank_default_border_radius, 0); }
.ui-poll .poll-vote-bar .rank div { margin-right: 1px; margin-top: 1px; color: @polls_rank_default_rank_color; font-size: 80%; background: @polls_rank_default_rank_background; opacity: .5; filter: alpha(opacity=50); padding: 1px 2px; .rounded-corners(@polls_rank_default_rank_border); }
.ui-poll .poll-vote-bar.rank-1 .rank, .ui-poll .poll-vote-bar.rank-1 .bar { background-color: @polls_rank_first_background_color; }
.ui-poll .poll-vote-bar.rank-2 .rank, .ui-poll .poll-vote-bar.rank-2 .bar { background-color: @polls_rank_second_background_color; }
.ui-poll .poll-vote-bar.rank-3 .rank, .ui-poll .poll-vote-bar.rank-3 .bar { background-color: @polls_rank_third_background_color; }
.ui-poll { padding: 10px; }
.ui-poll table { table-layout: fixed; width: auto; }
.ui-poll .icon-poll { margin-right: 5px; }
.ui-poll .results { margin-bottom: 5px; }
.ui-poll .results td { padding: 5px; }
.ui-poll .results tr.ui-hover { background-color: @container_highlight_color; cursor: default; }
.ui-poll .results td:first-child { padding-right: 0px; }
.ui-poll .results .stats { float: left; margin-left: 5px; line-height: 18px !important; }
.ui-poll .voted ul { list-style: disc; padding-left: 20px; }
.ui-poll .vote-input { margin-top: 5px; }
.ui-poll .vote-input-cooldown { margin-left: 5px; margin-top: 2px; }
.ui-poll .poll-vote-bar { float: left; overflow: hidden; min-width: 10px; }
.ui-poll .results tr td .select-box img { visibility: hidden; display: block; }
.ui-poll .results tr.ui-selected td .select-box img { visibility: visible; }
/* Posts */
@posts_odd_background_color: @container_background_color_1;
@posts_odd_background_image: @empty;
@posts_odd_background_attachment: @empty;
@posts_odd_background_repeat: @empty;
@posts_odd_background_position: @empty;
@posts_odd_text_color: @container_text_color_1;
@posts_even_background_color: @container_background_color_2;
@posts_even_background_image: @empty;
@posts_even_background_attachment: @empty;
@posts_even_background_repeat: @empty;
@posts_even_background_position: @empty;
@posts_even_text_color: @container_text_color_2;
@posts_separator_border: 1px solid @container_inner_border_color;
@posts_likes_color: @empty;
@posts_likes_font: 80% @default_forum_text_font_family;
@posts_header_border: 1px solid @container_inner_border_color;
@posts_code_background: @container_background_color_1;
@posts_code_border: 1px solid @container_inner_border_color;
@posts_code_text_color: @container_text_color_1;
@posts_code_text_font: @empty;
@posts_edited_text_color: @empty;
@posts_edited_text_font: 80% @default_forum_text_font_family;
@posts_signatures_border: 1px solid @container_inner_border_color;
@posts_signatures_text_color: @empty;
@posts_signatures_text_font: 80% @default_forum_text_font_family;
.posts .post, .post .quote div.quote div.quote_body, .post.even .quote div.quote_body { color: @posts_odd_text_color; background-color: @posts_odd_background_color; background-image: @posts_odd_background_image; background-attachment: @posts_odd_background_attachment; background-repeat: @posts_odd_background_repeat; background-position: @posts_odd_background_position; }
.posts .post.even, .post .quote div.quote_body, .post.even .quote div.quote div.quote_body { color: @posts_even_text_color; background-color: @posts_even_background_color; background-image: @posts_even_background_image; background-attachment: @posts_even_background_attachment; background-repeat: @posts_even_background_repeat; background-position: @posts_even_background_position; }
.post.item abbr.time, .post.item.even .quote abbr.time, .post.item .quote .quote abbr.time { color: @posts_odd_text_color; }
.post.item.even abbr.time, .post.item .quote abbr.time, .post.item.even .quote .quote abbr.time { color: @posts_even_text_color; }
.posts .post .post-method { font-size: .8em; }
.posts span.labels { display: block; }
.posts span.labels .ui-label { padding: 5px 0 0 5px; display: inline-block; zoom: 1; }
.posts .poll { border-width: 0px 1px 10px 1px; border-style: solid; border-color: @container_inner_border_color; }
.posts .post table { width: 100%; }
.posts .post .left-panel { width: 172px; vertical-align: top; }
.posts .post .content { padding-left: 10px; vertical-align: top; }
.posts .post .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
.posts .post .content-head .info .date { margin-right: 7px; }
.posts .post .content-head .info .date, .posts .post .post-method { vertical-align: -7px; }
.posts .post.recent .content-head .info .date, .posts .post.recent .post-method { vertical-align: 0; }
.posts .post.recent .content-head .info { line-height: 13px !important; }
.posts .post .thread-link { display: none; }
.posts .post.recent .thread-link { display: block; }
.posts .post.recent .likes { vertical-align: 0px; }
.posts .post .content-head .controls { float: right; border-collapse: separate; }
.posts .post .content-head .controls > a { float: left; margin-left: 3px; padding-right: 5px; }
.posts .post .content-head .controls > a.likes-button { padding: 1px 6px 0px 6px; }
.posts .post .content-head .controls > a.likes-button img { margin-top: 2px; }
.posts .post .message { word-wrap: break-word; overflow-x: auto; overflow-y: hidden; margin-bottom: 1.3em; }
.posts .post .message table { width: inherit; }
.posts .post .message table td { padding: 3px; }
.posts .post .message ul {margin-left: 31px; list-style-type: disc;}
.posts .post .message ol {margin-left: 31px; list-style-type: decimal;}
.posts.summary .post .content-head .info { float: none; }
.posts .post.blocked .unblocked { display: none; }
.posts .post .content .thread-link { max-width: 450px; overflow: hidden; }
.posts.item .ui-pagination { padding-left: 0px; }
.likes { vertical-align: -7px; }
.posts #labels { display: none; text-align: right; padding: 5px; }
.posts .post > td, .posts .labels { border: @posts_separator_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }
.likes, .likes:hover { color: @posts_likes_color; font: @posts_likes_font; }
.likes-button { padding: 4px 0px 0px 5px; display: none; }
.liked.likes { display: inline; }
.posts .post .content-head { border: @posts_header_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding-bottom: 5px; margin-bottom: 10px; }
.posts .post .message code { display: block; border: @posts_code_border; padding: 5px; margin-left: 16px; margin-right: 16px; background: @posts_code_background; color: @posts_code_text_color; font: @posts_code_text_font; white-space: pre-wrap; }
.posts .post .foot { height: 1px; vertical-align: bottom; padding-left: 10px; }
.posts .post .foot .edited_by { text-align: right; color: @posts_edited_text_color; font: @posts_edited_text_font; margin-top: 10px; }
.posts .post .foot .signature { color: @posts_signatures_text_color; font: @posts_signatures_text_font; vertical-align: bottom; border: @posts_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }
.posts .bookmark_icon { padding-right: 5px; }
.quote_clear { clear: both; }
/* Message List */
@messages_odd_background: @container_background_color_1;
@messages_odd_text_color: @container_text_color_1;
@messages_even_background: @container_background_color_2;
@messages_even_text_color: @container_text_color_2;
@messages_header_border: 1px solid @container_inner_border_color;
@messages_participants_border: 1px solid @container_inner_border_color;
@messages_code_background: @container_background_color_1;
@messages_code_border: 1px solid @container_inner_border_color;
@messages_code_text_color: @container_text_color_1;
@messages_code_text_font: @empty;
@messages_signatures_border: 1px solid @container_inner_border_color;
@messages_signatures_text_color: @empty;
@messages_signatures_text_font: 80% @default_forum_text_font_family;
.messages .item { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item.even { color: @messages_even_text_color; background: @messages_even_background; }
.messages .item .quote div.quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item.even .quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item .quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background; }
.messages .item.even .quote div.quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background; }
.message.item abbr.time, .message.item.even .quote abbr.time, .message.item .quote .quote abbr.time { color: @messages_odd_text_color; }
.message.item.even abbr.time, .message.item .quote abbr.time, .message.item.even .quote .quote abbr.time { color: @messages_even_text_color; }
.messages .item .content-head { border: @messages_header_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding-bottom: 5px; margin-bottom: 10px; }
.messages .item table { width: 100%; }
.messages .item td { vertical-align: top; }
.messages .item > td { border-width: 0px 1px 1px 1px; border-style: solid; border-color: @container_inner_border_color; }
.messages .item .left-panel { width: 172px; }
.messages .item .content { padding-left: 10px; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
.messages .item .content table { width: inherit; }
.messages .item .content ul {margin-left: 31px; list-style-type: disc;}
.messages .item .content ol {margin-left: 31px; list-style-type: decimal;}
.messages .item .content .message { overflow-x: auto; overflow-y: hidden; margin-bottom: 1.3em; }
.messages .item .content .message table td { padding: 3px; }
.messages .item .content code { display: block; border: @messages_code_border; padding: 5px; margin-left: 16px; margin-right: 16px; background: @messages_code_background; color: @messages_code_text_color; font: @messages_code_text_font; white-space: pre-wrap; }
.messages .item .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
.messages .item .content-head .info .date { vertical-align: -7px; }
.messages .item .content-head .controls { float: right; }
.messages .item .content-head .controls > a { float: left; margin-left: 3px; padding-right: 5px; display: inline; }
.messages .item .foot { padding-left: 10px; vertical-align: bottom; }
.messages .item .foot .signature { text-align: left; color: @messages_signatures_text_color; font: @messages_signatures_text_font; vertical-align: bottom; border: @messages_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }
.message .post-method { vertical-align: -7px; font-size: .8em; }
.messages .conversation-labels { float: right; margin-right: 5px; margin-top: 5px; }
.messages.summary .message .content-head .info { width: 100%; }
.messages .message .controls { min-width: 100px; }
.messages .participants { padding: 5px 10px; border: @messages_participants_border; border-top-width: 0px; }
.posting-options-list, .messaging-options-list { display: none; }
/* Custom Pages */
.pbcpe-widget-title { color: @default_forum_text_color; }
/**************************************************************************
* Objects *
**************************************************************************/
/* Micro Profiles */
@micro_background: @container_background_color_1;
@micro_border: 1px solid @container_inner_border_color;
@micro_border_radius: 0px;
@micro_text_color: @empty;
@micro_text_font: @empty;
@micro_link_color: @empty;
@micro_link_font: @empty;
@micro_link_decoration: @empty;
@micro_remove_background: @container_background_color_1;
@micro_remove_border: 1px solid @container_inner_border_color;
@micro_remove_border_radius: 0 5px 5px 0;
@micro_remove_text_color: @container_text_color_1;
@micro_remove_text_font: bold 80% @default_forum_text_font_family;
.micro-profile { color: @micro_text_color; font: @micro_text_font; position: relative; height: 50px; width: 200px; display: inline-block; padding: 5px; margin-bottom: 3px; border: @micro_border; background: @micro_background; .rounded-corners(@micro_border_radius); overflow: hidden; }
.grp_recipients_div li { color: @micro_text_color; font: @micro_text_font; position: relative; width: 240px; display: inline-block; margin: 3px; padding: 3px 22px 3px 5px; border: @micro_border; background: @micro_background; .rounded-corners(@micro_border_radius); overflow: hidden; float: left; }
.micro-profile a, .grp_recipients_div li a { color: @micro_link_color; font: @micro_link_font; text-decoration: @micro_link_decoration; }
.user-search-selection .ui-selectlist-item .close { color: @micro_remove_text_color; font: @micro_remove_text_font; background: @micro_remove_background; border: @micro_remove_border; .rounded-corners(@micro_remove_border_radius); cursor: pointer; height: 35px; padding: 20px 3px 5px; position: absolute; right: 0px; }
.micro-profile .avatar { display: block; width: 50px; position: absolute; top: 5px; border-width: 0px; }
.micro-profile .info { width: 145px; overflow: hidden; position: absolute; top: 5px; left: 60px; }
.micro-profile .info input { width: 112px; }
.user-search-box { width: 200px; }
.user-search-selectlist { z-index: 99999; }
.user-search-selectlist .content { cursor: pointer; padding: 1px 0px; }
.user-search-selectlist .micro-profile .info { width: 200px; }
.user-search-selection .ui-selectlist-item { float: left; margin-right: 5px; }
.user-search-selection .ui-selectlist-item .micro-profile { .rounded-corners(5px, 0, 0, 5px); }
.user-search-displaybox { min-width: 250px; z-index: 99999; }
.user-search-displaybox .control-bar { border: none; }
.user-search-displaybox .control-bar .ui-pagination { padding: 5px; display: inherit; }
.user-search-selectlist .micro-profile { margin: 1px auto; display: inherit; }
.ie7 .user-search-pagination-note { margin: 5px 0; }
.ie7 .user-search-displaybox .control-bar { width: 350px; }
.ie7 .user-search-displaybox { min-width: 350px; }
.ie7 .user-search-selectlist .micro-profile { margin: 1px 68px 1px 67px; width: 198px; display: inline-block; }
/* Mini Profiles */
@mini_background: url('');
@mini_border: 0px solid;
@mini_border_radius: 0px;
@mini_text_align: center;
@mini_text_color: none;
@mini_text_font: verdana, arial;
@mini_links_color: none;
@mini_links_font: verdana, arial;
@mini_links_decoration: @empty;
@mini_avatar_align: center;
@mini_personal_text_color: @container_text_color_1;
@mini_personal_text_font: 75% Verdana;
@mini_personal_text_align: center;
@mini_info_text_color: @container_text_color_1;
@mini_info_text_font: 75% @default_forum_text_font_family;
@mini_info_text_align: center;
@mini_even_background: @mini_background;
@mini_even_border: @mini_border;
@mini_even_border_radius: @mini_border_radius;
@mini_even_text_align: @mini_text_align;
@mini_even_text_color: @container_text_color_2;
@mini_even_text_font: @mini_text_font;
@mini_even_links_color: @container_links_color;
@mini_even_links_font: @mini_links_font;
@mini_even_links_decoration: @mini_links_decoration;
@mini_even_personal_text_color: @container_text_color_2;
@mini_even_personal_text_font: @mini_personal_text_font;
@mini_even_personal_text_align: @mini_personal_text_align;
@mini_even_info_text_color: @container_text_color_2;
@mini_even_info_text_font: @mini_info_text_font;
@mini_even_info_text_align: @mini_info_text_align;
@mini_warning_background: #AAAAAA url("http://images.proboards.com/v5/gradients/bar.png") repeat-x scroll left center;
@mini_warning_border: 1px solid #000000;
@mini_warning_border_radius: 5px;
@mini_warning_text_align: right;
@mini_warning_number_background_color: #000000;
@mini_warning_number_border_radius: 5px;
@mini_warning_number_text_color: #FFFFFF;
@mini_warning_number_text_font: @empty;
@mini_warning_number_text_decoration: @empty;
@mini_warning_low_background_color: #FFCC22;
@mini_warning_medium_background_color: #FF6611;
@mini_warning_high_background_color: #FF0000;
.mini-profile { color: @mini_text_color; font: @mini_text_font; background: @mini_background; border: @mini_border; .rounded-corners(@mini_border_radius); text-align: @mini_text_align; overflow: hidden; padding: 13px 10px; width: 150px; }
.mini-profile .personal-text { color: @mini_personal_text_color; display: block; font: @mini_personal_text_font; text-align: @mini_personal_text_align; }
.mini-profile .info { color: @mini_info_text_color; font: @mini_info_text_font; text-align: @mini_info_text_align; }
div.mini-profile a { color: @mini_links_color; font: @mini_links_font; text-decoration: @mini_links_decoration; }
.even .mini-profile { color: @mini_even_text_color; font: @mini_even_text_font; background: @mini_even_background; border: @mini_even_border; .rounded-corners(@mini_even_border_radius); text-align: @mini_even_text_align; }
.even .mini-profile .personal-text { color: @mini_even_personal_text_color; font: @mini_even_personal_text_font; text-align: @mini_even_personal_text_align; }
.even .mini-profile .info { color: @mini_even_info_text_color; font: @mini_even_info_text_font; text-align: @mini_even_info_text_align; }
.even div.mini-profile a { color: @mini_even_links_color; font: @mini_even_links_font; text-decoration: @mini_even_links_decoration; }
.warning-bar { background: @mini_warning_background; border: @mini_warning_border; .rounded-corners(@mini_warning_border_radius); padding-bottom: 2px; height: 14px; line-height: 100%; text-align: @mini_warning_text_align; min-width: 40px !important; }
.warning-bar .number { color: @mini_warning_number_text_color; font: @mini_warning_number_text_font; text-decoration: @mini_warning_number_text_decoration; background-color: @mini_warning_number_background_color; .rounded-corners(@mini_warning_number_border_radius); opacity: 0.5; font-size: 0.6em; margin-right: 1px; padding: 0px 2px 1px 2px; }
.warning-low { background-color: @mini_warning_low_background_color; background-position: center; }
.warning-medium { background-color: @mini_warning_medium_background_color; background-position: center; }
.warning-high { background-color: @mini_warning_high_background_color; background-position: center; }
.mini-profile .avatar { max-width: 150px; max-height: 200px; overflow-x: hidden; overflow-y: hidden; margin: auto; border-width: 0px; vertical-align: middle; }
.avatar-wrapper { display: table-cell; text-align: @mini_avatar_align; vertical-align: middle; }
.avatar-wrapper > div, #avatar-preview.flash_present.image_present > div { position: relative; }
.avatar-wrapper div object, .flash-avatar object, #avatar-preview.flash_present.image_present div object, .avatar-wrapper > div > img { position: absolute; top: 0; left: 0; }
.avatar-wrapper * { vertical-align: middle; }
.avatar_size_default, .avatar_size_default embed, .avatar_size_default object, .avatar_size_default > div, .avatar-wrapper.avatar_size_default > div > div { height: 200px; width: 150px; }
.avatar-wrapper > div > div { display: table-cell; vertical-align: middle; }
.avatar_size_default, .avatar_size_default embed, .avatar_size_default object, .avatar_size_default > div, .avatar-wrapper.avatar_size_default > div > div { height: 150px; width: 150px; }
.avatar-wrapper > div > div { display: table-cell; vertical-align: middle; }
.avatar_size_default img, .avatar_size_default default { max-height: 200px; max-width: 150px; }
.avatar_size_medium, .avatar_size_medium embed, .avatar_size_medium object, .avatar_size_medium > div, .avatar-wrapper.avatar_size_medium > div > div { height: 75px; width: 75px; }
.avatar_size_medium img, .avatar_size_medium default { max-height: 75px; max-width: 75px; }
.avatar_size_small, .avatar_size_small embed, .avatar_size_small object, .avatar_size_small > div, .avatar-wrapper.avatar_size_small > div > div { height: 50px; width: 50px; }
.avatar_size_small img, .avatar_size_small default { max-height: 50px; max-width: 50px; }
.avatar_size_quote, .avatar_size_quote embed, .avatar_size_quote object, .avatar_size_quote > div, .avatar-wrapper.avatar_size_quote > div > div { height: 30px; width: 30px; }
.avatar_size_quote img, .avatar_size_quote default { max-height: 30px; max-width: 30px; }
#flash-avatar-preview .flash-avatar object { position: relative; }
#avatar-preview.flash_present div object { position: inherit; }
#avatar-preview.flash_present > div { position: inherit; }
#avatar-preview .hide { display: none; }
.avatar_size_placeholder { height: 150px; width: 150px; }
.mini-profile .badges img { height: 24px; width: 24px; }
/* Buttons */
@buttons_background_image: url('http://images.proboards.com/v5/gradients/light.png');
@buttons_background_attachment: @empty;
@buttons_background_repeat: repeat-x;
@buttons_background_position: center center;
@buttons_border: 1px solid darken(@buttons_background_color, 20%);
@buttons_border_radius: 5px;
@buttons_text_font: 12px Verdana, Arial;
@buttons_text_decoration: none;
@buttons_hover_background: lighten(@buttons_background_color, 5%) url('http://images.proboards.com/v5/gradients/top-light-40-trans.png') center repeat-x;
@buttons_hover_border: 1px solid darken(@buttons_background_color, 20%);
@buttons_hover_text_color: lighten(@buttons_text_color, 20%);
@buttons_hover_text_font: @buttons_text_font;
@buttons_hover_text_decoration: @buttons_text_decoration;
@buttons_active_background: @container_highlight_color;
@buttons_active_border: 1px solid darken(@buttons_background_color, 20%);
@buttons_active_text_color: @link_color;
@buttons_active_text_font: @buttons_text_font;
@buttons_active_text_decoration: @buttons_text_decoration;
.button, a.button, input[type="submit"], input[type="button"], button { color: @buttons_text_color; font: @buttons_text_font; text-decoration: @buttons_text_decoration; background-color: @buttons_background_color; background-image: @buttons_background_image; background-attachment: @buttons_background_attachment; background-repeat: @buttons_background_repeat; background-position: @buttons_background_position; border: @buttons_border; .rounded-corners(@buttons_border_radius); min-height: 20px; line-height: 20px !important; padding: 2px 0px; display: inline-block; vertical-align: middle; margin-left: 3px; cursor: pointer; white-space: nowrap; }
.button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover { color: @buttons_hover_text_color; font: @buttons_hover_text_font; text-decoration: @buttons_hover_text_decoration; background: @buttons_hover_background; border: @buttons_hover_border; }
.button:active, input[type="submit"]:active, input[type="button"]:active, button:active, .shoutbox_refresh_button.active, .liked.likes-button, .button.state-selected { color: @buttons_active_text_color; font: @buttons_active_text_font; text-decoration: @buttons_active_text_decoration; background: @buttons_active_background; border: @buttons_active_border; }
a.button { padding: 2px 6px; }
.button .status { padding: 0 6px 0 2px; .rounded-corners(0); border: @buttons_border; border-width: 0px 1px 0px 0px; float: left; overflow: hidden; word-wrap: break-word; white-space: nowrap; }
.button .status img { display: block; margin-top: 2px; position: relative; left: 2px; }
.button .icon { padding: 1px 2px 1px 1px; border: 0; float: left; line-height: normal !important; }
input[type="submit"], input[type="button"], button { padding: 2px 6px; min-height: 26px; }
.button-x { position: absolute; top: 50%; right: 3px; margin-top: -8px; cursor: pointer; display: block; text-indent: -9999px; width: 16px; height: 16px; background: url('http://images.proboards.com/v5/icons-default.png') -16px -32px no-repeat; }
.button-x:hover { background: url('http://images.proboards.com/v5/icons-default.png') 0px -32px no-repeat; }
.button.post-options { padding: 2px 0 2px 0; }
.reply_button { float: right; }
/* Forms */
@forms_field_background: #FFFFFF;
@forms_field_border: @empty;
@forms_field_border_radius: @empty;
@forms_field_text_color: @empty;
@forms_field_text_font: @empty;
@forms_area_background: @empty;
@forms_area_border: @empty;
@forms_area_border_radius: @empty;
@forms_area_text_color: @empty;
@forms_area_text_font: @empty;
@forms_select_background: @empty;
@forms_select_border: @empty;
@forms_select_border_radius: @empty;
@forms_select_text_color: @empty;
@forms_select_text_font: @empty;
input[type="text"], input[type="email"], input[type="password"] { color: @forms_field_text_color; font: @forms_field_text_font; background: @forms_field_background; border: @forms_field_border; .rounded-corners(@forms_field_border_radius); width: 300px; height: 20px; padding: 2px; }
textarea { color: @forms_area_text_color; font: @forms_area_text_font; background: @forms_area_background; border: @forms_area_border; .rounded-corners(@forms_area_border_radius); resize: none; }
select { color: @forms_select_text_color; font: @forms_select_text_font; background-color: @forms_select_background; border: @forms_select_border; .rounded-corners(@forms_select_border_radius); height: 26px; padding: 2px; }
input[type="text"].short { width: 50px; }
input[type="text"].search-input { width: inherit; }
input.date { width: 77px; }
input.time { width: 55px; }
/* Labels */
@labels_weight: bold;
@labels_size: 80%;
@labels_case: none;
@labels_caps: normal;
.ui-label { font-size: @labels_size; font-weight: @labels_weight; text-transform: @labels_case; font-variant: @labels_caps; position: relative; top: -1px; margin: 0 5px 0 0; display: inline; }
.label-row { height: 20px; line-height: 20px !important; margin: 10px 0; clear: left; }
.label-row * { float: left; }
.label-row .ui-label, .label-row span.label-delete-button { margin-bottom: -5px; margin-left: 5px; }
#manage-labels-container .style-wrapper .color_input { border: 1px solid #AAAAAA; }
#manage-labels-container .style-wrapper .color-picker { border: 1px solid #AAAAAA; background: #EEEEEE; .rounded-corners(0, 5px, 5px, 0); }
#manage-labels-container .style-wrapper .color-picker-preview { border: 1px solid #AAAAAA; border-right: none; }
/* Quotes */
@quotes_background: #f6f6f5;
@quotes_border: 2px solid #282c2d;
@quotes_border_radius: 15px;
@quotes_sub_background: #d8d8d8;
@quotes_sub_border: 2px solid #282c2d;
@quotes_sub_border_radius: 15px;
#content .content .quote div.quote_body { background: @quotes_background; border: @quotes_border; .rounded-corners(@quotes_border_radius); margin-top: 7px; padding: 10px 10px; }
#content .content .quote div.quote div.quote_body { background: @quotes_sub_background; border: @quotes_sub_border; .rounded-corners(@quotes_sub_border_radius); }
.quote { margin: 0 10px; padding-bottom: 10px; position: relative; top: 0px; }
.quote div.quote_avatar_container { float: left; }
.quote div.no_avatar_placeholder { display: inline-block; height: 30px; width: 30px; position: absolute; top: 14px; left: 4px; }
.quote div.quote_header { display: block; margin: 7px 0px 16px 35px; }
.quote.no_header { padding-top: 10px; }
/* Info Centers */
@info_background: @empty;
@info_inner_border: 1px solid @container_inner_border_color;
@info_text_color: @container_text_color_1;
@info_text_font: @empty;
@info_links_color: @container_links_color;
@info_links_font: @empty;
@info_links_decoration: @empty;
@info_titles_color: @empty;
@info_titles_font: @empty;
.stats table { background: @info_background; width: 100%; }
.stats .content > table > tbody > tr > td { border: @info_inner_border; border-right-width: 0px; border-bottom-width: 0px; width: 43%; }
.stats .content { color: @info_text_color; font: @info_text_font; }
.stats .content a { color: @info_links_color; font: @info_links_font; text-decoration: @info_links_decoration; }
.stats th { color: @info_titles_color; font: @info_titles_font; text-align: left; }
.stats .icon { width: 70px; text-align: center; vertical-align: middle; }
.stats .info { padding: 10px 10px 10px 0px; }
.stats .content > table { width: 100%; table-layout: auto; }
.stats .content > table table table tr:last-child td a { white-space: nowrap; }
.stats .content > table > tbody > tr > td:first-child { border-left-width: 0px; width: 57%; }
.stats .content > table > tbody > tr:first-child > td { border-top-width: 0px; }
/* Shoutbox */
@shoutbox_message_background: @empty;
@shoutbox_message_border: @empty;
@shoutbox_message_border_radius: 5px;
@shoutbox_message_text_color: @empty;
@shoutbox_message_text_font: @empty;
@shoutbox_shouts_background: @empty;
@shoutbox_shouts_border: 1px solid @container_inner_border_color;
@shoutbox_shouts_border_radius: 5px;
@shoutbox_shouts_text_color: #9c9c9c;
@shoutbox_shouts_text_font: @empty;
@shoutbox_shouts_edit_color: @empty;
@shoutbox_shouts_edit_font: 85% @default_forum_text_font_family;
@shoutbox_shouts_edit_decoration: @empty;
@shoutbox_shouts_delete_background: @empty;
@shoutbox_shouts_delete_border: 1px solid @container_inner_border_color;
@shoutbox_shouts_delete_border_radius: 5px;
@shoutbox_shouts_delete_text_color: @container_text_color_1;
@shoutbox_shouts_delete_text_font: bold 100% @default_forum_text_font_family;
@shoutbox_shouts_delete_text_decoration: none;
@shoutbox_shouts_selected_background: @container_highlight_color;
@shoutbox_reply_background: @empty;
@shoutbox_reply_border: 1px solid @container_inner_border_color;
@shoutbox_reply_border_radius: 5px;
@shoutbox_reply_counter_color: @container_text_color_1;
@shoutbox_reply_counter_font: 85% @default_forum_text_font_family;
.shoutbox_welcome_message { color: @shoutbox_message_text_color; font: @shoutbox_message_text_font; background: @shoutbox_message_background; border: @shoutbox_message_border; .rounded-corners(@shoutbox_message_border_radius); margin-bottom: 10px; }
.shoutbox_messages .shoutbox-post { color: @shoutbox_shouts_text_color; font: @shoutbox_shouts_text_font; background: @shoutbox_shouts_background; border: @shoutbox_shouts_border; .rounded-corners(@shoutbox_shouts_border_radius); text-align: left; position: relative; overflow: hidden; margin-top: 10px; margin-right: 10px; padding: 5px 15px 5px 10px; }
.shoutbox_messages .shoutbox_edit_button { color: @shoutbox_shouts_edit_color; font: @shoutbox_shouts_edit_font; text-decoration: @shoutbox_shouts_edit_decoration; display: inline-block; width: 32px; margin-right: 5px; visibility: visible; }
.shoutbox_messages .hidden { visibility: hidden; }
.shoutbox_messages .shoutbox_delete_button { color: @shoutbox_shouts_delete_text_color; font: @shoutbox_shouts_delete_text_font; text-decoration: @shoutbox_shouts_delete_text_decoration; background: @shoutbox_shouts_delete_background; border: @shoutbox_shouts_delete_border; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; position: absolute; right: -7px; top: 0; width: 15px; cursor: pointer; margin-left: 20px; margin-top: 0px; padding: 3px; height: 100%; display: inline-block; }
.shoutbox .state-selected { background: @shoutbox_shouts_selected_background; }
.shoutbox_form { background: @shoutbox_reply_background; border: @shoutbox_reply_border; .rounded-corners(@shoutbox_reply_border_radius); padding: 10px; height: 100px; }
.shoutbox_form .shoutbox_counter { color: @shoutbox_reply_counter_color; font: @shoutbox_reply_counter_font; float: right; margin-top: -5px; }
.shoutbox_form textarea.gray { color: #666666; }
.shoutbox_messages { overflow-y: scroll; text-align: center; position: relative; }
.shoutbox .content { padding: 10px; }
.shoutbox_messages .shoutbox-post:first-child { margin-top: 0px; }
.shoutbox_messages .message { padding-right: 10px; word-wrap: break-word; }
.shoutbox_messages .details { float: right; margin: 0px 15px 0px 10px; height: 16px; vertical-align: bottom; }
.shoutbox_form.reply-box-bottom { margin-top: 10px; }
.shoutbox_form.reply-box-top { margin-bottom: 10px; }
.shoutbox_form input[type="text"] { margin-top: 2px; margin-bottom: 4px; }
.shoutbox_form .button img { display: inline; padding: 2px 0 0; }
.shoutbox_form .shoutbox_refresh_button { float: right; padding: 2px 6px 0px 6px; }
.shoutbox_form ul.tools { white-space: nowrap; display: inline-block; }
.shoutbox_form ul.tools li { float: left; margin: 0; padding: 0; .rounded-corners(0px); border: 0; height: 22px; width: 26px; text-align: center; line-height: 18px !important; }
.shoutbox_form ul.tools li img { padding: 0; }
.shoutbox_form textarea { height: 38px; width: 100%; margin-right: 0px; margin-bottom: 5px; margin-top: 5px; position: inherit; .box-sizing(); }
.shoutbox_form .shoutbox_post_button { margin-left: 0px; }
.shoutbox_form .shoutbox_cancel_button { vertical-align: bottom; }
.shoutbox_name { padding: 10px 0; height: 22px; }
.shoutbox_name input { height: 15px; width: 50%; min-width: 150px; }
.shoutbox_container { position: relative; }
.shoutbox_container > .shoutbox_form_container { position: absolute; width: 100%; }
.shoutbox_container.orientation-top { padding-top: 174px; }
.shoutbox_container.orientation-top.no-post { padding-top: 0; }
.shoutbox_container.orientation-top > .shoutbox_form_container { top: 0; }
.shoutbox_container.orientation-bottom { padding-bottom: 174px; }
.shoutbox_container.orientation-bottom.no-post { padding-bottom: 0; }
.shoutbox_container.orientation-bottom > .shoutbox_form_container { bottom: 0; }
/* Legend */
.legend .content td { padding: 10px 5px; vertical-align: middle; color: @container_text_color_1; }
.legend .content td:first-child { padding-left: 15px; }
.legend .content td * { vertical-align: middle; }
.legend .new-icon { display: block; }
/* Quick Reply */
.quick-reply textarea { border-width: 0px; border-style: solid; border-color: @container_inner_border_color; height: 150px; padding: 5px; width: 100%; resize: none; .box-sizing(); }
.quick-reply .content { padding: 10px; }
.quick-reply .message { margin-bottom: 10px; }
.quick-reply .guest_name { padding: 0px 10px 10px 0px; vertical-align: middle; }
.quick-reply .guest_name label { display: inline; font-weight: 800; }
.quick-reply input[type="submit"] { margin-left: 0px; }
/* Posting Page */
@smiles_menu_width: 280px;
@smile_padding: 5px;
.wysiwyg-area label { font-weight: 800; }
.wysiwyg-area .outline { padding: 10px; border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(); }
.wysiwyg-area .content { padding: 10px 10px 0px 10px; }
.wysiwyg-area .content > form > div { margin-bottom: 10px; }
.wysiwyg-area .subject_line .controls { float: right; }
.wysiwyg-area .subject_line .subject_input { overflow: hidden; padding-right: 13px; }
.wysiwyg-area .subject_line input { width: 100%; }
.wysiwyg-area .subject_line table { width: 100%; table-layout: auto; }
.wysiwyg-area .subject_line .subject_input { line-height: 28px !important; }
.wysiwyg-area .subject_line table .subject { width: 70px; }
.wysiwyg-area .end-date, .wysiwyg-area .attachment, .new-area .captcha { display: none; }
.wysiwyg-area .poll .poll-options { line-height: 30px !important; }
.wysiwyg-area .poll [name="poll_max_answers"] { width: 25px; }
.wysiwyg-area .poll table { width: 100%; table-layout: auto; }
.wysiwyg-area .poll td { vertical-align: top; padding: 5px 10px 5px 0px; line-height: 230%; }
.wysiwyg-area .poll th { text-align: left; padding-bottom: 5px; }
.wysiwyg-area .submit { height: 32px; vertical-align: middle; line-height: 28px !important; }
.ui-wysiwyg .button { border: none; margin: 0; padding: 0; .rounded-corners(0px); color: #000000; background: none; }
.ui-wysiwyg .button-fontName, .ui-wysiwyg .button-fontSize { background-color: transparent; }
.ui-wysiwyg .ui-selectMenu { line-height: normal; }
.ui-wysiwyg .ui-selectMenu-box { height: 20px; }
.ui-wysiwyg .ui-selectMenu-box .status { border: none; line-height: 20px !important; padding: 0; width: auto; }
.ui-wysiwyg .ui-selectMenu-box .icon { border: none; }
.ui-wysiwyg .ui-selectMenu-box .arrow { height: 20px; }
.new-area .user-search .content { padding: 0px 15px 0px 0px; }
.new-area .recipients h4 { display: block; margin-bottom: 3px; }
.new-area .guest_name input { width: 485px; }
.wysiwyg-area .edit_reason > label { float: left; line-height: 28px; width: 180px; }
.wysiwyg-area .edit_reason > div { margin-left: 180px; margin-right: 8px; }
.wysiwyg-area .edit_reason > div > input { width: 100%; }
.grp_recipients_div { display: none; }
.grp_recipients_div a { display: block; clear: both; padding-top: 10px; }
.loadingOverlay { background-image: url('http://hsoww-2013.proboards.com/images/loader/processing.gif'); background-position: center center; background-repeat: no-repeat; position: absolute; }
#announcement-options { display: none; width: 500px; }
.smiley-menu { width: @smiles_menu_width; }
.smiley-menu > li > a { padding: @smile_padding; }
.smiley-menu > li:hover > a { padding: @smile_padding; }
/* Editing Area */
.ui-wysiwyg .editors { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; }
.wysiwyg-tabs li { float: left; position: relative; bottom: 1px; margin: 1px 2px 0 0; list-style: none; background: @tabs_unselected_background; border: 1px solid @container_inner_border_color; border-top-width: 0px; .rounded-corners(0, 0, 5px, 5px); }
.wysiwyg-tabs li:hover { background: @tabs_hover_background; border: @tabs_hover_border; }
.wysiwyg-tabs li a { color: @tabs_unselected_text_color; font: @tabs_unselected_text_font; text-decoration: @tabs_unselected_text_decoration; float: left; padding: 5px 15px; text-decoration: none; }
.wysiwyg-tabs li.ui-active { background-color: @posts_odd_background_color; background-image: @posts_odd_background_image; background-attachment: @posts_odd_background_attachment; background-repeat: @posts_odd_background_repeat; background-position: @posts_odd_background_position; border: @tabs_selected_border; margin-top: 0px; padding-top: 1px; }
.wysiwyg-tabs li.ui-active a { color: @tabs_selected_text_color; font: @tabs_selected_text_font; text-decoration: @tabs_selected_text_decoration; }
.wysiwyg-smiley-menu .state-disabled { display: none; }
/* BBCode Editor */
@bbcode_editor_background_color: @posts_odd_background_color;
@bbcode_editor_text_color: @posts_odd_text_color;
@bbcode_editor_text_font_family: @empty;
.ui-wysiwyg .editors .bbcode-editor textarea { color: @bbcode_editor_text_color; font-family: @bbcode_editor_text_font_family; background-color: @bbcode_editor_background_color; }
/* Preview Editor */
@ve_posts_odd_text_color: @posts_odd_text_color;
@ve_posts_odd_background_color: @posts_odd_background_color;
@ve_posts_odd_background_image: @posts_odd_background_image;
@ve_posts_odd_background_attachment: @posts_odd_background_attachment;
@ve_posts_odd_background_repeat: @posts_odd_background_repeat;
@ve_posts_odd_background_position: @posts_odd_background_position;
@ve_lists_links_color: @lists_links_color;
@ve_default_forum_text_font_style: @default_forum_text_font_style;
@ve_default_forum_text_font_weight: @default_forum_text_font_weight;
@ve_default_forum_text_font_size: @default_forum_text_font_size;
@ve_default_forum_text_font_family: @default_forum_text_font_family;
@ve_quotes_background: @quotes_background;
@ve_quotes_border: @quotes_border;
@ve_quotes_border_radius: @quotes_border_radius;
@ve_quotes_sub_background: @quotes_sub_background;
@ve_quotes_sub_border: @quotes_sub_border;
@ve_quotes_sub_border_radius: @quotes_sub_border_radius;
@ve_posts_code_background: @posts_code_background;
@ve_posts_code_border: @posts_code_border;
@ve_posts_code_text_color: @posts_code_text_color;
@ve_posts_code_text_font: @posts_code_text_font;
/* Guests Online Dialogs */
#guests-online table { width: 150px; margin: auto; }
#guests-online th, #guests-online td { padding: 2px 0; text-align: @members_align_name; }
/**************************************************************************
* Browser Hacks *
**************************************************************************/
/* IE7 */
.ie7 * { word-wrap: normal; }
.ie7 .shoutbox .shoutbox-post * { word-wrap: break-word; }
.ie7 .show-user .status-input input { width: 95%; margin-top: 0px; }
.ie7 .show-user .status-submit { width: 130px; text-align: right; }
.ie7 .show-user .edit-controls { text-align: right; padding-right: 10px; }
.ie7 .show-user .edit-controls .icon { text-align: center; }
.ie7 .search .options-container { height: 250px; }
.ie7 .calendar .cal-box { border-collapse: collapse; }
.ie7 .ui-pagination { float: left; }
.ie7 .recipients .user-search-selection .ui-selectlist-item .close { right: 0px; }
.ie7 .user-search-selection .ui-selectlist-item .close { right: -8px; }
.ie7 .micro-profile { zoom: 1; *display: inline; width: 188px; margin: 0px 0px 3px 0px; padding-right: 9px; text-align: left; }
.ie7 .container.copy table.list { border-collapse: separate; }
.ie7 .ui-search .search-input { margin-top: -1px; }
.ie7 .threads .main table, .ie7 .conversations .main table { table-layout: auto; }
.ie7 table.list .checkbox { padding-left: 1px; }
.ie7 .avatar-wrapper span { display: inline-block; height: 100%; }
.ie7 .cal-preview-panel .cal-box .head { padding: 2px 0px 2px 4px; }
.ie7 input[type="text"] { padding-top: 5px; vertical-align: middle; }
.ie7 select { vertical-align: middle; }
.ie7 input[type=text].search-input { width: auto; padding: 4px 2px 0px 2px; }
.ie7 .search #what input, .ie7 .search #where input, .ie7 .search #who input, .ie7 .search #who select { width: 210px; }
.ie7 .legend table { table-layout: auto; }
.ie7 .edit-user .options.content-box input[type="submit"] { left: auto; }
/* I'm aware that this line is ridiculous. It removes the extra black border around submit buttons, by making black transparent and setting the color to off-black */
.ie7 input[type="submit"], .ie7 input[type="button"], .ie7 button { padding: 1px 6px 3px 6px; height: 26px; color: lighten(@buttons_text_color, 1%); background-color: lighten(@buttons_background_color, 1%); filter:chroma(color=#000000); overflow: visible; }
.ie7 .container > .control-bar { margin-bottom: 0px; }
.ie7 a.likes-button, .ie7 .messages .quote-button { margin-right: 3px; min-height: 23px; }
.ie7 .user-search-box input[type=text].search-input, .ie7 .filter input[type="text"].search-input { width: 112px; }
.ie7 .recent-threads-button { padding-right: 2px; }
.ie7 .subject_line .controls { margin-top: 1px; }
.ie7 .ui-poll .results td.answer { width: 175px; }
.ie7 .shoutbox_messages .shoutbox-post.content-box { padding-right: 16px; }
.ie7 footer ul { width: 530px; }
.ie7 .options_menu li.ui-menu-has-sub-menu > .arrow { display: inline; }
.ie7 .options_menu li { width: 190px; position: static; }
.ie7 .options_menu li .arrow { margin-top: -22px; top: auto; }
.ie7 .options_menu hr { display: none; }
.ie7 .quick-reply textarea { width: 99%; }
.ie7 .ui-poll table { table-layout: auto; }
.ie7 .ui-poll .results .stats { float: none; }
.ie7 .users { width: 100%; }
.ie7 .users .ui-pagination { margin: 0 auto; display: inline; float: none; }
.ie7 .name_and_group.float-right { float: none; }
.ie7 .shoutbox_form ul.tools li img { border: 1px solid transparent; }
.ie7 .shoutbox_form textarea { word-wrap: break-word; }
.ie7 #banner { padding: 0px 0px; }
.ie7 a#logo { padding: 0px 20px; line-height: 100px !important; }
.ie7 div.post-options { display: inline !important; }
.ie7 .ui-menu li { background-image: none; }
.ie7 .ui-menu li:hover > a { background-image: none; }
.ie7 .attachment-button-text { padding: 0 5px 3px 5px; }
.ie7 .wysiwyg-area .edit_reason > div { height: 28px; margin-left: 0; margin-right: 8px; }
.ie7 .wysiwyg-area .submit { line-height: 1px !important; }
.ie7 .show-user .controls { margin-right: 10px; }
.ie7 #nav-tree > li { display: inline; }
.ie7 #navigation-tree, .ie7 #nav-tree, .ie7 #nav-tree > li { height: 21px; }
.ie7 .recent-threads-button { height: 15px; }
.ie7 #nav-tree .menu_arrow { top: -1px; border-width: 11px 1px 11px 11px; }
.ie7 #password-wrapper div { display: inline; }
.ie7 #password-wrapper div input[name="password"] { position: relative; top: 5px; }
.ie7 #banner { min-height: @banner_height; height: auto; }
.ie7 #nav-tree { position: relative; overflow: hidden; }
.ie7 .show-user table .center-col:first-child table { table-layout: auto; }
.ie7 .popup_html .ui-menu { position: relative; z-index: 99999999; }
.ie7 #navigation-menu > ul li a { min-width: 21px; }
.ie7 #welcome { min-width: 200px; }
.ie7 .avatar_size_default { font-size: 120px; }
.ie7 .avatar_size_medium { font-size: 60px; }
.ie7 .avatar_size_small { font-size: 40px; }
.ie7 .avatar_size_quote { font-size: 24px; }
/* IE8 */
.ie8 select {padding-top: 2px; padding-bottom: 2px; }
.ie8 .user-search-selection .ui-selectlist-item .close { right: 0px; }
.ie8 .container.copy table.list { border-collapse: separate; }
.ie8 .boards .threads { padding-left: 8px; padding-right: 8px; }
.ie8 .options_menu { max-width: 190px; }
.ie8 input[type="text"] { line-height: 20px; }
.ie8 .recent-threads-button { line-height: 1.4em; }
.ie8 .shoutbox_messages .shoutbox-post.content-box { padding-right: 16px; }
.ie8 .user-search .user-search-box .user-search-input { width: 135px; }
.ie8 table.list td.icon, .ie8 table.list th.icon { width: 54px; }
.ie8 #nav-tree { display: inline-block; }
.ie8 #content #navigation-tree, .ie8 #nav-tree, .ie8 #nav-tree > li { height: 21px; }
.ie8 #content .recent-threads-button { height: 15px; }
.ie8 #nav-tree .menu_arrow { top: -1px; border-width: 11px 1px 11px 11px; }
.ie8 #nav-tree > li { padding-right: 1px; }
.ie8 .popup_html ul { max-width: 550px; }
.ie8 input[type="submit"], input[type="button"], button { min-height: 20px; }
/* IE9 */
.ie9 .avatar-wrapper > div > div { display: inherit; }
.ie9 .user-search-selection .ui-selectlist-item .close { right: 1px; }
.ie9 #nav-tree { display: inline-block; }
/* Firefox */
@-moz-document url-prefix() {
select { padding: 4px 2px; }
.ui-search .search-filters-button { padding-left: 6px; }
.ui-tabMenu ul li { height: 27px; }
}
/* Screen-only (tablets, phones) */
@media only handheld {
textarea { font-size: 2em; }
}
#wrapper{
margin-right: 50px;
margin-top: 50px;
margin-bottom: 50px;
padding: 5px;
border-radius: 0px 60px 0px 60px;
background-color: #35393A;
border-top: 0px solid #893108;
border-bottom: 0px solid #893108;
border-left: 0px solid #0b1015;
border-right: 0px solid #0b1015;
}
/* Navigation Menu */
#navigation-menu a { position: relative; left:-0px; top:-0px;
}
#navigation-menu>ul li a.state-active{
background-color: #96290E; font-size: 1.2em; color: #f6f6f5;
}
#navigation-menu>ul li a {
background-color: #0B1015; font-size: 1.2em; color: #f6f6f5;
}
#navigation-menu>ul li a:hover {
background-color:#0B1015; font-size: 1.2em; color: #f6f6f5;
}PLUGINS - MANAGE - DYNAMICALLY TABBED TABLE - CREATE TABS - UPDATE
<table width="540px"><tr><td>
<div style="color: #9C9C9C; text-align: justify; font-size: 11px; overflow: auto; width: 370px; height: 267px; background-color: #35393A; padding: 4px; border-width: 0px; border-style: solid; border-color: #35393A;">
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: left; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">+ NEW UPDATE: 9/21/14</font>
<font style="text-align:justify; font-size:12px; font-family:'wire one', arial, verdana;"><b>NOTICE!</b> If, after some time, you request to have an account bumped down you will be placed back into the year you were originally in before applying for a Year Bump, Adult, and/or Muggle/Squib. Only in the case of advancing through each year with the account in question, may you select which year you are bumped down to. This has been added to all application threads in the Sorting Ceremony and will be added to the HOS F.A.Q. for future reference.</font><br><br>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: left; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">+ NEW UPDATE: 9/20/14</font>
<font style="text-align:justify; font-size:12px; font-family:'wire one', arial, verdana;">The Quidditch match for Saturday September 20, 2014
for Slytherin vs. Ravenclaw has been postponed until
further notice!</font><br><br>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: left; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">- OLD UPDATE: 4/5/14</font>
<font style="text-align:justify; font-size:12px; font-family:'wire one', arial, verdana;">A new guideline has been added to the Play-By Claims on the activity within Password Protected boards. Please take a look at the new guideline if you are one who frequents password protected boards to ensure your continuous claim on a play-by.</font><br><br>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: left; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">PERMANENT UPDATE</font>
<font style="text-align:justify; font-size:12px; font-family:'wire one', arial, verdana;">Please remember that, as a member with the power to move threads, they MUST be moved to the "REMOVED TOPICS TERM #" board located in the HOS Corner category, and nowhere else. The staff keeps finding threads in places where they don't belong. Make sure you have selected the correct board before moving threads to another area!</font><br><br>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: left; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">- OLD UPDATE: 3/3/14</font>
<font style="text-align:justify; font-size:12px; font-family:'wire one', arial, verdana;">A new guideline for Play-bys has been added to the Play-by Guidelines concering a new claim limit. For those of you who currently possess more than 10 claims, you will be able to keep your claims until you willingly give them up or are removed for inactivity. For more information: <a href="http://hsoww2003.proboards.com/thread/141952/play-claims">Click Here</a> </font><br><br>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: left; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">- OLD UPDATE: 2/19/14</font>
<font style="text-align:justify; font-size:12px; font-family:'wire one', arial, verdana;">The Play-by Claims have been condenced into a single thread which includes the Guidelines. The Guidelines themselves have been updated as well in terms of where you should post in order to remain "active". Please take the time to read them over. For more information: <a href="http://hsoww2003.proboards.com/thread/141952/play-claims">Click Here</a> </font><br><br>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: left; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">- OLD UPDATE</font>
<font style="text-align:justify; font-size:12px; font-family:'wire one', arial, verdana;">Additional terms have been added into the HOS FAQ concerning CBOX Etiquette. Please take the time to read them over. For more information: <a href="http://hsoww2003.proboards.com/post/1023703/thread">Click Here</a> </font><br><br>
<font style="display: block; background: #96290E; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: left; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">PERMANENT UPDATE</font>
<font style="text-align:justify; font-size:12px; font-family:'wire one', arial, verdana;">CBOX now requires registering your name in order to post. Both members and guests may access the CBOX. Contact a DH with any technical difficulties.</font><br><br>
</div>
<td rowspan="2" width="27%" align="LEFT" valign="RIGHT">
<div style="color: #9C9C9C; text-align: justify; font-size: 11px; overflow: auto; width: 250px; height: 267px; background-color: none; padding: 4px; margin-left: 5px; border-width: 0px; border-style: solid; border-color: #35393A;">
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: center; margin-bottom: 7px; line-height: 10px; font-family: 'wire one', arial, sans-serif;">CURRENT EVENTS<br>
<font style="color: #e2e2e2;font-size: 10px; text-align: center;font-family: 'wire one', arial, sans-serif;"><b>FOR SEPTEMBER</b></font></font>
The month of September is "Class Spotlight" month! This month we are shining light on all the wonderful classes that HOS has to offer. With so many classes to choose from, we guarantee you'll find something that sparks your interest, or at least your character's interest. Classes are a great way to learn all kinds of new information about magical subjects, and earn House Points! Good luck with your studies, HOSers!
<br>
<br>
HOS Facebook Page: <a href ="https://www.facebook.com/pages/HOS/106972682677403">Here</a><br>
HOS Facebook Group: <a href ="https://www.facebook.com/groups/8143714753">Here</a><br>
HOS Twitter: @HogwartsOSchool
</div>
</td></tr></table> PLUGINS - MANAGE - DYNAMICALLY TABBED TABLES - CREATE TABS - FORUM INFO
<table width="660px">
<tbody>
<tr>
<td width="252px">
<div style="text-align: justify; font-size: 11px; overflow: auto; width: 260px; height: 110px; color: #9C9C9C; background-color: none; padding: 4px; border-width: 0px; border-style: solid; border-color: #35393A;">
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: center; margin-bottom: 10px; line-height: 8px; font-family: 'wire one', arial, sans-serif;;">HOUSEPOINT STANDINGS</font>
<center>
<table align="center" width="250px">
<tbody>
<tr>
<td align="center" width="22%">
<img src="http://img.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-House-Gryffindor.png"/>
</td>
<td align="center" width="22%">
<img src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-House-Hufflepuff.png"/>
</td>
<td align="center" width="22%">
<img src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-House-Ravenclaw.png"/>
</td>
<td align="center" width="22%">
<img src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-House-Slytherin.png"/>
</td>
</tr>
<tr>
<td align="center" width="22%">
<b>8,340</b>
</td>
<td align="center" width="22%">
5,547
</td>
<td align="center" width="22%">
3,426
</td>
<td align="center" width="22%">
4,636
</td>
</tr>
</tbody>
</table>
</center>
</div>
<div style=" text-align: justify; font-size: 11px; overflow: auto; width: 260px; height: 134px; margin-top: 4px; color: #9C9C9C; background-color: none; padding: 4px; border-width: 0px; border-style: solid; border-color: #35393A;">
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: center; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">THE PLOT</font>
The year is 2031, and the Wizarding World of Great Britain has found more peace now than in the last three decades. The crumbling castle of Hogwarts has been restored to its former glory, and wizarding families have been eased to know that the students are once again safe. Through the dust, however, some tensions have remained high. Those with special abilities, and half-human like creatures are more welcomed than before, but still pose a threat to wizard-kind and are regulated like 'beasts'. Even followers of the Dark Lord continue trying to gain control, but those of the Order step in. Every so often you hear about the past trying to relive itself in our future; Will you allow it? Shall the Wizarding World remain in tranquility as they worked so hard to earn it? Or will you take hand in shattering the glass of illusion? The decision is yours..
<br><br>
Welcome to Hogwarts Online School.
</div>
</td>
<td width="164px">
<div style="text-align: justify; font-size: 11px; overflow: auto; width: 160px; height: 265px; color: #9A9A9A; background-color: none; padding: 4px; margin-left: 4px; border-width: 0px; border-style: solid; border-color: #35393A;">
<table align="center" width="160px">
<tbody>
<tr>
<td>
<center><font style="display: block; color: #e2e2e2; background-color: #081018; padding: 10px; font-size: 15px; text-align: center; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">HEADMISTRESS</font>
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=bballtk" target="_blank"><img title="Headmistress Hawthorne" src="http://img.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-StaffHM-Tara.png"/></a></center>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 10px; font-size: 15px; text-align: center; margin-bottom: 7px; margin-top: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">DEPUTY HEADS</font>
</td>
</tr>
<tr>
<td style="float:center;">
<center>
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=katarina" target="_blank"><img title="Deputy Head Summers" src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-Staff-Katarina.png"/></a>
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=julien" target="_blank"><img title="Deputy Head Kinsley" src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-Staff-Deacon.png"/></a>
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=quinn" target="_blank"><img title="Deputy Head Hawkins" src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-Staff-Quinn.png"/></a>
<br />
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=jackie" target="_blank"><img title="Deputy Head Garrison" src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-Staff-Jackie.png"/></a>
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=tilly" target="_blank"><img title="Deputy Head Harker" src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-Staff-Tilly.png"/></a>
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=brix" target="_blank"><img title="Deputy Head Garrison" src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-Staff-Brix.png"/></a>
<br />
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=taramiagriffin" target="_blank"><img title="Deputy Head James" src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-Staff-Carleigh.png"/></a>
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=diona" target="_blank"><img title="Deputy Head Aronwen" src="http://i1260.photobucket.com/albums/v338/nyxiam/HOS/HOS-Main-Staff-Diona.png"/></a>
<a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=littlejunior" target="_blank"><img title="Deputy Head Clarke" src="http://i1260.photobucket.com/albums/ii562/hsoww2003/hosstaffmax.png"/></a>
<br />
</center>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="180px" align="center" valign="center">
<div style="color: #9A9A9A; text-align: justify; font-size: 10px; overflow: auto; width: 180px; height: 265px; background-color: none; padding: 4px; margin-left: 5px; border-width: 0px; border-style: solid; border-color: #35393A;">
<table align="center" width="180px">
<tbody>
<tr>
<td>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 8px; font-size: 11px; letter-spacing: 2px; text-align: center; line-height: 8px; font-family: 'wire one', arial, sans-serif;"><b>GRYFFINDOR STAFF</b></font>
<b>HOH</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=vaughan">Vaughan Bradette</a><br>
<b>PREFECT</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=valerie">Valerie Doyle</a><br>
<b>PREFECT</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=nyxiambelle">Janie Everleigh</a>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 8px; font-size: 11px; letter-spacing: 2px; text-align: center; line-height: 8px; font-family: 'wire one', arial, sans-serif;"><b>SLYTHERIN STAFF</b></font>
<b>HOH</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=vlong">Ruth Jones</a><br>
<b>PREFECT</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=onceuponatime">Cascada Minor</a><br>
<b>PREFECT</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=hutson">Gray Eastlake</a>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 8px; font-size: 11px; letter-spacing: 2px; text-align: center; line-height: 8px; font-family: 'wire one', arial, sans-serif;"><b>HUFFLEPUFF STAFF</b></font>
<b>HOH</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=michie2">Ezio Auditore de Firenze</a><br>
<b>PREFECT</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=isabelle">Isabelle Bondurant</a><br>
<b>PREFECT</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=morgan1">Jase Eastlake</a>
<font style="display: block; background: #081018; color: #e2e2e2; padding: 8px; font-size: 11px; letter-spacing: 2px; text-align: center; line-height: 8px; font-family: 'wire one', arial, sans-serif;"><b>RAVENCLAW STAFF</b></font>
<b>HOH</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=daisy">Daisy Bondurant</a><br>
<b>PREFECT</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=bear">Macklyn Wilde</a><br>
<b>PREFECT</b>: <a href="http://hsoww2003.proboards.com/index.cgi?action=viewprofile&user=dreaming">Starr Clarke</a>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>PLUGINS - MANAGE - DYNAMICALLY TABBED TABLES - CREATE TABS - SPOTLIGHTS
<table width="660px">
<tbody>
<tr>
<td width="200px">
<div style="text-align: justify; font-size: 11px; overflow: auto; width: 310px; height: 100px; color: #9A9A9A; background-color: none; padding: 4px; border-width: 0px; border-style: solid; border-color: #35393A;">
<font style="display: block; background: #081018; color: #f6f6f5; padding: 5px; font-size: 13px; text-align: center; margin-bottom: 6px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">MEMBERS OF THE MONTH</font>
<center>
<table align="center" width="300px">
<tbody>
<tr>
<td align="center" width="32%">
<img style="border: 1px solid #282d2e;" title="Clara Bondurant" src="http://i1260.photobucket.com/albums/ii562/hsoww2003/motmr10.png"/>
</td>
<td align="center" width="32%">
<img style="border: 1px solid #282d2e;" title="Scarlet Waise" src="http://i1260.photobucket.com/albums/ii562/hsoww2003/motms10.png"/>
</td>
<td align="center" width="32%">
<img style="border: 1px solid #282d2e;" title="Alaric Astor" src="http://i1260.photobucket.com/albums/ii562/hsoww2003/motmh10.png"/>
</td>
<td align="center" width="32%">
<img style="border: 1px solid #282d2e;" title="Valerie Doyle" src="http://i1260.photobucket.com/albums/ii562/hsoww2003/motmg10.png"/>
</td>
</tr>
</tbody>
</table>
</center>
</div>
<div style="text-align: justify; font-size: 11px; overflow: auto; width: 310px; height: 55px; color: #35393A; background-color: none; padding: 4px; border-width: 0px; border-style: solid; border-color: #35393A;margin-top: 4px;"><font style="display: block; background: #081018; color: #f6f6f5; padding: 5px; font-size: 13px; text-align: center; margin-bottom: 6px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">THREAD OF THE MONTH</font>
<center><font style="color: #9A9A9A; font-size: 11px;"><b>THREAD</b></font> <br><a href="http://hsoww2003.proboards.com/thread/145332/hourglass-jon">Hourglass</a></center> </div>
<div style=" text-align: justify; font-size: 11px; overflow: auto; width: 310px; height: 80px; margin-top: 4px; color: #9A9A9A; background-color: none; padding: 4px; border-width: 0px; border-style: solid; border-color: #35393A;"><font style="display: block; background: #081018; color: #f6f6f5; padding: 5px; font-size: 12px; text-align: center; margin-bottom: 7px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">HOUSE & QUIDDITCH CUP CONTENDERS</font>
<table width="200px">
<tbody>
<tr>
<td align="center" width="0%"> <img src="http://i62.tinypic.com/27wx8a1.png"/> </td>
<td align="center" width="20%"><img src="http://i61.tinypic.com/rt47dd.png"/>
</td>
</tr>
</tbody></table>
</div>
</td>
<td width="200px">
<div style="text-align: justify; font-size: 11px; overflow: auto; width: 320px; height: 127px; color: #9A9A9A; background-color: none; padding: 4px; margin-left: 4px; border-width: 0px; border-style: solid; border-color: #35393A;">
<table align="center" width="320px">
<tbody>
<tr>
<td>
<center><font style="display: block; color: #f6f6f5; background-color: #081018; padding: 7px; font-size: 13px; text-align: center; margin-bottom: 10px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">ROLE-PLAYER OF THE MONTH</font>
<img title="Alaric Astor of Hufflepuff House" style="margin-bottom:0px; margin-left:3px;" src="http://i1260.photobucket.com/albums/ii562/hsoww2003/rpotm10.png"/></center>
</td>
</tr>
</tbody>
</table></div>
<div style="text-align: justify; font-size: 11px; overflow: auto; width: 320px; height: 128px; color: #9A9A9A; background-color: none; padding: 4px; margin-left: 4px; margin-top:4px; border-width: 0px; border-style: solid; border-color: #35393A;">
<table align="center" width="320px">
<tbody>
<tr>
<td>
<center><font style="display: block; color: #f6f6f5; background-color: #081018; padding: 7px; font-size: 13px; text-align: center; margin-bottom: 10px; line-height: 8px; font-family: 'wire one', arial, sans-serif;">BOARD OF THE MONTH</font>
<a href="http://hsoww2003.proboards.com/board/310/pumpkin-patch"><img style="margin-bottom:0px; margin-left:3px;" src="http://i1260.photobucket.com/albums/ii562/hsoww2003/botm10.png"/></a></center>
</td>
</tr>
</tbody>
</table>
</div>
</td></tr>
</tbody>
</table>PLUGINS - MANAGE - DYNAMICALLY TABBED TABLES - SIDEBAR
<style>
a.sosnav:link, a.sosnav:visited {display: block; color: #E2E2E2; font-size: 8px; font-family: arial; text-align: center;padding: 3px 3px 3px 10px;text-transform: uppercase;letter-spacing: 2px; background-color: #081018; margin-bottom: 1px; border-right: 4px solid #96290E;}
a.sosnav:hover, a.sosnav:active {color: #E2E2E2; background-color: #893108;border-right: 4px solid #e2e2e2; text-decoration: none;margin-bottom: 1px;font-size: 8.5px;}
</style>
<table width="430px">
<tr><td>
<div style="color: #081018; text-align: justify; font-size: 11px; overflow: auto; width: 45%; height: 215px; background-color: none; padding: 4px; border: none; margin-left:18px; margin-bottom:20px;">
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=general" class="sosnav">SORTING CEREMONY</a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=charactercelebrityclaim" class="sosnav">PLAY-BY CLAIM </a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=announcements" class="sosnav">MINISTRY DECREES</a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=handbook" class="sosnav">THE HANDBOOK & RULES</a> </div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=HousePointHourglass" class="sosnav">HOUSE POINT HOURGLASS</a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=charnecess" class="sosnav">CHARACTER DEVELOPMENT</a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=announcements&action=display&thread=91365" class="sosnav">STAFF & JOB DIRECTORY</a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=Affiliations" class="sosnav">AFFILIATE & ADVERT </a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=officesstudentservices" class="sosnav">MEMBER SERVICES</a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?action=display&board=introboard&thread=103518&page=1" class="sosnav">MEET THE STAFF </a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=JobOffice" class="sosnav">JOB OFFICE</a></div>
<div><a href="http://hsoww2003.proboards.com/index.cgi?board=announcements&action=display&thread=91363" class="sosnav">SITE MAP </a> </div>
</div>
</td></tr>
</table>
<a style="margin-left:70px;" href="http://rpgrating.com"><img src="http://rpgrating.com/l1_s1_v2.gif" /></a>STRUCTURE - LAYOUT TEMPLATES - BOARD - BOARD LIST
<table role="grid" width="99%" style="margin-left:.5%;" rowspan="2">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
{if $[board.odd] == 1}<tr>{/if}
{if $[board.lastIndex] == $[board.index]}
<td valign="top" colspan="3" id="$[board.content_id]" class="$[board.content_class] boardtd">{else}
<td width="50%" id="$[board.content_id]" class="$[board.content_class] boardtd" valign="top">{/if}
<br><div class="board-name" style=" font-size: 1.5em; text-transform:uppercase; text-align:center;">$[board]</div>
<table style="background-color:#4E5051; border:#4E5051 4px solid; border-radius:0px 0px 0px 0px;">
<tr>
<td width="100%" style="padding: 0px 10px 0px 0px;" rowspan="2"><div class="board-description" style="background-color: #35393A; padding: 10px; font-size: 13px; line-height: 14px; font-family: verdana, arial; font-style: normal; height:122px; overflow:auto;text-align:justify;
border-radius:0px 0px 0px 0px;">$[board.description]</div></td>
<td width="100%" style="padding-top:8px; padding-right:10px;">
<div class="board-post-count" title="SUB-BOARDS" style="text-align:center; width:45px; height:35px; font-size:8px; text-transform:uppercase; background-color:#081018; color:#E2E2E2; padding-left:10px; padding-right:10px; padding-top:24px; border-radius:0px 0px 10px 10px; ">$[board.sub_board]<br>BOARDS</div></td></tr>
<tr><td width="100%" style="padding-top:0px; padding-bottom:0px;"><div class="board-thread-count" title="THREADS" style="text-align:center; width:45px; height:35px; font-size:8px; text-transform:uppercase; background-color:#081018; color:#E2E2E2; padding-left:10px; padding-right:10px; padding-top:24px; border-radius:0px 0px 10px 10px;">$[board.threads]<br>THREADS</div></td>
</tr>
</table>
<table width="100%" cellpadding="5px">
<tr><td style=" text-align:center;font-size:9px; font-family:verdana, arial; background-color:#4E5051; padding-top:5px; padding-bottom:5px; text-transform:uppercase; border-bottom:4px solid #4E5051; border-left:4px solid #4E5051; border-right:4px solid #4E5051;"><div>
<span>{if $[board.posts] > 0}
{if $[board.last_thread]}$[board.last_thread.recent_link] <b>by</b> $[board.last_thread.last_post.created_by_user]<br>Updated: $[board.last_thread.last_post.created_on] {/if} </span>
{else}
THERE ARE NO THREADS OR POSTS<br>
TO VIEW IN THIS BOARD{/if}
</div>
</td>
</tr></table><br>
<!-- {if $[board.num_mods]}
<div class="moderators" style="background-color: #c3c3c2; text-align:center; font-size: 9px; font-family:verdana,arial; text-transform:uppercase;padding:5px;">{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}</div>
{/if}
{if $[board.sub_board]}
<div class="sub-boards" style="background-color: #d4480c; text-align:center; font-size: 9px; font-family:verdana,arial; text-transform:uppercase;padding:5px;">{foreach $[board.sub_board]}$[board.sub_board] {/foreach}</div>
{/if}<br>-->
<div class="clear"></div>
</td>{if $[board.odd] == 1}{if $[board.lastIndex] != $[board.index]}<td width="2%"> </td>{/if}{/if}
{if $[board.even] == 1}</tr>
{/if}
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>
<!-- <table class="list" role="grid">
<thead>
<!-- <tr>
<th class="icon"></th>
<th class="main">Board</th>
<th class="threads">Threads</th>
<th class="posts">Posts</th>
<th class="latest last">Last Post</th>
</tr>
</thead>
<tbody>
<tr>
<td>$[board.icon]</td>
<td class="main clickable">
<span class="link" style="font-size:1em;font-family:verdana; text-transform: uppercase;">• $[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<br />
<p class="description" style="background-color:#f6f6f5;padding:8px;border-right:px solid #5d4847;border-left:0px solid #2d2729; color: #0c1020;">$[board.description]</p>
{if $[board.num_mods]}
<p class="moderators" style="text-transform: uppercase;">
Moderator{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
</p>
{/if}
{if $[board.sub_board]}
<p class="sub-boards" style="text-transform:uppercase;">
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if}
</td>
<td class="threads"><div style="margin-top:20px;margin-left:10px;background-color:#596e7f;color:#f6f6f5;width:60px;padding-top:25px;padding-bottom:25px;">
{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}</div>
<br>
<div style="font-family:verdana, arial;">THREADS</div>
</td>
</tr>
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable redirect last" colspan="4">
<span class="link" style="font-size:2em;font-family:georgia;">& $[board]</span><br />
<p class="description" style="background-color:#fff;padding:8px;">$[board.description]</p>
</td>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table> -->STRUCTURE - LAYOUT TEMPLATES - MINI PROFILE
<div class="$[miniprofile_class]" style="border-top:15px solid #081018; border-bottom: 15px solid #081018; border-right:1px solid #081018; border-left:1px solid #081018;">
$[user]<br />
{if $[user.is_guest]}Guest<br />{/if}
{if $[user.group]}
$[user.group.name]<br /><!--$[user.group.stars]<br />-->
{elseif $[user.rank]}
$[user.rank.name]<br />
<!--{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}-->
{/if}
{if $[user.custom_title]}$[user.custom_title]<br />{/if}
$[user.warning.bar]
<br />
{if $[user.avatar]}
<div class="avatar">$[user.avatar]</div><br />
{/if}
{if $[user.personal_text.message]}
$[user.personal_text]<br />
{/if}
{if $[user.is_member]}
<table><tbody><tr><td style="border: 3px solid #4E5051;"><div class="info">
<div style="background-color:#081018;text-transform:uppercase;color:#E2E2E2;">{if $[user.is_online]}O n l i n e {else} O f f l i n e {/if} </div>
<div style="border-bottom:1px solid #4E5051; background-color:#35393A;">Posts: $[user.posts]<!--{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}--></div>
{foreach $[user.mini_custom_field]}
<br /><span class="$[user.mini_custom_field.content_class]"><div style="border-bottom:1px solid #4E5051;background-color:#35393A;">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</div></span>
{/foreach}
{if $[current_user.is_member]}<div style="border-bottom:1px solid #4E5051;background-color:#35393A;"><span class="userKarmaNumber$[user.id]"></span> </div>
<div style="background-color:#081018;”><a href="$[user.pm_href]" alt="PM $[user.name]">SEND PM</a></div>
{/if}
</div></td></tr></tbody></table><br />
<span class="karmabuttons"></span>
{/if}
{if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
{foreach $[user.badges_miniprofile]}
$[user.badges_miniprofile.icon]
{/foreach}
</div>
{/if}
</div>STRUCTURE - LAYOUT TEMPLATES - FORUM WRAPPER
<!DOCTYPE HTML>
$[tag.html.open]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
</head>
<body>
{if $[maintenance_mode]}
<div class="maintenance-header">
{if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if}
</div>
{/if}
<div id="wrapper">
<header>
<div id="banner-container" role="banner">
<h2 id="banner">
$[forum.title]
</h2>
</div>
<a id="navigation-skip" href="#content" accesskey="s" class="aria-hidden" title="Skip Navigation">Skip Navigation</a>
<a href="#" accesskey="d" title="Open Menu" onclick="proboards.hotkeys.activate(Keys.d); return false;"></a>
<div id="navigation-menu" class="ui-helper-clearfix">
<ul role="navigation">
{foreach $[navigation.menu]}
<li>
<a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>
$[navigation.menu.name]
{if $[navigation.menu.notification.total]}
<div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;">
<div class="tip-number">$[navigation.menu.notification.total]</div>
<span class="tip"></span>
</div>
{/if}
</a>
</li>
{/foreach}
</ul>
<!--<p id="welcome" style="text-transform:uppercase; font:verdana;">
{if !$[current_user.is_member]}
$[login_link] • $[register_link]
{else}
$[logout_link]
{/if}
</p>-->
</div>
<div style="background-color:#35393A;border-bottom:2px solid #4E5051;border-left:2px solid #4E5051;border-right:2px solid #4E5051;width:460px;color:#E2E2E2;text-transform:uppercase;border-radius:0px 0px 10px 10px;padding:2px;margin-left:50%;text-align:center;" >{if !$[current_user.is_member]}
Welcome, Muggle. Please $[login_link] or $[register_link]
{else}
Welcome, $[current_user]. $[logout_link]?
{/if}</div>
</header>
<!--$[participated_threads_link]-->
<div id="navigation-tree">
$[navigation.tree]
</div>
$[header]
<div id="content" role="main">
{if $[notice]}
<div class="container">
<div class="title-bar"><h2>$[notice.title]</h2></div>
<div class="content pad-all cap-bottom">
$[notice.message]
</div>
</div>
{/if}
$[content]
$[shoutbox]
</div>
$[footer]
</div>
{if $[is_mobile_browser]}
<br /><p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>
</html>PLUGINS - MANAGE - PEEKABOO SIDETABLE LEFT BSC
<table><tr><td style="padding: 10px 0px 10px 7px;"><div align="center" style="width:200px; height:80px; font-family:arial; font-size:10px; color:#e2e2e2; background-color:#35393A; overflow:auto; text-align:justify; padding: 10px 10px 10px 10px; border: #e2e2e2 3px solid;"> By using the CBOX(es) & Forum you have read & accepted the rules put in place. Anyone found having broken the rules will be addressed by staff. <br><br>
Click for: <a href="http://hos-ic.cbox.ws/"><font color=#e2e2e2>IN-CHARACTER CBOX</font>.</a>
</div></td></tr></table>
<!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="228" height="350" src="http://www4.cbox.ws/box/?boxid=3678640&boxtag=p51yav&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-3678640" style="border: 1px solid;" id="cboxmain4-3678640"></iframe></div><div><iframe frameborder="0" width="220" height="75" src="http://www4.cbox.ws/box/?boxid=3678640&boxtag=p51yav&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-3678640" style="border: 0px solid;border-top:0px" id="cboxform4-3678640"></iframe></div></div><!-- END CBOX -->
<center><p><img src="http://img.photobucket.com/albums/v338/nyxiam/HOS/HOS-Cbox-VIew.png"><p>
<a href="http://twitter.com/#!/HogwartsOSchool" target="_blank"><img src="http://img.photobucket.com/albums/v338/nyxiam/HOS/HOS-Cbox-Twitter.png" border="0" alt="TWITTER ICON"></a>
<a href="http://www.facebook.com/pages/HOS/106972682677403?v=wall" target="_blank"><img src="http://img.photobucket.com/albums/v338/nyxiam/HOS/HOS-Cbox-Facebook.png" border="0" alt="FACEBOOK ICON"></a>
</CENTER>STRUCTURE - LAYOUT TEMPLATES - HOME
$[news]
{foreach $[category]}
$[category.anchor]
<div class="container boards">
<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>
<div class="content cap-bottom" style="padding-left: 10px; padding-right: 10px;">
$[category.board_list]
</div>
</div>
{/foreach}
<!--{if $[legend]}
<div class="container legend">
<div class="title-bar"><h2>Legend</h2></div>
<div class="content">
<table>
<tr>
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
</tr>
</table>
</div>
</div>
{/if}-->
{if $[show_stats]}
<div class="container stats">
<div class="title-bar" style="text-align:center; padding:10px;"><h2><font style="font-size:15px; font-family:verdana, arial;">F o r u m - S t a t i s t i c s</font></h2></div>
<div class="content">
<table>
<tbody>
<tr>
<td>
<table>
<tr>
<!--<td class="icon">$[image.stats]</td> -->
<td class="info" style="text-transform:uppercase;">
<table>
<tbody>
<!--<tr><th>Threads and Posts</th></tr>-->
<tr><td style="text-align:center; display:block; background:#081018; margin-left:10px; padding:5px; color:#E2E2E2;"><b>Total Topics</b>: $[total_threads] - <b>Total Posts</b>: $[total_posts]</td></tr>
{if $[last_updated_thread]}<tr><td style="padding-left:10px; padding-top:5px;"><div style="background-color:#35393A; height:50px; padding-top:20px; padding-left:15px; border:3px solid #4E5051;">
<b>In</b>: $[last_updated_thread.recent_link]<br> <b>by</b> $[last_updated_thread.last_post.created_by] ($[last_updated_thread.last_post.created_on])</div></td></tr>{/if}
<tr><td style="text-align:center;"><br>$[recent_threads_link] - $[recent_posts_link] <!-- - $[rss_feed_link] -->{if $[mark_boards_read_link]} - $[mark_boards_read_link]{/if}</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<!--<td class="icon">$[image.members]</td>-->
<td class="info" style="text-transform:uppercase;">
<table>
<tbody>
<!--<tr><th>Members</th></tr>-->
<tr><td style="text-align:center; display:block; background:#081018; margin-left:10px; padding:5px; color:#E2E2E2;">
Total Members: $[total_members] </td></tr>
<tr><td style="padding-left:10px; padding-top:5px;"><div style="background-color:#35393A; height:50px; padding-top:10px; padding-bottom:10px; padding-left:15px; border:3px solid #4E5051;">Newest Member: $[newest_user]<br>
Most Users Online: $[most_users_online] <span class="small">($[most_users_online_date])</span><br>
$[birthdays_today_link]
</div></td></tr>
<tr><td style="text-align:center; text-transform:capitalize;"><br> Your Personal Messages: $[current_user.messages.inbox] New: $[current_user.messages.new] </td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<table>
<tr>
<!-- <td class="icon">$[image.online]</td> -->
<td class="info last" style="text-transform:uppercase;">
<table>
<tbody>
<tr><th><div style="text-align:center; display:block; background:#081018; margin-left:10px; padding:5px; color:#E2E2E2;">Users Online</div></th></tr>
<tr><td style="padding-left:10px; padding-top:10px;">$[total_staff_online] <b>Staff</b>, $[total_members_online] <b>Member{if $[total_members_online] != 1}s{/if}</b>, {if $[view_guests_online_link]}<a href="#" class="$[view_guests_online_link.class]">{/if}$[total_guests_online] <b>Guest{if $[total_guests_online] != 1}s{/if}{if $[view_guests_online_link]}</b></a>{/if}.</td></tr>
<tr><td style="padding-left:10px; padding-top:2px;"><div style="background-color:#35393A; padding-top:10px; padding-bottom:10px; padding-left:15px; border:3px solid #4E5051;">
{foreach $[online_user]}
$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
{/foreach}
{if $[total_online_not_shown]}
, and <a class="$[view_active_members_link.class]" href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
{/if}
</div></td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="last">
<td colspan="2">
<table>
<tr>
<!--<td class="icon">$[image.online_24]</td>-->
<td class="info last" style="text-transform:uppercase;">
<table>
<tbody>
<tr><th><div style="text-align:center; display:block; background:#081018; margin-left:10px; padding:5px; color:#E2E2E2;">Users Online in the Last 24 Hours</div></th></tr>
<tr><td style="padding-left:10px; padding-top:10px;">$[total_staff_online_24] <b>Staff</b>, <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] <b>Member{if $[total_members_online_24] != 1}s{/if}</b></a>, $[total_guests_online_24] <b>Guest{if $[total_guests_online_24] != 1}s{/if}</b>.</td></tr>
<tr><td style="padding-left:10px; padding-top:2px;"><div style="background-color:#35393A; padding-top:10px; padding-bottom:10px; padding-left:15px; border:3px solid #4E5051;">{foreach $[online_user]}
$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}, {/foreach}
{if $[total_online_not_shown]} , and <a class="$[view_active_members_link.class]" href="$[view_active_members_link.href]"> $[total_online_not_shown] more...</a> {/if}
{foreach $[online_user_24]}
$[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]{/foreach}
{if $[total_online_not_shown_24]}
, and <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
{/if}</div>
</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}
<!-- NORMAL AND STATIC AFFILIATES GO BELOW
DO NOT EDIT ABOVE THIS LINE -->
<br>
<table width="100%" cellspacing="1" cellpadding="4" align="center" style="position: relative; bottom: 14px; border:#081018 1px solid;">
<tr><td class="catbg" colspan="2" align="center" style="background:#081018;">
<img src="http://img.photobucket.com/albums/v338/nyxiam/affiliatesandstaticforums_zps09121a9a.png">
</td></tr><br>
<tr><td width="300px" height="190px;" valign="center" style="padding:10px 10px 10px 10px;"><div style="overflow:auto; width:500px; height:200px; padding:10px 10px 10px 20px; border:#4E5051 1px solid; background:#35393A;">
<a href="http://bleakfuture.proboards.com" Target="_blank">
<img src="http://i.imgur.com/hJS18UH.jpg" width=88 height=31 border=0 alt="ABF"></a> <a href='http://diverge.jcink.net'><img src='http://diverge.b1.jcink.com/uploads/diverge/Ads/divergeaff.png' alt='DIVERGE ▲' /></a> <a href="http://bleachrebirth.jcink.net/"><img src="http://i.imgur.com/4Z7I1Jo.jpg"></a> <a href="http://corruptfate.proboards.com/"><img src="http://i61.tinypic.com/iedul0.png" width="88px" height="31px" alt="Corrupt Fate" title="Corrupt Fate" /></a> <a href="http://thgtrilogy.boards.net" Target="_blank">
<img src="http://i1311.photobucket.com/albums/s678/eileenharlow/afficon_zpsd13583ad.png~original" width=88 height=31 border=0 alt="HungerGamesRP"></a> <a href="http://magicismightx.boards.net/" target="_blank" title="Magic is Might"><img src="http://i59.tinypic.com/demhw8.gif" alt="Magic is Might" border="0" width="88px" height="31px" /></a> <a href="http://felixfelicishp.jcink.net/index.php?act=idx"><img src="http://i14.photobucket.com/albums/a305/boredomnessisme/1FF/ffbutton.jpg"/></a> <a href="http://ravenclawpride.boards.net"><img src="http://i21.photobucket.com/albums/b290/sparkylightning540/affiliatesbutton_zps878fafc1.gif"></a> <a href="http://cryptictruth.proboards.com"><img src="http://www1.picturepush.com/photo/a/13881794/640/13881794.png" border="0" height="31" width="88" alt="Cryptic Truth"/></a> <a href="http://atlantisunveiled.jcink.net/index.php?act=idx" target="_blank"><img src="http://i1313.photobucket.com/albums/t556/Jasper_Cox/button3_zps8e30eb78.jpg"></a> <a href="http://divergentfactionsrpg.proboards.com" target="_blank"><img src="http://i1257.photobucket.com/albums/ii502/Kiahcat1/divergent_zps06e11518.png" border="0" width="88" height="31"></a> <a href="http://disneykingdoms.jcink.net/index.php?act=idx" target="_blank"><img src="http://i287.photobucket.com/albums/ll128/DarkAngelAzriel/c80de36d-b5c5-4e39-9c96-f9b4ace4d09a_zpsfdd7aacb.jpg" alt="Disney Kingdoms"></a> <a href="http://crumpledflower.boards.net"><img src="http://i.imgur.com/o9sfdK9.gif" border="0" ></a> <a href="http://saintsvsinners.proboards.com/"><img src="http://fotos.fotoflexer.com/9aa666e419970f6e54ff4a898c0a1890.jpg"/></a> <a target="_blank" href="http://hp80s.boards.net"><img src="http://imagizer.imageshack.us/v2/xq90/819/lnzi.png" border="0" alt="Nevermore - HP 1980"></a> <a href="http://camphalfbloodrp.freeforums.net/" target="_blank" title="The Great Camp Half Blood"><img src="http://i1083.photobucket.com/albums/j394/princessslw/dagger_zps1036e76d.png" alt="The Great Camp Half Blood" border="0" width="88px" height="31px" /></a> <a href="http://shine.b1.jcink.com/"><img src="http://shine.b1.jcink.com/uploads/shine/adbutton/button.png" border="0"></a> <a href="http://loveme.b1.jcink.com/index.php"><img src="http://i37.photobucket.com/albums/e55/RenaMichelleP/Graphics/Cursive%20Skin/19368006-46a5-4c58-870d-ca513fd22c7c.jpg" alt="Love Me?"></a> <a href="http://corona.b1.jcink.com/index.php"><img src="http://corona.b1.jcink.com/uploads/corona/button.png" title="Corona Heights"></a> <a href="http://assassinscreedrevelations.b1.jcink.com/index.php?act=idx" target="_blank"><img src="http://i.imgur.com/58VMl1D.jpg"></a>
<a href="http://fields-of-abaddon.proboards.com/" target="_blank" title="Fields of Abaddon"><img src="http://i42.tinypic.com/4l14k7.gif" alt="Fields of Abaddon" border="0" width="88px" height="31px" /></a> <a href="http://hogunihp.proboards.com/" target="_blank"><img src="http://i41.tinypic.com/e125wp.jpg" alt="Hogwarts University" title="Hogwarts University" border="0" width="88" height="31"></a> <a href="http://doctorwhoroleplaying.proboards.com/" target="_blank" title="Four Beats To Madness"><img src="http://i39.tinypic.com/ejj6fl.jpg" alt="Four Beats To Madness" border="0" width="88px" height="31px" /></a> <a href="http://lastresort.greywind.org" target="_blank"><img src="http://img196.imageshack.us/img196/4149/lraffbanner2.png" border="0"></a> <a href="http://marrythenight.boards.net"><img src="http://i39.tinypic.com/2hfugro.png"></a> <a href="http://bleed.boards.net" target="_blank"><img src="http://i1299.photobucket.com/albums/ag68/wintervex/Bleed%20You%20Dry/aff2_zps81df15fe.gif" width="88" height="31" border="0"></a> <a href="http://aworldtornapart.b1.jcink.com/index.php?act=idx" target="_blank"><img src="http://i852.photobucket.com/albums/ab86/lillihannahIzzie/Worldaff_zps0e371e40.jpg"></a> <a href="http://mortal-ends.proboards.com/" target="_blank"title="Mortal Ends"><img src="http://i42.tinypic.com/2hict9c_th.jpg" alt="MortalEnds" border="0" width="88px" height="31px"/></a> <a href="http://mischiefxmanagedx.proboards.com/" target="_blank"><img src="http://i60.photobucket.com/albums/h37/KaoruKamiya101/banner.gif" border="0" alt=" photo banner.gif"/></a> <a href="http://gallowshumour.b1.jcink.com/"> <a href="http://campreborn.proboards.com/index.cgi" target="_blank"><img src="http://i1354.photobucket.com/albums/q697/fyerflying/Camprebornaffiliate_zpse616bc26.png" alt="http://campreborn.proboards.com/index.cgi" border="0" alt="Camp Reborn" /></a> <a href="http://z13.invisionfree.com/Downton_Abbey/index.php?act=idx"><img src="http://i43.tinypic.com/2rz3zix.png"></a> <a href='http://owlpostagain.proboards.com' target='_blank'><img src='http://i41.tinypic.com/30u4ye9.png' border='0' alt='Owl Post'></a> <a href="http://amagicalhogwarts.proboards.com" target="_blank"><img src="http://i45.tinypic.com/8wy2xf.png" alt="Accio Mischief" border="0" /></a> <a href="http://z7.invisionfree.com/The_Vow/index.php?act=idx" target="_blank"><img src="http://i54.tinypic.com/nobhxg.jpg" alt="The Vow" ></a> <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php"> <img src="http://oi48.tinypic.com/jkvcqa.jpg"></a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?act=idx"><img src="http://i53.tinypic.com/1z21vzk.jpg"></a> <a href="http://www.rpg-directory.com"> <img src="http://img.photobucket.com/albums/v231/ShinLi/RPG%20Life/RPGDirectoryMiniBanner2.gif"></a> <a href="http://totaldramawebsite.net/wordpress"> <img src="http://totaldramawebsite.net/wordpress/wp-content/uploads/2011/07/exbuttonb.gif"></a> <a href="http://hfe2007.proboards.com/"><img src="http://i193.photobucket.com/albums/z123/emmataylor06/affiliationbutton.jpg" border="0"/></a> <a href="http://uptonogoodrpg.proboards.com/index.cgi" target="_blank"><img src="http://i65.photobucket.com/albums/h234/spinnersendrpg/miscellaneous/uptonogoodbutton.jpg"/></a> <a href="http://hogwartsrpg2710.hyperboards.com/index.php" target="_blank"><img src="http://i88.photobucket.com/albums/k188/Non_Conformity/icons/DOOMbutton.gif" border="0" alt="The Cards Are Newly Shuffled"></a> <a href="http://hoglibrary.proboards.com/"><img src="http://i30.photobucket.com/albums/c333/hogwartslibrary/hoglibbutton.jpg"></a> <a href="http://hgwrtsgalax.proboards.com" target="_blank"><img src="http://i1184.photobucket.com/albums/z327/idontspeakyouramericano/nbbanner-1.jpg" border="0" alt="Hogwarts Galaxia"></a> <a href="http://ghabc.proboards.com/" target="_blank"><img src="http://i45.tinypic.com/2cpu654.jpg" border="0" title="BLEEDING LOVE;;"></a> <a href="http://definitelyxmaybe.proboards.com/" Target="_blank"><img src="http://i51.tinypic.com/atlxj4.png" width=88 height=31 border=0 alt="definitely maybe"></a> <a href="http://obsidian-butterfly.net" target="_blank"><img src="http://i.imgur.com/Tm6Kj.png" border="0" alt="Obsidian Butterfly - An Anita Blake/Merry Gentry RPG"></a> <a href="http://cryofthefallen.b1.jcink.com/" Target="_blank"><img src="http://img694.imageshack.us/img694/69/81ae.png" width=88 height=31 border=0 alt="NIGHTMARE."></a> <a href="http://khcmv4.proboards.com"><img src="http://i20.photobucket.com/albums/b235/Aeris10102/ConfusedmemoryV3/banner_by_LH.gif" width="88" height="31" border="0" alt="Kingdom Hearts: Confused Memories V4"></a> </div></td>
<td align="right" style="padding: 10px 10px 10px 10px;">
<div style=" width:370px; height:200px; padding:10px 10px 10px 10px; border:#4E5051 1px solid; background:#35393A;">
<a href="http://mayhem5.proboards.com"><img src="http://i96.photobucket.com/albums/l179/Malfoyworshiper/MM_Affiliate1.gif"></a>
<a href="http://revamps.proboards.com"><img src="http://i37.photobucket.com/albums/e59/Kestle1/vamps-2.png"></a>
<a href="http://www.ofagewizards.com"><img src="http://i62.photobucket.com/albums/h118/Sandrunner12/OAWB3.gif"></a>
<a href="http://hogwarts-experience.heavenforum.org"><img src="http://i121.photobucket.com/albums/o205/hogwarts06/aff-button.png"></a> <a href="http://plaguedworld.proboards.com/"><img src="http://i60.tinypic.com/2e33ds6.jpg width="88" height="31"></a> <a href="http://www.worlddestiny.proboards.com/"><img src="http://i262.photobucket.com/albums/ii94/worlddestiny/Heroes%20Light/Mini%20Banners/button2.jpg"></a> <a href="http://charmingrp.com" target=_blank><img src="http://i48.tinypic.com/30cacft.gif"></a> <a href="http://thebeginning11.proboards.com"><img src="http://i260.photobucket.com/albums/ii23/elizacunningham/button2.png"></a> <a href="http://www.hungergamesrpg.com/"><img src="http://i44.tinypic.com/9sxpxj.jpg" /></a> <a href="http://shadowsbetrayyou.proboards.com"><img src="http://i.imgur.com/vU0pwAT.gif"></a>
<a href="http://attheready.proboards.com"><img src="http://i1332.photobucket.com/albums/w605/laceysealing1/atraff2_zps2f586982.png"></a>
<a href="http://cursedx.freeforums.net/"><img src="http://i61.tinypic.com/2cfp5de.png" alt="Cursed" border="0" width="88px" height="31px" /></a> <a href="http://fidelius.forums.net" target="_blank"><img src="http://i1077.photobucket.com/albums/w467/bethyxgirlx/bethyxgirlx005/fiddyaff_zps443a09af.gif" border="0" alt=" Fidelius"/></a>
<a href="http://www.nextincantation.com/" target="_blank"><img src="http://i46.tinypic.com/2hd78mu.png" border="0" alt="The Next Incantation"></a> <a href="http://spnswansong.b1.jcink.com/index.php" target="_blank"><img src="http://i.imgur.com/P0H17iS.gif" border="0" alt="Swan Song"></a>
<a href="http://narutouzumaki-rpg.coolbb.net/" target="_blank"><img src="http://i.imgur.com/xNrjhuC.png"></a> <a href="http://livethemagic.forumotion.org/"><img src="http://i11.servimg.com/u/f11/17/71/55/05/hw00611.jpg" width="88" height="31" border=0></a> <a href="http://lochlandgrove.b1.jcink.com/" target="_blank"><img src="http://i59.tinypic.com/10ygso0.jpg" border="0" alt="Lochland Grove" title="Lochland Grove"></a> <a href="http://aint-it-fun.proboards.com" target="_blank"><img src="http://i.imgur.com/xWBr6t6.gif" border="0" alt="AINT IT FUN"></a> <a href="http://tinypic.com?ref=2nw0gnq" target="_blank"><img src="http://i59.tinypic.com/2nw0gnq.png" border="0" alt="Image and video hosting by TinyPic"></a> <a href="http://tinypic.com?ref=2nw0gnq" target="_blank"><img src="http://i59.tinypic.com/2nw0gnq.png" border="0" alt="Image and video hosting by TinyPic"></a> <a href="http://tinypic.com?ref=2nw0gnq" target="_blank"><img src="http://i59.tinypic.com/2nw0gnq.png" border="0" alt="Image and video hosting by TinyPic"></a> <a href="http://tinypic.com?ref=2nw0gnq" target="_blank"><img src="http://i59.tinypic.com/2nw0gnq.png" border="0" alt="Image and video hosting by TinyPic"></a> <a href="http://tinypic.com?ref=2nw0gnq" target="_blank"><img src="http://i59.tinypic.com/2nw0gnq.png" border="0" alt="Image and video hosting by TinyPic"></a>
</tr>
</table>
<!--TOP SITES GO BELOW THIS LINE -->
<table align="center" width="950px" cellpadding="0" cellspacing="1">
<tr>
<td class="windowbg" align="middle" valign="center" cellpadding="2" cellspacing="2" style="background:#081018;">
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="4" height="40" align="middle" style="padding: 10px 0px 0px 0px;">
<a href="http://www.ultimatetopsites.com/bin/topsite.cgi?SouljaGirl&cat=coolsites&ID=17">
<img src="http://www.ultimatetopsites.com/bin/votepicture.art?SouljaGirl&cat=coolsites&ID=17" border=0></a> <a href="http://usa.ultimatetopsites.com/bin/topsite.cgi?Puddifoots&cat=coolsites&ID=1295">
<img src="http://usa.ultimatetopsites.com/bin/votepicture.art?Puddifoots&cat=coolsites&ID=1295" border=0></a> <a href="http://usa.ultimatetopsites.com/bin/topsite.cgi?pensieve&cat=entertainment&ID=1211">
<img src="http://usa.ultimatetopsites.com/bin/votepicture.art?pensieve&cat=entertainment&ID=1211" border=0></a> <a href="http://honeydukes.top-site-list.com/vote178.html"> <IMG SRC="http://honeydukes.top-site-list.com/images/voteimage/honeydukes-1.gif"></a> <a href="http://sp-topsites.13days.net/"><img src="http://sp-topsites.13days.net/button.php?u=kally31" alt="Shadowplay Topsites" border="0" /></a> <a href="http://topsites.rpg-directory.com/index.php?a=in&u=keth1oh1"><img src="http://topsites.rpg-directory.com/button.php?u=keth1oh1&buttontype=static" alt="RPGD Topsites" /></a><a href="http://proboardtopsites.gotop100.com/in.php?ref=794" target="_blank">
<img src="http://proboardtopsites.gotop100.com/lists/proboardtopsites/custombanners/67026.gif" border="0" alt="Proboards Top sites"></a> <a href="http://rplovers.gotop100.com/in.php?ref=190" target="_blank">
<img src="http://rplovers.gotop100.com/lists/rplovers/custombanners/40560.jpg" border="0" width="88" height="31" alt="RP Lovers"> </a> <a href="http://yourhogwarts.ultimatetopsites.com/bin/topsite.cgi?yourhogwarts&cat=general&ID=52">
<img src="http://yourhogwarts.ultimatetopsites.com/bin/votepicture.art?yourhogwarts&cat=general&ID=52" border=0></a> <a href="http://www.ultimatetopsites.com/bin/topsite.cgi?snapey&cat=coolsites&ID=379">
<img src="http://www.ultimatetopsites.com/bin/votepicture.art?snapey&cat=coolsites&ID=379" border=0></a> <a href="http://www.ultimatetopsites.com/bin/topsite.cgi?godricsh&cat=coolsites&ID=238">
<img src="http://www.ultimatetopsites.com/bin/votepicture.art?godricsh&cat=coolsites&ID=238" border=0></a> <a href="http://www.ultimatetopsites.com/bin/topsite.cgi?Dumbledore&cat=general&ID=89">
<img src="http://i226.photobucket.com/albums/dd273/Unknown155/Banner2.png" border=0></a>
</marquee>
</td>
</tr>
</table><br><br>
<!-- DO NOT EDIT BELOW THIS LINE -->
