Bienvenido/a
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular.

Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.
Últimos temas
» west coast
Jue Ago 06, 2015 10:15 pm por Euproshyne J. Rowell

» Tu primer tema
Sáb Abr 25, 2015 9:55 pm por Euproshyne J. Rowell

Administración
Awards
Categoría ganada
Quién la ganó
¿Sabías que...
Créditos
Skin hecho por Hardrock de Captain Knows Best. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular.

Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.

Tu primer tema

Ver el tema anterior Ver el tema siguiente Ir abajo

Tu primer tema

Mensaje por Euproshyne J. Rowell el Lun Ene 20, 2014 5:30 pm
Lee esta información antes de lanzarte en la administración de tu foro:

¿Cómo acceder a tu panel de administración?
En el menú superior, presiona conexión: una nueva página se abre, luego escribe el nombre de usuario "admin" y la contraseña que has indicado en tu inscripción. Si has perdido tu contraseña, pulsa aquí. Una vez conectado, presionas el vínculo "Panel de administración" en la parte inferior de la página.

¿Cómo modificar el aspecto de tu foro?
Seleccionando un tema (cada tema contiene imágenes, iconos y colores diferentes). Para ello, ve al panel de administración, luego presiona "Gestión" y elige uno de los temas propuestos. Siempre podrás modificar o elegir otro tema.

¿Cómo administrar las categorías y los foros?
Puedes añadir, modificar y suprimir las categorías y los foros que habías creado en cualquier momento e indefinidamente. Para ello pulsa en el panel de configuración, luego en gestión en el pequeño foro y luego presiona añadir (un foro o una categoría).
avatar
Euproshyne J. Rowell

Mensajes :
7

Fecha de inscripción :
20/01/2014


Ver perfil de usuario http://thechoice.mess.tv

Volver arriba Ir abajo

breaking the ruless

Mensaje por Euproshyne J. Rowell el Sáb Abr 25, 2015 9:55 pm
bitch say what:
bitch say whaaat
La cabrita de Doña Maria escribió:


