YH - Top Bar

YH_-_Top_Bar.css

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     background: none repeat scroll 0% 0% transparent;
     border: 0pt none;
     margin: 0pt;
     outline: 0pt none;
     padding: 0pt;
}

body {
     background-color: #FFFFFF;
     border: 0px none;
     margin: 0px;
     padding: 0px;
}

form {
     margin: 0px;
     padding: 0px;
}

img {
     border: 0px none;
}

body, div, td, input, select, textarea {
     color: #494949;
     font-family: Arial;
     font-size: 12px;
}

a {
     color: #494949;
     cursor: pointer;
     text-decoration: underline;
}

a:hover {
     background-color: #494949;
     color: #FFFFFF;
}

b, strong {
     font-weight: bolder;
}

ol, ul {
     list-style: none outside none;
}

code {
     color: #000000;
     font-family: 'Courier New',monospace;
     font-size: 9pt;
     white-space: pre;
}

.dotted-bar {
     border-bottom: 1px dotted #959595;
     margin-top: 14px;
}

.dotted-bar.replypad {
     margin: 0pt 0pt 14px;
}

.white, a.white {
     color: #FFFFFF ! important;
}

#header {
     background: url("../img/logo.gif") repeat scroll 0% 0% transparent;
     display: block;
     float: left;
     height: 14px;
     margin: 1px 0pt 15px;
     position: relative;
     text-indent: -9999px;
     width: 80px;
     z-index: 1;
}

#left-column {
     padding: 2px;
     position: fixed;
     top: 2px;
}

#jumpdown {
     display: none;
}

.lc-node.welcome {
     background: none repeat scroll 0% 0% white;
     left: -80px;
     margin-right: -80px;
     min-width: 80px;
     padding: 16px 2em 4px 0pt;
     position: relative;
     top: 0pt;
     z-index: 0;
}

.lc-node.welcome:hover {
     box-shadow: none;
     z-index: 0;
}

.welcome h4 {
     display: inline;
     padding-bottom: 3px;
}

.welcome li {
     line-height: 10px;
}

.welcome h4 + a {
     float: left;
}

.welcome h4 + a img {
     margin: 0pt;
     padding: 0pt 4px 0pt 0pt;
}

.welcome h4 + a:hover {
     background: none repeat scroll 0% 0% white;
}

.welcome li a {
     font-size: 8px ! important;
     text-transform: uppercase;
}

.logout {
     color: #ED135A;
}

.main_avatar {
     display: block;
     float: left;
     height: 16px;
     margin: 2px 4px 0pt 0pt;
     padding: 4px;
     width: 16px;
}

.lc-node {
     -moz-transition: height 0.1s ease-in 0s;
     float: left;
     height: 16px;
     max-width: 240px;
     min-width: 150px;
     overflow: hidden;
     padding: 10px;
     position: relative;
     z-index: 0;
}

.lc-node:hover {
     box-shadow: 0pt 4px 4px;
     height: auto;
     min-height: 16px;
     z-index: 1;
}

#messaging.lc-node {
     background: none repeat scroll 0pt 0pt #FEF6EA;
}

#messaging.lc-node img {
     margin-right: 5px;
}

.lc-node .error {
     color: #FAA4A4;
}

#messaging.lc-node .messages {
     background: url("/img/iconmessage.gif") no-repeat scroll 0pt 0pt transparent;
     padding-left: 16px;
}

#messaging.lc-node .invites {
     background: url("/img/iconinvite.gif") no-repeat scroll 0pt 0pt transparent;
     font-size: 10px;
     padding-left: 20px;
}

#messaging.lc-node a:hover {
     background: none repeat scroll 0% 0% #444444;
}

#threads h3 {
    
}

#buddy-list h3 {
    
}

#buddy-list p {
     font-size: 10px;
     margin: 7px 0pt 3px;
}

#threads {
     background-color: #E9F8FE;
}

#buddy-list {
     background-color: #EDF5E1;
}

hr {
     border-top: 1px dotted #959595;
     border-width: 1px 0pt 0pt;
     margin-top: 0px;
}

#threads ul {
     margin-top: 7px;
     padding-bottom: 7px;
}

