Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Bara de la categorii prea mica

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Bara de la categorii prea mica

Mesaj Scris de C. Alecu Sam Sept 16, 2017 10:03 am

Am luat Crazy-Gaming V6 postata de:  Petronel YT si bara  de la Categorii este mica si scrisul este suprapus , vedeti poza:
Bara de la categorii prea mica F_r_titlu
As dori sa fie mai mare sa se vada scrisul clar , citet.
Uitati si css;
Cod:

/**
* ---- Crazy-Gaming Romania  V6----
*       ---- Tema crata de catre Petronel Yt ----
*  
*
*/
  
#groups_Codes {
    font-size: 0;
}
#groups_Codes a:before {
    font-size: 13px!important;
    text-align: justify;
}
#groups_Codes:before {
    content: "Echipa Crazy-Gaming : ";
    font-size: 12px;
    font-style: normal;
}
#groups_Codes b {
    font-size: 12px;
    font-style: normal;
}
#groups_Codes a {
    color: white;
    padding: 2px 8px;
    border-radius: 100px;
    position: relative;
    left: 5px;
}
#groups_Codes b:after {
    content: ", ";
    font-weight: 400;
}
/*Header*/
#page-header .navbar li a:before{padding-right:5px;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#page-header a.mainmenu:hover,#page-header a.mainmenu.fa_navactif{background:#212121!important}
#page-header .navbar{background:none}
#page-header .navbar .linklist li{font-size:0}
#page-header .navbar .linklist{background:#424344;border:none;margin:-9px -10px 0}
#page-header a.mainmenu{color:#FFF;font-weight:700;font-family:'Montserrat',sans-serif!important;font-size:12px!important;text-transform:uppercase;background-position:0 45px;display:inline-block;height:45px;line-height:45px;padding:0 12px;transition:250ms}
#page-header a.mainmenu[href="/register"]{color:#212121}
.newpm {background: #e6553d;} /*Mesaj privat nou*/
#site-title,#logo-desc p,.headerbar .corners-top,.headerbar .corners-bottom{display:none}
#logo{padding:0}
.headerbar { background-image: url(https://media-curse.cursecdn.com/attachments/141/960/alienware51-csgo-tournament-bg-2610x810.jpg) !important; }
.navbar a[href=^"/report"] {display: none;}

/* COMMON GLOBAL STYLE */
span[style="color:#FA3F3F"]:before, [style="color: #FA3F3F"]:before { content: "f013"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#FF8C00"]:before, [style="color: #FF8C00"]:before { content: "f0c9"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#6EF203"]:before, [style="color: #6EF203"]:before { content: "f0ad"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#00B0F0"]:before, [style="color: #00B0F0"]:before { content: "f21b"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#BA12AF"]:before, [style="color: #BA12AF"]:before { content: "f1fc"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#F0F013"]:before, [style="color: #F0F013"]:before { content: "f005"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#F7F7F7"]:before, [style="color: #F7F7F7"]:before { content: "f007"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#00698F"]:before, [style="color: #00698F"]:before { content: "f0ad"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }

legend{font-weight:700}#profile-advanced-details .stats-field ul{list-style-type:none;padding:0;text-indent:10px}#profile-advanced-details .stats-field li{margin:4px 0}#message-box textarea{color:#777;font-family:Open Sans, Arial,Helvetica,sans-serif;width:80%}#textarea_content{margin-top:2px}#textarea_content textarea#text_editor_textarea{height:250px;width:100%!important}#textarea_content iframe#text_editor_iframe{height:100%;width:100%}form#quick_reply
.user_fake {
display: none;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    border-radius: 10px;
    background-color: #EBEBEB;
}
::-webkit-scrollbar {
    width: 12px;
    background-color: #EBEBEB;
}
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #DB1B2E;
}

::-moz-selection {
    background: #2f8aa3;
    color: #fafafa;
}
::selection {
    background: #2f8aa3;
    color: #fafafa;
}

a {
    transition: all 0.2s ease!important;
}
a:hover {
    color: #6FACED;
    text-decoration: underline;
}
a:focus {
    color: #2F8AA3;
}

p {
    font-family: "Open sans", sans-serif;
    font-size: 120%!important;
    word-spacing: 1px;
}
p.rightside {
    float: right;
    border-bottom: 2px solid #DB1B2E;
    padding: 5px;
    margin-right: 0.6%;
}
p.currenttime {
    border-bottom: 2px solid #DB1B2E;
    padding: 5px;
    display: inline-block;
    margin-left: 0.6%;
}
.conteneur_container_IE {
    background-image: url(https://media-curse.cursecdn.com/attachments/141/960/alienware51-csgo-tournament-bg-2610x810.jpg);
}
#wrap {
    width: 95%;
}
#wrap, #content-container div#container, #content-container div#main {
    background-color: rgba(5,5,5,0.65);
}
.headerbar {
    background-color: #222;
}

/* Announcement Bar */

#fa_ticker_block .module {
    font-family: "Open sans", sans-serif;
    font-size: 130%;
    background-color: #c3011e;
    box-shadow: inset 0 0 20px 10px #750202;
    padding: 15px 0 15px 0;
    margin: 10px 0 12px 0;
}
h1.page-title {
    font-size: 250%;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #2F8AA3!important;
    background: #111;
    padding: 5px 0px 5px 0px;
    margin: 2% 0% 2% 0%;
    transition: all 0.2s ease;
}

/* Toolbar Design */

a#fa_hide.rightHeaderLink {
    background-color: #DB1B2E;
    background-image: url(https://orig04.deviantart.net/a56d/f/2015/342/a/f/arrows_by_rhino123freak-d9jfuxi.png)!important;
    background-position: 7px 6px;
    background-repeat: no-repeat;
    border-color: #DB1B2E;
    box-shadow: none!important;
    width: 28px!important;
    height: 26px!important;
    padding: 0!important;
    position: relative;
    top: 3px;
    right: 1px;
}
a#fa_show {
    background-color: #DB1B2E;
    background-image: url(https://orig04.deviantart.net/a56d/f/2015/342/a/f/arrows_by_rhino123freak-d9jfuxi.png)!important;
    background-position: -19px 6px;
    background-repeat: no-repeat;
    border-color: #DB1B2E;
    box-shadow: none!important;
    width: 28px!important;
    height: 26px!important;
    padding: 0!important;
    position: relative;
    top: 3px;
    right: 1px;
}
#fa_toolbar_hidden {
   background-color: transparent!important;
   border: none!important;
   height: 26px!important;
   width: 28px !important;
}
a#fa_hide.rightHeaderLink:hover, a#fa_show:hover {
    background-color: #2F8AA3;
    border-color: #2F8AA3;
}
#fa_left {
    margin-top: -0.4%!important;
}
#fa_share {
    margin-top: 7px;
    margin-left: 20px;
    font-size: 160%;
    line-height: 30px !important;
    height: 30px!important;
}
#fa_share a {
    margin-top: -6px;
}
#fa_share_text {
    font-size: 0%;
}
#fa_share_text:after {
    content: "?";
    font-family: FontAwesome;
    font-size: 240%;
    color: #ebebeb;
}
#fa_toolbar #fa_right #notif_list li .contentText a {
    color: #2F8AA3!important;
    text-decoration: underline!important;
}
#fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss {
    background-image: url(https://orig02.deviantart.net/6d94/f/2016/124/f/7/toolbarblue_by_rhino123freak-da18rcs.png)!important; /*Sprite Sheet for icons */
    width: 30px;
    height: 30px;
    cursor: pointer;
}
#fa_toolbar #fa_fb {
    background-position: 0%;
}
#fa_toolbar #fa_twitter {
    background-position: 25%;
}
#fa_toolbar #fa_gp {
    background-position: 50%;
}
#fa_toolbar #fa_mail {
    background-position: 75%;
}
#fa_toolbar #fa_rss {
    background-position: 100%;
}
#fa_menulist a:link {
  font-weight: normal;
}
#fa_toolbar #fa_right #notif_list li.see_all a {
    background-color: #DB1B2E;
    border: 1px solid #DB1B2E;
    text-align: center;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none!important;
}
#fa_toolbar #fa_right #notif_list li.see_all a:focus,#fa_toolbar #fa_right #notif_list li.see_all a:hover {
    border: 1px solid #2F8AA3;
    background-color: #2F8AA3;
}
#fa_search {
    display: none!important;
}
#fa_toolbar #fa_right.notification #notif_list {
    border: 1px solid #111!important;
}
#fa_menulist {
    border: 1px solid #111!important;
    background-color: #222!important;
}
#fa_toolbar #fa_right #notif_list li.unread {
    font-weight: bold;
    color: #fff!important;
    background-color: #444!important;
}
#fa_toolbar #fa_right #fa_notifications #notif_unread {
    font-weight: bolder!important;
}
#fa_toolbar #fa_right #notif_list li a.delete {
    opacity: 0.8;
    background: transparent url(https://orig11.deviantart.net/b078/f/2015/326/6/1/notification_delete_by_rhino123freak-d9hmu3e.png) no-repeat 7px 50% !important;
}
#fa_toolbar #fa_right #notif_list li a.delete:hover {
   opacity: 1;
}
#fa_toolbar #fa_right #notif_list li {
    color: #ebebeb!important;
    background-color: #222!important;
}
#fa_menulist, #fa_toolbar #fa_right #notif_list {
    margin-top: 13px!important;
}
#fa_toolbar {
    color: #ebebeb;
    font-family: Helvetica, Verdana, Arial;
    font-size: 160%;
    box-shadow: 1px 0px 5px #000;
    border: none;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome,#fa_welcome, #fa_right #fa_notifications, #fa_right a.rightHeaderLink[href$="/login"], #fa_right a.rightHeaderLink[href$="/register"] {
    text-decoration: none!important;
    color: #FFF!important;
    border: 1px solid #DB1B2E;
    background-color: #DB1B2E!important;
    line-height: 23px!important;
    margin-top: 3px!important;
    padding: 0px 6px!important;
    transition: all 0.2s ease;
}
#fa_right #fa_menu #fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications, #fa_right a.rightHeaderLink[href$="/login"]:hover, #fa_right a.rightHeaderLink[href$="/register"]:hover {
    background-color: #2F8AA3!important;
    border-color: #2F8AA3!important;
}

