Conectarse

Recuperar mi contraseña

¿Quién está en línea?
En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado

Ninguno

[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 23 el Miér Dic 24, 2014 7:29 am.

Academy Dark Wind
Mejores posteadores
Marizza Solernou
 
Azaak Du Arconte
 

Últimos temas
» Nueva ficha
Miér Mar 21, 2018 5:24 pm por Marizza Solernou

» Para San valentin
Dom Feb 25, 2018 1:17 am por Marizza Solernou

» Enfer Thau [Reglas de Convivencia]
Mar Feb 13, 2018 1:10 pm por Marizza Solernou

» Tablillas Administrativas
Lun Feb 12, 2018 2:00 pm por Marizza Solernou

» Reglas del foro
Miér Mayo 31, 2017 12:55 am por Marizza Solernou

» Foro Ale
Lun Feb 13, 2017 11:19 am por Marizza Solernou

» Looking For You
Miér Dic 11, 2013 6:19 pm por Invitado

» Cannon Masculinos Buenos
Mar Nov 12, 2013 10:48 pm por Marizza Solernou

» Cannon Masculinos Malvados
Sáb Oct 26, 2013 12:06 am por Azaak Du Arconte

**Links importantes
{Normativa e instrucciones}
-Click aquí-

{Reglas firmadas}
-Click aquí-

{Ambientaciòn}
-Click aquí-

{Botones del foro}
-Click aquí-

{Lista de fìsicos ocupados}
-Click aquí-

{Peticiòn de avatar}
-Click aquí-

{Guía de especies del foro}
-Click aquí-

{Registro de especies}
-Click aquí-

{Petición de poderes}
-Click aquí-

{Ficha de PJ Modelo}
-Click aquí-

{Relaciones * Modelos}
-Click aquí-

{Cierre de temas}
-Click aquí- {Normativa de Afiliación}
-Click aquí- {Ficha de afiliación del Foro}
-Click aquí-
Elite Site
After Dawn ~ Tras el Amanecer

Foro Ale

Ver el tema anterior Ver el tema siguiente Ir abajo

Mensaje por Marizza Solernou el Lun Feb 13, 2017 11:19 am
Código:
input[name=hideonline]{display:none;}

/*TITULOS WIDGETS*/
#parawid{margin-top: -5px; margin-left: -5px; width: 190px;height:30px; padding:10px; text-align:center; background: #72c8c5; border-top: 10px groove #617ebf; color:#000; font-family: quicksand; font-size:20px; text-shadow: -2px -1px #d3d3d3;}
#parawid:after {border-bottom: 70px solid transparent; border-right: 205px solid #72c8c5; content: ''; display: block; height: 0; left: -5px; margin-bottom: 30px; margin-top: -55px; position: relative; top: 70px; width: 0;}
#cajwid{width: 180px;height:120px; padding:10px; text-align:center; margin-top: 70px; position: relative; left: -5px; border: 5px solid #000; background-color: rgba(139,97,191,.6);margin-bottom:4px;}
#cajwid:before{border-bottom: 80px solid #000; border-right: 215px solid transparent; content: ''; display: block; height: 0; left: -15px; margin-bottom: 5px; position: relative; margin-top: -95px; width: 0;}
.textwid{width: 185px; margin-left: -5px; padding-right: 5px; text-align: justify; color: #000; height: 140px; overflow: auto; font-family: "Open Sans Condensed"; font-size: 14px;}


/*LINKS FINALES ESTADISTICAS*/
.endinglinkstat{margin-bottom: 40px; padding: 5px; text-align: center; margin-top:40px;} .endinglinkstat a{background:#253650; border-top: 2px solid #61bf9f; border-bottom: 2px solid #61bf9f; color:#fff; font-size: 8px; font-weight: 700; letter-spacing: 2px; line-height: 10px; padding: 5px; margin-right:10px;}
ul.endinglinkstat li {display: inline; line-height: 2.2em; list-style-type: none; width: auto;}

.startedlinkes{margin-bottom: 40px; padding: 5px; text-align: center; margin-top:50px;} .startedlinkes a{background:#61bf9f; border-top: 2px solid #250650; border-bottom: 2px solid #250650; color:#fff; font-size: 8px; font-weight: 700; letter-spacing: 2px; line-height: 10px; padding: 5px; margin-right:10px;}
ul.startedlinkes li {display: inline; line-height: 2.2em; list-style-type: none; width: auto;}

p {font-size: 10px; line-height: 1.3em; margin-bottom: .5em; color: #a6a6a6;}

body {background-image: url(http://hitsk.in/t/16/91/79/i_background.png); font-size:12px; font-family:Century Gothic;}

/*fonts*/
@font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');}
@font-face {font-family: 'Oranienbaum'; font-style: normal; font-weight: 400; src: local('Oranienbaum'), local('Oranienbaum-Regular'), url(http://themes.googleusercontent.com/static/fonts/oranienbaum/v2/WyaFSM_en0pjtlmUWwS7GYbN6UDyHWBl620a-IRfuBk.woff) format('woff');}
@font-face {font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');}
@font-face {font-family: 'Medula One'; font-style: normal; font-weight: 400; src: local('Medula One'), local('MedulaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/medulaone/v4/LoO8LDXpiOs8e6qJRLl2SRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');}

/* COMIENZAN CÓDIGOS DE TABLÓN DE ANUNCIOS: DEX STARR */
/* Códigos por Pyrite Wolf de Oh My! Source Code, quien te quiere mucho por no quitar este texto */


/* =========== COLORES =========== */
/* Aquí puedes cambiar los colores de la tablilla. Los dejo agrupados por color que empleé. */

/* --- Rojo (#BF2828) --- */
#pw-dexstarr {border-left: 300px solid #BF2828;}
.pw-ds-box, .pw-ds-subtit {border-bottom: 1px solid #BF2828;}
.pw-staff div {border: 3px double #BF2828;}
#pw-ds-botones .selec {background: #BF2828;}
.pw-novedad {border-bottom: 1px dashed #BF2828;}
.pw-staff a, .pw-ds-caja b, #pw-dexstarr #credito a {color: #BF2828;}


/*--- Gris oscuro (#333)---*/
.pw-staff b, .pw-ds-award p, #pw-dexstarr, #pw-ds-botones div {background: #333;}
.pw-ds-award, #pw-ds-rojo img {border: 3px double #333;}
#pw-quicklinks a {background: rgba(51, 51, 51, 0.6)}


/*--- Gris claro (#ddd) ---*/
#pw-dexstarr, #pw-quicklinks a {color: #ddd;}

/*--- Gris superoscuro (#222) ---*/
.pw-ds-box, .pw-staff a {background: #222;}

/* =========== CODIGOS =========== */

#pw-dexstarr {position: relative; left: 12px; margin: auto; width: 300px; border-left: 300px solid #BF4428; height: 350px; font: 12px dosis;}
#pw-ds-rojo {width: 280px; margin-right: 20px; position: absolute; top: 0; bottom:0; left: 0;}
#pw-ds-rojo img {width: 100px; float: left; margin: 3px 3px 0 0;}
#pw-ds-negro {width: 280px; height: 330px; overflow: auto; top: 0; bottom:0; right: 0; position: absolute;}
.pw-ds-box {padding: 5px; font: 13px dosis; text-align: justify; overflow: auto;}
#pw-ds-title {font: 20px inder; letter-spacing: 2px; text-transform: uppercase; text-align: right;line-height: 16px;}
.pw-ds-subtit {font: 14px inder; letter-spacing: 1px; text-transform: uppercase;}

.pw-ds-box + .pw-ds-subtit {margin-top: 5px;}

.pw-novedad {padding: 5px 0;}

.pw-ds-award {height: 87px; width: 270px; display: inline-block; margin-bottom: 7px;}

.pw-ds-award:nth-child(5), .pw-ds-award:last-of-type {margin-bottom: 0;}

.pw-ds-award:nth-child(5) {margin-right: 13px;}

.pw-ds-award p {display: block; margin: 21px auto; width: 0; overflow: hidden; padding: 5px 0; height: 32px; text-align: center;}

.pw-ds-award p b {display: block; text-transform: uppercase;}

.pw-ds-award:hover p {padding: 5px; width: 150px;}

.pw-staff div {width: 124px; height: 74px; margin: 2px 4px; position: relative; font-size: 9px; text-transform: uppercase; text-align: center; display: inline-blocK;}

.pw-staff a {display: block; position: absolute; bottom: 1px; left: 1px; right: 1px; opacity: 0.8;}

.pw-staff b {position: absolute; display: block; top: 1px; left: 1px; right: 1px;}

.pw-novedad:first-of-type {padding-top: 0;}

.pw-novedad:last-of-type {padding-bottom: 0; border: 0;}

#pw-ds-title span {font: 7px dosis; display: block;}

#pw-ds-intro {font: 12px dosis; line-height: 14px; margin-top: 5px; text-align: justify; position: relative; height: 190px; overflow: auto; padding-right: 2px;}

#pw-ds-intro+span {font: 100px times new roman; opacity: 0.3; position: absolute; bottom: -150px; right: 0;}

#pw-quicklinks {margin-top: 3px; height: 100px;}

#pw-quicklinks *, .pw-ds-award * {transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}

#pw-quicklinks a {display: block; text-align: center; text-transform: uppercase; font: 9px dosis; padding: 1.65px 0; letter-spacing: 2px; margin-left: 107px; margin-top:1px; opacity: 0.7;}

#pw-quicklinks a:hover {opacity: 1;}

#pw-ds-botones {position: absolute; left: -312px; bottom: 0;}

#pw-ds-botones div {width: 10px; margin-top: 2px; height: 10px; cursor: pointer;}

#pw-dexstarr #credito {text-transform: uppercase; font-size: 7px; position: absolute; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); right: -50px; top:53px}

#pw-dexstarr a {text-decoration: none;}

#pw-ds-botones .selec {cursor: default;}

.pw-ds-caja {position: absolute; top: 10px; right: 10px; left: -290px; display: none;}

.pw-ds-c1 { display: block;}

/* =========== FUENTES =========== */
@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 400;
src: local('Dosis Regular'), local('Dosis-Regular'), url(http://themes.googleusercontent.com/static/fonts/dosis/v2/xIAtSaglM8LZOYdGmG1JqQ.woff) format('woff');
}

@font-face {
font-family: 'Inder';
font-style: normal;
font-weight: 400;
src: local('Inder'), local('Inder-Regular'), url(http://themes.googleusercontent.com/static/fonts/inder/v3/LN9QVFa7kDa1_2Kui_Befw.woff) format('woff');
}

/* TERMINAN CÓDIGOS DE TABLÓN DE ANUNCIOS: DEX STARR */

/* efecto para links widget! .*/
.lovely {height: 10px; width: 180px; display: block; font-family: Benchnine; font-size: 11px; color: #fff; background-color: #8A0808; border: 1px solid #DF0101; border-left: 20px solid #DF0101; border-bottom: 20px solid #DF0101; border-top: 3px solid #DF0101; padding-left: 5px; -webkit-transition: all .5s linear; -moz-opacity: 0.2; opacity: 0.2; border-radius: 5px 0px 5px 0px;}
.lovely:hover {-moz-opacity: 1.0; opacity: 1.0; color: #fff; background-color: #DF0101; border: 1px solid #8A0808; border-top: 20px solid #8A0808; border-bottom: 3px solid #8A0808; border-right: 20px solid #8A0808; border-radius: 15px 5px 10px 5px;}

/*------------------------- opacidad link imagen --------*/

a.opacity img { filter:alpha(opacity=20); -moz-opacity: 0.5; opacity: 0.5; -o-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; cursor: crosshair;}
a.opacity:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -o-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; border-left:none;}



img.desaturacion{filter: grayscale(100%); /* Current draft standard */ -webkit-filter: grayscale(100%); /* New WebKit */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ filter: url(resources.svg#desaturate); /* Gecko */ filter: gray; /* IE */ -webkit-filter: grayscale(1); /* Old WebKit */ transition: .2s linear;}
img.desaturacion:hover {filter: none; -webkit-filter: grayscale(0%); transition: .2s linear;}

/* Tamaño de los avatares */
#chatbox .cb-avatar > img {
   height: 90px;
   width: 30px;
}
/* Capa del avatar */

#chatbox .cb-avatar {
   float: left;
   margin-right: 4px;
   background: none repeat scroll 0 0 #fff;
   border: 1px solid #d5d5d5 !important;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
   height: 90px;
   padding: 1px;
   vertical-align: middle;
   width: 30px;
}

/* Línea divisoria */
#chatbox > p {border-bottom: 3px double #8e0000;}
.dix {background:#9999ff; width:148px; height:2px; border-right:148px solid #000;}
.luz {width:339px; height:50px; font-size:25px; background:#33cccc; font-family:'Allura'; padding:5px; text-align:right; color:#1B1819; padding-right:20px; margin-left: 5px;}
.musicland {width:300px; height:150px; border-left:30px solid #33cccc; border-right:30px solid #33cccc; padding:2px; margin-left:5px; margin-right: -5px; font-family:'Allura'; color:#000; background:#fff; font-size:45px;}

/*Efecto OPACITY IMG*/
a.opacity img {filter:alpha(opacity=75); -moz-opacity: 2.75; opacity: 1.75;}

a.opacity:hover img {filter:alpha(opacity=75); -moz-opacity: 2.0; opacity: 1.75;}

.imagen-opaca:hover img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;}
 
.imagen-opaca img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}
.opacity img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.opacity:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

/*Texto ver mensajitos*/
#main ul.linklist li a {font-size: 12px; font-family: 'Indie Flower'; margin: 5px; text-transform: lowercase;}

/*CUERPO GENERAL*/
#wrap {width: 820px; margin-bottom: -10px; margin-top: -10px; margin-left: 222px; border-right: 10px groove #8b61bf; border-bottom: 10px groove #72c874; margin-bottom: -10px !important; padding: 5px !important;}

/*LINKS MENU*/
a.mainmenu {font-weight: lighter;padding: 5px;-moz-transition: 1s;-webkit-transition: 1s;color: #003901;font-family: 'Oregano';font-size: 12px;letter-spacing: 1px;text-transform: none;}
a.mainmenu:hover {-moz-transition: 1s;-webkit-transition: 1s;color: #2b0042;font-family: 'Oregano', cursive;text-shadow: 1px 2px 1px #c7c7c7;text-transform: uppercase;border-top: 4px groove #8b61bf;border-bottom: 4px groove #72c874;}

/*BARRA CABECERA*/
.navlinks {background-color: #f3ffeb; margin-left: 27px; margin-top: -17px; padding: 10px; width: 880px;}
#logo-desc {margin-right: -0px; margin-top: -10px;}

/*TÍTULO CATEGORÍA*/
.forabg li.header {margin-left: -15px; margin-right: -15px; margin-top: -20px; font-family: 'Homemade Apple'; text-shadow: 1px 2px 1px #000; background-color: #72c874; border-bottom: 10px groove #8b61bf; padding: 45px; text-align: center;}

/*LETRAS CATEGORÍA*/
.table-title h2 {vertical-align: middle; font-weight: none; font-family: 'Homemade Apple'; font-size: 45px; color: #FFFFFF; letter-spacing: 3px; text-transform: none; text-align: center;}
.forabg li.header dd.dterm { width: 96%; }
.forabg li.header dd.topics { display: none; }
.forabg li.header dd.posts { display: none; }
.forabg li.header dd.lastpost { display: none; }

/*LINKS SUBFOROS*/
a.forumtitle {font-family: 'Homemade Apple'; font-size: 18px; color: #000; font-weight: lighter; text-transform: lowercase; text-shadow: 1px 1px 0px #72c8c5;
width: 400px; height: 30px; padding: 5px; display: block; text-align: center; background-color:#72c874; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; margin-left: 9px; margin-top: 35px;}
a.forumtitle:hover{border-radius: 15px 0 0 0; background-color: rgba(139,97,191, .6); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s;}
.triangulitosensual {border-bottom: 10px solid transparent; border-right: 10px solid #8b61bf; border-top: 10px solid transparent; height: 0; margin-right: -3px; margin-top: 18px; width: 0;}


/*Últimos temas*/
.forabg .forums .row dd.lastpost br {display: none;}
.forabg .forums .row dd.lastpost {width: 800px; height: 30px; background: rgb(78, 54, 107, .6); color: #a3a3a3; font-family: open sans condensed; font-size: 12px; margin-left: 90px; margin-top: -25px;}
dd.lastpost span.color-groups {float: none;}
.forabg .forums .row dd.lastpost a {color:#fff;}

/*Cajita links*/
.ñam{padding: 10px; height: 185px; width: 150px; text-align:center; background: -webkit-linear-gradient(180deg, #72c874, #617ebf, #72c8c5, #8b61bf); margin-top:-114px;}
.ñam a{display:block; letter-spacing: 3px; background-color: #72c8c5; color: #000; width: 130px; font-size: 9px; text-align: center; padding:2px; margin: 4px; font-family:"Open Sans Condensed"; text-transform: uppercase; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s;}
.ñam a:hover{background-color:#617ebf; color:#fff; width: 125px; border-left: 4px groove #8b61bf; border-right: 1px solid #8b61bf; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s;}

/*DESCRIPCIONES SUBFOROS LETRAS*/
.descripale {border: 10px solid #72c874; background: #253650; color: #fff; width: 390px; height: 190px; padding: 0.3em; position: relative; margin-top: -21px; margin-left: 9px;}
.descripale h2 {color: #ff0000; text-transform: uppercase; text-align: center; width: 400px; position: relative; left: -5px; top: 2px; font-family: 'Wire One', sans-serif; background: #72c874; font-size: 25px; text-shadow: -1px -1px 1px #000;}
.descripale p{font-size: 13px; font-family: 'Baumans'; position: relative; width: 390px; height: 130px; left: -2px; top: 8px; overflow: auto; color: #fff;}

/*Topics y posts*/
.forabg dd.topics {background-color: #72c8c5; border-radius: 0; color: #000; font-family: Corbel; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 400; height: 8px; padding-bottom: 15px; margin-top: 245px; margin-left: -41px; position: relative; text-align: center; width: 169px;}
.forabg li.row dd.topics::after {content: "Documentos";}
.forabg li.row dd.posts::after {content: "Hojas";}
.forabg dd.posts {background-color: #617ebf; border-radius: 0; color: #000; font-family: Corbel; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 400; height: 8px; margin-top: 271px; margin-left: -170px; padding-bottom: 16px; position: relative; text-align: center; width: 169px;}


ul.topics li.row dd.views::after {content: "Veces visto";}
ul.topics li.row dd.posts::after {content: "Respuestas ▲ ";}


/* THE END */


/*FORO EN GENERAL CUERPO*/
.forabg {background-color: #f3ffeb; border-bottom: 15px groove #8b61bf; border-left: 10px solid #4e366b; border-right: 10px solid #8b61bf; margin: 15px; padding: 15px; width: 900px;}


/*TÍTULOS TEMAS*/
ul.topiclist li.row dl {
font-family: Warnes, bold;
padding: 2px 0;
text-align: center;
}

/*NOMBRE AUTOR POSTEADOR*/
p.author {
background-color: #76309a;
font-family: 'Amatic SC';
font-size: 14px;
line-height: 1em;
margin-left: -20px;
margin-top: 20px;
padding: 5px!important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #000;
}


/*CONTENIDO DEL POST*/
.postbody .content {
background-color: #000;
border-bottom: 5px #76309a solid;
border-top: 5px #76309a solid;
color: #fff;
font-family: Century Gothic;
font-size: 11px;
margin-left: 5px;
margin-top: -9px;
padding: 15px;
}

.postbody .content a {
color: #763063;
}

/*CHATBOX & ESTADÍSTICAS*/
.h3 {
width: 75%;
margin-left: 50px;
background-color: #F0F0F0;
border-right: 10px groove #8b61bf;
border-left: 10px groove #8b61bf;
border-bottom: 5px solid #4e366b;
border-top: 5px solid #8b61bf;
padding: 30px;
font-family: 'quicksand';
font-size: 25px;
color: #c3c3c3;
letter-spacing: 3px;
text-transform: uppercase;  
text-align: center;
}
.h3 a { color: #4e366b; }

.module .h3 { visibility: hidden; display: none; }

#i_whosonline + p {
background-color: #F0F0F0;
border-bottom: 10px solid #BBB;
padding: 10px;
}

p em b a.gensmall {
font-family: open sans condensed;
font-size: 18px;
font-style: none;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
}

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

.page-bottom {
background-color: #F0F0F0 !important;
padding-left: 10px;
}
ul#picture_legend {
text-transform: uppercase;
padding: 5px;
background-color: #fff;
border-top: 4px groove #8b61bf;
border-bottom: 4px groove #72c874;
width: 900px;
margin-left: 30px;
}

/* modulos arriba y debajo*/
.module .box-content {
float: left;
width: 100%;
padding-left: 10px;
align-items: center;
}


#content-container div#left {
width: 210px; height: 100%; background-color: #EBEBEB; padding: 5px; overflow: auto; float: left; position: fixed; left: 0px; top: 0px; color: #003901; font-family:Century Gothic; font-size:11px;}

select {
background-color: #f3ffeb;
border: 6px ridge #4e366b;
color: #000;
cursor: pointer;
font-family: 'Courgette';
font-weight: 200;
padding: 3px;
font-size: 10px;
letter-spacing: 1px;
vertical-align: middle;
}

/*---------- FONTS INSTALADAS -------------*/

@font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 300;  src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');}
@font-face {font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');}
@font-face {font-family: 'Sacramento'; font-style: normal; font-weight: 400; src: local('Sacramento'), local('Sacramento-Regular'), url(http://themes.googleusercontent.com/static/fonts/sacramento/v1/WFDkXpubrEwopJnSlHV6CBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');}
@font-face {font-family: 'Cookie'; font-style: normal; font-weight: 400; src: local('Cookie-Regular'), url(http://themes.googleusercontent.com/static/fonts/cookie/v4/Tvkve1y-JrkMx2S9u2OW1g.woff) format('woff');}
@font-face {font-family: 'Sue Ellen Francisco'; font-style: normal; font-weight: 400; src: local('Sue Ellen Francisco '), local('SueEllenFrancisco'), url(http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v4/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff) format('woff');}
@font-face {font-family: 'Baumans'; font-style: normal; font-weight: 400; src: local('Baumans'), local('Baumans-Regular'), url(http://themes.googleusercontent.com/static/fonts/baumans/v2/3DEdKAl82M5rDSLBVcU5jA.woff) format('woff');}
@font-face {font-family: 'Six Caps'; font-style: normal; font-weight: 400; src: local('Six Caps'), local('SixCaps'), url(http://themes.googleusercontent.com/static/fonts/sixcaps/v4/tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA.woff) format('woff');}
@font-face {font-family: 'Bangers'; font-style: normal; font-weight: 400; src: local('Bangers'), local('Bangers-Regular'), url(http://themes.googleusercontent.com/static/fonts/bangers/v4/DqeGA7eaz0hhOYTfkeJBIA.woff) format('woff');}
@font-face {font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: local('Quicksand Regular'), local('Quicksand-Regular'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family: 'Open Sans Condensed';font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');}
@font-face {font-family: Medula One ; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/Nw2mt74jf/medulaone-regular.ttf) format("truetype"); }  
@font-face {font-family:wireone; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/vvEm48fyk/wireone.ttf) format("truetype"); }  
@font-face {font-family:Marvel; font-weight:100; src: url(http://static.tumblr.com/kqwo46q/SQ1m82675/marvel-regular.ttf) format("truetype");}
@font-face {font-family:Poiret; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
@font-face {font-family:Economica; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/7sWmd983f/economica-regular.ttf) format("truetype"); }
@font-face {font-family:Archivo Narrow; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/joamie4iu/archivonarrow-regular.ttf) format("truetype"); }  
@font-face {font-family:Text me one; font-weight: 900; src: url(http://static.tumblr.com/kqwo46q/mtLmie4zo/textmeone-regular.ttf) format("truetype");}
@font-face {font-family:Julius Sans One; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/YZTmjkjfd/juliussansone-regular.ttf) format("truetype"); }  
@font-face {font-family:Benchnine; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/i0mmjvhdz/benchnine-regular.ttf) format("truetype"); }  


/*------------------------- opacidad link imagen --------*/

a.opacity img { filter:alpha(opacity=20);
-moz-opacity: 0.5; opacity: 0.5;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease; cursor: crosshair;}

a.opacity:hover img {filter:alpha(opacity=100);
-moz-opacity: 1.0; opacity: 1.0;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
border-left:none;
}



img.grayscale {
filter: none;
-webkit-filter: grayscale(0%);
transition: .2s linear;
}

img.grayscale:hover {
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
filter: url(resources.svg#desaturate); /* Gecko */
filter: gray; /* IE */
-webkit-filter: grayscale(1); /* Old WebKit */
transition: .2s linear;
}

/*END LINKS*/
#page-footer li a {
color:#fff;
background-color: transparent;
text-transform: uppercase;
}

#page-footer li a:hover {
background-color: transparent;
text-transform: lowercase;
text-shadow: 1px 2px 1px #2b0042;
-webkit-transition:1.3s;
-o-transition:1.3s;
-moz-transitio:1.3s;
}

#page-footer .navbar {
height: 25px;
background-color: #76309a;
margin-left: 15px;
border-top: 8px solid #f3ffeb;
border-bottom: 12px groove #f3ffeb;
box-shadow: 1px 2px 1px #000;
font-size:8px;
}

#comments_scroll_container {
width: 260px;
background-color: #282421;
text-align: center;
}

/*CAJA BUSCAR*/  
#search-box { display: none; }

h1.page-title {
background-color: #b45ee1;
border-right: 10px solid #52d055;
border-left: 10px solid #52d055;
color: #2b0042;
font-family: Warnes, bold;
font-size: 25px;
letter-spacing: 3px;
line-height: 18pt;
padding: 20px;
text-align: center;
text-transform: none;
vertical-align: middle;
}

h1.page-title a { color: #2b0042;
}

.postbody .topic-title a {
font-family: open sans condensed;
color: #000;
}

.post {
padding: 5px;
background-color: #F0F0F0;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 10px solid #BBB;
}
.content {
padding: 10px;
background-color: #FFFFFF;
}

/*CODE*/
dl.codebox {
background-color: #2b0042;
border: 7px ridge #93ea5f;
font-size: 11px;
padding: 5px;
text-align: center;
text-transform: uppercase;
}

dl.codebox dt {
text-align: center;
color: #f3ffeb;
display: block;
font-family: Century Gothic;
font-size: 9px;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
margin-left: -5px;
margin-right: -5px;
border-bottom: 6px groove #93ea5f;
}

dl.codebox code {
color: #222;
font-family: Courier New;
text-align: left;
border:none;
color:#fff;
font-size:12px;
text-transform: none;
}

dl.spoiler {
border:none;
font-size:12px;
color:#fff;
display:block;
border-right: 10px solid #52d055;
}

dl.hidecode {
border:none;
font-size:12px;
color:#f3ffeb;
display:block;
text-transform: none;
border-bottom: 8px groove #52d055;
padding: 10px;
}

blockquote {
background-color: #2b0042;
color: #f3ffeb;
border-left: 30px solid #52d055;
border:none;
padding: 10px;
}

.clickable {
width: 50px;
height: 25px;
border-bottom: 0px;
display: inline-block;  
margin-right: 5px;  
cursor: pointer;  
background-color: #282421;
color: #FFF;
font-size: 11px;
font-weight: lighter;
text-transform: uppercase;
line-height: 225%;
text-align: center;
}
.tab-content {
background-color: none;
display: none;
}
#tab1-content {
display: block;}
#tab-strip {
list-style: none outside none;  
margin-left: -40px;  
display: inline;  
background-color:none;
}
#tab-strip a {text-decoration: none;}


a:hover {
text-decoration: none !important;
-webkit-transition:1.3s;
-o-transition:1.3s;
-moz-transitio:1.3s;
}

::-webkit-scrollbar {
height:7px;
width: 10px;
}
::-webkit-scrollbar-thumb {  
background: #4e366b;  
border: 1px dotted #f3ffeb;
}

::-webkit-scrollbar-track  {
background-color: #f3ffeb;
display: block;
}

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}

/* COMIENZAN CÓDIGOS DE TABLÓN DE ANUNCIOS: DEX STARR */
/* Códigos por Pyrite Wolf de Oh My! Source Code, quien te quiere mucho por no quitar este texto */


/* =========== COLORES =========== */
/* Aquí puedes cambiar los colores de la tablilla. Los dejo agrupados por color que empleé. */

/* --- Rojo (#BF2828) --- */
#pw-dexstarr {
  border-left: 300px solid #d60b17;
}

.pw-ds-box, .pw-ds-subtit {
  border-bottom: 1px solid #d60b17;
}

.pw-staff div {
   border: 3px double #d60b17;
}

#pw-ds-botones .selec {
  background: #d60b17;
}

.pw-novedad {
   border-bottom: 1px dashed #d60b17;
}

.pw-staff a, .pw-ds-caja b, #pw-dexstarr #credito a {
  color: #d60b17;
}

/*--- Gris oscuro (#333)---*/
.pw-staff b, .pw-ds-award p, #pw-dexstarr, #pw-ds-botones div {
  background: #1d06b3;
}

.pw-ds-award, #pw-ds-rojo img {
  border: 3px double #1d06b3;
}

#pw-quicklinks a {
   background: rgba(51, 51, 51, 0.6)
}


/*--- Gris claro (#ddd) ---*/
#pw-dexstarr, #pw-quicklinks a {
  color: #fff;
}

/*--- Gris superoscuro (#222) ---*/
.pw-ds-box, .pw-staff a {
  background: #0A0A2A;
}

/* =========== CODIGOS =========== */

#pw-dexstarr {
   position: relative;
   left: 12px;
   margin: auto;
   width: 300px;
   border-left: 300px solid #d60b17;
   height: 350px;
   font: 12px dosis;
}

#pw-ds-rojo {
  width: 280px;
  margin-right: 20px;
   position: absolute;
   top: 0;
   bottom:0; left: 0;
}

#pw-ds-rojo img {
  width: 100px;
   float: left;
   margin: 3px 3px 0 0;
}

#pw-ds-negro {
   width: 280px;
   height: 330px;
   overflow: auto;
   top: 0;
   bottom:0; right: 0;
   position: absolute;
}

.pw-ds-box {
  padding: 5px;
  font: 13px dosis;
  text-align: justify;
overflow: auto;
}

#pw-ds-title {
  font: 20px inder;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: right;line-height: 16px;
}

.pw-ds-subtit {
  font: 14px inder;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.pw-ds-box + .pw-ds-subtit {
   margin-top: 5px;
}

.pw-novedad {
   padding: 5px 0;
}

.pw-ds-award {
   height: 87px;
   width: 270px;
   display: inline-block;
   margin-bottom: 7px;
}

.pw-ds-award:nth-child(5), .pw-ds-award:last-of-type {
   margin-bottom: 0;
}

.pw-ds-award:nth-child(5) {
   margin-right: 13px;
}

.pw-ds-award p {
   display: block;
   margin: 21px auto;
   width: 0;
   overflow: hidden;
   padding: 5px 0;
   height: 32px;
   text-align: center;
}

.pw-ds-award p b {
   display: block;
   text-transform: uppercase;
}

.pw-ds-award:hover p {
   padding: 5px;
   width: 150px;
}

.pw-staff div {
   width: 124px;
   height: 74px;
   margin: 2px 4px;
   position: relative;
   font-size: 9px;
   text-transform: uppercase;
   text-align: center;
   display: inline-blocK;
}

.pw-staff a {
   display: block; position: absolute;
   bottom: 1px; left: 1px; right: 1px;
   opacity: 0.8;
}

.pw-staff b {
   position: absolute;
   display: block;
   top: 1px; left: 1px; right: 1px;
}

.pw-novedad:first-of-type {
   padding-top: 0;
}

.pw-novedad:last-of-type {
   padding-bottom: 0;
   border: 0;
}

#pw-ds-title span {
  font: 7px dosis;
  display: block;
}

#pw-ds-intro {
  font: 12px dosis;
  line-height: 14px;
  margin-top: 5px; text-align: justify;
  position: relative;
  height: 190px;
  overflow: auto;
  padding-right: 2px;
}

#pw-ds-intro+span {
  font: 100px times new roman;
  opacity: 0.3;
  position: absolute;
  bottom: -150px;
  right: 0;
}

#pw-quicklinks {
   margin-top: 3px;
       height: 100px;
}

#pw-quicklinks *, .pw-ds-award * {
   transition: 0.5s;
   -moz-transition: 0.5s;
   -webkit-transition: 0.5s;
}

#pw-quicklinks a {
   display: block;
   text-align: center;
   text-transform: uppercase;
   font: 9px dosis;
   padding: 1.65px 0;
   letter-spacing: 2px;
   margin-left: 107px;
   margin-top:1px;
   opacity: 0.7;
}

#pw-quicklinks a:hover {
   opacity: 1;
}

#pw-ds-botones {
  position: absolute;
  left: -312px; bottom: 0;
}

#pw-ds-botones div {
  width: 10px;
  margin-top: 2px;
  height: 10px;
  cursor: pointer;
}

#pw-dexstarr #credito {
  text-transform: uppercase;
  font-size: 7px;
  position: absolute;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  right: -50px;
  top:53px
}

#pw-dexstarr a {
  text-decoration: none;
}

#pw-ds-botones .selec {
  cursor: default;
}

.pw-ds-caja {
  position: absolute;
  top: 10px; right: 10px;
  left: -290px;
display: none;
}

.pw-ds-c1 { display: block;}

/* =========== FUENTES =========== */
@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 400;
src: local('Dosis Regular'), local('Dosis-Regular'), url(http://themes.googleusercontent.com/static/fonts/dosis/v2/xIAtSaglM8LZOYdGmG1JqQ.woff) format('woff');
}

@font-face {
font-family: 'Inder';
font-style: normal;
font-weight: 400;
src: local('Inder'), local('Inder-Regular'), url(http://themes.googleusercontent.com/static/fonts/inder/v3/LN9QVFa7kDa1_2Kui_Befw.woff) format('woff');
}

/* TERMINAN CÓDIGOS DE TABLÓN DE ANUNCIOS: DEX STARR */
avatar

Imagen :

Sebastian Stevensen

Pareja :

39

Mensajes :

18/11/2011

Fecha de inscripción :

22

Edad :

México/Italia~

Localización :

Ver perfil de usuario http://rainandlove.forolatino.tv
Annie Add

Volver arriba Ir abajo

Mensaje por Marizza Solernou el Lun Feb 13, 2017 11:19 am
Código:
/* efecto para links widget! .*/
.lovely {
height: 10px;
width: 180px;
display: block;
font-family: Benchnine;
font-size: 11px;
color: #000000;
background-color: #C7C7C7;
border: 1px solid #fff;
border-left: 20px solid #fff;
border-bottom: 20px solid #fff;
border-top: 3px solid #fff;
padding-left: 5px;
-webkit-transition: all .5s linear;
-moz-opacity: 0.2;
opacity: 0.2;
border-radius: 5px 0px 5px 0px;
}

.lovely:hover {
-moz-opacity: 1.0;
opacity: 1.0;
color: #000000;
background-color: #fff;
border: 1px solid #C7C7C7;
border-top: 20px solid #C7C7C7;
border-bottom: 3px solid #C7C7C7;
border-right: 20px solid #C7C7C7;
border-radius: 15px 5px 10px 5px;
}


/*EFECTOS IMÁGENES*/
.ex3 img {
border: 4px solid #76309a;
height: 60px;
width: 25px;
-webkit-box-shadow: 4px 4px 4px #003901;
-moz-box-shadow: 4px 4px 4px #003901;
box-shadow: 4px 4px 4px rgba #003901;
-webkit-transition: all 1.5s ease-out;
-moz-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
}

.ex3 img:hover {
width: 35px;
height: 80px;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
transform: rotate(-7deg);
}

.ex1 img {
border: 3px groove #003901;
-webkit-transition: margin 1s ease-out;
-moz-transition: margin 1s ease-out;
-ms-transition: margin 1s ease-out;
transition: margin 1s ease-out;
}

.ex1 img:hover {
border: 4px double #93ea5f;
margin-top: 2px;
}

/*Prueba*/
.tabname2 {
    border-top: 70px solid #172C44;
    border-left: 60px solid transparent;
    color: #fff;
    display: block;
    font-family: oswald;
    font-size: 12px;
    height: 0;
    letter-spacing: 1px;
    line-height: 5px;
    margin-left: 5px;
    margin-top: 15px;
    position: relative;
    text-transform: uppercase;
    width: 145px;
}
.tabname {
    border-bottom: 70px solid #172C44;
    border-left: 60px solid transparent;
    color: #fff;
    display: block;
    font-family: oswald;
    font-size: 12px;
    height: 0;
    letter-spacing: 1px;
    line-height: 80px;
    margin-left: 5px;
    margin-top: -75px;
    position: relative;
    text-transform: uppercase;
    width: 145px;
}
.triang-l {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #1a1a1a;
    border-top: 10px solid transparent;
    height: 0;
    margin-right: -3px;
    width: 0;
}
#cajatab {
    background: -webkit-linear-gradient(#172C44,#542442) no-repeat fixed center center;
    height: 300px;
    overflow: hidden;
    width: 300px;
}

/*LALALALA
OYE AQUÍ EMPIEZAN LAS LINDAS IMÁGENES
Super efectos nuevos FAVOR DE DETENERSE A PARTIR DE AQUÍ PARA ENTENDERLOS*/

.view {width: 400px; height: 200px; margin-top: -21px; margin-left: 9px; float: left; border: 10px solid #72c874; overflow: hidden; position: relative; text-align: center; cursor: default; background: #f3ffeb url(../images/bgimg.jpg) no-repeat center center;}

.view .mask,.view .content {width: 400px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0;}
.view img {display: block; position: relative;}
.view h2 {font-family: 'Satisfy'; text-transform: none; color: #f3ffeb; text-align: center; position: relative; font-size: 17px; padding: 10px; background: #8b61bf; margin: 16px 0 0 0;}
.view p {font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center; overflow: auto;}
.view a.info {display: inline-block; text-decoration: none; padding: 7px 14px; background: #72c874; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000;}
.view a.info: hover {-webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;}

/*Y otros*/
.view-fourth img {-webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.view-fourth .mask {background-color: #4e366b; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.view-fourth h2 {font-family: 'Calligraffitti'; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.view-fourth p {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.view-fourth a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.view-fourth:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s;}
.view-fourth:hover img {-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s;}
.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s;}

/*Para las news*/
.view-seventh img {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.view-seventh .mask {background-color: #4e366b; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.view-seventh h2 {font-family: 'Satisfy'; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.view-seventh p {-webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: -5px;}
.view-seventh a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
  margin-top: -10px;
  margin-left: -50px;
}
.view-seventh:hover img {
   -webkit-transform: rotate(720deg) scale(0);
   -moz-transform: rotate(720deg) scale(0);
   -o-transform: rotate(720deg) scale(0);
   -ms-transform: rotate(720deg) scale(0);
   transform: rotate(720deg) scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-seventh:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px) rotate(0deg);
   -moz-transform: translateY(0px) rotate(0deg);
   -o-transform: translateY(0px) rotate(0deg);
   -ms-transform: translateY(0px) rotate(0deg);
   transform: translateY(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-seventh:hover h2 {
   font-family: 'Satisfy';
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.7s;
   -moz-transition-delay: 0.7s;
   -o-transition-delay: 0.7s;
   -ms-transition-delay: 0.7s;
   transition-delay: 0.7s;
}
.view-seventh:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.6s;
   -moz-transition-delay: 0.6s;
   -o-transition-delay: 0.6s;
   -ms-transition-delay: 0.6s;
   transition-delay: 0.6s;
}
.view-seventh:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

/*ESTE ES EL NUEVE, ES PARA SUFOROS SOLO CON TEXTO*/
.view-first img {
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(139,97,191, 0.7);
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    font-family: 'Satisfy';
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p {
    height: 50%;
    transform: translateY(100px);
    opacity: 0;
 transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
 transition: all 0.2s ease-in-out;
}
.view-first:hover img {
 transform: scale(1.1);
}
.view-first:hover .mask {
 opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

/* TENEMOS ALGO MÁS PARA MENCIONAR AQUÍ
 CIRCULÍTOS LOOCOOOSSS!! */
.billy {
border-right: 10px solid transparent;
border-bottom: 10px solid #617ebf;
border-top: 10px solid transparent;
border-left: 10px solid transparent;
height: 0;
margin: -15px -3px 0px 90px;
width: 0;
}

.billy2 {
border-right: 10px solid transparent;
border-top: 10px solid #617ebf;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
height: 0;
margin: 0px -3px -8px 80px;
width: 0;
}

#avatar-post{
margin-left: -20px;
}

/* PERFIL EDITADO CON CSS */
.postprofile {
width: 190px;
padding: 10px;
display: block;
text-align: center;
word-spacing: 2px;
background: -webkit-linear-gradient(180deg, #72c874, #8b61bf);
border: 5px solid #76309a;
font-family: Century Gothic;
font-size:11px;
}

.nombre-post {text-align: center; padding: 30px; background: #242424; font-family: 'Lobster Two'; width: 150px; margin-left: -10px; background: -webkit-linear-gradient(245deg, #72c8c5,#617ebf); border-top: 5px solid #617ebf; border-bottom: 5px groove #72c8c5; margin-bottom: -10px;}
.nombre-post a {font-family: 'Lobster Two'; border-radius: 15px 15px 5px 5px; display: block; background: #BBB; text-shadow: -1px -1px 10px #8f8f8f; padding: 5px; text-transform: none; font-size: 12px; font-weight: lighter;}
#rango-post {position: relative; margin-top: -10px; margin-left:-20px;}
#title-post {font-family: 'Lobster Two'; font-size: 14px; text-shadow: -1px -1px 8px #3e3e3e; width: 180px; background: #72C7E3; padding: 5px 3px 5px 2px; color: #000; border-top: 1px dotted #3e3e3e;}
#dato-post {color: #fff; font-size: 13px; font-family: "Open Sans Condensed"; background: #617ebf; width: 180px; padding: 10px 2px 10px 2px; border-bottom: 2px solid #72c8c5; border-top: 5px groove #617EFC;}


/* PESTAÑAS CSS */

.tabss {
position: relative;
overflow: hidden;
width: 450px;
height: 500px;
padding: 10px;
background-color:#253650;
border-top: 5px groove #250650;
}  
.tabb {
float: left;
}  
.tabb label {
background-color: #251650;
border: 2px solid #250650;
padding: 8px 10px 8px 10px;
bottom: -4px;
position: relative;
left: -6px;
margin-right:3px;
}  
.tabb [type=radio] {
display: none;
}  
.contentty {
position: absolute;
top: 40px;
bottom: 0;
left: 0;
right: 0;  
background-color: #250650;
border: 3px solid #253650;
padding: 10px;
overflow: auto;
}  
.tabb [type=radio]:checked ~ label {
background-color: #253650;
border: 2px solid #61bf9f;
z-index: 2;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
}
.tabb [type=radio]:checked ~ label ~ .contentty {
z-index: 1;
}

/* SEGUNDA TABLA */
/*-------------------------------------------------*/

#fondoficha {
color: #fff;
background-color: #A9BCF5;
border-radius: 10px 10px 10px 10px;
border-left: 6px solid #C2C2C2;
border-right: 6px solid #C2C2C2;
width: 480px;
height: 820px;
margin: 4px;
padding: 4px;
}

#imagenspace {
margin-top:-55px;
margin-left: 10px;
boder: solid 4px #C2C2C2;
border-radius: 100%;
background-color: #000000;
width: 190px; height: 190px;
float: left;
}

#imagentwospace {
margin-top:-150px;
margin-left: -10px;
boder: solid 4px #C2C2C2;
border-radius: 100%;
background-color: #0B0B3B;
width: 190px; height: 190px;
float: right;
}

.namepj {
margin-left: -5px;
margin-top: -15px;
background-color: #C2C2C2;
height:35px; width: 270px;
border-right: 2px #000000;
border-left: 2px #000000;
border-radius: 0px 30px 30px 0px;
font-family: 'Montez';
font-size: 30px; color: #000626;
text-align: center;
line-height: 10px;
text-shadow: 0px 1px 2px 1px #fff;
-moz-transition:all 1.8ease-in-out;
-webkit-transition:all 2s ease-in-out;
padding: 2px;
}

.namepj:hover {
background-color:#C2C2C2;
width: 380px; height:35px;
font-size: 32px;
border-right: 2px #000000;
border-left: 2px #000000;
font-family:'Montez';
text-shadow: 0px 1px 2px 1px #000000;
color:#fff;
text-align: center;
line-height: 20px;
-moz-transition:all 0.8s ease-in-out;
-webkit-transition:all 1.1s ease-in-out;
}

.infobasica{
text-align: center;
color: #000000;
padding: 2px;
height: 20px;
width 75px;
border-left: 1px solid #0B173B;
border-right: 1px solid #0B173B;
font-family: 'Palatino Linotype';
font-size: 12px;
margin-left: 5px;
margin-right: 8px;
margin-top: -2px;
margin-bottom: -2px;
background-color: #5B5B5B;
}

.infobasica:hover{
text-aling: center;
color: #fff;
padding: 2px;
height: 30px;
width 80px;
border-left: 1px solid #5B5B5B;
border-right: 1px solid #5B5B5B;
font-family: 'Palatino Linotype';
font-size: 12px;
margin-left: 5px;
margin-right: 8px;
margin-top: -2px;
margin-bottom: -2px;
background-color: #0B173B;
-moz-transition:all 0.8s ease-in-out;
-webkit-transition:all 1.1s ease-in-out;
}

/*Extras ficha pestañas*/
.pestañas{
background-color: #253650;
border-top: 5px groove #250650;
display: table;
position: relative;
width: 190px;
height: 20px;
list-style: none outside none;
padding: 10px;
margin-top: -10px;
margin-left: -10px;
}

.pestañas li{
padding: 5px;
cursor: pointer;
display: inline-block;
margin-left: -5px;
margin-top: 10px;
margin-right: 5px;
font-family: Century Gothic;
font-size: 11px;
color: #bfbfbf;
background-color: #61bf9f;
border: 1px solid #250650;
}

.contenido{
overflor: hidden;
width:210px;
height:520px;
margin-top: 60px;
}

.cnt1{
margin-top: -60px;
height:520px;
width: 210px;
font-family: Century Gothic;
font-size: 11px;
color: #fff;
background-color: transparent;
}

.cnt2{
margin-top: -60px;
height:520px;
width: 210px;
display:none
font-family: Century Gothic;
font-size: 11px;
color: #fff;
overflow: auto;
background-color: transparent;
}

.cnt3{
margin-top: -60px;
height:520px;
width: 210px;
display: none;
font-family: Century Gothic;
font-size: 11px;
color: #fff;
overflow: auto;
background-color: transparent;
}

.cnt4{
margin-top: -60px;
height:520px;
width: 210px;
display: none;
font-family: Century Gothic;
font-size: 11px;
color: #fff;
overflow: auto;
background-color: transparent;
}

.cnt5{
margin-top: -180px;
height:520px;
width: 210px;
display: none;
font-family: Century Gothic;
font-size: 11px;
color: #fff;
overflow: auto;
background-color: transparent;
}

.cnt6{
margin-top: -210px;
height:520px;
width: 210px;
display: none;
font-family: Century Gothic;
font-size: 11px;
color: #fff;
overflow: auto;
background-color: transparent;
}

/*LETRAS TABLAS*/
.ranran{
color:#2B0042;
text-shadow:1px 1px #c3c3c3;
font-family: 'Quicksand', sans-serif;
font-size: 15px;
letter-spacing:-1px;
}

/*OTRAS COSAS MÁS PARA EXPERIMENTAR*/
.lb-album{
 width: 900px;
 margin: 0 auto;
 font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
}
.lb-album li{
 float: left;
 margin: 5px;
 position: relative;
}
.lb-album li > a,
.lb-album li > a img{
 display: block;
}
.lb-album li > a{
 width: 150px;
 height: 150px;
 position: relative;
 padding: 10px;
 background: #f1d2c2;
 box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
 border-radius: 4px;
}
.lb-album li > a span{
 position: absolute;
 width: 150px;
 height: 150px;
 top: 10px;
 left: 10px;
 text-align: center;
 line-height: 150px;
 color: rgba(27,54,81,0.8);
 text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
 font-size: 24px;
 opacity: 0;
 background:
 radial-gradient(
 center,
 ellipse cover,
 rgba(255,255,255,0.56) 0%,
 rgba(241,210,194,1) 100%
 );
 transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
 opacity: 1;
}
.lb-overlay{
 width: 0px;
 height: 0px;
 position: fixed;
 overflow: hidden;
 left: 0px;
 top: 0px;
 padding: 0px;
 z-index: 99;
 text-align: center;
 background:
 radial-gradient(
 center,
 ellipse cover,
 rgba(255,255,255,0.56) 0%,
 rgba(241,210,194,1) 100%
 );
}
.lb-overlay > div{
 position: relative;
 color: rgba(27,54,81,0.8);
 width: 550px;
 height: 80px;
 margin: 40px auto 0px auto;
 text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
}
.lb-overlay div h3,
.lb-overlay div p{
 padding: 0px 20px;
 width: 200px;
 height: 60px;
}
.lb-overlay div h3{
 font-size: 36px;
 float: left;
 text-align: right;
 border-right: 1px solid rgba(27,54,81,0.4);
}
.lb-overlay div h3 span,
.lb-overlay div p{
 font-size: 16px;
 font-family: Constantia, Palatino, serif;
 font-style: italic;
}
.lb-overlay div h3 span{
 display: block;
 line-height: 6px;
}
.lb-overlay div p{
 font-size: 14px;
 text-align: left;
 float: left;
 width: 260px;
}
.lb-overlay a.lb-close{
 background: rgba(27,54,81,0.8);
 z-index: 999;
 color: #fff;
 position: absolute;
 top: 43px;
 left: 50%;
 font-size: 15px;
 line-height: 26px;
 text-align: center;
 width: 50px;
 height: 23px;
 overflow: hidden;
 margin-left: -25px;
 opacity: 0;
 box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.lb-overlay img{
 max-height: 100%;
 position: relative;
 opacity: 0;
 box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
 transition: opacity 0.5s linear;
}
.lb-prev, .lb-next{
 text-indent: -9000px;
 position: absolute;
 top: -32px;
 width: 24px;
 height: 25px;
 left: 50%;
 opacity: 0.8;
}
.lb-prev:hover, .lb-next:hover{
 opacity: 1;
}
.lb-prev{
 margin-left: -30px;
 background: transparent url(../images/arrows.png) no-repeat top left;
}
.lb-next{
 margin-left: 6px;
 background: transparent url(../images/arrows.png) no-repeat top right;
}
.lb-overlay:target {
 width: auto;
 height: auto;
 bottom: 0px;
 right: 0px;
 padding: 80px 100px 120px 100px;
}
.lb-overlay:target img,
.lb-overlay:target a.lb-close{
 opacity: 1;
}
.lb-overlay:target img {
 animation: fadeInScale 1.2s ease-in-out;
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.lb-overlay:target img {
 animation: scaleDown 1.2s ease-in-out;
}
@-webkit-keyframes scaleDown {
  0% { transform: scale(10,10); opacity: 0; }
  100% { transform: scale(1,1); opacity: 1; }
}

/*....*/
@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(https://fonts.googleapis.com/css?family=Calligraffitti);
@import url(https://fonts.googleapis.com/css?family=Meddon);
@import url(https://fonts.googleapis.com/css?family=Satisfy);
@import url(https://fonts.googleapis.com/css?family=Damion|Calligraffitti|Bad+Script|VT323|Oleo+Script|Denk+One|Homenaje|Homemade+Apple|Nothing+You+Could+Do|Gochi+Hand|Rajdhani|Coda|Sacramento|Allura|Fredericka+the+Great|Fontdiner+Swanky|Megrim|Parisienne|Unica+One|Six+Caps|Cabin+Sketch|Rochester|Yellowtail|Aclonica|Grand+Hotel|Leckerli+One|Yesteryear|Just+Me+Again+Down+Here|Frijole|The+Girl+Next+Door|Wire+One|Italianno|Teko|Montez|Mr+De+Haviland|Sarpanch|Lily+Script+One|Mr+Dafoe|Arizonia|Qwigley|Norican|Rationale|Clicker+Script|Euphoria+Script|Seaweed+Script|Oregano|Delius+Swash+Caps|Kavoon|Meddon|Geo|Over+the+Rainbow|Tulpen+One|Sail|Dorsa|Caveat+Brush|Cedarville+Cursive|Engagement|Medula+One|Iceland|Zeyada|Share+Tech+Mono|Aguafina+Script|Redressed|Poiret+One|Lobster|Pacifico|Amatic+SC|Orbitron|Lobster+Two|Satisfy);
avatar

Imagen :

Sebastian Stevensen

Pareja :

39

Mensajes :

18/11/2011

Fecha de inscripción :

22

Edad :

México/Italia~

Localización :

Ver perfil de usuario http://rainandlove.forolatino.tv
Annie Add

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

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