CSS - Vorlagen

/* (c) Yanko */

/* Tabellen*/

td.mittig  {vertical-align:middle;}
.table {font-size: 13px; border-color:#AB6403 ;}
.t_h  {background:
url(http://i254.photobucket.com/albums/hh89/yanko-panferno/Pokefans/
Panferno-Vorlage/menu.jpg); color: #AB6403;}
.t_2  {background: #FED69E;color: #AB6403;}
.t_1  {background: #FEDBAB;color: #AB6403;}

/* Allgemeine Formatierung des Gallerie */

#gallery {width: 530px;}
#gallery h5 {background: #F7B65E; border-bottom: 1px solid #000;
border-top: 1px solid #000; font-size: 1.2em; color: #864E02;}
#gallery ul {list-style:none; padding:0; margin:0;
width:500px; position: relative; float: left; top: 35px; left: 15px;}
#gallery ul li {display:inline; width:52px; height:52px;
float:left; margin: 5px 5px;}
#gallery ul li a {display:block; width:52px; height:52px;
text-decoration:none; border: none;}
#gallery ul li a img {display:block; width:52px; height:52px;
border: 1px solid #000; background-color: #C6D3E3;޽
#gallery ul li a:hover {white-space: normal; border: 1px solid #ddd;}
#gallery ul li a:hover img {position: relative; left:-26px; top: -26px;
width: auto; height: auto; border: 2px solid #000; background-color:
#C6D3E3;  z-index: 300;}
#gallery ul li a:focus img {display: block; position: relative; left:
-26px; top: -26px;  width: auto; height: auto; border: 2px solid #000;
background-color: #A3B8D1;  z-index: 300;}

/* Hintergrund der Gallerie */

#bggal
{position: static;
border: 1px #000 dashed; width: 530px; height: 329px;
background: url(http://i254.photobucket.com/albums/hh89/yanko-panferno
/Pokefans/Panferno-Vorlage/hintergrund.png)  no-repeat
 top left !important; margin: 10px 50px;}

/* Listen-Fixes */

#gallery ul li:before {content:no-open-quote !important;}

/* Listen */

ul li:before {
content:
url(http://www.pokemon-inside.net/sprites/icons/icon_392_1.gif)" "
!important;}

/* Links */

a:link {color: #864E02 !important; text-decoration: none !important;}
a: visited {color: #864E02 !important; text-decoration: none !important;}
a:hover {text-decoration: underline !important;}
#pfad a:hover {background-color: #FFE6A6 !important; text-decoration:
none !important;}

/* Hintergrund */

body {background: #F5A83E
url(http://i254.photobucket.com/albums/hh89/yanko-panferno/
Pokefans/Panferno-Vorlage/logo.gif)
no-repeat top left;}


/* Code, Blockquote, etc. */

code {
background:
url(http://i254.photobucket.com/albums/hh89/yanko-panferno/
Pokefans/Panferno-Vorlage/code.jpg); 
border: 1px solid #000;
border-left: 5px solid #000; 
color: #000;
margin: 5px 0px 10px;
}

blockquote {
background:
url(http://i254.photobucket.com/albums/hh89/yanko-panferno/
Pokefans/Panferno-Vorlage/blockquote.gif)
no-repeat;
display: block;
font-weight: bold;
padding-left: 25px !important;
border-left: none;
color: #000;
}

.quote {
background:
url(http://i254.photobucket.com/albums/hh89/
yanko-panferno/Pokefans/Panferno-Vorlage/code.jpg);
border-left: 5px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
color: #000;
margin: 5px 0px 10px !Important;
margin-left: 23px !Important;
padding: 5px;
width: 560px;
}

.field {
background-color: #FDCE8E;
border: 1px solid #AB6403;
outline: none;
}


/* Überschriften */

h1 {visibility: hidden;}
#inhalt h2 {font-size: 1.3em; color: #864E02;
border-bottom: 2px solid #FCC87D;}
#inhalt h3 {font-size: 1em; color: #AB6403;
border-bottom: 1px solid #FCC87D;}
#inhalt h4 {font-size: 0.9em; color: #AB6403;
border-bottom: 1px solid #FCC87D;}
#inhalt h5 {font-size: 0.9em; color: #AB6403;}

/* Spalten */

#inhalt {
background-color: #F7B65E;
border: 1px solid #000;
padding: 10px;
margin-bottom: 50px;
margin-top: -80px;
float: right !important;
background-image: none !important;
}

#spalte {
background-color: #F7B65E;
border: 1px solid #000;
padding: 10px;
margin-top: -80px !important;
margin-bottom: 50px !important;
float: left !important;
position: fixed;
}

/* Copyright-Box */

#bottom {
background:
url(http://i254.photobucket.com/albums/hh89/yanko-panferno/
Pokefans/Panferno-Vorlage/clear.png) no-repeat top left;
height: 113px;
margin-top: 20px;
padding: 10px;
padding-top: 85px;
}
#bottom img {background-color: #FFFFFF;}

