Élite 38/45
Rol Psiquiátrico UnstBelovedHogwarts
Hermanos 4/6
Directorios 6/6
Últimos temas
» Distintos tipos de plantillas administrativas
Sáb Oct 29, 2016 7:38 pm por Admin

» Canon Targaryen
Miér Sep 21, 2016 11:47 am por Garth Manoverde

» Semicanon Essos [TERMINADOS]
Lun Sep 19, 2016 1:36 pm por Garth Manoverde

» Unidades de medida
Dom Sep 18, 2016 12:11 pm por Brandon el Constructor

» Vestimenta de la época
Jue Sep 15, 2016 9:55 pm por Brandon el Constructor

» Canon de las Tierras Más Allá del Muro
Miér Sep 14, 2016 10:44 am por Durran Pesardedioses

» Armaduras de la Época
Mar Sep 13, 2016 2:21 pm por El Rey Gris

» Peso, Longitud y Superfice de Canción de Hielo y Fuego
Mar Sep 13, 2016 12:34 pm por El Rey Gris

» Bertuco sufre! -Genealogias 2.0
Mar Sep 13, 2016 11:52 am por Durran Pesardedioses


Forma del Foro para probar

Ver el tema anterior Ver el tema siguiente Ir abajo

Forma del Foro para probar

Mensaje por Admin el Mar Feb 03, 2015 6:04 pm

avatar
Título : Admin general

Mensajes : 96

Ver perfil de usuario

Volver arriba Ir abajo

Re: Forma del Foro para probar

Mensaje por Admin el Mar Feb 03, 2015 6:17 pm

avatar
Título : Admin general

Mensajes : 96

Ver perfil de usuario

Volver arriba Ir abajo

Re: Forma del Foro para probar

Mensaje por Admin el Miér Feb 25, 2015 12:26 am

/*Forma del foro*/
#wrap {
background-color: #370b0b;
width: 1010px;
border-left : 20px solid #8A0808;
border-right : 20px solid #8A0808;
Border-top: 10px solid #8A0808;
border-bottom: 25px solid #8A0808;
box-shadow: 0 0 0px 20px #720707;
margin-left: 250px;
}

body {
background-image:url("http://images2.layoutsparks.com/1/215795/rojo-alfombra-dise%C3%B1o-elegante.gif");
}

/*quitar esquinas blancas*/
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none;
}

/*fondo ultimos temas*/
#comments_container{
background-color:#731313;
filter:alpha(opacity=50);
-khtml-opacity:0.5;
-moz-opacity:0.5;
opacity:0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/*menu*/

#page-header .navbar {
margin-top: -120px;
margin-left: 60px;
}


a.mainmenu {
font-family: Metamorphous;
font-size: 10px;
color: #FFFFFF;
border-bottom:5px solid #730222;
text-shadow: 1px 1px 1px #000000;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}


a.mainmenu:hover {
border-bottom:7px solid #f0f0f0;
-webkit-transition:0.5s;
-o-transition:0.5s;
-moz-transitio:0.5s;
}


/*cabezeras de los foros/*

/*Título de Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 30px;
height: 30px;
background: url('http://i.imgur.com/IwutBuC.png');
border-bottom: 5px solid #730222;
text-align: center;
opacity: 0.8;}

.table-title, .table-title h2 {
color: #d4cfb3;
font: 30px Metamorphous;
letter-spacing: -2px;
text-shadow: 1px 1px 1px #730222;
}

.table-title, .table-title h2:after {
content: " ❧"
}


/*Títulos de los foros*/
a.forumtitle {
border-left: 20px solid #720707;
display: block;
margin-top: 10px;
margin-bottom: -10px;
font-family: Cinzel;
padding: 5px;
height: 10px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}

a.forumtitle:hover{
border-left: 20px solid #f0f0f0;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}

/*separador*/
p.path, .pathname-box p {
color: transparent;
}
.separador {
display: inline; /*--No modificar--*/
font-size: 11px;
color: darkred;
margin: 0 -2px 0 10px;
}
.pathname-box p .separador:first-of-type {
display: none;
}

.doublepost {
border-top: 2px solid #FFFFFF;
}

/*Scroll*/

body {
overflow-y: scroll;
overflow-x: auto;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}​

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 30px;
display: none;
background-color: #730222;
}

::-webkit-scrollbar-track-piece {
background-color: #730222;
}

::-webkit-scrollbar-thumb:vertical {
height: 20px;
background-color: #8A0808;
}

::-webkit-scrollbar-thumb:horizontal {
width: 20px;
background: #8A0808;
}


/*Ocultos*/
p.rightside, #search-box {
visibility: hidden;
}

