##// END OF EJS Templates
- Agregada la barra de perfil y patron activo.
- Agregada la barra de perfil y patron activo.

File last commit:

r208:209
r208:209
Show More
style.css
723 lines | 14.7 KiB | text/css | LassoCssLexer
/*
* 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 {
padding: 0;
margin: 0;
font-size: 12px; }
header {
width: 980px;
height: 50px;
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 {
margin: 2px 0px 0px 0px;
border: 0px solid #1cc !important; }
#topcolumn {
float: left;
width: 980px;
height: 40px;
line-height: 35px;
margin: 2px 0px;
border: 1px solid #ddd !important;
box-shadow: 2px 2px 5px #888; }
#activeProfileBar {
float: left;
width: 980px;
margin: 0px 0px;
height: 25px;
border: 1px solid #ddd !important;
box-shadow: 1px 1px 5px #ccc; }
#maincolumn {
float: left;
width: 980px;
margin: 2px 0px 0px 0px;
padding: 2px 0px 6px 0px;
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; }
/****************************************************************************************/
/****** ESTILOS GENERALES *****************/
/****************************************************************************************/
a {
font-family: 'Droid Sans', sans-serif;
text-decoration: none;
color: #1494F6; }
.mnu {
height: 22px;
border: 0px solid #c55 !important; }
.mnu li {
display:inline; }
.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; }*/
.link-disabled {
color: #666;
text-decoration: None;
cursor: default; }
/****************************************************************************************/
/****** MENU DE NAVEGACION DE PERFILES *************/
/****************************************************************************************/
#infoProfiles {
float: left;
width: 300px;
margin: 0px;
padding: 2px 0px;
border: 0px solid #1cc !important; }
#infoProfiles label {
padding: 10px 10px 10px 12px;
margin: 10px 0;
font-family: 'Droid Sans', sans-serif;
/*font-family: 'Roboto Condensed', sans-serif;*/
/*letter-spacing: 0.046em;*/ }
#infoProfiles select {
padding: 4px 0px; margin: 0;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
letter-spacing: 0.006em;
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; }
/****************************************************************************************/
/****** 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; }
/****************************************************************************************/
/******** FORMULARIO DE PERFILES *************************************/
/****************************************************************************************/
#divProfile {
margin: 10px 0px;
padding: 10px 10px;
width: 500px;
border: 0px solid #dff !important; }
#divProfile label,input[type=text],input[type=file] {
font-family: 'Open Sans', sans-serif;
font-size: inherit; }
#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; }
#divPattern textarea,input[type=text],label,input[type=file],input[type=button],input[type=submit] {
font-family: 'Roboto Condensed', sans-serif;
font-size: inherit; }
.antenna, .NewAntenna {
box-shadow: 1px 1px 2px #666;
padding: 5px;
margin: 10px auto;
display: block;
border: 0px solid #fee !important; }
.antenna {
width: 520px; }
.NewAntenna {
width: 750px;
border: 0px solid #f00 !important; }
.flsAntenna, .NewFlsAntenna {
margin: 0;
padding: 0px;
border: 1px solid #fee !important; }
.flsAntenna {
width: 510px; }
.NewFlsAntenna {
width: 100%; }
.legendAntenna {
font-family: 'Roboto Condensed', sans-serif;
font-size: inherit;
text-align: left;
margin-left: 10px; }
.infoAntenna {
width: 500px;
float: left;
border: 0px solid #f00 !important; }
.overJRO {
width: 250px;
float: left;
margin: 0px 5px;
border: 0px solid #1cc !important; }
.divAntenna, .NewDivAntenna, .NewDivTx {
float: left;
margin: 10px;
border: 0px solid #fcc !important; }
.divAntenna {
width: 220px;
border: 0px solid #fcc !important; }
.NewDivAntenna {
border: 0px solid #fcc !important; }
.NewDivTx {
border: 0px solid #fcc !important; }
.titleField {
display: block;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 0.086em; }
.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; }
.boxAntenna, .boxTR {
border: 2px solid #eee !important;
text-align: center;
display: block;
float: left;
margin: 0;
padding: 0; }
.boxAntenna {
padding: 3px; }
.boxTR {
padding: 3px; }
.fullLine{
font-size: 0.95em; }
.lineInputs, .lineInputsTx {
text-align: left;
line-height: 1.4em;
padding: 0;
margin: 0px;
display: block;
float: left;
border: 0px solid #1cc !important; }
.lineInputs {
/*width: 240px;*/
border: 0px solid #1cc !important; }
.lineInputsTx {
/*width: 185px;*/
border: 0px solid #1cc !important; }
.divValuesAntenna, .divValuesTx {
float: left;
display: block;
margin: 0 auto;
border: 0px solid #bbb !important; }
.divValuesAntenna {
/*width: 230px;*/
border: 0px solid #2eb !important; }
.divValuesTx {
/*width: 175px;*/
border: 0px solid #bbb !important; }
.divValuesAntenna input[type=text], .divValuesTx input[type=text] {
border: 0px;
border-bottom: 1px solid #666 !important;
line-height: 1.1em;
font-family: 'Roboto Condensed', sans-serif; }
.divValuesAntenna input[type=text] {
width: 18px; }
.divValuesTx input[type=text]{
width: 11px; }
.lblSign, .lblSignTx {
font-family: 'Roboto Condensed', sans-serif;
color: #666;
float: left;
margin: 0px;
border: 0px solid #bbb !important; }
.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;
margin: 0;
padding: 0;
border: 0px solid #f00 !important; }
.lblNewSignLeft, .lblNewSignRight {
font-family: 'Roboto Condensed', sans-serif;
color: #666;
float: left;
padding: 0; }
.lblNewSignLeft {
margin: 0px 2px 0px 0px;
border: 0px solid #f00 !important; }
.lblNewSignRight {
margin: 0;
border: 0px solid #f00 !important; }
.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; }
.divNewUes {
width: 350px;
display: block;
margin: 0px 10px;
padding: 0;
font-family: 'Roboto Condensed', sans-serif;
/*overflow: hidden;*/
border: 0px solid #f00 !important; }
.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;
border: 0px solid #2f4 !important;
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; }
*/
.checkOnly {
width: 120px;
float: left;
display: block;
line-height: 25px;
border: 0px solid #1cc !important; }
.overJRO img {
width: 400px;
height: 270px;
text-align: center;
vertical-align: middle;
margin: 10px 5px 5px 5px;
display: block;
background: #fdfdfb;
border: 1px solid #eee !important; }
.overJRO a {
text-align: center;
margin-left: 160px;
display: block; }
.activeOverJRO {
width: 60px;
padding: 0px 2px;
border-bottom: 1px solid #1494F6 !important; }
/****************************************************************************************/
/****** MENU DE NAVEGACION DE PATRONES **********************************/
/****************************************************************************************/
#divMnuPattern {
width: 280px;
height: 25px;
display: block;
float: right;
margin: 5px 40px 5px 0px;
border: 0px solid #1cc !important; }
#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;
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; }
#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; }
.lnkPatternActive {
color: #f66;
}
.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;
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; }
#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; }
/****************************************************************************************/
/****** FOOTER *************/
/****************************************************************************************/
footer p {
font-family: 'Roboto Condensed', sans-serif;
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;
}