Css (Peaceful Skin)

/* ---------------------------------------------------------------------------------------------------------------------
                      PEACEFUL is a free skin made by Ana Codes for the RPG community.
------------------------------------------------------------------------------------------------------------------------
You can use my skin as a base or take parts of it for your own skin but include me in your credits.
Any problems with the codes, send an ask to tumblr.
--------------------------------------------------------------------------------------------------------------------- */

/* ///////////////////////// ACCENTS = EDITABLE ZONE ///////////////////////// */

:root {
  /* Wrap size */
    --wsize: 1000px;
    --psizew: 250px; /* Ancho del avatar y caja del perfil || Avatar width and profile box */
    --psizeh: 350px; /* Altura del avatar || Avatar height */
  /* Paleta de fondos - Background palette */
    --peaceful-border: 1px solid #cecece;
    --peaceful-0: #fafafa;
    --peaceful-1: #0a0a0a;
    --peaceful-2: #ececec;
    --peaceful-3: #f5f5f5;
  /* Paleta de colores - Color palette */
    --peaceful-4: #925959;
    --peaceful-5: #6f3333;
    --peaceful-6: #a05d5d;
  /* Fonts */
    --peaceful-t1: Roboto;
    --peaceful-t2: Oswald;
    --peaceful-t3: Helvetica;
    --peaceful-n1: #3d3d3d; /* Normal text */
    --peaceful-n2: #fff; /* White text */
    --peaceful-n3: #000; /* Black text */
}

/* --- Tablilla basica || Basic template --- */
.anc-tabadmin { padding: 12px; margin: 0 auto; border: var(--peaceful-border); width: 430px; }
.anc-tabimg { height: 250px;background-size: cover;border-bottom: 6px solid var(--peaceful-1); }
.anc-tabadmin titulo { display: block; font: 700 30px / 1em var(--peaceful-t1); color: var(--peaceful-n3); padding-top: 20px; text-align: center; text-transform: uppercase; }
.anc-tabadmin sub { display: block; color: var(--peaceful-5); font: 700 17px var(--peaceful-t1); text-transform: uppercase; text-align: center; letter-spacing: 1px; border-bottom: var(--peaceful-border); padding-bottom: 6px; }

/* ///////////////////////// ESTRUCTURA DEL FORO COMPLETO || COMPLETE FORUM STRUCTURE ///////////////////////// */

/* --- FONDO DEL FORO || BACKGROUND FORUM  --- */
body { background-attachment: fixed; background-color: var(--peaceful-1); background-position: center; background-repeat: no-repeat; background-size: cover; color: var(--peaceful-n1); text-align: justify; margin: 0!important; padding: 0!important; }
/* --- FORMA DEL FORO || FORM FORUM --- */
#wrap { background-color: var(--peaceful-0); border: var(--peaceful-border); margin: 30px auto; padding: 0; min-width: var(--wsize); max-width: var(--wsize); width: var(--wsize); }
div#content { padding-right: 3px!important; }
/* --- NOMBRE DEL FORO || NAME FORUM --- */
div#pcf-sitename { background: var(--peaceful-5); display: flex; align-items: center; justify-content: center; font: 900 2em / 1em var(--peaceful-t1); color: var(--peaceful-n2); letter-spacing: 1px; text-align: center; text-transform: uppercase; margin-bottom: 1px; padding: 10px; height: 40px; }
div#pcf-sitename h1 { font-size: 100%; }
/* --- IMAGEN DEL FORO || BANNER FORUM --- */
#logo { display: block; padding: 0!important; overflow: hidden; height: 350px; width: 100%; }
#logo img { object-fit: cover; height: 100%; width: 100%; }
/* --- DESCRIPCION DEL FORO || DESCRIPTION FORUM --- */
#logo-desc { color: var(--peaceful-n3); font: 600 10px var(--peaceful-t1); letter-spacing: .5px; padding: 15px; text-transform: uppercase; }
/* --- NAVEGACION DEL FORO || NAVIGATION FORUM --- */
ul.linklist.navlinks { background-color: var(--peaceful-1); border-top: var(--peaceful-border); border-bottom: var(--peaceful-border)!important; padding: 10px; text-transform: uppercase; }
a.mainmenu { color: var(--peaceful-n2); font: 600 .7em var(--peaceful-t1); letter-spacing: .5px; padding: 5px; }

/*////////////////////////////////////////// TODO SOBRE EL ESTILO DE LOS WIGDETS || ALL ABOUT WIGDETS STYLE //////////////////////////////////////////*/

/* -- Widgets -- */
#content-container div#left { margin-right: 5px; outline: var(--peaceful-border); }
.module .h3 { display:none; }

