Í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.
20/02/2016 SF
Página 1 de 1.
20/02/2016 SF
por Kuroki Sáb Feb 20, 2016 6:24 pm
- Código:
*/ Base general del foro/
@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Alef';
font-style: normal;
font-weight: 400;
src: local('Alef Regular'), local('Alef-Regular'), url(http://themes.googleusercontent.com/static/fonts/alef/v1/C8wmYJieZdfX3SNk-GwKVA.woff) format('woff');
}
#wrap {
border-left: 40px groove #a80023; /*Borde izq de cuerpo de foro*/
border-right: 20px solid #a80023; /*Borde der de cuerpo de foro*/
}
a.mainmenu {
font-family: Amatic SC;
font-size: 26px;
letter-spacing: -3px;
text-shadow: text-shadow: 0 0 10px #000000;
}
a.mainmenu:hover{
letter-spacing : -2;
text-decoration: none;
color : #670000;
text-transform: uppercase;
}
ul.navlinks {
margin-top: -55px;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 22;
font-family: Alef;
text-decoration: none;
letter-spacing: -2px;
}
.postprofile {
display: block;
text-align: center;
border-left: 15px solid #bc0000; /*No se que cambia*/
border-right: 15px solid #bc0000; /*No se que cambia*/
width: 180px;
}
.postprofile dd {
text-align: left;
margin-top: 4px;
}
#i_whosonline + p em {
background: #1c676c;
border-left: 10px solid #670000; /*Linea pequeña abajo del whos online*/
border-right: 10px solid #670000; /*Linea pequeña abajo del whos online*/
display: block;
height: 50px;
width: 70%;
font-family: Amatic SC;
font-size: 29px;
margin: 0 auto;
color: transparent;
font-style: normal;
padding: 5px;
}
#main .h3 { /*Estadisticas*/
background: #a80023; /*Fondo Quien esta en linea, chatbox y estadísticas*/
border-bottom: 20px solid #4670000; /*Linea pequeña abajo del estadisticas*/
height: 50px;
text-align: center;
font-family: Amatic SC;
color: #650004; /*Linea pequeña abajo del ---*/
letter-spacing: -2px;
font-size: 40px;
}
li.header {
background: #a80022; /*Fondo división de foros (Cuadras)*/
color: #a80022;
font-size: 8px;
font-weight: 700;
margin-right: -10px;
padding: 6px 0 1px;
height: 31px;
letter-spacing: 0;
text-align: center;
text-transform: none;
vertical-align: middle;
}
.table-title h2 {
font-size: 29px;
font-family: Amatic SC;
}
a.forumtitle {
font-family: Amatic SC;
font-size: 25px;
letter-spacing: -1;
padding-left: 30px;
text-align: left;
text-shadow: text-shadow:4px 4px 4px #c64387; /*Rosa?*/
text-transform: uppercase;
border-left: 19px solid #71b6bb; /*Blah*/
color: #71b6bb; /*Blah*/
margin-left: 0px;
}
a.forumtitle:hover {
text-decoration:none;
text-shadow: 0 0 5px #f2826e;
letter-spacing: 0;
border-left: 19px solid #f2826e;
color: #f2826e;
}
#desc {
background: #f0f0f0;
width: 400px;
border-left: 20px solid #71b6bb; /*Aqui a ver*/
border-right: 20px solid #71b6bb;
height: 110;
overflow: auto;
}
#desc img {
height: 110px;
float: center;
margin-right: 10px;
}
#texto {
opacity: .10;
text-align: justify;
text-size: 9px;
}
body {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 10px;
display: block;
background: #5c597e; /*Barrita*/
}
::-webkit-scrollbar-track-piece {
background: #5c597e; /*Fondo de la barrita vertical y horizontal*/
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #5c0c2d;
border: 1px solid #;
}
/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background: #5c0c2d;
border: 1px solid #;
}
#chatbox_header {
border-radius: 20px 20px 0px 0px ;
background: #6cb1b6;
}
#chatbox_footer {
background: #6cb1b6;}
.chatbox-title {
color: #COLOR;
font-family:Georgia;
text-transform:lowercase;
font-style:italic;
}
#code1 { position: relative; display: inline-block;}
#code2 { display: none; position: absolute;
top: 40px;
left: 100px;
}
#code1:hover #code2 { display: block; }
-----------------------Fin-----------------------
/*Modificar los links del menu de navegación*/
ul.navlinks {
border-bottom: none; /*Quitamos el borde blanco que viene por defecto */
text-align: right;
}
a.mainmenu {
font-family: Georgia;
font-size: 22px;
font-style: italic;
color : #7A9BA0;
letter-spacing: -3px;
line-height: 0.6em;
margin-top: -70px;
text-align: center;
font-weight: lighter;
text-transform: lower
}
a.mainmenu:hover{
text-decoration: line-through;
color : #1E4F5C;
}
/*Links "Ultimos mensajes desde ultima visita"*/
#main ul.linklist li a {
font-family: Times New Roman;
font-size: 16px;
font-style: italic;
letter-spacing: -1px;
}
/*-----------------------------------------Marco Perfil---------------------------------------*/
.postprofile {
background-image: #1c676c;
border-top: solid 13px dimgrey;
border-bottom: solid 22px dimgrey;
float: left;
font-family: Times New Roman, Georgia;
font-style: !important;
font-size: 14px;
letter-spacing: -1px;
width: 165px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
color: black;
border-left: double dimgrey 4px;
border-right: double dimgrey 4px;
}
/*Perfiles*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 24px;
font-style: italic !important;
font-family: Georgia;
text-decoration: none;
letter-spacing: -2px;
}
.postprofile {
display: block;
text-align: center;
}
.postprofile dd {
text-align: center;
margin-top: 4px;
}
.postprofile a img:hover {
opacity: 1;
}
/*------------------------------------Spoiler, Codigo, Cita--------------------------------*/
dl.codebox {
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 0px 0px 0px 0px;
background-image: url('http://i.imgur.com/SI21iOt.png');
color: #fff;
width: 500px;
}
/*Códigos*/
dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#fff;
margin-bottom:3px;
text-transform:uppercase;
font-family: Trebuchet MS, Arial,Helvetica,sans-serif;
border: dimgrey 3px solid;
}
dl.codebox code {
color:#fff;
font-family: Consolas, Arial,Helvetica,sans-serif;
text-shadow:0px 0px 4px #000;
font-size:11px;
border: dimgrey 1px solid;
}
/*Quote*/
blockquote {
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 0px 20px 0px 20px;
background-image: url('http://i.imgur.com/SI21iOt.png');
background-repeat: repeat;
background-position: center;
border: dimgrey 1px solid;
}
.content blockquote {
color: #fff;
font-family: Helvetica;
font-style: none;
font-size:11px;
}
/*Redimensionar Avatares*/
.postprofile img {
/* Codigo standard */
max-width: 150px;
max-height: 350px;
/*Fecha y nombre del autor de cada mensaje*/
.postbody .author{
font-family: Georgía;
font-style: italic;
}
/*Imagen de la zona inferior :v*/
#page-footer {
background-image: url("URL");
background-position: bottom;
background-repeat: no-repeat;
padding-bottom: 90px;
}
li.row:hover {
background: url(http://i.imgur.com/DZdfMGx.png) 100% 100% repeat;
background-position: right;
background-repeat: no-repeat;
background-color: transparent !important;}
/*---------------------------------------Quitar esquinas blancas-------------------------------*/
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none; }
/*------------------------------------------------Ocultar "Buscar"----------------------------*/
#search-box {display:none; }
/*------------------------Cuadro y fondo de las categorias y foros--------------------------
/* Desaparece el borde transarente :v y pone imagen de fondo c: */
ul.topiclist {
list-style-type: none;
margin: 0;
background-image: none;
background-repeat: repeat;
}
/*-----------------------------------------Distancia de widgets y foro-------------------------*/
#main-content {margin-left: 7px; }
/*-----------------------------------------CB desplegable-------------------------*/
#chatbox_ret_cont{
x-index: 10000;
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: #B50D0D;
border: none;
display: none;
height: 379px;
margin-bottom: 0;
width: 700px;
}
#chatbox_ret_cont div {
float: left;
}
/*--------------------------------------------Otras modificaciones a la CB----------------------*/
#chatbox_header {
-moz-border-radius: 0px ;
background:url('http://i.imgur.com/QJeWLjk.jpg');
}
#chatbox_footer {
background-image: url('http://i.imgur.com/QJeWLjk.jpg');
}
.chatbox-title {
color: #130912;
font-family:Georgia;
text-transform:lowercase;
font-style:italic;
}
#chatbox:after {
content: 'Se le recuerda a los usuarios distinguir su diálogo como usuario de lo que dice su personaje, para ello pueden usar () [] {} o guiones. No olviden respetar al resto y saludar como mínima muestra de cortesía. Gracias.' !important;
background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
background-color: transparent !important;
border: 1px solid COLOR DEL BORDE !important;
color: COLOR DEL TEXTO !important;
display: block !important;
font-size: 12px !important;
padding: 10px !important;
padding-left: 35px !important;
}
#chatbox.recently-connected:after {
font-family: "trebuchet ms", serif;
font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #8BC34A;
box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
width:80%; margin:1.5% auto; padding:1%; white-space: pre;
content: "¡Bienvenid@ a la chatbox, {username}! =D Si te encuentras sól@, espera un poquito.";
}
/* Codigo especial IE */
_width: expression((this.offsetWidth>=this.offsetHeight) ?
Math.min(parseInt(this.offsetWidth), 150 ) : true);
_height: expression((this.offsetHeight>this.offsetWidth) ?
Math.min(parseInt(this.offsetHeight), 350 ) : true);
}
/* Doble Posteo */
.doublepost { border-top: 1px solid #888888 }
/* Afiliados al pie */
.brobot img {width: 50px; height: 90px; margin: 2px;border: 2px solid #282828; box-shadow: 0px 0px 1px #000;}
.elitebot img {width: 40px; height: 40px; margin: 2px; margin-bottom: 5px; border: 2px solid #282828; box-shadow: 0px 0px 1px #000;}
/*------------------------ Tablon by Yuu-----------------------------*/
#afi{
background:#af0024;
color:white;
font-family:times new roman;
text-align:center;
letter-spacing:1px;
font-size:20px;
padding:10px;
transition:ease-in-out 1s;
-webkit-transition:ease-in-out 1s;
-moz-transition:ease-in-out 1s;
}
#afi:hover {
letter-spacing:3px;
transition:ease-in-out 1s;
-webkit-transition:ease-in-out 1s;
-moz-transition:ease-in-out 1s;
}
#afi2{
background:#a80023;
overflow: auto;
color:white;
font-family:times new roman;
text-align:center;
letter-spacing:1px;
font-size:20px;
padding:10px;
transition:ease-in-out 1s;
-webkit-transition:ease-in-out 1s;
-moz-transition:ease-in-out 1s;
}
#afi2:hover {
letter-spacing:3px;
transition:ease-in-out 1s;
-webkit-transition:ease-in-out 1s;
-moz-transition:ease-in-out 1s;
}
.yuu-tab1 {
padding:5px;
background:#a80023;
border:10px #a80023;
width:800px;
height:300px;
}
.yuu-tab-int {
width:300px;
height:290px;
text-align:justify;
background:#5c587d;
color:teal;
}
.yuu-tab-2 {
background: #5c587d;
width:250px;
height:290px;
text-align:justify;
color:#FFF;}
/* fin tablon */
/* Inicio - Verificación del nick en la inscripción */
#username_reg {
color: #a90c0c;
}
#username_reg.okusername {
color: #2f9122;
}
/* Fin - Verificación del nick en la inscripción */
#miult a span {
text-transform: uppercase;
}
/* Repetición de imagen en cuadro de texto*/
.sceditor-container iframe, .sceditor-container textarea {
background:url(http://i.imgur.com/9zsur9I.png)!important;}
/* Ajustar imágenes en los mensajes */
.postbody img {max-width: 600px;}
/* latin */
@font-face {
font-family: 'Squada One';
font-style: normal;
font-weight: 400;
src: local('Squada One'), local('SquadaOne-Regular'), url(http://fonts.gstatic.com/s/squadaone/v5/DIbfqh10Zkwc_Qd08Y0safk_vArhqVIZ0nv9q090hN8.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;
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
/*titulo de los foros*/
a.forumtitle {
text-align:center;
color: #670005; /*Color Textos fijos*/
display: block;
text-shadow: 1px 1px 0 #ffffff;
font-family: squada one;
font-size: 20px;
font-weight: 400;
height: 15px;
letter-spacing: 5px;
margin-top: 10px!important;
text-align: center;
text-transform:uppercase;
width: 600px!important;
}
/*fin titulo de los foros*/
/*Interior de la categoria: mensajes*/
.forabg li.row dd.dterm {
width:70% /*Descripción y Título*/
}
/*Lo demás*/
.forabg li.row dd.topics{
width: 94px;
height:70px;
margin-top:40px;
margin-left:-38px;
margin-right:3px;
background:#5c597e; /*Aqui va el color del cuadro "X temas"*/
border:2px solid #ffffff;
text-align:center;
font-size:28px;
font-family:squada one;
color:#ffffff;
}
.forabg li.row dd.topics:after {
content: " TEMAS ";
font-size:26px;
font-family:squada one;
color:#ffffff;
}
.forabg li.row dd.posts{
width: 94px;
height:70px;
margin-top:40px;
background:#5c0c2d; /*Aqui va el color del cuadro "X posts"*/
border:2px solid #ffffff;
font-size:26px;
font-family:squada one;
color:#ffffff;
}
.forabg li.row dd.posts:after {
content: " POSTS ";
font-size: 10px;
font-size:26px;
font-family:squada one;
color:#ffffff;
}
.forabg li.row dd.lastpost{
width:195px;
height:46px;
border:2px solid #ffffff;
background: #a80023; /*Aqui va el color del cuadro "ultimo tema por..."*/
margin-left:-38px;
margin-top:3px;
text-align:center;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
}
dd.lastpost span.color-groups {
float: none;
font-size:15px;
font-family:oswald;
text-transform:uppercase;
letter-spacing:3px;
text-shadow: 1px 1px 0 #fff;
}
dd.lastpost span {
display: inline;
}
/*Fin Interior de la categoria: mensajes*/
/*link de los foros*/
.button {
width:146px;
height:auto;
padding:3px;
background: #42a9de;
border:2px solid #ffffff;
margin-top:-1px;
display: inline-block;
position:relative;
color: #ffffff;
text-align:center;
font-size:8px;
text-transform:uppercase;
letter-spacing:2px;
}
.button span {
display: block;
width: 0%;
height: 0%;
position: absolute;
background: #e9d467;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.button span.tl {
top: 0;
left: 0;
height: 2px;
}
.button span.tr {
top: 0;
right: 0;
width: 2px;
}
.button span.bl {
bottom: 0;
left: 0;
width: 2px;
}
.button span.br {
bottom: 0;
right: 0;
height: 2px;
}
.buttom a{
color:#ffffff;
}
.button:hover {
background:#2e2a3e;
color:#ffffff;}
.button:hover .tl, .button:hover .br {
width: 100%;
}
.button:hover .tr, .button:hover .bl {
height: 100%;
}
/*fin link de los foros*/
/* ------------------ ESTADISTICAS Y QUIEN ESTA EN LINEA - RANGOS ---------------------- */
/* Simbolos */
#groupsimbol .gs {
border-radius: 50px 50px 50px 0px; /* Esta propiedad hará variar la forma del símbolo*/
display: inline-block;
height: 32px;
margin-left: 2px;
padding: 7px;
width: 100px;
background-line: #000000;
}
.tituloLyenda {
background-color: none;
padding: 5px;
text-align: center;
}
.tituloLyenda a {
color: #FFFFFF !important;
font-size: 12px;
}
.mileyenda > center
{
padding-top: 1px; /* Arriba */
padding-bottom: 1px /* Abajo */
}
@font-face {
font-family: 'Alef';
font-style: normal;
font-weight: 400;
src: local('Alef Regular'), local('Alef-Regular'), url(http://themes.googleusercontent.com/static/fonts/alef/v1/C8wmYJieZdfX3SNk-GwKVA.woff) format('woff');
}
#i_whosonline + p em {
background: none;
color: black;
display: table; /*o puedes probar también table*/
}
#i_whosonline + p em h3 {
font-size: 21px;
}
/* ------------------ FIN ESTADISTICAS Y QUIEN ESTA EN LINEA - RANGOS ---------------------- */
/*------------------------------------------Letras de Grupos o Leyendas------------------------------*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #292929;
text-align: center;
font-family: georgia;
font-style: italic;
font-size: 2em;
letter-spacing: 1px;
}
ul.linklist li a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
position: relative;
top: 1px;
cursor:allowed;
}
.postprofile {
display: block;
text-align: center;}
.postprofile dd {
text-align: left;
margin-top: 4px;
}
p em b a.gensmall {
color: #000000;
font-family: georgia;
font-size: 20px;
font-style: italic;
text-align: center;
text-shadow: 0 0 4px #fffff;
text-transform: lowercase;
}
p em {
font-style: normal;
color: transparent;
}
/*--------------------*/
/* Cambiar color fuente botón registrarse---------------------------------*/
a.button1:active,
a.button1:link,
a.button1:visited,
a.button2:active,
a.button2:link,
a.button2:visited
{
background-position: 0 1px;
color: #bc0000;
line-height: 250%;
padding: 2px 8px;
text-decoration: none;
vertical-align: text-bottom;
}
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-