Vítej na Forest

Najdeš vše,co potřebuješ!Css,online filmy,serialy,hry,videoklipy,celebrity,online-hry a mnohem více......

Css na W.G.

Design 13




/*<<<<<<<<   layout*/
body, div, span, ul, ol, li {margin:0px; padding:0px;}
#page  { width:780px; margin:0 auto;}
#left { float:left; width:150px;}
#left .panel .content ul {  list-style-type: none;}
#left .panel .content ul li ul {margin-left: 0px;}
#right { float:right;  width:150px;}
#center { margin-left: 150px; margin-right: 150px;}
#bottom { clear:both; }
/*layout >>>>>>>>>*/
#left .panel .content ul ul li a{
    color: rgb(255, 255, 255);
    font-size: 10px;
    text-transform: none;
    padding-left: 20px;   
}

/*<<<<<<<<   font*/
body, h1, h2, h3, h4, h5, h6, table, tr, th, td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
/*font >>>>>>>>>*/


/*<<<<<<<<   color*/

textarea {
  background-color: transparent;
  border: 1px solid rgb(150, 150, 150);
  color: rgb(150, 150, 150);
}
body {
  background-color: rgb(255, 255, 255);
  color: rgb(100, 100, 100);
  font-size: 12px;
            background-image: url('img/210/bg6.png');   
}

div {}
span {}
p {margin: 0px; padding: 5px}
table {}
tr {}
td {}
form {}
input {border: 1px solid rgb(100, 100, 100); color: rgb(100, 100, 100); background-color: transparent;}
textarea {}
select {}

h1 {color: rgb(000, 000, 000); font-weight: normal; font-size: 42px; margin: 0px; letter-spacing: 3px; text-transform: none; font-style: italic;}
h2 {color: rgb(181, 017, 028); font-weight: normal; font-size: 11px; margin: 0px; letter-spacing: 0px; text-transform: none;}
h3 {color: rgb(255, 255, 255); font-weight: bold; font-size: 11px; margin: 0px; letter-spacing: 2px; text-transform: none;}
h4 {}
h5 {}
h6 {}


a {   color: rgb(100, 100, 100); text-decoration: underline;}
a:visited {    color: rgb(100, 100, 100);}
a:hover {  color: rgb(100, 100, 100); text-decoration: underline; }

img {}

ul {}
ol {}
li {}

#screen {

              padding-top: 10px;
}
#iscreen {

}

#page  {
  border-left: 0px solid rgb(090, 090, 090);
  border-right: 0px solid rgb(090, 090, 090);
  padding-bottom: 50px;
  margin-bottom: 50px;

           
}


#top {
  border-top: 0px solid rgb(011, 053, 095);
  border-bottom: 0px solid rgb(011, 053, 095); 
    height: 303px; 
  margin-bottom: 0px;
    background-color: rgb(255, 255, 255);
    background-image: url('img/210/bg2.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 20px 0px 250px;
}

#top .header {
  margin: 0px;
  padding: 120px 0px 0px 0px;
  text-align: center;

}

#top .header h1 {
                margin: 0px;
                padding: 0px;

}
#top .content {
              margin: 0px auto;
              padding: 0px 0px 0px 0px;
              text-align: center;
}

#top .content h2 {
                margin: 0px;
                padding: 0px;
}
#top .footer {
                 background-color: rgb(090, 090, 090);

}

#page .footer {
 color: rgb(150, 150, 150); font-size: 11px;text-align: center;
}
#page .footer a {
  color: rgb(120, 120, 120);
}






#left, #right {
    padding: 0px;    margin: 0px;
  margin-top: 0px;
  padding-bottom: 25px;
  border-bottom: 0px solid rgb(150, 150, 150);
  background-color: rgb(050, 050, 050);
    background-image: url('img/210/bg3.png');
    background-repeat: repeat-x;
    background-position: left bottom; 
  color: rgb(150, 150, 150);   
}

#left p, #right p {
    padding: 1px;    margin: 0px; text-align: left;
}
#left img, #right img {
    text-align: center;
    margin: 0px auto;
    padding: 0px;

}
#left a, #right a {
  color: rgb(170, 170, 170);
}
#left .header, #right .header{

    padding: 0px;    margin: 0px;

 
    border: 0px solid black;
}
#left .footer, #right .footer{
  height: 0px;
    padding: 0px;    margin: 0px;

    border: 0px solid black;
}

#left .panel, #right .panel {
            margin: 0px;
            padding: 0px;
            margin-bottom: 10px;
            border-bottom: 0px solid black;
          border: 0px solid black;
}



#left .panel .header, #right .panel .header  {
              padding: 1px 2px 1px 4px;
                margin: 0px;
              border-bottom: 0px solid rgb(080, 080, 080);
              text-align: left; 
    background-color: rgb(181, 017, 028);
}
 


#left .panel .header h3, #right .panel .header h3 {
  margin-left: 0px;

}

#left .panel .content, #right .panel .content{
  font-size: 10px;
  border: 0px solid red;
  margin: 0px; padding: 8px 0px 0px 0px;
                background-image: url('img/200/bg5.gif');
                background-repeat: repeat-x;
}
#right .panel .content{
  overflow: hidden;
  width: 144px;
}
#right .panel .content{
  padding: 8px 1px 1px 5px;

}
#left .panel .menu .content,#left .panel .thema .content{
  text-align: left;
  font-size: 12px; 

}
#left .panel .menu .header, #left .panel .thema .header{

}