#threads li {
     margin: 4px 0pt;
}

#threads ul a {
     font-size: 10px;
}

#thread-categories {
     border-bottom: 1px dotted #959595;
     color: #777777;
     font-size: 9px;
}

#thread-categories li a {
     margin-bottom: 5px;
     text-transform: uppercase;
}

#special-threads {
     border-bottom: 1px dotted #959595;
}

#special-threads a {
     color: #959595;
}

#search-title {
    
}

#toggle-html {
     font-size: 10px;
}

#main-title {
     border-bottom: 1px dotted #959595;
     height: 40px;
     line-height: 40px;
     margin-bottom: 15px;
}

#main-title h3, #title-input {
     float: left;
     font-size: 24px;
     font-weight: bold;
}

#post-thread {
     -moz-transition: all 0.1s ease-in 0s ;
     background: none repeat scroll 0pt 0pt #F0C0C0;
     border-radius: 2em 2em 2em 2em;
     border: 1px solid #F0C0C0;
     color: #FFFFFF;
     font-size: 10px;
     font-weight: bold;
     padding: 1em;
     position: fixed;
     right: 1em;
     text-decoration: none;
     text-transform: uppercase;
     top: 3px;
}

#post-thread:hover {
     background: none repeat scroll 0% 0% #F0A0A0;
     color: #C00000;
}

.pagination {
     border-bottom: 1px dotted #959595;
     height: 29px;
     overflow: auto;
}

.pagination.bottom {
     padding-top: 15px;
}

#thread-headers {
     background: none repeat scroll 0% 0% transparent;
     border-bottom: 1px solid #BBBBBB;
     min-height: 0px;
     overflow: auto;
}

#thread-headers div {
     color: #7E7E7E;
     font-size: 9px;
     line-height: 27px;
     padding: 0px;
}

.subject, .username {
     font-size: 12px;
     font-weight: bold;
     line-height: 16px;
}

#thread .username {
     font-weight: normal;
}

.time, .category {
     color: #959595;
     font-size: 9px;
}

.category a {
     text-decoration: none;
}

.blueline {
     background-color: #ACE1F9;
     clear: both;
     height: 1px;
     overflow: hidden;
}

.favourite {
     background: url("../img/b-add.gif") repeat scroll 0% 0% transparent;
     display: block;
     float: left;
     height: 16px;
     margin: 12px 0pt 0pt 12px;
     width: 12px;
}

.favourite.added {
     background: url("../img/b-remove.gif") no-repeat scroll center center transparent;
}

.inp label, .biglabel {
     display: block;
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 6px;
     margin-top: 12px;
}

.inp {
     border-bottom: 1px dotted #959595;
     margin-bottom: 15px;
     padding-bottom: 12px;
}

#subject {
     font-size: 16px;
     padding: 4px;
     width: 350px;
}

.inp .cbx {
     height: 24px;
     line-height: 24px;
     margin-bottom: 2px;
}

.inp .cbx label {
     float: left;
     height: 20px;
     margin-top: 0pt;
}

.inp .cbx input {
     left: 4px;
     position: relative;
     top: 2px;
}

#category-selector {
     height: 20px;
}

#category-selector input {
     float: left;
     font-size: 12px;
     font-weight: 500;
     margin: 1px 6px 0pt 0pt;
}

#category-selector label {
     float: left;
     font-size: 12px;
     font-weight: 500;
     margin: 0pt 20px 0pt 0px;
}

.main-pagination {
     display: inline;
}

.main-pagination div, .main-pagination a {
     border: 1px solid #7E7E7E;
     color: #7E7E7E;
     display: block;
     float: left;
     font-size: 8px;
     height: 8px;
     line-height: 8px;
     margin-right: 5px;
     padding: 2px 4px;
     text-align: center;
     text-decoration: none;
}

.paging-text {
     color: #7E7E7E;
     float: left;
     font-size: 10px;
     line-height: 14px;
     padding-left: 4px;
}

.main-pagination div {
     background-color: #7E7E7E;
     color: #FFFFFF;
}

#wrapper {
     margin: 0pt auto;
     overflow: hidden;
     width: 99%;
}

