|
|
/*
|
|
|
* font-family: 'Droid Sans', sans-serif;
|
|
|
* font-family: 'Ubuntu', sans-serif;
|
|
|
* font-family: 'Open Sans', sans-serif;
|
|
|
* font-family: 'Open Sans Condensed', sans-serif;
|
|
|
* font-family: 'Roboto Condensed', sans-serif;
|
|
|
*/
|
|
|
|
|
|
body { font-size: 12px; }
|
|
|
header {width: 980px; border: 0px solid #fcc !important; height: 50px; text-align: center; line-height: 50px}
|
|
|
#schema {margin: 0 auto; width: 980px; border: 0px solid #f00 !important; padding: 10px 10px 10px 10px}
|
|
|
#content {border: 0px solid #1cc; margin-top: 5px; margin-bottom: 5px}
|
|
|
#content #topcolumn {float: left; border: 1px solid #ddd !important; width: 980px; height: 40px; line-height: 35px;
|
|
|
margin: 2px 0px; box-shadow: 2px 2px 5px #888;}
|
|
|
#content #maincolumn {float: left; border: 1px solid #ddd !important; width: 980px; margin: 2px 0px; padding: 0px 0px;
|
|
|
box-shadow: 2px 2px 5px #666;}
|
|
|
footer {border: 0px solid #200 !important; height: 30px; text-align: center; line-height: 30px;
|
|
|
margin: 2px 0px; box-shadow: 2px 2px 5px #888;}
|
|
|
|
|
|
.cleardivs {clear: both; border: 0px solid #400; height: 0px}
|
|
|
/****************************************************************************************/
|
|
|
/****** ESTILOS GENERALES *****************/
|
|
|
/****************************************************************************************/
|
|
|
.mnu{ height: 22px; border: 0px solid #c55 !important;}
|
|
|
.mnu li{ display:inline;}
|
|
|
.MnuVertical, .MnuHorizontal { font-family: 'Droid Sans', sans-serif; font-size: 1.2em; font-style: italic; text-shadow: 2px 2px #eee}
|
|
|
.MnuHorizontal ul{ list-style: none; list-style-type: none; margin: 0;}
|
|
|
|
|
|
/*.MnuHorizontal{ display: -webkit-box; -webkit-box-orient:horizontal;}*/
|
|
|
/*.MnuHorizontal a{ display:block; padding:10px; -webkit-box-flex:1; text-align:center; }*/
|
|
|
|
|
|
/****************************************************************************************/
|
|
|
/****** MENU DE NAVEGACION DE PERFILES **********************************/
|
|
|
/****************************************************************************************/
|
|
|
#infoProfiles {border: 0px solid #1cc !important; width: 300px; margin: 0px; padding-top: 2px; padding-bottom: 2px;
|
|
|
float: left;}
|
|
|
#infoProfiles label {padding: 10px 10px 10px 12px; margin: 10px 0}
|
|
|
#infoProfiles select {padding: 4px 0px; margin: 0; font-family: 'Droid Sans', sans-serif;
|
|
|
font-size: 12px; letter-spacing: 0.029em; width: 200px;}
|
|
|
#mnuProfiles{margin: 0px; border: 0px solid #1494F6 !important; float: left; padding: 2px 10px}
|
|
|
#mnuProfiles ul{list-style: none; list-style-type: none; margin: 0; padding-left: 20px; border: 0px solid #f00 !important}
|
|
|
#mnuProfiles li{ width: 80px; padding: 2px; border: 0px solid #c55 !important; float: left; }
|
|
|
#mnuProfiles a{ font-weight: normal; color: #1494F6; display: block; border: 0px solid #1cc !important; text-align: center}
|
|
|
|
|
|
/****************************************************************************************/
|
|
|
/******** FORMULARIO DE PERFILES *************************************/
|
|
|
/****************************************************************************************/
|
|
|
#divProfile { border: 0px solid #dff !important; margin: 10px 0px; padding: 10px 10px; width: 500px }
|
|
|
.flsAntenna { margin: 0; width: 100%; padding: 0px; border: 0px solid #f00 !important }
|
|
|
#divPattern textarea,input[type=text],label{ font-family: "Open Sans"; font-size: inherit; }
|
|
|
#divPattern textarea {resize: none; overflow: hidden}
|
|
|
.antenna{ border: 0px solid #1494F6 !important; padding: 2px; margin: 5px 10px; float: left; width: 480px}
|
|
|
.infoAntenna{ border: 0px solid #f00 !important; width: 480px; float: left}
|
|
|
.overJRO{ border: 0px solid #1cc !important; width: 250px; float: left; margin: 0px 5px}
|
|
|
.divAntenna { float: left; margin: 10px; border: 0px solid #fcc !important; width: 190px }
|
|
|
.divAntenna label{ display: block }
|
|
|
.txtAntenna { width: 175px; max-width: 180px; height: 160px; max-height: 165px; background: #fdfdfb; padding: 4px;
|
|
|
border: 2px solid #eee !important; /*font-family: "Ubuntu"; font-size: inherit;*/
|
|
|
text-align: justify; margin: 0 auto; line-height: 20px}
|
|
|
.divAntenna p{ width: 175px; max-width: 180px; height: 160px; max-height: 165px; background: #fdfdfb; padding: 2px;
|
|
|
border: 1px solid #eee !important; font-family: "Ubuntu"; font-size: inherit;
|
|
|
text-align: justify; margin: 0 auto; line-height: 20px}
|
|
|
|
|
|
.divTx { display: block; float: left; margin: 10px; height: 150px }
|
|
|
.divTx label{ display: block }
|
|
|
.divTx textarea{ width: 135px; max-width: 135px; height: 135px; max-height: 140px; text-align: justify }
|
|
|
.divTx p{ width: 100px; max-width: 105px; height: 160px; max-height: 165px; background: #fdfdfb; padding: 2px;
|
|
|
border: 1px solid #eee !important; font-family: "Ubuntu"; font-size: inherit;
|
|
|
text-align: justify; margin: 0 auto; line-height: 20px;}
|
|
|
|
|
|
.divUes { display: block; margin: 10px}
|
|
|
.divUes input[type=text] { width: 240px; max-width: 240px; font-family: "Ubuntu"; font-size: inherit;}
|
|
|
|
|
|
.overJRO img{width: 400px; height: 200px; text-align: center; vertical-align: middle; margin: 40px 5px 5px 5px;
|
|
|
display: block; background: #fdfdfb; border: 1px solid #eee !important;}
|
|
|
.overJRO a{ text-align: center; margin: 0 auto; display: block}
|
|
|
|
|
|
/****************************************************************************************/
|
|
|
/****** MENU DE NAVEGACION DE PATRONES **********************************/
|
|
|
/****************************************************************************************/
|
|
|
#divMnuPattern{ width: 280px; height: 25px; display: block; border: 0px solid #1cc !important; float: right;
|
|
|
margin: 5px 40px 5px 0px;}
|
|
|
#divMnuPattern li{ float: right; display: block; width: 60px; border: 0px solid #2cc !important}
|
|
|
#divMnuPattern a{ display: block; line-height: 22px; text-decoration: none; padding: 0px 5px;
|
|
|
border-bottom: 1px solid #1494F6 !important; margin: 0px 2px; text-align: center; color: #1494F6
|
|
|
}
|
|
|
#infoPattern{ display: block; border: 1px solid #1494f6 !important; margin: 5px 2px; }
|
|
|
|
|
|
#navPatterns{ margin: 0 auto; border: 0px solid #d00 !important; width: 700px; height: 30px;
|
|
|
font-family: 'Ubuntu', sans-serif; font-size: 14px; padding: 5px 0px}
|
|
|
#navPatternList{ margin: 0 auto; border: 0px solid #ecc !important}
|
|
|
#navPatternList ul{ list-style: none; list-style-type: none; margin: 0;}
|
|
|
#navPatternList ul li{ float: left; width: 50px; border: 1px solid #eee !important; }
|
|
|
#navPatternList a{ width: 50px; border: 0px solid #1cc !important; display: block; text-align: center; line-height: 30px; padding: 1px 0px}
|
|
|
.lnkPattern{ background-color: #ccc !important; color: #eee;}
|
|
|
.lnkPatternSelected{ background-color: #2cc !important; color: #fff;}
|
|
|
|
|
|
.divListofPatterns{ width: 650px; display: block; border: 1px solid #1cc !important; margin: 0 auto}
|
|
|
.divPattern{ width: 600px; display: block; border: 1px solid #f00 !important; margin: 2px auto; }
|
|
|
|
|
|
/****************************************************************************************/
|
|
|
/****** HEADER *************/
|
|
|
/****************************************************************************************/
|
|
|
header nav{width: 960px; border: 0px solid #1cc !important; margin: 0 auto; height: 100%}
|
|
|
header nav a{font-family: 'Roboto Condensed', sans-serif; font-size: 1.98em; text-transform: uppercase; width: 232px;
|
|
|
padding: 2px; text-align: center; border: 1px solid #ddd !important; box-shadow: 1px 1px 2px #ddd; display: block;
|
|
|
float: left; height: 45px; text-decoration: none; background: #eee; line-height: 45px;
|
|
|
color: #15425d; margin: 0px 1px}
|
|
|
|
|
|
/****************************************************************************************/
|
|
|
/****** FOOTER *************/
|
|
|
/****************************************************************************************/
|
|
|
footer p{font-family: 'Roboto Condensed', sans-serif; font-size: 0.98em}
|
|
|
|
|
|
|
