Avatarul se spurapune cu conținutul post-ului

Bună ziua! Am o problemă cu forumul meu. Avatarul unui membru se suprapune cu conținutul mesajului său.
Uitați imagine :
(link)
Precizez că pe forum există și un efect de mărire a avatarurilor (la trecerea mouse-ului peste avatar), care nu-mi prea place și aș vrea să elimin și acest efect.
Cum aș putea rezolva ambele probleme?
Mulțumesc!

Avatarul e prea mare. Incearca sa pui unul mai mic , daca se intampla lafel , te rog sa imi spui si o sa iti dau un cod care incadreaza imaginea in spatiul chenarului profilului.

Avataru va apare asa deoarece este prea mare imagine incercati sa o redimensionati maxim cu 150%250

TheEagle a scris:Avatarul e prea mare. Incearca sa pui unul mai mic , daca se intampla lafel , te rog sa imi spui si o sa iti dau un cod care incadreaza imaginea in spatiul chenarului profilului.

Păi dacă e de la avatar, înseamnă că ar trebuii să fac asta de fiecare dată când un membru își pune un avatar prea mare? Nu pot limita cumva dimensiunile avatarelor, și dacă se poate să le redimensioneze dacă sunt prea mari?

Nu la fiecare membru , deoarece ei stiu cat este dimensiunea , doar la tine trebuie sa o modifici baga un avatar mai mic doar sa nu depaseasca de 150 % 300 !

Laxed a scris:Nu la fiecare membru , deoarece ei stiu cat este dimensiunea , doar la tine trebuie sa o modifici baga un avatar mai mic doar sa nu depaseasca de 150 % 300 !

Păi și el cum a reușit să depășească limitele de dimensiune?

P.S: Mă ajută cineva și cu avatarele care se măresc când trec mouse-ul peste ele?

Deci nu există soluție pentru problemele mele?

Avatarul este mult prea mare, il puteti redimensiona si abia apoi sa-l puneti.
Avatarul d-vs. de pe acel forum vad ca nu se suprapune cu continutul posturilor, doar avatarul celuilalt administrator.

Milky. a scris:Avatarul este mult prea mare, il puteti redimensiona si abia apoi sa-l puneti.
Avatarul d-vs. de pe acel forum vad ca nu se suprapune cu continutul posturilor, doar avatarul celuilalt administrator.

Bine, bine. Mersi! Dar cum pot sa fac sa nu se mareasca avatarurile cand trec mouse-ul peste el?

Posteaza CSS si iti spun ce cod trebuie sters.

TheEagle a scris:Posteaza CSS si iti spun ce cod trebuie sters.

Poftim:

Cod:

body {
background: #336a96;
}
 
.tabelmoderare {
background: #FAADAD;
border: 1px solid #C20000;
width: 100%;
padding: 3px;
border-radius: 4px;
color: #A11F1F;
text-shadow: 0px 0px 0px white;
}
.forabg {
padding: 3px;
background-color: #11538a;
border-radius: 3px;
border: 2px #0062b3 groove;
box-shadow: 0px 0px 5px black;
padding: 1px 4px;
}
 
table.forumline {
padding: 3px;
background-color: #11538a;
border-radius: 3px;
border: 2px #0062b3 groove;
box-shadow: 0px 0px 5px black;
padding: 1px 4px;
}
#tabs .activetab a span {
  background: #dedede;}