#fa_menulist li a {
    color: #ccc!important;
}
#fa_menulist li a:hover {
    color: #fafafa!important;
    text-decoration: underline;
}
#fa_menulist li a:visited {
    color: #bbb!important;
}
#fa_menulist li a:visited:hover {
    color: #fafafa!important;
    text-decoration: underline;
}

#fa_menulist::before, #fa_toolbar #fa_right #notif_list::before {
    content:url(https://orig13.deviantart.net/494b/f/2015/322/e/8/arrow_by_rhino123freak-d9h32tf.png);
    position: absolute;
    right: 10%;
    top: -10px;
}
#fa_usermenu img {
    width: 120px;
    height: 120px;
    border: 4px solid #2F8AA3;
    border-radius: 100%;
}
#fa_toolbar a:link {
    color: #ebebeb!important;
}
#fa_usermenu {
    color: #ebebeb!important;
}

/* INDEX PAGE DESIGN */

/* Categories and Forum Design */

.row1, .row2 {
    background-color: #222;
}

ul.topiclist dd {
 border: none;
}
.lastpost-avatar img {
    -webkit-border-radius: 100%;
 moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #2F8AA3;
    height: 40px;
    width: 40px;
    margin-right: 7px;
}
ul.forums dd {
    border: none !important;
}
.forumdescription {
    color: #ccc;
    padding-left: 25px;
    padding-top: 10px;
    font-size: 110%!important;
}
.mod-text {
    color: #2F8AA3;
    padding-left: 5px;
    font-weight: 700;
    text-transform: uppercase;
}
table.forumline tr:hover td {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    background-color: #222!important;
}
table.forumline tr td {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    background-color: #222!important;
}
.forabg {
    background-color: #0f0f0f;
    background-image: none;
    border: none;
    margin-top: 0;
    padding: 0 5px;
}
.forumbg {
    background-color: #222;
    border: none;
    clear: both;
    margin-bottom: 20px;
    padding: 0px 5px;
}
.forumblock {
    padding: 0px 3px;
 overflow: hidden;
 position: relative;
 margin-top: 0;
 margin-bottom: 0;
}
ul.forums {
    margin-right: -0.3%;
}
.leftblock {
 width: 15%;
 padding: 12px 0;
 position: absolute;
 top: 0;
 bottom: 0;
}
.leftblock .table-title {
 text-align: center;
 display: block;
}
.rightblock {
 width: 85%;
 float: right;
}
.table-title, .table-title h2 {
    font-size: 142%;
    font-family: Roboto, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #2F8AA3;
    display: inline;
}
li.row {
    background: #141414 !important;
    border: none;
    transition: background 0.2s ease;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}
