Categorias nesse modelo..

Gostaria que minhas categorias que são dessa forma https://i.imgur.com/wnETpIf.png ao clicar e entrar em um fórum ficassem parecidas pois elas são assim https://i.imgur.com/uVG4Tuj.png

Código:

 dl.codebox dt {
    border-bottom: medium none;
    color: #777;
    display: block;
    font-size: 1em;
    font-weight: 400;
    margin: 6px 0px;
    text-transform: none;
}
.codebox dt, .codebox dt {
    width: 100%;
}
.codebox dt {
    width: 92%;
}
.codebox dt {
    border-bottom: 1px dotted #DDD;
    padding: 0.25em;
}
* {
    margin: 0px;
    padding: 0px;
}
dl.codebox {
    font-size: 1em;
}
.forumline td.row1.over[valign="top"] span.genmed{visibility:hidden}.forumline td.row1.over[valign="top"]:hover span.genmed{visibility:visible}.forumline td.row1:hover{background-color:#818181}   
#topicoshancki, #mensagenshancki {
    color: #838b83;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Tahoma;
    font-size: 20px;
    text-transform: uppercase;
    transition-property: all;

    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    line-height: 18px;
    }
    #topicoshancki:after {
    content: "\A TÓPICOS";
    white-space: pre-wrap;
    color: #838b83;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Tahoma;
    font-size: 10px;
    text-transform: uppercase;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    }
    #mensagenshancki:after {
    content: "\A MENSAGENS";
    white-space: pre-wrap;
    color: #838b83;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Tahoma;
    font-size: 10px;
    text-transform: uppercase;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    }

    .page-title {font-family: Verdana,Arial,sans-serif !important;float: none;text-align: center !important; font-size: 25px !important; font-style: normal; font-variant: normal; font-weight: normal;    background: none repeat scroll 0% 0% #454B4D !important;    border-radius: 5px;    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) inset;    font-size: 2em;    font-weight: 700;    margin-left: 35%;    margin-top: -2px;    padding: 5px;    text-align: center;    text-shadow: 0px 0px 5px #000;    width: 260px; }

.entry-content div div {color: black !important} .user-basic-info {color: black !important}
.user-basic-info{margin-top: -42px !important;position: relative !important;}.user-basic-info a img{margin-top: -30px !important;position: relative !important}
.pun .post .user {
-moz-border-radius: 0 7px 7px 0;
-moz-box-shadow: 1px 1px 5px gray;
-o-border-radius: 0 7px 7px 0;
-o-box-shadow: 1px 1px 5px gray;
-webkit-border-radius: 0 7px 7px 0;
-webkit-box-shadow: 1px 1px 5px gray;
background: #DDD;
border-left: 10px solid gray;
border-radius: 0 7px 7px 0;
box-shadow: 1px 1px 5px gray;
font-size: 11px;
margin-left: -205px!important;
padding: 7px;
width: 185px!important;
}
.user-info {
-moz-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
background: #fff;
border: 12px solid gray;
border-radius: 7px;
max-width: 300px;
padding: 7px;
position: absolute;
z-index: 999;
display: none;
}

#epf {
margin-left: 30px;
}
   .ipsSteps {
        background: #E9E9E9;
        height: 55px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        }
        .ipsSteps li:first-child {
        border-radius: 3px 0px 0px 3px;
        -moz-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
        }
        .ipsSteps ul li {
        float: left;
        padding: 11px 33px 5px 18px;
        color: #323232;
        background-image: url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png');
        background-repeat: no-repeat;
        background-position: 100% -56px;
        position: relative;
        height: 39px;
        text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
        }
        .ipsSteps_title {
        display: block;
        font-size: 14px;
        padding-bottom: 4px;
        }
        .ipsSteps_desc {
        font-size: 11px;
        }
        .ipsSteps ul li:first-child .ipsSteps_arrow {
        display: none;
        }
        .ipsSteps .ipsSteps_active {
        background-position: 100% 0;
        color: white;
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.8);
        }
        .ipsSteps_active .ipsSteps_arrow {
        display: block;
        position: absolute;
        left: -23px;
        top: 0;
        width: 23px;
        height: 55px;
        background: url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png') no-repeat 0 -112px;
        }
.pun .post .user{-moz-border-radius:0 7px 7px 0;-moz-box-shadow:1px 1px 5px gray;-o-border-radius:0 7px 7px 0;-o-box-shadow:1px 1px 5px gray;-webkit-border-radius:0 7px 7px 0;-webkit-box-shadow:1px 1px 5px gray;background:#DDD;border-left:10px solid gray;border-radius:0 7px 7px 0;box-shadow:1px 1px 5px gray;font-size:12px;margin-left:-220px;padding:7px;width:33%}
            .pun .post .user a img[alt]:hover{border:1px solid #000}.pun .post .user a img[alt]{background:#fff;border:1px solid gray;max-width:150px;padding:3px}
            .pun .post{background:#F1F1F1;background-color:#fff;border-bottom:1px solid gray;border-left:10px solid gray;border-radius:0 20px 20px 0;border-top:1px solid gray;padding-left:7px}

    .user-info {
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: #fff;
    border: 12px solid gray;
    border-radius: 7px;
    max-width: 300px;
    padding: 7px;
    position: absolute;
    z-index: 999;
    }
    #epf {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0 2px 0 0 #000000, 0 2px 3px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 2px 0 0 #000000, 0 2px 3px rgba(0,0,0,0.2);
    background: #000000;
    background-color: #000000;
    border: 1px solid #000000;
    border-color: #212121;
    border-radius: 3px;
    border-width: 1px 1px 0;
    box-shadow: inset 0 2px 0 0 #000000, 0 2px 3px rgba(0,0,0,0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #000000;
    width: 125px;
    }
#pun-title, p#pun-desc,#pun-about,.main-box, #pun-head, #pun-navlinks, #pun-intro {
  display: none;
}
/*hovers*/
.main-head:hover {
opacity: .8;
transition: all .5s linear;
}
#branding:hover {
opacity: .8;
transition: all .5s linear;
}
.main .main-head .page-title h2:hover, .pun table td.tcl h2 {
margin-left: 15px;
transition: all .3s linear;
}
#backtotop, #bottomScroll:hover {
opacity: .8;
transition: all .5s linear;
}

body {
color: #000000;
font: normal 11px tahoma,helvetica,arial,sans-serif;
}
body {
background: rgba(204, 204, 204, 0.61) url(http://i.imgur.com/BHdIaBo.jpg) repeat-x 0 0;
color: #000000;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
}
#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
.pun, #secondary_navigation {
  margin: 0 auto;
min-width: 980px;
max-width: 1200px;
width: 81.80%;
}
.tc1, .tc2, .tc3, tcl, .pun table td.tcl, .pun table.table td {
border-bottom: 1px solid #F3F3F3;
border-left: none;
padding: 14px;
}