#top {
     margin: 0pt 0pt 10px;
     padding: 20px 0pt 2px;
}

#middle {
     overflow: hidden;
}

#buddy-list div {
    
}

#buddy-list div span {
     font-size: 11px;
}

#right-column {
     margin: 50px auto;
     max-width: 960px;
}

#thread .pagination.bottom {
     border: 0pt none;
}

.pagination.top {
     border-top: 0pt none;
     margin-bottom: 2px;
}

.pagination ul li {
     background: none repeat scroll 0% 0% #EEEEEE;
     display: inline;
     padding: 2px 3px;
}

.pagination span {
     display: block;
     float: left;
     margin-right: 5px;
}

.thread {
     background-color: #F5FBFE;
     margin: 2px 0pt;
     min-height: 42px;
     overflow: auto;
}

.thread.alt {
     background-color: #F9FCFE;
}

.thread.buddy {
     background-color: #EDF5E1;
}

.thread.enemy {
     background-color: #FFEAEA;
     display: none;
}

.thread.nsfw {
     background-image: url("../img/naughty.gif");
     background-position: 6px 8px;
     background-repeat: no-repeat;
}

.thread.nsfw .subject-text a, .thread.nsfw .naughty-tag {
     color: #F06171;
}

.thread.nsfw .naughty-tag {
     font-size: 11px;
}

.thread.nsfw .subject-text:hover {
     color: #F06171;
}

.thread.nsfw .one div {
     padding-left: 35px;
}

.ignore-container {
     background: url("../img/ignorebg.gif") repeat scroll 0% 0% transparent;
     cursor: pointer;
     height: 4px;
     margin: 2px 0pt;
}

.thread .one, .thread .two, .thread .three, .thread .four, .thread .five {
     float: left;
}

.thread .one, .thread .two, .thread .three {
     line-height: 16px;
     padding: 6px 0pt;
}

.thread .one {
     width: 50%;
}

.thread .two, .thread .three {
     width: 15%;
}

.thread .four {
     text-align: center;
     width: 12%;
}

.thread .five {
     text-align: right;
     width: 6%;
}

.thread .five span {
     margin-right: 8px;
}

.thread .end-link {
     font-size: 10px;
}

.thread .subject, .thread .category {
     margin-left: 5px;
}

.thread .four {
     line-height: 40px;
}

#bottom {
     clear: both;
     color: #999999;
     font-size: 11px;
     padding: 30px 0pt 10px;
     text-align: center;
}

#show_desktop, #reload_desktop {
     display: none;
}

#show_mobile {
     display: block;
     font-weight: bold;
     margin-top: 10px;
     text-decoration: underline;
}

#reload_mobile {
     background-color: #333333;
     color: #DDDDDD;
}

.comment, .test-comment {
     border-bottom: 1px solid #CCCCCC;
     margin-bottom: 2px;
     position: relative;
}

.test-comment {
     border-bottom: 0px none;
     border-top: 1px solid #CCCCCC;
     margin-top: 30px;
}

.comment.enemy .comment-container {
     display: none;
}

.comment-container {
     padding: 0pt 8px 20px 2px;
}

.comment .cmd-bar {
     font-size: 9px;
     padding-bottom: 4px;
     text-align: right;
}

.comment .cmd-bar a {
     color: #CCCCCC;
     margin-left: 10px;
}

.comment.deleted {
     font-size: 10px;
     min-height: 0pt;
     padding: 2px 0pt 4px;
     text-align: center;
}

.test-comment {
     margin-bottom: 10px;
}

.comment .user-block, .test-comment .user-block {
     float: left;
     margin-top: 5px;
     width: 105px;
}

.comment .username.buddy {
     background-color: #EDF5E1;
     font-weight: 700 ! important;
}

.comment .username.enemy {
     background-color: #FFEAEA;
}

.comment .user-block .time, .test-comment .user-block .time {
     color: #888888;
     font-size: 10px;
}

.comment .user-information, .test-comment .user-information {
     background-position: 0pt 1px ! important;
     background-repeat: no-repeat ! important;
     font-size: 8px;
     margin: 6px 0pt 0pt;
     padding-left: 20px;
}