/* - Encabezado || Top title - */
.pcf-Wwig imagen { display: block; background-size: cover; height: 160px; width: 100%; }
.pcf-Wwig h1 { background: var(--peaceful-1); color: var(--peaceful-n2); font: 800 1em / 1em var(--peaceful-t1); letter-spacing: 1px; padding: 10px; text-align: center; text-transform: uppercase; }
.pcf-wigGbox { padding: 25px; line-height: 1.35em!important; font-family: var(--peaceful-t3); }

/* - Conexion || Connection - */
.login-avatar { border: 3px solid var(--peaceful-0); outline: var(--peaceful-border); margin: 25px auto 0; }
.login-avatar, .login-avatar img { object-fit: cover; width: 200px; height: 200px; }
.login-usn { font: 700 1.4em var(--peaceful-t1); margin: 12px 10px; text-align: center; text-transform: uppercase; }
.box-content { display: flex; flex-wrap: wrap; align-content: baseline; text-transform: uppercase; margin: 0 15px 15px; }
.box-content m, .box-content n { display: block; padding: 6px 5px 5px; line-height: 1; margin-bottom: 4px!important; font-family: var(--peaceful-t1); }
.box-content m { background: var(--peaceful-1); color: var(--peaceful-n2); font-weight: 600; font-size: 9px; text-align: left; letter-spacing: .5px; width: 115px; }
.box-content n { flex-grow: 1; font-style: italic; text-align: center; width: 75px; }
.box-content up { display: block; text-align: center; width: 100%; }
.box-content up a { background: var(--peaceful-5); color: var(--peaceful-n2); display: block; font: 600 10px var(--peaceful-t1); padding: 7px; }

/* - Staff del foro || Staff forum - */
.pcf-WBXstaff { display: flex; flex-wrap: wrap; align-content: baseline; justify-content: center; position: relative; overflow: hidden; margin: 20px; }
.pcf-sw100, .pcf-sw50 { position: relative; overflow: hidden; }
/* Ancho completo || Full width */ .pcf-sw100 { width: calc(100% - 1px); }
/* Mitad de ancho || Half width */ .pcf-sw50 { width: calc(98%/2); } .pcf-sw50:nth-of-type(2n) { margin-right: 3px; }
.pcf-sgrnd { background-size: cover; height: 60px; width: 100%; }
.pcf-sttgrnd { background: var(--peaceful-1); color: var(--peaceful-n2); font: 500 0.8em / 1 var(--peaceful-t1); letter-spacing: 1px; padding: 5px 10px; margin: 3px 0; text-align: center; text-transform: uppercase; }

/* - Evento del foro || Forum event - */
.pcf-evento { background-size: cover; border: 3px solid var(--peaceful-0); outline: var(--peaceful-border); display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; position: relative; margin: 20px auto; height: 150px; width: 80%; }
.pcf-einfo { background-color: var(--peaceful-1); padding: 12px 5px; position: absolute; width: 80%; }
.pcf-einfo n { display: block; color: var(--peaceful-6); font: 500 1.5em / 1em var(--peaceful-t2); letter-spacing: 1px; margin-bottom: 5px; }
.pcf-einfo a { display: block; color: var(--peaceful-3); font: 800 0.7em / 1 var(--peaceful-t1); letter-spacing: 5px; }

/* ///////////////////////// TABLON DEL FORO || BOARD INDEX ///////////////////////// */

/* -- Cuerpo general || General body -- */
.pcf-board { background: var(--peaceful-0); border: var(--peaceful-border); display: flex; flex-wrap: wrap; align-content: baseline; padding: 10px; }
.pcf-Wtwo { display: flex; flex-wrap: wrap; align-content: baseline; flex-grow: 1; width: 525px; }

/* - Anuncios || Announcements - */
.pcf-tb-one { background: var(--peaceful-1); flex-grow: 1; margin-right: 1px; padding: 15px 13px 15px 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 200px; width: 120px; max-width: 180px; }
.pcf-tb-ttone { color: var(--peaceful-6); font: 500 1.6em / 1 var(--peaceful-t2); letter-spacing: 1px; text-transform: uppercase; text-align: center; }
.pcf-tb-bonex { color: var(--peaceful-n2); font: 400 0.8em / 1.5em var(--peaceful-t1); overflow: auto; padding-right: 5px; height: 158px; }

/* - Ultimos temas || Recent topics */
.pcf-tb-two { flex-grow: 1; padding: 5px; height: 120px; width: 180px; }
.pcf-tb-tttwo { border-bottom: var(--peaceful-border); color: var(--peaceful-n3); font: 500 1.3em / 1 var(--peaceful-t2); text-align: left; text-transform: uppercase; padding-bottom: 5px; }
.pcf-tb-btwox { text-align: center; font: 0.8em / 1em var(--peaceful-t3); height: 81px; margin: 5px auto 0; overflow: hidden; padding: 5px 0 5px 5px; }
div#comments_scroll_div a { font: 700 11px / 1em var(--peaceful-t1); }

