styl btb

to w head
------------------------------------

<center><div style="width: 790px; height:525px;"></div></center><link href='http://fonts.googleapis.com/css?family=Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Alex+Brush&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Qwigley&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Vidaloka' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=EB+Garamond&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Kaushan+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Alice' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Bitter&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Unica+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Volkhov' rel='stylesheet' type='text/css'><style type="text/css">

/* Wszelkie kody na forum wykonane przez kotleta baraniego
 * specjalnie dla bythebay.wxv.pl
	 nie kopiuj!*/

	 /**************************************
 STYL
***************************************/
body {
background: #dedede url("http://vpx.pl/i/2014/09/04/sfffffffff1ffe3.png");
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center top;
}
.name{text-align:center;
display:block;}
a.topictitle:hover{color:#B2BDC2}
th {
color:#f5f5f0;
font-size: 10px;
font-weight: bold;
height: 28px;
background-color: #f5f5f0;
background-image:url();}

.bodyline{border:none;}
td.bodyline {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.39);
background-color: #f5f5f0;
border-left: 3px solid #a62537;
border-right: 3px solid #a62537;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
td.bodyline:hover{border-left: 3px solid #dab451;
border-right: 3px solid #dab451;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
td.row3Right {background-color: #222222; border: #FFFFFF; border-style: dashed; }
td.spacerow {display:none;}
a.gensmall:hover {
color:none;
text-decoration: bold;
 }
td.cat {
background-image: url(images/cellpic1.gif);
background-color: #a62537;
height: 33px;
border-bottom: 3px solid #8c2141;
border-radius: 3px;
box-shadow: inset 0px 0px 18px rgb(136, 52, 52);
}

td.catHead {
background-image: url(images/cellpic1.gif);
background-color: #a62537;
border-bottom: 5px double #C45060;
border-top: none;
border-right: none;
border-left: none;
}

td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/cellpic1.gif);
background-color: #f5f5f0;
height: 10px;
border:none;}
th.thCornerL, th.thTop, th.thCornerR {
color: white;
font-size: 70%;
font-weight: normal;
background-color: #a62537;
border-bottom: 2px solid #dab451;
background-image: url(images/cellpic3.gif);
height: 24px;
font-family: 'Bitter', serif;
text-transform: uppercase;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.16);
}
.cattitle {
font-weight: normal;
font-size: 16px;
letter-spacing: 1px;
color: #4F4F4F;
font-family: alice;
text-transform: uppercase;
padding: 30px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a.cattitle {
text-decoration: none;
color: rgb(218, 180, 81);
}
a.cattitle:hover{
color: rgb(218, 180, 81);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-decoration:none;
text-shadow: 0px 0px 1px rgba(255, 236, 19, 1);}
td.row1 {
background-color: #f5f5f0;
border-radius:6px; }

td.row2 {
background-color: #f5f5f0;
border-radius:6px; }

td.row3 {
background-color: #f5f5f0;
border-radius:6px;}
.forumline {
background-color :#f5f5f0;
border: 1px solid#f5f5f0;
}
.forumlink  {
text-align: center;
font-family: alice;
color: #555555;
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
position: relative;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
bottom: -7px;
}


a.mainmenu {
font-width: lighter;
letter-spacing: 2px;
font-size: 12px;
font-family: arial;
vertical-align: center;
text-transform: lowercase;
color:#3D3D39;
text-decoration: none;
}
.mainmenu {
font-width: lighter;
letter-spacing: 2px;
font-size: 12px;
font-family: arial;
vertical-align: center;
text-transform: lowercase;
color:#3D3D39;
text-decoration: none;
}
a.mainmenu:hover {font-width: lighter;
letter-spacing: 2px;
font-size: 12px;
font-family: arial;
vertical-align: center;
text-transform: lowercase;
color:#3D3D39;
text-decoration: none;
background-color: #FBD276;
opacity:0.6;
color:#3D3D39;
border-radius:75px 10px 75px 10px;
padding: 3px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
a.forumlink {
text-decoration: none;
color:#47334f;
}
a.forumlink:hover {
text-decoration: none;
color:#8c2141;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.forumlink:hover{color:none;
text-decoration:none;}
.postbody{
text-align: justify;
display:block;
min-width:375px;}

a:link,a:active,a:visited       { color: none; text-decoration:none; }
p, td   { font-size: 11px; color: #000000; }
a:hover { text-decoration: none; color:#D68189}
.nav1 {
height: 25px;
vertical-align: middle;
background-image: url();
padding: 0;
background-color: #a62537;
margin: 0;
border-top: none;
border-radius: 3px;
margin-top: -3px;
position: relative;
top: -2px;
box-shadow: inset 0px 0px 18px rgb(136, 52, 52);
}
a:hover{color:#B2BDC2}
a.nav {
color: #464646;
font-family: roboto slab;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.nav:hover {
color: #B63D3D;
text-shadow: -1px -1px 2px rgba(182, 64, 64, 0.19);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.nav_top a:link, .nav_top a:visited {
float: center;
font-size: 9px;
font-weight: normal;
text-decoration: none;
color: white;
font-family: 'Bitter', serif;
text-transform: uppercase;
letter-spacing: 0px;
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.63);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.nav_top a:hover {background-image:url();
background-color:transparent;
text-shadow: -1px -1px 0px rgba(185, 62, 62, 1);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.copyright {
display:none;
}
.code {
color: #2A363B;
background-color: #FAFAFA;
border-bottom: solid #B62E2E 2px;
border-top: solid #B62E2E 2px;
border-left: none;
border-right: none;
font-size: 11px;
font-family: cambria;
}
element.style {
}
.quote {
color: #2A363B;
background-color: #FAFAFA;
border: double #E4E4E4 3px;
text-align: justify;
font-size: 12px;
font-family: cambria;
}
.table0 {
border-top: 8c2141;
padding: 4px;
border-left: 2px solid #8c2141;
color: #504747;
font-size: 10px;
border-right: 2px solid #8c2141;
}
input, textarea, input.post, input.post2, textarea.post2, select, radio.post2 select, input.button, input.mainoption, input.liteoption, input.text {
border-bottom: 2px solid #a62537;
border-top: 2px solid #a62537;
border-left: none;
border-right: none;
color: #2E2E2E !important;
padding: 2px;
background-color: #F8F8F5 !important;
background-attachment: fixed;
text-indeed: 0px;
border-radius: 3px;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.09);
}
a.gen:hover, a.genmed:hover, a.gensmall:hover {
color: #8c2141
}
a:hover {
color:#8c2141;
}


::-webkit-scrollbar-thumb:vertical {
    height:10px;
	border:3px solid #dedede ;
    background-color:#a62537; margin-top: 30px;
    }
::-webkit-scrollbar-thumb:horizontal {
    background-color:#fff;
    }
::-webkit-scrollbar {
    width:9px;
    height:5px;
    border: 4px solid #dedede;
background-color: #a62537; margin-top: 30px;
    }

.table0 {
border-top: none;
padding: 4px;
border-left: 3px solid #dab451;
color: #504747;
font-size: 11px;
border-right: 3px solid #dab451;
background-color: #FDFCFC;
border-bottom: none;
border-radius: 0px;
}

hr {
height: 0px;
border-top: solid #B62E2E 2px;
border-bottom: 2px solid #dab451;
border-left: none;
border-right: none;
}

.postbody {
text-align: justify;
display: block;
min-width: 375px;
min-height: 320px !important;
font-size: 13px;
margin: 5px;
}
.shareon{display:none;}

.postdetails img {
margin: 5px;
z-index: 3;
position: relative;
margin-top: -20px;
}

/**************************************
 PROFIL
***************************************/

.prosf1 {
z-index: 2;
position: relative;
width: 210px;
height: 334px;
margin-top: -346px;
background-color: #dab451;
border: 3px double #FDFDFD;
margin-left: -3px;
}
#profil {
width: 202px;
height: 322px;
background-image: url("http://i.imgur.com/EbdfmiT.png");
position: relative;
overflow: hidden;
margin-top: -333px;
z-index: 4;
margin-bottom: 30px;
}
#profil .profil2 {
position: absolute;
bottom: -301px;
width: 200px;
height: 301px;
-webkit-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
background-color: rgba(246, 243, 243, 1);
margin-top: -20px;
}

#profil:hover .profil2 {position: absolute;
bottom: -6px;
-webkit-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;}

.prosf2 {
background-color: #a62537;
width: 200px;
margin-top: -25px;
position: absolute;
z-index: 4;
font-family: alice;
font-size: 17px;
color: white;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.53);
padding-top: 3px;
padding-bottom: 3px;
}
.prosf3{
width: 200px;
background-color: #a62537;
height: 50px;
margin-top: -12px;
}
.prosf4 {
height: 80px;
border-radius: 100px;
border: 10px solid rgba(246, 243, 243, 1);
margin-top: -45px !important;
}

.prosf5 {
font-family: alice;
text-transform: uppercase;
font-size: 9px;
color: rgb(194, 193, 193);
}
.prosf6{
font-family: eb garamond;
font-size: 15px;
width: 176px;
border-bottom: 1px solid #D6D6D6;
padding-bottom: 1px;
text-shadow: -1px -1px 1px rgb(199, 199, 199);
}

.prosf7a {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-family: alice;
font-size: 9px;
color: #a62537;
padding-top: 3px;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
}
.prosf7a:hover {
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
text-shadow: 0px 0px 1px;
}
.prosf7b:hover {
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
text-shadow: 0px 0px 1px;
}
.prosf7b {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-family: alice;
font-size: 9px;
color: #dab451;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
padding-top: 3px;
}

/**************************************
 DZIAŁ
***************************************/

.forum {
width: 300px;
height: 70px;
overflow: hidden;
position: relative;
}

.forum .bzium {
width: 300px;
height: 40px;
padding: 5px;
background-color: #f0F0F0;
position: absolute;
top: 9px;
right: -310px;
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
}
.forum:hover .bzium { top:9px; right: -10px; }

/**************************************
CREDIT
***************************************/

#cred:hover {
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
box-shadow: #9A927D 0px 0px 7px;
opacity: 0.8;
color: rgb(162, 47, 47);
}
#cred {
font-size: 8px;
letter-spacing: 1px;
opacity: 0.3;
font-weight: bold;
color: #000000;
font-family: calibri;
background-color: #EBEBEB;
padding: 4px;
border: 1px dashed #C7C7C7;
text-transform: uppercase;
bottom: 10px;
right: 10px;
position: fixed;
text-decoration: none;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
}
</style>

<div id="cred">
    <a href="http://kotletbarani.blogspot.com">kotletbarani</a>
    </div>

-------------------------------------------------------

dział

------------------------------------------------------
NAZWA DZIAŁU MUSI BYĆ WYCENTEROWANA

<center><div style="width:0px;height: 2px;border-left: 200px solid #a62537; border-right: 100px solid #dab451;"></div><div class="forum" style="background-image: url(obrazek 300x70);">
<div class="bzium"><div style="width: 300px; font-size: 11px; font-family: alice; color:#555555;font-weight: bold;margin-top: 3px;text-transform: lowercase;"><a href="link">link</a> <a href="link">link</a> <a href="link">link</a> <a href="link">link</a> <a href="link">link</a> </div></div></div><div style="width:0px;height:2px;border-right: 100px solid #a62537; border-left: 200px solid #dab451;"></div></center>

---------------------------------------

profil

---------------------------------------

1. -#Imię i nazwisko
widoczne w widoku profilu - nie

prefix:<center><div class="prosf1"></div><div id="profil"><div class="profil2"><div class="prosf2">
suffix:</div>

2.-#gif
widoczne w widoku profilu - nie

p:<div class="prosf3"></div><img src="
s:" class="prosf4">

3.-#wiek

p:<div class="prosf5">mam</div><div class="prosf6">
s:</div>

4.-#jestem z

p:<div class="prosf5">jestem z </div><div class="prosf6">
s:</div>

5.-#pracuję

p:<div class="prosf5">pracuję</div><div class="prosf6">
s:</div>

6.-#karta postaci

P:<table style="margin-top:-15px;"><td><a href="
s:<div class="prosf7a">karta postaci</div></a></td>

7.-#relacje

p:<td><a href="
s:<div class="prosf7b">relacje</div></a></td></table>

8.-#telefon

p:<table style="margin-top:-35px;"><td><a href="
s:<div class="prosf7a">telefon</div></a></td>

9.-#mieszkanie

p:<td><a href="
s:<div class="prosf7b">dom</div></a></td>

10.-#notatnik

p:<td><a href="
s:<div class="prosf7a">notatnik</div></a></td></table></div></div></center>