.panel .thema {
   text-align: left;
}
.panel .menu a, .panel .thema a{
  padding: 0px; margin: 0px;
  border: 0px solid green;
  padding-left: 5px;
  padding-right: 5px; 
    letter-spacing: 0px;

}
.panel .menu a:hover, .panel .thema a:hover{
  text-decoration: none;




}



#left .panel .content p {}
#left .panel .content ul { margin-bottom: 0px;}
#left .panel .content ul li {
           
            text-align: left;
            padding: 0px;
            margin: 0px;
            margin-bottom: 0px;
    border-bottom: 1px dotted rgb(128, 128, 128);

}
#left .panel .content ul li a {
     background-image: url('img/210/bg1.png');
     background-position: 3px 50%;
     background-repeat: no-repeat;
    text-decoration: none;
    padding-left: 12px;
         
}
#left .panel .content ul li a:hover {
            color: rgb(255, 255, 255);
            background-image: url('img/210/bg5.png');
            background-position: 0px -2px;
}

#left .panel .footer, #right .panel .footer{
    background-image: none;
    padding: 0px;
  margin: 0px;
  height: 0px;

}




#center {
  padding: 0px;
    padding-top: 0px;
  border-left: 1px solid rgb(220, 220, 220);
  border-right: 1px solid rgb(220, 220, 220);
  border: 0px solid white;

}
#center a:hover {}
#center .header {

  margin: 0px;
  padding-top: 11px;
  border: 0px solid orange; 
  height: auto;
}
#center .header h1 {
  margin: 0px;
  margin-top: 0px;
  padding: 0px 20px;
 
  background-color: transparent;
  text-align: center;
  border-bottom: 0px solid rgb(255, 255, 255);
  font-weight: normal;
  font-size: 14px; 
  font-style: normal;
  letter-spacing: 3px;

}

#center .panel {

  margin: 0px 0px 0px 0px;
  padding: 5px;

  border: 0px solid red;
}
#center .panel .header {

  padding: 0px;
  margin: 0px;
  border: 0px solid black;
    background-color: transparent;
    background-color: rgb(255, 255, 255);
    background-image: url('img/210/bg7.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
}
#center .panel .header span{
}
#center .panel .header h3 {
  font-size: 14px;
  display: block;
  margin: 5px 10px;;
  font-weight: bold;
  text-align: left;
    padding: 3px 10px;
  color: rgb(100, 100, 100);   

}
#center .panel .header h3 a{
  color: rgb(100, 100, 100);
  text-decoration: none;
}
#center .panel .content {
  padding: 0px;
  padding-top: 0px;
 
}
#center .categorycontent{
    font-size: 11px;
}
#center .panel .content p {padding: 5px; margin: 0px;}
#center .panel .content a { }
#center .panel .content a:hover {}

#center .panel .footer {
  text-align: center;
  border: 0px solid red;
  display: block;
  height: 16px;
    padding-bottom: 10px;
  margin-bottom: 10px;
    background-image: url('img/210/bg8.png');
    background-repeat: repeat-x; 
   
    color: rgb(181, 017, 028);
}
#center .panel .footer p {
  display: inline;
  font-size: 9px;
  margin-left: 0px;
  padding: 0px 7px;


  display: block;
  float: left;

 
}
#center .panel .footer a {
  text-decoration: underline;
    color: rgb(181, 017, 028);
}
#center .panel .footer p.el_date {
}
#center .panel .footer p.el_readed {
}
#center .panel .footer p.el_thread {
}
#center .panel .footer p.el_vote {
}
#center .panel .footer p.el_vote_1 {
    font-size: 180%;
    font-weight: bold;
    margin-top: -5px;
    padding-right: 0px;
}
#center .panel .footer p.el_vote_1 a{
    text-decoration: none;
}
#center .panel .footer p.el_vote_0 {
    font-size: 180%;
    font-weight: bold;
    margin-top: -5px;
    padding-right: 0px;   
}
#center .panel .footer p.el_vote_0 a{
    text-decoration: none;
}
#center .panel .footer p.el_votes {
}
#center .panel .footer p.el_enter {
    padding-right: 15px;
    background-image: url('img/210/bg10.gif');
    background-position: right center;
    background-repeat: no-repeat;
    float: right;
}


#center .panel .content {padding-bottom: 10px;}
#center .panel .content p {}


#center .content {
  overflow: auto;
  width: 98%;
  margin: 0px auto;
}
#center .content .content {
  width: 100%;
}
#center .footer {
background-image: none; background-color: transparent;
}











#bottom{
  margin-top: 20px;
  border-bottom: 0px solid rgb(150, 150, 150);  
  color: rgb(200, 200, 200);
  margin-bottom: 10px;

}
#bottom a {
  color: rgb(200, 200, 200);
}
#bottom span{}
#bottom .header {background-image: none; background-color: transparent;}
#bottom .content {
    text-align: center;
    margin: 0px 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
    border-top: 0px solid rgb(135, 148, 171);
    border-bottom: 0px solid rgb(229, 065, 000);
    background-color: rgb(100, 100, 100);
}
#bottom .footer {
    background-image: none;
    background-color: transparent;

}
#bottom .footer span{}

Žádné komentáře
 

TOPlist

Dříve Greenworlds