#branding {
background: #000 url("http://i.imgur.com/xcMfRfX.jpg");
height: 400px;
border-bottom: 6px solid #A7A7A7;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
width: 81.80%;
}
#banner_content {
height: 360px;
}
#logo {
float: left;
}
a {
color: #445b70;
text-decoration: none;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
fieldset, img {
border: 0;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#search {
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/trans50.png") repeat;
background: rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
float: right;
margin-top: 30px;
padding: 4px;
}
.right {
float: right;
}
body {
color: #000000;
font: normal 11px tahoma,helvetica,arial,sans-serif;
}
fieldset, img {
border: 0;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://www.fairytailmilenium.com.br/public/style_images/v1/advanced_search.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#search_wrap {
position: relative;
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/search_bg.png") repeat;
background: rgba(255,255,255,0.15);
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
min-width: 230px;
}#main_search {
font-size: 12px;
border: 0;
padding: 0;
padding-left: 3px;
background: transparent;
width: 138px;
outline: 0;
color: #fff;
}
#search_options {
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/search_bg.png") repeat;
background: rgba(255,255,255,0.15) url('http://www.fairytailmilenium.com.br/public/style_images/v1/highlight_faint.png') repeat-x 0 0;
color: #eee;
display: inline-block;
text-shadow: #000 0px -1px 0px;
float: right;
}
.ipbmenu_content, .ipb_autocomplete {
background: white;
border: 1px solid #eee;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
}
.ipbmenu_content, .ipb_autocomplete {
min-width: 85px;
z-index: 999;
}
.ipbmenu_content {
white-space: nowrap;
}
#search_options_menucontent {
min-width: 130px;
padding: 0;
background: #FFFFFF;
border: 1px solid #393939;
}
#search .submit_input {
background: #222 url('http://www.fairytailmilenium.com.br/public/style_images/v1/search_icon.png') no-repeat 50%;
background: rgba(255,255,255,0.15) url('http://www.fairytailmilenium.com.br/public/style_images/v1/search_icon.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
}
.clickable {
cursor: pointer;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#nav_bar {
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/trans50.png") repeat;
background: rgba(0,0,0,0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 32px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
-webkit-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
}
#user_navigation {
color: #9f9f9f;
font-size: 11px;
line-height: 32px;
height: 32px;
float: left;
overflow: hidden;
}

#user_navigation {
overflow: visible;
}
ol, ul {
list-style: none;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}

.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#twerod_form {
display: inline;
position: relative;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 32px;
outline: none;
height: 32px;
border-left: 1px solid rgba(255,255,255,0.1);
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: #000000;
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop:hover {
background: #000000;
color: #fff;
opacity: 1;
}
#tabs ul li, #tabs ul li a, #tabs ul li.activetab a {
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
background: #969696 url(http://www.fairytailmilenium.com.br/public/style_images/v1/maintitle.png) repeat-x 0 0;
border-bottom: 0;
border-radius: 4px 4px 0 0;
color: #fff;
float: left;
margin: -1px 14px;
overflow: hidden;
padding: 1px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
#twerod-tggle {
color: #bbb;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,0.75);
}
#twerod-tggle .caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #777;
display: inline-block;
height: 0;
margin-left: 2px;
margin-top: 5px;
vertical-align: text-top;
width: 0;
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/trans10.png") repeat;
background: rgba(0,0,0,0.1);
color: #fff;
}
#pun-visit, .main-box {
background-color: #fff;
border-color: #;
border-style: solid;
border-width: 1px;
margin: 0 0 1em;
padding: 0.6em 1em;
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e0e0e0 url(http://www.fairytailmilenium.com.br/public/style_images/v1/secondary_nav_bg.png) repeat-x 0 0;
border: 1px solid #d6d6d6;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
clear: both;
line-height: 37px;
margin-bottom: 15px;
overflow: hidden;
text-shadow: rgba(255,255,255,0.6) 0 1px 0;
}
#user_navigation a:hover {
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/trans30.png") repeat;
background: rgba(0,0,0,0.3);
}
#twerod {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
float: left;
padding: 15px;
font-family: Arial,sans-serif;
position: absolute;
left: 0;
z-index: 999;
margin-top: 8px;
line-height: normal;
}
#twerod .dropdown-caret {
float: left;
height: 7px;
overflow: hidden;
position: absolute;
top: -7px;
width: 12px;
}

.dropdown-caret.right {
left: 10px;
}
.dropdown-caret .caret-outer, .dropdown-caret .caret-inner {
margin-left: -1px;
position: absolute;
}

.dropdown-caret .caret-outer {
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
.dropdown-caret .caret-inner {
border-bottom: 6px solid #FFF;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
display: inline-block;
left: 1px;
top: 1px;
}
#twerod .signin {
padding: 0;
width: 240px;
font-size: 12px;
color: #333;
text-align: right;
}
#twerod .signin fieldset {
margin-bottom: 16px;
}
#twerod .username, #twerod .password {
display: block;
}
user agent stylesheetlabel {
cursor: default;
}
#twerod .rules {
float: left;
font-size: 9px;
height: 18px;
line-height: 13px;
}

#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 32px;
outline: none;
height: 32px;
border-left: 1px solid rgba(255,255,255,0.1);
}

#twerod a {
background: none;
color: #0084B4;
float: inherit;
line-height: 18px;
padding: 0;
}
.twod-ti {
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 3px 3px 3px 3px;
display: inline-block;
margin: 0;
outline: 0 none;
padding: 4px;
width: 230px;
}

.twod-ti {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255,255,255,0.075);
}

.twod-ti {
font-size: 13px;
line-height: 20px;
}
#twerod .password {
padding-top: 10px;
}
#twerod .signin fieldset {
margin-bottom: 16px;
}