#tabs a {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background: #ededed;
  margin: 3px;
}
blockquote {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  background-image: url(http://subtlepatterns.com/patterns/light_wool.png);
  background-repeat:repeat;
}
dl.codebox {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  background-image: url(http://subtlepatterns.com/patterns/light_wool.png);
}
input.inputbox, input.tiny {
  border-radius: 3px;
}
textarea.inputbox {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-radius: 5px;
}
dl.faq dd p {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}
.module {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-radius: 5px;
  border: 2px outset #d7d7d7;
}
hr {
  border-top: 1px dashed blue;
}
#textarea_content textarea#text_editor_textarea {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-radius: 4px;
  border: 2px groove #d7d7d7;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-radius: 4px;
  border: 2px groove #d7d7d7;
}
.select button {
    background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
.select button:hover {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
}
.select {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 0px 3px black;
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
  background: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;

}
h1.page-title {
    font-family: 'Voces';
  font-size: 27px !important;
}
@media screen {
@font-face {
  font-family: 'Voces';
  font-style: normal;
  font-weight: 400;
  src: local('Voces'), local('Voces-Regular'), url('http://themes.googleusercontent.com/static/fonts/voces/v1/ePr7eRI28zZaOtQ8CcT7rA.woff') format('woff');
}
}
.postbody ul.profile-icons a img {
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}
.postbody ul.profile-icons a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
  -webkit-transform: rotate(0deg) scale(1.1); -moz-transform: rotate(0deg) scale(1.1);
}
 
.postprofile {
  border: 1px solid #d7d7d7;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  border-radius: 5px;
  background-image: url(http://subtlepatterns.com/patterns/light_wool.png);
}
.postprofile a img {
filter: alpha(opacity=80);
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-moz-opacity: 0.8;
opacity: 0.8;
}
.postprofile a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
  -webkit-transform: rotate(0deg) scale(1.1); -moz-transform: rotate(0deg) scale(1.1);
}
.postprofile a img:active {
  -webkit-transform: rotate(0deg) scale(1.1); -moz-transform: rotate(0deg) scale(1.1);}
 
 
.row1 {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  background-repeat: repeat;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
}
.row2 {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  background-repeat: repeat;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
}
.row3 {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  background-repeat: repeat;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
}
input.button1 {
  background: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  padding: 4px;
}
.span-tab {
  font-style:italic;}
ul.topics li.header dl.icon dt {
  font-family: Times New Roman;
  font-weight: bold;
  text-transform: none;
  font-size: 13px;
}
ul.topiclist dfn{
display: none !important;
}
 
ul.topiclist.forums dd.topics, ul.topiclist.forums dd.posts{
border: 1px solid #B3B3B3;
background-color: #efefef;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 60px;
-moz-box-shadow: inset 0px 0px 8px #d6d6d6;
-webkit-box-shadow: inset 0px 0px 8px #d6d6d6;
box-shadow: inset 0px 0px 8px #d6d6d6;
margin-right: 2px;
margin-top: 15px;
}
 
ul.topiclist.forums dd.lastpost{
border: 1px solid #B3B3B3;
background-color: #efefef;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 60px;
-moz-box-shadow: inset 0px 0px 8px #d6d6d6;
-webkit-box-shadow: inset 0px 0px 8px #d6d6d6;
box-shadow: inset 0px 0px 8px #d6d6d6;
margin-top: 15px;
}
dd.lastpost {
  font-style:italic;}
ul.topiclist dd {
  border:none;}
.buttons a img {
filter: alpha(opacity=100);
transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-moz-opacity: 1.0;
opacity: 1.0;
}
.buttons a img:hover {
-webkit-transform: rotate(0deg) scale(1.2); -moz-transform: rotate(0deg) scale(1.2);
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.buttons a img:active {
-webkit-transforum: rotate(0deg) scale(1.0); -moz-transform: rotate(0deg) scale(1.0);
}
input.medium {
  border-radius: 3px;
  margin-right: 3px;
}
div#page-body div.search-box{
display: none;
}
#search_menu a img {
  display: none;}
.title-overview {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-top-radius: 5px;
}
.overview {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 0px 10px black;
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
.img-whois {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background: #e8e8e8;
}
ul.forums {
  border-radius:2px;}
.table-title, .table-title h2 {
  font-family: Trebuchet MS;
  font-weight: bold;
  text-transform: none;
  font-size: 13px;
}
.panel {
background-image: url(http://subtlepatterns.com/patterns/groovepaper.png);
  border: 1px solid #d7d7d7;
  border-radius: 5px;
 
}
.panel:hover {
  box-shadow: 0px 0px 5px white;
}
ul.forums dd {
  border: none;}
li.row {
  background-image: url(http://subtlepatterns.com/patterns/rough_diagonal.png);
  border-radius: 2px;
  border-bottom: 1px solid white;
  border-top: 1px solid #d7d7d7;
}
li.row:hover {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
box-shadow: 0px 0px 10px #d7d7d7;
}
.h3 {
border-bottom: 1px dashed blue;
}
#page-footer .copyright strong a{
position: fixed;
top: 10px;
left: 20px;
background-image:url('http://cdn1.iconfinder.com/data/icons/discovery/32x32/status/important.png');
width: 65px;
height: 32px;
background-repeat:no-repeat;
background-position:left top;
padding: 1px 4px;
color: transparent;
padding: 3px;
font-size: 1px;
}
#site-title, #site-title h1 {
  display: none;}
#logo-desc p {
  display:none;}
.forumbg {
padding: 3px;
background-color: #11538a;
border-radius: 3px;
border: 2px #0062b3 groove;
box-shadow: 0px 0px 5px black;
padding: 1px 4px;
}
 