.comment .user-information a, .test-comment .user-information a {
     color: #959595;
     text-transform: uppercase;
}

#thread-control {
     background: none repeat scroll 0% 0% #F4F4F4;
     border: 1px dotted #8A8A8A;
     font-size: 10px;
     margin: 10px 0pt 0pt;
     padding: 8px;
}

#thread-control li {
     margin-top: 1px;
}

#thread-control span {
     color: #ED135A;
     cursor: pointer;
     text-decoration: underline;
}

#thread-control span:hover {
     background: none repeat scroll 0% 0% #ED135A;
     color: #FFFFFF;
}

.comment .content-block, .test-comment .content-block {
     font-size: 14px;
     margin: 5px 0pt 0pt 125px;
}

.comment .content-block code {
     background: none repeat scroll 0% 0% #FFFFEE;
     display: block;
     padding: 10px 0pt;
     white-space: pre;
}

.comment .content-block code br {
     display: none;
}

#thread .comment textarea {
     border: 1px solid #EEEEEE;
     display: block;
     height: 140px;
     left: -2px;
     position: relative;
     top: -2px;
     width: 100%;
}

#thread .comment button {
     margin-right: 2px;
}

#notifications {
     background: none repeat scroll 0% 0% #FEF6EA;
     border: 3px solid #FFFFFF;
     bottom: 10px;
     display: none;
     font-size: 11px;
     left: 20px;
     padding: 10px 0pt;
     position: fixed;
     width: 200px;
}

#notify {
     background: url("../img/pinkies/25.gif") no-repeat scroll 10px center transparent;
     color: #545454;
     font-size: 12px;
     padding-left: 30px;
}

#closenotify {
     background: url("../img/close.gif") no-repeat scroll center center transparent;
     height: 10px;
     padding: 5px;
     position: absolute;
     right: 10px;
     top: 8px;
     width: 10px;
}

form {
     text-align: left;
}

form .input {
     margin-bottom: 4px;
     min-height: 24px;
}

form .input label {
     float: left;
     line-height: 24px;
     width: 100px;
}

form .input.text input {
     padding: 3px;
}

form .input.textarea textarea {
     padding: 3px;
}

form .input.text input, form .input.textarea textarea {
     border: 1px solid #999999;
}

#reply-lc {
     float: left;
}

#reply-lc h4 {
     font-size: 14px;
     margin-bottom: 10px;
}

#post-shortcuts {
     background: none repeat scroll 0% 0% #F4F4F4;
     border: 1px dotted #8A8A8A;
     padding: 5px;
     width: 85px;
}

#new-thread #thread-content-input {
     float: left;
}

#new-thread #post-shortcuts {
     float: left;
     margin-left: 15px;
}

#post-shortcuts p {
     font-size: 9px;
}

#post-shortcuts li a {
     color: #ED135A;
     cursor: pointer;
     font-size: 9px;
     height: 9px;
     line-height: 9px;
     text-decoration: underline;
}

#post-shortcuts li a:hover {
     background: none repeat scroll 0% 0% #ED135A;
     color: #FFFFFF;
}

#reply-rc {
     background: url("../img/benice.gif") no-repeat scroll 446px 150px transparent;
     margin-left: 130px;
}

#pinkies {
     line-height: 22px;
     padding-bottom: 2px;
}

#pinkies span {
     cursor: pointer;
     padding-top: 6px;
}

#pinkies span:hover {
     background: none repeat scroll 0% 0% #494949;
}

#thread-content-input {
     height: 180px;
     width: 450px;
}

#reply-rc p {
     font-weight: 700;
     margin: 8px 0pt 9px;
}

#preferences form {
     margin-top: 10px;
}

#preferences .input label {
     width: 150px;
}

#preferences input[type="submit"] {
     margin-bottom: 15px;
}

div.tquote {
     border-left: 2px solid #CCCCCC;
     font-size: 11px;
     font-style: italic;
     font-weight: normal;
     margin: 6px;
     padding: 2px 6px;
}

div.tquote div.tqname {
     display: inline;
     font-size: 11px;
     font-style: normal;
     font-weight: bold;
}