Código:
/*
#logo-desc {
width: 1020px;
height: 350px;
background-image:url(http://i.imgur.com/HuLhRZL.png);
margin-left: -15px;
margin-top: -10px;
}
/* Navbar
a.mainmenu {
margin-left: -6px;
color: #fff;
font-family: arial;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
padding: 7px;
background-color: #aac689;
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.mainmenu:hover {
background-color: #89A466;
opacity: 1;
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}

.navlinks {
Margin-left: -15px;
background-color: #89A466;
Padding: 5px;
Width: 1020px;
margin-top: -14px;
}

/* Widgets  
#content-container div#left {
display: none;
}
/*#comments_scroll_container {
background: #2b2b2b;
text-align: center;
width: 220px;
height: 220px;
overflow: auto;
padding: 15px;
text-transform: uppercase;
font-family: tahoma;
font-size: 8px;
opacity: .8;
} */
/* SIDEBAR TABS
.clickable {
border-bottom: 0px;  
display: inline;  
cursor: pointer;
color: #fff;
font-family: arial;
font-family: 14px;
}
.tab-content {  
background-color: none;  
display: none; /* no borrar
margin-left: -10px;}
#tab1-content {display: block;} /* no borrar */
/* .highlight { background-color: #222; color: #A2D7B9; }  
#tab-strip {
margin-right: -15px;
list-style: none outside none;  
margin: 0px;  
padding-top: 4px;
padding-bottom: 4px;
display: block;
background-color: #89a466;
}
#tab-strip a {text-decoration: none;}
/*DETAILS
.lidirect {
background-color: #222;
text-transform: uppercase;
font-family: tahoma;
font-size: 8px;
display: block;
padding: 2px 5px;
text-align: center;
-moz-transition-duration: 0.8s;  
-webkit-transition-duration: 0.8s;  
-o-transition-duration: 0.8s;
}
.lidirect:hover {
padding-left: 16px;
-moz-transition-duration: 0.8s;  
-webkit-transition-duration: 0.8s;  
-o-transition-duration: 0.8s;
}
#maistaff {
width: 75px;  
height: 70px;  
background-color: #1f1f1f;
opacity: 0;  
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
}
#maistaff:hover {  
opacity: .99;  
webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;  
}
.lenaqlia {  
font-size: 10px;
text-align: center;
position: relative;
right: -27px;
top: 18px;
color: #ffffff;
text-transform: lowercase;
font-family: yanone kaffeesatz;  
}
.afidesc {
width: 150px;
height: 180px;
overflow: auto;
background-color: #2b2b2b;
display: block;
border: 8px solid #181F31;
border-radius: 10px;  
font-family: verdana;  
font-size: 9px;  
text-align: justify;  
line-height: 100%;
text-transform: uppercase;
padding: 10px;
}
#tanksite {
display: inline;  
text-align: center;
}
#tanksite a {
width: 100px;
background-color: #222;
text-transform: uppercase;
font-family: tahoma;
font-size: 8px;
display: block;
padding: 2px 5px;
text-align: center;
-moz-transition-duration: 0.8s;  
-webkit-transition-duration: 0.8s;  
-o-transition-duration: 0.8s;
}
#tanksite a:hover {
padding-left: 20px;
-moz-transition-duration: 0.8s;  
-webkit-transition-duration: 0.8s;  
-o-transition-duration: 0.8s;
}
.afiliado {
opacity: 1;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;}
.afiliado:hover {
opacity: 0.7;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
#elite {
width: 30px;  
height: 30px;
border: 3px solid #eee;
}
#hermano {
width: 40px;  
height: 40px;
border: 3px solid #eee;
} */
.module .h3 {
visibility: hidden; display: none;
}
.h3 {  
font-family: oswald;
font-style: italic;
font-size: 45px;
text-transform: uppercase;
text-align: right;
background-color: #AAC689;
padding: 30px;
color: #fff;
-moz-transition-duration: 1.5s;  
-webkit-transition-duration: 1.5s;  
-o-transition-duration: 1.5s;
}
.h3 a {color: #fff;}
/* Chatbox *
#frame_chatbox {border: 10px solid #fff;}
#chatbox_header {background-color: #000;}
.chatbox-title {
font-size: 22px;
letter-spacing: -2px;
font-family: oswald;
text-transform: lowercase;}
.chatbox-title a {color: #fff;}
.style-buttons label {text-transform: lowercase;}
.style-buttons input[name="sent"] {background-color: #2b2b2b; border-radius: 20px;}
.chatbox-options li {text-transform: lowercase;font-family: calibri;}
.style-buttons+.right-box #fontbutton {border-radius: 10px;}
body.chatbox {background-color: #222;}
#chatbox_footer {background-color: #000;}
.style-buttons input[name="sent"] {
border-radius: 10px;
border: none;}
.style-buttons input[name="sent"]:focus {outline:none;}
.style-buttons #submit_button {font-family: calibri; text-transform: lowercase;border-radius: 10px;}
.style-buttons+.right-box #fontbutton {border-radius: 100%;background-color:#eee;}
.style-buttons+.right-box #fontbutton:hover {border: none;}
textarea:focus,input:focus {outline: none;}
textarea,input{
border-radius: 10px;
border: 1px solid #fff;
background-color: #2b2b2b;}
#text_editor_textarea{
border-radius: 10px;
border: 1px solid #fff;
background-color: #2b2b2b;}
#search-box {visibility:hidden}
.search-box .inputbox {background-color: #2b2b2b;}
.search-box input[value="Buscar"] {
border-radius: 10px; text-transform: lowercase;}
input#username {
border-radius: 10px;
border: 1px solid #fff;
background-color: #2b2b2b;}
input#password {
border-radius: 10px;
border: 1px solid #fff;
background-color: #2b2b2b;}
/*detalles de algunos links*
p.right.rightside {font-size: 0px;color:transparent;}
p.right.rightside+p {font-size: 0px;color:transparent;}
br.clear+.linklist a {font-size: 7px;text-transform: uppercase;color: #fff;}
br.clear+.linklist .rightside a {font-size: 7px;text-transform: uppercase;color: #fff;}
.forabg+.linklist {font-size: 0px; color: transparent;}
.forabg+.linklist a {font-size: 7px;text-transform: uppercase;color: #fff;}
.forabg+.linklist .last {font-size: 7px;text-transform: uppercase;color: #fff;}
.forabg+.linklist .rightside {font-size: 7px;text-transform: uppercase;color: #fff;}
.forumbg .topictitle {font-size: 9px;text-transform: uppercase;color: #fff;}
.forumbg .topictitle:hover {letter-spacing: 2px;}
/*
a.forumtitle {
font-family: aguafina script;  
font-size: 30px;  
color: #aac698;
text-shadow: 1px 1px 0px #fff, 1px 1px 0px #aac698;
letter-spacing: 0px;  
text-transform: lowercase;
text-align: center !important;  
padding-bottom: 2px;  
dispaly: block;
margin: 0px;
position:relative;
right: -200px !important;
bottom:  -5px;
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s; }
a.forumtitle:hover {color: #fff;
text-shadow: 1px 1px 0 #aac698, 1px 1px 0px #fff;
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s; }
/* Las descripciones bby *
#desc {
background-color: #2a2a2a;
padding: 20px; /*
width: 250px; *
font-family: arial;
text-transform: uppercase;
color: #fff;
font-size: 9px;
line-height: 90%;
text-align: justify;
}
#texto {  
padding-right: 10px;
text-align: justify;
}
#subforo {
width: 120px;  
float: right;
overflow: auto;  
padding: 1px;
position: relative;
right: -8px;
}
#subforo a {
font-size: 7px;
background-color: #aac985;
text-transform: uppercase;
font-family: arial;
display: block;
padding: 2px 5px;  
margin-bottom: 1px;
text-align: center;
-moz-transition-duration: 0.8s;  
-webkit-transition-duration: 0.8s;  
-o-transition-duration: 0.8s;
}
#subforo a:hover {
background-color: #89A466;
color: #fff;
-moz-transition-duration: 0.8s;  
-webkit-transition-duration: 0.8s;  
-o-transition-duration: 0.8s;
}
#subforo2 {
background-color: #1c1c1c;
padding: 13px;
font-family: tahoma;
text-transform: uppercase;
color: #fff;
font-size: 7px;
line-height: 80%;
letter-spacing: 1px;
text-align: center;
}
/* Ultimos mensajes en los foros *
.forabg .row .topics, .forabg .row .posts  {
background-color: #fff;
height: 10px;
padding: 10px;
color: #AAC689;
font-family: oswald;
font-size: 20px;
text-transform: uppercase;
line-height: 80%;
text-align: center;
}
.forabg li.row dd.topics {
width: 10px;
border-radius: 0 0 0 0;
position: relative;
left: 13em;
top: 3em;
}
.forabg li.row dd.posts  {
width: 10px;
border-radius: 0 0 0 0;
position: relative;
left: 10em;
top: 6em;
}
.forabg li.row dd.topics:after { content: " TOPICS ";
font-family: arial;
text-transform: uppercase;
color: #fff;
font-size: 7px;
letter-spacing: 1px;
}
.forabg li.row dd.posts:after { content: " POSTS ";
font-family: arial;
text-transform: uppercase;
color: #fff;
font-size: 7px;
letter-spacing: 1px;
}
.forabg li.row dd.lastpost {
width: 123px;
font-family: calibri;
text-transform: uppercase;
color: #fff;
font-size: 9px;
line-height: 100%;
text-align: center;
padding: 10px;
right: 170px;
top: 30px;
margin-left: 99px;
margin-top: 30px;
}
/* Post-It, Anuncio, etc *
.announcement {background-color: #222;}
.forumbg {background-color: #222;}
.announcement .header{
background-color: #000;
text-transform: uppercase;
line-height: 18pt;
padding: 3px;
text-align: right;
color: transparent;
}
.announcement .bg_none .dterm strong {
text-transform: uppercase;
font-style: bold;
}
.forumbg .header{
background-color: #000;
text-transform: uppercase;
line-height: 18pt;
padding: 3px;
text-align: right;
color: transparent;
}
.announcement .header .posts{display:none;}
.announcement .header .views{display:none;}
.announcement .header .lastpost{display:none;}
.forumbg .header .posts{display:none;}
.forumbg .header .views{display:none;}
.forumbg .header .lastpost{display:none;}
/* Los textos de las estadsticas y eso *
#i_whosonline + p {
padding: 20px;
color: #fff;
font-size: 8px;
font-family: calibri;
text-transform: uppercase;
background-color: #222;
}
.page-bottom {
padding: 1px;
padding-left: 20px;
color: #fff;
font-size: 8px;
font-family: calibri;
text-transform: uppercase;
background-color: #222;
}
ul#picture_legend {display:none;}
#info_open+.h3+.clearfix {
color: #fff;
font-size: 8px;
font-family: calibri;
text-transform: uppercase;
background-color: #222;
padding: 20px;
margin: auto;
}
#page-footer {color:transparent;}
#page-footer li a {
color: #fff;
font-size: 8px;
font-family: calibri;
text-transform: uppercase;}
/* Los grupos *
p em {
font-style: normal;
color: transparent;
text-align: center;}
p em b a.gensmall {
color: #eee !important;
font-family: oswald;
font-size: 15px;
font-style: normal;
text-align: center;
text-shadow: 1px 0 0 #2b2b2b;
text-transform: lowercase;}
/* CONTENIDO DE LOS POSTS */
/* Titulo *
h1.page-title {  
font-family: oswald;
font-style: italic;
font-size: 45px;
text-transform: uppercase;
text-align: right;
background-color: #AAC689;
padding: 30px;
color: #fff;
-moz-transition-duration: 1.5s;  
-webkit-transition-duration: 1.5s;  
-o-transition-duration: 1.5s;
}
h1.page-title {color: #fff;}
.postbody .topic-title a {
font: 20px oswald;
letter-spacing: -2px;
word-spacing: 1px;
color: #fff;
font-weight: 300;
}
.pathname-box {font-size: 8px;text-transform: uppercase;color: transparent;}
.pathname-box a {color: #fff;}
.nav {font-size: 8px;text-transform: uppercase;color: transparent;}
.nav a{color: #fff;}
.topic-actions .pagination {text-transform: uppercase;font-size: 7px;}
.noprint {text-transform: uppercase;font-size: 7px;}
.postbody .author { /* Autor del post */
text-transform: uppercase;
font-family: tahoma;
letter-spacing: 2px;
font-size: 7px;
line-height: 1.2em;
text-align: center;
background-color: #2a2a2a;
position: relative;
margin-top: 20px;
padding: 8px !important;
right: -7em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}
p.author a {letter-spacing: 0px;}
.post {background-color: #222;}
.content {background-color: #2a2a2a;padding: 20px;}
dl.codebox {
background-color: #fafafa;
border-left: 10px solid #000;
border-top: none;
border-right: none;
border-bottom: none;
padding: 5px;
}
dl.codebox dt {
display: block;
font-size: .8em;
font-weight: lighter;
color: #222;
text-align: center;
margin-bottom: 3px;
text-transform: uppercase;
font-family: Helvetica;
}
dl.codebox code {
color: #222;
font-family: courier new;
font-size: 11px;
border-bottom: none;
}
blockquote {
background-color: #fafafa;
border-left: 10px solid #000;
border-top: none;
border-right: none;
border-bottom: none;
padding: 5px;
}
blockquote blockquote {
background-color: #fafafa;
border-left: 10px solid #000;
border-top: none;
border-right: none;
border-bottom: none;
padding: 5px;
}
.content blockquote {
color: #222;
font-family: Helvetica;
font-size: 11px;
border-bottom: none;
}
.postbody ul.profile-icons {margin-top:-4px;margin-right:-37px;} /* No me borres, tengo familia :c */
/* Perfiles *
.postprofile {
width: 200px;
display: block;
text-align: center;
word-spacing: 2px;
background-color: #2a2a2a;
border: 10px solid #2e2e2e;}
.postprofile dt {margin-left: -2px;}
.postprofile dt strong {
font-family: tahoma;
letter-spacing: 2px;
font-style: normal;
padding: 2px;
font-size: 10px;
text-transform: uppercase;}
.postprofile dd {
text-align: center;
margin-top: 4px;
text-transform: uppercase;
font-size: 9px;
font-family: tahoma;
letter-spacing: -1px;
word-spacing: 1px;}
/* Rangos */
.presidente {
font-size: 28px;
font-family: raleway;
text-align: center;
color: #fff;
text-transform: uppercase;  
letter-spacing: -1px;
border-bottom: 5px solid #31706D;
}
.osado {  
font-size: 28px;
font-family: raleway;
text-align: center;
color: #fff;
text-transform: uppercase;  
letter-spacing: -1px;
border-bottom: 5px solid #1874C4;
}
.sincero {
font-size: 28px;
font-family: raleway;
text-align: center;
color: #fff;
text-transform: uppercase;  
letter-spacing: -1px;
border-bottom: 5px solid #CF2198;
}
.cordial {  
font-size: 28px;
font-family: raleway;
text-align: center;
color: #fff;
text-transform: uppercase;  
letter-spacing: -1px;
border-bottom: 5px solid #EBDE9F;  
}
.abnegado {  
font-size: 28px;
font-family: raleway;
text-align: center;
color: #fff;
text-transform: uppercase;  
letter-spacing: -1px;
border-bottom: 5px solid #91C75F;
}
.inteligente {  
font-size: 28px;
font-family: raleway;
text-align: center;
color: #fff;
text-transform: uppercase;  
letter-spacing: -1px;
border-bottom: 5px solid #B89393;
}
.delaciudad {  
font-size: 28px;
font-family: raleway;
text-align: center;
color: #fff;
text-transform: uppercase;  
letter-spacing: -1px;
border-bottom: 5px solid #1095A6;
}
/* COSAS QUE SE VEN EN TODAS PARTES(? */
/* El cursor */
body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur965.cur), progress !important;
}
/* El texto */
p {font-size: 1.1em; line-height: 1.3em; margin-bottom: .5em;}
a:hover {text-decoration: none !important; text-decoration: blink !important;}
::-moz-selection {background: #151515; color:#fff;}
::selection {background: #151515; color:#fff;}
textarea:focus,input:focus {outline: none;}
a[href^="/u"] {
font-family: yanone kaffeesatz;  
position:relative;  
text-transform: lowercase;
font-size: 14px;
}
/* La barra espaciadora wee */
::-webkit-scrollbar {width: 5px;}  
::-webkit-scrollbar-thumb {background: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px;  }  
::-webkit-scrollbar-track  {background-color: #272727; display:block;}
/* Las fuentes personalizadas */
@font-face {
 font-family: 'Oswald';
 font-style: normal;
 font-weight: 300;
 src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@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/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
@font-face {
 font-family: 'Aguafina Script';
 font-style: normal;
 font-weight: 400;
 src: local('Aguafina Script Regular'), local('AguafinaScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/aguafinascript/v3/65g7cgMtMGnNlNyq_Z6CvDVi_4UGEKHjyEZCTqR5Ysg.woff) format('woff');
}
@font-face {
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 300;
 src: local('Raleway Light'), local('Raleway-Light'), url(http://themes.googleusercontent.com/static/fonts/raleway/v6/-_Ctzj9b56b8RgXW8FAriRsxEYwM7FgeyaSgU71cLG0.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: 'Raleway Dots';
 font-style: normal;
 font-weight: 400;
 src: local('Raleway Dots'), local('RalewayDots-Regular'), url(http://themes.googleusercontent.com/static/fonts/ralewaydots/v1/lhLgmWCRcyz-QXo8LCzTfHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
 font-family: 'Leckerli One';
 font-style: normal;
 font-weight: 400;
 src: local('Leckerli One'), local('LeckerliOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/leckerlione/v4/S2Y_iLrItTu8kIJTkS7DrHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

/* HERMOSA FIRMA DE LA VICKY */
#fortitle {
width: 100px;
font-family: leckerli one;
font-size: 33px;
text-transform: lowercase;
color: #cc3366;
text-shadow: 1px 0 0 #f0f0f0;
}
#forlyrics {
width: 380px;
font-family: calibri;
font-size: 8px;
text-transform: uppercase;
line-height: 95%;
color: #f0f0f0;
text-align: justify;
}
#forend {
width: 490px;
height: 10px;
background-color: #cc3366;
}
#arielle1 {
width: 245px;  
height: 170px;  
background-image:url('http://media.tumblr.com/0a1cd432807aa14cf24f95b262278806/tumblr_inline_muqj619f3F1ripgeb.gif');
}
#arielle2 {
width: 245px;  
height: 170px;  
background-image:url('http://media.tumblr.com/3a8559d73faf1218b49745395b0146bf/tumblr_inline_muqj6fwjq01ripgeb.gif');
}
/*editor de texto*/
  div.sceditor-toolbar{
 background-color:#000000 !important;
 border-bottom:transparent !important;}
 .sceditor-container iframe, .sceditor-container textarea{
 background-color: #ffffff !important;
 color:black !important;
 font-family:arial !important;}
 div.sceditor-group{
 background-color:#ffffff !important;
 border-bottom:transparent !important;}
 .sceditor-container.ltr{
 border: green ;
 background:#000000;}
 .sceditor-container.ltr.wysiwygMode {
 border: red ;
 background:#000000;}

.sp-slideshow {
 position: relative;
 margin: 0px;
 width: 980px;
 height: 310px;
}
.sp-content {
 background-color: transparent;
 position: relative;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
.sp-parallax-bg {
 background-color: transparent;
 background-size: cover;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
.sp-slideshow input {
 position: absolute;
 bottom: 15px;
 left: 50%;
 width: 9px;
 height: 9px;
 z-index: 999;
 cursor: pointer;
 opacity: 0;
}
.sp-slideshow input + label { position: absolute;bottom: 15px;left: 50%;width: 10px;height: 10px;display: block;z-index: 999;border: 2px solid #fff; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: background-color linear 0.1s;-moz-transition: background-color linear 0.1s;-o-transition: background-color linear 0.1s;-ms-transition: background-color linear 0.1s;transition: background-color linear 0.1s;}
.sp-slideshow input:checked + label {background-color: #fff;}
.sp-selector-1, .button-label-1 {margin-left: -36px;}
.sp-selector-2, .button-label-2 { margin-left: -18px;}
.sp-selector-4, .button-label-4 {margin-left: 18px;}
.sp-selector-5, .button-label-5 {margin-left: 36px;}
.sp-arrow { position: absolute; top: 50%; width: 28px; height: 38px; margin-top: -19px; display: none; opacity: 0.8; cursor: pointer; z-index: 999; background: transparent url(http://tympanus.net/Tutorials/CSS3FluidParallaxSlideshow/images/arrows.png) no-repeat; transition: opacity linear 0.3s; }
.sp-arrow:hover{ opacity: 1;}
.sp-arrow:active{ margin-top: -18px; }
.sp-selector-1:checked ~ .sp-arrow.sp-a2, .sp-selector-2:checked ~ .sp-arrow.sp-a3, .sp-selector-3:checked ~ .sp-arrow.sp-a4, .sp-selector-4:checked ~ .sp-arrow.sp-a5 { right: 15px; display: block; background-position: top right; }
.sp-selector-2:checked ~ .sp-arrow.sp-a1, .sp-selector-3:checked ~ .sp-arrow.sp-a2, .sp-selector-4:checked ~ .sp-arrow.sp-a3, .sp-selector-5:checked ~ .sp-arrow.sp-a4 { left: 15px; display: block; background-position: top left;}
.sp-slideshow input:checked ~ .sp-content { transition: background-position linear 0.6s, background-color linear 0.8s;}
.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg { transition: background-position linear 0.7s;}
input.sp-selector-1:checked ~ .sp-content { background-position: 0 0; background-color: transparent; }
input.sp-selector-2:checked ~ .sp-content { background-position: -100px 0; background-color: transparent;}
input.sp-selector-3:checked ~ .sp-content { background-position: -200px 0; background-color: transparent;}
input.sp-selector-4:checked ~ .sp-content { background-position: -300px 0; background-color: transparent;}
input.sp-selector-5:checked ~ .sp-content { background-position: -400px 0; background-color: transparent;}
input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {  background-position: 0 0;}
input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg { background-position: -200px 0;}
input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg { background-position: -400px 0;}
input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg { background-position: -600px 0;}
input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg { background-position: -800px 0;}
.sp-slider { position: relative; left: 0; width: 500%; height: 100%; list-style: none; margin: 0; padding: 0; transition: left ease-in 0.8s; }
.sp-slider > li { color: #fff; width: 20%; box-sizing: border-box; height: 100%; padding: 0 60px; float: left; text-align: center; opacity: 0.4; transition: opacity ease-in 0.4s 0.8s; }
.sp-slider > li img{ box-sizing: border-box; display: block; margin: 0 auto; padding: 40px 0 50px 0; max-height: 100%; max-width: 100%;}
input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;}
input.sp-selector-2:checked ~ .sp-content .sp-slider {left: -100%;}
input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -200%;}
input.sp-selector-4:checked ~ .sp-content .sp-slider {left: -300%;}
input.sp-selector-5:checked ~ .sp-content .sp-slider {left: -400%;}
input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child, input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2), input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3), input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4), input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){  opacity: 1;}
avatar
Euproshyne J. Rowell

Mensajes :
7

Fecha de inscripción :
20/01/2014


Ver perfil de usuario http://thechoice.mess.tv

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.