li.row:hover {
    background: #0f0f0f !important;
}

/* Forum Title Design */

.forumtitle {
 margin: 5px;
}
a.forumtitle {
    position: relative;
    color: #DB1B2E!important;
    font-family: 'Open sans',sans-serif;
    font-size: 130%;
    text-transform: uppercase;
    transition-property: color;
    text-decoration: none!important;
}
a.forumtitle:after {
 display: block;
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 0;
 height: 2px;
 background-color: #DB1B2E;
 content: "";
 transition: width 0.2s ease-in-out;
}
a.forumtitle:hover:after {
    width:100%;
}
a.forumtitle:focus {
    color: #2F8AA3!important;
    text-decoration: none;
}
a.forumtitle:focus:after {
    width:100%;
    background-color: #2F8AA3;
}

/* Path Design */

.pathname-box a.nav, p.nomargin.path a.nav {
    font-size: 110%;
    color: #aaa;
    transition-property: color;
}
.pathname-box a.nav:hover, p.nomargin.path a.nav {
    color: #eee;
}
.pathname-box {
    border: 1px solid #111;
    background-color: #222;
    margin-top: -0.05%;
    padding: 6px 11px;
    float: left;
    margin-left: 1%;
}
p.nomargin.path {
    border: 1px solid #111;
    background-color: #222;
    padding: 6px 11px;
    float: left;
    margin-bottom: 1%;
}
.search-box {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
}


/* FORMS STYLE */

/*Button Design*/

