Código CSS:
Ver originala{
color: rgb(0,170,210);
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
a:visited{
color: rgb(0,170,210);
text-decoration: none;
}
a:active{
color: rgb(0,170,210);
text-decoration: none;
}
a.aGray{
color: gray;
}
body, html{
height: 100%;
width: 99%;
}
body{
background-color: rgba(139,89,62,0.2);
color: gray;
font-family: verdana;
}
ul{
list-style-type: none;
}
li.busqueda:hover{
background-color: rgba(0,170,170,0.5);
color: white;
cursor: pointer;
}
.capaLogo{
background: -moz-linear-gradient(top, rgb(255,255,255), rgb(200,200,200));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(200,200,200)));
border: 1px solid rgb(200,200,200);
border-radius: 5px;
padding: 10px;
width: 50px;
}
.dv{
border: 1px solid rgb(230,230,230);
width: 90%;
}
.enum{
color: white;
background: -moz-linear-gradient(top, rgb(0,170,210), rgb(0,140,180));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,170,210)), to(rgb(0,140,180)));
border-radius: 5px;
padding: 10px;
}
.friends_logo{
height: 50px;
width: 50px;
}
.lisearch{
left: -9.3%;
padding: 20px;
width: 100%;
}
.lisearch:hover{
background: -moz-linear-gradient(top, rgb(0,170,210), rgb(0,140,180));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,170,210)), to(rgb(0,140,180)));
color: white;
text-decoration: none;
}
.negro{
background: rgba(0,0,0,0.4);
display: none;
left: 29%;
top: -20%;
}
.notificacion{
/*background: red;*/
border-bottom: 1px solid rgb(220,220,220);
padding: 5%;
}
.ulnotice{
left: -5%;
}
.medio{
background-color: rgba(0,0,0,0.4);
display: inline;
left: 28%;
top: -20%;
z-index: 3;
}
.rojo{
background-color: rgba(250,0,0,0.8);
display: inline;
left: 28%;
top: -20%;
z-index: 3;
}
#blockaddRS, #blockRS, #blockSRC{
font-size: 14px;
}
#blockaddRS{
top: 15%;
}
#blockSRC{
top: 45%;
}
#buscador{
background-image: url(imagenes/lupa3.png);
background-size: 25px 25px;
background-repeat: no-repeat;
background-position: 15px 13px;
border: 2px solid rgb(0,150,150);
font-size:100%;
padding-left: 50px;
left:29%;
text-transform: 40px;
top:-15%;
height: 80%;
width:20%;
}
#cara{
left: 29%;
top: 15%;
height:30px;
padding: 3px;
width:30px;
}
#cara:hover{
opacity: 0.7;
filter:alpha(opacity=70);
}
#compartirH{
/*border: 1px solid rgb(200,200,200);
border-radius: 10px;
font-size: 100%;
width: 60%;
height: 30%;*/
left: 41.5%;
}
#compartirT{
left: 41%;
}
#contrasenaA{
top: 30px;
}
#contrasenaB{
top: 77px;
left: 25px;
}
.friends_logo, .lisearch, .ulnotice, #blockaddRS, #blockSRC, #bloqMenu, #buscador, #cara, #compartirH, #compartirT, #correoB, #contrasenaB, #cuaInSes, #cuerpo, #dv1, #editarIMG, #enviarCompartir, #evpLogo, #fbLogo, #usuarioB, #contrasenaA, #InSes, #RegSt, #llv, #logo, #menuSup, #more, #novedadSpn, #obs, #oc, #pubNom, #redes, #scsn, #tLogo, #tooltipEP, #tooltipP, #txtIn, #txtReg{
position: relative;
}
#correoB{
top: 50px;
left: -140px;
}
#cuaInSes, #cuerpo{
background-color: rgb(255,255,255);
border: 1px solid rgb(200,200,200);
border-radius: 15px;
box-shadow: 0px 0px 2px 0px rgba(139,89,62,0.3);
}
#cuaInSes{
left: 32.5%;
padding: 60px;
padding-bottom: 10%;
top: 100px;
width: 30%;
}
#cuerpo{
left: 20%;
padding: 10px;
padding-left: 50px;
/*padding-bottom: 38%;*/
top: 4%;
/*height: 40%;*/
width: 60%;
}
#dv1{
top: 30%;
}
#editarIMG{
display: none;
top: -15%;
left: 29.5%;
height: 15px;
width: 15px;
}
#enviarCompartir{
left: 45%;
background: -moz-linear-gradient(top, rgb(0,170,210), rgb(0,140,180));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,170,210)), to(rgb(0,140,180)));
border: 1px solid rgb(0,120,160);
border-radius: 15px;
color: white;
padding: 1.5%;
}
#enviarCompartir:hover{
background: -moz-linear-gradient(top, rgb(0,210,250), rgb(0,180,220));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,210,250)), to(rgb(0,180,220)));
}
#evpLogo{
top: 55%;
}
#fbLogo, #tLogo{
display: inline-block;
}
#fbLogo{
top: 20%;
}
#InSes{
left: 25%;
top: 50px;
}
#llv{
display: none;
top: -15%;
left: 30%;
height: 15px;
width: 15px;
}
#logo{
left: 5%;
top: 20%;
}
#menuSup{
background: -moz-linear-gradient(top, rgb(0,190,190), rgb(0,170,170));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,190,190)), to(rgb(0,170,170)));
left:-10px;
top:-10px;
width: 102.3%;
height: 64px;
z-index: 1;
}
#more{
background-color: gray;
color: white;
display: none;
left: 40%;
padding: 1%;
padding-left: 10%;
padding-right: 10%;
}
#more:hover{
background-color: rgb(150,150,150);
}
#novedadSpn{
border-radius: 5px;
color: rgb(255,255,255);
font-size: 10px;
padding: 3px;
}
#obs{
background: rgba(0,0,0,0.3);
border-radius: 15px;
height: 28px;
left: 72.999%;
top: -8%;
width: 28px;
z-index: 20;
}
#oc, #scsn{
font-size: 13px;
}
#oc{
color: rgb(0,170,210);
top: 100px;
left: 50%;
}
#blockaddRS, #blockRS, #scsn{
padding: 5px;
}
#pubIMG{
max-width: 50px;
max-height: 50px;
}
#pubNom{
left: 3%;
}
#scsn{
color: white;
background: -moz-linear-gradient(top, rgb(0,190,190), rgb(0,170,170));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,190,190)), to(rgb(0,170,170)));
border: 1px solid rgb(0,150,150);
border-radius: 5px;
left: 46%;
}
#sre{
background-color: white;
border: 2px solid rgb(0,170,170);
border-top: 0;
display: none;
left: 37.5%;
top: 8.6%;
position: absolute;
width: 33%;
z-index: 100000;
}
#cara, #editarIMG, #evpLogo, #fbLogo, #llv, #more, #novedadSpn, #tLogo, #txtIn, #txtReg, #scsn{
cursor: pointer;
}
#tooltipEP{
background: rgba(0,0,0,0.5);
border-radius: 5px;
display: none;
padding: 5px;
font-size: 10px;
left: 26%;
top: 15%;
}
#tooltipP{
background: rgba(0,0,0,0.5);
border-radius: 5px;
display: none;
padding: 5px;
font-size: 10px;
left: 27%;
top: 15%;
}
#tLogo{
left: 15%;
top: 13.125%;
}
#txtIn{
color: rgb(255,255,255);
border-radius: 10px;
padding: 10px;
}
#txtIn{
background: -moz-linear-gradient(top, rgb(0,170,210), rgb(0,140,180));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,170,210)), to(rgb(0,140,180)));
left: 30%;
}
#txtIn:hover{
background: -moz-linear-gradient(top, rgb(0,210,250), rgb(0,180,220));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0,210,250)), to(rgb(0,180,220)));
}
#txtReg{
left: 160px;
}
#redes{
top: 20%;
}
#RegSt{
left: 50px;
top: 50px;
}
#usuarioB{
left: 50px;
}