/* - Link rapidos || Fast links - */
.pcf-tb-three { border-left: var(--peaceful-border); align-content: stretch; display: inline-flex; flex-wrap: wrap; flex-grow: 1; letter-spacing: 1px; text-align: center; text-transform: uppercase; padding: 0 5px; margin-top: -1px; height: 125px; width: 223px; }
.pcf-tb-three a { align-items: center; background: var(--peaceful-1); color: var(--peaceful-n2); display: flex; flex-grow: 1; font: 500 0.63em / 1em var(--peaceful-t1); justify-content: center; margin: 1px 1px 0; width: 50px; padding: 5px 8px; transition: 500ms; }
.pcf-tb-three a:hover { -moz-transition-duration: .4s; -webkit-transition-duration: .4s; background: var(--peaceful-5); }

/* - Redes sociales || RSS - */
.pcf-tb-rrss { background: var(--peaceful-1); font-size: 20px; overflow: hidden; text-align: center; height: 124px; width: 50px; }
.pcf-tb-rrss a { display: flex; align-items: center; justify-content: center; color: var(--peaceful-4)!important; height: calc(100%/2); transition: .5s; }
.pcf-tb-rrss a:hover { background: var(--peaceful-5); color: var(--peaceful-n2)!important; text-decoration: none; }
.pcf-tb-rrss a:nth-of-type(2) { border-top: var(--peaceful-border); }

/* - Busquedas || Searching... - */
.pcf-tb-four { border-top: var(--peaceful-border); height: 88px; margin-top: 1px; padding: 5px 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 100%; }
.pcf-tb-four img { object-fit: cover; outline: var(--peaceful-border); padding: 4px; height: 33px; width: 93px; }
.pcf-tb-four a { background: var(--peaceful-2); display: inline-block; margin: 3px; transition: 300ms; }
.pcf-tb-four a:hover { background: var(--peaceful-3); transition: 300ms; }

/* /////////////////////////////////// CATEGORIAS Y SUBFOROS || CATEGORIES AND SUBFORUMS /////////////////////////////////////// */

/* - Categorias || Category - */
li.header, h1.page-title, #cp-main h1, .h3 { background: var(--peaceful-1); padding: 15px; text-align: center; text-transform: uppercase; }
li.header h2, h1.page-title a, #cp-main h1 a, .h3 a, li.header, h1.page-title, #cp-main h1, .h3 { color: var(--peaceful-n2)!important; font: 800 1.5em var(--peaceful-t1); letter-spacing: 2px; margin: 0!important; }

/* - Cuerpo de los subforos || Body subforum - */
.pcf-subforum { border-bottom: var(--peaceful-border); margin: 5px 0; display: flex; flex-wrap: nowrap; align-items: center; overflow: hidden; padding-bottom: 5px; width: 100%; }

/* 1er modulo: Descripcion de los subforos || 1th module: Description of subforum */
.pcf-wdsc { border-right: var(--peaceful-border); display: flex; flex-grow: 1; align-items: center; padding-right: 10px; overflow: hidden; position: relative; height: 143px; width: 415px; }
/* Imagen | Image */
.pcf-mgdsc { background-color: var(--peaceful-1); border: 20px solid var(--peaceful-1); background-size: cover; display: flex; align-items: center; position: relative; height: 100px; width: 100px; }
.pcf-mgdsc:before { display: block; content: " "; border-bottom: 20px solid transparent; border-left: 20px solid var(--peaceful-1); border-top: 20px solid transparent; position: absolute; right: -40px; height: 0; width: 0; }
/* No links */
.pcf-desc1 { flex-grow: 1; margin-left: 15px; overflow: hidden; padding: 10px; width: 240px; }
.pcf-desc1 texto { display: block; line-height: 1em; height: 55px; overflow: auto; padding-right: 5px; }
/* With links */
.pcf-fastlinks { display: flex; flex-wrap: wrap; margin-top: 5px; overflow: auto; text-align: center; text-transform: uppercase; height: 46px; }
.pcf-fastlinks a { background: var(--peaceful-1); align-items: center; color: var(--peaceful-n2); display: flex; flex: 1; flex-wrap: wrap; font: bold 0.7em / 1 var(--peaceful-t3); justify-content: center; letter-spacing: .3px; margin: 1px; padding: 6px 5px 5px; text-decoration: none; transition: 300ms; min-width: 60px; }
.pcf-fastlinks a:hover { background: var(--peaceful-4); transition: 300ms; }

