styl 003

STYL.
Wklejamy w ogólne->konfiguracja->strona główna-> banner w nagłówku forum bądź HEAD

-~~-~~-~~-~~-~~-~~-~~-~~-~~-~~-~~-~~


<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700italic&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'>
<style type='text/css'>
/* styl w całości wykonany przez kotleta baraniego
 * więcej znajdziesz na kotletbarani.blgspot.com
         nie kopiuj!*/

         /**************************************
 STYL
***************************************/
body {
background-repeat: repeat;
background-attachment: fixed;
background-image:url('http://i.imgur.com/4ENAGDW.png');
background-color:black;}
.bodyline {
background-color: #2E2929;
border-left: 3px solid #571B3C;
border-top: 3px solid #571B3C;
border-right: 3px solid #7A1E48;
border-bottom: 3px solid #7A1E48;
border-radius: 4px;
box-shadow: inset 0px 0px 10px rgb(36, 29, 29), 1px 1px 4px rgba(0, 0, 0, 0.39);
-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;
}
.bodyline:hover {
border-right: 3px solid #571B3C;
border-bottom: 3px solid #571B3C;
border-left: 3px solid #7A1E48;
border-top: 3px solid #7A1E48;
-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;
}
.nav1 {
height: 17px;
vertical-align: top;
background: transparent;
font-family: 'Roboto Slab', serif;
text-transform: uppercase;
position: relative;
top: 6px;
border-bottom: 2px solid #7A1E48;
}
.nav_top a:link, .nav_top a:visited {
float: center;
font-size: 10px;
text-shadow: -1px -1px 0px black;
font-weight: bold;
padding: 4px 8px 6px 8px;
text-decoration: none;
color: #C5C0C0;
-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 {
color: #C5C0C0;
background: transparent;
text-shadow: -1px -1px 0px #7A1E48;
-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;
}

.gen, .genmed, .gensmall {
color: rgb(163, 163, 163);
}
.gensmall {
font-size: 11px;
font-family: calibri;
color: grey;
}
a.gen, a.genmed, a.gensmall {
color: #75586D;
text-decoration: none;
-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.gen:hover, a.genmed:hover, a.gensmall:hover {
color: #9D2053;
-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 {
font-weight: bold;
font-size: 9px;
color: #000000;
text-transform: uppercase;
}
a.nav {
text-decoration: none;
color: #9E9B9B;
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.56);
-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 {
text-decoration: none;
color: #9D2053;
-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.row1 {
background-color: #2E2929;
}
td.row2 {
background-color: #2E2929;
}
.forumline {
background-color: #2E2929;
border-left: 2px solid rgba(87, 27, 60, 0.61);
border-right: 2px solid rgba(87, 27, 60, 0.88);
border-radius: 0px 0px 15px 15px;
}
th {
color: #EEEEEE;
font-size: 10px;
font-weight: bold;
background-image: none;
height: 18px;
background-color: #571B3C;
border-radius: 3px;
font-family: roboto slab;
text-transform: uppercase;
text-shadow: -1px -1px 0px rgb(39, 29, 29);
box-shadow: inset 0px 0px 10px rgb(65, 21, 56);
border-bottom: 3px solid #7A1E48;
}
td.cat, td.catHead {
background-color: #9D2053;
border-width: 0px;
background-image: none;
height: 0px;
position: relative;
top: -2px;
}
a.cattitle {
text-decoration: none;
color: #9D2053;
font-size: 0px;
}
th.thHead, td.catHead {
font-size: 12px;
border: none;
}
a.mainmenu {
text-decoration: none;
color: #B8B2B2;
text-transform: uppercase;
font-family: calibri;
font-size: 10px;
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.38);
-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:hover {
color: #7A1E48;
-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:link, a:active, a:visited {
text-decoration: none;
color: #AFA6A6;
}
a.mainmenu:hover {
text-decoration: none;
color: #571B3C;
text-transform: uppercase;
font-family: calibri;
font-size: 10px;
text-shadow: -1px -1px 0px rgba(5, 5, 5, 0.38);
-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;
}
select {
background-color: #3D3A3A !important;
border-top: 2px solid #7A1E48;
border-bottom: 2px solid #7A1E48;
border-right: none;
border-left: none;
margin-top: 2px;
color: grey;
}
input.button {
background-color: #3D3A3A;
color: grey;
font-size: 10px;
font-family: calibri;
text-transform: uppercase;
font-weight: bold;
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.64);
border: 2px solid #7A1E48;
border-radius: 2px;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.45);
}
th.thCornerL, th.thTop, th.thCornerR {
color: #eeeeee;
font-size: 9px;
font-weight: bold;
background-color: #571B3C;
background-image: none;
height: 12px;
border-bottom: 3px solid #7A1E48 !important;
box-shadow: inset 0px 0px 10px rgb(65, 21, 56);
}
td.catBottom {
background-color: #2E2929;
border-width: 0px;
background-image: none;
height: 0px;
position: relative;
top: -2px;
}
input.liteoption {
background-color: #3D3A3A !important;
font-weight: normal;
border-top: 2px solid #7A1E48;
border-bottom: 2px solid #7A1E48;
border-left: none;
border-right: none;
color: grey;
border-radius: 2px;
}
input.post, textarea.post, select {
background-color: #3D3A3A !important;
border-top: 2px solid #7A1E48;
border-bottom: 2px solid #7A1E48;
border-left: none;
border-right: none;
color: grey;
border-radius: 2px;
}
.postdetails {
font-size: 10px;
color: grey;
font-family: calibri;
}

input.mainoption {
background-color: #3D3A3A;
font-weight: bold;
border: 2px solid #7A1E48;
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.64);
text-transform: uppercase;
font-family: calibri;
color: grey;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.45);
border-radius: 2px;
font-size: 10px;
}
.copyright {
display: none;
}
a.topictitle:link {
text-decoration: none;
color: grey;
font-family: calibri;
font-size: 12px;
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.64);
}
a.topictitle:hover {
color:#7A1E48;}

a.topictitle:visited {
text-decoration: none;
color: grey;
}
td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
background-image: none;
background-color: #341931;
border: 571B3C;
border-style: solid;
height: 10px;
border-width: 0px 3px 0px 3px !important;
font-family: calibri;
text-transform: uppercase;
font-size: 9px !important;
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.64);
}
td.spaceRow {
background-color: #FFFFFF;
border: #FFFFFF;
border-style: solid;
display: none;
}
input.post2, textarea.post2, select {
background-color: #3D3A3A;
border: 2px solid #7A1E48;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: grey;
font-family: calibri;
}

