Kod panel KP capeclear

<link href='http://fonts.googleapis.com/css?family=Allura&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

<style>
body {
background: #ffffff url("");
background-attachment: fixed;
background-repeat: repeat/;
color: #ffffff;
font-family: Arial;
font-size: 20px;
margin: 8px;
line-height: 20px;}
</style>

<style>
td.bodyline { border-radius: 0px 0px 0px 0px }  

td.bodyline {
background-color: #E5C48D;
background-image: url(images/background_2.gif);
background-repeat: repeat;
box-shadow: 50px 60px 70px;
color: #000000;
font-size: 10px;
font-family: Arial; }
</style>

<style>
td.bodyline {border-right: 4px solid #A0522D;
border-bottom: 4px solid #A0522D;
border-top: 4px solid #A0522D;
border-left: 4px solid #A0522D;
background:kolor;
box-shadow: 3px 4px 6px black }
</style>

<style>
td.row1 { background-color: #E5C48D;}
td.row2 { background-color: #E5C48D;}
td.row3 { background-color: #E5C48D;}
td.row_gradient {
background-image: url(images/bg_row.gif);
background-position: bottom;
background-repeat: repeat-x;
}
</style>

<style>
td.row1 { border: 0px #727272;}
td.row2 { border: 0px #727272;}
td.row3 { border: 0px #727272;}
}
</style>

<style>
th {
font-family: Tahoma;
font-size: 7px;
text-align: center;
background-color: #A0522D;
background-image: url('images/cellpic2.gif');
text-shadow: 0px 0px 0px black;
padding-top: 7px;
padding-bottom: 7px;
border-radius: 0px 0px 0px 0px;
color: #ffffff;
font-size: 10px;
font-family: Tahoma;
font-style: bold;
border: 0px  #000000;
}
</style>

<style>
th.thCornerL,th.thTop,th.thCornerR
{color: #ffffff;
font-size: 8px;
text-align: center;
font-family: tahoma;
text-shadow: 1px 2px 2px black;
font-style:bold;
border: 0px solid #ffffff;
background-color: #A0522D;
background-image: url('images/cellpic2.gif');
border-radius: 1px 1px 1px 1px;
}
</style>

<style>
td.cat,td.catHead,td.catBottom {
background-color: #E5C48D;
background-image: url('images/cellpic_main.gif');
padding: 9px;
border: 0px #ffffff;
border-radius: 0px 0px 0px 0px;}
</style>


<style>
.cattitle{
font-weight: bold;
font-size: 15px;
letter-spacing: 0px;
color : #E5C48D;}

a.cattitle{ color: #E5C48D;
letter-spacing: 0pt;
word-spacing: 2pt;
font-size: 0px;
text-align: left;
font-family: tahoma;
text-shadow: 0px 0px 0px grey;
font-style:bold;}
</style>


<style>.name a { display: block; text-align: center; }</style>

<style>
.forumline { background-color: #E5C48D;   }
</style>

<style>::-webkit-scrollbar {
height: 5px;
width: 10px;}

::-webkit-scrollbar-thumb {
background-color:#A0522D;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 64px;}

::-webkit-scrollbar-track{
background-color:#E5C48D;}

::-webkit-scrollbar-buttom{
background-color:#DFAF67;}

</style>

<style>
.polaprofilowe{
width: 198px;
padding: 1px;
background-color: #A0522D;
border-bottom: 1px #E5C48D solid;
color: #E5C48D;
text-align: center;
weight: bold;
text-transform: uppercase;
margin-top: -12px;}
</style>

<style>
.postbody { font-size: 12px;  text-align: justify; display: block; line-height: 17px; }
</style>

<style>
font,th,td,p { font-family: georgia; text-decoration: none }
a:link,a:active,a:visited { color : #000000; text-decoration: none }
p, td { font-size : 16px; color : #000000; text-decoration: none}
</style>

<style>
.topictitle,h1,h2 { font-weight: bold; font-size: 12px; color : #000000;}
a.topictitle:link { text-decoration: none; color : #000000; }
a.topictitle:visited { text-decoration: none; color : #000000; }
a.topictitle:hover { text-decoration: none; color : #000000; }</style>

<style>
.polegryff{
width: 220px;
height: 16px;
padding: 1px;
background-color: #660000;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polegryff2{
width: 510px;
height: 17px;
padding: 1px;
background-color: #660000;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polegryff3{
width: 235px;
height: 17px;
padding: 1px;
background-color: #660000;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.poleslyth{
width: 220px;
height: 16px;
padding: 1px;
background-color: #006633;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.poleslyth2{
width: 510px;
height: 17px;
padding: 1px;
background-color: #006633;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.poleslyth3{
width: 235px;
height: 17px;
padding: 1px;
background-color: #006633;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polerav{
width: 220px;
height: 16px;
padding: 1px;
background-color: #336699;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polerav2{
width: 510px;
height: 17px;
padding: 1px;
background-color: #336699;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polerav3{
width: 235px;
height: 17px;
padding: 1px;
background-color: #336699;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polehuff{
width: 220px;
height: 16px;
padding: 1px;
background-color: #000000;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polehuff2{
width: 510px;
height: 17px;
padding: 1px;
background-color: #000000;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polehuff3{
width: 235px;
height: 17px;
padding: 1px;
background-color: #000000;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polestarzy{
width: 220px;
height: 16px;
padding: 1px;
background-color: #663366;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polestarzy2{
width: 510px;
height: 17px;
padding: 1px;
background-color: #663366;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>


<style>
.polestarzy3{
width: 235px;
height: 17px;
padding: 1px;
background-color: #663366;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>

<style>
.polerelki{
width: 300px;
height: 17px;
padding: 1px;
background-color: #663366;
color: #FFFFFF;
border-radius: 21px;
text-align: center;
weight: bold;
margin-top: -12px;}
</style>

<style>
.obraz{opacity: 0.75;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s; }
.obraz:hover{opacity: 1.0;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
</style>


<style>
.karta {width: 520px;
Padding-top: 10px;
Padding-bottom: 30px;
border-left: 3px solid #69797f;
border-right: 3px solid #69797f;
box-shadow: 0px 0px 5px #7f7970;
background: radial-gradient(center center, #d9dabe 0%, #bfc0a3 60%);
background: -webkit-radial-gradient(center center, #d9dabe 0%, #bfc0a3 60%);
background:  -moz-radial-gradient(center center, #d9dabe 0%, #bfc0a3 60%);
background:  -ms-radial-gradient(center center, #d9dabe 0%, #bfc0a3 60%);
background:  -o-radial-gradient(center center, #d9dabe 0%, #bfc0a3 60%);
border-radius: 10px 10px 10px 10px;
box-shadow: 0px 0px 0px 0px rgba(9, 9, 9, 9., 0px 0px 40px #69797f inset;}

.karta .h1 {font-family: Allura;
Margin-top: 10px;
Margin-bottom: 5px;
Font-size: 28px;
color: #f2f1e0;
Letter-spacing: 1px;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}

.karta .h1:hover {letter-spacing: 2px;
Color: #ced0c3;
text-shadow: 0px 0px 20px #000000;}

.karta .h2 {font-family: calibri;
font-size: 11px;
letter-spacing: 1px;
font-variant: small-caps;
color: #69797f;
margin-top: -8px;
}

.karta .tabs {width: 500px;}

.karta .lewa {width: 208px; valign: center; text-align: left;}

.karta .mamkaprys {width: 200px; height: 320px; border-radius: 8px 8px 8px 8px; border: #e2e3cf 4px solid; opacity: 0.9; box-shadow: 0px 0px 6px #7f7970;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}

.karta .mamkaprys:hover {opacity: 1;}

.karta .prawa {width: 292px; valign: center; text-align: right;}

.karta .ojoj {margin-bottom: 6px;}

.karta .infofo {width: 280px; margin-left: 6px; border-radius: 8px 8px 8px 8px; opacity: 0.7; background-color: #e2e3cf; font-family: Simonetta; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #352718; line-height: 10px; text-align: center; padding: 2px; box-shadow: 0px 0px 6px #7f7970;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}

.karta .char { width: 280px; margin-left: 6px; border-radius: 8px 8px 8px 8px; opacity: 0.7; background-color: #e2e3cf; text-align: center; padding: 2px; font-family: Calibri; font-size: 11px; letter-spacing: 1px; line-height: 11px; box-shadow: 0px 0px 6px #7f7970; -webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}
.karta .char:hover {opacity: 1;}

.karta .pozytyw {color: #529859;}
.karta .negatyw {color: #AC4F3E;}

.karta .infofo:hover {opacity: 1;}

.karta .h3 {font-family: calibri; font-size: 10px; color: #B0A386; letter-spacing: 1px; line-height: 11px;}

.karta .h4 {font-family: Allura; font-size: 24px; letter-spacing: 1px; color: #f2f1e0;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;}

.karta .h4:hover {letter-spacing: 2px;
Color: #ced0c3;
text-shadow: 0px 0px 7px #000000;}

.karta .h5 {font-family: Simonetta; font-size: 10px; letter-spacing: 1px; color: #617864; text-transform: uppercase; margin-left: 10px; margin-top: 6px; margin-bottom: 0px;}

.karta .pleple {width: 500px; border-radius: 8px 8px 8px 8px; opacity: 0.7; background-color: #e2e3cf; color: #352718; line-height: 15px; font-family: verdana; text-align: justify; font-size: 11px; padding: 2px; margin-top: 7px; margin-bottom: 5px; box-shadow: 0px 0px 6px #7f7970;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}

.karta .pleple:hover {opacity: 1;}

.karta .triplejs {width: 540px; text-align: center;}

.karta .bum {width: 100px; height: 100px; border-radius: 8px 8px 8px 8px; border: #e2e3cf 3px solid; opacity: 0.7; box-shadow: 0px 0px 6px #7f7970;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
margin: 3px;}

.karta .bum:hover {opacity: 1;}</style>