/*Apariencia de mensajes topics posts etc*/

.forabg dd.posts {
background-color: transparent;
position:relative;
margin-left:0px;
margin-top: 23px;
width:91px;
height:14px;
font-size:9px;
text-transform: uppercase;
padding-top: -3px;
padding-bottom:2px;
padding: 3px;
border-bottom: 3px solid #720707;
border-right:20px solid #731313;
}

.forabg dd.topics {
background-color: transparent;
position:relative;
margin-left:100px;
margin-top: 23px;
width:91px;
height:14px;
font-size:9px;
text-transform: uppercase;
padding-top: -3px;
padding-bottom: 2px;
padding: 3px;
border-bottom: 3px solid #8A0808;
border-left:20px solid #731313;
}

.forabg li.header dd.lastpost {
background-color: transparent;
color: transparent;
height:0px;
padding-top: 0px;
display:none;
}

.forabg li.header dd.posts {
display:none;}

.forabg li.header dd.topics {
display:none;
}

.forabg li.row dd.posts:after {
content: "posts";
}

.forabg li.row dd.topics:after {
content: "topics";
}

dd.lastpost {
background: #1C1C1C;
text-align: center!important;
margin-left: 110px;
font-family: cinzel!important;
}


dd.lastpost span.color-groups {/*marca el autor del post*/
background-color: transparent;
border-right:20px solid #731313;
border-left:20px solid #731313;
border-bottom:3px solid #731313;
width: 140px;
float: center;
padding-left: 0px;
padding-top:-1px;
font-size: 14px;
font-family: metamorphous;
text-align: center;
}

/*Stats*/
#main .h3 {
font-family: Cinzel;
font-size: 20px;
background-color: #580E0E;
padding: 20px;
border-bottom: 5px solid #8A0808;
height: 20px;
}

#i_whosonline + p {margin-left: 20px;
font-family: helvetica;
font-size: 9px;
text-transform: uppercase;
margin-top: 20px;
}

.page-bottom {
margin-left: 20px;
font-family: helvetica;
font-size: 9px;
text-transform: uppercase;
margin-top: 20px;
}

#page-footer .navbar {
background-color: #3A0909;
}

#page-footer li a {
font-family: cinzel;
font-size: 9px;
text-transform: uppercase;
}

p em b a.gensmall {
color: #000000;
font-family: Metamorphous;
font-size: 14px;
font-style: none !important;
text-transform: none !important;
text-align: center;
text-shadow: 0 0 4px #00000;
}

p em {
font-style: normal;
color: transparent;
}

/*Perfiles*/

.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-size: 2em;
font-family: Metamorphous;
text-decoration: none;
letter-spacing: -2px;
}

.postprofile {
background-color: #3A0909;
border-bottom: 8px solid #731313;
border-left: 6px solid #580E0E;
text-align: center;
padding: 10px;
width: 180px;
}

.postprofile dd {
text-align: left;
margin-top: 4px;
}

/*Chatbox*/
#chatbox_header {
background-color: #731313;
}

#chatbox_footer {
background-color: #731313;
}

.chatbox-title {
color: #d4cfb3;
font: 20px Metamorphous;
letter-spacing: -2px;
text-shadow: 1px 1px 1px #730222;
}

/*widgets*/
#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
background-color: #3A0909;
overflow:auto !important;
width:210px !important;
}

.module .h3 {
visibility:hidden;
}



