/* This section defines the styles used for the tag */
body
{
/* background-color: #eaeaea; */
/* 'Trebuchet MS', Verdana*/
background: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
margin: 0px;
padding: 0px;
color: #666666;
}
#content{background: #666666 url('/skins/default/backgrad.bmp') repeat; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 15px 0px; width: 100%; clear: both;}
#content-wrapper{margin: 4px;}
/* This section defines the styles used with tags (links). */
a{color: #0051ba; text-decoration: none;}
a:hover{color: #0000bb; text-decoration: none;}
a:active{color: red;}
a.dark{color: #ffffff; text-decoration: none;}
a.nav{padding-right: 2px;}
a.nav:hover{font-weight: bolder;}
a.navselected{padding-right: 2px; font-weight: bolder;}
a.features{padding-left: 2px;}
a.features:hover{font-weight: bolder;}
a.featuresselected{padding-left: 2px; font-weight: bolder;}
a.rsslink{font-size: 8pt;}
a.newlink{font-size: 8pt;}
a img{color: #000000;}
a:hover img{color: #000000;}
span.page{background-color: #0051ba; font-weight: bolder;}
span.page a{color: white;}
/* This section defines the styles used with images */
img{border-width: 0px;}
img.button{border: 1px solid #4378b2;}
img.button:hover{border-color: #83b8f2;}
img.icon{vertical-align: bottom; cursor: pointer; width: 16px; height: 16px;}
img.oekaki{border: 1px solid black; margin: 10px auto;}
div.clear{clear: both;}
tbody{border-collapse: collapse;}
/* This section defines the table dimensions for the windows */
table{border-width: 0px; border-spacing: 0px;}
table.main{width: 100%; border-width: 0px;}
table.main table.window{width: 100%; margin-bottom: 4px; border-collapse: collapse;}
table.main table.nav{width: 140px; margin-bottom: 2px; border-collapse: collapse;}
table.main table.features{width: 140px; margin-bottom: 2px; border-collapse: collapse;}
table.main td.leftbar{width: 140px; vertical-align: top; padding: 0px;}
table.main td.rightbar{width: 140px; vertical-align: top; padding: 0px;}
table.main td.window{width: 100%; vertical-align: top; padding: 0px 4px;}
table.main #pushleft, table.main #pushright{display: none;}
table.rightcollapse{width: 100%; border-width: 0px;}
table.rightcollapse table.window{width: 100%; margin-bottom: 4px; border-collapse: collapse;}
table.rightcollapse table.nav{width: 140px; border-collapse: collapse;}
table.rightcollapse table.features{width: 0px; display: none; margin-bottom: 2px; border-collapse: collapse;}
table.rightcollapse td.leftbar{width: 140px; vertical-align: top; padding: 0px;}
table.rightcollapse td.rightbar{width: 4px; vertical-align: top; padding: 0px;}
table.rightcollapse td.window{width: 100%; vertical-align: top; padding: 0px 4px;}
table.rightcollapse #pushleft{display: visible;}
table.rightcollapse #pushright{display: none;}
table.rightcollapse #rightbutton{height: 300px; width: 4px; margin: 0px; padding: 0px; cursor: pointer; background: #eeeeee url('/img/icons/pushright.gif') repeat-y; cursor: pointer;}
table.leftcollapse{width: 100%; border-width: 0px;}
table.leftcollapse table.window{width: 100%; margin-bottom: 4px; border-collapse: collapse;}
table.leftcollapse table.nav{width: 0px; display: none; border-collapse: collapse;}
table.leftcollapse table.features{width: 140px; margin-bottom: 2px; border-collapse: collapse;}
table.leftcollapse td.leftbar{width: 4px; vertical-align: top; padding: 0px;}
table.leftcollapse td.rightbar{width: 140px; vertical-align: top; padding: 0px;}
table.leftcollapse td.window{width: 100%; vertical-align: top; padding: 0px 4px;}
table.leftcollapse #pushright{display: visible;}
table.leftcollapse #pushleft{display: none;}
table.leftcollapse #leftbutton{height: 300px; width: 4px; margin: 0px; padding: 0px; cursor: pointer; background: #eeeeee url('/img/icons/pushleft.gif') repeat-y;}
table.fullscreen{width: 100%; border-width: 0px;}
table.fullscreen table.window{width: 100%; margin-bottom: 4px; border-collapse: collapse;}
table.fullscreen table.nav{width: 0px; display: none;}
table.fullscreen table.features{width: 0px; display: none;}
table.fullscreen td.leftbar{width: 4px; vertical-align: top; padding: 0px;}
table.fullscreen td.rightbar{width: 4px; vertical-align: top; padding: 0px;}
table.fullscreen td.window{width: 100%; vertical-align: top; padding: 0px 4px;}
table.fullscreen #pushleft, table.fullscreen #pushright{display: visible;}
table.fullscreen #leftbutton{height: 300px; width: 4px; margin: 0px; padding: 0px; cursor: pointer; background: #eeeeee url('/img/icons/pushleft.gif') repeat-y; cursor: pointer;}
table.fullscreen #rightbutton{height: 300px; width: 4px; margin: 0px; padding: 0px; cursor: pointer; background: #eeeeee url('/img/icons/pushright.gif') repeat-y; cursor: pointer;}
table.login{border-collapse: collapse; width: 110px; margin: 0 auto;}
table.login td{margin: 1px;}
/* Advertisement Rubbish */
div.sidead{text-align: center;}
div.sidead table{margin: 5px auto;}
div.bottomad{text-align: center;}
div.bottomad table{margin: 5px auto;}
div.blacklabel div, div.blacklabel span a img{display: none;}
/* Styles for miscellanious tables */
table.results, div.results
{
background-color: #ffffff;
margin-top: 4px;
border: 2px solid #dddddd;
}
div.result, th{background-color: #eeeeee}
div.results div.result{margin: 0px;}
table.results div.result{margin: 0px;}
table.results{width: 100%; border-collapse: collapse;}
table.results td{padding: 0px; vertical-align: top;}
table.results td.label{padding-right: 3px;}
table.results td.sidethumb{width: 100px; text-align: center; font-size: 9pt;}
table.pages{width: 100%;}
table.thumbarray{width: 100%;}
table.thumbarray td{text-align: center; vertical-align: middle; height: 160px;}
table.actions{width: 100%; margin: 10px auto 0px auto; background: #ffffff url('smalldownfade.bmp') repeat-x; border: 1px solid #cccccc; border-right-width: 0px;}
table.actions td{font-size: 8pt; padding-left: 3px; white-space: nowrap;}
.webshot{text-align: center; font-size: 8pt; margin: 5px; width: 360px; background-color: #eeeeee; vertical-align: middle;}
.webshot img{border: 1px solid black; cursor: url('/skins/default/magnify.cur'), pointer;}
#ratebuttons{margin: 0 auto;}
#ratebuttons td{text-align: center;}
tr.darkrow{background-color: #f0f0f0;}
tr.lightrow{background-color: #ffffff;}
tr.darkrowhot{background-color: #ffe9e9;}
tr.lightrowhot{background-color: #fff0f0;}
tr.darkrowgreen{background-color: #e9ffe9;}
tr.lightrowgreen{background-color: #f0fff0;}
tr.darkrowpurple{background-color: #ffddff;}
tr.lightrowpurple{background-color: #ffeeff;}
tr.darkrow td, tr.lightrow td, tr.darkrowhot td, tr.lightrowhot td, tr.darkrowgreen td, tr.lightrowgreen td, tr.darkrowpurple td, tr.lightrowpurple td{font-size: 8pt;}
tr.darkrow th{font-size: 8pt;}
/* tr.darkrow:hover, tr.lightrow:hover, tr.darkrowhot:hover, tr.lightrowhot:hover, tr.darkrowgreen:hover, tr.lightrowgreen:hover, tr.darkrowpurple:hover, tr.lightrowpurple:hover{background-color: #e5e5ff; cursor: pointer;} */
/* Default table cell (| ) style */
td
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: justify;
color: #000000;
}
/* Layout Cells */
/* Styles used in the content windows */
td.contentbar
{
height: 20px;
background: #6a6a6a url('/skins/default/bargrad.bmp') repeat-y left;
font-weight: bolder;
color: #000000;
padding-left: 4px;
border: 1px solid black;
border-bottom-width: 0px;
}
td.content, tbody.content td.content
{
width: 100%;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
border: 1px solid black;
border-top-width: 0px;
border-bottom-width: 0px;
display: visible;
}
tbody.collapsed{display: none;}
td.contentbottom
{
height: 0px;
padding: 0px;
border-collapse: collapse;
border-bottom: 1px solid black;
}
/* Styles used in the NavBar */
td.navbar
{
width: 140px;
height: 20px;
background-color: #dddddd;
font-weight: bolder;
color: #000000;
padding-left: 4px;
border: 1px solid black;
border-bottom-width: 0px;
}
td.watermark
{
width: 140px;
background: url('/skins/default/smallmark.png');
background-position: bottom right;
background-repeat: no-repeat;
text-align: right;
padding-right: 2px;
padding-bottom: 2px;
background-color: #ffffff;
border: 1px solid black;
border-top-width: 0px;
}
td.nav
{
width: 140px;
text-align: right;
padding-right: 2px;
padding-bottom: 2px;
background-color: #ffffff;
border: 1px solid black;
border-top-width: 0px;
}
table.leftcollapse td.navbar, table.leftcollapse td.watermark, table.leftcollapse td.nav, table.fullscreen td.navbar, table.fullscreen td.watermark, table.fullscreen td.nav{width: 0px;}
td.navbottom
{
height: 0px;
}
/* Styles used with the right-hand NavBar */
td.featuresbar
{
width: 140px;
height: 20px;
background: #6a6a6a;
font-weight: bolder;
color: #ffffff;
padding-left: 4px;
border: 1px solid black;
border-bottom-width: 0px;
}
td.features
{
width: 140px;
text-align: left;
padding-left: 2px;
padding-bottom: 2px;
background-color: #ffffff;
border: 1px solid black;
border-top-width: 0px;
}
td.featuresbottom
{
height: 0px;
}
td.nav ul, td.features ul{margin: 0px; padding: 0px; list-style-type: none;}
td.nav li{background: transparent url('/img/icons/bullet.gif') no-repeat right scroll; padding-right: 14px;}
td.features li{background: transparent url('/img/icons/bulletd.gif') no-repeat left scroll; padding-left: 14px;}
table.rightcollapse td.featuresbar, table.rightcollapse td.features, table.rightcollapse table.features, table.fullscreen td.featuresbar, table.fullscreen td.features, table.fullscreen table.features{width: 0px; display: none;}
/* Search result styles */
/* CHECK THIS ONE FOR USE, REPLACE WITH TD.DESCRIPTION AND REMOVE */
td.summary
{
background-color: #edf5ff;
padding: 0px 4px 4px 4px;
text-align: justify;
font-size: 9pt;
}
td.showresults{padding: 0px 3px;}
td.results, span.results
{
font-size: 11px;
height: 15px;
padding-left: 2px;
}
td.description, div.news, div.description
{
background-color: #ffffff;
vertical-align: top;
margin: 2px;
padding: 0px;
font-family: 'Times New Roman', Times, serif;
font-size: 12pt;
clear: both;
}
div.excerpt{font-family: 'Times New Roman', Times, serif; font-size: 12pt;}
div.userbox{float: right; text-align: right; font-size: 8pt; padding-right: 3px;}
div.news p{margin: 0px; text-indent: 20px;}
div.tags{font-family: Arial, Helvetica, sans-serif; padding: 15px; text-align: center;}
div.tags a:hover{text-decoration: underline;}
td.log
{
font-family: Courier, 'Courier New', monospace;
font-size: 9pt;
background-color: #eeeeff;
vertical-align: top;
border: 0px solid #eeeeee;
border-bottom-width: 2px;
text-align: left;
}
td.smallresults{font-size: 8pt; background-color: #ffffff;}
td.smallresultscentre{font-size: 8pt; background-color: #ffffff; text-align: center;}
td.smallquoteresults{font-size: 8pt; background-color: #ffffff; vertical-align: top; border: 0px solid black; border-top-width: 1px;}
td.banner
{
padding: 0px;
padding-bottom: 4px;
}
td.banner table
{
border: 1px solid black;
background-color: #ffffff;
}
td.banner table{width: 100%; border-collapse: collapse; margin: 0px;}
td.banner table td{margin: 0px; padding: 0px; border-collapse: collapse; height: 100px;}
#bannerleft{width: 300px; background: white url('/img/top/left1.jpg') no-repeat scroll left;}
#bannercentre{width: 180px; background: white url('/img/top/centre.jpg') no-repeat scroll center;}
#bannerright{width: 300px; background: white url('/img/top/right1.jpg') no-repeat scroll right;}
td.title{font-size: 12px; font-weight: bolder;}
a.title{font-size: 12pt; font-weight: bolder;}
td.searchtitle{font-size: 8pt; font-weight: bolder; text-align: center;}
td.label{font-weight: bolder; text-align: right; font-size: 8pt;}
ul.rss, ul.rss ul{list-style: none;}
ul.rss li{font-size: 9pt; font-weight: bolder;}
ul.rss li img{vertical-align: middle; margin: 1px;}
ul.details{list-style: none; padding: 5px;}
ul.details li{font-size: 9pt;}
ul.details li img{vertical-align: middle; margin: 1px;}
ul.donorlist{float: left; padding: 5px 5px 0px 5px; margin: 0px; list-style-type: none;}
ul.donorlist li{font-size: 8pt; font-weight: bolder;}
/* Styles to be used with forms */
form{margin: 1px;}
input, select, textarea
{
background-color: #edf5ff;
color: #2358a2;
font-family: Arial, Helvetica;
font-size: 10px;
border: 1px solid #4378b2;
}
input:hover, select:hover, textarea:hover
{
border-color: #3399ff;
background-color: #ffffff;
}
#commish
{
margin: 0 auto;
width: 100%;
height: 200px;
}
input.nofrills
{
border-width: 0px;
background: none;
}
input.main
{
border-width: 2px;
}
#commentbox
{
width: 100%;
height: 70px;
}
#helpbox
{
width: 100%;
height: 15px;
padding-left: 2px;
}
/* Headers */
div.header{height: 200px; margin-top: 4px; background: white no-repeat; border: 1px solid #aaaaaa;}
div.header h1{font-family: Arial, Helvetica, sans-serif; margin: 5px 0px 3px; font-size: 16pt; font-weight: bolder;}
div.header p{margin: 0px; padding: 0px 4px; text-indent: 30px; font-family: 'Times New Roman', Times, serif; font-size: 14px;}
div.searchheader, table.searchheader{height: 200px; margin-top: 4px; background: white no-repeat; border: 1px solid #aaaaaa; vertical-align: middle;}
div.searchheader div.searchform, table.searchheader div.searchform{margin: 4px;}
table.searchheader{width: 100%;}
td.searchbox{vertical-align: middle;}
div.searchbox{text-align: right;}
td.searchbox form{margin-right: 20%; text-align: center;}
/* Search boxes */
table.search{width: auto; margin: 0 auto; border-collapse: collapse;}
table.search select{width: 100px;}
table.search hr
{
width: 80%;
height: 1px;
color: #666666;
background-color: #666666;
border: 0px solid #666666;
padding: 0px;
margin: 3px auto 4px auto;
}
table.stats{background-color: #eeeeee; width: 100%; filter:alpha(opacity=75); opacity: 0.75; height: 18px; margin: 0px; padding: 0px; border-collapse: collapse}
table.stats td{font-weight: bolder; text-align: center; margin: 0px; padding: 0px;}
/* Cosmetics & Tooltips */
div.crange{text-align: center; font-weight: bolder; font-size: 8pt; color: #666666;}
div.helpcontent{font-family: 'Times New Roman', Times, serif; font-size: 12pt;}
div.helpcontent p{text-indent: 30px; margin-top: 0px;}
div.lang{font-size: 8pt;}
.right{text-align: right;}
img.pandaright{float: right; height: 35px; width: 100px; clear: none;}
img.panda{height: 35px; width: 100px;}
img.navlink{vertical-align: bottom; margin-left: 2px; margin-top: 1px; width: 16px; height: 16px;}
img.featureslink{vertical-align: bottom; margin-right: 2px; margin-top: 1px; width: 16px; height: 16px;}
img.rsslink{vertical-align: bottom; margin-right: 2px; margin-top: 1px;}
img.newlink{vertical-align: bottom; margin-left: 2px; margin-top: 1px;}
img.homeicon{margin: 0px 10px; width: 48px; height: 48px;}
img.winicon{vertical-align: bottom; margin-bottom: 1px;}
img.avatar{margin: 2px; border-style: solid; border-color: #000000; border-width: 1px;}
img.flags{cursor: pointer;}
.wilbur{display: none;}
div.lang img.flags{vertical-align: middle;}
span.homestats{font-size: 9pt; font-style: italic;}
span.audience{font-size: 9pt; color: #666666; font-weight: bolder;}
span.highlight{background-color: #cceeff;}
span.position{font-weight: bolder; font-size: 14pt;}
p.serif{font-family: 'Times New Roman', Times, serif; font-size: 12pt; text-indent: 20px;}
h3{border: 1px solid #e2e2e2; border-bottom-color: #444444; margin: 4px 0px 0px 0px; padding: 2px; background-color: #eaeaea; font-size: 10pt; font-weight: bolder;}
table.thumbs{width: 100%; margin: 0px;}
.shadow
{
float: left;
background: url('/img/shadow/1.png') no-repeat bottom right !important;
background: url('/img/shadow/1.gif') no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.shadow div
{
/* padding: 0px 5px 5px 0px !important; */
padding: 0px 5px 3px 0px;
}
.shadow img
{
background-color: #fffffff;
border: 1px solid #666666;
}
table.navtooltip
{
width: 300px;
padding: 0px;
border-collapse: collapse;
background-color: #dddddd;
filter:alpha(opacity=85);
opacity: 0.85;
border: 2px solid black;
}
table.tooltip
{
padding: 0px;
border-collapse: collapse;
background-color: #dddddd;
border: 2px solid black;
}
table.imgtooltip
{
padding: 0px;
border-collapse: collapse;
background-color: #dddddd;
border: 2px solid black;
}
td.tooltiptitle
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bolder;
padding: 2px;
vertical-align: middle;
white-space: nowrap;
}
td.tooltipbody
{
text-align: center;
border: 0px solid black;
border-top-width: 1px;
padding: 2px;
background-color: #f0f0f0;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: justify;
}
td.navtooltipbody
{
text-align: center;
border: 0px solid black;
border-top-width: 1px;
padding: 2px;
background-color: #f0f0f0;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: justify;
}
td.imgtooltipbody
{
background-color: #f0f0f0;
background: url('/img/icons/empty.png');
text-align: center;
border: 0px solid black;
border-top-width: 1px;
padding: 0px;
}
/* FOR IMAGES */
td.resultThumb
{
width: 100px;
text-align: center;
padding: 2px;
background-color: #ffffff;
}
div.resultthumb
{
width: 100px;
text-align: center;
margin: 7px 0px 0px 2px;
background-color: #ffffff;
height: 120px;
}
div.galleryThumbContainer
{
float: left;
margin: 0px 5px 5px 5px;
padding: 0px;
text-align: center;
font-size: 8pt;
color: #666666;
height: 150px;
}
div.galleryThumb
{
display: table-cell;
vertical-align: middle;
height: 105px;
width: 100px;
min-height: 105px;
min-width: 100px;
text-align: center;
margin: 0px;
padding: 0px;
}
img.galleryThumb
{
border: 1px solid #666666;
margin: 0px;
padding: 0px;
}
/* GAWK thumbnails */
div.gawkThumbContainer
{
float: left;
margin: 5px;
padding: 0px;
text-align: center;
font-size: 8pt;
color: #666666;
height: 125px;
}
div.gawkThumb
{
display: table-cell;
vertical-align: middle;
height: 105px;
width: 100px;
min-height: 105px;
min-width: 100px;
text-align: center;
margin: 0px;
padding: 0px;
}
img.gawkThumb
{
border: 1px solid black;
margin: 0px;
padding: 0px;
}
/* For BBCode */
.code
{
font-family: Courier, 'Courier New', sans-serif;
font-size: 11px;
color: #006600;
background-color: #FAFAFA;
border: 1px solid #D1D7DC;
}
.quote
{
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444444;
line-height: 125%;
background-color: #FAFAFA;
border: 1px solid #D1D7DC;
margin: 10px;
}
/* Drop-down menu */
.menu{margin: 0px; padding: 0px;}
.menu ul{margin: 0px; padding: 0px; list-style-type: none;}
.menu li{margin: 0px; display: block; cursor: pointer;}
.menu li ul{margin: 0; padding: 0; display: none; position: absolute; border: 1px solid #4378b2;}
.menu li ul li{text-align: left; background-color: #edf5ff; cursor: pointer; padding: 3px; width: 140px;}
.menu li ul li:hover{background-color: #ffffff; color: #000000; cursor: pointer;}
.menu li ul li img{vertical-align: bottom;}
.menu li:hover ul{display: block; z-index: 1000;}
/* Dictionary */
span.word{font-size: 14px; font-weight: bolder;}
div.example{background-color: #ffffff; font-size: 9pt; font-style: italic; padding-left: 10%; padding-right: 10%;}
span.date{font-size: 8pt; color: #666666;}
/* Oekaki */
td.oekakicell{text-align: center; font-size: 8pt; color: #666666;}
span.oekakititle{font-weight: bolder;}
#image{border: 1px solid #000000;}
div.adcharts{text-align: center;}
div.adcharts img{width: 700px; height: 300px;}
.outer{margin: 5px auto; background-color: #ffffff; border: 1px solid black; padding: 1px; width: 95%; font-family: 'Times New Roman', Times, serif; font-size: 12pt;}
.inner{clear: both; font-weight: bolder; text-indent: 20px; text-align: left; font-size: 8pt; font-family: Arial, Helvetica, sans-serif;}
table.graphs{background-color: white; width: 100%; margin-top: 4px;}
table.graphs td{text-align: center;}
div.pingback{font-size: 9pt; margin: 6px; font-weight: bolder;}
ul.pingback{list-style: none; margin: 3px auto 0px 10px; padding: 0px;}
ul.pingback li{list-style: none; font-weight: lighter;}
#lightbox
{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails
{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{float: left;}
#keyboardMsg{float: right;}
#closeButton{top: 5px; right: 5px;}
#lightbox img{border: none; clear: both;}
#overlay img{border: none;}
#overlay{background-image: url('http://yiffy.tk/includes/lightbox/overlay.png');}
* html #overlay
{
background-color: #333;
background-color: transparent;
background-image: url('http://yiffy.tk/includes/lightbox/blank.gif');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://yiffy.tk/includes/lightbox/overlay.png', sizingMethod='scale');
}
#footer{width: 100%; clear: both; margin: 0px; padding: 0px; background-color: black; white-space: nowrap;}
#footer table{margin: 16px auto; width: 100%; height: 200px;}
#footer td{color: #aaaaaa; font-size: 10px; vertical-align: top;}
#footer td a{color: #cccccc;}
#footer li{list-style-type: none; margin-bottom: 5px; padding-left: 10px;}
|