/******************************************************************** Etiquetas HTML con estilos ********************************************************************/ BODY{font: 9px Verdana; background-color: #f3eee7; color:#000000; text-align:justify; margin:0px; padding:1px; padding-top:3px; scrollbar-arrow-color:#8C0000; scrollbar-base-color:#f3eee7; scrollbar-face-color:#e4e0d8; scrollbar-darkshadow-color:#f3eee7; scrollbar-shadow-color:#f3eee7; scrollbar-highlight-color:#f3eee7; } /*La clase a continuación es para el body que lleve un logo de fondo*/ BODY.ppal {background-image:url();background-repeat:no-repeat; background-position:center center; padding-top:3px;} TD {font: 9px Verdana;padding:1px} INPUT {font:9px Verdana; color: #000000} A {font-weight:Bold; text-decoration:none; color:#000000} A:hover {text-decoration:underline} A.inverso {color:#ffffff} /*Estilo para los enlaces que vayan sobre un fondo inverso a los enlaces normales*/ A.inverso:hover {color:#ffffff} FORM {margin:0px;padding:0px} /******************************************************************** CLASES generales definidas ********************************************************************/ TABLE.fondoppal {background-color:#e4e0d8} .boton {font: 9px Verdana; background-color:#D4D0CF;border:1px solid #999999; behavior:url(/virtuaula2/adaptaciones/_botones.htc); cursor:hand} .subboton {font: 9px Verdana; background-color:#D4D0CF;border:1px solid #999999; behavior:url(/virtuaula2/adaptaciones/_botones.htc); cursor:hand} /******************************************************************** MENÚ PRINCIPAL DE VIRTUAULA (menú izquierda) ********************************************************************/ TABLE.menu {border:1px solid #8C0000} TABLE.seccion {border:1px solid #8C0000} TD.seccion {background-color:#8C0000; color:#ffffff; font-weight:600; padding:2px; padding-left:5px; font:9px Verdana } TD.subseccion {background-color:#e4e0d8; border-top: 1px solid white;border-bottom:1px solid #444444;cursor:hand; padding:1px; padding-left:10px; font: 9px Verdana; color:#000000; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#d4d0c8,endColorStr=#f3eee7); behavior:url(/virtuaula2/adaptaciones/_celdas.htc); } /******************************************************************** FORMULARIOS DE EDICIÓN Los formularios constarán de dos tablas. La primera es la de cabecera, donde irá el título del formulario. La segunda es la tabla correspondiente al formulario propiamente dicho, y se introducirá en una celda de la primera tabla de clase "tablaformulario" ********************************************************************/ .celdatitulo {background-color:#8C0000; border-left:16px solid #000000; font:bold 12px Tahoma; color:#ffffff; padding:4px;} .tablaformulario { background-color: #e4e0d8; border-top:1px solid white; border-left:1px dotted #8C0000; border-bottom:1px dotted #8C0000; border-right:1px dotted #8C0000; padding-left:5px; padding-top:10px; } /**** Cuerpo formularios. Dentro de la tabla formulario, que actua de contenedor va otra tabla cuyas celdas alojan los textos y campos del formulario. *****/ .celdatexto {font:9px Tahoma; color: #000000; padding:5px; border-bottom:1px solid #8C0000;} .celdacampo {color: #000000;} .camposformulario{ font:9px Verdana; color:#000000; background-color: F5F5F5; border:1px inset #ffffff; } .pie {font:bold 9px Verdana; color:#8C0000; vertical-align: middle; height:10px; padding:2px;} /******************************************************************** LISTADOS Los listados serán todas las tablas que detallen en filas el contenido de la base de datos. ********************************************************************/ .tablalistado {border:1px solid #8C0000;width:100%; background-color:#f3eee7} .imgboton {border:1px solid white; cursor:hand; color:white} TD.celdatitlistado {background-color: #8C0000; padding:2px; color:white;} TD.titulolistado {font-weight:bold; font-size:11px; color:white;} TD.encablistado {background-color: #d4d0c8; padding:2px; border:1px solid #888888; font-weight:bold;} TD.pielistado {background-color:#8C0000; padding:1px; color: white} TD.interiorlistado {background-color:#e4e0d8; padding-left:2px; padding-right:2px; border:1px solid #888888; font-size:9px;} /******************************************************************** Estilos para colores de filas alternados: ********************************************************************/ .alt {background-color:#e4e0d8} .noalt{background-color:#d4d0c8} /******************************************************************** AGENDA La agenda tiene características especiales, como el calendario, que hacen necesarios estilos propios. Los estilos de esta sección pueden ser iguales que los de la sección listados. (tablacalendario=tablalistado,titulocalendario=encablistado,titulodia=encablistado,diacalendario=interiorlistado) ********************************************************************/ TABLE.tablacalendario {border:1px solid #000000; background-color:#ffffff; border-collapse:no-collapse} TD.titulocalendario {background-color: #8C0000; color:#ffffff; padding:1px; border:1px solid #888888; font-weight:bold; text-align:center;} TD.titulodia {background-color: #d4d0c8; color:#000000; padding:1px; border:1px solid #888888; font-weight:bold; text-align:center;} TD.dia {background-color:#e4e0d8; color:#000000; padding:0px; border:1px solid #888888; font:8px small fonts; text-align:center; cursor:hand} TD.diaocupado {background-color:#8C0000; color:#ffffff; padding:0px; border:1px solid #888888; font:8px small fonts; text-align:center; cursor:hand} A.dia {color:#000000} /******************************************************************** FRAME SUPERIOR ********************************************************************/ .celdasup {font:11px Verdana; color:#ffffff; background-color:#8C0000; font-weight:bold;} .celdasup.celdita {font:1px Tahoma;width:4px;height:4px;padding:1px} .celdasup.celditacolor {font:1px Tahoma;width:4px;height:4px; border:1px solid #8C0000;padding:1px}