/*descripción temas*/
.desc2 {
background-color: #731313;
width: 435px;
height:20px;
font-size: 20px;
color:#fce4e0;
text-align: center;
overflow: hidden;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;}

.desc2:hover {
background-color: trasparent;
width: %;
height: 50px;
color: #FFFFFF;
text-align: center;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;}

#subforos {
padding: 1px;
}

#subforos a {
font-family: arial;
font-color: #f0f0f0;
font-size: 12px;
}

#subforos a:hover {
border-bottom: 5px solid #FFFFFF;
background-color: transparent;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}

.desc1 {
padding: 7px;
font: 9px helvetica;
min-height: 40px;
max-height: 120px;
overflow-y: auto;
border-left: 15px solid #731313
}

#imagen {
position:relative;
left:1px;
}

.info {
display:none;
position: absolute;
top:0px;
left:0px;
width: 390px;
height: 70px;
overflow-y: auto;
padding: 10px;
background-color: #000000;
text-align: justify;
color: #f3f3f3;
opacity: 0.5;
}

#imagen:hover .info {
display: inline;
}​

/*Fonts*/


@font-face {
font-family: 'Loved by the King';
font-style: normal;
font-weight: 400;
src: local('Loved by the King'), local('LovedbytheKing'), url(http://themes.googleusercontent.com/static/fonts/lovedbytheking/v3/wg03xD4cWigj4YDufLBSrx3iKSa3B8910aX1pHYl49U.woff) format('woff');
}


@font-face {
font-family: 'Metamorphous';
font-style: normal;
font-weight: 400;
src: local('Metamorphous'), url(http://themes.googleusercontent.com/static/fonts/metamorphous/v3/wGqUKXRinIYggz-BTRU9enhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

/*Filtro gris*/
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
filter: none;
-webkit-filter: grayscale(0%);
}

svg {
background:url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}

svg image {
transition: all .6s ease;
}

svg image:hover {
opacity: 0;
}


@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 400;
src: local('Cinzel-Regular'), url(http://themes.googleusercontent.com/static/fonts/cinzel/v1/mLL0ZqnXRx3m16FnBy9gcg.woff) format('woff');
}


/*admin widgets*/
#administracion{
background-color: #333333;
border-bottom:5px solid #731313;
width:200px;
height:100px;
font-family: 'helvatica';
font-size: 20px;
color:#fce4e0;
text-align: center;
overflow: hidden;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}

#administracion:hover {
background-color: trasparent;
border-top:5px solid #731313;
width: %;
height:170px;
font-family: 'arial';
font-size: 14px;
color: #FFFFFF;
text-align: center;
line-height: 30px;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}


/*Ambientacion*/

#amb1 {width: 200px;
height: 200px;}

.amb2 { display:none;
margin-top: -200px;
width: 160px;
height: 160px;
padding: 20px;
text-align: center;
background-color: #424242;
Opacity: 0.8;
color: #fff;
font: 9px helvetica;
text-transform: uppercase;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
}

#amb1:hover .amb2 {display: block;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out; }
#Amb{
background-color: #731313;
height:30px;
overflow: hidden;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
font-family: Cinzel;
text-align: center;
}
#Amb:hover {
background-color: trasparent;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
height: 220px;}

/*Pestañas de Perfil*/
#tabs a span {
font-family: cinzel;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px rgba(134,177,194);
border-left: 20px solid #720707;
}

#tabs a span:hover {
background-position:center;
color: #A8A5C0;
border-left: 20px solid #f0f0f0;
}

#tabs .activetab a span {
font-family: cinzel;
display: inline-block;
outline: medium none;
width: 95px;
border-left: 20px solid #f0f0f0;
}

#tabs .activetab a span:hover {
border-left: 20px solid #720707;
}

/*Autor de un Post*/
p.author {
background-color: #3A0909;
border-bottom: 8px solid #731313;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
}

p.author {
font-family: Metamorphous;
font-size: 10px;
line-height: 1.2em;
margin-top: 15px;
padding: 0 0 5px;
}