/* Pfadangabe */

#top {margin-top: 20px; margin-bottom: 140px;}

#pfad {background-image:
url(http://i254.photobucket.com/albums/hh89/yanko-panferno/
Pokefans/Panferno-Vorlage/menu.jpg);
padding: 5px;
color: #000;
border: 1px solid #000;
width: 100%;}

#pfad:hover{background-image:
url(http://i254.photobucket.com/albums/hh89/yanko-panferno/
Pokefans/Panferno-Vorlage/menuhover.jpg);}

/* Suchfunktion */

#suche {position: relative; top: -28px;}
#suche input[type='text'] {outline: 1px solid #000;
background-color: #FFE6A6;}
#suche input[type='text']:focus {outline: 1px solid #000;
background-color: #FA9E3E;}
#suche input.submit {background: none; border: none;}
#suche input.submit:hover {background-color: #FFE6A6;}
#suche input.submit:focus {background-color: #F59E3E;}

/* Archiv */

#archiv {
position: relative;
z-index:3;
color:#fff;
background: #F5A83E
url(http://i254.photobucket.com/albums/hh89/yanko-panferno/
Pokefans/Panferno-Vorlage/news.jpg)
repeat-x !important;
font: bold 16px "Trebuchet MS", Verdana, Arial, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border: 1px solid black;
width: 20%;
margin-left: 15px;
}

#archiv:hover {
color: #fff;
background: #F5A83E;
width: 90%;}

#archiv span.nn {display:none; margin-top: 5px;}
#archiv:hover span.nn {
color: #000;
background: #F7B65E;
font: normal 0.8em "Trebuchet MS",
Verdana, Arial, sans-serif;
border: 1px solid black;
display:block;
padding:10px;}

#archiv h3 {background-image:
url(http://i214.photobucket.com/albums/cc190/Bycoja/borderi.gif);}

#news {position: relative;
border: 1px #000 solid;
background-color: #F5A83E;
width: 90%;
margin-left:15px;
margin-right:0px;
margin-top:0px;
margin-bottom:5px;
padding: 7px;}

#news:hover {background-color: #F5A83E;
border: 1px #000 dashed;}

#news a {text-decoration: none;}

/* Sonstiges */

hr.clear {visibility: hidden;}

/* Menüpunkte innerhalb der Spalte */

#navi li:before {content: no-open-quote !important;}

#navi ul {
width: 250px;
list-style: none !important;
margin: 0px !important;
padding: 0px !important;
border: 1px solid #000;
border-top: none;
}

#navi li {
width: 250px;
margin: 0;
padding: 0px !important;
}

#navi li a {
height: 1.8 em;
position: relative;
display: block;
color: #000 !important;
background: #F5A83E url(http://i214.photobucket.com/albums/cc190/
Bycoja/pfeil_hover.gif) left no-repeat;
padding: 5px 0px 5px 34px;
color: #FFF;
text-decoration: none !important;
border-top: 1px solid #000;
}

#navi li a:hover {
color: #000 !important;
background: #F5A83E  url(http://i214.photobucket.com/albums/cc190/
Bycoja/pfeil.gif) left no-repeat;}

/* Submenüpunkte innerhalb der Spalte */

#navi ul li ul {
display: none;
width: 100% !important;
position: relative;
padding: 0px !important;
border: none;
}

#navi ul ul li a {
background-image: url(http://i254.photobucket.com/albums/hh89/yanko-
panferno/Pokefans/Panferno-Vorlage/menu_li.png) !important;
padding: 1px 0px 1px 34px; !important;
border: none;
}

#navi li.sub {border-top: 1px solid #000 !important;}
#navi ul li:hover ul {display: block;}