a.button1, a.button2, button.button2, input.button1, input.button2, .row1 .button {
    font-family: "Trebuchet MS", Arial!important;
    font-size: 120%!important;
    font-weight:   bold;
    text-transform: uppercase;
    color: #ebebeb!important;
    background: transparent none!important;
    box-shadow: inset 0 0 0 20px #DB1B2E;
    border: none!important;
    margin: 5px 10px 5px 10px!important;
    padding: 5px 6px!important;
    transition: box-shadow 0.2s ease;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, .row1 .button:hover {
    box-shadow: inset 0 0 0 3px #DB1B2E;
}
a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus, .row1 .button:focus {
    box-shadow: inset 0 0 0 20px #2F8AA3;
}

/* Select & Input Design */

input.search {
    background: url(http:s//orig08.deviantart.net/9549/f/2016/124/6/2/search_by_rhino123freak-da18svs.png) no-repeat !important;
    background-position: 1px 4px!important;
    background-size: 12%!important;
    color: #ebebeb!important;
    padding-left: 25px!important;
    transition: all 0.2s ease;
}
input.search:focus {
    color: #333!important;
    padding-right: 40px!important;
}
input[type="text"], input[type="password"], textarea.inputbox, input.narrow {
    border: none;
    border-bottom: 3px solid #DB1B2E;
    color: #333;
    background-color: #d5d5d5;
    padding: 5px;
    transition: all 0.2s ease;
}
input[type="text"]:hover, input[type="password"]:hover, textarea.inputbox:hover, input[type="text"].hover, input.narrow:hover {
    border:none;
    border-bottom: 3px solid #FF0000;
    background-color: #e9e9e9;
}
input[type="text"]:focus, input[type="password"]:focus, textarea.inputbox:focus, input[type="text"].focus, input.narrow:focus {
    border: none;
    border-bottom: 3px solid #c1c1c1!important;
    color: #000!important;
    background-color: #fff!important;
    box-shadow: #000 0px 0px 3px!important;
}
select {
    cursor: pointer;
    border: none;
    border-bottom: 3px solid #DB1B2E;
    background-color: #d5d5d5;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400;
    padding: 4px;
    transition: all 0.2s ease;
    vertical-align: middle;
}
select:hover {
    border:none;
    border-bottom: 3px solid #FF0000;
    background-color: #e9e9e9;
}
select:focus {
    border:none;
    border-bottom: 3px solid #c1c1c1!important;
    background-color: #fff!important;
    box-shadow: #000 0px 0px 3px!important;
}


/* Navigation Bar Style */

ul.linklist li {
    margin-right: 10px;
}
ul.navlinks {
    border: none;
}
.navbar {
    background-color: #080808;
    padding: 5px 20px;
}
.navbar a.mainmenu::before {
    content: "";
    font-family: FontAwesome;
    font-size: 130%;
    padding-right: 3px;
    padding-left: 3px;
}
.navbar a.mainmenu[href="/"]::before {  /* in case of portal installed, use this icon instead "?" */
    content: "?";
}
/* Activate only if portal is installed and after replacing the above icon
.navbar a.mainmenu[href="/home"]::before {
    content: "?";
} */
.navbar a.mainmenu[href="/calendar"]::before {
    content: "?";
}
.navbar a.mainmenu[href="/faq"]::before {
    content: "?";
}
.navbar a.mainmenu[href="/search"]::before {
    content: "?";
}.navbar a.mainmenu[href="/memberlist"]::before {
    content: "?";
}
.navbar a.mainmenu[href="/groups"]::before {
    content: "?";
}
.navbar a.mainmenu[href="/profile?mode=editprofile"]::before {
    content: "?";
}
.navbar a.mainmenu[href="/privmsg?folder=inbox"]::before {
    content: "?";
}
.navbar a.mainmenu[href="/login"]::before {
    content: "?";
}
.navbar a.mainmenu[href^="/login?logout=1"]::before {
    content: "?";
}
.navbar a.mainmenu[href="/register"]::before {
    content: "?";
}

#search-box {
 display: none;
}

/* Footer Design */

ul.linklist.clearfix {
    font-size: 105%;
}
.footertitle {
    font-family: "Roboto", sans-serif;
    font-size: 210%;
    text-transform: uppercase;
    color: #bbb;
}
.footerlink {
    font-size: 130%;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
}
.footerlink a {
    color: #999!important;
}
.footerlink a:hover {
    color: #eee!important;
}
.footerbg {
    background-color: #080808 !important;
    text-align:center;
    margin-top:10px;
}
.footer-col, .footer-colone {
    float: left;
    display: inline-block;
    width: 33%;
    text-align: center;
}
#page-footer {
    background-color: #080808;
    display: block !important;
    padding-bottom: 10px;
}
p.copyright a:before {
    content: "?";
    font-family: FontAwesome;
    margin-right: 5px;
}
p.copyright a {
    background-color: #db1b2e;
    color: #fafafa;
    font-family: Roboto, sans-serif;
    font-size: 120%;
    padding: 5px 7px;
    text-transform: uppercase;
}
p.copyright a:hover {
    background-color: #2f8aa3;
    text-decoration: none;
}
.copyright {
    background: #080808!important;
    margin-top: 10px;
}
.statbox p>strong {
    color: #fafafa!important;
    font-size: 14px!important;
    padding: 8px!important;
    position: relative;
    top: 3px;
    border: 1px solid #DB1B2E!important;
    background: #DB1B2E!important;
}
.statbox p strong a span {  /*Fix for newest user being in a colored group */
    color: #fafafa!important;
}
.stattext {
    margin-right:7.5%!important;
}
.statbox {
    text-align: center!important;
    height: 20px;
    margin-top: 0.2%;
}
.statbox p {
    display: inline!important;
}
p.page-bottom {
    margin-left: 7.5%!important;
    margin-right: 1%!important;
}
.statbox p.page-bottom {
    font-size: 0!important;
}
p.stattext {
    font-size: 13px!important;
    color: #ebebeb!important;
    font-weight: normal!important;
}


/* VIEWTOPIC DESIGN */

/* Pagination and Stuff */