#twerod .subchck {
display: block;
text-align: left;
}
#twerod .remember {
color: #999;
cursor: pointer;
float: right;
line-height: 30px;
}
.btn {
background-color: #ddd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
background-image: -moz-linear-gradient(#fff,#ddd);
background-image: -ms-linear-gradient(#fff,#ddd);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ddd));
background-image: -webkit-linear-gradient(#fff,#ddd);
background-image: -o-linear-gradient(#fff,#ddd);
background-image: linear-gradient(#fff,#ddd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd');
}

.btn {
position: relative;
display: inline-block;
overflow: visible;
padding: 5px 10px;
font-size: 13px;
font-weight: bold;
line-height: 18px;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
background-color: #ccc;
background-repeat: no-repeat;
border: 1px solid #ccc;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: 0 \0;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);
box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
#primary_nav {
font-size: 11px;
float: right;
height: 32px;
font-weight: bold;
}
#community_app_menu>li {
margin: 0px;
position: relative;
}
.guestMessage {
background: #f9d79b url("http://www.fairytailmilenium.com.br/public/style_images/v1/highlight.png") repeat-x 0 0;
border: 1px solid #ebb962;
color: #b85f1d;
font-size: 12px;
line-height: 140%;
-webkit-box-shadow: #fde5bb 0px 1px 4px;
-moz-box-shadow: #fde5bb 0px 1px 4px;
box-shadow: #fde5bb 0px 1px 4px;
margin-bottom: 10px;
padding: 10px;
text-shadow: rgba(255,255,255,0.55) 0px 1px 0px;
}
.guestMessage {
color: #b85f1d;
font-size: 12px;
line-height: 140%;
text-shadow: rgba(255,255,255,0.55) 0px 1px 0px;
}

#inbox_link img {
background-image: url('http://www.fairytailmilenium.com.br/public/style_images/v1/icon_inbox.png');
}
#notify_link img {
background-image: url('http://www.fairytailmilenium.com.br/public/style_images/v1/icon_notify.png');
}
#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}

.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#community_app_menu>li.active>a {
background: url("http://www.fairytailmilenium.com.br/public/style_images/v1/trans30.png") repeat;
background: rgba(0,0,0,0.3);
color: #fff;
position: relative;
}

#community_app_menu>li>a {
color: #cacaca;
color: rgba(255,255,255,0.7);
display: block;
outline: none;
padding: 0px 12px;
line-height: 32px;
height: 32px;
}
#secondary_navigation {
background: #e0e0e0 url('http://www.fairytailmilenium.com.br/public/style_images/v1/secondary_nav_bg.png') repeat-x 0 0;
border: 1px solid #d6d6d6;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
clear: both;
}
#secondary_navigation #breadcrumb li.first a {
margin-left: 0;
background: none;
padding-left: 0px;
}

#secondary_navigation #breadcrumb li a {
padding-left: 12px;
margin-left: -15px;
background: url('http://www.fairytailmilenium.com.br/public/style_images/v1/secondary_nav.png') no-repeat 0 0;
display: block;
outline: none;
text-decoration: none;
}

#secondary_navigation a {
color: #445B70;
line-height: 37px;
height: 37px;
}
#secondary_navigation #breadcrumb li.first a span {
padding-left: 12px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}

#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 4px;
background: url('http://www.fairytailmilenium.com.br/public/style_images/v1/secondary_nav.png') no-repeat 100% 0;
}
#secondary_links a {
padding: 0 12px;
display: block;
}

#secondary_navigation a {
color: #445B70;
line-height: 37px;
height: 37px;
}
#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
opacity: 0.8;
margin: 10px -4px 0 -4px;
}
#secondary_links a {
padding: 0 12px;
display: block;
}


/* SKIN ADAPTADA POR DARDOKI - FAVOR NÃO REMOVER OS CRÉDITOS */
/*                                                          */
/*              www.darkcheatsbr.com/forum                  */
/*                        darkdoki                          */
/*                      darkcheats                          */
/*          http://darkcheats.playogame.com/forum            */
/*                                                          */
/*-----------------------------------------------------------*/


#secondary_navigation a {
color: #445B70;
line-height: 37px;
height: 37px;
}

#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
opacity: 0.8;
margin: 10px -4px 0 -4px;
}

img, .input_check, .input_radio {
vertical-align: middle;
}
#secondary_links li {
float: left;
margin: 0;
}

.ipsList_inline>li:last-child {
margin-right: 0;
}

.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
/*footer*/
body {
font:normal 13px OpenSans,helvetica,arial,sans-serif;
position:relative;
}

@font-face {
font-family:OpenSans;
font-style:normal;
font-weight:400;
color:#000000;
src:url(http://www.maniateenfm.com.br/ppf/OpenSans-Light.ttf);
}

html,body {
background:#eee url(http://virteq.com/public/style_images/bulletin/bg.gif);
color:#000000;
}

.pun {
line-height:120%;
min-width:980px;
width:84%;
margin:0 auto;
padding:20px 10px 10px;
}

.main_width {
min-width:1300px;
width:84%;
margin:0 auto;
}

ol,ul {
list-style:none;
}

input,select {
font-family:helvetica,arial,sans-serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:400
}

.pun a:link {
color:#000000;
text-decoration:none;
}

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

.ipsList_inline > li:last-child {
margin-right:0;
}

.ipsList_inline.ipsList_reset > li:first-child {
margin-left:3px;
}

.ipsList_inline.ipsList_reset > li:last-child {
margin-right:3px;
}

.ipsList_inline.ipsList_nowrap {
white-space:nowrap;
}

.ipsList_withminiphoto > li {
padding:7px;
}

.ipsList_withmediumphoto > li .list_content {
margin-left:60px;
}

.ipsList_withminiphoto > li .list_content {
margin-left:44px;
}

#index_stats .ipsList_withtinyphoto .list_content,.ipsList_withtinyphoto > li .list_content {
margin-left:32px;
}

.ipsList_data li {
line-height:1.3;
padding:6px;
}

.ipsList_data .row_data {
display:inline-block;
}

.ipsList_data .row_title,.ipsList_data .ft {
display:inline-block;
float:left;
font-weight:700;
padding-right:10px;
text-align:right;
width:120px;
}

.ipsList_data.ipsList_data_thin .row_title,.ipsList_data.ipsList_data_thin .ft {
width:80px;
}
td.tcr span a:empty:before {
color:#000000;
content:"Sem Mensagens.";
cursor:default;
font-style:italic;
text-align:center;
margin:1px 0 4px 8px;
}

.pun table.table td.col_c_stats {
text-align:right;
width:15%;
}

.mini_ava img {
background:#FFF;
border:1px solid #000000;
height:36px;
width:36px;
margin:0 10px;
padding:1px;
}

#pun-qpost .frm-form {
background:#fcfcfc;
border:1px solid #DCE2EC;
}

.pun .paged-foot,.pun .paged-head {
background:none;
background-color:transparent;
border:0;
padding:.6em 1.3em .3em;
}

.post_block {
background:#e6f0fa;
color:#FFF;
font-size:15px;
font-weight:400;
height:30px;
line-height:30px;
padding:0 10px;
}

.post_block span.creator a {
color:#fff;
font-weight:100;
}

.post_block span.creator a span,.post_block span.creator a span strong {
color:#000000;
font-weight:100;
}

.desc_post {
color:#777;
float:right;
font-size:13px;
font-weight:400;
margin-right:17px;
margin-top:-23px;
text-align:right;
}


div.custom_field {
background:#f7fbff;
border-bottom:1px solid #e9eff5;
border-top:1px solid #fff;
color:##fff;
text-align:center;
padding:1px 0 2px;
}

