/*
HTML & CSS Fluxility Design
Wouter Klein Heerenbrink
Publish Date: 16-08-2006
www.fluxility.com
(Note van Sanne: Forum-styles beginnen vanaf regel 1077 en ik heb de a:underline in Wouters style
regel 176 aangepast in a:none t.b.v. de Forumleesbaarheid...
*/
* { margin: 0; padding: 0; }
body, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color:#FFF;
}
img {
border: none;
}
body {
background-color: #650000;
}
h1.google {
display: none;
}
h1 {
font-size: 12pt;
}
h2 {
font-size: 10pt;
}
h3 {
font-size: 7pt;
}
p {
padding-top: 9pt;
}
a {
font-size: 100%;
color:#ffffff;
text-decoration: none;
}
table.links1 td {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
}
table.links2 td {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
table.teksten td {
padding-top: 1em;
padding-bottom: 1em;
padding-right: 1em;
vertical-align: top;
}
table.teksten a {
text-decoration:none
}
table.zangers td {
vertical-align: top;
width: 275px;
padding-bottom: 5px;
}
ul#zangers {
list-style: none;
}
ul#zangers li {
position: relative;
padding-left: 200px;
padding-top: 5px;
}
ul#zangers li span { left: -200px;}
ul#zangers li span {
position: absolute;
left: 0;
width: 200px;
}
#zanger-foto {
padding-top: 20px;
}
.foto {
border: 1px solid #fff;
}
a:hover {
background-color:#8d0d0a;
text-decoration:underline;
}
.title {
font-weight: bold;
}
.linkmenu{
text-decoration:none;
}
.caption {
text-align:center;
font-style:italic;
}
.verplicht {
background-color:#FFFF96;
}
/* Layout objects */
#header {
background-color: #8d0d0a;
height: 185px;
/*background-attachment: fixed;*/
background-image: url(../images/sitepics/header.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#menu {
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
height: 25px;
text-transform: uppercase;
}
#menu ul {
margin: auto;
width: 700px;
list-style: none;
margin-top: 5px;
}
#menu ul li {
float: left;
display: block;
padding: 0 10px 0 10px;
border-left: 1px solid #FFF;
}
#menu ul li a {
color: #FFF;
text-decoration: none;
}
#menu ul li:hover {
background-color: #8d0d0a;
}
#menu ul li a:hover {
text-decoration: underline;
}
#menu ul li.first {
border-left: 0;
}
#content {
position: relative;
margin: auto;
width: 550px;
padding-top: 40px;
}
#leftmenu {
position: absolute;
left: -100px;
}
#leftmenu ul {
list-style: none;
}
#footnote {
position: relative;
margin: auto;
width: 550px;
padding-top: 60px;
text-align: center;
color:#2D0303;
}
#footnote a {
color:#2D0303;
}
#fsl_image {
border: 1px solid #FFF;
}
/* Fluxility Liquid Gallery 4.0 BETA */
/* Albums */
#flq_container {
position: relative;
}
#flq_container .album{
position:relative;
float:left;
width:100px;
text-align:center;
margin: 5px;
}
#flq_container .album a {
text-decoration: none;
background: 0;
}
#flq_container .album a img {
border: 0;
}
/* Images */
#flq_container .image {
position:relative;
float:left;
width:100px;
text-align:center;
margin: 3px;
}
#flq_container .image a {
text-decoration: none;
background: 0;
}
#flq_container .image a img {
border: 0;
}
#flq_container #botnav {
padding-top: 10px;
text-align: center;
margin: auto;
}
/* Images-full */
#images-full-thumbs {
text-align: center;
margin: 0;
}
#images-full-thumbs a {
position: relative;
}
#images-full-thumbs a span {
position: absolute;
width: 80px;
background: #650000;
bottom: 10px;
left: 10px;
}
#images-full {
text-align: center;
height: 500px;
}
/** MiniBB Styles *****************************************************************/
/* Body class */
.gbody{
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #650000;
margin-top: 11px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
}
/* General smart tables class */
table.forums {
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 740px;
border: 1px #850000 solid;
display: table;
color: #FFFFFF;
border-collapse: collapse;
text-align: left;
margin-left: auto;
margin-right: auto;
}
/* Simple transparent table without borders and background color (menu navigation, general tables) */
.tbTransparent{
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 740px;
background: transparent;
font-size: 11px;
line-height: 15px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
/* Small analog text, used usually with SPAN */
.txtSm{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
font-size: 10px;
}
/* Normal analog text, used usually with SPAN */
.txtNr{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
font-size: 11px;
}
/* Views color */
.views{
color:#FFFFFF;
}
/* Warning text */
.warning{
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
}
/* Supscript class */
.navCell{
font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
font-size: 9px;
}
/* Class for select boxes */
.selectTxt {
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #FFFFFF;
}
/* List style - user's info */
.limbb{
list-style: circle;
font-size: 11px;
margin-left: 15px;
}
/* Input areas - boxes, textareas... */
.inputButton {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #850000;
border-top: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
font-size: 10px;
color: #FFFFFF;
/* height: 19px; */
}
.textForm {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #FFCC99;
border-bottom: #520000 1px solid;
border-left: #520000 1px solid;
border-right: #520000 1px solid;
border-top: #520000 1px solid;
font-size: 11px;
}
/* Caption 1 (the one for displaying sub-headers like "topics, posted" etc) */
td.caption1 {
border: 1px /* #850000 */ #520000 solid;
font-size: 11px;
line-height: 15px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
}
/* Caption 2 color and properties (this one displaying main menu, New Topic text bg, New Message text bg) */
td.caption2 {
background-color: #840000; /* #550000; */
border: 1px #850000 dotted;
padding: 4px;
height: 20px;
font-size: 11px;
font-weight: bold;
line-height: 15px;
}
/* Caption 3 (used for Last Discussions, topic titles, Forums selection) */
td.caption3 {
background-color: #840000; /*#600000;*/
padding: 3px;
height: 20px;
font-size: 11px;
line-height: 15px;
}
/* Caption 4 (the one for displaying not separate headers like Forum, Topic, Poster etc. on 1st page, Buttons menu, left info cell) */
td.caption4 {
background-color: #550000;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 15px;
}
/* Caption 5 (used for user input like password/login and registration etc) */
td.caption5 {
background-color: #B60000; /*#600000;*/
padding: 4px;
height: 20px;
font-size: 11px;
line-height: 15px;
}
/* Caption 6 (this one is for displaying title headers (search, stats, user reg/prefs) ) */
td.caption6 {
background-color: #650000;
border: 1px #E4EEF3 solid;
padding: 4px;
height: 18px;
font-size: 11px;
font-weight: bold;
}
/* Font for displaying username in each thread */
.username{
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
/* Topics/forums/threads content cell color #1 */
.tbCel1{
/* background: #600000; */
background: #840000;
}
/* Topics/forums/threads content cell color #2 */
.tbCel2{
/* background: #650000; */
background: #B60000;
}
.formStyle{
margin: 0px;
}
/* Stats bar */
.tbStBar{
border: #CCCCCC 1px solid;
margin: 1px;
padding: 1px;
background: #840000; /* #850000; */
font-size: 11px;
}