estilo CSS
/* RESET ---------------------------------
* reset some properties for elements since defaults are not crossbrowser
* - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html,body,div,span,h1,h2,h3,p,a,img,ul,li,fieldset,form,label,legend,table {
margin:0; padding:0; border:0; outline:0;
font-style:inherit;
font-family:inherit;
font-weight:inherit;
line-height: 1.5;
vertical-align:baseline;
}
:focus {outline:0;}
body {
font-size: 0.75em;
xfont-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4em;
background-color:#fff;
color:#222;
}
ul {
list-style:none;
font-size:1em;
padding:0 0 18px 10px;}
li br {
margin-bottom: 0.5em;
}
p {
margin: 0.5em 0 0.8em 0;
}
small { font-size: 0.9em; }
h1 {
font-size: 1.2em;
font-weight: bold;
}
h2 {
font-size: 1.1em;
font-weight: bold;
}
h3 {
font-size: 1em;
font-weight: bold;
}
a {
text-decoration: none;
color: #013952;
}
a:hover {
color: white;
}
table {
border: 0;
border-collapse: collapse;
empty-cells: show;
}
td {
padding: 0;
xfont-size: 11pt;
}
textarea,tt,pre {
Xfont-family: "DejaVu Sans Mono","Courier New",monospace;
font-family: "Courier New",monospace;
font-size: 1em;
}
/* input[type='text'], textarea { color: #A01309; } */
pre {
margin: 0.5em 0 0.5em 0;
padding: 1.2em;
Xbackground-color: #e4e4e4;
background-color: #f5f5f5;
overflow: auto;
}
select,input {
font-family: "DejaVu Sans Mono",Verdana,monospace;
font-size: 1em;
color: #444;
}
input[type='submit'],input[type='file'] { font-size: 0.9em; }
tt, code {
font-size: 1.2em; color: #732D2D;
}
/* ... PATRON UV ... */
#maquetacion {
table-layout: fixed;
width: 100%;
margin: 0; padding: 0;
xbackground: white url("/wikibase/pas13/images/fondo_wwwuv_blu.jpg") repeat-x top left;
xbackground: white url("/wikibase/pas13/images/fondo_serv_grey.jpg") repeat-x top left;
xbackground: white url("/wikibase/pas13/images/fondo_wwwuvdegrade.jpg") repeat-x top left;
xbackground-attachment:fixed;
xbackground-position: 0% 104px;
}
.marginl {
width: 8%;
}
.marginr {
width: 8%;
}
.cabcol1 {
background-color: #292929;
}
.cabcol2 {
background-color: #DFE8E5;
}
.cuerpo {
background: white url("/wikibase/pas13/images/fondo_wwwuvdegrade.jpg") repeat-x top left;
}
#header {
color: #f4f4f4;
height: 86px;
}
#header td { }
#header #hcol1 {
padding: 0;
overflow: hidden;
vertical-align: top;
background: #222222 url("/wikibase/pas13/images/logo-uniserv.jpg") no-repeat top left;
padding-top: 35px;
padding-left: 15px;
}
#header #hcol1 #logouniv {
display: block; width: 140px; height: 40px; float:left;
}
#header #hcol1 #nomente {
width: 60%;
color: #BEC7C4;
font-size: 1.3em;
font-weight: bold;
}
#header #hcol3 {
min-width: 200px;
padding-right: 5px;
background-color: #222222;
}
#header #hcol3 #buttons {
margin: 10px 0px 0px 0px;
line-height: 1.4em;
xwhite-space: nowrap;
}
#header #hcol3 img {
height: 22px;
vertical-align: middle;
margin: 0px 8px 0px 0px;
}
#header #hcol3 .buttonbox {
float:right;
}
#header #hcol3 .buttongroup {
float: right;
padding: 1px 0 0 1em;
font-size: 0.9em;
color: #ccc;
}
.noauth #header #hcol3 #logoutbutton {
display: none;
}
#header #hcol3 .separ {
border-right: 1px solid #ccc;
padding-right: 1.5em;
}
.noauth #header #hcol3 .separlast {
border: 0;
padding-right: 0em;
}
#header #hcol3 .buttongroup a {
color: #ccc;
}
.auth #header #hcol3 .buttongroup a {
color: #eee;
}
#header #hcol3 .buttongroup a:hover {
color: white;
}
#header .conectar {
display: block; font-size: 1em; color: #eee;
padding: 3px 5px 3px 5px; margin: 0px 8px 0px 8px;
border: 1px solid #ddd;
}
#headerb { height: 13px; }
#headerb .titulo {
line-height: 1.1em;
font-size: 1em;
font-weight: bold;
text-align: right;
vertical-align: bottom;
padding-bottom: 0.5em;
xpadding-right: 0.5%;
color: #eee;
xcolor: #7D3311;
Xwhite-space: nowrap;
overflow: hidden;
padding-right: 3px;
}
#colmenu {
vertical-align: top;
padding-top: 50px;
}
#ccol1 {
margin: 0;
padding: 0;
vertical-align: top;
xbackground-color: #fff;
background: white repeat-x top left;
}
#content {
Xmin-width: 600px;
color: black;
margin: 0em 0% 0em 0%;
padding: 0em 1em 3em 1em;
position: relative;
clear: both;
}
#footer {
background-color: #3F4545;
color: white;
margin: 0;
}
#footer a { color: #ddd; }
#footer td { padding: 0.8em 2%; }
#footer #fcol2 { text-align: center; }
/* ========= Plantilla WIKI ====== */
/* ... footer ... */
#footer #fcol2 .derechos { float: left; }
#footer #fcol2 .contacto { float: left; }
#footer #fcol2 .fechamodi { white-space: nowrap; }
#footer #fcol2 .wikicoman { float: right; white-space: nowrap; }
/* ... buscador ... */
#buscaruni form { padding-top: 5px; }
#buscaruni input { border:0; }
#buscaruni input[type='submit'] {
xbackground: transparent;
background: url("/wikibase/pas13/images/lupatrans.png") no-repeat scroll 0% 0% transparent;
padding-left: 20px; padding-bottom: 5px;
}
/* ... menuhor list ... */
.menuhor {
color: #3F3D39;
background-color: #CBC0A0;
}
.menuhor a { color: #3F3D39; }
.menuhor a:visited { xcolor: #6E6947; }
.menuhor img {
padding-left: 7px; margin: 3px 0;
}
.menuhor ul {
padding: 0; margin: 0;
}
.menuhor li:hover {
background-color: #E6E3D2;
}
/* ... menuhor LI table ... */
.menuhor ul {
display: table;
width: 100%;
height: 34px;
}
.menuhor li {
display: table-cell;
float: none;
border-left: 1px solid #A6A69C;
border-right: 0;
border-bottom: 0;
text-align: left;
padding: 0 0.5em 0 0.8em;
vertical-align: middle;
font-weight: normal;
font-size: 0.9em;
}
/* ... menuhor table ... */
.menuhor table {
width: 100%;
height: 34px;
}
.menuhor table th {
border-left: 1px solid #A6A69C;
font-weight: normal;
font-size: 0.9em;
text-align: left;
padding-left: 0.8em;
}
.menuhor table th:hover {
background-color: #E6E3D2;
}
/* ... cabecera ... */
#cabecerasinmenu { margin: 1em 0; height:150px; }
#cabecerasinmenu img { max-width: 1000px; width: 100%; height:150px; float: left; }
#cabeceraser { margin: 1em 0; height:150px; }
#cabeceraser img { max-width: 1000px; width: 76%; height:150px; float: left; }
#cabeceraser #menucab {
width: 23%; float: right; background-color: #D8D1B7;
xheight:150px;
}
#cabeceraser #menucab ul {
margin: 0;
padding: 0;
}
#cabeceraser #menucab li {
color: #3F3C35;
border-bottom: 1px dotted #3F3C35;
padding: 4px 0 0 0;
padding-left: 0.5em;
list-style-type: none;
height: 20px;
}
#cabeceraser #menucab li a {
color: #3F3C35;
}
#cabeceraser #menucab li:hover {
background-color: #E6E3D2;
}
#camino { clear: both; font-size: 0.9em; text-align: left; width: 98%;}
#camino a { color: #013952;}
#camino { margin: 0em 0.1em; }
/* ... cabecera Inicio ... */
#inicioservi {
position: relative;
}
#inicioservi #cabeceraser {
height:222px;
}
#inicioservi #cabeceraser img {
width: 100%;
height:222px;
position: absolute;
left: 0; top: 0;
}
#inicioservi #cabeceraser #menucab {
width: 25%;
position: absolute;
left: 75%; top: 1px;
xbackground-color: #203F50;
background-color: #082738;
color: #fff;
xopacity:0.95;
opacity:0.85;
filter:alpha(opacity=95); /* For IE8 and earlier */
}
#inicioservi #cabeceraser #menucab li {
padding: 8px 0 0 0.6em;
border-bottom: 1px dotted #fff;
height: 28px;
}
#inicioservi #cabeceraser #menucab li a {
color: #fff;
}
#inicioservi #cabeceraser #menucab li:hover {
background-color: #fff;
color: black;
}
#inicioservi #cabeceraser #menucab li:hover a {
color: black;
}
/* ... contenido ... */
#contenido1 p {
margin-top: 0;
}
#contenido1 a {
color: #013952;
font-weight: bold;
}
#contenido1 a:hover {
text-decoration: underline;
}
#contenido1 h1 {
width: 100%;
font-size: 1.8em;
font-weight: normal;
color: #013952;
padding-bottom: 0.3em;
margin-bottom: 1em;
border-bottom: 25px solid #E6E3D2;
margin-top: 0.5em;
}
#contenido1 h1 a, #contenido1 h2 a, #contenido1 h3 a {
color: #9E1717;
font-weight: normal;
}
#contenido1 h2 {
margin-top: 2em;
margin-bottom: 2px;
font-size: 1.1em;
color: #691236;
color: #222;
border-bottom: 1px dotted #12465E;
}
#contenido1 h3 {
margin-top: 1.5em;
margin-bottom: 0;
xcolor: #222;
xcolor: #691212;
color: #013952;
color: #012465E;
font-weight: bold;
xborder-bottom: 1px dotted #12465E;
}
#contenido1 h4, #enlaces h1 {
font-weight: normal;
font-size: 1em;
text-transform: uppercase;
color: #013952;
margin-top: 0.5em 0 1em 0;
padding: 0.4em 0 0 1em;
background-color: #E6E3D2;
height: 25px ;
}
#contenido1 img {
vertical-align: middle;
max-width: 95%;
}
#contenido1 li {
margin: 0.4em 0;
}
#contenido1 ul {
padding-bottom: 0.3em;
}
#contenido1 .nlli {
list-style-type: none;
}
#contenido1 .olli {
list-style-type: decimal;
}
#contenido1 .ulli, #menulat .ulli {
xlist-style-type: square;
xlist-style-image: url("/wikibase/pas13/images/boton-flecha-r.png");
background: url("/wikibase/pas13/images/boton-flecha-r.png") no-repeat scroll left 0.66em transparent;
padding-left: 15px;
}
#contenido1 hr {
border: 0px solid #E6E3D2;
background-color: #E6E3D2;
color: #E6E3D2;
}
#contenido1 blockquote {
background-color: #E6E3D2;
padding: 1em 2em;
}
#contenido1 table {
color: #013952;
margin-top: 1em;
xborder-left: 1px dotted black;
Xborder-collapse: collapse;
border-collapse: separate;
border-spacing: 0.1em 0;
}
#contenido1 table th, #contenido1 table thead {
background-color: #E6E3D2;
color: #383932;
font-weight: normal;
text-transform: uppercase;
padding: 0.2em 0.5em;
border: 0px dotted white;
border-right: 1px dotted white;
text-align: left;
}
#contenido1 table td {
border: 0px solid white;
border-bottom: 1px dotted #12465E;
Xborder-right: 20px solid white;
border-right: 10px solid white;
Xpadding: 0.1em 0.7em 0.1em 0.1em;
padding: 0.1em 2em 0.1em 0.1em;
margin: 0;
xtext-align: left;
}
.floatimgl, .floatimgr {
Xpadding: 0 !important ;
Xborder: 0 !important;
margin: 5px;
border: 1px solid #444 !important;
padding: 3px 9px;
}
.floatimgl img, .floatimgr img {
Xborder: 1px solid #444 !important;
Xpadding: 9px;
}
#contenidotexto {
xmargin-right: 25%;
}
.volver { margin-top: 1em; }
/* ...(textoindice) indice (de contenido) lateral ... */
#indiceconlat{
width: 28%;
float: left;
margin-top: 1em;
}
#contenidolat {
width: 70%;
float: right;
margin-top: 0;
}
#indiceconlat {
background-color: #D8D1B7;
color: #3F3C35;
margin-bottom: 2em;
}
#indiceconlat p {
margin: 0; padding: 0;
}
#indiceconlat a {
padding: 3px;
padding-left: 0.8em;
display: block;
border-top: 1px solid #B3AB9E;
color: #3F3C35;
}
#indiceconlat a:hover {
background-color: #E6E3D2;
color: #3F3C35;
xfont-weight: bold;
}
#indiceconlat br {
display: none;
}
#indiceconlat h1 {
padding-left: 0em;
# background-color: #E6E3D2;
background-color: white;
font-size: 1em;
}
#indiceconlat h1 a {
padding-left: 0; border: 0;
display: inline;
}
#indiceconlat .nivl2,
#indiceconlat .nivl3,
#indiceconlat .nivl4,
#indiceconlat .nivl5,
#indiceconlat .nivl6 {
border: 0 solid black;
background: url("/wikibase/pas13/images/boton-flecha-r.png") no-repeat scroll 1em 0.66em transparent;
margin-left: 1em;
padding-left: 1em;
font-size: 0.9em;
}
#indiceconlat .nivl3 {
background-position: 1.7em 0.66em;
}
#indiceconlat .nivl4 {
background-position: 2.4em 0.66em;
}
#indiceconlat .nivl5 {
background-position: 3.1em 0.66em;
}
#indiceconlat .nivl6 {
background-position: 3.8em 0.66em;
}
#indicecon { margin-bottom: 1.5em; }
#indicecon a { font-weight: normal; }
/* ... (textoindice) Menu lateral IZQUIERDO, indice terciario... */
#contenidomenulat {
width: 73%;
float: right;
margin-top: 0em;
}
#menulat {
width: 23%;
float: left;
margin-bottom: 2em;
margin-top: 1.5em;
margin-right: 2em;
background-color: #D8D1B7;
color: #3F3C35;
}
#menulat h3 {
padding: 0.3em 0 0.3em 0.8em;
border-bottom: 1px solid #B3AB9E;
font-weight: normal;
}
#menulat ul {
padding: 0.3em 0 0.3em 1.5em;
}
#menulat .ulli {
background-color: transparent;
padding-right: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
#menulat a {
color: #3F3C35;
}
#menulat h3:hover {
background-color: #E6E3D2;
}
#menulat .ulli:hover {
xbackground-color: #D8D1B7;
background-color: #F7F4E6;
}
#menulat a:hover {
color: #222;
}
#menulat h3 li {
border: 0;
font-size: 0.9em;
}
#menulat img {
max-width: 100%;
}
/* ... (textoindice) Menu Horizontal 3er Nivel ... */
#menuhor3 {
}
#menuhor3 h1 {
width: 100%;
font-size: 1.8em;
font-weight: normal;
color: #013952;
padding-bottom: 0.3em;
}
#menuhor3 ul {
margin:0; padding:0;
background-color: #E6E3D2;
display: table;
width: 100%;
}
#menuhor3 li {
background-color: #E6E3D2;
xdisplay: block;
xfloat: left;
display: table-cell;
border-left: 1px solid black;
padding: 5px 0.5em 5px 1em ;
}
#menuhor3 li a:hover {
color: black;
text-decoration: underline;
}
/* ... Weblog ... */
#contenidoweblog, #contenido1 {
margin-top: 0.8em;
margin-bottom: 2em;
}
#contenidoweblog {
float: left;
}
#introweblog {
margin-bottom: 2em;
}
#noticias {
clear:both;
}
#noticias .maintit {
font-weight: normal;
font-size: 1em;
text-transform: uppercase;
color: #013952;
margin-top: 0.5em 0 1em 0;
line-height: 1.9em;
padding: 0 0 0 1em;
background-color: #E6E3D2;
height: 25px ;
}
#noticias .control {
text-align: right;
font-weight: normal;
clear:both;
}
#noticias .topcontrol {
}
#noticias .botcontrol {
border-top: 1px dotted #3F3C35;
}
#noticias .control a {
font-weight: normal;
}
#noticias .weblogitem {
float: left; width: 48%;
border-top: 1px dotted #3F3C35;
padding-top: 1em;
}
#noticias .weblogfec {
color: #B3AB9E;
font-size: 1.1em;
padding: 0; margin: 0;
line-height: 0.5em;
}
#noticias .weblogtit p {
font-family: Arial;
font-size: 1.1em;
font-weight: bold;
text-align: left;
padding: 0; margin: 0;
}
#noticias .weblogbody {
margin-bottom: 0.5em;
padding-bottom: 1em;
}
#noticias .weblogbody .floatimgr,
#noticias .weblogbody .floatimgl {
width: 40%;
}
#noticias .weblogbody img
{
width: 40%;
float:left; margin:1em 1em 1em 0;
}
#noticias .weblogbody .floatimgr img,
#noticias .weblogbody .floatimgl img { width: 100%; }
/* CSS3 http://dev.opera.com/articles/view/zebra-striping-tables-with-css3/ */
#noticias .weblogitem:nth-child(2n+1) {
clear: both;
padding-right: 4%;
}
#noticias a {
color: #013952;
font-weight: bold;
}
#noticias a:hover {
text-decoration: underline;
}
#noticias .floatimgl img {
xwidth:60px;
xheight: 70px;
}
/* ... (weblog) Menu lateral DERECHO, destacados... */
#contenidomenulatr, #contenidoweblog {
width: 73%;
float: left;
margin-top: 0em;
}
#menulatr {
width: 23%;
float: right;
color: #013952;
margin-bottom: 2em;
margin-top: 0em;
border-top: 1px dotted #3F3C35;
}
#menulatr p {
xfont-weight: bold;
margin: 0; padding: 0;
xcolor: #266D8C;
}
#menulatr p a:hover {
color: #266D8C;
text-decoration: underline;
}
#menulatr ul {
margin: 0; padding: 0;
}
#menulatr h3 {
font-weight: normal;
padding: 3px 0px;
display: block;
color: #013952;
margin: 0;
border-bottom: 1px dotted #3F3C35;
}
#menulatr li {
padding: 3px 0px;
color: #013952;
margin: 0;
xborder-bottom: 1px dotted #3F3C35;
}
#menulatr h3:hover, #menulat .ulli:hover {
background-color: #eee;
}
#menulatr a:hover {
color: #222;
}
#menulatr img {
margin-top: 1.5em;
margin-bottom: 1.5em;
margin-right: 0.5em;
max-width: 100%;
}
#menulatr h3 li {
xborder: 0;
font-size: 0.9em;
background-color: white;
border-top: 1px dotted #ddd;
}
#menulatr h3 li a:hover {
color: #1D55DB;
}
#menulatr h3 li:before {
content: "- ";
}
/* ... (weblog) Enlaces ... */
#enlaces {
width: 100%;
padding: 0; margin: 0;
margin-top: 4em;
}
#enlaces ul {
margin: 1em 0; padding: 0;
width: 100%;
}
#enlaces ul li {
float: left;
display: block;
border-bottom: 1px dotted #3F3C35;
margin:0.5 0; padding: 0.2;
width: 22%;
margin-right: 3%;
background-image: none;
}
#enlaces ul li:nth-child(4n+1) {
clear: both;
}
/* ... adaptacion al tamagno de pantalla ... */
@media screen and (min-width: 1500px) {
.marginl, .marginr { width: 20%; }
}
@media screen and (max-width: 950px) {
.marginl, .marginr { width: 0.1%;} /* NO poner 0: el IE no lo entiende */
}
@media screen and (max-width: 800px) {
#header #hcol1 #nomente {
display: block; clear: left; width: 100%; padding-top: 0.3em;
}
.buttongroup {text-align: right; margin-bottom: 0.3em;}
#headerb .titulo { padding-top: 0.3em; }
#cabeceraser img { width: 50%; xheight: 200px; }
#cabeceraser #menucab { width: 50%; }
#contenidotexto, #contenidoweblog { width: 66%; }
#ccol1 { padding: 0.9%; }
}
@media screen and (max-width: 600px) {
#cabeceraser { margin: 5px 0;}
#cabeceraser img {
width: 100%; height: 240px;
position: relative;
}
#cabeceraser #menucab { width: 80%;
top:0; right:0; position:absolute;
}
#cabeceraser #menucab li { height: 35px; line-height: 3em; }
#cabecerasinmenu { display:none;}
/* #cabeceraser, #cabecerasinmenu { display:none;} */
#content { padding:0;}
#menuhor ul {
display: block;
}
.menuhor li {
display: block;
float: left;
width: 32%;
min-height: 38px;
border: 1px solid #A6A69C;
padding: 3px 0 0 0;
line-height: 1em;
text-align: center;
}
#indiceconlat, #menulat {
width: 100%;
}
#contenidolat, #contenidomenulat, #contenidotexto, #contenidoweblog {
width: 96%; margin: 0 2%;
}
#menuhor3 ul {
display: block;
}
#menuhor3 li {
display: block;
float: left;
width: 32%;
min-height: 38px;
padding: 3px 0 0 0;
text-align: center;
border: 1px solid #A6A69C;
}
}
.arroba { height: 1em; margin: 0 2px; }
.emoji { font-size: 1.7em; width:1.2em; }
@media print {
#headerc, .wikicoman, .marginl, .marginr { display:none; }
#cabecerasinmenu { display:none; }
#indiceconlat { display:none; }
#contenidolat {width: 100%; }
#hcol3 #buttons { display:none; }
}