.table tbody.statused tr td.tdtopics a.topictitle {
display:inline-block;
font-size:14px;
margin-bottom:1px;
}

.table tbody.statused tr td div.by.smalltext {
color:#000000;
font-size:11px;
}

.pun .table .tch3xd {
text-align:right;
}

#board_stats ul {
text-align:center;
}

#board_stats .value {
background:#CDDAE8;
color:#000000;
display:inline-block;
font-weight:700;
margin-right:3px;
margin-top:15px;
padding:2px 6px;
}

.module.main {
background:#fff;
border:1px solid #CDDAE8;
margin:0 0 0 11px;
padding:8px;
}

.module > .main-head {
background:#cddae8 url(http://virteq.com/public/style_images/bulletin/sidebar_h3.png) no-repeat bottom right;
color:#596a7b;
font:normal 14px helvetica, arial, sans-serif;
padding:5px 10px;
}

.module .main-content {
-moz-box-shadow:none;
-webkit-box-shadow:none;
background:#fbfbfb;
border:1px solid #e3e3e3;
border-top:0 none;
box-shadow:none;
color:#777;
font-size:12px;
margin:0;
padding:10px;
}

#stat_esxd .valor_xd {
background:#cddae8;
color:#545B63;
display:inline-block;
float:right;
font-weight:700;
margin:-10px 0;
padding:10px 15px;
}

#stat_esxd li {
display:block;
margin-bottom:10px;
padding:10px 0;
}

.valor_xd a {
color:#545B63;
}

.clear {
height:auto;
}

#copyright {
color:#848484;
text-align:right;
}

#copyright a {
color:#848484;
}

#mcr-root-trigger {
color:#506881;
float:right;
}

.statistics_head {
background:#CDDAE8 url(http://virteq.com/public/style_images/bulletin/sidebar_h3.png) no-repeat bottom right;
color:#596A7B;
font-size:13px;
font-weight:700;
padding:7px 5px;
}

#onlinelist {
background:#fcfcfc;
border:1px solid #e5e5e5;
border-top:0;
line-height:1.3;
overflow:hidden;
margin:0;
padding:0 10px 10px;
}

p.leyenda_css {
border-top:1px dashed rgba(0,0,0,0.08);
color:transparent;
font-size:12px;
font-style:italic;
margin:4px 0 0;
padding:1px 0 0;
}

p.leyenda_css:before {
color:#000000;
content:'Our Groups';
padding-right:5px;
}

#pun-about {
border:0 none;
font-size:9px;
line-height:150%;
text-align:right;
padding:.6em 1em;
}

P[CLASS="RETROGRADO"] {
margin:5px 0 0;
}

#ucp .main-content.frm {
background:#fff;
border:1px solid #dcdcdc;
margin:9px;
}

#pun-about:before {
color:#333;
content:'Tema diseñado por Virteq.com y Adaptado por Mindlezz, no remueva los créditos de ambos - Copyright 2013';
float:left;
margin:1px 0 0;
}

span.ranka {
background:rgba(0,0,0,0.05);
color:#000000;
display:inline-block;
font-family:"Open Sans",Helvetica,Arial,sans-serif;
font-size:15px;
font-weight:300;
text-transform:lowercase;
padding:.4rem .9rem;
}

span.ranka.admin {
background:#000000;
color:#FFF;
}

#user_nav_login {
background:url(http://i.imgur.com/ylwhiOI.png) repeat-x;
bottom:-160px;
display:block;
height:160px;
left:0;
position:fixed;
width:100%;
z-index:999;
}

#user_nav_login div {
width:400px;
margin:0 auto;
}

#user_nav_login div.captions {
color:#FFF;
padding:30px 0 0 30px;
}

#user_nav_login .input_text {
background:#fff url(http://i.imgur.com/Bea3qZJ.png) repeat-x;
border:1px solid #b5b5b5;
font-family:arial,verdana,tahoma,sans-serif;
font-size:1em;
padding:3px;
}

#user_nav_login p {
padding:8px 0 0 20px;
}

#user_nav_login .input_submit {
background:#f2f2f2 url(http://forum.muaway.net/public/style_images/MuAwaY/input_button.png);
border:0;
color:#262626;
cursor:pointer;
font-size:10px;
font-weight:400;
margin-bottom:-15px;
margin-left:77px;
margin-top:1px;
padding:2px 7px;
}

#login_close {
background:url(http://i.imgur.com/989DVCx.png);
float:right;
height:10px;
width:50px;
margin:10px;
}

#chatbox a[href="/u489"] strong:before,#chatbox_members a[href="/u489"] span:last-child strong:before {
content:'[mãe] '!important;
}

#chatbox a[href="/u7"] strong:before,#chatbox_members a[href="/u7"] span:last-child strong:before {
content:'[Bs] '!important;
}

#chatbox a[href="/u195"] strong:before,#chatbox_members a[href="/u195"] span:last-child strong:before {
content:'[LINDO] '!important;
}

#chatbox a[href="/u49"] strong:before,#chatbox_members a[href="/u49"] span:last-child strong:before {
content:'[FamiliaStrikers] '!important;
}

#chatbox a[href="/u647"] strong:before,#chatbox_members a[href="/u647"] span:last-child strong:before {
content:'[Developer] '!important;
}

#chatbox a[href="/u865"] strong:before,#chatbox_members a[href="/u865"] span:last-child strong:before {
content:'[DAT] '!important;
}

#chatbox {
background:#fff!important;
border:1px solid #e3e3e3!important;
bottom:55px!important;
left:0!important;
line-height:10px!important;
margin-bottom:0!important;
margin-top:1px!important;
overflow:auto!important;
position:absolute!important;
right:190px!important;
top:40px!important;
}

#chatbox_top {
min-height:360px!important;
}

#chatbox span[style="font-style:italic"]:after {
content:' Clique em login para conectar-se.'!important;
}

#chatbox span[style="font-style:italic"] {
background:#f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x!important;
border:1px solid #e599aa!important;
color:#80001c!important;
display:block!important;
font-size:14px!important;
font-style:normal!important!important;
font-weight:700!important;
line-height:1.6!important;
text-align:center!important;
padding:10px!important;
}

body.chatbox {
background:#fff!important;
margin:0!important;
padding:0!important;
}

#chatbox_header {
height:30px!important;
}

.chatbox-title,.chatbox-title a.chat-title {
background:url(http://i.imgur.com/zpUIlTa.jpg) no-repeat 88px 8px!important;
color:#323232!important;
font-size:18px!important;
font-style:normal!important;
font-variant:normal!important;
font-weight:300!important;
line-height:1.3!important;
text-decoration:none!important;
}

.chatbox-title {
float:left!important;
width:15em!important;
margin:0!important;
padding:2px 5px 0!important;
}

.chatbox-options {
float:right!important;
font-size:11px!important;
list-style:none!important;
margin:.7em .5em .5em!important;
}

.chatbox-options li {
display:inline!important;
}

.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color:#323232!important;
}