.personal_info_box {
     float: left;
     width: 220px;
}

#latest-posts {
     margin-left: 235px;
     width: 80%;
}

#latest-posts hr {
     -moz-border-bottom-colors: none;
     -moz-border-image: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
     border-style: none none solid;
     border-width: medium medium 1px;
}

#this-is-you {
     background: none repeat scroll 0% 0% #545454;
     color: #FFFFFF;
     font-size: 14px;
     margin: 0px 0px 10px;
     padding: 10px;
     width: 200px;
}

#this-is-you a {
     color: #FF6DE2;
     margin-bottom: 10px;
}

#stats {
    
}

.post-block a {
     text-decoration: none;
}

.post-container h3 {
     font-size: 20px;
     line-height: 24px;
}

.post-block {
     background: none repeat scroll 0% 0% #F2F2F2;
     display: block;
     float: left;
     font-size: 9px;
     margin-right: 3px;
     margin-top: 2px;
     padding: 3px;
     text-transform: uppercase;
}

h3.recent-thread-title {
     font-size: 16px;
     text-indent: 5px;
}

.recent-thread-title a {
     text-decoration: none;
}

.recent-post-content {
     padding: 10px;
}

.post-block {
     margin-top: 3px;
}

#user #information {
    
}

.small_profile_caps {
     font-size: 10px;
}

.standard_profile_info_box h3 {
     border-bottom: 1px dotted #545454;
     margin-bottom: 3px;
}

.standard_profile_info_box {
     background: none repeat scroll 0% 0% #F9F9F9;
     border: 1px solid #CCCCCC;
     font-size: 12px;
     line-height: 18px;
     margin-bottom: 10px;
     padding: 8px;
     width: 200px;
}

#pm-box-controls {
     background: none repeat scroll 0% 0% #FFEAEA;
     border-bottom: 1px solid #BBBBBB;
     padding: 6px;
}

#pm-box-controls a {
     font-size: 11px;
}

#pm-inbox .message.header {
     background: none repeat scroll 0% 0% transparent;
     border-bottom: 1px solid #BBBBBB;
}

#pm-inbox .message.header div {
     font-size: 10px ! important;
}

#pm-inbox .message {
     background: none repeat scroll 0% 0% #F5FBFE;
     height: 24px;
     line-height: 24px;
     margin: 2px 0pt;
     padding-left: 4px;
}

#pm-inbox .message.unread .subject {
     font-weight: 700;
}

#pm-inbox .message div {
     color: #666666;
     float: left;
     font-size: 12px;
     font-weight: 500;
     line-height: 24px ! important;
     margin: 0pt ! important;
     padding: 0pt ! important;
}

#pm-inbox .message .subject {
     width: 60%;
}

#pm-inbox .message .sender {
     width: 20%;
}

#pm-inbox .blue-bar {
     background: none repeat scroll 0% 0% #ACE1F9;
     height: 1px;
     width: 100%;
}

#pm-inbox .ctrl-bar, #pm-message .ctrl-bar {
     border-bottom: 1px dotted #959595;
     height: 30px;
     line-height: 30px;
}

#pm-inbox .pagination, #pm-message .pagination {
     border: 0pt none;
     float: left;
     font-size: 11px;
     overflow: hidden;
}

#pm-inbox .new-message, #pm-message .new-message {
     background: none repeat scroll 0% 0% #E6F7FE;
     display: block;
     float: right;
     font-size: 10px;
     height: 18px;
     line-height: 18px;
     margin-top: 3px;
     padding: 3px 7px;
}

#pm-message-meta {
     border-bottom: 1px solid #BBBBBB;
     font-size: 10px;
     height: 20px;
     line-height: 20px;
}

#pm-message-meta span {
     padding: 0pt 4px;
}

#pm-message-meta span span {
     color: #7E7E7E;
     padding: 0pt;
}

#pm-message .content {
     border-bottom: 1px dotted #959595;
     padding: 20px 0pt;
}

#errors {
     background: none repeat scroll 0% 0% #FFFFEE;
     border: 1px solid #ED135A;
     margin-top: 10px;
     padding: 12px;
     width: 400px;
}

