style.css
745 lines
| 15.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 | ||
|
r188 | body { | |
padding: 0; | |||
margin: 0; | |||
font-size: 12px; } | |||
|
r120 | ||
|
r188 | header { | |
width: 980px; | |||
|
r209 | height: 50px; | |
|
r188 | text-align: center; | |
line-height: 50px; | |||
border: 0px solid #fcc !important; } | |||
#schema { | |||
margin: 0 auto; | |||
width: 980px; | |||
padding: 10px 10px; | |||
border: 0px solid #f00 !important; } | |||
#content { | |||
|
r208 | margin: 2px 0px 0px 0px; | |
border: 0px solid #1cc !important; } | |||
|
r188 | ||
#topcolumn { | |||
float: left; | |||
width: 980px; | |||
height: 40px; | |||
line-height: 35px; | |||
margin: 2px 0px; | |||
border: 1px solid #ddd !important; | |||
box-shadow: 2px 2px 5px #888; } | |||
|
r208 | #activeProfileBar { | |
float: left; | |||
width: 980px; | |||
margin: 0px 0px; | |||
height: 25px; | |||
border: 1px solid #ddd !important; | |||
box-shadow: 1px 1px 5px #ccc; } | |||
|
r188 | #maincolumn { | |
float: left; | |||
width: 980px; | |||
|
r208 | margin: 2px 0px 0px 0px; | |
padding: 2px 0px 6px 0px; | |||
|
r188 | border: 1px solid #ddd !important; | |
box-shadow: 2px 2px 5px #666; } | |||
footer { | |||
height: 30px; | |||
line-height: 30px; | |||
text-align: center; | |||
margin: 0px 0px; | |||
border: 0px solid #200 !important; | |||
box-shadow: 2px 2px 5px #888; } | |||
.cleardivs { | |||
clear: both; | |||
border: 0px solid #400; | |||
height: 0px; } | |||
textarea { | |||
resize: none; | |||
overflow: hidden; } | |||
|
r134 | /****************************************************************************************/ | |
/****** ESTILOS GENERALES *****************/ | |||
/****************************************************************************************/ | |||
|
r201 | a { | |
font-family: 'Droid Sans', sans-serif; | |||
text-decoration: none; | |||
color: #1494F6; } | |||
|
r188 | .mnu { | |
height: 22px; | |||
border: 0px solid #c55 !important; } | |||
|
r140 | ||
|
r188 | .mnu li { | |
display:inline; } | |||
|
r120 | ||
|
r188 | .MnuVertical, .MnuHorizontal { | |
font-family: 'Droid Sans', sans-serif; | |||
font-size: inherit; | |||
font-style: normal; | |||
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; }*/ | |||
|
r201 | .link-disabled { | |
color: #666; | |||
text-decoration: None; | |||
cursor: default; } | |||
|
r120 | /****************************************************************************************/ | |
|
r188 | /****** MENU DE NAVEGACION DE PERFILES *************/ | |
|
r120 | /****************************************************************************************/ | |
|
r188 | #infoProfiles { | |
float: left; | |||
width: 300px; | |||
margin: 0px; | |||
padding: 2px 0px; | |||
border: 0px solid #1cc !important; } | |||
|
r140 | ||
|
r188 | #infoProfiles label { | |
padding: 10px 10px 10px 12px; | |||
|
r194 | margin: 10px 0; | |
font-family: 'Droid Sans', sans-serif; | |||
/*font-family: 'Roboto Condensed', sans-serif;*/ | |||
/*letter-spacing: 0.046em;*/ } | |||
|
r188 | ||
#infoProfiles select { | |||
padding: 4px 0px; margin: 0; | |||
font-family: 'Droid Sans', sans-serif; | |||
font-size: 12px; | |||
|
r208 | letter-spacing: 0.006em; | |
|
r188 | width: 200px; } | |
#mnuProfiles { | |||
margin: 0; | |||
float: right; | |||
padding: 2px 10px; | |||
border: 0px solid #1494F6 !important; } | |||
#mnuProfiles ul { | |||
list-style: none; | |||
list-style-type: none; | |||
margin: 0; | |||
padding-left: 20px; | |||
border: 0px solid #f00 !important; } | |||
#mnuProfiles li { | |||
width: 80px; | |||
float: left; | |||
padding: 2px; | |||
border: 0px solid #c55 !important; } | |||
#mnuProfiles a { | |||
font-weight: normal; | |||
color: #1494F6; | |||
display: block; | |||
text-align: center; | |||
border-bottom: 1px solid #1494F6 !important; | |||
text-decoration: none; | |||
padding: 0px 4px; | |||
line-height: 18px; | |||
margin: 6px; } | |||
|
r120 | /****************************************************************************************/ | |
|
r208 | /****** BARRA DE PERFILES ACTIVOS *************/ | |
/****************************************************************************************/ | |||
#activeProfileBar label, a{ | |||
line-height: 20px; | |||
float: left; | |||
letter-spacing: 0.01em; | |||
padding: 3px 12px; | |||
border: 0px solid #f00 !important; } | |||
.titleBar { | |||
color: #333; | |||
margin-left: 2px; | |||
text-align: right; } | |||
.ActiveProfile, .ActivePattern, .lnkActiveProfile { | |||
color: #001bf4; | |||
margin: 0px 2px; | |||
text-align: left; | |||
text-decoration: None; } | |||
.navbarsep{ | |||
float: left; } | |||
/****************************************************************************************/ | |||
|
r120 | /******** FORMULARIO DE PERFILES *************************************/ | |
/****************************************************************************************/ | |||
|
r188 | #divProfile { | |
margin: 10px 0px; | |||
padding: 10px 10px; | |||
width: 500px; | |||
border: 0px solid #dff !important; } | |||
|
r184 | ||
|
r194 | #divProfile label,input[type=text],input[type=file] { | |
|
r188 | font-family: 'Open Sans', sans-serif; | |
font-size: inherit; } | |||
|
r184 | ||
|
r208 | #divProfile label { | |
float: left; | |||
text-align: right; | |||
width: 120px; | |||
padding: 3px 10px 3px 10px; | |||
line-height: 20px; | |||
border: 0px solid #d85 !important; | |||
} | |||
#divProfile input[type=text] { | |||
letter-spacing: 0.08em; | |||
padding: 2px 10px 2px 10px; | |||
width: 200px; | |||
} | |||
#divProfile input[type=text]:FOCUS { | |||
border: 1px solid #faa !important; | |||
border-radius: 0.26em; | |||
box-shadow: 2px 2px 5px #fbb; | |||
} | |||
.lblProfile { | |||
width: 200px; } | |||
|
r194 | #divPattern textarea,input[type=text],label,input[type=file],input[type=button],input[type=submit] { | |
font-family: 'Roboto Condensed', sans-serif; | |||
font-size: inherit; } | |||
|
r188 | .antenna, .NewAntenna { | |
box-shadow: 1px 1px 2px #666; | |||
padding: 5px; | |||
margin: 10px auto; | |||
display: block; | |||
border: 0px solid #fee !important; } | |||
|
r132 | ||
|
r188 | .antenna { | |
width: 520px; } | |||
|
r184 | ||
|
r188 | .NewAntenna { | |
|
r197 | width: 750px; | |
border: 0px solid #f00 !important; } | |||
|
r132 | ||
|
r188 | .flsAntenna, .NewFlsAntenna { | |
margin: 0; | |||
padding: 0px; | |||
|
r197 | border: 1px solid #fee !important; } | |
|
r132 | ||
|
r188 | .flsAntenna { | |
width: 510px; } | |||
|
r153 | ||
|
r188 | .NewFlsAntenna { | |
|
r193 | width: 100%; } | |
|
r188 | .legendAntenna { | |
font-family: 'Roboto Condensed', sans-serif; | |||
font-size: inherit; | |||
|
r195 | text-align: left; | |
|
r188 | margin-left: 10px; } | |
.infoAntenna { | |||
|
r189 | width: 500px; | |
|
r188 | float: left; | |
border: 0px solid #f00 !important; } | |||
.overJRO { | |||
width: 250px; | |||
float: left; | |||
margin: 0px 5px; | |||
border: 0px solid #1cc !important; } | |||
|
r191 | .divAntenna, .NewDivAntenna, .NewDivTx { | |
|
r188 | float: left; | |
margin: 10px; | |||
border: 0px solid #fcc !important; } | |||
|
r191 | .divAntenna { | |
|
r192 | width: 220px; | |
border: 0px solid #fcc !important; } | |||
|
r191 | ||
|
r188 | .NewDivAntenna { | |
|
r192 | border: 0px solid #fcc !important; } | |
|
r188 | ||
|
r191 | .NewDivTx { | |
|
r192 | border: 0px solid #fcc !important; } | |
|
r191 | ||
|
r188 | .titleField { | |
display: block; | |||
|
r193 | text-align: center; | |
font-family: 'Roboto Condensed', sans-serif; | |||
|
r194 | letter-spacing: 0.086em; } | |
|
r188 | ||
.txtAntenna, .view-textAntenna { | |||
width: 175px; | |||
max-width: 180px; | |||
height: 160px; | |||
max-height: 165px; | |||
background: #fdfdfb; | |||
border: 2px solid #eee !important; | |||
text-align: justify; | |||
margin: 0 auto; | |||
line-height: 20px; } | |||
.txtAntenna { | |||
padding: 4px; | |||
} | |||
.view-textAntenna { | |||
padding: 2px; | |||
font-family: "Ubuntu"; | |||
font-size: inherit; } | |||
|
r191 | .boxAntenna, .boxTR { | |
|
r188 | border: 2px solid #eee !important; | |
text-align: center; | |||
display: block; | |||
float: left; | |||
margin: 0; | |||
padding: 0; } | |||
|
r191 | ||
.boxAntenna { | |||
|
r192 | padding: 3px; } | |
|
r191 | ||
.boxTR { | |||
|
r192 | padding: 3px; } | |
|
r191 | ||
.fullLine{ | |||
font-size: 0.95em; } | |||
.lineInputs, .lineInputsTx { | |||
text-align: left; | |||
line-height: 1.4em; | |||
|
r188 | padding: 0; | |
|
r191 | margin: 0px; | |
|
r188 | display: block; | |
|
r191 | float: left; | |
|
r188 | border: 0px solid #1cc !important; } | |
|
r191 | .lineInputs { | |
|
r195 | /*width: 240px;*/ | |
|
r191 | border: 0px solid #1cc !important; } | |
|
r188 | ||
|
r191 | .lineInputsTx { | |
|
r195 | /*width: 185px;*/ | |
|
r191 | border: 0px solid #1cc !important; } | |
.divValuesAntenna, .divValuesTx { | |||
|
r188 | float: left; | |
display: block; | |||
|
r190 | margin: 0 auto; | |
border: 0px solid #bbb !important; } | |||
|
r188 | ||
|
r190 | .divValuesAntenna { | |
|
r195 | /*width: 230px;*/ | |
|
r191 | border: 0px solid #2eb !important; } | |
|
r190 | ||
|
r191 | .divValuesTx { | |
|
r195 | /*width: 175px;*/ | |
|
r190 | border: 0px solid #bbb !important; } | |
|
r191 | .divValuesAntenna input[type=text], .divValuesTx input[type=text] { | |
|
r188 | border: 0px; | |
border-bottom: 1px solid #666 !important; | |||
|
r191 | line-height: 1.1em; | |
font-family: 'Roboto Condensed', sans-serif; } | |||
|
r188 | ||
|
r190 | .divValuesAntenna input[type=text] { | |
width: 18px; } | |||
|
r191 | .divValuesTx input[type=text]{ | |
width: 11px; } | |||
|
r190 | ||
|
r191 | .lblSign, .lblSignTx { | |
|
r188 | font-family: 'Roboto Condensed', sans-serif; | |
|
r191 | color: #666; | |
float: left; | |||
margin: 0px; | |||
border: 0px solid #bbb !important; } | |||
|
r188 | ||
|
r191 | .lblSignLeft { | |
font-family: 'Roboto Condensed', sans-serif; | |||
color: #666; | |||
float: left; | |||
margin: 0px 2px 0px 0px; | |||
padding: 0; | |||
border: 0px solid #f00 !important; } | |||
.lblSignRight { | |||
font-family: 'Roboto Condensed', sans-serif; | |||
color: #666; | |||
float: left; | |||
|
r188 | margin: 0; | |
|
r191 | padding: 0; | |
border: 0px solid #f00 !important; } | |||
|
r194 | .lblNewSignLeft, .lblNewSignRight { | |
|
r191 | font-family: 'Roboto Condensed', sans-serif; | |
color: #666; | |||
|
r188 | float: left; | |
|
r194 | padding: 0; } | |
.lblNewSignLeft { | |||
|
r191 | margin: 0px 2px 0px 0px; | |
border: 0px solid #f00 !important; } | |||
|
r188 | ||
|
r191 | .lblNewSignRight { | |
margin: 0; | |||
border: 0px solid #f00 !important; } | |||
|
r188 | .divTx { | |
display: block; | |||
float: left; | |||
margin: 10px; | |||
border: 0px solid #f00 !important; } | |||
.divTx label { | |||
display: block; } | |||
.divTx textarea { | |||
width: 100px; | |||
max-width: 100px; | |||
height: 160px; | |||
max-height: 165px; | |||
text-align: justify; | |||
border: 2px solid #eee !important; | |||
font-family: "Ubuntu"; | |||
font-size: inherit; | |||
line-height: 20px; } | |||
.divTx p { | |||
width: 100px; | |||
max-width: 105px; | |||
height: 160px; | |||
max-height: 165px; | |||
background: #fdfdfb; | |||
padding: 2px; | |||
border: 1px solid #eee !important; | |||
font-family: 'Ubuntu', sans-serif; | |||
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', sans-serif; | |||
font-size: inherit; } | |||
|
r194 | .divNewUes { | |
width: 350px; | |||
display: block; | |||
margin: 0px 10px; | |||
padding: 0; | |||
font-family: 'Roboto Condensed', sans-serif; | |||
|
r195 | /*overflow: hidden;*/ | |
border: 0px solid #f00 !important; } | |||
|
r194 | ||
.titleUes { | |||
width: 35px; | |||
text-align: right; | |||
padding-right: 5px; | |||
float: left; | |||
line-height: 22px; | |||
font-family: 'Roboto Condensed', sans-serif; | |||
letter-spacing: 0.086em; | |||
border: 0px solid #266 !important; } | |||
.valueUes { | |||
width: 300px; | |||
float: left; | |||
|
r195 | border: 0px solid #2f4 !important; | |
|
r194 | line-height: 22px; } | |
.lblUes { | |||
font-family: 'Roboto Condensed', sans-serif; | |||
color: #666; | |||
font-size: 1.1em; } | |||
.txtUnitUes { | |||
width: 60px; | |||
border: 0; | |||
padding: 0px 2px; | |||
text-align: center; | |||
font-family: 'Roboto Condensed', sans-serif; | |||
font-size: 0.95em; | |||
border-bottom: 1px solid #666 !important; } | |||
/* | |||
.divNewUes input[type=text] { | |||
width: 240px; | |||
max-width: 240px; | |||
line-height: 22px; } | |||
*/ | |||
|
r209 | ||
.checkOnly, .divOnlyRx { | |||
display: block; | |||
line-height: 25px; | |||
border: 0px solid #f00 !important; } | |||
.divOnlyRx { | |||
width: 350px; | |||
margin: 5px 10px; | |||
padding: 0; | |||
font-family: 'Roboto Condensed', sans-serif; } | |||
|
r194 | .checkOnly { | |
width: 120px; | |||
|
r209 | float: left; } | |
.checkOnly input[type=checkbox], .divOnlyRx input[type=checkbox] { | |||
width: 1em; | |||
height: 1em; } | |||
.divOnlyRx input { | |||
padding: 0px; | |||
|
r194 | float: left; | |
|
r209 | margin: 5px 8px; } | |
|
r194 | ||
|
r209 | .divOnlyRx label { | |
line-height: 20px; | |||
border: 0px solid #f00 !important; } | |||
|
r188 | .overJRO img { | |
width: 400px; | |||
|
r204 | height: 270px; | |
|
r188 | text-align: center; | |
vertical-align: middle; | |||
|
r203 | margin: 10px 5px 5px 5px; | |
|
r188 | display: block; | |
background: #fdfdfb; | |||
border: 1px solid #eee !important; } | |||
.overJRO a { | |||
text-align: center; | |||
|
r201 | margin-left: 160px; | |
|
r188 | display: block; } | |
|
r201 | ||
.activeOverJRO { | |||
width: 60px; | |||
padding: 0px 2px; | |||
border-bottom: 1px solid #1494F6 !important; } | |||
|
r188 | ||
|
r134 | /****************************************************************************************/ | |
/****** MENU DE NAVEGACION DE PATRONES **********************************/ | |||
/****************************************************************************************/ | |||
|
r188 | #divMnuPattern { | |
width: 280px; | |||
height: 25px; | |||
display: block; | |||
float: right; | |||
margin: 5px 40px 5px 0px; | |||
border: 0px solid #1cc !important; } | |||
|
r140 | ||
|
r188 | #divMnuPattern li { | |
float: right; | |||
display: block; | |||
width: 60px; | |||
border: 0px solid #2cc !important; } | |||
|
r152 | ||
|
r188 | #divMnuPattern a { | |
display: block; | |||
line-height: 22px; | |||
text-decoration: none; | |||
padding: 0px 5px; | |||
margin: 0px 2px; | |||
text-align: center; | |||
color: #1494F6; | |||
border-bottom: 1px solid #1494F6 !important; } | |||
#infoPattern { | |||
display: block; | |||
margin: 0px 25px; | |||
border: 0px solid #1494f6 !important; } | |||
|
r152 | ||
|
r188 | #navPatterns { | |
margin: 0 auto; | |||
width: 700px; | |||
height: 30px; | |||
border: 0px solid #d00 !important; | |||
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; | |||
display: block; | |||
text-align: center; | |||
line-height: 30px; | |||
padding: 1px 0px; | |||
border: 0px solid #1cc !important; } | |||
.lnkPattern { | |||
background-color: #ccc !important; | |||
color: #eee; } | |||
.lnkPatternSelected { | |||
background-color: #2cc !important; | |||
color: #fff; } | |||
|
r204 | .lnkPatternActive { | |
color: #f66; | |||
} | |||
|
r188 | .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 *************/ | |||
/****************************************************************************************/ | |||
|
r188 | header nav { | |
width: 960px; | |||
margin: 0 auto; | |||
height: 100%; | |||
border: 0px solid #1cc !important; } | |||
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; } | |||
header nav a.selected { | |||
background: #666; | |||
color: #fff; } | |||
|
r199 | #Main_Head { | |
margin: 0 auto; | |||
height: 100%; | |||
border: 1px solid #ddd !important; | |||
box-shadow: 1px 1px 2px #ddd; | |||
border-radius: 5px; | |||
display: block; } | |||
.Main_Title { | |||
font-size: 2em; | |||
letter-spacing: 0.06em; | |||
color: #444; | |||
text-shadow: 2px 2px #ccc; } | |||
|
r181 | /****************************************************************************************/ | |
/****** FOOTER *************/ | |||
/****************************************************************************************/ | |||
|
r188 | footer p { | |
font-family: 'Roboto Condensed', sans-serif; | |||
|
r199 | font-size: 0.98em; } | |
/****************************************************************************************/ | |||
/****** LOGIN *************/ | |||
/****************************************************************************************/ | |||
#contentLogin { | |||
margin: 0; | |||
padding: 0; | |||
border: 0px solid #1cc; } | |||
#MainColumnLogin { | |||
margin: 2px auto; | |||
border: 0px solid #f00 !important; | |||
box-shadow: 1px 1px 2px #ddd; | |||
border-radius: 2px; | |||
background-color: #eee; | |||
width: 100%; | |||
padding: 5px 0px; | |||
} | |||
.row_reg { | |||
margin: 5px auto; | |||
display: block; | |||
width: 90%; | |||
border: 0px solid #1cc !important; | |||
line-height: 22px; | |||
} | |||
.row_reg label, .row_reg input[type=text] { | |||
float: left; | |||
line-height: 22px; | |||
} | |||
#id_username, #id_password { | |||
width: 160px; | |||
line-height: 22px; | |||
} | |||
.row_reg label { | |||
width: 400px; | |||
text-align: right; | |||
padding-right: 10px; | |||
border: 0px solid #d22 !important; | |||
} | |||
.row_reg input[type=submit], .row_reg input[type=button] { | |||
margin-left: 410px; | |||
width: 80px; | |||
} | |||
#lblTitleLogin { | |||
width: 100%; | |||
text-align: center; | |||
font-size: 1.2em; | |||
font-weight: normal; | |||
color: #222; | |||
border: 0px solid #f00 !important; | |||
background-color: #ccc; | |||
} |