Preveziluare: http://playscs.gamerzfun.com/
Autor : Weery
Vesiune: phpbb3

P.A=>Afisare=>Culori=>Foaie de stil CSS

Cod:

body {
padding: 0px;
background-color: #355A86;
background-image:url('http://wallpapere.org/wp-content/uploads/2011/11/wallpaper-iarna.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position: bottom center; }

#wrap {
padding: 10px;
border:solid 1px #fff;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;}

#wrap {
-moz-box-shadow:0px 0px 7px #B9C4D1,inset 0px 2px 8px #A5A5A5;
-webkit-box-shadow:0px 0px 7px #B9C4D1,inset 0px 2px 8px #A5A5A5;
box-shadow:0px 0px 7px #B9C4D1,inset 0px 2px 8px #A5A5A5;}


.forabg span.corners-top {
background: url(http://i42.servimg.com/u/f42/15/42/26/78/pada10.png) center;
margin-top: -23px;
margin-left: -23px;
width: 1049px !important;
height: 30px;
}

.forabg, .forumbg {
    background-image: url("http://i.imgur.com/oRaxH.png");
    color: white;
    text-shadow: -1px -1px 1px white;
    border-radius: 2px 2px 2px 2px;
    margin-bottom: 10px;
    background-repeat: repeat-x;
}


#profile-tab-field-profil dl{
margin: 5px 0px 0px !important;
padding: 0px !important;}


.inputbox, input[type="text"], input[type="password"], textarea {
      padding: 2px 4px;
      border-width: 1px;
      border-style: solid;
      border-color: #CCC;
      cursor: text;
    }

    .inputbox:hover, input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
      border-width: 1px;
      border-style: solid;
      border-color: #00A5CD;
    }

    .inputbox:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
      border-width: 1px;
      border-style: solid;
      border-color: #7CBA2C;
      outline: none;
    }


/* -- Categorii si forumuri -- */

    ul.topiclist.forums, .topiclist.topics.bg_none{background-color:#1675BC !important;}

    .forums li.row, .topiclist li.row{
      background-color:#E5F1F9 !important;
      border-bottom:1px solid #C3E0F1;
      border-top:1px solid #fff;
    }

    .forums li.row:first-child, .forumbg .row:first-child{
      -webkit-border-radius:6px 6px 0 0 !important;
      border-radius:6px 6px 0 0 !important;
      -moz-border-radius:6px 6px 0 0 !important;
      border-top:none;
    }

    .forums li.row:last-child, .forumbg .row:last-child{
      -webkit-border-radius:0 0 6px 6px !important;
      -moz-border-radius:0 0 6px 6px !important;
      border-radius:0 0 6px 6px !important;
      border-bottom:none;
    }

    .forums li.row:last-child:first-child, .forumbg .row:last-child:first-child{
      border-radius:6px !important;
      -moz-border-radius:6px !important;
      -webkit-border-radius:6px !important;
      border:none;
    }

    .forums li.row:hover, .topiclist li.row:hover{background-color:#DCEAF5 !important;}

    .icon dd{border:none !important;}



/* -- Contur tablouri -- */

    .panel, .module, #preview, .post{
      border:1px solid #C3E0F1;
      border-radius:4px;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
    }


.navbar {
    padding: 0px !important;
    background: none repeat scroll 0% 0% rgb(247, 247, 247) !important;
  background: none;
}





#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
}









#content-container div#container {
    float: left;
    margin-right: -199px;
    width: 100%;
}




.headerbar {
    background: url("http://i.imgur.com/o4QQ2.png");
    height: 155px;
    width: 1000px;
    color: rgb(255, 255, 255);
    border-bottom: 5px solid rgb(174, 206, 10);
  box-shadow: 1px 0px 3px black;
  border-radius: 3px;
   
}

#page-header .navbar {
    position: relative;
    top: -5px;
}

#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
}
.navbar {
    background: none repeat scroll 0% 0% transparent !important;
}

.navbar {
   
    clear: both;
    padding: 0px 10px;
}

ul.navlinks {
    border-bottom: 1px solid rgb(255, 255, 255);
    font-weight: 700;
    text-align: center;
}

#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
}



#search-box {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    white-space: nowrap;
  display: none;
}

.navbar {
background: none;
}



ul.navlinks {
border: none;
}

.linklist.navlinks {
position: relative;
top: -40px;
left: -5px;
}



 /* -- Colturi rotunjite -- */

    .forabg,
    .forumbg,
    .module,
    .post,
    .row3{
      border-radius:6px;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
    }


.forabg {
margin-top: 15px;
}


.postbody {
clear: both;
color: #666;
float: left;
line-height: 1.48em;
padding: 0;
width: 709px;
border: 1px solid #D7D7D7;
font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.4em;
min-height: 3em;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
left: -5px;
position: relative;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.postprofile {
border-color: #d7d7d7;
border-style: solid;
border-width: 1px;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
padding-left: 5px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
background-color: #f4f4f4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.buttons a img {
border: 1px solid #CECECE;
background: #f6f8f9;
background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -o-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -ms-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
background: linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
padding: 3px;
border-radius: 5px;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}

.buttons a img:hover {
border: 1px solid #dcdcdc;
ackground: #e5e5e5;
background: -moz-linear-gradient(top, #e5e5e5 0%, #f1f1f1 50%, #e1e1e1 51%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #e5e5e5 0%,#f1f1f1 50%,#e1e1e1 51%,#efefef 100%);
background: -o-linear-gradient(top, #e5e5e5 0%,#f1f1f1 50%,#e1e1e1 51%,#efefef 100%);
background: -ms-linear-gradient(top, #e5e5e5 0%,#f1f1f1 50%,#e1e1e1 51%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#efefef',GradientType=0 );
background: linear-gradient(top, #e5e5e5 0%,#f1f1f1 50%,#e1e1e1 51%,#efefef 100%);
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;}


a.button2, input.button2, button.button2, .button1 {
font-family:Tahoma;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}

fieldset.submit-buttons {
font-family:Tahoma;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}

fieldset.submit-buttons input {
font-family:Tahoma;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}

.extra_button a img {
filter:alpha(opacity=80);
-moz-opacity: 0.30;
opacity: 0.7;}

.extra_button a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.80;
opacity: 1.0;
position: relative;
top: -2px;
padding: 0px;}

.buttons a img {
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}

.buttons a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;}

ul#privmsgs-menu {
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
padding: 2px;
border: 1px solid #dcdcdc;
border-radius: 5px;
text-align: CENTER;
width: 525px;}

ul#privmsgs-menu li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}

ul#privmsgs-menu li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;}

ul.profile-icons li a img {
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
filter:alpha(opacity=100);
-moz-opacity: 0.80;
opacity: 1.0;}

ul.profile-icons li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.30;
opacity: 0.7;
position: relative;
bottom: -2px;
padding: 0px;}

.right img {
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
filter:alpha(opacity=100);
-moz-opacity: 0.80;
opacity: 1.0;}

.right  img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.30;
opacity: 0.7;
position: relative;
bottom: -2px;
padding: 0px;}

.postprofile a img{
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
filtersalphaopacity:80;
opacity:0.8;
-moz-opacity: 0.80;}

.postprofile a img:hover{
filtersalphaopacity:100;
opacity:1;
-moz-opacity: 1.00;}