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
» 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

» #Petición de poderes
Vie Mayo 11, 2012 3:29 pm por Marizza Solernou

» Normativa de Afiliación
Vie Mayo 11, 2012 2:59 pm por Marizza Solernou

» Ficha de Afiliación del Foro
Vie Mayo 11, 2012 10:20 am por Marizza Solernou

» Personajes Cannon Enemigos
Vie Mayo 11, 2012 6:28 am por Marizza Solernou

**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

Publicar nuevo tema   Responder al tema

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 :

19

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 :

19

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

Publicar nuevo tema   Responder al tema
 
Permisos de este foro:
Puedes responder a temas en este foro.