style.css
117 lines
| 8.0 KiB
| text/css
|
LassoCssLexer
|
r140 | /* | ||
* 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; | ||||
*/ | ||||
|
r124 | |||
|
r152 | body { font-size: 12px; } | ||
|
r181 | 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} | ||||
|
r180 | #content {border: 0px solid #1cc; margin-top: 5px; margin-bottom: 5px} | ||
|
r181 | #content #topcolumn {float: left; border: 1px solid #ddd !important; width: 980px; height: 40px; line-height: 35px; | ||
|
r180 | margin: 2px 0px; box-shadow: 2px 2px 5px #888;} | ||
|
r181 | #content #maincolumn {float: left; border: 1px solid #ddd !important; width: 980px; margin: 2px 0px; padding: 0px 0px; | ||
|
r180 | box-shadow: 2px 2px 5px #666;} | ||
|
r181 | footer {border: 0px solid #200 !important; height: 30px; text-align: center; line-height: 30px; | ||
margin: 2px 0px; box-shadow: 2px 2px 5px #888;} | ||||
|
r120 | |||
|
r134 | .cleardivs {clear: both; border: 0px solid #400; height: 0px} | ||
/****************************************************************************************/ | ||||
/****** ESTILOS GENERALES *****************/ | ||||
/****************************************************************************************/ | ||||
|
r140 | .mnu{ height: 22px; border: 0px solid #c55 !important;} | ||
|
r134 | .mnu li{ display:inline;} | ||
|
r182 | .MnuVertical, .MnuHorizontal { font-family: 'Droid Sans', sans-serif; font-size: inherit; | ||
font-style: normal; text-shadow: 2px 2px #eee;} | ||||
|
r140 | .MnuHorizontal ul{ list-style: none; list-style-type: none; margin: 0;} | ||
|
r134 | /*.MnuHorizontal{ display: -webkit-box; -webkit-box-orient:horizontal;}*/ | ||
/*.MnuHorizontal a{ display:block; padding:10px; -webkit-box-flex:1; text-align:center; }*/ | ||||
|
r120 | |||
/****************************************************************************************/ | ||||
/****** MENU DE NAVEGACION DE PERFILES **********************************/ | ||||
/****************************************************************************************/ | ||||
|
r180 | #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;} | ||||
|
r182 | #mnuProfiles{margin: 0px 0px 0px 0px; border: 0px solid #1494F6 !important; float: right; padding: 2px 10px} | ||
|
r140 | #mnuProfiles ul{list-style: none; list-style-type: none; margin: 0; padding-left: 20px; border: 0px solid #f00 !important} | ||
|
r180 | #mnuProfiles li{ width: 80px; padding: 2px; border: 0px solid #c55 !important; float: left; } | ||
|
r182 | #mnuProfiles a{ font-weight: normal; color: #1494F6; display: block; border: 0px solid #1cc !important; text-align: center; | ||
border-bottom: 1px solid #1494F6 !important; text-decoration: none; padding: 0px 4px; | ||||
line-height: 18px; margin: 6px 6px;} | ||||
|
r140 | |||
|
r120 | /****************************************************************************************/ | ||
/******** FORMULARIO DE PERFILES *************************************/ | ||||
/****************************************************************************************/ | ||||
|
r180 | #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 } | ||||
|
r152 | #divPattern textarea,input[type=text],label{ font-family: "Open Sans"; font-size: inherit; } | ||
|
r120 | #divPattern textarea {resize: none; overflow: hidden} | ||
|
r180 | .antenna{ border: 0px solid #1494F6 !important; padding: 2px; margin: 5px 10px; float: left; width: 480px} | ||
|
r153 | .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 } | ||||
|
r134 | .divAntenna label{ display: block } | ||
|
r153 | .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} | ||||
|
r132 | |||
|
r134 | .divTx { display: block; float: left; margin: 10px; height: 150px } | ||
.divTx label{ display: block } | ||||
|
r152 | .divTx textarea{ width: 135px; max-width: 135px; height: 135px; max-height: 140px; text-align: justify } | ||
|
r153 | .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;} | ||||
|
r132 | |||
|
r134 | .divUes { display: block; margin: 10px} | ||
|
r153 | .divUes input[type=text] { width: 240px; max-width: 240px; font-family: "Ubuntu"; font-size: inherit;} | ||
|
r132 | |||
|
r180 | .overJRO img{width: 400px; height: 200px; text-align: center; vertical-align: middle; margin: 40px 5px 5px 5px; | ||
|
r153 | display: block; background: #fdfdfb; border: 1px solid #eee !important;} | ||
.overJRO a{ text-align: center; margin: 0 auto; display: block} | ||||
|
r134 | /****************************************************************************************/ | ||
/****** MENU DE NAVEGACION DE PATRONES **********************************/ | ||||
/****************************************************************************************/ | ||||
|
r180 | #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} | ||||
|
r140 | #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 | ||||
} | ||||
|
r180 | #infoPattern{ display: block; border: 1px solid #1494f6 !important; margin: 5px 2px; } | ||
|
r140 | |||
|
r180 | #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} | ||||
|
r140 | #navPatternList ul{ list-style: none; list-style-type: none; margin: 0;} | ||
#navPatternList ul li{ float: left; width: 50px; border: 1px solid #eee !important; } | ||||
|
r156 | #navPatternList a{ width: 50px; border: 0px solid #1cc !important; display: block; text-align: center; line-height: 30px; padding: 1px 0px} | ||
|
r140 | .lnkPattern{ background-color: #ccc !important; color: #eee;} | ||
.lnkPatternSelected{ background-color: #2cc !important; color: #fff;} | ||||
|
r152 | |||
.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; } | ||||
|
r181 | /****************************************************************************************/ | ||
/****** 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} | ||||