/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: zot
Based on style: proSilver (this is the default phpBB 3 style)
Original author: subBlue ( http://www.subBlue.com/ )
Modified by: Schwpz (http://www.planetzot.com/)
Copyright 2010 Planet Zot ( http://www.planetzot.com/ )
--------------------------------------------------------------
*/
/* proSilver Button Styles
---------------------------------------- */
/* Rollover buttons
Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.buttons {
float: left;
width: auto;
height: auto;
}
/* Rollover state */
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}
/* Rolloff state */
.buttons div a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
position: relative;
overflow: hidden;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span { display: none; }*/
/*.buttons div a:hover { background-image: none; }*/
.buttons div span { position: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span { background-position: 0 100%; }
/* Big button images */
.reply-icon span { background: transparent none 0 0 no-repeat; }
.post-icon span { background: transparent none 0 0 no-repeat; }
.locked-icon span { background: transparent none 0 0 no-repeat; }
.pmreply-icon span { background: none 0 0 no-repeat; }
.newpm-icon span { background: none 0 0 no-repeat; }
.forwardpm-icon span { background: none 0 0 no-repeat; }
/* Set big button dimensions */
.buttons div.reply-icon { width: 96px; height: 25px; }
.buttons div.post-icon { width: 96px; height: 25px; }
.buttons div.locked-icon { width: 88px; height: 25px; }
.buttons div.pmreply-icon { width: 96px; height: 25px; }
.buttons div.newpm-icon { width: 84px; height: 25px; }
.buttons div.forwardpm-icon { width: 96px; height: 25px; }
/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {
display: block;
overflow: hidden;
height: 18px;
text-indent: -5000px;
text-align: left;
background-repeat: no-repeat;
}
a.print {
background-image: none;
width: 22px;
}
a.sendemail {
background-image: none;
width: 22px;
}
a.fontsize {
background-image: none;
background-position: 0 -1px;
width: 29px;
}
a.fontsize:hover {
background-position: 0 -20px;
text-decoration: none;
}
/* Icon images
---------------------------------------- */
.sitehome, .icon-shop, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search, .icon-points {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
}
/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
padding-top: 10px;
list-style: none;
}
/* Rollover state */
ul.profile-icons li {
float: left;
margin: 0 6px 3px 0;
background-position: 0 100%;
}
/* Rolloff state */
ul.profile-icons li a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background: none; }
/* Positioning of moderator icons */
.postbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
}
.postbody ul.profile-icons li {
margin: 0 3px;
}
/* Profile & navigation icons */
.email-icon, .email-icon a { background: none top left no-repeat; }
.aim-icon, .aim-icon a { background: none top left no-repeat; }
.yahoo-icon, .yahoo-icon a { background: none top left no-repeat; }
.web-icon, .web-icon a { background: none top left no-repeat; }
.msnm-icon, .msnm-icon a { background: none top left no-repeat; }
.icq-icon, .icq-icon a { background: none top left no-repeat; }
.jabber-icon, .jabber-icon a { background: none top left no-repeat; }
.pm-icon, .pm-icon a { background: none top left no-repeat; }
.quote-icon, .quote-icon a { background: none top left no-repeat; }
/* Moderator icons */
.report-icon, .report-icon a { background: none top left no-repeat; }
.warn-icon, .warn-icon a { background: none top left no-repeat; }
.edit-icon, .edit-icon a { background: none top left no-repeat; }
.delete-icon, .delete-icon a { background: none top left no-repeat; }
.info-icon, .info-icon a { background: none top left no-repeat; }
/* Set profile icon dimensions */
ul.profile-icons li.email-icon { width: 20px; height: 20px; }
ul.profile-icons li.aim-icon { width: 20px; height: 20px; }
ul.profile-icons li.yahoo-icon { width: 20px; height: 20px; }
ul.profile-icons li.web-icon { width: 20px; height: 20px; }
ul.profile-icons li.msnm-icon { width: 20px; height: 20px; }
ul.profile-icons li.icq-icon { width: 20px; height: 20px; }
ul.profile-icons li.jabber-icon { width: 20px; height: 20px; }
ul.profile-icons li.pm-icon { width: 28px; height: 20px; }
ul.profile-icons li.quote-icon { width: 54px; height: 20px; }
ul.profile-icons li.report-icon { width: 20px; height: 20px; }
ul.profile-icons li.edit-icon { width: 42px; height: 20px; }
ul.profile-icons li.delete-icon { width: 20px; height: 20px; }
ul.profile-icons li.info-icon { width: 20px; height: 20px; }
ul.profile-icons li.warn-icon { width: 20px; height: 20px; }
/* Fix profile icon default margins */
ul.profile-icons li.edit-icon { margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon { margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon { margin: 0 3px 0 0; }
/* proSilver Form Styles
---------------------------------------- */
/* General form styles
----------------------------------------*/
fieldset {
border-width: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
select {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #666666;
padding: 1px;
background-color: #FAFAFA;
}
option {
padding-right: 1em;
}
option.disabled-option {
color: graytext;
}
textarea {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: 60%;
padding: 2px;
font-size: 1em;
line-height: 1.4em;
}
label {
cursor: default;
padding-right: 5px;
}
label input {
vertical-align: middle;
}
label img {
vertical-align: middle;
}
/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
padding: 4px 0;
}
fieldset dt {
float: left;
width: 40%;
text-align: left;
display: block;
}
fieldset dd {
margin-left: 41%;
vertical-align: top;
margin-bottom: 3px;
}
/* Specific layout 1 */
fieldset.fields1 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields1 dd {
margin-left: 15em;
border-left-width: 0;
}
fieldset.fields1 {
background-color: transparent;
}
fieldset.fields1 div {
margin-bottom: 3px;
}
/* Specific layout 2 */
fieldset.fields2 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields2 dd {
margin-left: 16em;
border-left-width: 0;
}
/* Form elements */
dt label {
font-weight: bold;
text-align: left;
}
dd label {
white-space: nowrap;
}
dd input, dd textarea {
margin-right: 3px;
}
dd select {
width: auto;
}
dd textarea {
width: 85%;
}
/* Hover effects */
fieldset dl:hover dt label {
text-decoration:none;
border-bottom: 1px dashed #FF6600;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
#timezone {
width: 95%;
}
* html #timezone {
width: 50%;
}
/* Quick-login on index page */
fieldset.quick-login {
margin-top: 5px;
}
fieldset.quick-login input {
width: auto;
}
fieldset.quick-login input.inputbox {
width: 15%;
vertical-align: middle;
margin-right: 5px;
background-color: #f3f3f3;
}
fieldset.quick-login label {
white-space: nowrap;
padding-right: 2px;
}
/* Display options on viewtopic/viewforum pages */
fieldset.display-options {
text-align: center;
margin: 3px 0 5px 0;
}
fieldset.display-options label {
white-space: nowrap;
padding-right: 2px;
}
fieldset.display-options a {
margin-top: 3px;
}
/* Display actions for ucp and mcp pages */
fieldset.display-actions {
text-align: right;
line-height: 2em;
white-space: nowrap;
padding-right: 1em;
}
fieldset.display-actions label {
white-space: nowrap;
padding-right: 2px;
}
fieldset.sort-options {
line-height: 2em;
}
/* MCP forum selection*/
fieldset.forum-selection {
margin: 5px 0 3px 0;
float: right;
}
fieldset.forum-selection2 {
margin: 13px 0 3px 0;
float: right;
}
/* Jumpbox */
fieldset.jumpbox {
text-align: right;
margin-top: 15px;
height: 2.5em;
}
fieldset.quickmod {
width: 50%;
float: right;
text-align: right;
height: 2.5em;
}
/* Submit button fieldset */
fieldset.submit-buttons {
text-align: center;
vertical-align: middle;
margin: 5px 0;
}
fieldset.submit-buttons input {
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
}
/* Posting page styles
----------------------------------------*/
/* Buttons used in the editor */
#format-buttons {
margin: 15px 0 2px 0;
}
#format-buttons input, #format-buttons select {
vertical-align: middle;
}
/* Main message box */
#message-box {
width: 80%;
}
#message-box textarea {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
width: 100%;
font-size: 1.2em;
color: #333333;
}
/* Emoticons panel */
#smiley-box {
width: 18%;
float: right;
}
#smiley-box img {
margin: 3px;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border: 1px solid #c0c0c0;
color: #333333;
padding: 2px;
cursor: text;
}
.inputbox:hover {
border: 1px solid #eaeaea;
}
.inputbox:focus {
border: 1px solid #eaeaea;
color: #4b4b4b;
}
input.inputbox { width: 85%; }
input.medium { width: 50%; }
input.narrow { width: 25%; }
input.tiny { width: 125px; }
textarea.inputbox {
width: 85%;
}
.autowidth {
width: auto !important;
}
/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
font-size: 1em;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
width: auto !important;
padding-top: 1px;
padding-bottom: 1px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #000;
background: #FAFAFA none repeat-x top left;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #666666;
}
input.button3 {
padding: 0;
margin: 0;
line-height: 5px;
height: 12px;
background-image: none;
font-variant: small-caps;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border: 1px solid #666666;
}
/* button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
text-decoration: none;
color: #000000;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border: 1px solid #BCBCBC;
background-position: 0 100%;
color: #BCBCBC;
}
input.disabled {
font-weight: normal;
color: #666666;
}
/* Topic and forum Search */
.search-box {
margin-top: 3px;
margin-left: 5px;
float: left;
}
.search-box input {
}
input.search {
background-image: none;
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}
.full { width: 95%; }
.medium { width: 50%;}
.narrow { width: 25%;}
.tiny { width: 10%;}
body {
background-color: #EBF5FD;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #1D62A0;
font-size: 12px;
margin-left: 0;
margin-top: 0;
margin-right: 0; }
a:link { color: #1D62A0; text-decoration: none; }
a:visited { color: #1D62A0; text-decoration: none; }
a:hover { text-decoration:none; border-bottom: 1px dashed #FF6600; color: #1D62A0; }
a:active { color: #1D62A0; text-decoration: none; }
/* Fjerne txtdecoration bildelinker */
.no_hover { text-decoration: none; border-bottom: 0px; }
a.no_hover { text-decoration: none; border-bottom: 0px; }
a.no_hover :visited { text-decoration: none; border-bottom: 0px; }
a.no_hover :hover { text-decoration: none; border-bottom: 0px; }
a.no_hover :active { text-decoration: none; border-bottom: 0px; }
img {
border-width: 0;
}
/* Forum header links */
.head1 { font-size: 13px; font-family: Verdana, Arial; color: #055FA5; }
.head1:link , .head1:visited { text-decoration: none; font-family: Verdana, Arial; color: #055FA5; }
.head1:hover { text-decoration:none; border-bottom: 1px dashed #FF6600; font-family: Verdana, Arial; color: #055FA5; }
.head2:link {font-size: 13x; font-family: Verdana, Arial; color: #E10A0A; text-decoration: none;}
.head2:visited {font-size: 13px; font-family: Verdana, Arial; color: #E10A0A; text-decoration: none;}
.head2:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; font-size: 13px; font-family: Verdana, Arial; color: #E10A0A;}
/* Div i menyblokka til venstre */
.dotter {font-size: 14px; font-family: Arial; font-weight: bold; color: #CBE1F5;}
.menytextleft {font-size: 12px; font-family: Verdana; color: #055FA5;}
.menudots {font-size: 14px; font-family: Arial; color: #ABCCEB; font-weight: bold;}
.menytextleft {font-size: 12px; font-family: Verdana; color: #055FA5;}
/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #104D7B; }
a.topictitle:link { text-decoration: none; color: #104D7B; }
a.topictitle:visited { text-decoration: none; color: #4B81A9; }
a.topictitle:hover { text-decoration:none; border-bottom: 1px dashed #FF6600; color: #104D7B;}
a.topictitle:active { text-decoration: none; color: #104D7B; }
/* Forum title text and links */
.forumlink { font-weight: bold; font-size: 14px; color: #009933; text-decoration: none; }
a.forumlink { text-decoration: none; color: #009933; }
a.forumlink:visited { text-decoration: none; color: #009933; }
a.forumlink:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; color: #009933;}
a.forumlink:active { text-decoration: none; color: #009933; }
/* Category tittler */
.cattitle {font-weight: bold; font-size: 16px ; color: #CC0000; text-decoration: none; alignment: left;}
a.cattitle {text-decoration: none; color: #CC0000; alignment: left;}
a.cattitle:visited {text-decoration: none; color: #CC0000; alignment: left; }
a.cattitle:hover {text-decoration:none; border-bottom: 1px dashed; color: #CC0000; alignment: left;}
a.cattitle:active {text-decoration: none; color: #CC0000; alignment: left;}
.cattitle2 {font-weight: bold; font-size: 18px ; color: #CC0000; text-decoration: none; alignment: left;}
a.cattitle2 {text-decoration: none; color: #CC0000; alignment: left;}
a.cattitle2:visited, a.cattitle2:active {text-decoration: none; color: #CC0000; alignment: left;}
a.cattitle2:hover {text-decoration:none; border-bottom: 1px dashed; color: #CC0000; alignment: left;}
/* Navigation text, bar and pagination */
.nav {font-weight: bold; font-size: 11px; color: #4B81A9;}
a.nav, a.nav:visited {text-decoration: none; color: #4B81A9;}
a.nav:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; color: #009933;}
a.nav:active {text-decoration: none; color: #4B81A9;}
a.navoransj, a.navoransj:visited , a.navoransj:active {text-decoration: none; color: #FF6600;}
a.navoransj:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; color: #104D7B;}
a.navgreen, a.navgreen:visited , a.navgreen:active {text-decoration: none; color: #009900;}
a.navgreen:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; color: #009900;}
/* Miscelanous text */
.gen {font-size: 13px; color: #1D62A0;}
a.gen, a.gen:visited {text-decoration: none;}
a.gen:hover {text-decoration:none; border-bottom: 1px dashed; color: #FF6600;}
a.gen:active {text-decoration: none;}
.gen2 {font-size: 13px; color: #4B81A9;}
a.gen2, a.gen2:visited {text-decoration: none; color: #4B81A9;}
a.gen2:hover {text-decoration: none; border-bottom: 1px dashed; color: #FF6600; color: #4B81A9;}
a.gen2:active {text-decoration: none; color: #4B81A9;}
.gensmall{font-size: 10px; color: #1D62A0; font-family: Verdana, Arial;}
a.gensmall {text-decoration: none; font-size: 10px; color: #1D62A0; font-family: Verdana, Arial;}
a.gensmall:visited {text-decoration: none; font-size: 10px; color: #1D62A0; font-family: Verdana, Arial;}
a.gensmall:active {text-decoration: none; font-size: 10px; color: #1D62A0; font-family: Verdana, Arial;}
a.gensmall:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; font-size: 10px; color: #1D62A0; font-family: Verdana, Arial;}
.genmed {font-size: 11px; color: #084B87; font-family: Verdana, Arial;}
.genstor{font-size: 14px; color: #084B87 ;font-weight: bold;}
a.genstor, a.genstor:visited, a.genstor:active {text-decoration: none; font-size: 14px; color: #084B87 ;font-weight: bold; font-family: Verdana, Arial;}
a.genstor:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; font-size: 14px; font-weight: bold; color: #1D62A0; font-family: Verdana, Arial;}
.nametitle {font-weight: bold; font-size: 18px ; color: #CC0000;}
a.nametitle, a.nametitle :visited, a.gen:active {text-decoration: none;}
a.nametitle :hover {text-decoration:none; border-bottom: 1px dashed; color: #FF6600;}
.siggy {font-size: 13px; color: #1D62A0; height:200px; overflow:auto; width: 100%;}
.siggytable {table-layout:fixed;}
.ranktitle{font-size: 10px; color: #1D62A0;}
.mellomtittel{font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.05em;
color: #115098;
margin-top: 20px;}
/* Post pad, txt og link */
a.postlink:link {text-decoration: none; color: #FF6600;}
a.postlink:visited {text-decoration: none; color: #FF6600;}
a.postlink:active {text-decoration: none; color: #FF6600;}
a.postlink:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; color: #FF6600;}
/* Footer */
.footer {font-size: 10px; color: #25527F;}
a.footer {text-decoration: none; font-size: 10px; color: #25527F;}
a.footer:visited, a.footer:active {text-decoration: none; font-size: 10px; color: #25527F;}
a.footer:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; font-size: 10px; color: #25527F;}
/* liten og lys */
.liten {font-size: 10px; color : #6292BE;}
a.liten, a.liten:visited {text-decoration: none; color: #6292BE;}
a.liten:hover {text-decoration:none; border-bottom: 1px dashed #FF6600; color: #6292BE;}
a.liten:active {text-decoration: none; color: #6292BE;}
/* Newspaper stuff */
.newsarrow {font-size: 13px; color: #FF6600;}
.newstitle {font-size: 15px; color: #084B87; font-family: Times New Roman; letter-spacing: 4px; font-weight: bold;}
.newsauthor {color: #009900;}
.newscomment {color: #3366CC;}
.newsread {color: #E10A0A;}
a.newscomment, a.newscomment:visited {text-decoration: none; color: #3366CC;}
a.newscomment:hover{text-decoration: underline; color: #3366CC;}
.newstext {font-size: 13px;}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;
color: #104D7B;}
.reported {
background-color: #F7ECEF;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
ul.topiclist li.row dt a.subforum.read {
background-image: url("./styles/zot/imageset/subforum_read.gif");
}
ul.topiclist li.row dt a.subforum.unread {
background-image: url("./styles/zot/imageset/subforum_unread.gif");
}
.online {
background-image: url("./styles/zot/imageset/en/icon_user_online.gif");
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
/* Big button images */
.reply-icon span { background-image: url("./styles/zot/imageset/en/button_topic_reply.gif"); }
.post-icon span { background-image: url("./styles/zot/imageset/en/button_topic_new.gif"); }
.locked-icon span { background-image: url("./styles/zot/imageset/en/button_topic_locked.gif"); }
.pmreply-icon span { background-image: url("./styles/zot/imageset/en/button_pm_reply.gif") ;}
.newpm-icon span { background-image: url("./styles/zot/imageset/en/button_pm_new.gif") ;}
.forwardpm-icon span { background-image: url("./styles/zot/imageset/en/button_pm_forward.gif") ;}
a.print {
background-image: url("./styles/zot/theme/images/icon_print.gif");
}
a.sendemail {
background-image: url("./styles/zot/theme/images/icon_sendemail.gif");
}
a.fontsize {
background-image: url("./styles/zot/theme/images/icon_fontsize.gif");
}
/* Icon images
---------------------------------------- */
.sitehome { background-image: url("./styles/zot/theme/images/icon_home.gif"); }
.icon-shop { background-image: url("./styles/zot/theme/images/icon_shop.gif"); }
.icon-faq { background-image: url("./styles/zot/theme/images/icon_faq.gif"); }
.icon-members { background-image: url("./styles/zot/theme/images/icon_members.gif"); }
.icon-home { background-image: url("./styles/zot/theme/images/icon_home.gif"); }
.icon-ucp { background-image: url("./styles/zot/theme/images/icon_ucp.gif"); }
.icon-register { background-image: url("./styles/zot/theme/images/icon_register.gif"); }
.icon-logout { background-image: url("./styles/zot/theme/images/icon_logout.gif"); }
.icon-bookmark { background-image: url("./styles/zot/theme/images/icon_bookmark.gif"); }
.icon-bump { background-image: url("./styles/zot/theme/images/icon_bump.gif"); }
.icon-subscribe { background-image: url("./styles/zot/theme/images/icon_subscribe.gif"); }
.icon-unsubscribe { background-image: url("./styles/zot/theme/images/icon_unsubscribe.gif"); }
.icon-pages { background-image: url("./styles/zot/theme/images/icon_pages.gif"); }
.icon-search { background-image: url("./styles/zot/theme/images/icon_search.gif"); }
.icon-points { background-image: url("./styles/zot/theme/images/icon_points.gif"); }
/* Profile & navigation icons */
.email-icon, .email-icon a { background-image: url("./styles/zot/imageset/icon_contact_email.gif"); }
.aim-icon, .aim-icon a { background-image: url("./styles/zot/imageset/icon_contact_aim.gif"); }
.yahoo-icon, .yahoo-icon a { background-image: url("./styles/zot/imageset/icon_contact_yahoo.gif"); }
.web-icon, .web-icon a { background-image: url("./styles/zot/imageset/icon_contact_www.gif"); }
.msnm-icon, .msnm-icon a { background-image: url("./styles/zot/imageset/icon_contact_msnm.gif"); }
.icq-icon, .icq-icon a { background-image: url("./styles/zot/imageset/icon_contact_icq.gif"); }
.jabber-icon, .jabber-icon a { background-image: url("./styles/zot/imageset/icon_contact_jabber.gif"); }
.pm-icon, .pm-icon a { background-image: url("./styles/zot/imageset/en/icon_contact_pm.gif"); }
.quote-icon, .quote-icon a { background-image: url("./styles/zot/imageset/en/icon_post_quote.gif"); }
/* Moderator icons */
.report-icon, .report-icon a { background-image: url("./styles/zot/imageset/icon_post_report.gif"); }
.edit-icon, .edit-icon a { background-image: url("./styles/zot/imageset/en/icon_post_edit.gif"); }
.delete-icon, .delete-icon a { background-image: url("./styles/zot/imageset/icon_post_delete.gif"); }
.info-icon, .info-icon a { background-image: url("./styles/zot/imageset/icon_post_info.gif"); }
.warn-icon, .warn-icon a { background-image: url("./styles/zot/imageset/icon_user_warn.gif"); } /* Need updated warn icon */
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
input.search {
background-image: url("./styles/zot/theme/images/icon_textbox_search.gif");
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #FAFAFA;
background-image: url("./styles/zot/theme/images/bg_button.gif");
}
a.button1, input.button1 {
border-color: #666666;
}
input.button3 {
background-image: none;
}
/* button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
color: #000000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #990033;
color: #990033;
}
/* Back to top of page */
.back2top {
clear: both;
height: 11px;
text-align: right;
}
a.top {
background: none no-repeat top left;
text-decoration: none;
width: 11px;
height: 11px;
display: block;
float: right;
overflow: hidden;
letter-spacing: 1000px;
text-indent: 11px;
}
a.top2 {
background: none no-repeat 0 50%;
text-decoration: none;
padding-left: 15px;
}
/* Arrow links */
a.up { background: none no-repeat left center; }
a.down { background: none no-repeat right center; }
a.left { background: none no-repeat 3px 60%; }
a.right { background: none no-repeat 95% 60%; }
a.up, a.up:link, a.up:active, a.up:visited {
padding-left: 10px;
text-decoration: none;
border-bottom-width: 0;
}
a.up:hover {
background-position: left top;
background-color: transparent;
}
a.down, a.down:link, a.down:active, a.down:visited {
padding-right: 10px;
}
a.down:hover {
background-position: right bottom;
text-decoration: none;
}
a.left, a.left:active, a.left:visited { font-size: 13px; color: #1D62A0; text-decoration:none;
padding-left: 12px;}
a.left:hover { text-decoration:none; border-bottom: 1px dashed; font-size: 13px;
background-position: 0 60%;
}
/* invisible skip link, used for accessibility */
.skiplink {
position: absolute;
left: -999px;
width: 990px;
}
/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
float: right;
margin: 3px;
}
/* Back to top of page */
a.top {
background-image: url("./styles/zot/imageset/icon_back_top.gif");
}
a.top2 {
background-image: url("./styles/zot/imageset/icon_back_top.gif");
}
/* Arrow links */
a.up { background-image: url("./styles/zot/theme/images/arrow_up.gif") }
a.down { background-image: url("./styles/zot/theme/images/arrow_down.gif") }
a.left { background-image: url("./styles/zot/theme/images/arrow_left.gif") }
a.right { background-image: url("./styles/zot/theme/images/arrow_right.gif") }
a.right, a.right:active, a.right:visited {
padding-right: 12px; font-size: 13px; color: #1D62A0; text-decoration:none; }
a.right:hover { text-decoration:none; border-bottom: 1px dashed; font-size: 13px;
background-position: 100% 60%;}
a.up:hover {
background-color: transparent;
}
.error {color: #CC0000;}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
background-color: #ffcccc;}
.pmlist li.pm_marked_colour, .pm_marked_colour {
background-color: #f9ff4e;}
.pmlist li.pm_replied_colour, .pm_replied_colour {
background-color: #f0f0ee;}
.pmlist li.pm_friend_colour, .pm_friend_colour {
background-color: #d9fed0;}
.pmlist li.pm_foe_colour, .pm_foe_colour {
background-color: #878886;}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background: none 6px 8px no-repeat;
border: 1px dashed #66cccc;
font-size: 0.95em;
margin: 0.5em 1px 0 25px;
overflow: hidden;
padding: 10px;
background-image: url("./styles/zot/theme/images/quote.gif");
}
blockquote blockquote {
/* Nested quotes */
font-size: 1em;
margin: 0.5em 1px 0 15px;
}
blockquote blockquote blockquote {
}
blockquote cite {
/* Username/source of quoter */
font-style: normal;
font-weight: bold;
margin-left: 20px;
display: block;
font-size: 0.9em;
}
.rtl blockquote {
background-image: url("./styles/zot/theme/images/quote_rtl.gif");
}
/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
}
/* Code block */
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #d8d8d8;
font-size: 1em;
border-color: #C9D2D8;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
border-bottom-color: #CCCCCC;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
/* Also see tweaks.css */
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
line-height: 1.3em;
color: #8b8b8b;
margin: 2px 0;
color: #2E8B
}
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #000000; }
.syntaxdefault { color: #bcbcbc; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #585858; }
.syntaxstring { color: #a7a7a7; }