/* 2do modulo: Nombre del subforo, conteo y ultimo post || 2nd module: Name subforum, counting and Last post */
.pc-wups { flex-grow: 1; overflow: hidden; width: 290px; }
.pcf-wstats { display: flex; align-items: center; height: 107px; }
.pcf-wstats * { font-family: var(--peaceful-t1); line-height: 1.1em; position: relative; overflow: hidden; text-align: center; text-transform: uppercase; flex-grow: 1; }
/* Nombre del foro || Name subforum */
.pcf-wsbf a { background: var(--peaceful-1); color: var(--peaceful-n2)!important; font: 600 12px / 1 var(--peaceful-t1); display: block; letter-spacing: -.1px; margin-bottom: 3px; padding: 11px 5px 10px; text-transform: uppercase; text-decoration: none!important; transition: 300ms; text-align: center; }
/* Conteo || Cont */
.pcf-cont { font-weight: 800!important; padding: 0 10px; width: 100px; max-width: 100px; }
.pcf-cont b { color: var(--peaceful-5); font-size: 1.8em; }
.pcf-cont span { color: var(--peaceful-n3); display: block; letter-spacing: 1px; font-size: .8em; }
.pcf-topicsf { border-bottom: var(--peaceful-border); padding-bottom: 5px; margin-bottom: 5px; }
/* - Ultimo post || Last post  - */
.pcf-lastpostf { border-left: var(--peaceful-border); box-sizing: border-box; font-weight: 600; font-size: .9em; letter-spacing: -.3px; height: 80px; padding: 0 5px; width: 161px; display: flex; align-items: center; }

/* ////////////////////////////////////////// ESTADISTICAS || STATISTICS ////////////////////////////////////////// */

/* - Caja madre || Mother box - */
.pcf-stasta { display: flex; flex-wrap: wrap; align-content: baseline; justify-content: center; position: relative; }
.pcf-statistics1, .pcf-statistics2 { border: var(--peaceful-border); flex-grow: 1; padding: 5px; height: 190px; width: 233px; }

/* - Total de usuarios online || Total users online - */
.pcf-stasta h3 { display: block; border-bottom: var(--peaceful-border); font: bold 0.9em / 1em var(--peaceful-t1); letter-spacing: .5px; text-align: center; padding: 10px 5px; margin: 0 0 5px!important; width: 100%; }

/* - Usuarios conectados y ultimos conectados || Online users and Last users - */
.pcf-staTT { background: var(--peaceful-1); color: var(--peaceful-n2); font: 800 1em var(--peaceful-t1); letter-spacing: 2px; padding: 5px; text-align: center; text-transform: uppercase; }
.pcf-staBX1 texto, .pcf-staBX2 texto { display: block; padding-right: 3px; overflow: auto; height: 65px; }
.pcf-staBX1, .pcf-staBX2 { margin-top: 7px; }

/* - Imagen + Texto || Image + Text - */
.pcf-staCrdts { border: 5px solid var(--peaceful-0); display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; margin-left: 5px; width: 185px; }
.pcf-staMG { border: 10px solid var(--peaceful-1); position: relative; }
.pcf-staMG, .pcf-staMG img { border-radius: 100%; height: 70px; width: 70px; }
.pcf-staMG img { border-radius: 100%; float: none!important; margin: 0!important; object-fit: cover; }
.pcf-staMG:after { content: " "; display: block; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 16px solid var(--peaceful-1); margin: 0 auto; right: 0; left: 0; bottom: -23px; height: 0; width: 0; position: absolute; z-index: 1; }
.pcf-staCrdts texto { display: block; font: 1em / 1.3em var(--peaceful-t3); height: 60px; overflow: auto; margin: 23px 10px 0; padding-right: 5px; }
.pcf-staCrdts texto a { font-weight: 600; color: var(--peaceful-5); }

/* - Grupos del foro || Groups forum - */
.pcf-statistics2 { display: flex; flex-wrap: wrap; align-content: stretch; margin-left: 5px; overflow: auto; }
.pcf-statistics2.groups a { background: var(--group); color: var(--peaceful-n2); font: 700 0.9em / 1em var(--peaceful-t1); text-transform: uppercase; text-align: center; flex-grow: 1; margin: 1px; width: 50px; display: flex; align-items: center; justify-content: center; }

/* -- Final de las estadisticas -- */
.pcf-stabtm { background: var(--peaceful-1); color: var(--peaceful-n2); padding: 5px; text-align: center; text-transform: uppercase; margin-top: 5px; width: 100%; }
.pcf-stabtm cont { display: inline-block; font: 600 0.8em / 1em var(--peaceful-t3); letter-spacing: .5px; margin: 0 5px; padding: 5px 4px; }
.pcf-stabtm i { font-size: .6em; }

/* ////////////////////////////////////////// AFILIADOS FOOTER || AFFILIATES FOOTER ////////////////////////////////////////// */

