Í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.
CSS 27/08/15 SF
Página 1 de 1.
CSS 27/08/15 SF
por Kuroki Jue Ago 27, 2015 7:41 am
- 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 #1c676c;
border-right: 20px solid #1c676c;
}
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 : #519548;
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 #88c426;
border-right: 15px solid #88c426;
width: 180px;
}
.postprofile dd {
text-align: left;
margin-top: 4px;
}
#i_whosonline + p em {
background: #1c676c;
border-left: 10px solid #519548;
border-right: 10px solid #519548;
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 {
background: #1c676c;
border-bottom: 20px solid #519548;
height: 50px;
text-align: center;
font-family: Amatic SC;
color: #519548;
letter-spacing: -2px;
font-size: 40px;
}
li.header {
background: #1c676c;
color: #1c676c;
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 #bff102;
text-transform: uppercase;
border-left: 19px solid #1c676c;
color: #1c676c;
margin-left: 0px;
}
a.forumtitle:hover {
text-decoration:none;
text-shadow: 0 0 5px #F300FF;
letter-spacing: 0;
border-left: 19px solid #c0fab7;
color: #eafde7;
}
#desc {
background: #f0f0f0;
width: 400px;
border-left: 20px solid #1c676c;
border-right: 20px solid #1c676c;
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: #519548;
}
::-webkit-scrollbar-track-piece {
background: #88c426;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 20px;;
background: #1c676c;
border: 1px solid #;
}
/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background: #1c676c;
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;
}
/*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: 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: 'Causar peleas, insultarse o cualquier comportamiento inadecuado será motivo de expulsión de la chatbox. Eviten peleas, después de todo estamos aqui para divertirnos =D' !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:black;
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:black;
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:black;
border:10px black;
width:800px;
height:300px;
}
.yuu-tab-int {
width:300px;
height:290px;
text-align:justify;
background:teal;
color:teal;
}
.yuu-tab-2 {
background: teal;
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');
}
/*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:#000000;
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:#1c676c;
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: #519548;
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*/
/* ------------------ AVATAR TIPO FB ---------------------- */
table#fbperfil tbody tr td#fbnome div.h3 {
text-align: none; /* añadir - Bloque de CSS para el nombre de usuario */
text-transform: none !important;
}
h1.page-title {
font-size: 0px!important;
height: 30px!important;
}
#main-content p:nth-child(2) {
display: none!important;
}
#fbperfil {
margin-bottom: -9px; /* modificado */
margin-left: 13px;
}
#fbfundo {
border: 2px solid #BDBDBD;
-webkit-border-radius: 5px;
width: 100%;
height: 315px;
position: relative;
-webkit-background-size: cover!important;
-moz-background-size: cover!important;
-o-background-size: cover!important;
background-size: cover!important;
}
#fbfundo {
margin-bottom: 10px; /* añadir */
}
#fbavatar {
background-color: none; /* Fondo blanco del avatar: Ajustar a tu gusto o eliminar */
border: 0px solid none; /* Borde blanco del avatar: Ajustar a tu gusto o eliminar */
vertical-align: bottom; /* añadir */
}
#fbavatar img {
height: none; /* Fija dimensiones de la imagen del avatar: Ajustar a tu gusto o eliminar */
width: none; /* Fija dimensiones de la imagen del avatar:Ajustar a tu gusto o eliminar */
}
#fbnome {
padding: 28% 0px 0px 10px;
font-size: 16px;
}
#fbrank, #fbgrupo {
padding: 0px 0 0 10px;
}
#fbrank {
font-size: 1.4em;
}
#profile-advanced-layout #tabs {
bottom: 0;
padding-left: 280px;
margin-top: 0px !important;
}
/* ------------------FIN AVATAR TIPO FB ---------------------- */
/* ------------------ 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: #FFFFFF;
}
.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 */
}
/* ------------------ FIN ESTADISTICAS Y QUIEN ESTA EN LINEA - RANGOS ---------------------- */
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-