/*Titulos en post*/
h1.page-title {
font-size:0px;
padding: 20px;
font-size: 20px;
font-weight: 700;
height: 3px;
background: url('http://images2.layoutsparks.com/1/215795/rojo-alfombra-dise%C3%B1o-elegante.gif');
border-bottom: 5px solid #730222;
opacity: 0.8;
font-family: Cinzel;
margin-top: 50px;
}

h2.topic-title a{
font-family: Cinzel;}

h2.topic-title a:after {
content: " ❧"
}

/*Spoiler, code y quote*/
dl.codebox {
background-color: #1C1C1C;
border: none;
color:#f0f0f0;
border-left: 5px solid #731313;
}

dl.codebox:hover {
border-left: 10px solid #731313;
}

dl.codebox dt {
border-bottom:3px solid #730222;
background: #3A0909;
font-size:10px;
color:#f0f0f0;
margin-bottom:3px;
font-family: Metamorphous;
padding: 5px;
}


dl.codebox dt:after {
content: " ❧"
}


dl.codebox code {
color:#f0f0f0;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}

blockquote {
background-color: #1C1C1C;
border: none;
border-left: 5px solid #731313;
}

blockquote:hover {
border-left: 10px solid #731313;
}

.content blockquote {
color:#f0f0f0;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}

/*otras modificaciones a la vizualizacion de los temas*/

.pathname-box {
font-family: cinzel;}

.pagination {
font-family: cinzel;}

fieldset dt {
font-family: cinzel;}

input.inputbox {
background-color: #1C1C1C;
border: none;
border-left: 5px solid #731313;}

textarea#profile_field_2_-20.inputbox {
background-color: #1C1C1C;
border: none;
border-left: 5px solid #731313;}

select#profile_field_4_-12_2.gensmall {
background-color: #1C1C1C;
border: none;
border-left: 5px solid #731313;
color: #f0f0f0!important;
font-size: 9px!important;}

select#profile_field_4_-12_1.gensmall {
background-color: #1C1C1C;
border: none;
border-left: 5px solid #731313;
color: #f0f0f0!important;
font-size: 9px!important;}

.search-box {
display:none;
}

p.nomargin.path a {
font-family: cinzel;}


/*Censo*/
#Grupo1 {
width: 100px;

font-family: Cinzel;
}

#Grupo1:hover {
border-right: 25px solid #FFFFFF;
}

#Grupo2 {
width: 100px;

font-family: Cinzel;
}
#Grupo2:hover {
border-right: 50px solid #A48C15;
}
#Grupo3 {
width: 100px;

font-family: Cinzel;
}
#Grupo3:hover {
border-right: 35px solid #155CA4;
}
#Grupo4 {
width: 100px;

font-family: Cinzel;
}
#Grupo4:hover {
border-right: 70px solid #8715A4;
}
#Grupo5 {
width: 100px;

font-family: Cinzel;
}
#Grupo5:hover {
border-right: 13px solid #BFBE78;
}
#Grupo6 {
width: 100px;

font-family: Cinzel;
}
#Grupo6:hover {
border-right: 56px solid #0C846C;
}
#Grupo7 {
width: 100px;

font-family: Cinzel;
}
#Grupo7:hover {
border-right: 54px solid #0C8420;
}
#Grupo8 {
width: 100px;

font-family: Cinzel;
}
#Grupo8:hover {
border-right: 34px solid #BE7676;
}
#Grupo9 {
width: 100px;

font-family: Cinzel;
}
#Grupo9:hover {
border-right: 15px solid #76BE93;
}
#Grupo10 {
width: 100px;

font-family: Cinzel;
}
#Grupo10:hover {
border-right: 80px solid #6EF8C1;
}

_________________
Queen Nymeria
Admin. General


avatar
Título : Admin general

Mensajes : 96

Ver perfil de usuario

Volver arriba Ir abajo

Re: Forma del Foro para probar

Mensaje por Contenido patrocinado

Contenido patrocinado

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


Permisos de este foro:
No puedes responder a temas en este foro.