/* Cuerpo del footer - Body footer  */
.ac-afiliadosfooter .peaceful-footer2 { background-color: var(--peaceful-1); border: var(--peaceful-border); color: var(--peaceful-n2); display: flex; flex-wrap: wrap; align-items: center; align-content: center; text-align: center; padding: 20px; }
/* Todas las imagenes - All imgs */
.peaceful-footer2 img { -moz-transition: all 1s ease-in-out; -webkit-filter: grayscale(60%); -webkit-transition: all 1s ease-in-out; opacity: .8; border: 2px solid var(--peaceful-1); outline: var(--peaceful-border); object-fit: cover; }
.peaceful-footer2 img:hover  { -webkit-filter: grayscale(0%); opacity: 1; }
/* Af. hermanas - Af. sister */
.peaceful-footer2-sister { flex-grow: 1; width: 250px; }
.peaceful-footer2-sister img { margin: 1px 5px; height: 170px; width: 100px; }
/* Af. elites */
.peaceful-footer2-elites { flex-grow: 1; margin-right: 10px; width: 276px; }
.peaceful-footer2-elites img { margin: 3px; height: 40px; width: 40px; }
/* Creditos - Credits */
.peaceful-footer2-credits { border-left: var(--peaceful-border); padding: 0 33px 30px; width: 170px; }
.peaceful-footer2-credits span { color: var(--peaceful-5); font-size: 80px; }
.peaceful-footer2-credits-credits { font: 10px monospace; text-align: justify; letter-spacing: -.5px; }
.peaceful-footer2-credits-credits a { font-weight: 900; color: var(--peaceful-4); }

/* ///////////////////////////////////////////// LISTADO DE TEMAS || LIST OF TOPICS ///////////////////////////////////////////// */

/* - Listado de titulos || Title List -  */
.pcf-forumbg { border-bottom: var(--peaceful-border); color: var(--peaceful-n3); font: 800 1em / 1em var(--peaceful-t1); padding: 8px 2px; text-transform: uppercase; }
.h3 { padding: 10px!important; letter-spacing: 1px!important; margin-bottom: 0.2em!important; }
h1.page-title, #cp-main h1, .h3 { font-size: 1em!important; }
/* --- */
.pcf-tpl_t1 { border: var(--peaceful-border); color: var(--peaceful-n3); font: bold 1em / 1em var(--peaceful-t1); letter-spacing: .2px; padding: 10px; position: relative; text-align: center; text-transform: uppercase; }
.pcf-tpl_t1 > div { width: 180px; }

/* -- Cuerpo || Body -- */
.pcf-tp { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; align-content: center; overflow: hidden; margin-bottom: 5px; width: 100%; }

/* - Icono || Icon - */
.pcf-tpicon { background: var(--peaceful-1); background-position: center; background-repeat: no-repeat; border-right: var(--peaceful-border); padding: 10px; height: 45px; width: 30px; }

/* - Titulo del tema, autor del tema || Title of the topic, author of the topic- */
.pcf-topics { display: flex; flex-wrap: wrap; align-items: center; align-content: center; flex-grow: 1; text-align: justify; box-sizing: border-box; overflow: hidden; padding: 0 10px; width: 460px; }
.pcf-nontopics { border-bottom: var(--peaceful-border); font: 800 1.05em / 1 var(--peaceful-t1); padding-bottom: 5px; margin-bottom: 5px; width: 100%; }
.pcf-nontopics strong { display: inline-block; color: var(--peaceful-5); text-transform: uppercase; float: left; margin-right: 3px; }
.pcf-nontopics a { color: var(--peaceful-n3); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 74%; }
.pcf-autor { display: flex; font: 0.7em / 1em var(--peaceful-t1); text-transform: uppercase; letter-spacing: 1px; } .pcf-autor a { margin-left: 2px; }

/* - Vistos, respuestas || View, replies - */
.pcf-rnumber { border-right: var(--peaceful-border); border-left: var(--peaceful-border); color: var(--peaceful-5); display: flex; align-items: center; justify-content: center; flex-grow: 1; font: 800 20px / 1em var(--peaceful-t1); text-align: center; text-transform: uppercase; padding: 5px; height: 56px; width: 96px; }
ul.topiclist dfn { color: var(--peaceful-n3); display: block; font-size: .4em; font-style: normal; letter-spacing: 1.2px; } .pcf-rnumber:nth-of-type(4) { border-left: 0!important; }

/* - Ultimo posteador, fecha || Last poster, date - */
.pcf-lastpost-sts { background: var(--peaceful-1); border-top: var(--peaceful-border); border-bottom: var(--peaceful-border); color: var(--peaceful-n2); font: 500 0.8em / 1em var(--peaceful-t1); display: flex; align-items: center; text-transform: uppercase; letter-spacing: .5px; padding: 0 8px; position: relative; height: 25px; width: 100%; }
.pcf-lastpost-sts > div { box-sizing: border-box;} .pcf-lastpost i { font-size: .8em; } .pcf-lastpost { z-index: 1; }
.pcf-pagination { top: 7px; right: 8px; position: absolute; width: 100%; }
.pcf-pagination .pagination { margin: 0!important; }

