Tema de prueba

/*chatbox*/
#chatbox {
    background-color: #fbfcfc;
}
#chatbox_header {
    background-color: #5eac96;
    border-bottom: 5px solid #9C1F25;
}
.chatbox-title {
    background-color: #5eac96;
}
#chatbox_members {
font-size: larger;
  background-color: #d5d5d5;}
#chatbox_footer {
    height: 25px;
    background-color: #5eac96;
}
/*slider*/
    .expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(https://2img.net/i/fa/m/tabs_more1.gif);}
    .contract {background: url(https://2img.net/i/fa/m/tabs_less1.gif);}
/*perfiles*/
.campoperfil {background: #fdfcfc; width: 100%;margin-bottom: -30px; text-align: center; height: 50px; border: 3px solid #fdfcfc; overflow:auto; color: black;}
.campoperfil:first-child, .campoperfil:nth-child(7) { background: #fdfcfc; border-radius: 5px; padding: 3px; height: auto;} 
.campoperfil:nth-child(3), .campoperfil:nth-child(9)  {width:50%;  margin-boom: -15px; } .campoperfil:nth-child(7) .anunciocampo { display:none;}
.campoperfil:nth-child(5), .campoperfil:nth-child(11){position: relative; margin-boom: -15px; background: #A1C4A6; margin-top: -54px; margin-left: 105px; width: 55%;} 
.campoperfil:nth-child(13), .campoperfil:nth-child(17), .campoperfil:nth-child(21) {background: #A1C4A6;}
.postprofile-info {
    background: #d5d5d5;
    border: 3px solid #5EAC96;
    border-radius: 25px;
    height: 500px;
    margin-left: -80px;
    margin-top: -416px;
    opacity: 0;
    overflow: auto;
    padding: 0 5px 40px;
    position: relative;
    width: 250px;
    z-index: 999;
}
.postprofile-name {
    align-content: center;
    font-family: graduate;
    font-size: 20px;
    margin-left: -80px;
    margin-top: 100px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 #A1C4A6;
    width: 255px;
}
.postprofile-info:hover {z-index: 1; opacity: 1; transition:ease-in-out 0.8s; -webkit-transition:ease-in-out 0.8s; -o-transition:ease-in-out 0.8s; -moz-transition:ease-in-out 0.8s;}
.postprofile-contact {
    margin-left: 690px;
    position: absolute;
    margin-top: 30px;
} 
.postprofile-rank {
    margin-top: 40px;
    margin-left: -90px;
    position: relative;
}
.postprofile-contact img {
    margin-top: -50px;
    position: relative;
}
.postprofile span.label { display: block; text-transform: uppercase; text-align: center; padding-top: 3px;  border-top: 1px dotted #F4FCE8;}
.postprofile-avatar img {
    border: 3px solid #9C1F25;
    border-radius: 25px;
    box-shadow: none;
    height: 500px;
    left: -80px;
    top: 90px;
    position: relative;
    width: 250px;
    z-index: 1;
}
.postprofile-avatar img:hover {z-index: 1; opacity: 0; transition:ease-in-out 0.8s; -webkit-transition:ease-in-out 0.8s; -o-transition:ease-in-out 0.8s; -moz-transition:ease-in-out 0.8s;}




/*menu*/
ul.navlinks {
    border-bottom: 1px solid transparent;
    font-weight: 700;
    text-align: center;
  margin-top: -320px;}
  
ul.topiclist dd.dterm h2.topictitle.hierarchy {margin-left: -30px;}

#header-banner{height: 200px; background: #00202B; margin-bottom: 30px;} 
.forum-statistics-header i,.forum-lastpost-header, .forum-icon, .forum-lastpost-author i, .forum-description h3, 
#header-banner h2, .forum-statistics-posts span, .forum-statistics-topics span {display: none;}
.forum-header i, .action-bar li.rightside, .action-bar-bottom, #search-main, #block-online i  {display: none;}
#sidebar, .block-subtle, .block .block-content {background: #FFFFF;border-radius:20px;}
.block .block-content {background: transparent; box-shadow: none; margin-bottom: 20px;}
footer, #site_widgets {display: none;} .block-subtle {box-shadow:none}
.block-login, .social_login_group, .block-login .input {background: #FFFFF;border-radius:20px;}
body, html {
   background-image: url("https://img.nickpic.host/3kZxWQ.jpg");
   background-repeat: no-repeat;
   background-attachment: fixed;
   }
.headerbar{height: 0px; background:none;}
.is-sticky#headerbar-top {
    background-color: #5EAC96;
    font-family: 'Graduate';
    font-size: 16px;
}

select, .button1:active, .button1:hover, .button1:link, .button1:visited, .button2:active, .button2:hover, .button2:link, .button2:visited, .button:active, .button:hover, .button:link, .button:visited, input[type="submit"]:active, input[type="submit"]:hover, input[type="submit"]:link, input[type="submit"]:visited {    background-color: #285F62;}
/*wIDGET*/
#content-container #left {
    float: left;
    width: 270px;
    MARGIN-LEFT: -10PX;
}

.module {
    background-color: transparent!important;
    border-radius: 3px;
    color: #000;
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    font-size: 10px;
    margin-bottom: 24px;
  overflow: hidden;
  text-align: center;
}
.module .h3 { display: none;}
#comments_scroll_div {
    display: none!important;
}
/*avatar conexion*/
.mod-login-avatar img {
    border: 3px solid #9c1f25;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
    height: 500px;
    width: 250px;
}
/*table*/
#preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
    border: 0px solid #444!important; 
}


/*Cita, code, spoiler*/
blockquote {
    background-color: #;
    border-color: #9C1F25;
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 1.2rem;
    margin: 0 9px;
    overflow: auto;
    heigth: 300px
    padding: 18px;
    position: relative;
}
blockquote:before {
    content:hidden!important;
}
dl.codebox {
    background-color: transparent;
    border-color: #9C1F25;
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 1.3rem;
    padding: 18px;
    position: relative;
}
dl.codebox:before {

    content:hidden!important;
}

/*postbody*/
.postbody .content {
    width: 650px;
}

.content {
    color: #000;
    font-family: comfortaa;
    font-size: 14px;
    line-height: 1.4em;
    text-align: justify;
}


/*logo*/
#Clogo {height: 85px;margin-left: 10px;position: absolute;top: ;width: 55px;}#Clogo img{border-radius: 0px 50px 50px 50px;border: 2px solid #9C1F25;}
#Minichat {height: 85px;margin-left: 90px;position: absolute;top: ;width: 55px;}#Minichat img {border-radius: 50px 50px 0px 50px;border: 2px solid #9C1F25;}
#logo {
    display: none;
}
/*base*/
.navbar {
    text-align: center;
  margin-top: -10;
}
.navbar a {
    display: inline-block;
  font-size: 15px;
    color: #5EAC96;
  font-family: 'graduate';
}
.navbar a:hover {
    background-color: transparent;
    color: #5EAC96;
  text-shadow: 2px 2px 0 #A1C4A6, 2px -2px 0 #A1C4A6, -2px 2px 0 #A1C4A6, -2px -2px 0 #A1C4A6, 2px 0px 0 #A1C4A6, 0px 2px 0 #A1C4A6, -2px 0px 0 #A1C4A6, 0px -2px 0 #A1C4A6;
    
}
#wrap {
    background-color: #d5d5d5!important;
    border: 1px solid #;
    border-radius: 50px 50px 0 0;
    font-size: 12px;
    margin-top:300px;
    opacity: 95%;
    padding: 20px 30px;
    width: 90%;
}
a:visited, a:link {color: black;}
/*tablon*/
#tablon {
    border-top: 4px solid #5EAC96;
    height: 150px;
left: 170px;
    position: relative;
    width: 751px;
}
.tablon1, .tablon2, .tablon3 {display: inline-block; height: 140px;vertical-align:top;}
.tablon1{width: 200px;background: #9C1F25;  border-radius: 0 0 40px 40px;}.tablon2 {margin-left: -2px; width: 320px; border-radius: 0 0 10px 10px; background: #A1C4A6; font-family: 'Comfortaa'; font-size: 12px; overflow: auto;}.tablon3 img { border-radius: 0 0 40px 40px;}
.tablon3{width: 200px;background: #9C1F25;  border-radius: 0 0 40px 40px; float:right;    margin-right: 25px;}
.tablinks a:link {background-color: #A1C4A6; color: white; font-family: 'Graduate';
  padding: 7px; width: 95%; text-align: left;  text-decoration: none;  display: inline-block; border-bottom: 1px solid #9C1F25;}.tablinks {overflow: auto;}
.tablon4 a:link, .tablon3 a:link { background-color: transparent;  padding: 5px; color: White; display:relative; fo inline-block; font-family: Graduate; width: 100%; text-align: center;  text-decoration: none;}
#tablon5 {height: 133px; overflow: hidden; background: transparent; border-radius: 0 0 40px 40px; padding-left: 10px; width: 209px; float: right;font-family: comfortaa; font-size: 10px;}
.panel {
    height: auto;
}
.mod-recent-title {
    font-size: 13px;
}

/*categorias*/
.table-title, .table-title h2, ul.topiclist dd.dterm h2, ul.topiclist dt h2{
  font-size: 45px; 
  padding-top: -10px;
  color: #FFF; 
  font-family: 'Pacifico'; 
  text-align: center;
  padding-top:25px;
  margin-right: -200px;
  text-shadow: 2px 2px 0 #A1C4A6, 2px -2px 0 #A1C4A6, -2px 2px 0 #A1C4A6, -2px -2px 0 #A1C4A6, 2px 0px 0 #A1C4A6, 0px 2px 0 #A1C4A6, -2px 0px 0 #A1C4A6, 0px -2px 0 #A1C4A6;}
.forum-description {width: 100%;} 

div.topic-title-container {
    display: flow-root;
}
.span-tab {
    font-size: 11px;
    display: block;
    margin: 20px;

}
.forabg .header {
    background-color: #5EAC96;
    border-bottom: 5px solid #9C1F25;
    border-radius: 45px 0 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.forabg, .block {box-shadow: 0 1px 6px transparent;}
.ion-android-list:before {
    display:none;
}

.table-title, li.header dt, .table-title h2, ul.topiclist dd.dterm h2, ul.topiclist dt h2, #h1-category, .h3 
{ font-family: 'Pacifico'; text-align:Center; font-size: 40px;}
.forabg.hidden li.header { -webkit-transition: 3s; -moz-transition: 3s; -o-transition: 1s; background: #285F62;}
.forabg.hidden li.header .table-title h2 {color: #5EAC96; text-shadow: 2px 1px 0 #FFF; width: 100%}
.forabg li.header dd.dterm {height: 60px;}.forabg li.header dd.topics, .forabg li.header dd.posts, .forabg li.header dd.lastpost {display:none;}
.forabg.hidden {
    background-color: transparent;
}

/*Titulo foros*/
a.forumtitle {
    color: #FFF;
    display: relative;
    font-family: 'graduate';
    font-size: 25px;
    letter-spacing: -0.5;
    text-align: center;
    background-color: #285F62;
    background-position:right center;
    margin-left: -150px;
    height:30px;
    width: 675px;
  padding: 0 208px 0 208px;
}
a.forumtitle:visited {
    color: #FFF;
}

a.forumtitle:link {
    color: #FFF;
}
dl.icon {
  background-position: top;
}
/*titulos del foro no mover*** Movido porque puedo huahua**/
.hierarchy {
border: none;
font-size: 1.3rem;
display:block!important;
text-transform: none;
padding-left: 120px!important;
margin: -2px!important;
}
ul.topiclist dd.dterm h2 a.topictitle { margin-left: -150px!important;}

.topic-title-container > img {display: none;}

/*Estadisticas de cada foro*/
/*Estadisticas de cada foro*/
.forabg li.row dd.topics:after {content: "temas"; display: block;} .forabg li.row dd.posts:after {content: "mensajes"; display: block;}
.forabg ul.topiclist.forums li.row dd.topics, .forabg ul.topiclist.forums li.row dd.posts {font-size: 10px; background: #5EAC96; text-transform: uppercase; height: 70px;width: 70px; margin-top: 18px; padding: 10px; line-height: 10px;border-radius: 50px 50px 50px 50px}
.forabg ul.topiclist.forums li.row dd.topics{border: 3px solid #285F62; margin-left: 6px;} ul.topiclist dd.dterm {width: ; height: 50px;}
.forabg ul.topiclist.forums li.row dd.posts {border: 3px solid #9C1F25; margin-left: 10px;} 
.forabg ul.topiclist.forums li.row dd.lastpost {border-bottom: 3px solid #285F62;box-shadow: 2px 2px 0 #A1C4A6; background: #A1C4A6; width: 150px; position: abolute; float: right; margin-right: 0px; margin-top: 20px; height: 90px; line-height: 12px; text-transform: uppercase; color: #555; font-size: 8px; letter-spacing: 2px; text-align: center; padding: 10px; border-left: 0px;}
ul.topiclist dd.dterm {width: ;} .forabg ul.topiclist.forums li.row dd.dterm { margin: 7px 7px;width: 78%; height: 240px;}
ul.topiclist dd.lastpost {width: 20%;}
/*dentros de los foros*/
.forumbg .header {
    position: relative;
    background-color: #5EAC96;
    color: white;
    height: 70px;
}
ul.topiclist li {
    display: block;
    margin: 30px;
}
.header dl dd.dterm {
    color: #5EAC96;
    height: 70px;
    position: relative;
    font-family: pacifico;
    text-transform: capitalize;
    font-size:35px;
}
ul.topics .row dd.dterm, ul.topics .row dt {
    float: left;
    top: 15px;
    width: 52%;
}
ul.topics dd.dterm, ul.topics dt {padding-left: 0px;
}

.topic-title-container > strong {
    display: none;
}
a.topictitle {
    color: #fff;
    display: inline-grid;
    font-family: Graduate;
    font-size: 20px;
    font-weight: 500;
    margin: -40px;
    text-decoration: none;
}
li.header dd, li.header dt {
    color: #fff;
}
h1.page-title {
    color: #fff;
    font-family: pacifico;
    text-shadow: 2px 2px 0 #4074b5, 2px -2px 0 #5EAC96, -2px 2px 0 #5EAC96, -2px -2px 0 #5EAC96, 2px 0px 0 #5EAC96, 0px 2px 0 #5EAC96, -2px 0px 0 #5EAC96, 0px -2px 0 #5EAC96;
    font-size: 50px;
    font-weight: 500;
    margin: 0;
}
/*mensajes privados*/
.pmlist li.row1 {
    border: solid 3px transparent;
    margin-top: 50px;
    border-width: 0 3px;
}
 /*POST INTERNO*/
.post, .post-footer, .post-footer span {
    background: transparent!important;
    color: #fff;
}
.post h2.topic-title a {
    display: block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: graduate;
    white-space: nowrap;
}
.edited-message {display: none;}
#sce_smilies_body {
    background-color: #FFFF;
    background-image: none;
    margin: 0!important;
    min-width: 1px!important;
}
/*descripciones*/
#desc1 {height:170px; width: 710px;margin-left: -50px;} 
.descriptionA {display: inline-block; width:170px;} .descriptionA img {border-radius: 0px 0px 50px 0px;margin-top: 0px; border: 5px double #5EAC96;}
.descriptionB {padding-left: 5px; width: 675px; margin-left: 40px; box-shadow: 2px 2px 0 #A1C4A6; display: inline-block; height: 178px; padding-top: 5px; vertical-align: top; border: 4px solid #285F62; background: transparent; border-radius: 0px 0px 50px 0px; margin-top: -16px; }
.descriptionC {overflow: auto; height: 160px; width: 475px; display: inline-block; padding: 5px;} 
.descriptionD  {background: #5EAC96; height: 160px; display: inline-block;border-radius: 0px 0px 50px 0px;}
.descriptionD {top: 5px; float: right; width:190px;height: 170px; border-radius: 0px 0px 50px 0px;overflow:auto;} .descriptionD a:link {  background-color: transparent;width: 170px;
  color: #FFF; font-family: 'Comfortaa'; padding: 10px; margin-bottom: 1px;  text-align: center;  text-decoration: none;  display: inline-block;}
.descriptionD a:hover { background-color: #9C1F25;}
.Foros {color: #5EAC96;font-size: 14px;  transition: all 0.5s;  cursor: pointer; margin: 5px; padding-left: 10px;}
.Foros span {cursor: pointer;  display: inline-block;  position: relative;  transition: 0.5s; margin-left:-10px;   font-family: 'Comfortaa'; font-size: 16px;}
.Foros span:after {  content: '\00bb';  position: absolute;  opacity: 0;  top: 0;  right: -20px;  transition: 0.5s;}
.Foros:hover span {  padding-right: 25px;}
.Foros:hover span:after {opacity: 1;  right: 0;}

/*afiliados*/
#afi1 {padding: 10px; border-top: 1px solid #A1C4A6} #afi1 img {border-radius: 5px; margin-bottom: 8px; margin-right: 8px; box-shadow: 3px 3px 0 #A1C4A6;} #afi1 img:hover {box-shadow: -3px -3px 0 #5EAC96;}
#aftit {font-family: 'Alegreya Sans SC'; text-align: center; widith: 100%; margin-bottom: 5px; font-size: 16px;}
/*estadísticas*/
.statistics {
    display:none;
}
#page-footer{
      width: auto;
  height: auto;
    margin-left: 30px;
  background-color:transparent;
}

/*posts*/
.post, .post-footer, .post-footer span {background: #2D2D29; color: white;}


/*barrita de scroll*/
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent;border-radius:0px}
::-webkit-scrollbar-thumb{border-radius:0px; background:transparent; }
#chatbox_members {
  border-color: #9c1f25;}
#chatbox_members .member-title {color: black; font-family: graduate; font-size: 15px;}
.chatbox-title .chat-title, .chatbox-options li a, .chatbox-options li label {color: #FFF!important; font-family: graduate;
    font-size: 20px;}
#chatbox_footer {background-color: #5EAC96; }


/* E S T A D I S T I C A S   D E L   F O R O */
#esta {
margin: 1px;
padding: 0 px 5px 0px 5px;
display: block;
overflow: hidden;
}
 
#esta-n {
background-color: #5EAC96;
border-bottom: 5px solid #9C1F25;
border-radius: 45px 0 0 0; font-family: Pacifico;
    font-size: 40px;
    line-height: 150%;
  height: 70px;
color: #fff;
text-align: center;
display: block;
  text-shadow: 2px 2px 0 #A1C4A6, 2px -2px 0 #A1C4A6, -2px 2px 0 #A1C4A6, -2px -2px 0 #A1C4A6, 2px 0 0 #A1C4A6, 0 2px 0 #A1C4A6, -2px 0 0 #A1C4A6, 0 -2px 0 #A1C4A6;}
 
#esta-b1, #esta-b2 {
  font-family: Arial;
    font-size: 12px;
      letter-spacing: .3px;
margin: 1px;
padding: 5px;
width: 473px;
height: 150px;
margin-left: -1px;
margin-right: 3px;
}
 
#esta-b2 {
  height: 100px;
  margin-top: -1px;
  overflow: hidden;
}
 
#esta-tit {
    background-color: #285F62;
  color: #fff;
  display: block;
  padding: 5px;
  font-family: graduate;
    font-size: 20px;
    height: 30px;
    letter-spacing: -.3px;
  text-align: center;
}
 
#esta-rot {
  display: block;
  padding: 5px;
  letter-spacing: .3px;
  text-align: center;
}
 
#esta-in {
  height: 85px;
  padding: 5px;
  display: block;
  text-align: justify;
  letter-spacing: 1px;
  overflow: auto;
  margin-top: -10px;
}
 
#esta-p {
padding: 5px 20px;
display: inline-block;
margin-right: 3px;
margin-top: 3px;
text-align: center;
}
 
#lst-bienve {
  display: block;
  width: 120px;
}
 
/*grupos*/
#grup1, #grup2, #grup3 {
margin: 1px;
display: inline-block;
width: 150px;
height: 40px;
overflow: hidden;
margin-right: 3px;
margin-top: 3px;
}
 
#grup1 {background: #cc4567;}
#grup2 {background: #e39a4e;}
#grup3 {background: #5dde5d;}
 
#g1, #g2, #g3 {
  height: 20px;
  line-height: 20px;
  width: 150px;   font-family: 'Graduate';
  text-align: center;
  color: #fff;
  margin-top: 50px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}
 
#grup1:hover #g1, #grup2:hover #g2, #grup3:hover #g3 {
  margin-top: 10px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

/*****fin******/

@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 400;
  src: local('Alegreya Sans SC Regular'), local('AlegreyaSansSC-Regular'), url(https://fonts.gstatic.com/s/alegreyasanssc/v7/mtGh4-RGJqfMvt7P8FUr0Q1j-Hf1Bkll9w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Graduate';
  font-style: normal;
  font-weight: 400;
  src: local('Graduate'), local('Graduate-Regular'), url(https://fonts.gstatic.com/s/graduate/v7/C8cg4cs3o2n15t_2YygW43w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  /* latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v16/FwZY7-Qmy14u9lezJ-6H6Mk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/comfortaa/v27/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrMfIA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Delius Swash Caps';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Delius Swash Caps'), local('DeliusSwashCaps-Regular'), url(https://fonts.gstatic.com/s/deliusswashcaps/v11/oY1E8fPLr7v4JWCExZpWebxVKORpXUeaIGY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}