Ich bin halt mit meiner Seite ziemlich eigen, ist aber eher eine paranoide Eigenschaft
Code: Alles auswählen
/*
subOracle theme stylesheet
(c) Oracle, 2004
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #D3D3D3;
scrollbar-face-color: #F8F8F8;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #F8F8F8;
scrollbar-3dlight-color: #FCFCFC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #F0F0F0;
scrollbar-darkshadow-color: #98AAB1;
margin: 0;
}
/* General font families for common tags */
font, th, td, p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:active {
color : #404040;
}
a:visited {
color: #505050;
}
a:hover {
text-decoration: underline;
color : #B6B6B6;
}
hr {
height: 0px;
border: 0px solid #D2D2D2;
border-top-width: 1px;
}
/* This is the border line & background colour round the entire page */
.bodyline {
background-color: #FFFFFF;
}
/* This is the styles for the page header */
.pageHeader {
background-color: #524a01;
}
.pageHeaderRight {
padding: 0 25px;
}
/* This is the padding for the content table - everything not in the header or footer */
.content {
padding: 3px 10px;
background-color: #FFFFFF;
}
/* This is the outline round the main forum tables */
.forumline {
background-color: #D6D6D6;
border: 1px solid #C6C6CC;
}
/* This is the main heading and subheading in the overall header */
.maintitle {
color: #555555;
font: bold 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.subtitle {
color: #555555;
font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
/* Styles for the "crumbs" */
.crumbs {
margin: 10px 0;
border: 1px solid #C6C6CC;
background: #F8F8F8;
padding: 2px 10px;
}
/* Styles for the date & time table */
.DateTime {
margin-bottom: 3px;
}
/* Main table cell colours and backgrounds */
td.row1 {
background-color: #E6E6E6;
}
td.row2 {
background-color: #F0F0F0;
}
td.row3 {
background-color: #FCFCFC;
}
/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #DDDDDD;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
color: #303030;
font-size: 13px;
font-weight : bold;
background-color: #F6F6F6;
}
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
background-color:#F0F0F0; border: #FFFFFF; border-style: solid; height: 28px;
}
/* Forum category table and titles */
.catTable {
margin-bottom: 5px;
}
td.cattitle {
height: 32px;
border-top: 1px solid #FCFCFC;
border-right: 1px solid #FCFCFC;
border-bottom: 1px solid #F0F0F0;
border-left: 1px solid #F0F0F0;
background-color: #F0F0F0;
padding: 0;
}
.cattitle {
font-weight: bold;
font-size: 14px;
letter-spacing: 2px;
color : #222244;
}
a.cattitle {
text-decoration: none;
color : #222244;
}
a.cattitle:hover{
text-decoration: underline;
color: #333355;
}
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {
font-weight: bold;
border-color: #FFFFFF;
border-style: solid;
height: 25px;
}
td.spaceRow {
background-color: #D3D9DE;
border: #FFFFFF;
border-style: solid;
}
td.row3Right {
background-color: #ECECEC;
border: #FFFFFF;
border-style: solid;
}
th.thHead, td.catHead {
font-size: 12px;
border-width: 1px 1px 0px 1px;
}
th.thSides, td.catSides, td.spaceRow {
border-width: 0px 1px 0px 1px;
}
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
h1, h2 {
font-weight: bold;
font-size: 22px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height : 120%;
color : #000000;
}
/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 9px;
letter-spacing: 1px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen, a.genmed, a.gensmall {
color: #404040;
text-decoration: none;
}
a.gen:hover, a.genmed:hover, a.gensmall:hover, .gen a:hover, .genmed a:hover, .gensmall a:hover {
color: #909090;
text-decoration: underline;
}
/* The register, login, search etc links at the top of the page */
.mainmenu {
background-color: #E6E6E6;
padding: 2px;
font-size : 11px;
}
.mainmenu a {
text-decoration: none;
}
.mainmenu a:hover {
text-decoration: underline;
color: #909090;
}
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #606060; }
a.forumlink { text-decoration: none; color : #606060; }
a.forumlink:hover{ text-decoration: underline; color : #A0A0A0; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {
font-weight: bold;
font-size: 11px;
color : #000000;
}
a.nav {
text-decoration: none;
color : #404040;
}
a.nav:hover {
text-decoration: underline;
}
/* titles for the topics: could specify viewed link colour too */
.topictitle {
font-weight: bold;
font-size: 11px;
color : #000000;
}
a.topictitle:link {
text-decoration: none;
color : #404040;
}
a.topictitle:visited {
text-decoration: none;
color : #505050;
}
a.topictitle:hover {
text-decoration: underline;
color : #A0A0A0;
}
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000000;}
/* Location, number of posts, post date etc */
.postdetails {
font-size : 10px;
color : #000000;
}
/* The content of the posts (body of text) */
.postbody {
font-size : 12px;
}
a.postlink:link {
text-decoration: none;
color : #404040;
}
a.postlink:visited {
text-decoration: none;
color : #505050;
}
a.postlink:hover {
text-decoration: underline;
color : #A0A0A0;
}
/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif;
font-size: 11px;
color: #111111;
background-color: #FAFAFA;
border: #D1D7DC;
border-style: solid;
border-left-width: 1px;
border-width: 1px;
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444444;
line-height: 125%;
background-color: #FAFAFA;
border: #D1D7DC;
border-style: solid;
border-width: 1px;
}
/* Copyright and bottom info */
.footer {
background-color: #D3D3D3;
}
.copyright {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444444;
letter-spacing: -1px;
}
a.copyright {
color: #444444;
text-decoration: none;
}
a.copyright:hover {
color: #000000;
text-decoration: underline;
}
/* Form elements */
input, textarea, select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #E0E0E0;
border-width: 1px;
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}
textarea {
border: 1px solid #E0E0E0;
}
input {
text-indent : 2px;
border: 1px solid #E0E0E0;
background-color: #F8F8F8;
}
iframe {
border: 1px solid #E0E0E0;
}
/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
background-color : #F6F6F6;
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline {
background-color: #F6F6F6;
border-style: none;
}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
/* mozilla only styles */
a {
-moz-outline: 0px none gray;
}
table.crumbs {
-moz-border-radius: 10px;
}
/*Ab hier geht es dann mal nach eigenen Vorstellungen */
/*Angebote Link im overall_header */
a.tabred{
color: #D4522F
}
/*Banner in der Footer Tabelle */
#bannerbox {
position: relative;
top: 20px;
left: 0px;
height: 200px;
}
#bannerpos1 {
position: absolute;
top: 10px;
left: 0%;
}
#bannerpos2 {
position: absolute;
top: 2px;
left: 11%;
}
#bannerpos3 {
position: absolute;
top: 10px;
left: 20%;
}
#bannerpos4 {
position: absolute;
top: 0px;
left: 36%;
}
#bannerpos5 {
position: absolute;
top: 6px;
left: 48%;
}
#bannerpos6 {
position: absolute;
top: 1px;
left: 60%;
}
#bannerpos7 {
position: absolute;
top: 47px;
left: 62%;
}
#bannerpos8 {
position: absolute;
top: 10px;
left: 76%;
}
#bannerpos9 {
position: absolute;
top: 1px;
left: 91%;
}
#bannerpos10 {
position: absolute;
top: 56px;
left: 3%;
}
#bannerpos11 {
position: absolute;
top: 73px;
left: 26%;
}
#bannerpos12 {
position: absolute;
top: 75px;
left: 46%;
}
#bannerpos13 {
position: absolute;
top: 80px;
left: 13%;
}
#bannerpos14 {
position: absolute;
top: 110px;
left: 64%;
}
/*Banner auf der Tribut Seite */
#text {
width: 200px;
height: 80px;
margin: 0px;
position: absolute;
top: 0pt;
bottom: 0pt;
left: 115px;
background-color: #F0F0F0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
}
#text2 {
width: 280px;
height: 80px;
margin: 0px;
position: absolute;
top: 50px;
left: 0px;
background-color: #F0F0F0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
}
#logo1 {
position: absolute;
top: 210px;
left: 2%;
background-color: #F0F0F0;
text-align: left;
}
#logo2 {
position: absolute;
top: 220px;
left: 42%;
background-color: #F0F0F0;
text-align: left;
}
#logo3 {
position: absolute;
top: 320px;
left: 6%;
background-color: #F0F0F0;
text-align: left;
}
#logo4 {
position: absolute;
top: 330px;
left: 42%;
background-color: #F0F0F0;
text-align: left;
}
#logo5 {
position: absolute;
top: 415px;
left: 20%;
background-color: #F0F0F0;
text-align: left;
}
#logo6 {
position: absolute;
top: 515px;
left: 10%;
background-color: #F0F0F0;
text-align: left;
}
#logo7 {
position: absolute;
top: 536px;
left: 42%;
background-color: #F0F0F0;
text-align: left;
}
#logo8 {
position: absolute;
top: 596px;
left: 6%;
background-color: #F0F0F0;
text-align: left;
}
#logo9 {
position: absolute;
top: 644px;
left: 36%;
background-color: #F0F0F0;
text-align: left;
}
#logo10 {
position: absolute;
top: 803px;
left: 2%;
background-color: #F0F0F0;
text-align: left;
}
#logo11 {
position: absolute;
top: 815px;
left: 41%;
background-color: #F0F0F0;
text-align: left;
}
#logo12 {
position: absolute;
top: 897px;
left: 6%;
background-color: #F0F0F0;
text-align: left;
}
#logo13 {
position: absolute;
top: 903px;
left: 38%;
background-color: #F0F0F0;
text-align: left;
}
#logo14 {
position: absolute;
top: 1003px;
left: 20%;
background-color: #F0F0F0;
text-align: left;
}
#logo15 {
position: absolute;
top: 1103px;
left: 6%;
background-color: #F0F0F0;
text-align: left;
}
#logo16 {
position: absolute;
top: 1190px;
left: 21%;
background-color: #F0F0F0;
text-align: left;
}
#logo17 {
position: absolute;
top: 1276px;
left: 42%;
background-color: #F0F0F0;
text-align: left;
}
/* Blauer Rahmen des IE6 beim Link elimenieren */
.test img {border: 2px solid #C6C6CC}
.test:hover img {border: 2px solid #797979}
.test:hover {color: #353535;}
/* Bahn Tabelle */
.bstyle {
color: #000000;
background-color: #FFFFFF;
font: 17px, Arial, Helvetica, sans-serif;
}
td.rowb {
color: #000000;
background-color: #F0F0F0;
font: 16px, Arial, Helvetica, sans-serif;
font-weight: bold;
}
#brahmen {
background-color: #FFFFFF;
border: 1px solid #C6C6CC;
font: 17px, Arial, Helvetica, sans-serif;
}
möchte den Link oben Links Angebote rot hervorheben. Und Danke für die Hilfe!!!
.