#chatbox_members {
background:#fff!important;
border:1px solid #eaeaea!important;
border-right:1px dashed #ccc!important;
bottom:55px!important;
overflow:auto!important;
position:absolute!important;
right:0!important;
top:41px!important;
width:180px!important;
}

#chatbox_messenger_form {
margin:10px 0 0!important;
}

#chatbox_members .member-title {
background:#ededed!important;
color:#5a5a5a!important;
font-family:Verdana,Arial,Helvetica,sans-serif!important;
font-size:12px!important;
text-align:left!important;
padding:8px 10px!important;
}

#chatbox_members ul {
list-style:none!important;
margin:0 0 0 1em !important;
}

#chatbox_members ul li {
margin:.5em .5em .5em 0 !important;
}

#chatbox p {
background:#fff!important;
border-bottom:1px solid #e3e3e3!important;
line-height:1.3em!important;
padding:5px!important;
}

.chatbox_row_1 {
background:#f0f0f0!important;
padding:4px!important;
}

.chatbox_row_2 {
background:#f7f7f7!important;
padding:4px!important;
}

.chatbox_row_3 {
background:#f4f9fd!important;
padding:4px!important;
}

#chatbox .user {
font-weight:700!important;
}

.memberlist_row_1 {
background:#f0f0f0!important;
}

#chatbox_footer {
background:#ededed!important;
border:1px solid #d6d6d6!important;
border-bottom-width:4px!important;
border-top:1px dashed #ccc!important;
bottom:0!important;
height:55px!important;
left:0!important;
position:absolute!important;
right:0!important;
padding:4px!important;
}

#message,#submit_button {
border-width:1px!important;
}

.fontbutton {
background:url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x #646464 0!important;
border:1px solid #585858!important!important;
color:#fff!important;
font-family:tahoma,helvetica,arial,sans-serif!important;
font-size:13px!important;
font-style:normal!important;
font-variant:normal!important;
font-weight:400!important;
padding:5px!important;
}

.fontbutton_normal {
background:#E1E1E2!important;
}

.fontbutton_selected {
background:#BBC7CE!important;
border:1px solid #22229C!important;
}

.fontbutton_clicked {
border:1px solid #22229C!important;
}

.fontbutton_hover {
background:#E1E1E2!important;
border:1px solid #22229C!important;
}

#chatbox_contextmenu {
background:#f4f9fd!important;
border:2px solid #000!important;
}

#chatbox_contextmenu p {
background:#f0f0f0!important;
border-bottom:1px solid #777!important;
font-family:verdana, arial, sans-serif!important;
margin:0!important;
padding:1px 4px!important;
}

#chatbox_contextmenu p.hover {
background:#f7f7f7!important;
}

#chatbox_contextmenu p.close {
background:url()!important;
color:#fff!important;
font-size:95%!important;
padding:1px!important;
}

#chatbox_contextmenu p.close img {
padding-left:20px!important;
vertical-align:middle!important;
}

#chatbox_contextmenu a {
color:#2f2f2f!important;
font-size:95%!important;
text-decoration:none!important;
}

#simple-wrap {
background:#fff!important;
}

#divbold:after {
content:'Bold'!important;
}

#divitalic:after {
content:'Italic'!important;
}

#divunderline:after {
content:'Underline'!important;
}

.main-content.chatbox {
border:1px solid #ddd!important;
height:368px;
overflow:hidden;
padding:8px 8px 0!important;
}

#chatbox p span[style="color:green !important;"],#chatbox p span[style="color:red;"] {
background:#FAFAD2!important;
}

#chatbox_messenger_form .right label {
font-size:0!important;
}

#chatbox_footer .right:first-child {
float:left!important;
width:45%!important;
}

input#message.post {
background:#fff!important;
height:30px!important;
outline:0!important;
width:78%!important;
}

#submit_button {
background:url(http://i.imgur.com/IoFhTvG.png) repeat-x #212121 top!important;
border:1px solid #212121!important;
color:#fff!important;
font-family:tahoma,helvetica,arial,sans-serif!important;
font-size:13px!important;
font-style:normal!important;
font-variant:normal!important;
font-weight:400!important;
margin:0 5px 0 8px !important;
padding:4px 10px!important;
}

#divstrike:after {
content:'Strike'!important;
}

#divcolor:after {
content:'Color'!important;
}

#divsmilies:after {
content:'Smilies'!important;
}

#chatbox span[title] {
color:#b3b3b3!important!important;
float:right!important!important;
}

#chatbox:after {
background:#F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x!important;
border:1px solid #D3EED5!important;
color:#1F691C!important;
content:'Bem Vindo ao NHRPG. Porfavor leia nossas regras, é bom jogo!'!important;
display:block!important;
font-size:12px!important;
line-height:1.6!important;
padding:10px!important;
}

#chatbox_messenger_form input#message {
font-family:OpenSans!important;
font-size:18px!important;
height:24px!important;
margin-top:6px!important;
max-width:400px!important;
}

body[bgcolor] {
min-height:360px;
}

#chatbox_header.main-head {
background:#f5f5f5 url(http://imgur.com/iy2rLu3.png) repeat-x;
border:1px solid #eaeaea;
height:40px!important;
padding-left:.3em;
}

.lastpost-avatar {
float:left;
padding:2px;
}

.avt-r img {
background:#FFF;
border:1px solid #D5D5D5!important;
float:left;
height:28px;
width:28px;
margin:3px;
padding:1px;
}

#board_statistics {
-moz-border-radius:3px;
-moz-box-shadow:inset #b3bac1 0 1px 3px;
-webkit-border-radius:3px;
-webkit-box-shadow:inset #B3BAC1 0 1px 3px;
background:#EDEFF1 url(http://www.ipbforumskins.com/skindemo/public/style_images/marble34x/noise.png) repeat;
border-top:none;
box-shadow:inset #B3BAC1 0 1px 3px;
color:#768089;
display:inline-block;
font-weight:700;
margin-left:15px;
margin-right:3px;
text-shadow:rgba(255,255,255,0.6) 0 1px 0;
padding:3px 7px;
}

#moderation_tool {
margin:0 0 8px;
}

#moderation_tool.act_mod p {
background:url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x scroll 0 0 #E3E3E3;
border:1px solid #D9DBDD;
color:#616161;
cursor:pointer;
display:inline-block;
font-size:12px;
height:22px;
line-height:22px;
white-space:nowrap;
padding:0 10px;
}