#errors h4 {
     font-size: 14px;
     margin-bottom: 4px;
}

#errors ul {
     margin-left: 20px;
}

#errors li {
     font-size: 11px;
     list-style: disc outside none;
}

#buddy-input {
     margin-bottom: 4px;
}

#buddy-input, #buddy-radios {
     height: 22px;
     line-height: 18px;
}

#buddy-input label {
     float: left;
}

#buddy-input label, #buddy-radios label {
     float: left;
     font-size: 12px;
     font-weight: 500;
     margin: 0pt;
     width: 100px;
}

.remove-acq {
     font-size: 9px;
}

#command-pick-one {
     background: none repeat scroll 0% 0% orange;
     height: 10px;
     width: 10px;
}

#buddy-radios label, #buddy-radios input {
     float: left;
}

#buddy-radio-inputs label {
     margin-right: 20px;
     width: auto;
}

#buddy-radios {
     margin-bottom: 8px;
}

.user-listing, .buddy-listing, .enemy-listing {
     float: left;
     margin: 0pt 10px 10px 0pt;
     padding: 10px;
     width: 130px;
}

.user-listing {
     background: none repeat scroll 0% 0% #F4F4F4;
}

.buddy-listing {
     background: none repeat scroll 0% 0% #EBF4DD;
}

.enemy-listing {
     background: none repeat scroll 0% 0% #FFEAEA;
}

.buddy-listing .online, .enemy-listing .online, .buddy-listing .offline, .enemy-listing .offline {
     font-size: 10px;
     text-transform: uppercase;
}

.buddy-listing .offline, .enemy-listing .offline {
     color: #898989;
}

.buddy-listing .online, .enemy-listing .online {
     color: #00AEEF;
}

.lc-node.login, .lc-node.login label {
     color: #FFFFFF;
}

.lc-node.login {
     background: none repeat scroll 0% 0% #494949;
}

.lc-node.login h5 {
     font-size: 14px;
}

.lc-node.login p {
     font-size: 9px;
     margin: 0pt 0pt 8px;
}

.lc-node.login a {
     color: #959595;
     font-size: 10px;
}

.lc-node.login div {
     margin-bottom: 5px;
}

.lc-node.login label {
     font-size: 9px;
     margin-right: 3px;
}

.lc-node.login input {
     margin-right: 8px;
     width: 90px;
}

.lc-node.login button {
     font-size: 9px;
}

#logout_btn {
     background: none repeat scroll 0% 0% transparent;
     border: 0px none;
     color: #ED135A;
     font-size: 8px ! important;
     margin: 0px;
     padding: 0px;
     text-decoration: underline;
     text-transform: uppercase;
}

#preferences {
     margin-left: 2px;
}

hr.divider {
     -moz-border-bottom-colors: none;
     -moz-border-image: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: -moz-use-text-color -moz-use-text-color #000000;
     border-style: none none dotted;
     border-width: medium medium 1px;
}

#threadnav {
     margin-top: 15px;
}

.users-link {
     font-size: 14px;
     font-weight: normal;
}

.user_startdate, .user_logdate {
     font-size: 10px;
}

#users {
     margin-top: 15px;
}

#register-notice {
     background: none repeat scroll 0% 0% #EEEEEE;
     border: 1px dashed red;
     display: none;
     font-size: 16px;
     font-weight: bold;
     margin: 15px;
     padding: 10px;
}

spoiler {
     display: none;
}

.spoiler {
     background: none repeat scroll 0% 0% #EEEEEE;
     position: relative;
}

.spoiler:hover .spoiler-disclaimer {
     display: none;
}

.spoiler:hover .spoiler-content {
     visibility: visible;
}

.spoiler-disclaimer {
     background: none repeat scroll 0% 0% red;
     color: white;
     position: absolute;
}

.spoiler-content {
     visibility: hidden;
}

#preferences .error {
     float: none;
     margin: 15px;
}

div.error {
     background: none repeat scroll 0% 0% #EEEEEE;
     border: 1px dashed red;
     float: right;
     font-size: 16px;
     font-weight: bold;
     margin: 0px;
     padding: 10px;
}