.pagination {
    float: right;
    margin-top:0;
    margin-bottom: 1%;
    text-align: right;
    width: auto;
}
.pagination span strong {
    background-color: #2F8AA3;
    border: 1px solid #2F8AA3;
    color: #ebebeb;
    font-size: 100%;
    margin: 0 2px;
    padding: 0 2px;
}
.pagination span a {
    background-color: #DB1B2E!important;
    border-color: #DB1B2E!important;
    color: #ebebeb!important;
    font-size: 100%!important;
    text-decoration: none!important;
}
.pagination span a:hover {
    background-color: #2F8AA3!important;
    border-color: #2F8AA3!important;
}
.pagination span a::after {
    display: none;
}
div#plus_menu.overview.row3::before {
    content: url(https://orig13.deviantart.net/494b/f/2015/322/e/8/arrow_by_rhino123freak-d9h32tf.png);
    position: absolute;
    right: 0.5%;
    top: -12px;
}
div#plus_menu.overview.row3 {
    border: 1px solid #000!important;
    margin-top: 17px!important;
}
.title-overview {
    background: #DB1B2E!important;
    color: #ebebeb;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    font-size: 140%!important;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.left-overview a:link, .left-overview a:visited {
 text-transform: none !important;
 color: #ebebeb !important;
 transition-property: color;
}
.left-overview a:hover, .left-overview a:focus {
 color: #2F8AA3 !important;
}
.left-overview a::after {
 display: none!important;
}
.row .pagination span a, .row .pagination span a:active, .row .pagination span a:link, .row .pagination span a:visited {
    background-color: #DB1B2E;
    border: 1px solid #DB1B2E;
    color: #ebebeb!important;
    font-size: 90%;
    line-height: 1.5em;
    margin: 0 2px;
    padding: 1px 3px;
}
.row .pagination span a:hover {
    background-color: #2F8AA3;
    border: 1px solid #2F8AA3;
}
.row .pagination span a::after {
 display:none;
}
ul.topics li.header dl.icon dt {
    margin-top: 0.5%;
    margin-left: 0.5%;
    padding-right: 3.4%;
    font-size: 120%;
    font-weight: normal;
}
ul.topiclist li.header dl dd {
    color: #ebebeb;
    border: none;
    font-size: 120%;
    margin-top: 0.5%;
}
ul.topiclist li.header dl dd.topics, ul.topiclist li.header dl dd.posts, ul.topiclist li.header dl dd.lastpost {
    margin-top: 0.5%;
}
u1.linklist {
 margin-bottom: 6px!important;
 font-size: 110%;
}
ul.linklist li, .pagination {
 color: #2F8AA3!important;
}
ul.linklist li a, .pagination a {
    position: relative;
    color: #DB1B2E!important;
    font-family: 'Open sans', sans-serif;
    font-weight: 600;
    font-size: 100%;
    text-transform: uppercase;
    text-decoration: none!important;
}
ul.linklist li a::after, .pagination a::after {
 display: block;
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 0;
 height: 2px;
 background-color: #DB1B2E;
 content: "";
 transition: width 0.2s ease-in-out;
}
ul.linklist li a:hover::after, .pagination a:hover::after {
    width:100%;
}
ul.linklist li a:focus, .pagination a:focus {
    color: #2F8AA3!important;
}
ul.linklist li a:focus::after, .pagination a:focus::after {
    width:100%;
    background-color: #2F8AA3;
}

/* Blockquote, Codebox, Spoilers, Hidden */

.content li li {
    list-style-type: circle;
}

.codebox dt::before {
    content: "?";
    font-family: fontawesome;
    font-size: 1.5em;
    margin-right: 5px;
    color: #2f8aa3;
}
.codebox.spoiler dt::before {
    content: "?";
    font-family: fontawesome;
    font-size: 1.2em;
    margin-right: 5px;
    color: #2f8aa3;
}
dl.codebox {
    background-color: #333;
    box-shadow: 0 0 3px #111;
    border: none;
    font-size: 1em;
    padding: 5px;
}
dl.codebox code {
    color: #bbb;
}
dl.codebox dt {
    border-bottom: none;
    font-size: 101%;
    font-family: Roboto, sans-serif;
}
.content blockquote {
    color: #ccc;
}
blockquote div:before, blockquote div:after {
    font-family: FontAwesome;
    font-size: 150%;
    margin-top: 2px;
    color: #2f8aa3;
}
blockquote div:before {
    content: "?";
    float: left;
    margin-left: -20px;
    margin-right: 10px;
}
blockquote div:after {
    content: "?";
    float: right;
    margin-right: 20px;
    margin-left: 10px
}
blockquote cite {
    font-size: 102%;
    font-family: Roboto, sans-serif;
}
blockquote {
    background: #333;
    background-image: none;
    border:none;
    box-shadow: 0px 0px 3px #111;
}
blockquote blockquote {
    background-color: #444;
    box-shadow: 0px 0px 3px #222;
    font-size: 1em;
    margin: 0.3em 2em 0.3em 2em;
}
blockquote blockquote blockquote {
    background-color: #555;
    box-shadow: 0px 0px 3px #333;
}
blockquote blockquote blockquote blockquote {
    background-color: #666;
    box-shadow: 0px 0px 3px #444;
}
blockquote blockquote blockquote blockquote blockquote {
    background-color: #777;
    box-shadow: 0px 0px 3px #555;
}

blockquote div {
    margin-left: 4%;
}

/* Post Profile and Post Body Design */

.online {
    background-image:none!important;
}
.online .postprofile dl dt strong a[href^="/u"]::after {
    content: "?";
    font-family: FontAwesome;
    color: #14C414;
    display: inline-block;
    font-size: 0.7em;
    margin-left: 3px;
    position: relative;
    top: -1px;
}

p.author {
    margin-top: 1%!important;
}
.postprofile span.label {
    font-weight: bold;
    color: #2F8AA3;
}
.postprofile dt > img, #main-content > div.post .postprofile dt img {
    height: 150px!important;
    width: 150px!important;
    border-radius: 100%!important;
    margin-bottom: 5%;
    border: 4px solid #2f8aa3;
}
.postprofile {
    border: none!important;
    width: 20%;
    text-align: center;
}
.postprofile dd {
    text-align: left;
    font-size: 110%;
}
.postprofile .label {
    float: left;
    margin-left: -3px;
    margin-right: 3px;
    text-align: right;
    width: 50%;
}
.postprofile dd:last-child, .postprofile dt + dd {
    text-align: center;
}
.postbody {
    width: 78.5%;
}
.postbody ul.profile-icons {
    margin-right: 1%;
}
.postbody ul.profile-icons img, #i_icon_delete {
    opacity: 0.8;
    transition: opacity 0.2s ease;
}
.postbody ul.profile-icons img:hover, #i_icon_delete:hover {
    opacity: 1;
}
.post {
    border-top: 10px solid #444;
}
.post.mod-reply {
    border-color: #2F8AA3;
}
.post.admin-reply {
    border-color: #DB1B2E;
}

