ÍndiceConectarse
Últimos temas
|
|
|
|
|
|
CRÉDITOS
Skin “Shine!” creado por Runa XIII e inspirado en la colección de tablillas de Nymphea “Keep it simple”. Un agradecimiento especial para Nymphea por su consentimiento. Paleta de color “198 Celebration!” por alfarroba en ColorLovers. Un agradecimiento especial a la Asistencia de Foroactivo y los tutoriales de Savage Themes y The Captain Knows Best.
09/08/18 SF
Página 1 de 1.
09/08/18 SF
por Kuroki Jue Ago 09, 2018 3:58 pm
- Código:
/* F O N T S */
/* cyrillic */
@font-face {
font-family: 'Lobster';
font-style: normal;
font-weight: 400;
src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v15/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Lobster';
font-style: normal;
font-weight: 400;
src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v15/RdfS2KomDWXvet4_dZQehvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Lobster';
font-style: normal;
font-weight: 400;
src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v15/9NqNYV_LP7zlAF8jHr7f1vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lobster';
font-style: normal;
font-weight: 400;
src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v15/cycBf3mfbGkh66G5NhszPQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Tinos';
font-style: normal;
font-weight: 400;
src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/5Y467EoGZbE5BzggGetAwQ.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Tinos';
font-style: normal;
font-weight: 400;
src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/LAFSGPU6Bx-TSztAF7FdEQ.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Tinos';
font-style: normal;
font-weight: 400;
src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/io9F9gU4ge4ZN-Hc4kLfng.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Tinos';
font-style: normal;
font-weight: 400;
src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/t-2k4mNB0yy7LDEmWjwwYg.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
font-family: 'Tinos';
font-style: normal;
font-weight: 400;
src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/AIs2bFG0f5haCB4zGlb94Q.woff2) format('woff2');
unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
font-family: 'Tinos';
font-style: normal;
font-weight: 400;
src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/lmw32999PDyxCoYcizlzBQ.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Tinos';
font-style: normal;
font-weight: 400;
src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/Ci-dtQHlN1CvDBxe0dEL8g.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Tinos';
font-style: normal;
font-weight: 400;
src: local('Tinos'), url(https://fonts.gstatic.com/s/tinos/v9/4tj7mrrPq8QmoWyD90P1bw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* S K I N -------------------------------------------------------------------*/
#wrap {
width: 1055px;
}
#phpbb {
margin-left: 260px;
border-left: solid 20px #1a1618;
}
/*elimina el titulo del foro y el subtitulo*/
#site-title, #site-title h1 {
font-size: 0px;
padding-top: 0px;
}
#logo img {
position: relative;
margin: 0px;
padding: 0px;
top: -30px;
right: -15px;
left: -15px;
}
::-webkit-scrollbar-thumb {
background-color: #964072;
border: 2px solid #DEE1CA;
height: auto;
width: 5px;
border-radius: 5px;
}
::-webkit-scrollbar {
background-color: #964072;
border: 4px solid #DEE1CA;
height: 10px;
width: 10px;
}
/*elimina el buscar*/
#search-box {
display: none;
}
input.search {
background: #BDBDBD;
}
.h3 {
font-family:'Lobster';
font-size: 18px;
text-transform: none;
}
/*Eliminar la señal de la fecha y última visita en el índice*/
p.right.rightside + p {
display:none;
}
p.rightside {
display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
display: block;
}
/* BARRA DE NAVEGACIÓN */
#page-header .navbar {
margin-top: -50px;
margin-left: -15px;
width: 1050px;
display: block;
position: absolute;
}
ul.navlinks {
padding: 5px 0px;
background: #151515;
font-family: 'Calibri';
font-size: 10px;
line-height: 60px;
text-align: center;
cursor: pointer;
word-spacing: 1px;
}
ul.navlinks a {
color: #D2D2D2;
text-transform: uppercase;
font-weight: lighter;
}
ul.navlinks a:hover {
text-decoration: none;
color: #F25062;
}
/*.navegación de perfil*/
div#tabs{
background: #fff;
width: 100%;
text-align: center;
font-family: 'Tinos';
font-weight: bold;
font-size: 10px;
color: #020305;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 1px;
word-spacing: 2px;
}
div#tabs:hover {
text-decoration: none;
color: #F25062;
}
/* CATEGORÍAS */
/*Caja contenedora del título de categoría*/
.forabg .header {
background: #fff;
width: 1010px;
line-height: 90px;
text-align: center;
text-transform: none;
outline: 5px dotted #a34573;
outline-offset: -5px;
}
.forabg .header h2 {
font-family: 'Lobster';
font-size: 35px;
text-transform: none;
line-height: 80px;
-webkit-text-fill-color: #c4597f;
-webkit-text-stroke-color: #a34573;
-webkit-text-stroke-width: 1px;
text-shadow: 3px 3px 0px #7b1f40;
}
/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
text-align: center;
width: 100%;
}
/*desaparecen de la cabezera*/
.forabg li.header dd.lastpost {
display:none;
}
.forabg li.header dd.posts {
display:none;
}
.forabg li.header dd.topics {
display:none;
}
/* FOROS */
/*titulo de los subforos*/
a.forumtitle {
width: 330px;
height: 40px;
background: #151515;
font-family: 'Tinos';
font-size: 25px;
color: #bd2222; /*COLOR DE LOS TITULOS DE LOS FOROS*/
text-align: center;
display: block;
padding-top: 10px;
border-radius: 20px 20px 0px 0px;
margin-top: -9px;
margin-left: -51px;
}
.forabg .forumtitle:hover{
text-decoration: none;
color: #D2D2D2;
}
/*cantidad de temas*/
.forabg dd.topics {
width: 165px;
height: 6px;
background: #f3cdc4;
font-family: Calibri;
font-size: 11px;
text-transform: uppercase;
color: #020305;
text-align: center;
display: inline-block;
letter-spacing: 2px;
line-height: 12px;
margin-left: -209px;
margin-top: 278px;
position: absolute;
padding-bottom: 8px;
}
.forabg li.row dd.topics:after {content: "temas"; }
/*cantidad de post*/
.forabg dd.posts {
width: 165px;
height: 6px;
background: #dbcadc;
font-family: Calibri;
font-size: 11px;
text-transform: uppercase;
color: #020305;
text-align: center;
display: inline-block;
letter-spacing: 2px;
line-height: 12px;
margin-left: -45px;
margin-top: 278px;
position: absolute;
padding-bottom: 8px;
}
.forabg li.row dd.posts:after {content: "post";}
/*ultimo mensaje*/
.forabg dd.lastpost {
width: 260px;
height: 20px;
overflow: hidden;
padding: 0px 20px;
background: #fff;
line-height: 20px;
text-transform: uppercase;
font-family: Calibri;
font-size: 10px;
color: #020305;
text-align: center;
position: absolute;
margin-top: 300px;
margin-left: 15px;
}
li dd.lastpost span a {margin-left: 10px;}
.forabg dd.lastpost a {color: #7B5F54; margin-right: 5px;}
.lastpost br {display:none;}
.last-post-icon{ display: inline-block; margin-left: -10px}
/* DESCRIPCIONES */
/*.cuadrado principal de la descripción*/
ul.topiclist.forums li.row {
width: 330px;
height: 330px;
background: white;
border-radius: 20px;
margin: 10px;
margin-left: -0px;
margin-bottom: 0px;
display: inline-block;
overflow: hidden;
}
#desc{
width: 330px;
height: 230px;
margin-top: -12px;
margin-left: -50px;
overflow: hidden;
}
#txt1 {
width:295px;
height: 80px;
padding: 5px;
overflow-y: auto;
background: #D2D2D2;
font-family: Calibri;
font-size: 10pt;
text-align: justify;
line-height: 11pt;
color: #020305;
margin-top: 10px;
margin-left: 12px;
border: 1px solid #fff;
outline: 5px solid #D2D2D2;
}
#txt2 {
width: 150px;
height: 190px;
padding: 5px;
background: #D2D2D2;
border: 1px solid #fff;
outline: 5px solid #D2D2D2;
font-family: Calibri;
font-size: 10pt;
text-align: justify;
line-height: 10pt;
color: #020305;
margin-top: 5px;
margin-left: 2px;
overflow-y: auto;
}
#txt3 {
width: 228px;
height: 128px;
padding: 30px;
background: #D2D2D2;
border: 1px solid #fff;
outline: 5px solid #D2D2D2;
overflow: hidden;
text-align: center;
font-family: Calibri;
font-size: 12pt;
line-height: 13pt;
color: #020305;
margin-top: 5px;
margin-left: 5px;
}
#txt4 {
width: 280px;
height: 180px;
padding: 5px;
background: #D2D2D2;
border: 1px solid #fff;
outline: 5px solid #D2D2D2;
overflow-y: auto;
font-family: Calibri;
font-size: 12px;
line-height: 13px;
color: #020305;
margin-top: 18px;
margin-left: 18px;
}
#linksy a{
width:155px;
height: 20px;
background: #5188c1;
text-align: center;
font-family: Calibri;
font-size; 11px;
color: #fff;
line-height: 20px;
text-transform: uppercase;
margin: 2px;
cursor: pointer;
overflow: hidden;
display: inline-block;
}
#linksy2 a{
width:140px;
height: 20px;
background: #D9837D;
text-align: center;
font-family: Calibri;
font-size; 11px;
color: #fff;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 5px;
cursor: pointer;
overflow: hidden;
display: block;
}
#linksy a:hover, #linksy2 a:hover{
background: #151515;
}
#specbox {
width: 300px;
height: 200px;
position: relative;
overflow: hidden;
margin-top: 13px;
margin-left: 13px;
}
#specbox .imgspec {
width: 300px;
height: 200px;
overflow: hidden;
position: absolute;
opacity: 1;
transition: all 0.3s linear;
}
#specbox .imgspec:hover {
opacity: 0;
transition: all 0.3s linear;
}
/*TEMAS*/
.post {
width: 900px;
margin-left: 30px;
margin-top: 30px;
}
.buttons{
margin-left: 30px;
margin-bottom: 10px;
}
.postbody {
background: #000000; /*Color del espacio en las firmas*/
margin-top: 5px;
}
.content {
padding: 30px;
background: #000000; /*Color de los cuadros de post*/
}
.forumbg {
width: 970px;
display:block;
margin-left: 30px;
}
.forumbg .header {
background: #020305;
color: #fff;
}
.forumbg .row {
background: #fff;
margin-bottom: 5px;
}
/* Imagen de fondo en redacción*/
.sceditor-container iframe, .sceditor-container textarea {
background:url()!important;}
/* Fin imagen de fondo en redacción*/
/*.título de temas*/
.page-title a {
width: 900px;
text-align: center;
font-family: 'Lobster';
font-size: 40px;
line-height: 50px;
-webkit-text-fill-color: #B4CFBB;
-webkit-text-stroke-color: #fff;
-webkit-text-stroke-width: 1px;
text-decoration: none;
text-shadow: 3px 3px 0px #EC225E;
display: block;
margin-left: 35px;
padding-bottom: 10px;
border-left: solid 30px #fff;
border-right: solid 30px #fff;
border-top: dotted 4px #fff;
border-bottom: dotted 4px #fff;
}
/*.título de tema en cada post*/
.postbody .topic-title a {
background: #fff;
display: block;
width: 100%;
text-align: center;
font-family: 'Tinos';
font-size: 25px;
padding: 20px 0px;
}
/*.autor de post*/
p.author{
background: #fff;
display: block;
width: 100%;
text-align: center;
padding: 10px 0px;
margin: 0px;
border-top: solid 1px #D2D2D2;
}
/*.títulos del perfil*/
h1.page-title{
text-align: center;
font-family: 'Lobster';
font-size: 35px;
line-height: 80px;
-webkit-text-fill-color: #B4CFBB;
-webkit-text-stroke-color: #fff;
-webkit-text-stroke-width: 1px;
text-decoration: none;
text-shadow: 3px 3px 0px #EC225E;
display: block;
}
/*.cajita de botones de editar,citar,etc*/
.postbody ul.profile-icons {
margin-top: -40px;
margin-right: -15px;
}
.pathname-box {
background: #fff;
width: 950px;
margin-left: 30px;
word-spacing: 2px;
padding: 10px;
}
/*.navegación por temas de foro*/
p.normagin.path{
display: block;
background: #fff;
width: 950px;
margin-left: 30px;
word-spacing: 2px;
padding: 10px;
}
p.path {
display: block;
position: relative;
background: #fff;
width: 950px;
margin-left: 35px;
word-spacing: 2px;
padding: 10px;
}
/* WIDGETS */
#content-container div#left {
position:absolute;
top: 0px;
left: 0px;
}
/* .desaparece el título de los módulos */
.module .h3 {
display: none;
}
/* .título de los módulos */
#modutite {
width: 230px;
height: 60px;
background: #000;
text-align: center;
font-family: 'Tinos';
font-size: 25px;
color: #D2D2D2;
border-radius: 20px 20px 0px 0px;
line-height: 60px;
font-weight: bold;
margin-top: 8px;
}
/* .textos en los módulos */
#modutexty{
width: 200px;
padding: 15px;
background: #fff;
border-radius: 0px 0px 20px 20px;
text-align: justify;
font-family: Calibri;
font-size: 12px;
color: #020305;
line-height: 13px;
}
/*CITAR, SPOILER Y CODE*/
blockquote {
background: #D2D2D2;
font-family: Calibri;
font-size: 14px;
line-height: 15px;
padding: 15px;
border: solid 1px #fff;
box-shadow: 0px 5px 5px gray;
margin:15px;
}
blockquote cite{
font-family: lobster;
font-size: 14px;
letter-spacing: 1px;
word-spacing: 1px;
}
dl.codebox dt{
font-family: 'Lobster';
text-transform: none;
font-size: 18px;
line-height: 20px;
border-bottom: solid 1px #B4CFBB;
}
.spoiler_content{
padding: 15px;
font-family: Calibri;
font-size: 14px;
line-height: 15px;
}
dl.codebox code{
padding: 15px;
color: #D9837D;
font-weight: bold;
}
/* E S T A D Í S T I C A S ----------------------------------------------------- */
#stat {
background: transparent;
width: 970px;
margin: 1px;
padding: 5px;
display: block;
overflow: hidden;
margin-left: 20px;
}
#statbar{
background: #020305;
text-align: center;
font-family: 'Tinos';
font-size: 25px;
font-weight: bold;
color: #D2D2D2;
line-height: 60px;
display: block;
}
#statgr {
background: #fff;
padding: 10px;
overflow: hidden;
}
#stat-esp {
display: block;
text-align: center;
font-family: Calibri;
font-size: 8px;
color: #020305;
letter-spacing: 1px;
padding: 5px;
text-transform: uppercase;
}
#statbox1 {
width: 360px;
height: 135px;
background: #fff;
padding: 10px;
overflow: hidden;
margin-bottom: 5px;
}
#statbox2 {
width: 160px;
height: 50px;
padding: 10px;
background: #fff;
border-radius: 0px 0px 20px 20px;
margin-left: 10px;
margin-bottom: 5px;
overflow: hidden;
}
#stat-tit1 {
background: #000;
height: 20px;
text-align: center;
font-family: Calibri;
font-size: 12px;
text-transform: uppercase;
color: #fff;
line-height: 20px;
font-weight: lighter;
}
#stat-tit2 {
width: 180px;
height: 30px;
background: #000;
text-align: center;
font-family: 'Tinos';
font-size: 15px;
font-weight: bold;
color: #D2D2D2;
line-height: 30px;
border-radius:20px 20px 0px 0px;
margin-left: 10px;
}
#statcont1 {
width: 360px;
height: 95px;
display: block;
overflow-y: auto;
text-align: justify;
font-family: Calibri;
font-size: 10px;
text-transform: uppercase;
color: #020305;
}
#statcont1 a {
font-family: 'Lobster';
text-transform: none;
font-size: 15px;
}
#statcont2 {
padding: 10px;
border: solid 1px #D2D2D2;
text-align: center;
font-family: 'Lobster';
font-size: 15px;
line-height: 100%;
display: block;
overflow: hidden;
margin-top: 5px;
}
#statimg {
width: 230px;
height: 315px;
background: url('http://i.imgur.com/bsRxssO.png');
}
/*.GRUPOS*/
#gr1, #gr2, #gr3, #gr4, #gr5, #gr6, #gr7, #gr8, #gr9, #gr10, #gr11, #gr12, #gr13 {
width: 130px;
height: 15px;
text-align: center;
font-family: Calibri;
font-size: 10px;
color: #fff;
text-transform: uppercase;
line-height: 15px;
margin-bottom: 4px;
overflow: hidden;
}
#gr1 {background: #840AAD;border: solid 2px #840AAD;}
#gr2 {background: #DB6B2E;border: solid 2px #DB6B2E;}
#gr3 {background: #E32938;border: solid 2px #E32938;}
#gr4 {background: #2EB6C2;border: solid 2px #2EB6C2;}
#gr5 {background: #FF8587;border: solid 2px #FF8587;}
#gr6 {background: #70964A;border: solid 2px #70964A;}
#gr7 {background: #A33971;border: solid 2px #A33971;}
#gr8 {background: #8D6ADE;border: solid 2px #8D6ADE;}
#gr9 {background: #7ACF93;border: solid 2px #7ACF93;}
#gr10 {background: #ABCAFF;border: solid 2px #ABCAFF;}
#gr11 {background: #BCC218;border: solid 2px #BCC218;}
#gr12 {background: #858585;border: solid 2px #858585;}
#gr13 {background: #000000;border: solid 2px #000000;}
/*C A J A D E P E R F I L -------------------------------------------------------*/
/*.caja de perfil*/
#avmainbox{
background: #fff;
width:230px;
padding:10px;
overflow: hidden;
display:block;
position: relative;
}
/*.nombre de usuario*/
#avname{
width: 230px;
height: 60px;
background: #151515;
font-family: 'Tinos';
font-size: 20px;
text-align: center;
font-weight: bold;
line-height: 60px;
display: block;
border-radius: 20px 20px 0px 0px;
}
/*.espacio de avatar*/
#avimgbox {
width:230px;
height: 400px;
background: #F0F1E6;
overflow: hidden;
border-radius: 0px 0px 20px 20px;
position: relative;
}
/*.avatar*/
#avimgbox .avimg{
width:230px;
height:400px;
border-radius: 0px 0px 20px 20px;
position: absolute;
overflow: hidden;
top: 0px;
width: 230px;
height: 400px;
transition: all 0.5s ease-in-out;
}
#avimgbox .avimg:hover {
top: -400px;
transition: all 0.5s ease-in-out;
}
/*.contenido detrás de el avatar*/
#avcont {
width: 210px;
height:400px;
margin-left: 10px;
margin-top: 10px;
overflow: hidden;
}
#avinfo {
background: #fff;
width:200px;
text-align: center;
font-family: Calibri;
font-size: 10px;
color: #020305;
line-height: 11px;
text-transform: uppercase;
padding: 5px;
margin-bottom: 4px;
}
#avsep {display: none;}
#avrank {
width: 230px;
height: 50px;
border-radius: 15px;
border: solid 1px #D2D2D2;
box-shadow: 0px 2px 5px gray;
margin-top: 10px;
margin-bottom: 10px;
}
#avcall{margin-bottom: 5px;}
#avcall:hover {box-shadow:0px 3px 3px gray;}
#avhello{margin:0px;}
/*CHATBOX*/
.chatbox {
background: #E6E6E6;
}
#chatbox_header {
background: #020305;
}
a.chat-title {
font-family: 'Lobster';
color: white;
font-size: 18px;
}
div#chatbox_bottom{
width: 970px;
margin-left: -15px;
margin-top: -30px;
margin-bottom: -30px;
}
/*A F I L I A D O S --------------------------------------------*/
#afitite {
width: 230px;
height: 20px;
background: #151515;
text-align: center;
font-family: 'Tinos';
font-size: 15px;
color: #fff;
line-height: 20px;
margin-bottom: 10px;
margin-top: 10px;
}
#afibro {
width: 50px;
height: 90px;
border-radius: 5px;
border: solid 4px #fff;
display: inline-block;
margin-left: 1px;
margin-bottom: 5px;
cursor: pointer;
}
#afibro:hover {
border: solid 4px #F25062;
}
#afieli {
width: 40px;
height: 40px;
border-radius: 5px;
border: solid 4px #fff;
display: inline-block;
margin-left: 1px;
margin-bottom: 5px;
cursor: pointer;
}
#afieli:hover {
border: solid 4px #B4CFBB;
}
#afinorm {
width: 230px;
height: 20px;
background: #151515;
text-align: center;
font-family: 'Tinos';
font-size: 15px;
color: #fff;
transition: all 0.5s linear;
margin-top: 10px;
margin-bottom: 10px;
cursor: pointer;
}
#afinorm:hover {
box-shadow: 2px 3px 5px gray;
margin-left: -5px;
border-radius: 5px;
transition: all 0.5s linear;
}
/*ANUNCIOS+++++++++++++*/
#anndate{
width: 150px;
height: 30px;
background: #020305;
text-align: center;
font-family: 'Tinos';
font-size: 8pt;
color: #fff;
line-height: 30px;
}
#annkont{
width: 140px;
height: 110px;
background: #fff;
border: solid 5px #fff;
text-align; justify;
font-family: Calibri;
font-size: 8pt;
color: #020305;
overflow-y: auto;
}
/*------------------------ Tablon by Yuu-----------------------------*/
/* Tablon by Yuu*/
/**Tablón**/
/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
color: #c42b2b !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#598F51;}
/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://i43.tinypic.com/smt7rt.jpg');}
/*segundo boton*/
.bn2 {background: url('http://i39.tinypic.com/o0cumd.jpg');}
/*tercer boton*/
.bn3 {background: url('http://i39.tinypic.com/33otlrn.jpg');}
/*primer miembro de staff*/
.bns1 {background: url('http://i41.tinypic.com/286xz43.jpg');}
/*segundo miembro del staff*/
.bns2 {background: url('http://i43.tinypic.com/zivng5.jpg');}
/*tercer miembro del staff*/
.bns3 {background: url('http://i42.tinypic.com/11iznro.jpg');}
/*cuarto miembro del staff*/
.bns4 {background: url('http://i.imgur.com/nX9TLl4.png');}
/*quinto miembro del staff*/
.bns5 {background: url('http://i.imgur.com/0EUDXws.png');}
/*sexto miembro del staff*/
.bns6 {background: url('http://i.imgur.com/vQsqQNM.png');}
/*septimo miembro del staff*/
.bns7 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*octavo miembro del staff*/
.bns8 {background: url('http://i.imgur.com/WCWNn1m.png');}
/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 150px;padding: 4px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 150% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin: 50px 5px 3px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 10px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 1px;display: block; text-align: center;border-radius: 5px;margin:2px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 15px; text-transform: uppercase;letter-spacing:1px;width: 250px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
.bnstaff {overflow: hidden;width: 55px; height: 80px; background-size: 100%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:140px;}
.bns4 {left: 80px;} .bns2 {left: 55px;} .bns3 {left: 115px;}
.bns1 {margin: 0px;}
.bns5 {top: 183px;margin: 0px;} .bns6 {top: 183px;left: 38px;} .bns7 {top: 183px;left: 82px;} .bns8 {top: 183px;left: 125px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 140px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}
/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}
@font-face {
font-family: 'Ubuntu Condensed';
font-style: normal;
font-weight: 400;
src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/* fin tablon */
.box-msj {atributos} /*edita la parte que dice la cantidad de respuestas del tema*/
.box-views {atributos} /*edita la parte de cantidad de vistos del tema*/
.box-lst {atributos} /*edita la parte del último mensaje*/
/*------------------------ Chatbox ----------------------------*/
#chatbox_ret_cont{
z-index: 999;
background-color: transparent;
position: fixed;
bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
left: 0;
}
#chatbox_ret_cont div{
cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
background-color: white;
border: 2px solid grey;
display: none;
height: 450px;
margin-bottom: 0;
width: 900px;
}
/*------------------------ Fin Chatbox-----------------------------*/
ul.navlinks {
position: fixed;
top: 0;
width: 100%;
}
Kuroki- Admin
- Mensajes : 162
Fecha de inscripción : 03/10/2014 -
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
» Morderish - Widget-
» Hey Mamma! -Widgets-
» Deku -Expediente
» Keep it simple -Expediente-
» 09/08/18 SF
» Keep it simple -Widgets-
» Dream catcher -Usos multiples-
» Bite -Otros-