Modificare aspect ''ultimele subiecte''

2 participanți

:: ForumGratuit & Web-Design :: Ajutor!Cum fac asta? [Suport] :: Cereri rezolvate!

Modificare aspect ''ultimele subiecte''Sam Aug 29, 2015 1:43 pm

Buna dimineata,

Cum as putea face acest chenar la ultimele mesaje ?

Modificare aspect ''ultimele subiecte'' E1c6kl

Re: Modificare aspect ''ultimele subiecte''Sam Aug 29, 2015 1:49 pm

Cod:

.lastpostaz{
    border: 1px solid rgba(10, 10, 10, 0.506);
    background-color: #2a2a2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#191919));
    background-image: -webkit-linear-gradient(top, #1a1a1a, #191919);
    background-image: -moz-linear-gradient(top, #1a1a1a, #191919);
    background-image: -ms-linear-gradient(top, #1a1a1a, #191919);
    background-image: -o-linear-gradient(top, #1a1a1a, #191919);
    background-image: linear-gradient(top, #1a1a1a, #191919);
    border-radius: 3px;
    padding: 5px 6px;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.050);.lastpostaz{
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 1px 2px rgba(0,0,0,0.5);
    background: rgba(0,0,0,0.6);
    box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 1px 6px rgba(0,0,0,0.5);
}

Adaugati acest cod

Re: Modificare aspect ''ultimele subiecte''Sam Aug 29, 2015 1:54 pm

Multumesc, dar imi da eroare la css !

Cod:

#pun-logo img:hover {
opacity: 0.8;
}
#pun-about #qjump {
display: none;
}
#pun-about {
text-align: center !important;
}

.pun tbody.statused span.status img {
margin-left: -20px;
padding-top: 15px !important;
}

.pun tbody.statused td.tcl {
padding-left: 57px !important;
}

#stats {
border: 1px solid #1E1E1D;
background-color: #181818;
line-height: 150%;
padding: .6em 1em;
border-bottom: 1px solid black;
}

#onlinelist {
border: 1px solid #1E1E1D;
box-shadow: inset 0px 1px 0px #1E1E1D;
background-color: #181818;
border-top: 1px dashed rgba(0,0,0,0.3) !important;
padding: .6em 1em;
border-top: 1px solid #333;
border-bottom: 1px solid black;
}

#pun-announcement {
box-shadow: inset 0px 1px 0px #1E1E1D;
border-top: 0px solid #fff !important;
border: 1px solid rgba(0,0,0,0.3);
background: #181818;
}

#fa_ticker_block .main-content {
border: 1px solid rgba(0,0,0,0.5);
background: rgba(0,0,0,0.6);
}

#fa_ticker_container {
top: -1px;
}

#pun-intro {
border-bottom: 0px solid #fff !important;
border: 1px solid rgba(0,0,0,0.3);
background: rgba(0,0,0,0.5);
}

#pun-head #pun-navlinks {
box-shadow: inset 0px 1px 0px #1E1E1D;
border: 1px solid rgba(0,0,0,0.3);
background: rgba(0,0,0,0.6);
}

.module .main .main-head {
border-bottom: 1px solid #000 !important;
border: 1px solid rgba(0,0,0,0.5) !important;
background: rgba(0,0,0,0.6) !important;
}

.module .main-content {
border-top: 0px solid #fff !important;
box-shadow: inset 0px 1px 0px #1E1E1D;
}

body {
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
margin: 0px;
padding: 0px;
background: url('http://www.moviesample.net/wp-content/themes/detube/images/bg-pattern-black.png');
font-size: 11px;
color: #fff;
font-family: 'Verdana','Sans Serif','Trebuchet MS','Arial','Helvetica','Times';
}

a, a:hover {
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
}

a {
color: white;
cursor: pointer;
text-shadow: 0px -1px 1px black;
text-decoration: none;
outline: 0px none;
}

.pun {
margin-top: 5px;
margin-bottom: 20px;
border: 1px solid #000;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 1px rgb(102, 102, 102) inset, 0px 0px 50px rgba(0, 0, 0, 0.5) inset;
background: rgba(51, 51, 51, 0.9);
}

#nav_wrap {
background: #171717;
border-top: 1px solid #111;
border-bottom: 1px solid black;
height: 35px;
}

#user_navigation {
color:#9f9f9f;
float:right;
font-size:11px;
line-height:35px;
height:35px;
border-left:1px solid #2b2b2b;
}

#user_navigation a:hover{
  text-decoration: none!important;
  background:#232323!important;
}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}

#user_navigation a {
color: #fff!important;
float: left;
padding: 0 12px;
line-height: 35px;
outline: none;
height: 35px;
border-right: 1px solid #2b2b2b!important;
position: relative;
bottom: 12px;
text-decoration: none!important;
}

#primary_nav {
font-size: 12px;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
float: left;
padding: 3px 0 0 0;
}

#primary_nav {
font-size: 12px;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
}