/* - Espacio de la navegacion || Navigation area - */
.pcf-viewforum_body { align-items: center; display: flex; height: 33px; margin: 5px 0; position: relative; }
.topic-actions {  margin: 0!important; width: 100%; }

/* - Leyenda || Legend -*/
#pcf-info_vfm { display: flex; flex-wrap: wrap; margin: 0 0 .2em; width: 100%; }
#pcf-permission { width: calc(100%/2 - 1px); }
.pcf-navuser-vfm { background: var(--peaceful-1); color: var(--peaceful-n2); font: 600 0.7em / 1em var(--peaceful-t1); letter-spacing: 1px; padding: 10px; text-align: center; text-transform: uppercase; margin-top: 0.2em; width: 100%; }

/* ///////////////////////// ESTRUCTURA DEL PERFIL Y TEMAS  - LA APARIENCIA BÁSICA || PROFILE STRUCTURE AND THEMES - THE BASIC APPEARANCE ///////////////////////// */

/* -- Encabezado || Topic Header -- */
.post .h3 { font-size: 8px!important; width: 100%; }
.pcf-eapost { align-items: center; background: var(--peaceful-4); display: flex; margin-top: 1px; padding: 5px 10px; width: 100%; }
.pcf-eapost div, .pcf-eapost ul { width: calc(100%/2); box-sizing: border-box; }
.pcf-author { color: var(--peaceful-n2); font: 600 8px var(--peaceful-t1); letter-spacing: .5px; text-transform: uppercase; }
ul.pcf-iconsedits { justify-content: right; } .pcf-edits img { margin-right: 5px; }

/* - Contenido del post || Post content - */
.post .inner { display: flex; flex-wrap: wrap; align-content: baseline; } .post { margin: 0 0 0.2em; padding: 0; }
.postbody { box-sizing: border-box; flex-grow: 1; color: var(--peaceful-n1); padding: 10px 10px 10px 5px; width: 470px; }
.postbody .content { font: 12px / 1.2em var(--peaceful-t3); }

/* - Leyenda de edicion || Editing legend - */
div#pcf-editinfo { color: var(--peaceful-6); font-weight: 700; text-align: center; font-style: italic; padding: 6px 10px 0; }