.vote {
    margin-right: 5px;
}
.vote .vote-button {
    margin-left: -6px;
    font-size: 1.5em;
}
.vote a[href*=plus] {
    color: #00CA00!important;
    font-weight: 800;
}
.vote a[href*=minus] {
    color: #db1b2e!important;
    font-weight: 800;
}
.vote .vote-no-bar {
    font-size: 1.3em;
    margin-left: -4px;
}

/* Subscribe Button */
.easyBB_btn {
    border-radius: 100%;
    cursor: pointer;
    border: none;
    background-color: #DB1B2E;
    background-repeat: no-repeat;
    background-size: 67%;
    background-position: 5px 5px;
    float: right;
    height: 30px;
    width: 30px;
    margin-right: 5px;
    transition: background-color 0.2s ease;
}
.easyBB_btn:hover {
    background-color: #2F8AA3;
}
.easyBB_btn.unsub {
    background-image: url(https://orig10.deviantart.net/02b7/f/2015/337/5/e/unwatch_by_rhino123freak-d9iyh03.png);
}
.easyBB_btn.sub {
    background-image: url(https://orig04.deviantart.net/b5c8/f/2015/337/d/6/watch_by_rhino123freak-d9iyh01.png);
}

/* Favorite Topic */

a.favlink {
    background-color: #DB1B2E;
    background-image: url(http://orig06.deviantart.net/12c2/f/2016/117/5/b/addtofavorite_by_rhino123freak-da0fh0l.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 67%;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    float: right;
    height: 30px;
    margin-right: 5px;
    transition-property: background-color;
    width: 30px;
    font-size: 0;
}

a.favlink:hover {
    background-color: #2f8aa3;
}

/* SC Editor Design */

div.sceditor-toolbar {
    background: #111!important;
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
    background-clip: padding-box;
    border-bottom: none!important;
    border-radius: none!important;
    padding: 5px 4px 2px;
}
.sceditor-container iframe, .sceditor-container textarea {
    background: #222!important;
    border: none!important;
    color: #ebebeb!important;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    width: 99%!important;
    padding: 3px;
    margin: 0px!important;
    outline: 0;
    padding: 0;
    resize: none;
}
.sceditor-button div, div.sceditor-grip {
    background-image: url(https://orig05.deviantart.net/0bae/f/2015/337/2/6/famfamfam2_by_rhino123freak-d9ivxrg.png)!important;
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
}
.sceditor-container {
    background: #222!important;
    border:none!important;
}
div.sceditor-group {
    -webkit-border-radius: 0!important;
   -moz-border-radius: 0!important;
 border-radius: 0!important;
    background: transparent!important;
    border-bottom: none!important;
}
.sceditor-button.active, .sceditor-button:active, .sceditor-button:hover, .sceditor-button.hover {
    -webkit-box-shadow: inset 0px 0px 8px 4px #DB1B2E!important;
   -moz-box-shadow: inset 0px 0px 8px 4px #DB1B2E!important;
 box-shadow: inset 0px 0px 8px 4px #DB1B2E!important;
    background: transparent!important;
}
.sceditor-button {
    border-radius: 100%!important;
    transition: all 0.2s ease;
}
#message-box textarea {
    padding: 5px;
}


/* Smiley Box Design */

#smiley-box iframe, .smile-status-box iframe {
    height: 261px;
    width: 100%;
    overflow: auto;
    margin-top: 0%;
    border: none;
    border-radius: 4px;
}
#smilies_header {
    background: #111;
    margin-top: -10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: center;
}
#sce_smilies_body {
    background-color: #222;
    background-image: none;
    min-width: 1px!important;
}
#smiley-box, .smile-status-box {
    background-color: transparent;
    float: right;
    margin-top: 25px;
    width: 18%;
}
.smiley-element {
    margin-left: 10px;
}


/* Mod Tools */

fieldset.quickmod {
    display: none;
}
p.right img {
    vertical-align: middle;
    width: 41px;
}


/* NEW TOPIC, NEW PM, POST REPLY BUTTONS */

img.i_reply {
    padding: 5px;
    background: #DB1B2E;
    transition: background 0.2s ease;
}
img.i_reply:hover, img.i_reply:focus {
    background: #2F8AA3;
}
.buttons div.post-icon a:not([href^="/privmsg?mode=reply"]) {
    background-color: #DB1B2E;
    background-image: url(https://orig11.deviantart.net/25cc/f/2015/332/e/8/plus_icon_by_rhino123freak-d9iaind.png);
    background-position: 17px 17px;
    background-repeat: no-repeat;
    background-size: 35%;
    border: 2px solid transparent!important;
    border-radius: 100%;
    display: inline-block;
    height: 50px;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 50px;
}
.buttons div.post-icon a:not([href^="/privmsg?mode=reply"]):hover {
    background-color: #2F8AA3;
    border-radius: 100%;
    border: 2px solid #2F8AA3!important;
}
.buttons div a[href^="/privmsg?mode=reply"] img {
    padding: 4px 3px;
    background: #db1b2e;
    transition: background 0.2s ease;
}
.buttons div a[href^="/privmsg?mode=reply"] img:hover {
    background: #2f8aa3;
}
.topic-actions .buttons img.i_post, img.i_msg_newpost {  /* Hide the NEW TOPIC button when viewing forum and the NEW PM button */
    display: none;
}



/* Edit Profile Design */

#cp-main .panel.sig {
    background-color: #111;
}
#cp-main .panel, .row3 {
    background-color: transparent;
}
label {
    color: #ebebeb;
    transition: all 0.2s ease;
}
fieldset dl:hover dt label {
    color: #fff;
}
a[href^="/profile?change_password"] {
    text-decoration: none!important;
    color: #ebebeb;
    text-transform: uppercase;
    background: #db1b2e;
    padding: 3px 5px;
}
a[href^="/profile?change_password"]:hover {
    background: #2f8aa3;
}
#cp-main h1 {
    font-weight: bold;
    border-bottom: none;
    color: #ebebeb;
    text-align: center;
    margin-left: -1%;
    margin-right: -2%;
    padding: 3px 0px 3px 0px;
}
#cp-main {
    float: left;
    margin-left: 0.5%;
    padding-bottom: 1px;
    width: 98%;
}
#cp-main table.table1 thead th {
    border-bottom: 1px solid #333;
    color: #DB1B2E;
    font-weight: 700;
    text-align: center;
    padding: 5px;
}
#cp-main table.table1 thead th a {
    border-bottom: none;
    color: #DB1B2E;
}
#cp-main table.table1 thead th a:hover {
    color: #ff0018;
}
#cp-main table.table1 thead th a:focus {
    color: #2F8AA3;
}
table.table1 tbody tr, table.table1 tbody tr:hover {
    background: #222;
}
table.table1 tbody td {
    border-top: 1px solid #111;
    padding: 5px;
}
.inputbox {
    background-color: #222;
    border: none;
    padding: 5px 0px;
}
.inputbox:hover, .inputbox:focus {
    border: none;
}
fieldset dt, label, fieldset dt span {
    font-weight: bold;
    color: #2F8AA3!important;
}