a.forumlink {
text-decoration: none;
color: #864A66 !important;
}

#cred:hover {
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
opacity: 0.8;
color: rgb(162, 47, 47);
}
#cred {
font-size: 8px;
letter-spacing: 1px;
opacity: 0.3;
font-weight: bold;
color: #CECECE !important;
font-family: calibri;
background-color: #312E2E;
padding: 4px;
border: 1px solid grey;
text-transform: uppercase;
bottom: 10px;
right: 10px;
border-radius: 5px;
position: fixed;
text-decoration: none;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
}
::-webkit-scrollbar-thumb:vertical {
    height:10px;
        border:3px solid #2E2929 ;
    background-color:#571B3C; margin-top: 30px;
    }
::-webkit-scrollbar-thumb:horizontal {
    background-color:#fff;
    }
::-webkit-scrollbar {
width: 9px;
height: 5px;
border: 4px solid #2E2929;
background-color: #2E2929;
margin-top: 30px;
}
.quote {
font-family: cambria;
font-size: 12px;
line-height: 125%;
background-color: #341931;
border: #571B3C;
border-style: solid;
color: grey;
border-radius: 5px;
text-align: justify;
}
.code {
font-family: cambria;
font-size: 11px;
line-height: 125%;
background-color: #341931;
border: #7A1E48;
border-style: solid;
color: grey;
border-radius: 5px;
}
hr {
height: 2px;
background-color: #7A1E48;
border-left: none;
border-right: none;
border-top: 2px solid #571B3C;
border-bottom: 2px solid #9D2053;
}

.forumlink {
font-weight: bold;
font-size: 20px;
color: #4F4F4F;
font-family: 'Playfair Display', serif;
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.64);
text-transform: lowercase;
margin-left: 38px;
position: relative;
bottom: -11px;
}
         /**************************************
DZIAŁ
***************************************/

.dzial1{width: 380px; background-color:#341931; height: 110px;box-shadow: 4px 4px 0px #111625;}
.dzial2{width: 340px; height: 64px;background-color: rgb(112, 104, 104);margin-left: 5px;position: relative;top: 20px;border-top: 3px solid #7A1E48;border-bottom: 3px solid #7A1E48;}
.dzial3{width: 320px;height: 44px;padding:10px;font-family: 'Roboto Slab', serif;color: rgb(204, 199, 199);}
.dzial4{border-top: 3px solid #7A1E48;border-bottom: 3px solid #7A1E48;position: relative;top: 20px;width: 340px;height: 64px;}

</style>


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

-~~-~~-~~-~~-~~-~~-~~-~~-~~-~~-~~-~~

KODY DZIAŁÓW

1. Z OPISEM
<center><div class="dzial1"><div class="dzial2"><div class="dzial3">Litwo! Ojczyzno moja! Ty jesteś jak zdrowie. Nazywał się dowie kto go czeladka ściskała zanosząc się nie wypuścił, aż na polowanie i wszystkich lekkim witając ukłonem chciała usieść na siano.</div></div></div></center>

2.Z OBRAZKIEM
<center><div class="dzial1"><img src="obrazek koniecznie 340x64" class="dzial4"></div></center>