#popw {
background:rgba(70,70,70,0.6);
display:none;
margin-top:16px;
position:absolute;
z-index:999;
padding:4px;
}

#popw .mod_hover {
background:url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png);
height:16px;
left:5px;
position:absolute;
top:-16px;
width:31px;
z-index:999;
}

#popw .popwinner {
background:#fff;
max-height:465px;
overflow:auto;
width:190px;
}

#popw .popwinner li {
background:#f8f8f8;
border-bottom:1px solid #eaeaea;
list-style-type:none;
text-align:center;
padding:3px 4px;
}

#popw .popwinner li a {
color:#333;
}

.warn_merge {
background:#f3e3e6 url(http://i.imgur.com/Hkdx7rb.png) repeat-x;
border:1px solid #e599aa;
color:#80001c;
font-size:12px;
line-height:1.6;
padding:10px;
}

.rep-pers {
background:#DFF0D8;
color:#3C763D;
display:block;
font-weight:700;
max-width:123px;
text-align:center;
margin:0 auto 5px;
padding:3px 8px;
}

.rep-pers.boss {
background:#F2DEDE;
color:#A94442;
}

.rep-pers.zero {
background:rgba(222,222,222,0.34);
color:#6e6e6e;
}

.BS_vote {
float:right;
margin:0 8px;
}

.BS_like {
-khtml-user-select:none;
-moz-border-radius:3px;
-moz-box-shadow:0 0 1px 2px #ccc;
-moz-user-select:none;
-ms-user-select:none;
-webkit-border-radius:3px;
-webkit-box-shadow:0 0 1px 2px #ccc;
-webkit-touch-callout:none;
-webkit-user-select:none;
background:#384763 url(http://imgur.com/53do6sQ.png) no-repeat 6px 5px;
background-size:12px;
border-radius:3px;
box-shadow:0 0 1px 2px #ccc;
color:#fff;
cursor:pointer;
display:inline-block;
float:right;
font-size:11px;
line-height:20px;
margin-top:-5px;
text-shadow:rgba(0,0,0,0.2) 0 -1px 0;
user-select:none;
padding:1px 7px 1px 26px;
}

.BS_count {
background:#f4f4f4;
font-size:12px;
margin-right:4px;
padding:3px 10px;
}

#quick-avatar {
float:left;
margin:21px 0 0 21px;
}

#quick-avatar img {
background:#fff;
border:1px solid #d5d5d5;
height:50px;
width:50px;
padding:1px;
}

.topicViewIcons {
float:left;
overflow:hidden;
padding-bottom:1px;
position:relative;
margin:-3px 10px -5px 0;
}

.topicViewIcons a.active {
-moz-box-shadow:inset rgba(0,0,0,0.6) 0 1px 3px rgba(255,255,255,0.3) 0 1px 0;
-webkit-box-shadow:inset rgba(0,0,0,0.6) 0 1px 3px rgba(255,255,255,0.3) 0 1px 0;
background:rgba(0,0,0,0.5);
box-shadow:inset rgba(0,0,0,0.6) 0 1px 3px rgba(255,255,255,0.3) 0 1px 0;
opacity:1;
}

.topicViewIcons a {
cursor:pointer;
float:left;
height:22px;
margin-right:5px;
outline:none;
text-align:center;
text-decoration:none;
width:22px;
}

.topicViewIcons img {
background:url(http://i72.servimg.com/u/f72/18/07/42/17/topicv10.png) no-repeat;
height:16px;
margin-top:4px;
vertical-align:top;
width:16px;
}

.reputation {
background:url(http://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x #8DB13E 0;
bottom:-7px;
color:#FFF;
display:inline-block;
float:none;
font-weight:700;
left:1em;
text-align:center;
width:7em;
margin:5px 2px 2px;
padding:3px 4px;
}

.titlebox {
background:#FFF;
color:#414141;
overflow:hidden;
border-color:#ccc;
border-style:solid;
border-width:1px;
padding:13px;
}

.titlebox dd {
display:block;
}

.titlebox dava a img {
-moz-border-radius:100%;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius:100%;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:1px solid #D5D5D5;
border-radius:100%;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
float:left;
height:50px;
width:50px;
padding:1px;
}

.ipsBox_withphoto {
float:left;
margin-left:10px;
}

.ipsType_pagetitle {
color:#323232;
display:block;
font-family:Helvetica,Arial,sans-serif;
font-size:26px;
font-style:normal;
font-variant:normal;
font-weight:300;
line-height:1.4;
outline-style:none;
overflow:hidden;
text-align:left;
text-decoration:none;
white-space:nowrap;
width:525px;
}

.b_links {
color:#000000;
float:left;
font-size:11px;
}

.seguir {
float:right;
position:relative;
}

.seguir a {
-moz-border-radius:3px;
-moz-box-shadow:0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
-moz-transition:all .2s ease-in-out;
-webkit-border-radius:3px;
-webkit-box-shadow:0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
-webkit-transition:all .2s ease-in-out;
background:url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x scroll 0 0 #E3E3E3;
background-image:0;
border:1px solid #D9DBDD;
border-radius:3px;
box-shadow:0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
color:#616161;
display:inline-block;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa',endColorstr='#edeeef',GradientType=0);
font-size:12px;
height:22px;
line-height:22px;
white-space:nowrap;
padding:0 10px;
}

#pun-visit.clearfix,.main-box,#chatbox_messenger_form div.right img {
display:none;
}

a,a:link,a.forumtitle,a.topictitle {
text-decoration:none;
}

a:hover,a.forumtitle:hover,a.topictitle:hover {
text-decoration:none;
}
a,a:link,a.forumtitle,a.topictitle {
text-decoration:none;
}

a:hover,a.forumtitle:hover,a.topictitle:hover {
text-decoration:none;
}
img,.input_check,.input_radio,.pun fieldset,.pun img {
vertical-align:middle;
}

.pun a:hover,#footer_utilities .ipsList_inline>li>a:hover {
color:#6684a3;
}

.ipsList_inline > li:first-child,.breadcrumb li:first-child {
margin-left:0;
}

#community_app_menu .submenu_container,#more_apps_menucontent.submenu_container,#community_app_menu .submenu_container li,#more_apps_menucontent.submenu_container
li {
width:260px;
}

.mini_ava img:hover,.user-basic-info a img:hover {
border-color:#7D7D7D;
}

.mini_ava,.titlebox dava {
float:left;
}

.basicTopicView .postmain {
margin-left:10px;
}

.basicTopicView .posthead[id] {
padding:0 10px;
}

#pun-head,#pun-intro,.hide,.pun table.table th,#pun-about #qjump,#main #pun-legend,#resize,.basicTopicView .sig-content,.basicTopicView .user {
display:none;
}

#user_navigation .ipsList_inline li,#search,.basicTopicView .postmain .postfoot {
margin:0;
}

.pun .posthead[id] {
padding-left:13em;
}

#ajax_loading {
-moz-border-radius:0 0 5px 5px;
-moz-box-shadow:0 3px 5px rgba(0,0,0,0.2);
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2);
background:#000;
border-radius:0 0 5px 5px;
box-shadow:0 3px 5px rgba(0,0,0,0.2);
color:#fff;
left:46%;
opacity:.6;
position:fixed;
text-align:center;
top:0;
width:8%;
z-index:999;
padding:5px 0 8px;
}

.main .main-content {
background:#fff;
border:1px solid ##d2d2d2;
margin:5px 0;
padding:6px;
}

.pun .posthead h2 strong {
float:right;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:400;
}

.pun .postbody {
width:100%;
}

.pun .user-ident .username {
font-size:13px;
font-weight:400;
}

.pun .username a span {
color:#444;
}

.pun .user .user-ident .user-basic-info {
margin-top:35px;
}

.pun-crumbs {
background:#E0E0E0 url(http://imgur.com/KZz5EId.png) repeat-x;
border:1px solid #D6D6D6;
font-size:11px;
line-height:37px;
overflow:hidden;
}

.pun-crumbs p {
color:#666;
font-size:1.11em;
line-height:1.5;
margin:0;
}

p.crumbs a {
background:url(http://imgur.com/CUT25gc.png) no-repeat 100% -1px;
color:#555;
line-height:30px;
margin-left:-8px;
padding:10px 16px 10px 8px;
}

#community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active,#more_apps_menucontent li:hover,.submenu_container li:hover,#more_apps_menucontent li:hover a,.submenu_container li:hover
a,#backtotop:hover {
color:#fff;
}

.lastpost-avatar img {
-moz-border-radius:100%;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius:100%;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:1px solid #D5D5D5;
border-radius:100%;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:36px;
width:36px;
margin:0 5px;
padding:1px;
}

#content .main .main-foot,#content .main .main-head {
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow:0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
background:#000000;
box-shadow:0 1px 2px rgba(0,0,0,0.5);
min-height:18px;
text-shadow:rgba(0,0,0,0.4) 0 -1px 0;
padding:12px;
}

.pun .main table td.tc2,.pun .main table td.tc3,.pun table.table td {
background:transparent;
border:0;
border-bottom:1px solid #eaeaea;
border-top:1px solid #fff;
color:#777;
}

.module .main-head {
background:#eee url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0;
border-bottom:1px solid #d8d8d8;
color:#444;
font-weight:700;
text-shadow:rgba(255,255,255,0.8) 0 1px 0;
padding:8px;
}

.post_feature_box {
background-color:#dfedd1;
border:1px solid #accf8b;
box-shadow:rgba(0,0,0,0.1) 0 1px 5px;
color:#3a6a16;
font-size:11.4px;
line-height:180%;
margin-top:5px;
max-width:100%;
min-height:60px;
word-wrap:break-word;
padding:8px;
}

.ipsUserPhoto {
float:left;
margin-right:8px;
}

.ipsUserPhoto:hover {
border-color:#7d7d7d;
}

.ipsBadge {
-moz-border-radius:3px;
-moz-box-shadow:inset rgba(0,0,0,0.2) 0 1px 3px rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.2) 0 1px 3px rgba(255,255,255,0.7) 0 1px 0;
background:#9ac472;
border-radius:3px;
box-shadow:inset rgba(0,0,0,0.2) 0 1px 3px rgba(255,255,255,0.7) 0 1px 0;
color:#fff;
display:inline-block;
font-size:10px;
font-weight:700;
height:15px;
line-height:15px;
margin-right:8px;
text-shadow:rgba(0,0,0,0.2) 0 -1px 0;
text-transform:uppercase;
vertical-align:middle;
padding:3px 9px;
}

.ipsUserPhoto img {
-moz-border-radius:100%;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius:100%;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:1px solid #d5d5d5;
border-radius:100%;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:50px;
width:50px;
padding:1px;
}

#best-res {
border-top:1px solid #accf8b;
margin:2px;
}

.mf {
border-radius:0;
left:0;
position:fixed;
right:0;
top:0;
z-index:999;
}

#fa_toolbar {
margin-top:-30px;
}

.ipsList_inlines > li {
float:left;
margin:0;
padding:0;
}

#branding_left a {
border-radius:3px;
color:#e4f1ff;
float:left;
font-size:13px;
height:46px;
line-height:42px;
moz-border-radius:3px;
outline:none;
webkit-border-radius:3px;
padding:0 12px;
}

#notify_links {
background:url(http://virteq.com/public/style_images/bulletin/icon_notify.png) no-repeat top;
background-position-y:6px;
}

#inbox_links {
background:url(http://virteq.com/public/style_images/bulletin/icon_inbox.png) no-repeat top;
background-position-y:6px;
}

#notify_links,#inbox_links,#user_links {
color:#e4f1ff;
display:block;
height:15px;
position:relative;
vertical-align:middle;
width:18px;
padding:13px 24px 8px 12px;
}

#notify_links:hover,#inbox_links:hover,#user_links:hover,#branding_left a:hover {
background-color:rgba(255,255,255,0.1);
border-radius:0;
}

#best-rese {
-moz-border-radius:0 0 3px 3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
background:#dfedd1;
border:1px solid #accf8b;
border-radius:0 0 3px 3px;
border-top:0;
color:#436500;
float:right;
height:30px;
line-height:30px;
position:relative;
text-shadow:rgba(255,255,255,0.8) 0 1px 0;
margin:-1px -2px 8px 8px;
padding:0 12px;
}

.mod .stars,.des .stars,.adap .stars {
width:10px;
}

.moodInner {
border:solid;
max-height:150px;
overflow:auto;
position:absolute;
width:240px;
z-index:999;
border-color:#333 #333 #293e6a;
border-width:1px 1px 2px;
}

.uiTypeaheadView ul {
background:#fff;
overflow:hidden;
padding:2px 0;
}

.uiTypeaheadView .compact li {
min-height:32px;
padding:2px 10px 2px 45px;
}

.uiTypeaheadView li {
border:solid #fff;
color:#333;
cursor:pointer;
display:block;
min-height:1px;
position:relative;
border-width:1px 0;
padding:0 6px;
}

.uiTypeaheadView li:hover {
background-color:#6d84b4;
border-color:#3b5998;
}

.uiTypeaheadView .compact img {
display:block;
height:32px;
left:6px;
position:absolute;
width:32px;
}

.uiTypeaheadView .text {
display:block;
overflow:hidden;
padding-bottom:2px;
text-overflow:ellipsis;
white-space:nowrap;
}