/* - Perfil de los temas || Profile topics - */
.pcf-postprofile { background: var(--peaceful-0); border-left: var(--peaceful-border); float: right; padding: 5px 0 0 5px; position: relative; width: var(--psizew); }
/* Nickname */
.pcf-profile-username { background: var(--peaceful-1); font: 900 1.5em / 1em var(--peaceful-t1); padding: 10px 5px; text-align: center; text-transform: uppercase; margin-bottom: 5px; }
/* Avatar */
.pcf-profile-avatar { height: var(--psizeh); width: var(--psizew); overflow: hidden; margin-bottom: 5px; }
.pcf-profile-avatar img { object-fit: cover; height: 100%; width: 100%; }
/* Datos del perfil || Profile data */
.pcf-postground { -moz-transition-duration: 400ms; -webkit-transition-duration: 400ms; align-items: center; background: #0a0a0abf; color: var(--peaceful-n2); display: flex; justify-content: center; opacity: 0; overflow: hidden; position: absolute; height: var(--psizeh); width: var(--psizew); }
.pcf-postground:hover { -moz-transition-duration: 400ms; -webkit-transition-duration: 400ms; opacity: 1; }
.postprofile-style { text-align: center; overflow: auto; position: relative; height: calc(100% - 50px); width: calc(100% - 50px); }
.pcf-postprofile-field { margin: 8px 0; padding: 5px; }
.pcf-profile-label { display: block; font: 600 1em / 1em var(--peaceful-t1); text-transform: uppercase; border-bottom: var(--peaceful-border); padding-bottom: 2px; margin-bottom: 2px; }
.pcf-profile-label span { color: var(--peaceful-n2)!important; }
/* Rango, contacto || Rank, contact */
.pcf-profile-rank { background: var(--peaceful-1); color: var(--peaceful-6); font: 800 1em / 1em var(--peaceful-t1); letter-spacing: 1px; text-transform: uppercase; }
.pcf-profile-rank, .pcf-profile-contact { padding: 10px 5px; text-align: center; }
.pcf-profile-contact img { margin: 0 5px; }

/* Dejar de vigilar tema || Watch topic */
.noprint a { display: block; border-top: var(--peaceful-border); font: 800 1em / 1em var(--peaceful-t1); letter-spacing: .5px; text-transform: uppercase; padding-top: 7px; }

/* - Spoiler, Code and Quote - */
blockquote, dl.codebox { background: var(--peaceful-3); border-left: 10px solid var(--peaceful-1)!important; font-size: 100%!important; margin: 0 10px; overflow: hidden; padding: 10px; border: 0; }
blockquote cite, dl.codebox dt { border-bottom: var(--peaceful-border); font: 900 12px / 1em var(--peaceful-t1); margin-bottom: 5px; padding-bottom: 5px; text-transform: uppercase; }
.spoiler_content.hidden, dl.codebox code { display: block; font-size: 100%; padding-right: 5px; height: auto; max-height: 200px; overflow: auto; white-space: normal; }
.spoiler_content.hidden, dl.codebox code, .content blockquote { color: var(--peaceful-n1)!important; }
.spoiler_content.hidden { margin: 0 6px; }
blockquote div { margin-left: 0; }

/* ///////////////////////// PERFIL SIMPLE || SIMPLE PROFILE ///////////////////////// */

/* - Caja que engloba al perfil || Mother box - */
.pcf-probox { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border: var(--peaceful-border); margin: 0 auto; padding: 10px; }

/* - 1er modulo: Caja de la informacion del perfil || 1st module: Profile information box - */
.pcf-proONE { margin-right: 10px; flex-grow: 1; width: calc(61.5em - var(--psizew)); }
/* Nombre del usuario, rango || Username, rank */
.pcf-prott { background: var(--peaceful-1); padding: 10px; margin-bottom: 10px; }
.pcf-protitle { border-bottom: var(--peaceful-border); font: 900 2em / 1em var(--peaceful-t1); padding-bottom: 4px; }
.pcf-prorango { color: var(--peaceful-n2); font: 600 11px / 1em var(--peaceful-t1); letter-spacing: .5px; padding-top: 5px; text-transform: lowercase; }
/* Campos del perfil || Fields profile */
.pcf-proinfo { align-content: baseline; outline: var(--peaceful-border); display: flex; flex-wrap: wrap; justify-content: center; height: calc(-20px + var(--psizeh)); overflow: auto; }
.pcf-procmps { display: flex; flex-wrap: wrap; flex-grow: 1; align-items: center; text-align: center; margin: 10px; height: 46px; width: 150px; }
.pcf-campo { display: block; width: 100%; }
.pcf-campo pcfq { border-bottom: var(--peaceful-border); display: block; font: 800 11px var(--peaceful-t1); padding-bottom: 2px; text-transform: uppercase; }
.pcf-campo pcfa { display: block; padding: 3px 0; }
.pcf-campo pcfq, .pcf-campo pcfq span { color: var(--peaceful-n3)!important; }

/* - 2do modulo: Avatar, estadisticas || 2nd module: Avatar, statistics - */
.pcf-proTWO { width: calc(var(--psizew) + 20px); }
/* Avatar */
.pcf-proavatar { background: var(--peaceful-0); border: 10px solid var(--peaceful-1); height: var(--psizeh); }
.pcf-proavatar img { object-fit: cover; height: var(--psizeh)!important; width: var(--psizew)!important; }
/* Estadisticas de mensajes y temas || Message and topic statistics */
.pcf-probotones { display: flex; align-items: center; font: 800 1.3em / 1em var(--peaceful-t1); color: var(--peaceful-6); justify-content: center; height: 23px; text-align: center; text-transform: uppercase; margin-top: 10px; }
.pcf-probotones > a { display: block; padding: 0 10px; } .pcf-probotones i { color: var(--peaceful-5); font-size: .6em; }

/* - 3er modulo: Contacto || 3th module: Contact - */
.pcf-procontacto { background: var(--peaceful-1); display: inline-flex; justify-content: center; margin-top: 10px; padding: 10px; width: 100%; }
/* No email - optional */ .pcf-procontacto div:nth-of-type(2) { display: none!important; }
.pcf-procontacto a { margin: 0 5px; }

/* - Panel de administracion || Administration Panel - */
.pcf-adminprofile { color: var(--peaceful-n3); font: 700 1em / 1em var(--peaceful-t1); letter-spacing: 1px; margin: 5px auto; text-align: center; text-transform: uppercase; }

/* ////////////////////////////////////////// CODIGOS VARIOS PARA PERSONALIZAR || VARIOUS CODES TO CUSTOMIZE ////////////////////////////////////////// */

/* - Scroll - */
::-webkit-scrollbar { background-color: var(--peaceful-6); border: 4px solid var(--peaceful-1); height: 9px; width: 9px; }
::-webkit-scrollbar-thumb { background-color: var(--peaceful-5); border: 2px solid var(--peaceful-1); height: auto; width: 5px; }

/* - Seleccionar de color || Select color- */
::selection { background: var(--peaceful-5); color: var(--peaceful-n2); }

/* - Miembros estandar || Standard members - */
.topic-actions input.inputbox.tiny { width: 41%; }
thead { background: var(--peaceful-1); padding: 4px; }
table.table1 thead th { color: var(--peaceful-n2); font: 700 10px var(--peaceful-t1); padding: 7px 8px; }

/* - Preview - */
div#preview .h3 { width: auto!important; } div#preview .postbody { flex-grow: 0; width: calc(100% - var(--psizew)); }
.panel.post.preview .pcf-eapost { margin-bottom: 1em!important; }
.post h3 { font: 800 1em / 1em var(--peaceful-t1); margin: 0 0 .5em!important; }
.postbody p.author { margin: 0!important; padding: 0.5em 0.5em 0!important; }

/* - Editor - */
.sceditor-container, .sceditor-container div, div.sceditor-dropdown, div.sceditor-dropdown div { z-index: 0!important; }
.sceditor-container{ border:var(--peaceful-border)!important; background:var(--peaceful-0)!important; border-radius:3px!important; }
.sceditor-toolbar { padding: 10px!important; border-radius:1px 1px 0 0!important; border-bottom:var(--peaceful-border)!important; text-align: center; background:var(--peaceful-2)!important; }
.sceditor-group { background: var(--peaceful-2)!important; border: 0px!important; border-radius: 3px!important; }
.sceditor-button { text-indent: 0!important; margin:2px; }
.sceditor-button, .sceditor-button div { display: block; }
.sceditor-button:hover, .sceditor-button.hover, .sceditor-button.active{ background:var(--peaceful-1)!important; box-shadow:0 0 transparent!important; }
.sceditor-container textarea { color: var(--peaceful-n1)!important; }

/* - Formularios || Forms - */
.inputbox { background-color: var(--peaceful-0); border: var(--peaceful-border); color: var(--peaceful-n1); cursor: text; font: 400 12px var(--peaceful-t3); padding: 5px 10px; }
input.tiny, select.tiny { width: 136px!important; margin-right: -5px; }
input.inputbox, select.inputbox { width: 76%; outline: 0; } textarea.inputbox { width: 85%; outline: 0; }
select { background: var(--peaceful-0); color: var(--peaceful-n1); }

/* - Botones de previsualizacion || Preview buttons - */
a.button1, a.button2, button.button2, input.button, input.button1, input.button2 { background: var(--peaceful-4); border: 0!important; color: var(--peaceful-n2)!important; font: 800 9px var(--peaceful-t1); overflow: visible; padding: 5px 10px!important; text-transform: uppercase; width: auto!important; }
.buttons { margin: 0; } fieldset.submit-buttons input { vertical-align: middle; margin-right: 5px; }

/* - Botones del paginado de los temas || Buttons of the topic pagination - */
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited { background: var(--peaceful-0); color: var(--peaceful-n3); border: var(--peaceful-border); }
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited { color: var(--peaceful-n1); border: var(--peaceful-border); }
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited, .pagination span strong { font-size: .9em; font-weight: 400; line-height: 1.5em; margin: 0 2px; padding: 3px; text-decoration: none; }
.pagination span strong { background-color: var(--peaceful-5); border: var(--peaceful-border)!important; color: var(--peaceful-n2); }

/* - Pagina de busqueda || Search box - */
.overview { background: var(--peaceful-0); border: var(--peaceful-border); font: 600 0.8em / 1em var(--peaceful-t1); padding: 8px; }

/* - Listado de mensajes privados || List of private messages - */
div#privmsgs-menu { border-bottom: var(--peaceful-border); display: flex; justify-content: center; padding-bottom: 10px; align-items: center; font: 700 1em / 1em var(--peaceful-t1); text-transform: uppercase; }
#privmsgs-menu > div { text-align: center; margin: 0 20px; }
div#privmsgs-menu div span { display: block; margin-top: 5px; width: 100%; }
.pcf-tpl_t1.privim { border-left: 0; border-right: 0; display: flex; flex-wrap: wrap; align-items: center; align-content: center; height: 20px; }
.pcf-tpl_t1.privim div { position: absolute; float: inherit; width: auto; } .right-box { right: 10px; }

/* ////////////////////////////////////////// NO ELIMINAR ESTO || DO NOT DELETE THIS ////////////////////////////////////////// */

/* Eliminar zonas - Delete spaces */
div#pcf-editinfo br, div#postingbox .h3:nth-of-type(1), .pcf-profile-rank br, .pcf-navuser-vfm br, #content-container div#left div#comments_scroll_div, .peaceful-footer2, .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom, p.copyright br, .pcf-staBX1 br { display: none; }
.module, .panel, .forumbg, .forabg, div#pcf-sitename h1 { margin: 0!important; padding: 0!important; }