/*--- Page Variables ---*/
html {
font-size: 100%;
}
body {
margin: 0;
padding: 0;
background-color: #ddd;
color: #000;
font-size: 0.8em;
}
td, p, div {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}
A:link, A:visited {
color: #C40022;
}
A:active, A:hover {
color: #900;
text-decoration: underline overline;
}
.pagetable {
text-align: center;
}
#logo { /*--- logo block ---*/
background: #BD1313 url(images/english/logo.gif) no-repeat;
border-top: 1px solid #000;
height: 110px;
text-align: left;
margin: 0 0 5px 0;
}
#logo h1 {
background: transparent;
margin: 0px;
padding: 0 0 0 69px;
font-family: Forte, "Franklin Gothic Medium", Helvetica, sans-serif;
font-size: 180%;
letter-spacing: .2em;
}
/*--- link for logo ---*/
A.logo:link, A.logo:visited {text-decoration:none; color: #fff;}
A.logo:active, A.logo:hover {text-decoration:underline;}
#logo h2
{ margin: 0px;
padding: 0px 0px 4px 70px;
font-size: 100%;
color:#ccc;
}
#logo form {
border: 0 solid #444;
margin: -42px 10px 0 10px;
text-align: right;
}
#logo form .textinput {
background-color: #eeeeee;
color: #000;
margin-top:3px;
margin-bottom:3px;
}
/*--- link for top search (Adavanced) ---*/
.topsearch {font-size: 98%;}
A.topsearch:link, A.topsearch:visited {text-decoration: none; color: #fff;}
A.topsearch:active, A.topsearch:hover {text-decoration: underline; color: #000000;}
#toplinks { /*--- helps/contacts/about links ---*/
height: 20px;
font-size: 86%;
text-transform: uppercase;
text-align: right;
}
.toplinks {color: #fff;}
A.toplinks:link, A.toplinks:visited {text-decoration: none; color: #fff;}
A.toplinks:active, A.toplinks:hover {text-decoration: underline; color: #000000;}
/*--- Banner ---*/
.bannertable {
border: 1px solid #aaa;
margin: 5px 3px 0 3px;
font-size: 0.87em;
text-align: center;
line-height: 1.4em;
}
.bannertext {
}
.bannertexttitle {
}
A.bannerlink:link, A.bannerlink:visited,
A.bannerlink:active, A.bannerlink:hover {
}
/*--- Menu ---*/
.menutable { /* Box title bars */
background-color: #ccc;
border-right: 1px solid #fff;
border-left: 1px solid #999;
color: #000;
font-weight: bold;
text-align: left;
}
.menutable h2, .menutable h3 {
font-size: 1.0em;
line-height: 1.17em;
margin: 0;
padding: 0 0 1px 0;
}
.menubordercolor { /* behind boxes, provides border in some themes */
padding: 6px;
background-color: #ccc;
border-right: 1px solid #fff;
border-left: 1px solid #999;
}
.menubackcolor { /* box content */
/* background-image: url(images/sheer.gif); messes up the scrolling */
background-color: #fff;
color: #000;
border: 1px inset #000;
padding: 3px;
text-align: left;
}
/*--- Menu Variables ---*/
.cat{}
.cat ul {padding:0; margin:0; width:0;}
.cat li {list-style-type:none; width:132px; height:20px; margin:0 0 1px 0; clear:both;}
dt.cat { width:144px; height:20px; margin:0 0 1px 0; clear:both;}
.cat a.menu, .cat a.menu:visited {color:#444; background-color:#fff; border: 1px solid #444; width:144px; margin:0 0 1px 0; position:relative; display:block; height:18px; padding-left:2px;}
.cat a.menu:hover {color:#fff; background-color:#c60025; border:1px solid #000; text-decoration:none;}
div.cat ul {}
* html div.cat ul {}
div.cat ul li {list-style-type:none;}
A.menu:link, A.menu:visited {
font-weight: bold;
text-decoration: none;
}
A.menu:active, A.menu:hover {
font-weight: bold;
text-decoration: none;
}
/*--- Who's Online? ---*/
.whocat {
font-size: 0.92em;
}
.cat ul.whocat {
margin-left: 12px; /* Firefox */
}
.cat ul.whocat a {
font-size: 1.1em;
}
.cat ul.whocat li {
list-style-position: outside;
text-indent: 0;
}
* html ul.whocat li {
margin-left: 3px;
padding-left: 3px;
}
A.whomenu:link, A.whomenu:visited, A.whomenu:active, A.whomenu:hover {
font-weight: bold;
}
/*--- News ---*/
.newssubtitle { /* Notes under front article titles */
font-size: 0.89em;
}
A.smallnewslink:link, A.smallnewslink:visited { /* Nickname author subtitle notes, more link long front page news */
text-decoration: none;
font-size: 10pt;
}
A.smallnewslink:active, A.smallnewslink:hover {
text-decoration: underline overline;
font-size: 10pt;
}
.newsfootertable { /* bottom inset text tables (print, email, comments, ...) */
background-color: #fcf3f3;
border: 1px outset #696969;
margin: 7px auto 0 auto;
display: table;
width: 98%;
font-size: 0.87em;
white-space: nowrap;
padding: 2px 0;
}
.newsfootertable span {
display: block;
float: left;
text-align: left;
/* display: table-cell; doesn't work in IE */
width: 50%;
margin: 0;
padding: 0;
}
.newsfootertable span.newsfootertext { /* inset text bottoms front page news */
display: block;
float: right;
text-align: right;
/* display: table-cell; doesn't work in IE */
width: 49%;
}
A.newslink:link, A.newslink:visited, A.newslink:active, A.newslink:hover { /* links in news footers */
font-size: 10pt;
}
/* topics.pl only from here on: */
.fullnewstitle { /* article title news page */
color: #000;
font-weight: bold;
font-size: 16px;
}
.newstextsmall { /* article subtitle notes news page */
background-color: #f9eeee;
color: #000;
font-size: 9pt;
}
.newstextnormal { /* articles text news page */
padding: 0;
}
.newstexttitle { /* comments notes (title, number, post link) */
background-color: #cccccc;
color: #fff;
font-weight: normal;
}
.commenttitleback { /* Article comment title bar */
background-color: #dcdcdc;
border: 1px ridge #dcdcdc;
color: #000;
font-weight: bold;
}
.commentsubtitleback {
background-color: #dcdcdc; /* Comment message subtitle */
border: 1px inset #dcdcdc;
color: #000;
font-size: 0.89em;
}
.commentbordercolor {
background-color: #fff; /* these only show when making comment until HTML in topics.pl is fixed */
color: #000;
}
.commentbackcolor {
border: 3px double #000;
background-color: #fff;
color: #000;
}
A.commentlink:link, A.commentlink:visited,
A.commentlink:active, A.commentlink:hover {
font-weight: bold;
}
.articlecatnormal { /* columns on topics page */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 10px;
}
.articlecattitle { /* Title tops topics and category pages (also in user.pl) */
color: #696969;
font-weight: bold;
font-size: 14px;
}
/*--- Poll ---*/
.pollquestion {
margin-bottom: 5px;
}
.poll {
text-align: center;
}
.poll .poll {
text-align: left;
font-size: 9pt;
padding-left: 17px;
text-indent: -17px;
}
.votebutton { /* poll.pl */
background-color: #ddd;
border: 1px ridge #dcdcdc;
color: #000;
margin: 5px;
}
A.polllink:link, A.polllink:visited,
A.polllink:active, A.polllink:hover {
font-size: 0.895em;
}
/*--- My Content ---*/
.mycontenttable { /* border around latest forum posts bottom of page (if turned on) */
width: 98%;
margin-left: auto; /* Firefox */
margin-right: auto;
/* margin-bottom: 10px; */
}
.mycontenttext, .mycontenttexttitle {
}
A.mycontentlink:link, A.mycontentlink:visited,
A.mycontentlink:active, A.mycontentlink:hover {
font-weight: bold;
}
.mycontenttable .cat ul {
list-style-image: url(images/bgdot.gif);
list-style-position: outside;
margin-left: 7px;
padding-left: 7px;
}
.mycontenttable .cat ul li {
text-indent: 0;
}
.mycontenttable a {
font-size: 1.1em;
}
/*--- Helps Nav ---*/
.helpsnavtable { /* small block at bottom (help, contact, stats, ...) */
background-color: #fff;
color: #000;
font-family: Arial, Helvetica, sans-serif;
border: 2px ridge #000;
margin: 10px 3px;
padding: 3px 4px;
}
A.helpsnavlink:link, A.helpsnavlink:visited, A.helpsnavlink:active, A.helpsnavlink:hover { /* instantmessages.pl has this */
}
/*--- WebAPP Footer ---*/
.webapptext {
font-size: 0.87em;
text-align: center;
}
A.webapplink:link, A.webapplink:visited {
text-decoration: none;
}
A.webapplink:active, A.webapplink:hover {
text-decoration: underline;
}
/*--- Forum ---*/
.forumtext { /* nav tree, site time and other text under index */
}
.forumtextbold {
font-weight: bold;
}
.forumtitlebackcolor { /* table behind topics and messages indexes (makes grid) */
background-color: #696969;
border: 1px ridge #696969;
color: #000;
}
.boardtitle { /* board and category title rows */
background-color: #d3d3d3;
border: 1px inset #d3d3d3;
color: #000;
font-weight: bold;
padding: 3px;
}
.forumwindow1 {
background-color: #ccc; /* stickies, link info, etc... */
border: 1px ridge #dcdcdc;
color: #000;
font-weight: normal;
}
.forumwindow2 { /* (set link text separately) forum and board index category titles, messages, overview messages */
background-color: #fff;
border: 1px ridge #dcdcdc;
color: #000;
font-weight: normal;
}
.forumwindow3 { /* alternate messages, overview subtitles, alternate board index categories */
background-color: #f5f5f5;
border: 1px ridge #dcdcdc;
color: #000;
font-weight: normal;
}
A.forumlink:link, A.forumlink:visited,
A.forumlink:active, A.forumlink:hover { /* board titles */
font-weight: bold;
}
A.forumnav:link, A.forumnav:visited, A.forumnav:active, A.forumnav:hover { /* navigation tree, mark as read */
}
/*--- Stats ---*/
.statstext {
text-align: left;
}
.statstextbold {
font-weight: bold;
text-align: left;
}
/*--- IM ---*/
/* Grid background and each single message heading set in theme.pl variables */
.imtitle {
background-color: #f5f5f5;
border: 1px ridge #dcdcdc;
color: #000;
}
.imselected { /* Highlight IM being read */
background-color: #ccc;
border: 1px ridge #ccc;
color: #000;
}
.imwindow1 { /* First, third, ..., message in list */
background-color: #fff;
border: 1px ridge #fff;
color: #000;
}
.imwindow2 { /* Second, fourth, ..., message in list */
background-color: #f5f5f5;
border: 1px ridge #f5f5f5;
color: #000;
}
A.newimlink:link, A.newimlink:visited,
A.newimlink:active, A.newimlink:hover {
font-weight: bold;
}
A.oldimlink:link, A.oldimlink:visited, A.oldimlink:active, A.oldimlink:hover {
}
/*--- Text ---*/
.text {
background-color: #fff;
color: #000;
}
.textsmall {
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
}
.texttitle {
color: #BD1313; /* titles on pages various sections */
font-weight: bold;
font-size: 16px;
padding-top: 0px;
margin-top: 0px;
}
/* texttitle: palm article titles, about, caption in admin "Site Configuration", help, */
/* admin send newsletter, title on view article or comment from search, */
/* user welcome view profile, data_error, print_main (welcome) */
/*--- Form ---*/
.formstextnormal {
font-weight: bold; /* many forms */
padding: 7px;
}
.formstext {
/* text right of form field title post article, post comment, edit profile */
}
.formstexttitle {
color: #000; /* edit profile titles */
font-weight: bold;
font-size: 16px;
}
.formstextsmall {
font-size: 11px; /* edit profile (required fields note) */
}
.button {
background-color: #ddd;
border: 1px ridge #dcdcdc;
color: #000;
}
/*--- not in use, not implemented in any files in WebAPP ---*/
/* .articlecatempty, .time, .helpsnavtext, .helpsnavtexttitle */
/*--- Calendar (also still has settings in calendar.cfg) ---*/
.calhead {
text-align: center;
}
.calbody {
}
.calhigh {
background-color: #FFFFCC;
}
.calhigh a:link, .calhigh a:visited, .calhigh a:active, .calhigh a:hover {
font-weight: bold;
}
.caltoday {
font-weight: bold;
color: #FF3300;
font-size: 10px;
}
/*--- Custom ---*/
FORM { /* keeps forms flat (display:inline; works too) */
border: 1px ridge #dcdcdc;
padding: 3px;
margin : 0px;
}
HR {
color: #A9A9A9;
height: 1px;
background-color: #dcdcdc;
border: 0;
}
.codepost { /* scroll boxes for posting code in forums or articles */
background-color: #fff;
color: #000;
width: 340px;
height: 150px;
white-space: nowrap;
overflow: scroll;
padding-left: 2px;
padding-bottom: 12px;
font-family: "Courier New", "Courier Regular", Lucida;
font-size: 9pt;
/* font-size: 0.95em; too small in Firefox */
}
blockquote {
font-size: 0.98em;
font-family: Arial;
color: #000;
width: 65%;
border-left: 3px ridge #a9a9a9;
padding: 3px;
}
/* NEW CLASSES FOR 0.9.9.3: */
/* "More" link for long articles shortened on front page */
.morelink {
font-size: 9pt;
}
/* for firefox */
a img {
border:0;
text-decoration:none;
}
.highlight { /* 3 for whoson */
color: #FFFFCC;
font-weight: bold;
}
.mouseoveroff {
}
.mouseover {
cursor: help;
background-color: #fcf;
color: #000;
}
/* these need to be kept below the other rules if to override an old style */
/* some of them are compound classes */
.tableback { /* behind whole table, makes edges if in different color */
background-color: #696969;
color: #000;
font-weight: normal;
}
.titlebar { /* section titles */
font-weight: bold;
}
.columnheader { /* column headers can be different color */
background-color: #f5f5f5;
color: #000;
font-weight: bold;
}
.tabletext { /* ordinary text in tables */
background-color: #fff;
color: #000;
}
/*--- Top Menu Bar (Menu Manager) ---*/
/*--- Menu Bar (bottom bar for Menu Manager)---*/
.navbar, .topnavbar { /* Menu bar */
background-color: #f7f7f7;
border: 3px double #bd1313;
font-weight: bold; /* netscape 4.7 */
}
A.nav:link, A.nav:visited, A.topnav:link, A.topnav:visited {
color: #000;
text-decoration: none;
display: block;
padding: 2px 0 2px 0;
}
A.nav:active, A.nav:hover, A.topnav:active, A.topnav:hover {
background-color: #C40022;
color: #fff;
text-decoration: none;
display: block;
padding: 2px 0 2px 0;
}
/*--- Menu Bar (bottom bar for Menu Manager)---*/
.navbar { /* Menu bar */
margin: 0 3px 0 3px;
}
/*--- Top Menu Bar (Menu Manager) ---*/
/* copy the .navbar class to here if you want to make the top and bottom menu bars different */
.topnavbar { /* Menu bar */
margin: 0 3px 5px 3px;
}
/* for contributors list (action=ver) */
.ver A:link, .ver A:visited {
}
.ver A:active, .ver A:hover {
}
.spacer {
background-color: #fff;
border: 0;
}
table.forumtitlebackcolor {
border-spacing: 1px; /* doesn't work IE */
border-collapse: separate; /* doesn't work IE with cellspacing defined in tables */
}
/*--- NEW CLASSES FOR code moved from theme.pl by my2cents after 0.9.9.3.2 ---*/
.titlebg { /* grid behind admin, instantmessage, and memberlist */
background-color:#000;
}
.titletext { /* column headings admin pages */
background-color: #F2C973;
}
.windowbg { /* articles admin, memberlist and instantmessage header rows */
background-color:#ccc;
}
.windowbg2 { /* articles admin, memberlist rows */
background-color:#f5f5f5;
}
.windowbg3 { /* articles admin, memberlist alternate rows */
background-color:#fff;
}
/*------ end code moved from theme.pl -----------------------*/
/* inputs on forms */
.textinput { /* text inputs on forms */
background-color: ##f2f2f2;
}
textarea { /* text areass on forms */
background-color: #f2f2f2;
}
select { /* select drop down on forms */
background-color: #ddd;
font-size: 0.98em;
}
input { /* font size or size of inputs on forms */
font-size: 0.98em;
}
.legend {}
.clear {
clear: both;
font-size: 1px;
line-height: 1px;
}
div.shoutbox iframe {
display: inline;
}
div.shoutbox input.textinput {
margin: 3px;
}
/* 0.9.9.7 */
.discrete {
color: #C0C0C0;
}
/* 0.9.9.8 */
a.inlinelink:link, a.inlinelink:visited { /* for links - can be hidden, or not */
color: #000;
text-decoration: none;
}
a.inlinelink:active, a.inlinelink:hover {
color: #900;
text-decoration: underline overline;
}
#viewnews .fullnewstitle {} /* article title, example for action specific rules */
#breadcrumb { /* nav bar with breadcrumb links */
}
#breadcrumb a:link, #breadcrumb a:visited { /* links in the navbar - was .menutable */
font-weight: bold; /* netscape 4.7 */
text-decoration: underline;
}
#breadcrumb a:active, #breadcrumb a:hover {
font-weight: bold; /* netscape 4.7 */
text-decoration: overline underline;
}
#welcome { /* welcome message */
}
#frontcontent { /* content section of front page */
}
#insidecontent { /* content section of inside pages */
}
#leftcolumn {
width: 170px;
}
#rightcolumn {
width: 170px;
}
.sidebar { /* div around contents of left and right columns */
width: 170px;
}
.menubox { /* main menu, member panel, member menus */
font-weight: bold;
}
/* custom */
#logs table {
background-color:#f5f5f5;
}
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/ */
/* Stu Nicholls | CSSplay | Krazy Korners */
/* Inset 3D Curved */
.inset {background: transparent; margin-bottom: 10px;}
.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}
.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}