Í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 02/06/2015 KIL
Página 1 de 1.
CSS 02/06/2015 KIL
por Kuroki Mar Jun 02, 2015 12:23 pm
- Código:
/*Ocultar menú de cabecera */
.mainmenu[href="/faq"]{display:none}
.mainmenu[href="/calendar"]{display:none}
a.mainmenu[href="/search"], a.mainmenu[href="/groups"] {display: none;}
/*Color letras widget*/
.module h3{
color: #ffffff;
}
.module {
color: #ffffff;
}
/*Staff*/
#Staff1 {width: 195px;
height: 100px;}
.Staff2 { display:none;
margin-top: -100px;
width: 190px;
height: 60px;
padding: 20px;
text-align: center;
background-color: #ffffff;
Opacity: 0.8;
color: #1b1b1b;
font: 15px }
#Staff1:hover .Staff2 {display: block;}
/* Awards */
.imgteaser { /* es el bloque general */
margin: 0 auto; /* lo centramos */
overflow: hidden;
position: relative;
width:95px; /* establecemos el ancho total (imagen + marco) */
}
.imgteaser a {text-decoration: none;}
.imgteaser a:hover {cursor: pointer;}
.imgteaser a img { /* la imagen en si misma */
background-color: #000000; /* el color del marco */
border: none;
margin: 0;
padding: 0px; /* le ponemos un marco alrededor */
width: 95px; /* forzamos el tamaño de la imagen */
}
.imgteaser a .more { /* es el área traslúcida de LEER MAS */
background-color: #123; /* color de fondo */
/* las propiedades del texto */
color: #FFF;
font-size: 10px;
padding: 5px 12px;
/* transparencia */
filter:alpha(opacity=65); /* IE genérico */
opacity:.65; /* Firefox */
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=65)'; /* IE8 */
/* posicionamos ese texto abajo y a la izquierda sin importar la altura de la imagen */
position: absolute;
bottom: 0px;
right: 0px;
}
.imgteaser a .desc {display: none;}
.imgteaser a:hover .more {visibility: hidden;}
.imgteaser a:hover .desc { /* es el texto del caption en si mismo */
background-color:#345; /* color de fondo */
display: block;
margin: 0;
width: 95px; /* ocupará el mismo ancho de la imagen */
/* las propiedades del texto */
color: #FFF;
font-size: 10px;
padding: 1px;
/* transparencia */
filter:alpha(opacity=75);
opacity:.75;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
/* lo posicionamos abajo y a la derecha sin importar la altura de la imagen */
position: absolute;
bottom: 14px;
left: 5px;
}
.imgteaser a:hover .desc strong { /* el texto LEER MAS */
display: block;
font-size: 12px;
}
/* Color de fondo del widget ultimos temas*/
#comments_scroll_container{
margin-top: -80px;
}
/*-----------------------------------------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;
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{
font-size:20px;
/* Tamaño de los mensajes */
#chatbox {
font-size: 16px;
}
/* Tamaño nombres de los conectados */
#chatbox_members ul li {
font-size: 16px;
}
/* Espacio donde escribes */
#chatbox_messenger_form input[type="text"] {
font-size: 16px;
height: 30px; /* altura */
width: 400px; /* anchura */
}
}
/* WIDGET */
/*Widgets*/
.module .h3 {
visibility:hidden;
}
/* Temas, mensajes y ultimos temas encuadrados */
/*Categoria - Foros*/
.forabg .forums .row dl {
min-height: 90px;
}
.forabg .header .topics, .forabg .header .posts, .forabg .header .lastpost {
display: none;
}
/*Foro - Temas & Msjs*/
.forabg .row .topics, .forabg .row .posts {
color: black;/*COLOR de letra*/
height: 10px;
background: #86b1c2;/*COLOR de fondo*/
text-transform: uppercase;
line-height: 7px;
font-size: 10px;
}
.forabg .row dfn {
padding: 0 8px 0 0;
display: block!important;
font-style: normal;
float: right;
}
/*Foro - Temas*/
.forabg .row .topics {
width: 89px;
border-radius: 0px 0 0 0;
position: relative;
left: 8em;
top: 1.5em;
}
/*Foro - Msj*/
.forabg .row .posts {
width: 120px;
border-radius: 0 0px 0 0;
position: relative;
left: 8em;
top: 1.5em;
}
.forabg .row .posts dfn {
margin-left: -10px;
margin-right: 4px;
}
/*Foro - Ultimos Mensajes*/
.forabg dd.lastpost {
width: 210px;
background: #ffffff;
color: black;
right: 150px;
top: 70px;
margin-left: 7.3em;
margin-top: 1.3em;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: center;
text-transform: uppercase;
}
/*----*/
#wrap {
margin-left: 300px;
width: 690px;
min-width: 782px;
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 11px #ae3a3a;
border-right: solid 22px #86b1c2;
}
#logo-desc {
margin-top: -10px;
margin-left: -15px;
}
li.header {
text-transform: none;
font-size:0px;
padding: 7px;
background: #1c1c1c;
border-bottom: 5px solid #ae3a3a;
text-align: center;
}
.table-title, .table-title h2 {
color: #ffffff;
font: 14px 'calibri';
letter-spacing: 3px;
text-shadow: 1px 1px 1px #;
width: 670px;
}
/*Leyendas de Grupos*/
p em b a.gensmall {
font-family: century gothic;
text-transform: uppercase;
font-size: 15px;
font-style: none;
font-weight: normal;
letter-spacing: 0px;
line-height:30px;
}
p em {
font-style: none;
color: transparent;
}
p{
text-transform: uppercase;
font-size: 8px;
margin-left: 50px;
letter-spacing: 3px;}
p.page-bottom{
display: inline;
}
#search-box #keywords {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #d1d1d1, #d1d1d1) repeat scroll 0 0 transparent;
border: medium none;
color: #d1d1d1;
display: inline-block;
outline: medium none;
width: 95px;
}
.h3 {
padding: 10px;
background: #1c1c1c;
border-bottom: 5px solid #ae3a3a;
text-align: center;
color: #ffffff;
font-size: 25px;
font-family: Calibri;
letter-spacing: 3px;
text-transform: uppercase;
}
.post {
background-color: #COLOR;
border-radius: 20px 0 20px 20px;
}
/*Perfi*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-size: 14px;
font-family: Copse;
text-transform: capitalize;
text-decoration: none;
letter-spacing: -1px;
}
.postprofile {
display: block;
text-align: center;
border-left: 6px solid #86b1c2;
background: #ffffff;
}
.postprofile dd {
text-align: left;
margin-top: 4px;
}
.postprofile dt a img {
background-color: #COLOR;
border-radius: 30px 30px 30px 30px;
box-shadow: 0 0 10px #COLOR;
line-height: 1.2em;
margin-left: -7px;
margin-top: 3px;
}
/*Widgets*/
.module .h3 {font-size:10px;color:#FFFFFF;}
.module .h3 {
visibility:hidden;
}
#comments_scroll_div{
color: #ffffff}
#content-container div#left {
background:url('http://oi40.tinypic.com/14j80hf.jpg');
margin-left:-215px;
margin-top:-455px;
}
/*Estadisticas*/
/*apagadoimgs*/
.codebox {
background-color:#18263D;}
@font-face {
font-family: 'Six Caps';
font-style: normal;
font-weight: lighter;
src: local('Six Caps'), local('SixCaps'), url(http://themes.googleusercontent.com/static/fonts/sixcaps/v4/tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
a.mainmenu
{
font-family:Six Caps, Prestige Elite Std, Arial, sans-serif;
font-size:32px;
color: #A2A8B1;
text-transform: uppercase;
border:0px solid #fff;
border-bottom: 1px solid #000;
padding-bottom: 0px;
margin-top:5px;
border-top: 1px solid #000;
padding-top: 10px;
-webkit-transition:0.4s;
-o-transition:0.4s;
-moz-transitio:0.4s;
}
a.mainmenu:hover {
color: #fff;
border-top: 1px solid #fff;
padding-top: 3px;
border-bottom: 1px solid #fff;
padding-bottom: 3px;
-webkit-transition:0.4s;
-o-transition:0.4s;
-moz-transitio:0.4s;
}
a:hover{
color:#dcdada;
-webkit-transition:0.4s;
-o-transition:0.4s;
-moz-transitio:0.4s;
}
a{
color:#fff;
-webkit-transition:0.4s;
-o-transition:0.4s;
-moz-transitio:0.4s;
}
/*Barra de navegación*/
#page-header ul.linklist li a {
font-family: calibri;
color: #ffffff;
font-size: 9px;
margin-left: -1px;
margin-right: -7px;
letter-spacing: 1px;
top: -75px;
background: none repeat scroll 0% 0% #000000;
text-decoration: none;
text-transform: uppercase;
transition: all 0.7s ease-in-out 0s;
padding: 7px;
}
#page-header ul.linklist li a:hover {
background: none repeat scroll 0% 0% #000000;
color: #ffffff;
height: 50px;
}
ul.navlinks {margin-top: -50px;}
/*Titulo del foro*/
a.forumtitle {
border-left: 100px solid #ae3a3a;
font-family: arial;
letter-spacing: 0px;
font-size: 10px;
padding-left: 30px;
text-transform: uppercase;
transition: all 0.7s ease-in-out 0s;
}
a.forumtitle {text-decoration: none;}
a.forumtitle{
font-size: 13px;
display: block;
line-height: 9px;
text-align: left;
margin-left: 15px;
margin-bottom: -5px;
width: 150px;
}
a:link {
font-size: 9px;
}
a.forumtitle:hover {
letter-spacing: 0px;
text-transform: uppercase;
border-left: 50px solid #ae3a3a;
}
/*descripcion 1*/
.desc-OOA3 {
background: #1c1c1c;
padding: 5px;
width: 100%;
margin: 5px;
margin-left: 0px;
}
.desc-OOA3 img {
width: 100px;
height: 100px;
float: left;
margin-right: 5px;
}
.texto-OOA3 {
font-family: Calibri;
letter-spacing: 2px;
height: 100px;
text-transform: uppercase;
overflow: auto;
color: #fff;
}
/*descripcion 2*/
.desc-OOA4 {
background: #1c1c1c;
padding: 5px;
width: 100%;
margin: 5px;
margin-left: 0px;
}
.desc-OOA4 img {
width: 100px;
height: 100px;
float: right;
margin-left: 5px;
}
.texto-OOA4 {
font-family: Calibri;
letter-spacing: 2px;
text-transform: uppercase;
height: 100px;
overflow: auto;
color: #fff;
}
/*Bajo*/
/*Mensajes*/
.post{
background: #f0f0f0;
background-repeat: repeat;
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border-bottom: solid 6px #86b1c2;
border-top: solid 6px #86b1c2;
}
/*Codes & spoilers*/
/**Fondo de las categorias**/
ul.forums {
color: #eaeaea ;
background-repeat: repeat;
border-radius: 0 0 0px 0px;
}
/**Pestañas**/
dl.codebox {
-moz-border-radius: 8px 8px 8px 8px;
background:url('http://img443.imageshack.us/img443/9636/61030367.png');
border-top:4px solid #86b1c2;
border-bottom:4px solid #86b1c2;
}
dl.codebox:hover {
border-top:2px solid #86b1c2;
border-bottom:4px solid #86b1c2;
}
dl.codebox dt {
border-bottom:1px dotted #COLOR;
display:block;
font-size:0.8em;
font-weight:700;
color:#ae3a3a;
margin-bottom:3px;
text-transform:uppercase;
font-family:Arial,Helvetica,sans-serif;
}
dl.codebox code {
color:#ae3a3a;
font-family:Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px #COLOR;
font-size:9px;
}
blockquote {
-moz-border-radius: 8px 8px 8px 8px;
background:url('http://img443.imageshack.us/img443/9636/61030367.png');
border:1px solid #COLOR;
}border-top:2px solid #86b1c2;
border-bottom:4px solid #86b1c2;
blockquote:hover {
border-top:2px solid #86b1c2;
border-bottom:4px solid #86b1c2;
}
.content blockquote {
color:#ae3a3a;
font-family:Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px #COLOR;
font-size:9px;
}
/**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!-------------*/
#finite {font-size:8px; font-family: Calibri; text-transform:uppercase; letter-spacing:2px; line-height:14px; color:#CDD4CC; text-align:justify; display:none; bottom:0; position:relative; }
#state2 { display: block; left: 1px; position: relative; }
.state {width: 210px; background: transparent; display: none; left: 10px; padding: 5px; position: absolute; text-align: center; text-shadow: 0 0 0; top: -160px; z-index: 9; font-size: 12px;font-family: Open Sans; line-height:10px;}
#state2:hover .state {display: block; !important;}
#staff2 { display: inline;left: 1px;position: relative;}
.staff {width: 80px; background: #000; border-radius: 5px; display: none; left: 10px; padding: 5px;position: absolute; text-align: center; text-shadow: 0 0 0; top: -90px; z-index: 9; font-size: 12px;font-family: Raleway; line-height:10px; letter-spacing:1px;}
#staff2:hover .staff {display: block; !important;}
a.subs { background-color: black; padding:3px; display:inline; width:50px; font-size:9px; font-family: calibri;
color:#555; letter-spacing:3px; transition 1s;}
a.subs:hover { color:#EEE; transition:1s; font-style:italic; }
#sub2 { display: inline;left: 1px;position: relative;}
.sub {width: auto; background: #000; border:1px solid white; display: none; left: 10px; padding: 2px;position: absolute;
text-align: center; top: -35px; z-index: 9; color: white; line-height:10px;}
#sub2:hover .sub {display: block; !important;}
/*mm*/
#llamo {
width: 950px;
height: 200px;
background: url('http://i.imgur.com/sjLmMwa.png');
}
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-