#wrap {
width: 950px;
border: 2px solid #c2c2c2;
border-radius: 5px;
box-shadow: 0px 0px 5px #d7d7d7;
margin-top: 25px;
background: url(http://subtlepatterns.com/patterns/chruch.png);
}
 
.headerbar {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 1px solid blue;
background: url(http://www.elegantthemes.com/preview/Aggregate/wp-content/themes/Aggregate/images/body-bg14.png) #003f69;
}
.navbar {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -5px;
border-top: 1px solid #004d80;
background: url(http://i42.servimg.com/u/f42/17/12/79/50/a33.png);
background-repeat: repeat-x;
}
ul.navlinks {
  border-bottom: none;
}
ul.navlinks a {
background-color: #11538a;
border-radius: 3px;
border: 2px #0062b3 groove;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding: 3px;
font-size: 12px;
font-weight: bold;
font-family: Arial;
}
ul.navlinks a:hover {
border-style: inset;
background-color: #1064a8;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
#search-box {
  display:none;}
 
/*Tabel Legenda*/
p em b a.gensmall { font-style: normal; }
p em { font-style: normal;}
 
 
/* FOOOTER */
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
  color: transparent !important;}
 
#page-footer .navbar a {
background-color: #11538a;
border-radius: 3px;
border: 2px #0062b3 groove;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding: 3px;
font-size: 12px;
font-weight: bold;
font-family: Arial;
}
#page-footer .navbar a:hover {
border-style: inset;
background-color: #1064a8;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
#page-footer .navbar {
  position: relative;
  top: 20px;
  border-radius: 5px;}
div#page-footer:after {
        position: relative;
        padding: 5px;
        font-family: Trebuchet MS,Tahoma,Arial;
        font-size: 12px;
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
        text-align: center;
        bottom: -5px;
        content: "ˆCopyright 2012 - Free Stuff - Skin designed and coded by FastCode";
}
 
.myparagraph:first-letter {
font-size:200%;
float:left;
color:orange;
}
/*-------------BOX-------------*/
 
.box {
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            margin: 0px 0px 10px; }
 
.box-content {
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            font-size: 13px;
            font-style: italic;
            font-family: Trebuchet MS;
            text-shadow: 1px 1px 1px #ffffff;
            padding: 10px 20px 8px 90px;
            min-height:25px;
}
 
 
 
.box-content h3 {
            border-bottom: 1px solid #ccc;
            margin-top: 5px;
            font-family: Tahoma;
            font-weight: bold;
            font-style: normal;
            font-size: 13px;
}
 
/*-------------WARNING-BOX-------------*/
 
.warning {
          background: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
          border: 1px dashed #ccc;
}
 
.warning .box-content {
          color: #666;
          background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/warnin11.png) no-repeat 10px 10px;
          border: 1px solid #ffffea;
}
 
.warning .box-content h3 {
          color: #666;
          text-shadow: 1px 1px 1px #ffffff;
}
 
/*-------------INFO-BOX-------------*/
 
.info {
          background: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b11.png);
          border: 1px dashed #ccc;
}
 
.info .box-content {
          color: #666;
          background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/info10.png) no-repeat 10px 10px;
          border: 1px solid #ffffea;
}
 
.info .box-content h3 {
          color: #666;
          text-shadow: 1px 1px 1px #ffffff;
}
 
/*-------------DOWNLOAD-BOX-------------*/
 
.download {
          background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b12.png);
          border: 1px dashed #ccc;
}
 
.download .box-content {
          color: #666;
          background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/downlo10.png) no-repeat 10px 10px;
          border: 1px solid #ffffea;
}
 
.download .box-content h3 {
          color: #666;
          text-shadow: 1px 1px 1px #ffffff;
}

Inlocuiesti tot CSSul tau cu acesta:

Cod:

body {
background: #336a96;
}
 
.tabelmoderare {
background: #FAADAD;
border: 1px solid #C20000;
width: 100%;
padding: 3px;
border-radius: 4px;
color: #A11F1F;
text-shadow: 0px 0px 0px white;
}
.forabg {
padding: 3px;
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
box-shadow: 0px 0px 5px black;
padding: 1px 4px;
}
 
table.forumline {
padding: 3px;
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
box-shadow: 0px 0px 5px black;
padding: 1px 4px;
}
#tabs .activetab a span {
  background: #dedede;}