#community_app_menu > li {
margin: 0px 3px 0 0;
text-decoration: none!important;
background: none!important;
}

#community_app_menu > li.active a {
background: #212121!important;
color: #fff;
border-top: 1px solid #565656;
border-left: 1px solid #2f2f2f;
border-right: 1px solid #2f2f2f;
padding-bottom: 1px;
text-decoration: none!important;  
}

#community_app_menu > li > a {
text-decoration: none!important;
color: #bcbcbc;
background: #1d1d1d!important;
border-left: 1px solid #1f1f1f;
border-right: 1px solid #1f1f1f;
border-top: 1px solid #252525;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
display: block;
outline: none;
padding: 0px 15px;
line-height: 31px;
height: 31px;
position: relative;
bottom: 13px;
}

a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;
cursor: auto;
}

#community_app_menu > li > a:hover{
color: white;
text-decoration: none!important;
background: #222!important;
border-bottom: none;
}

ol, ul {
list-style: none;
}

.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}

body {
background: #212121;
color: #bcbcbc;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}

#pun-navlinks a{
  color: white;
}

#branding {
background: url(http://i74.servimg.com/u/f74/14/12/03/12/banner10.png) repeat-x 0 0;
height: 100px;
position: relative;
bottom: 20px;
border-top: 1px solid #083951;
margin-top: 0.2em;
}

#pun-logo {
  position: relative;
  top: 15px;
}

.pun table.table td {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
border: 1px solid #333;
box-shadow: 0px 0px 1px black;
}

.main .main-head {
background:url(http://i42.servimg.com/u/f42/14/12/03/12/32r23t10.png);
border: 1px solid #00509B;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 10px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 4px;
}

.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
 color: #f5f5f5;
}

.pun table .tcr {
  width: 18%!important;
}

.pun table th.tc2{
  width: 8%!important;
}

.status{
margin-top:-1em;
}

#pun-visit, .main-box {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
border: 1px solid #141414;
box-shadow: 0px 0px 1px #ddd inset;
border-radius: 5px;
color: #f5f5f5;
}

a.mainmenu {
  color: white;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}

a.mainmenu:hover {
color: #00569C!important;
text-decoration: none!important;
}

.pun input {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: white;
font-size: 12px;
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
}


#textarea {
color: white;
font-size: 14px;
font-weight: 500;
text-shadow: 0px 1px 1px black!important;
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
font-family: verdana;
}

#textarea:hover {
border: 1px solid #00569C!important;
}

.smiley-frame {
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
}


.editare {
border-radius: 5px;
background: #ff7883;
border: 1px solid #a10613!important;
color: #a10613;
font-size: 12px;
font-weight: 600;
text-shadow: 0px 1px 1px #f5bfc4;
box-shadow: 0px 0px 2px white inset;
padding-left: 3px;
position: relative;
top: 8px;
}

.editare p {
position: relative;
bottom: 15px;
padding-left: 2px;
}

.post {
  color: white;
  font-size: 14px;
  font-weight: 500;
  text-shadow: 0px 1px 1px black!important;font-family: verdana;
}

.main .main-foot {
background:  #00509B;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 10px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-top: 5px;
}

#i_whosonline + p br + br + em a {
background-image: linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -o-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
  padding: 5px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
}

#i_whosonline + p br + br + em  a:hover {
background-image: linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
  padding: 5px;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
}

#page-body #main-content em {
  visibility: hidden;
  font-size: 4px !important;
}

#page-body #main-content em b {
  visibility: visible !important;
  font-size: 12px !important;
}

#page-body #main-content em b {
position: relative !important;
right: 5px;
}

#header_menus a {
  color:#8a8a8a;
  font-size:12px;
  text-shadow:none;
  text-decoration:none;
  text-align:left;
}

#header_menus a:hover, #header_menus a.menu_active {
  background-color:#292929;
  color:#FFF;
}

#header_menus a.active{
  background-color:#323232;
  color:#FC6D32;
}

#header_menus .submenu_container a:hover, #header_menus .submenu_container a.menu_active {
  background-color:#292929;
  color:#FFF;
}

#header_menus .submenu_container a.active {
  background-color:#323232;
  color:#FC6D32;
}
#header_menus .megamenu a:hover, #header_menus .megamenu a.menu_active {
  background-color:#323232;color:#FFF;
}

#header_menus .megamenu  a.menu_active:hover {
  background-color:#323232;
  color:#FFF;
}

#header_menus .megamenu a.active,#header_menus .megamenu a.active:hover {
  color:#FC6D32;
}


#header_menus li>a {
  position: relative;
  bottom: 9px;
  padding:8px 10px 8px 10px;
}

#header_menus.megamenu>li {
  position:relative;
}

#header_menus li ul {
  visibility:hidden;
  position:absolute;
  background-color:#181818;
}

#header_menus {
  background:url(http://www.batalia.ro/forum/public/style_images/deflection/user_navigation.png);
  width:100%;
  text-align:left;
  line-height:32px;
}

#header_menus li {
position:relative;
  }
#header_menu_bar li a {
  min-width:150px;
  text-align:left;
}

.codebox {
margin: 0.5em 3em;
margin-left: 5px;
padding: 0em;
}

.codebox dt {
padding: 0.25em;
}

.codebox dd {
margin: 0.5em;
padding: 0em;
}

.codebox {
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A;
}

.cont_code{
background: none !important;
}

blockquote{
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A !important;
}

#pun-legend {
background-repeat: no-repeat;
background-position: center 0px;
padding-top: 10px;
padding-bottom: 15px;
float: center;
}

ul.pun-legend {
width: 650px;
border-bottom: 1px solid #353535;
margin-left: 100px;
text-align: left !important;
padding: 5px;
background: none;
margin-bottom: 0;
}

#pun-legend img {
margin-left: 20px;
}

.onsistem {
width: 95%;
margin-bottom: 10px;
margin-left: 22px;
background: #242424;
border: 1px solid #141414;
text-align: left;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
box-shadow: 0px 1px 0px #474747;
}

div#stat_id {
  background: none;
  display: table;
  margin: 0 auto!important;
  text-align: center!important;
}

.statsPers li {
  float: left;
  font-size: 12px;
  margin: 2px 10px;
  color: #5a5751;
}

li.statHide {
  display: none;
}

.statsPers li > span {
  display: inline-block;
  background: none repeat scroll 0% 0% #464646;
  color: #FFF;
  padding: 2px 6px;
  font-weight: bold;
  border-radius: 2px;
  margin-right: 3px;
}

ul[class="statsPers"] {
  display: block;
  list-style: none;
  margin: 0 auto;
  width: 100%;
}

.user-info {
border: 1px solid #2D2D2D;
margin-bottom: 10px;
margin-top: -10px;
padding: 8px;
text-align: center!important;
}

.user-basic-info {
background: url(http://i.imgur.com/8OKqAgJ.png) repeat-x scroll 0 -1px #202020;
border: 1px solid #2D2D2D;
border-bottom: 0 solid!important;
padding: 5px;
}

.pun .user-ident .user-basic-info {
font-weight: 700;
}

.postmain blockquote {
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:11px 0 6px 10px;
font-size:14px;
line-height:18px;
color:#504536;
font-family:Georgia;
font-style:italic;
}

.postmain blockquote div {
margin-top:7px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #D5DEE5;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF;
max-width:91%;
padding:15px 20px 10px 23px;
position:relative;
}

.postmain blockquote div:before {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent;
position:absolute;
width:16px;
height:16px;
top:15px;
left:3px;
}

.postmain blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent;
width:16px;
height:16px;
right:4px;
bottom:4px;
}

.postmain blockquote div cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px;
color:#fff;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent;
height:32px;
position:absolute;
z-index:100;
top:-15px;
text-shadow:#000 1px 1px;
left:0px;
}

.postmain blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent;
width:31px;
height:38px!important;
left:-13px;
top:0;
}

.postmain blockquote div cite:after {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent;
position:absolute;
right:-10px;
width:10px;
height:32px;
top:0;
}

#groupLegend {
font-size:0;
}
#groupLegend b {
font-size:11px;
}
#groupLegend b:after { content:" | " }
#groupLegend b:last-child:after { content:""
}
    /*ipbperfilcss*/
        .usernam-ipb ,.usernam-ipb span {
            color: #7A7A7A!important;
            font-size: 20px!important;
            font-weight: bold!important;
            line-height: 1.7!important;
        }
        .usernam-ipb em {
            display: none!important;
        }
        .ipb-profile .mod-left {
            width: 150px;
            margin-left: -150px;
            float: left;
        }
        .ipb-profile {
            background: #EBF0F3;
            padding: 9px;
            clear: both;
            padding-left: 188px;
            overflow: hidden;
            color: #5A5A5A;    
            font-family: helvetica, arial, sans-serif!important;
            font-size: 11px;
        }
        .mod-center {
        width: 98%;
        float: left;
        background: #FFF;
        border: 1px solid #E4E4E4;
        padding: 9px;
        position: relative;
        margin: auto;
        }
        .ipb-m-title h2 {
            padding: 8px 10px;  background: #F5F5F5;  color: #868686;  font-size: 11px; margin: 0;
            font-weight: bold;
            font-family: helvetica!important;
        display:none;}
        .co-ipb {
        background: #FFF;
        margin-bottom: 10px;
        border: 1px solid #DDD;
        margin: 5px;
        min-height: 600px;
        }
        .ipb-profile dt, .ipb-profile dt span {
            color: #5A5A5A!important;
            font-weight: bold!important;
        }
        .m-info-ipb dt {
            display: inline-block;
            width: 200px;
            text-align: right;
            padding-right: 10px;
        }
        .m-info-ipb dd {
            display: inline-block;
            width: 350px;
        }
        .profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
            display: none;
        }
        .m-info-ipb dl {
            line-height: 1.3;  font-size: 11px;  background: #FEFEFE;  border: 1px solid #EEE;  padding: 8px;  border-left: 0;  border-right: 0;  margin-bottom: -1px;
        }
        .ipb-tab-us ul li a span {
            display: block;  padding: 10px 8px;  outline: 0;  font-size: 11px;  color: #8D8D8D;  -webkit-transition: background-color 0.1s ease-in-out;  -moz-transition: background-color 0.3s ease-in-out;
        }
        .ipb-tab-us ul li {
        background: #F6F8FB;
        color: #808080;
        border-bottom: 1px solid #DBE4EF;  font-size: 13px;
        }
        .ipb-tab-us ul li :hover {
        background: #EAEFF5;
        color: #808080;
        }
        .ipb-tab-us {
            width: 149px !important;  margin-top: 10px;  border-top: 1px solid #DBE4EF;
        border-left: 1px solid #DBE4EF;
        }
        .ipb-profile li ,.ipb-tab-us ul {
            list-style: none;
        }
        .ipb-tab-us ul li.activetab {
            background: white;
            width: 150px;
            position: relative;
        z-index: 9;}
        .profile-ava img {
            background: #FFF;  padding: 1px;  border: 1px solid #D3D3D3;  max-width: 138px;  max-height: 138px;
        }
        .estoyenline-i {
        background: #7BA60D;
        }
        .ofline-ipb {
        background: #B3B3B3;
        padding: 0 5px;}
        .estoyenline-i, .ofline-ipb{
        display: inline-block;
        height: 17px;
        line-height: 17px;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFF;
        border-radius: 2px;
        vertical-align: middle;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
        }
        .pun .co-ipb .main-content {
        background: #FFF;
        border: 0;
        }
        .co-ipb#friends ol li {
        padding: 8px 0 0 0;
        margin: 5px 0 0 0;
        min-width: 80px;
        height: 70px;
        list-style: none;
        width: 100px;
        display: inline-table;
        text-align: center;
        }
        .co-ipb#friends ol li .avatar {
        display: block;
        border: 0;
        background: 0;
        text-align: center;
        width: 100%;
        }
        #friends ol li .message-text ,.co-ipb#friends .message-footer li {
        display: none;
        }
        .co-ipb ol li .avatar img:hover {
        border-color: #7D7D7D;
        }
        .co-ipb ol li .avatar img {
        background: #FFF;
        padding: 1px;
        border: 1px solid #D3D3D3;
        height: 50px;
        width: 50px;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
        #contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
        display: block;
        }
        #estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
        display: none;
        }
        #estadisticas .m-info-ipb ul li {
            line-height: 1.3;  font-size: 11px;  background: #FEFEFE;  border: 1px solid #EEE;  padding: 8px;  border-left: 0;  border-right: 0;  margin-bottom: -1px;
        }
        #estadisticas fieldset legend {
        font-size: 13px;
        font-weight: bold;
        width: 100%;
        font: bold 14px helvetica,arial,sans-serif;
        padding: 8px 10px;
        color: #204066;
        background: #D8DDE8;
        }
        .co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
            background: #EBF0F3;
            padding: 9px;
        }
        #estadisticas .main-content .stats-field.genmed {
            overflow: hidden;
            margin-bottom: 24px;
            background: #FFF;
        }
        #estadisticas .main-content .stats-field.genmed ul {
            padding: 9px;
            border: 1px solid #DBE4EF;
        }
        .co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
            background: #2C5687 url(http://i.imgur.com/Lcy9BkS.png) repeat-x top;
            color: #FFF;  padding: 10px 10px 11px;            border-radius: 4px 4px 0 0;    
            box-shadow: inset 0px 1px 0 #528CBC;  border-width: 1px 1px 0 1px;
            border-color: #316897;
            border-style: solid;  font-size: 11px;
            text-shadow: none;
        }
        #profilewall ,#estadisticas {
            border-radius: 4px 4px 0 0;
            border: none;
        }
        .pun .co-ipb a {
            color: #225985;
        }
        .pun .co-ipb a:hover {
            color: #328586;
        }
        .co-ipb#friends ol li .avatar img:hover {
            border-color: #7D7D7D;
        }
        #estadisticas .m-info-ipb {
            border: 1px solid #DDD;
        }
        #estadisgene span {
            background: #244156;  opacity: 1;
            color: #FFF;  padding: 4px 10px;  font-weight: bold;      border-radius: 10px;      box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
        }Łpanda_selector_1409656120498_90_m_pandaŁ{display:none;}
        .mensajeprofile ol li.clearfix {
            background: #FFF;  border: 1px solid #DBE4EF;
            padding: 9px;
            margin-bottom: 9px;
            position: relative;
        }
        .mensajeprofile .avatar {
            border: 0;
            background: 0;
            display: inline;
            float: left;
        }
        .mensajeprofile ol li .message-block {
            overflow: hidden;
            margin-left: 65px;
            padding: 0;
        }
        .mensajeprofile ol li .message-block .message-header a {
            font-weight: bold;  font-size: 14px;
        }
        .mensajeprofile .message-date {
            position: absolute;
            bottom: 5px;
            color: #A4A4A4;  font-size: 12px;
            background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
            padding-left: 20px;
        }
        .mensajeprofile .message-text {
            margin: 5px 0;
            font-size: 14px;  word-wrap: break-word;
        }
        #profilewall .message-footer {
            float: right;
        }
        #profilewall .message-footer li {
            display: inline;
            margin-right: 10px;
        }
        .co-ipb .pagination b {
            background: #7BA60D;  color: #FFF;  font-weight: bold;      border-radius: 2px;
            padding: 4px 5px;
        }
        .co-ipb .pagination a {
            display: inline-block;    color: #999;
            background: none;
            padding: 4px 5px;
        }
        .co-ipb .pagination a:hover {
            background: #ECECEC;      border-radius: 2px;
        }
        .co-ipb .pagination {
            background: white;
            border-radius: 5px 5px 0 0;
            padding: 4px 10px;
        }
        #friends .message-header em {
        display: block;
        }
        h2#friends {
        font: normal 14px helvetica,arial,sans-serif;
        padding: 8px 10px;
        background: #DBE2EC;
        color: #204066;
        }
        .co-ipb#contacto ,.co-ipb#friends {
        border: 0;
        }
        .contact-ips dl dt {
            display: inline-block;
            width: 140px;
            text-align: right;
        }
        .contact-ips dl dd {
            width: 600px;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
        }
        .lass-activiti {
        display: inline-block;
        margin-left: 10px;color: #C4C4C4;
        }
        .coin-ipb span {
            font-size: 20px;  font-weight: bold;  display: block;
        }
        .coin-ipb #sub {
            text-align: center;  font-weight: normal;
        }
        .coin-ipb {
            float: none;  margin: 0 0 5px 0;
            padding: 10px;  text-align: center;  font-weight: normal;  display: block;
            background: #80B700;
            border-radius: 3px;
            color: white;font-size: 13px;
        }
        .repu-ipb {
            background: #DEDEDE;  color: #6E6E6E;  
            float: none;  margin: 0 0 5px 0;  padding: 10px;  text-align: center;  font-weight: normal;  display: block;      border-radius: 3px;
            font-size: 13px;
        }
        .repu-ipb span {
            font-size: 20px;  font-weight: bold;  display: block;
        }
        .band-right {
            margin-left: 612px;
          top: -35px;
        position: relative;
        }
        .co-ipb#profile {
            border: 0;
        }
        .co-ipb#profile .in-ipb {
            width: 600px;
            border: 1px solid #EEE;
            float: left;
            border-top: 0;
        }
        h2#estadis {
            width: 580px;
            font: normal 14px helvetica, arial, sans-serif;  padding: 8px 10px;
            background: #DBE2EC;  color: #204066;
            border: 1px solid #DBE2EC;
        }
        .module-ipb-right h2 {
            font: normal 14px helvetica, arial, sans-serif;  padding: 8px 10px;  background: #DBE2EC;  color: #204066;
        }
        .main-ipb-f {
            padding: 9px;
        }
        .main-ipb-f .clear + a.mainmenu {
            display: block;
            text-align: center;
        }
        .main-ipb-f .friend-block {
            display: inline-block;
            float: none;
        }
        .main-ipb-f .avatar img {
            padding: 1px;  border: 1px solid #D5D5D5;  background: #FFF;      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        }
        .main-ipb-f .avatar {
            border: 0;
            background: none;
            width: auto;
        }
        .main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
        display: none;
        }
        .profi-add-ipb a#search-i {
            background: #E6E6E6 url("http://i.imgur.com/tS9vehw.png") no-repeat 5px;
        }
        .rating-profile {
            margin: 10px 0 20px 0;
        }
        .register-date {
            margin-bottom: 10px;
            font: normal 13px helvetica,arial,sans-serif;
        }
        .profi-add-ipb {
        position: absolute;
        right: 30px;
        top: 95px;
        color: rgba(0, 0, 0, 0);
        }
        .profi-add-ipb br {
            display: none;
        }
        .pun .profi-add-ipb a {
            display: inline-block;
            background: #E6E6E6 url("http://i.imgur.com/5MlMsua.png") no-repeat 5px;
            height: 17px;
        line-height: 17px;
            padding: 2px 2px 2px 25px;      
            border: 1px solid rgb(207, 207, 207);    
            box-shadow: 0px 7px 21px rgba(255, 255, 255, 0.76) inset, 0px 1px 0px rgba(0, 0, 0, 0.41);      border-radius: 3px;  color: #616161;    white-space: nowrap;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;
            margin-right: 15px;font-size: 12px;
        }
        .pun .profi-add-ipb a:hover {
            border: 1px solid #A0A0A0;
        }
        .pun .profi-add-ipb a#men {
        background: #E6E6E6 url("http://i.imgur.com/LE1LFBD.png") no-repeat 5px;
        }
        .pun .nav-ipb-top a {
            color: rgb(85, 85, 85);
        }
        .nav-ipb-top {
            position: relative;
            margin-left: -140px;
            margin-bottom: 10px;
        }
        .nav-ipb-top span {
        margin: 0 5px;
        }
        .mod-center {
        padding-bottom: 50px;
        }
        #word-link {
            position: absolute;
            bottom: 19px;
            right: 26px;
            z-index: 999!important;
            color: #777;
            font: normal 9px helvetica;
            text-align: right;
        }
        .co-ipb div.activetab {
        display: block!important;
        }Łpanda_selector_1409656120498_188_m_pandaŁ{opacity: 1!important;}
}
    .ipsBox {
      background: none 0px 0px repeat scroll rgb(49, 49, 49) !important;
      border: 1px solid #3E3E3E !important;
    }
    .ipsBox_container {
      background: none repeat scroll 0 0 rgb(29, 29, 29) !important;
      border: 1px solid #3E3E3E !important;
    }
    .ipsButton_secondary {
      display: inline-block !important;
      background: rgb(75, 74, 74) !important;
      box-shadow: rgba(5, 5, 5, 0.407843) 0px 7px 27px inset, rgba(0, 0, 0, 0.407843) 0px 1px 0px !important;
      border: 1px solid rgba(61, 61, 61, 0.760784) !important;
      border-image-source: initial;
      border-image-slice: initial;
      border-image-width: initial;
      border-image-outset: initial;
      border-image-repeat: initial;
      border-radius: 3px !important;
      text-shadow: black 0px -1px 1px !important;
      color: rgb(255, 255, 255) !important;
      font-size: 12px;
    }
    .ipsVerticalTabbed_tabs > ul {
      border-left: 1px solid #4D4D4D !important;
      border-top: 1px solid #4D4D4D !important;
    }
    .ipsVerticalTabbed_tabs li a:hover {
      background: #3F3E3E !important;
      color: #808080 !important;
    }
    .general_box h3 {
      background: none repeat scroll 0 0 #535355 !important;
      color: #FFFFFF !important;
    }
    .general_box {
      background: none repeat scroll 0 0 #313030!important;
      color: white !important;
    }
    #profile_panes_wrap .reputation {
      background: #535355;
      border: 1px solid #565658;
      color: #FFFFFF;
      padding: 10px !important;
}
.ipsVerticalTabbed_tabs li {
  background: none repeat scroll 0 0 #4C4C4D !important;
  border-bottom: 1px solid #686464!important;
  text-shadow: 0 -1px 1px #000 !important;
}
.ipsVerticalTabbed_tabs li {
  background: none repeat scroll 0 0 #4C4C4D !important;
  border-bottom: 1px solid #686464!important;
  text-shadow: 0 -1px 1px #000 !important;
}
.ipsVerticalTabbed_tabs li.active a {
  background: none repeat scroll 0 0 #3F3E3E!important;
  border-right: 0 !important;
  color: gray !important;
  width: 135px;
}
.statistici {
  width: 96%;
  margin-bottom: 10px;
  margin-left: 20px;
  background: #242424;
  border: 1px solid #141414;
  text-align: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 1px 0px #474747;
}
.descriere img {
  margin-left: -45px;
  margin-top: -10px;
}
.pun tbody.statused span.status {
  display: none !important;
}
.pun table.table td {
  border: 1px solid #000 !important;
  box-shadow: none !important;
}
a span[style="color:#FF6F00"] strong {
position: relative;
}
a span[style="color:#FF6F00"] strong {
position: relative;
}
a span[style="color:#FF6F00"] strong:hover:after {
background-color:#ff9900;
content: "C.E.O. Founders";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#FC0000"] strong {
position: relative;
}
a span[style="color:#FC0000"] strong:hover:after {
background-color:#ED3D3D;
content: "Administrator";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#135E00"] strong {
position: relative;
}
a span[style="color:#135E00"] strong:hover:after {
background-color:#135E00;
content: "Global Moderator";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#7CBA2B"] strong {
position: relative;
}
a span[style="color:#7CBA2B"] strong:hover:after {
background-color:#7CBA2B;
content: "Moderator";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#FF4FFF"] strong {
position: relative;
}
a span[style="color:#FF4FFF"] strong:hover:after {
background-color:#FF4FFF;
content: "Designer";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}

a span[style="color:#ffffff"] strong {
position: relative;
}
a span[style="color:#ffffff#ffffff"] strong:hover:after {
background-color:#ffffff;
content: "Membru";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
top:15px;
right:0;
display:inline-block;
white-space:nowrap;
z-index:1;
margin:-35px;
}
.vote {
float:right;
margin-left:4px;
width: 30px;
}
.vote .vote-no-bar {
text-align: center;
}
#change_photo {
  display: none !important;
}
#profile_photo {
  max-width: 145px !important;
  min-width: 145px !important;
  min-height: 180px !important;
  max-height: 400px !important;
  margin-top: -40px !important;
}
.multumesc-msg{
  text-align: center !important;
  font-weight: bold;
  color: orange;
  font-size: 16px;
  margin-top: 60px;
}

.multumesc-msg img{
  position: relative;
  top: 5px;
}

.multumesc-msg div{
  margin-left: 5px;
  margin-right: 5px;
  display: inline !important;
}
.pun .user-ident .user-basic-info a img,
form[action *="/profile"] .frm fieldset.frm-set dl dd img {background:url("http://i39.tinypic.com/11rahqw.jpg") no-repeat scroll 0 0 transparent;height: 94px;padding: 17px;width: 94px;}
ul.profile_field_list label img { background: none repeat scroll 0 0 transparent !important;height: auto !important;width: auto !important; padding: 1px !important;}
}
.topic-blocat{
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url(http://1.bp.blogspot.com/_5rlxf3T9Z9U/SsIXuytpYfI/AAAAAAAADcI/I4Tm0W5gDQk/lock_32.png);
  color: #750000 !important;
  background-color: #D26067;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  font-size: 18px;
  text-shadow: 1px 1px 1px #AAA;
}
.field_uneditable {
  position: relative !important;
  top: -13px !important;
.body {
  }
  ul#pun-legend {
  display: none !important;
  }
  .pun .posthead {
  border-bottom: 1px solid #000 !important;
}
.postfoot {
  border-top: 1px solid #000000 !important;
  }
  .pun tbody.statused td.tcl.tdtopics {
  line-height: 50px !important;
  }
  .lastpost-info {
  line-height: 50px !important;
  }
  .pun tbody.statused span.status {
    display: block!important;
  }
  .pun tbody.statused span.status img {
    margin-left: -20px;
    padding-top: 29px!important;
    display: inline-block!important;
  }
.fa_avatar {
width: 25px;
height: 25px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
  }
  .user-info img {
    background: #131313;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 3px;
    margin-top: 4px;
    border: 1px solid black;
}
.user-info span img {
    background: transparent !important;
    border: 0px !important;
    height: auto !important;
    width: auto !important;
    padding: 0px !important;
    margin: 0px !important;
  }
  .nope {
  width: auto!important;
  height: auto!important;
}
.user-info img {
   width: 22px;
   height: 22px;
  }
    #content .main .main-head {border-bottom: 3px solid #2A80B9;}
  .body {
  }
  a[href="/g10-c-e-o-founders"] {
    background: url("http://i61.tinypic.com/w6tezo.png") no-repeat;
    padding-left: 15px;
    padding-top: 0px;
  }
   a[href="/u1"] {
    background: url("http://i61.tinypic.com/w6tezo.png") no-repeat;
    padding-left: 16px;
    padding-top: 0px;
  }
    a[href="/g2-administratori"] {
    background: url("http://i60.tinypic.com/w1d2px.png") no-repeat;
    padding-left: 17px;
    padding-top: 0px;
  }
    a[href="/u2"] {
    background: url("http://i60.tinypic.com/w1d2px.png") no-repeat;
    padding-left: 17px;
    padding-top: 0px;
    }
    a[href="/u41"] {
    background: url("http://i60.tinypic.com/w1d2px.png") no-repeat;
    padding-left: 16px;
    padding-top: -2px;
  }
    a[href="/u60"] {
    background: url("http://i60.tinypic.com/w1d2px.png") no-repeat;
    padding-left: 17px;
    padding-top: 0px;
   }
    a[href="/g4-global-moderatori"] {
    background: url("http://i58.tinypic.com/iqasmc.png") no-repeat;
    padding-left: 15px;
    padding-top: 0px;
  }
  a[href="/u11"] {
    background: url("http://i58.tinypic.com/iqasmc.png") no-repeat;
    padding-left: 17px;
    padding-top: 0px;
  }
     a[href="/g9-banned"] {
    background: url("http://i61.tinypic.com/vo0v3k.jpg") no-repeat;
    padding-left: 17px;
    padding-top: 2px;
  }
     a[href="/g7-designeri"] {
    background: url("http://i61.tinypic.com/vdip9e.gif") no-repeat;
    padding-left: 17px;
    padding-top: 2px;
  }
     a[href="/g8-membrii"] {
    background: url("http://i61.tinypic.com/2q0vfrd.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
  }
    a[href="/g6-moderatori"] {
    background: url("http://i59.tinypic.com/24v7akk.png") no-repeat;
    padding-left: 15px;
    padding-top: 0px;
  }
    a[href="/u108"] {
    background: url("http://i59.tinypic.com/24v7akk.png") no-repeat;
    padding-left: 17px;
    padding-top: 0px;
  }
 .user-basic-info {
    background: url(http://i.imgur.com/8OKqAgJ.png) repeat-x scroll 0 -1px #202020;
    border: 1px solid #2D2D2D;
    border-bottom: 0 solid!important;
    padding: 5px;
    margin-top: 5px;
  }
  .pun .user-ident .username {
    color: #fff;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    text-align: center !important;
    margin-top: -20px;
  }
  .ava {
position: relative;
left: -8px !important;
  }
  .tabelmoderare {
background: #FAADAD;
border: 1px solid #C20000;
width: 100%;
padding: 3px;
border-radius: 4px;
color: #A11F1F;
text-shadow: 0px 0px 0px white;
  }
  td.tcr div#stats {
    float: right;
    padding: 0;
    background: transparent;
    position: relative;
    top: -13px;
    left: -23%;
}

.pun table .tcr {
    overflow: hidden;
    padding: 0 0 0 .5em !important;
    text-align: left;
    width: 25%;
  }
  #pun-announcement {
    display: none;
  }
  .casuta_titlu {
border: 1px solid #069;
background: #EFEFEF;
padding: 3px;
padding-bottom: 18px;
margin-bottom: 5px;}

.casuta_titlu a img {
padding-right: 7px;
max-width: 45px;
max-height: 45px;}

.data postarii h4.username, .data postarii dfn, .data-postarii{
display: inline-block !important;
}

.casuta_titlu .data-postarii{
font-size:10px !important;
  }
  .chenar_postator p.author{
background: transparent !important;
border: none !important;
left: 0px !important;
  }
  .casuta_titlu {
    background: #383737 !important;
  }
.lastpostaz{
    border: 1px solid rgba(10, 10, 10, 0.506);
    background-color: #2a2a2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#191919));
    background-image: -webkit-linear-gradient(top, #1a1a1a, #191919);
    background-image: -moz-linear-gradient(top, #1a1a1a, #191919);
    background-image: -ms-linear-gradient(top, #1a1a1a, #191919);
    background-image: -o-linear-gradient(top, #1a1a1a, #191919);
    background-image: linear-gradient(top, #1a1a1a, #191919);
    border-radius: 3px;
    padding: 5px 6px;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.050);.lastpostaz{
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 1px 2px rgba(0,0,0,0.5);
    background: rgba(0,0,0,0.6);
    box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 1px 6px rgba(0,0,0,0.5);
}

span.lastpost a{
  text-decoration: none!important;
  font-size: 12px;
  font-family: tahoma;
  color: white;
}



span.lastpost, .lastpost2{
  display: inline-block;
float: left;
}

.lastpost2{
  font-size: 11px;
}

.lastpost2 b{
  font-size: 12px;
}

span.lastpost{
  min-width: 150px;
  margin-right: 10px;
}

.lastpost-avatar {
  float: right;
}

td.tcr{
  width: 310px!important;
}

td.tcl{
  width: 600px!important;

Re: Modificare aspect ''ultimele subiecte''Sam Aug 29, 2015 2:12 pm

La ultimul cod aveti asa(partea de jos de tot)

Cod:

td.tcl{
  width: 600px!important;

ii lipseste o paranteza acolada la sfarsit

Cod:

}

Ori ii pui acolada ori il inlocuiesti cu asta.

Cod:

td.tcl{
  width: 830px!important;}

Re: Modificare aspect ''ultimele subiecte''Sam Aug 29, 2015 3:20 pm

Nu e bun. Uite ce fel apare...
Modificare aspect ''ultimele subiecte'' Jqt7d1

Re: Modificare aspect ''ultimele subiecte''Sam Aug 29, 2015 3:37 pm

Cod:

.lastpostaz{
    border: 1px solid rgba(10, 10, 10, 0.506);
    background-color: #2a2a2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#191919));
    background-image: -webkit-linear-gradient(top, #1a1a1a, #191919);
    background-image: -moz-linear-gradient(top, #1a1a1a, #191919);
    background-image: -ms-linear-gradient(top, #1a1a1a, #191919);
    background-image: -o-linear-gradient(top, #1a1a1a, #191919);
    background-image: linear-gradient(top, #1a1a1a, #191919);
    border-radius: 3px;
    padding: 5px 6px;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.050);.lastpostaz{
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 1px 2px rgba(0,0,0,0.5);
    background: rgba(0,0,0,0.6);
    box-shadow: 0 1px 0 rgba(255,255,255,0.15), inset 0 1px 6px rgba(0,0,0,0.5);
display: inline-block;
padding: 5px 10px;

Si te rog ca atunci cand faci o modificare si imi dai printscreen sa numai stergi modificarea de pe forum ca sa pot vedea si eu sa imi dau seamna cat mai bine si mai repede.