/* Layout ------------ */ * { /* Reset browsers default margin, padding and font sizes */ margin: 0; padding: 0; } html { font-size: 100%; } li { list-style-type:none; } body { /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */ font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; color: #000; background: #2567A8 url(/forum/images/body.gif); font-size: 10px; margin: 0; padding: 0 5px; } #body-simple { background: #E6EFFC; padding: 5px; } /* Misc stuff */ img { border: none; } .gen { margin: 1px 1px; font-size: 1.2em; } .genmed { margin: 1px 1px; font-size: 1.1em; } .gensmall { margin: 1px 1px; font-size: 1em; } .titles { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.3em; text-decoration: none; } .error, table td .error { color: #FF7F00; } .spacer { background: #2469B1 url(/forum/images/th.gif) top left repeat-x; } hr { height: 0px; border: solid #1A548D 0px; border-top-width: 1px;} .pagination { padding: 4px; font-size: 1em; font-weight: bold; } /* Links ------------ */ a { color: #1A548D; text-decoration: none; } a:active, a:visited { color: #1A548D; text-decoration: none; } a:hover { color: #FF7F00; text-decoration: underline; } a.forumlink { font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1.2em; } a.topictitle { margin: 1px 0px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.2em; } a.topictitle, .postbody a { color: #1A548D; } a.topictitle:visited, .postbody a:visited { color: #2468AE; } a.topictitle:visited:hover, .postbody a:visited:hover { color: #1A548D; } a.topictitle:hover, .postbody a:hover { color: #FF7F00; } /* Header and logo */ #maintable { border-style: solid; border-width: 0 2px 2px 2px; border-color: #164878; margin: 0 auto; } #logorow { background: url(/forum/images/logo_top.gif) top left repeat-x; text-align: center; padding: 0; min-height: 76px; } #logotop { background: url(/forum/images/logo_bottom.gif) bottom left repeat-x; } .pm-notify-new, .pm-notify-unread { border-left: solid 1px #1F5FA1; border-right: solid 1px #1A548D; border-top: solid 1px #1F5FA1; border-bottom: solid 1px #1A548D; background: #DCE8FA url(/forum/images/cell.gif) top left repeat-x; margin: 10px 0; padding: 10px; text-align: center; font-size: 12px; font-weight: bold; } .pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; } .pm-notify-header { margin-bottom: 10px; color: #666; } .pm-notify-new, .pm-notify-unread:hover { border-left: solid 1px #FF942A; border-right: solid 1px #FF7F00; border-top: solid 1px #FF942A; border-bottom: solid 1px #FF7F00; } .pm-notify-new { padding: 30px; } /* Navigation buttons */ .navrow { background: url(/forum/images/buttons.gif) top left repeat-x; height: 23px; overflow: hidden; color: #FFA44A; text-align: center; font-size: 11px; padding-bottom: 2px; padding-top: 0; } * html .navrow { height: 21px; } .navrow b, .navrow strong { font-weight: normal; } .navrow a, .navrow a:visited { color: #1A548D; text-decoration: none; } .navrow a:hover { color: #FF7F00; text-decoration: underline; } a.link-new, a.link-new:visited { color: #FF7F00; } a.link-new:hover, a.link-new:visited:hover { color: #2468AE; } /* Content and tables */ #contentrow { padding: 5px; background-color: #E6EFFC; } .tablebg { border: solid 1px #1A548D; background: #DCE8FA url(/forum/images/cell.gif) top left repeat-x; } .row1, .row2, .row3, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom { border-left: solid 1px #F2F7FC; border-right: solid 1px #85B3E2; border-top: solid 1px #F2F7FC; border-bottom: solid 1px #85B3E2; background: #DCE8FA url(/forum/images/cell.gif) top left repeat-x; padding: 4px; } th { color: #DFEAF8; font-size: 11px; font-weight: bold; background: #2469B1 url(/forum/images/th.gif) top left repeat-x; white-space: nowrap; padding: 0 5px; text-align: center; height: 26px; border-left: solid 1px #2E7ED1; border-right: solid 1px #2469B1; border-top: solid 1px #2D79C7; border-bottom: solid 1px #2469B1; } th a, th a:visited { color: #DFEAF8 !important; text-decoration: underline; } th a:hover { color: #FFF; text-decoration: underline; } td { padding: 2px; } td.profile { padding: 4px; } .catdiv { height: 24px; padding: 0 3px; border-left: solid 1px #F2F7FC; border-right: solid 1px #85B3E2; border-top: solid 1px #F2F7FC; border-bottom: solid 1px #85B3E2; background: #E1EBF5 url(/forum/images/cathead.gif) top left repeat-x; } .rtl .catdiv { background: #E1EBF5 url(/forum/images/cathead.gif) top left repeat-x; } .cat { height: 24px; padding: 0 3px; border-left: solid 1px #F2F7FC; border-right: solid 1px #85B3E2; border-top: solid 1px #F2F7FC; border-bottom: solid 1px #85B3E2; background: #E1EBF5 url(/forum/images/cathead.gif) top left repeat-x; text-indent: 4px; } .cathead { background: #E2EBFC url(/forum/images/catbottom.gif) top left repeat-x; height: 24px; padding: 1px 3px; border-left: solid 1px #2E7ED1; border-right: solid 1px #2469B1; border-top: solid 1px #2D79C7; border-bottom: solid 1px #2469B1; } .legend { padding: 4px; } /* Table header */ caption { margin: 0; padding: 0; background: url(/forum/images/hdr_mid.gif) top left repeat-x; white-space: nowrap; height: 27px; text-align: center; } .cap-left { background: url(/forum/images/hdr_left.gif) top left no-repeat; } .cap-right { background: url(/forum/images/hdr_right.gif) top right no-repeat; padding-top: 6px; height: 21px; } caption, caption h1, caption h2, caption h3, caption h4, caption span { font-size: 12px; font-weight: bold; color: #DCE8FA; } caption h1, caption h2, caption h3, caption h4, caption span { display: inline; } caption a, caption a:visited { color: #DCE8FA; text-decoration: underline; } caption a:hover { color: #FFF; text-decoration: underline; } /* Footer */ #wrapfooter { text-align: center; color: #666; padding-top: 10px; } .copyright { color: #666; font-weight: normal; font-size: 9px; line-height: 1.2em; } .copyright a, .copyright a:visited { color: #444; text-decoration: underline; } .copyright a:hover { color: #FF7F00; } /* Breadcrumbs */ p.breadcrumbs { margin: 0; padding: 0; float: left; color: #AAA; font-weight: bold; white-space: normal; font-size: 1em; } .rtl p.breadcrumbs { float: right; } p.datetime { margin: 0; padding: 0; float: right; white-space: nowrap; font-size: 1em; } .rtl p.datetime { float: left; } /* Index/viewforum */ .subforum.read { background: url(/forum/images/sub_old.gif) top left no-repeat; padding-left: 12px; } .subforum.unread { background: url(/forum/images/sub_new.gif) top left no-repeat; padding-left: 12px; } .legend { text-align: center; margin: 0 auto; padding: 2px; } .legend-viewforum { margin: 0; text-align: left; } .forumrules { padding: 4px; font-weight: normal; font-size: 1.1em; border-left-color: #AAA; border-top-color: #AAA; border-right-color: #CCC; border-bottom-color: #CCC; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } .forumrules h3 { color: #FF7F00; } /* Post */ .postsubject { font-size: 12px; font-weight: bold; color: #1A548D; } td.postbottom { background: #B8D0ED url(/forum/images/profile.gif) top left repeat-x; font-size: 10px; color: #444; white-space: nowrap; padding: 2px; vertical-align: middle; } td.postbuttons { padding-top: 3px; } .postdetails { color: #666; font-size: 10px; text-align: left; } .postdetails b { color: #444; } .posterrank { font-size: 9px; color: #666; } .posterprofile { font-size: 10px; color: #666; } .postauthor { color: #1A548D; font-size: 12px; margin-bottom: 3px; font-weight: bold; } .postonline { margin-bottom: 2px; } .postreported, .postreported a:visited, .postreported a:hover, .postreported a, .postreported a:active { margin: 1px 0px; color: #FF7F00; font-weight: bold; } .postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a, .postapprove a:active { color: #00FF00; font-weight: bold; } .postapprove img, .postreported img { vertical-align: bottom; } .postbody { font-size: 12px; line-height: 1.4em; margin: 3px 0; } .signature { font-size: 11px; color: #888; margin-top: 5px; } .signature .line { color: #AAA; } .postbody li, ol, ul { margin: 0 0 0 1.5em; } .rtl .postbody li, .rtl ol, .rtl ul { margin: 0 1.5em 0 0; } .posthilit { background-color: #1A548D; } .postsubject { font-size: 12px; font-weight: bold; color: #1A548D; } .postbody a { text-decoration: underline; } /* UCP */ .folder-current a, .folder-current a:visited { color: #000; font-weight: bold; } .folder-current a:hover { color: #FF7F00; } td.pm_marked_colour { background: #FF7F00; } td.pm_marked_colour_left { border-left: solid 3px #FF7F00; padding-left: 2px; } td.pm_marked_colour_right { border-right: solid 3px #FF7F00; padding-right: 2px; } td.pm_replied_colour { background: #1A548D; } td.pm_replied_colour_left { border-left: solid 3px #1A548D; padding-left: 2px; } td.pm_replied_colour_right { border-right: solid 3px #1A548D; padding-right: 2px; } td.pm_friend_colour { background: #007700; } td.pm_friend_colour_left { border-left: solid 3px #007700; padding-left: 2px; } td.pm_friend_colour_right { border-right: solid 3px #007700; padding-right: 2px; } td.pm_foe_colour { background: #DD0000; } td.pm_foe_colour_left { border-left: solid 3px #DD0000; padding-left: 2px; } td.pm_foe_colour_right { border-right: solid 3px #DD0000; padding-right: 2px; } /* Form Elements ------------ */ form { margin: 0px; padding: 0px; border: 0px; } textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline { font-weight: normal; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; color: #444; border: 1px solid #3B88D4; background-color: #CCDEF6; } #helpline { color: #444; } input { font-size: 1.1em; padding: 1px; } textarea { font-size: 1.3em; line-height: 1.4em; padding: 2px; } select { font-size: 1.1em; padding: 1px; } option { padding: 0 1em 0 0; } .rtl option { padding: 0 0 0 1em; } .post { border-style: solid; border-width: 1px; } .btnbbcode { font-size: 1.1em; border: 1px solid #5F9AD6; } .btnbbcode:hover { border-color: #444; color: #000; } .btnmain { font-weight: bold; cursor: pointer; padding: 1px 5px; font-size: 1.1em; } .btnlite { font-weight: normal; cursor: pointer; padding: 1px 5px; font-size: 1.1em; } .btnfile { font-weight: normal; padding: 1px 5px; font-size: 1.1em; } .helpline { background-color: transparent; color: #444; border-style: none; } * html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile { border-color: #1A548D; } textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover { border-color: #1A548D; } textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus { border-color: #133F6C; color: #000; } label:hover { color: #FF7F00; } /* BBCode ------------ */ .quotetitle, .attachtitle, .codetitle { margin: 10px 5px 0px 5px; padding: 2px 4px; border: solid 1px #1A548D; color: #1A548D; background-color: #E8F0FB; font-size: 0.85em; font-weight: bold; } .quotetitle .quotetitle { font-size: 1em; } .quotecontent, .attachcontent { margin: 0px 5px 10px 5px; padding: 5px; border-color: #1A548D; border-width: 0px 1px 1px 1px; border-style: solid; font-weight: normal; font-size: 1em; line-height: 1.4em; /* font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */ background-color: #E8F0FB; color: #444; } .attachcontent { font-size: 0.85em; } .codecontent { direction: ltr; margin: 0px 5px 10px 5px; padding: 5px; border-color: #1A548D; border-width: 0px 1px 1px 1px; border-style: solid; font-weight: normal; font-size: 11px; font-family: Monaco, 'Courier New', monospace; background-color: #E8F0FB; color: #444; } .quotewrapper, .codewrapper, .attachwrapper { clear: both; margin: 10px 5px; background: #2A71B7 url(/forum/images/code_header.gif) top left no-repeat; padding-left: 19px; border: solid 1px #1A548D; } .quotewrapper { background-image: url(/forum/images/quote_header.gif); } .quotewrapper .quotetitle, .codewrapper .codetitle, .attachwrapper .attachtitle { margin: 0; border-width: 0 0 1px 1px; } .quotewrapper .quotecontent, .codewrapper .codecontent, .attachwrapper .attachcontent { margin: 0; border-width: 0 0 0 1px; } .attachcontent, html>body .postbody { overflow: auto; overflow-x: auto; } .syntaxbg { color: #000; } .syntaxcomment { color: #666; } .syntaxdefault { color: #000; } .syntaxhtml { color: #000; } .syntaxkeyword { color: #FF7F00; } .syntaxstring { color: #1A548D; } /* More misc stuff */ h1 { font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 1.8em; text-decoration: none; } h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; text-decoration: none; line-height: 120%; } h3 { font-size: 1.3em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 120%; } h4 { margin: 0px; font-size: 1.1em; font-weight: bold; } p { font-size: 1.1em; } p.moderators { margin: 0px; float: left; color: #CCC; font-weight: bold; } .rtl p.moderators { float: right; } p.linkmcp { margin: 0px; float: right; white-space: nowrap; } .rtl p.linkmcp { float: left; } p.searchbar { padding: 2px 0; white-space: nowrap; } p.searchbarreg { margin: 0px; float: right; white-space: nowrap; } .rtl p.searchbarreg { float: left; } p.forumdesc { padding-bottom: 4px; } p.topicauthor { margin: 1px 0px; } p.topicdetails { margin: 1px 0px; } td.history-current, tr.row1 td.history-current, tr.row2 td.history-current { background: #CCC; } table.colortable td { padding: 0; } pre { font-size: 1.1em; font-family: Monaco, 'Courier New', monospace; } .nowrap { white-space: nowrap; } .username-coloured { font-weight: bold; } #msg > li.row1 { display: block; list-style-type: none; margin: 0; height: auto; width:98%; float: left; } #msg > li.row2 { display: block; list-style-type: none; margin: 0; height: auto; width:98%; float: left; } #msg > li > dl{ vertical-align: middle; width: 100%; } #msg > li > dl > dt{ width: auto !important; white-space: nowrap; margin-right: 2px; } #msg > li > dl > dd > input{ margin: 3px; } #msg > li > dl > dd#msgbody{ display: inline; padding: 3px 0 1px 0px !important; vertical-align: middle; float:none !important; } #base_ul { list-style:none; margin-left: 0; } .sep { color: #444; } /* bugs */ @media all and (min-width: 0px) { /* reset file input style for Opera - it changes only text color and border, but not bg color */ .btnfile, .btnfile:hover, .btnfile:focus { border: none; background-color: #FFF; color: #000; } } /* * @package AJAX_Chat * @author Sebastian Tschan * @copyright (c) Sebastian Tschan * @license GNU Affero General Public License * @link https://blueimp.net/ajax/ */ /* * Positioning */ #ajaxChatContent #ajaxChatChatList { height:200px; overflow:auto; } #ajaxChatContent #ajaxChatChatList div { padding-left:5px; padding-top:2px; padding-right:5px; padding-bottom:2px; } #ajaxChatContent #ajaxChatChatList img { vertical-align:middle; margin-bottom:2px; } #ajaxChatContent #ajaxChatChatList cite { margin-right:5px; } #ajaxChatContent #ajaxChatChatList .bbCodeImage { vertical-align:top; overflow:auto; margin:5px; } #ajaxChatContent #ajaxChatChatList .delete { float:right; width:10px; height:10px; margin-top:5px; margin-left:5px; } #ajaxChatContent #ajaxChatInputFieldContainer #ajaxChatInputField { width:95%; } #ajaxChatContent #ajaxChatCopyright { margin-top:5px; } /* * Borders */ #ajaxChatContent img { border:none; } #ajaxChatContent #ajaxChatChatList .deleteSelected { border-width:1px; border-style:dotted; } /* * Fonts */ #ajaxChatContent { font-size:0.9em; } #ajaxChatContent a { text-decoration:none; } #ajaxChatContent a:hover { text-decoration:underline; } #ajaxChatContent #ajaxChatCopyright { font-size:0.8em; } #ajaxChatContent #ajaxChatChatList span.dateTime { font-size:0.7em; } #ajaxChatContent #ajaxChatChatList span.guest { font-size:0.9em; font-weight:bold; } #ajaxChatContent #ajaxChatChatList span.user { font-size:0.9em; font-weight:bold; } #ajaxChatContent #ajaxChatChatList span.moderator { font-size:0.9em; font-weight:bold; } #ajaxChatContent #ajaxChatChatList span.admin { font-size:0.9em; font-weight:bold; } #ajaxChatContent #ajaxChatChatList span.chatBot { font-size:0.9em; font-weight:bold; font-style:italic; } #ajaxChatContent #ajaxChatList .chatBotMessage { font-style:italic; } #ajaxChatContent #ajaxChatChatList .chatBotErrorMessage { font-style:italic; } #ajaxChatContent #ajaxChatChatList .privmsg { font-style:italic; } #ajaxChatContent #ajaxChatChatList .action { font-style:italic; } #ajaxChatContent #ajaxChatChatList q { font-variant:small-caps; } #ajaxChatContent #ajaxChatChatList code { font-size:1.2em; } /* * Colors */ #ajaxChatContent #ajaxChatChatList { color:#000; } #ajaxChatContent #ajaxChatChatList { background-color:#e4edfc; } #ajaxChatContent .rowEven { background-color:#e4edfc; } #ajaxChatContent .rowOdd { background-color:#cadcf6; } #ajaxChatContent .guest { color:gray; } #ajaxChatContent .user { color:#000; } #ajaxChatContent .moderator { color:#00AA00; } #ajaxChatContent .admin { color:red; } #ajaxChatContent .chatBot { color:#FF6600; } #ajaxChatContent #ajaxChatChatList .chatBotErrorMessage { color:red; } #ajaxChatContent #ajaxChatChatList a { color:#1E90FF; } #ajaxChatContent #ajaxChatChatList .delete { background:url('/forum/.styles/etech/theme/img/delete.png') no-repeat right; } #ajaxChatContent #ajaxChatChatList .deleteSelected { border-color:red; }