#tabs a {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background: #ededed;
  margin: 3px;
}
blockquote {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  background-image: url(http://subtlepatterns.com/patterns/light_wool.png);
  background-repeat:repeat;
}
dl.codebox {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  background-image: url(http://subtlepatterns.com/patterns/light_wool.png);
}
input.inputbox, input.tiny {
  border-radius: 3px;
}
textarea.inputbox {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-radius: 5px;
}
dl.faq dd p {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}
.module {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-radius: 5px;
  border: 2px outset #d7d7d7;
}
hr {
  border-top: 1px dashed blue;
}
#textarea_content textarea#text_editor_textarea {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-radius: 4px;
  border: 2px groove #d7d7d7;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-radius: 4px;
  border: 2px groove #d7d7d7;
}
.select button {
    background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
.select button:hover {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
}
.select {
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 0px 3px black;
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
  background: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;

}
h1.page-title {
    font-family: 'Voces';
  font-size: 27px !important;
}
@media screen {
@font-face {
  font-family: 'Voces';
  font-style: normal;
  font-weight: 400;
  src: local('Voces'), local('Voces-Regular'), url('http://themes.googleusercontent.com/static/fonts/voces/v1/ePr7eRI28zZaOtQ8CcT7rA.woff') format('woff');
}
}
.postbody ul.profile-icons a img {
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

 
.postprofile {
  border: 1px solid #d7d7d7;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  border-radius: 5px;
  background-image: url(http://subtlepatterns.com/patterns/light_wool.png);
}


.postprofile a img:active {
  -webkit-transform: rotate(0deg) scale(1.1); -moz-transform: rotate(0deg) scale(1.1);}
 
 
.row1 {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  background-repeat: repeat;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
}
.row2 {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  background-repeat: repeat;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
}
.row3 {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  background-repeat: repeat;
  border-radius: 4px;
  border: 1px solid #d7d7d7;
}
input.button1 {
  background: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  padding: 4px;
}
.span-tab {
  font-style:italic;}
ul.topics li.header dl.icon dt {
  font-family: Times New Roman;
  font-weight: bold;
  text-transform: none;
  font-size: 13px;
}
ul.topiclist dfn{
display: none !important;
}
 
ul.topiclist.forums dd.topics, ul.topiclist.forums dd.posts{
border: 1px solid #B3B3B3;
background-color: #efefef;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 60px;
-moz-box-shadow: inset 0px 0px 8px #d6d6d6;
-webkit-box-shadow: inset 0px 0px 8px #d6d6d6;
box-shadow: inset 0px 0px 8px #d6d6d6;
margin-right: 2px;
margin-top: 15px;
}
 
ul.topiclist.forums dd.lastpost{
border: 1px solid #B3B3B3;
background-color: #efefef;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 60px;
-moz-box-shadow: inset 0px 0px 8px #d6d6d6;
-webkit-box-shadow: inset 0px 0px 8px #d6d6d6;
box-shadow: inset 0px 0px 8px #d6d6d6;
margin-top: 15px;
}
dd.lastpost {
  font-style:italic;}
ul.topiclist dd {
  border:none;}
.buttons a img {
filter: alpha(opacity=100);
transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-moz-opacity: 1.0;
opacity: 1.0;
}
.buttons a img:hover {
-webkit-transform: rotate(0deg) scale(1.2); -moz-transform: rotate(0deg) scale(1.2);
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.buttons a img:active {
-webkit-transforum: rotate(0deg) scale(1.0); -moz-transform: rotate(0deg) scale(1.0);
}
input.medium {
  border-radius: 3px;
  margin-right: 3px;
}
div#page-body div.search-box{
display: none;
}
#search_menu a img {
  display: none;}
.title-overview {
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
  border-top-radius: 5px;
}
.overview {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 0px 10px black;
  background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
.img-whois {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background: #e8e8e8;
}
ul.forums {
  border-radius:2px;}
.table-title, .table-title h2 {
  font-family: Trebuchet MS;
  font-weight: bold;
  text-transform: none;
  font-size: 13px;
}
.panel {
background-image: url(http://subtlepatterns.com/patterns/groovepaper.png);
  border: 1px solid #d7d7d7;
  border-radius: 5px;
 
}
.panel:hover {
  box-shadow: 0px 0px 5px white;
}
ul.forums dd {
  border: none;}
li.row {
  background-image: url(http://subtlepatterns.com/patterns/rough_diagonal.png);
  border-radius: 2px;
  border-bottom: 1px solid white;
  border-top: 1px solid #d7d7d7;
}
li.row:hover {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
box-shadow: 0px 0px 10px #d7d7d7;
}
.h3 {
border-bottom: 1px dashed blue;
}
#page-footer .copyright strong a{
position: fixed;
top: 10px;
left: 20px;
background-image:url('http://cdn1.iconfinder.com/data/icons/discovery/32x32/status/important.png');
width: 65px;
height: 32px;
background-repeat:no-repeat;
background-position:left top;
padding: 1px 4px;
color: transparent;
padding: 3px;
font-size: 1px;
}
#site-title, #site-title h1 {
  display: none;}
#logo-desc p {
  display:none;}
.forumbg {
padding: 3px;
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
box-shadow: 0px 0px 5px black;
padding: 1px 4px;
}
 
#wrap {
width: 950px;
border: 2px solid #c2c2c2;
border-radius: 5px;
box-shadow: 0px 0px 5px #d7d7d7;
margin-top: 25px;
background: url(http://subtlepatterns.com/patterns/chruch.png);
}
 
.headerbar {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 1px solid blue;
background: url(http://www.elegantthemes.com/preview/Aggregate/wp-content/themes/Aggregate/images/body-bg14.png) #003f69;
}
.navbar {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -5px;
border-top: 1px solid #004d80;
background: url(http://i42.servimg.com/u/f42/17/12/79/50/a33.png);
background-repeat: repeat-x;
}
ul.navlinks {
  border-bottom: none;
}
ul.navlinks a {
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding: 3px;
font-size: 12px;
font-weight: bold;
font-family: Arial;
}
ul.navlinks a:hover {
border-style: inset;
background-color: #1064a8;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
#search-box {
  display:none;}
 
/*Tabel Legenda*/
p em b a.gensmall { font-style: normal; }
p em { font-style: normal;}
 
 
/* FOOOTER */
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
  color: transparent !important;}
 
#page-footer .navbar a {
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding: 3px;
font-size: 12px;
font-weight: bold;
font-family: Arial;
}
#page-footer .navbar a:hover {
border-style: inset;
background-color: #1064a8;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
#page-footer .navbar {
  position: relative;
  top: 20px;
  border-radius: 5px;}
div#page-footer:after {
        position: relative;
        padding: 5px;
        font-family: Trebuchet MS,Tahoma,Arial;
        font-size: 12px;
        color: #5f5f5f; 
        text-shadow: 1px 1px 1px #fff;
        text-align: center;
        bottom: -5px;
        content: "ˆCopyright 2012 - Free Stuff - Skin designed and coded by FastCode";
}
 
.myparagraph:first-letter {
font-size:200%;
float:left;
color:orange;
}
/*-------------BOX-------------*/
 
.box {
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            margin: 0px 0px 10px; }
 
.box-content {
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            font-size: 13px;
            font-style: italic;
            font-family: Trebuchet MS;
            text-shadow: 1px 1px 1px #ffffff;
            padding: 10px 20px 8px 90px;
            min-height:25px;
}
 
 
 
.box-content h3 {
            border-bottom: 1px solid #ccc;
            margin-top: 5px;
            font-family: Tahoma;
            font-weight: bold;
            font-style: normal;
            font-size: 13px;
}
 
/*-------------WARNING-BOX-------------*/
 
.warning {
          background: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
          border: 1px dashed #ccc;
}
 
.warning .box-content {
          color: #666;
          background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/warnin11.png) no-repeat 10px 10px;
          border: 1px solid #ffffea;
}
 
.warning .box-content h3 {
          color: #666;
          text-shadow: 1px 1px 1px #ffffff;
}
 
/*-------------INFO-BOX-------------*/
 
.info {
          background: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b11.png);
          border: 1px dashed #ccc;
}
 
.info .box-content {
          color: #666;
          background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/info10.png) no-repeat 10px 10px;
          border: 1px solid #ffffea;
}
 
.info .box-content h3 {
          color: #666;
          text-shadow: 1px 1px 1px #ffffff;
}
 
/*-------------DOWNLOAD-BOX-------------*/
 
.download {
          background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b12.png);
          border: 1px dashed #ccc;
}
 
.download .box-content {
          color: #666;
          background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/downlo10.png) no-repeat 10px 10px;
          border: 1px solid #ffffea;
}
 
.download .box-content h3 {
          color: #666;
          text-shadow: 1px 1px 1px #ffffff;
}

.postbody ul.profile-icons a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
  -webkit-transform: rotate(0deg) scale(1.1); -moz-transform: rotate(0deg) scale(1.1);
}

.postprofile a img {
filter: alpha(opacity=80);
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-moz-opacity: 0.8;
opacity: 0.8;
}