#tabs .activetab a {
    background-color: #222;
    border: none;
    border-bottom: 3px solid #DB1B2E;
    margin-bottom: 5px;
    transition-property: border-bottom-color;
}
#tabs .activetab a:hover {
    border: none;
    border-bottom: 3px solid #2F8AA3;
}
#tabs .activetab a span {
    color: #ebebeb!important;
}
#tabs a span {
    color: #ebebeb!important;
}
#tabs a {
    background-color: #2F8AA3;
    cursor: pointer;
    float: left;
    margin: 0 1px 1px 0;
    padding: 0 5px 0 10px;
    position: relative;
    text-decoration: none;
    transition-property: background-color, border-bottom-color;
    border-bottom: 3px solid transparent;
}
#tabs a:hover {
    background-color: #222;
    border-bottom: 3px solid #2F8AA3;
}

/* Headings, Panels, Modules and Misc Style */

.content h2, .panel h2 {
    border: none;
    color: #2F8AA3;
    margin-top: 20px;
    margin-bottom: -10px;
    font-size: 160%;
    text-align: center;
    font-family: "Roboto", sans-serif;
}
.h2 {
    text-transform: uppercase;
}
h3.post-content {
    color: #2F8AA3;
    border-bottom-color: #2F8AA3;
}
.h3, .postbody .h3 {
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    text-align: center;
    font-size: 210%;
    background-color: #1a1a1a;
    padding-top: 5px;
    padding-bottom: 7px;
    text-decoration: none;
    border: none;
}
.introduction .h3, .module .h3 {
    background: #1a1a1a;
    color: #2F8AA3;
    margin-top: 8px;
    font-size: 180%;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}
.panel {
    background-color: #141414;
    color: #ebebeb;
    margin-top: 2%;
    margin-bottom: 1%;
    padding: 0 10px;
}
.module {
    background-color: #141414;
    color: #ebebeb;
    margin: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px 10px;
    transition: background-color 0.2s ease;
}
.module:hover {
    background-color: #0f0f0f;
}

/* Hide legens in inbox */
ul#picture_legend li {
    display:none;
}

a.group-mod, .h3 a, #fa_toolbar a:link {
    color: #ebebeb!important;
}
a.group-mod:hover, .h3 a:hover, #fa_toolbar a:hover, #fa_toolbar a:active, #fa_toolbar a:focus {
    color: #fff!important;
    text-decoration: none!important;
}
fieldset.vf_jumpbox {
    text-transform: uppercase;
}
.content h1, .panel h1 {
  border-bottom:none!important;
}
.content h2.h3, .panel h2.h3 {
    font-size: 160%;
    font-weight: 700;
    background: #111;
}
.h3 {
   color: #2F8AA3;
}
h1.page-title a {
    color: #ddd!important;
}
#main-content ul.linklist {
    margin-top: 1%;
    margin-bottom: 0.5%;
    margin-right: 0.5%;
    margin-left: 0.5%;
}
.panel.introduction {
    margin-top: 2%;
    margin-bottom: 1%;
}
#main-content .h3 {
    margin-top: 1%;
    margin-bottom: 1.2%;
}
#main-content .inner .h3 {
    padding: 10px;
    margin-bottom: 10px;
    margin-top: -5px;
    margin-left: -0.8%;
    margin-right: -0.8%;
    background: #1a1a1a;
}
ul.forums li.row dl.icon {
    background-size: 4.2%!important;
}
fieldset.fields1 dt label {
    font-size: 120%;
    margin-left: 20px;
    height: 10px;
    line-height: 25px;
}
fieldset.fields1 dl {
    margin-top: 10px;
}
.sprite-arrow_prosilver_up {
 background: none!important;
}
.sprite-arrow_prosilver_up::before {
 content: "?";
 font-family: FontAwesome;
 font-size: 150%;
 color: #fff!important;
}
#info_open .hr {
 font-size: 160%!important;
 text-align: left!important;
}
.module .row2, .module .row1 {
    background: transparent;
}

/* Chatbox Design */