.alert {
background:#F9F1C7;
border:1px solid #F6DEAC;
border-radius:2px;
color:#AF8640;
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:400;
margin-bottom:18px;
padding:15px;
}

.alert.danger {
background-color:#F2DEDE;
color:#A94442;
border-color:#EBCCD1;
}

.alert.sucesso {
background-color:#DFF0D8;
color:#3C763D;
border-color:#D6E9C6;
}

.alert.infos {
background-color:#D9EDF7;
color:#31708F;
border-color:#BCE8F1;
}

.quadrado_box {
-moz-border-radius:6px;
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);
-webkit-border-radius:6px;
background:#FFF url(http://i50.tinypic.com/2uqsx.png) repeat-x bottom;
border:1px solid #c5c5c5;
font-style:normal;
font-weight:400;
width:95%;
padding:10px;
}

.guest {
background-color:#F3E3E6;
border:1px solid #E599AA;
color:#80001C;
display:block;
font-size:11px;
margin:15px;
padding:10px;
}
    #preview > div > div > div.content > blockquote {-moz-border-radius: 5px;
    -moz-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;-ms-border-radius: 5px;
    -ms-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;-o-border-radius: 5px;-o-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;-webkit-border-radius: 5px;-webkit-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;background: #fff;border-radius: 5px;box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;color: gray;padding: 5px;}.codebox {background: #f5f5f5;border-left: 10px solid #000000;box-shadow: 2px 2px 7px gray;}.codebox dd.cont_code {max-height: 200px;overflow: auto;}.codebox dd {background: #f5f5f5;color: #000000;}.codebox dd {background-color: #f0f0f0;
    margin: .5em;padding: .5em;}.codebox dt {
    border-bottom: 1px dotted #ddd;padding: .25em;}

 input[type="button"], input[type="reset"], input[type="submit"] {
    background: url('http://imgur.com/srUpLQz.png') repeat-x scroll 0% 0% #000000;
    border: 1px solid #000000;
    border-radius: 3px;
    box-shadow: 0px 1px 0px 0px #000000 inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
    color: #FFF;
    cursor: pointer;
    font-family: Cuprum;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    outline: medium none;
    padding: 4px 10px !important;
}

Código:


    .page-title {font-family: Verdana,Arial,sans-serif !important;float: none;text-align: center !important; font-size: 25px !important; font-style: normal; font-variant: normal; font-weight: normal;    background: none repeat scroll 0% 0% #454B4D !important;    border-radius: 5px;    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) inset;    font-size: 2em;    font-weight: 700;    margin-left: 35%;    margin-top: -2px;    padding: 5px;    text-align: center;    text-shadow: 0px 0px 5px #000;    width: 260px; }


Código:


    .page-title, .main-head h2 {font-family: Verdana,Arial,sans-serif !important;float: none;text-align: center !important; font-size: 25px !important; font-style: normal; font-variant: normal; font-weight: normal;    background: none repeat scroll 0% 0% #454B4D !important;    border-radius: 5px;    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) inset;    font-size: 2em;    font-weight: 700;    margin-left: 35%;    margin-top: -2px;    padding: 5px;    text-align: center;    text-shadow: 0px 0px 5px #000;    width: 260px; }


Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
         var all_checked = true;
         for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
         }
         }
         document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
         for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
         }
         }
      }
      </script>
   <!-- END multi_selection -->

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
   </div>
   <div class="main-content">
<div class="ipb-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
                          <th class="tc2"></th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
   <!-- BEGIN table_sticky -->
      </tbody>
   </table>
            </div>
   </div>

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /   >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
         
          </div>
       
   <div class="main-content">
          <div class="ipb-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
                          <th class="tc2"></th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
   <!-- END table_sticky -->
      <tr>
         <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
               <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
<div class="t2">

<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> {topics_list_box.row.GOTO_PAGE_NEW}

</div>
<div class="by smalltext">

    Started By {topics_list_box.row.TOPIC_AUTHOR}
</div>
            <!-- BEGIN switch_description -->
            <br />
             {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
         </td>
                  <td class="tch3xd tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                        <ul>
         <li>
            
               {topics_list_box.row.REPLIES} replies

         </li>
         <li class="views desc">{topics_list_box.row.VIEWS} views</li>
      </ul>
                 
                  </td>

   
         <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                  <div>

  {topics_list_box.row.LAST_POST_AUTHOR}

</div>
<div>

    {topics_list_box.row.LAST_POST_TIME}

</div>
<div>

</div>
                  </td>
         <!-- BEGIN multi_selection -->
         <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
         <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
   <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
   </table>
          </div>
   </div>
   <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
         <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
   </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Código:

      <div class="main">
    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div class="main-head">
    <div class="page-title">{catrow.tablehead.L_FORUM}</div>
    </div>
    <div class="main-content">
    <table cellspacing="0" class="table">
   
    <tbody class="statused">
    <!-- END tablehead -->

    <!-- BEGIN forumrow -->
    <tr>
    <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    </span>
                                                      <div id="dert_to">
    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
    <br />
                                                        <span class="escritorio">{catrow.forumrow.FORUM_DESC}</span>
    <!-- BEGIN switch_moderators_links -->
    <br />
    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
    <!-- END switch_moderators_links -->
    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                      </div>
    </td>
    <td class="col_c_stats ipsType_small">
    <ul>
    <td class="tc2" id="topicoshancki">{catrow.forumrow.TOPICS}</td>
    <td class="tc3" id="mensagenshancki">{catrow.forumrow.POSTS}</td>
    </ul>
    </td>
    <td class="tcr">
    <span>
    <!-- BEGIN switch_topic_title -->
    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
    <!-- END switch_topic_title -->
    {catrow.forumrow.USER_LAST_POST}
    </span>
    </td>
    </tr>
    <!-- END forumrow -->

    <!-- BEGIN tablefoot -->
    </tbody>
    </table>
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->
    </div>

    <!-- BEGIN switch_on_index -->
    <div class="main-box clearfix">
    <ul>
    <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
    <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
    <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
    </ul>
    <!-- BEGIN switch_delete_cookies -->
    <p class="right">
    <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
    </p>
    <!-- END switch_delete_cookies -->
    </div>
    <!-- END switch_on_index -->

Código:

{topics_list_box.row.REPLIES} replies

Código:

<div class="durst-support">{topics_list_box.row.REPLIES}<br> replies</div>

Código:

 <li class="views desc">{topics_list_box.row.VIEWS} views</li>

Código:

<div class="durst-support"><li class="views desc">{topics_list_box.row.VIEWS}<br> views</li></div>

Código:

.durst-support{
    color: #838b83;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Tahoma;
    font-size: 20px;
    text-transform: uppercase;
    transition-property: all;

    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    line-height: 18px;
    }

Como não deseja mais o código (informado via skype), este tópico seguirá para os arquivos.