.chatbox {
    background-color: #222;
}
.chatbox-title {
    float: left;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 10px 0;
    width: 85%;
}
#chatbox, #chatbox_members {
 top: 60px;
 bottom: 30px;
}
#chatbox_members {
    border-right: none;
}
#chatbox_header {
    margin-top: 0.5%;
    background-color: #111;
    height: 45px;
}
.chatbox_row_1, .chatbox_row_2 {
    background-color: transparent;
 border-bottom: 1px solid rgba(17,17,17,0.75);
    padding: 5px;
}
#chatbox > p {
    border: none!important;
}
ul#chatbox_main_options a {
    text-decoration: none;
    padding: 5px 6px;
    background: #db1b2e;
}
ul#chatbox_main_options a:hover {
    background: #2f8aa3;
}
.chatbox-options {
    margin: 1.35em .5em .5em;
}
#chatbox_members .member-title {
    background-color: transparent;
    color: #2f8aa3;
    font-size: 13px;
}
#chatbox .date-and-time {
    float: right;
    margin-top: 4px;
    font-size: 0.9em;
    color: #aaa;
}
#help-button, #divcolor, #divsmilies, #submit_button, .format-message + label {
    border: none!important;
    border-radius: 0!important;
    background: #db1b2e!important;
    color: #fafafa !important;
    font-size: 1.3em!important;
    padding: 3px!important;
    height: auto!important;
    line-height: normal!important;
 transition: background 0.2s ease;
}
#help-button:hover, #divcolor:hover, #divsmilies:hover, #submit_button:hover, .format-message + label:hover {
    background: #2f8aa3!important;
}
#chatbox_footer {
    padding: 5px;
}
.chatbox .forabg {
    background-color: #111;
}
#chatbox_messenger_form #message {
    height: 13px;
    margin-top: 3px;
    border: none!important;
}
.right-box {
    margin-right: 3%;
}
#submit_button {
    margin-left: 10px;
}
#chatbox .cb-avatar {
    background: none!important;
    margin-top: 5px;
    border-radius: 100%;
}


ul#privmsgs-menu {
    margin-top: 3%;
}
ul#privmsgs-menu li {
    font-size: 1.1em;
    color: #ebebeb;
    background-color: #222;
    padding: 10px;
    margin: 0 1.2em;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    -webkit-user-select: none; /* Chrome/Safari */
       -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* IE10+ */
 -o-user-select: none;
    user-select: none;
}
ul#privmsgs-menu img {
    display: none;
}
ul#privmsgs-menu li a {
    color: #fafafa;
    background: #db1b2e;
    padding: 10px 0px;
    box-sizing: content-box!important;
}
ul#privmsgs-menu a:hover {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    background: none;
}


.attachbox {
    background-color: #111;
    border: 1px dashed #db1b2e;
    clear: left;
    color: #ccc;
    float: left;
    margin: 5px 5px 5px 0px;
    padding: 10px;
    width: auto;
}
.attachbox {
    background-color: #111;
    border: 1px dashed #db1b2e;
    clear: left;
    color: #ccc;
    float: left;
    margin: 5px 5px 5px 0px;
    padding: 10px;
    width: auto;
}
.attachbox .attachments {
    clear: left;
    display: inline-block;
    font-size: .9em;
    margin-left: 10px;
    padding: 0;
}

#cp-main .panel, .row3 {
    background-color: #111;
}


#login_popup {
    background-color: #222;
    color: #ccc;
    font-size: 1.2em;
    border: none;
    display: none;
    padding: 6px;
    position: absolute;
    box-shadow: 0 0 50px #000;
    z-index: 999;
}
#login_popup_buttons input {
    margin-left: 6px!important;
}
p em {
    font-size: 1.1em;
    font-style: normal;
}


div.topic-actions > p:not(.right) {
    background-color: #222;
    border: 1px solid #111;
    float: left;
    margin-bottom: 1%;
    margin-left: 5px;
    padding: 6px 11px;
}
div.topic-actions > p a {
    font-size: 1.1em;
    color: #ebebeb;
}
table.table1 td {
    color: #ccc;
    font-size: 1.1em;
}
#calendar ul:hover, #mini-calendar ul:hover {
    background-color: #111;
}
#calendar ul, #mini-calendar ul {
    background-color: #222;
    transition: background-color 0.2s ease;
}
table.table1 thead th {
    text-align: left!important;
}
table.forumline, table th.thCornerR, table th.thTop, table.forumline th.thCornerL {
    background-color: #222;
}

#message {
    border-bottom: 3px solid #DB1B2E!important;
}
.captcha div.captcha-img {
    margin: 5px 1em 0 0;
}
p.left-box strong, p.right-box strong {
    font-size: 1.5em;
    color: #ebebeb;
    padding: 3px 5px;
    background: #2f8aa3;
    position: absolute;
    transition: background 0.2s ease;
}
p.left-box strong:hover, p.right-box strong:hover {
    background: #db1b2e!important;
}


Ultima editare efectuata de catre C. Alecu in Dum Sept 17, 2017 9:13 am, editata de 1 ori
C. Alecu

C. Alecu
Membru Forumgratuit

Mesaje : 244
Varsta : 94
Data înscrierii : 19/12/2016
Mulțumiri : 1
Opera ModernBB

C. Alecu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Bara de la categorii prea mica

Mesaj Scris de mr.franta Sam Sept 16, 2017 10:34 pm

Buna seara adaugati in css
Cod:
.table-title, .table-title h2{
font-size: 18px!important;
}
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1403
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome AwesomeBB

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Bara de la categorii prea mica

Mesaj Scris de Zachary Lun Sept 18, 2017 1:07 pm

Bara de la categorii prea mica Solved10Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", acesta va fi inchis si trimis in arhiva.

=> Topic rezolvat
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum