736 lines
16 KiB
CSS
736 lines
16 KiB
CSS
/* Move down content because we have a fixed navbar that is 50px tall */
|
|
body {
|
|
padding-top: 0px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
/* Wrapping element */
|
|
/* Set some basic padding to keep content from hitting the edges */
|
|
.body-content {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
/* Set widths on the form inputs since otherwise they're 100% wide
|
|
input,
|
|
select,
|
|
textarea {
|
|
max-width: 300px;
|
|
}*/
|
|
|
|
#divHeader {
|
|
background-image: url(../../Images/Fondos/backgroundBody.jpg);
|
|
background-repeat: repeat-x;
|
|
}
|
|
#divLogin{
|
|
padding-top:150px;
|
|
padding-bottom:150px;
|
|
}
|
|
|
|
#divCuerpo{
|
|
padding-top:0px;
|
|
padding-bottom:50px;
|
|
|
|
width:auto;
|
|
}
|
|
h6{
|
|
font-size:12px;
|
|
font-weight:500;
|
|
color:#000000;
|
|
}
|
|
.Separador {
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.text {
|
|
font-size:medium;
|
|
width:700px;
|
|
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
}
|
|
|
|
|
|
.centrar {
|
|
margin:0 auto;
|
|
}
|
|
|
|
.espacio{
|
|
padding-top:20px;
|
|
padding-bottom:20px;
|
|
padding-right:20px;
|
|
}
|
|
|
|
.staticMenuItemStyle
|
|
{
|
|
border-bottom-color: White;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
height: 30px;
|
|
width:250px;
|
|
}
|
|
|
|
|
|
|
|
#ctl00$MainContent$grvObjetivos$ctl02$ctl03 {
|
|
max-width:80px;
|
|
}
|
|
|
|
/************************************Inicio de Progress Bar *******************************************/
|
|
|
|
#progressBackgroundFilter {
|
|
position:fixed;
|
|
top:0px;
|
|
bottom:0px;
|
|
left:0px;
|
|
right:0px;
|
|
overflow:hidden;
|
|
padding:0;
|
|
margin:0;
|
|
background-color:#;
|
|
filter:alpha(opacity=50);
|
|
opacity:0.5;
|
|
z-index:1000;
|
|
}
|
|
|
|
#processMessage {
|
|
position:absolute;
|
|
z-index:1001;
|
|
top:50%;
|
|
left: 50%;
|
|
margin-top: -100px;
|
|
margin-left: -100px;
|
|
}
|
|
|
|
#processMessage .Left
|
|
{
|
|
width: 11px;
|
|
height: 120px;
|
|
float: left;
|
|
background-image: url(../Images/Animados/Left.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#processMessage #Center
|
|
{
|
|
float: left;
|
|
background-image: url(../Images/Animados/center.png);
|
|
background-repeat: repeat-x;
|
|
width: 300px;
|
|
height: 120px;
|
|
text-align: center;
|
|
color: White;
|
|
font-size: 21px;
|
|
}
|
|
|
|
#processMessage .Right
|
|
{
|
|
width: 11px;
|
|
height: 120px;
|
|
float: left;
|
|
background-image: url(../Images/Animados/Right.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.modalBackground
|
|
{
|
|
background-color:Gray;
|
|
filter:alpha(opacity=60);
|
|
opacity:0.60;
|
|
position: fixed;
|
|
}
|
|
|
|
/************************************ Inicio del Grid *******************************************/
|
|
|
|
|
|
.gridView {
|
|
width: 100%;
|
|
height:35px;
|
|
margin-top: 5px;
|
|
min-width: 10%;
|
|
font-size:16px;
|
|
font-family:Verdana;
|
|
}
|
|
|
|
.gridViewHeader {
|
|
height: 50px;
|
|
font-size: 14px;
|
|
vertical-align: middle;
|
|
background-color: #008BBD;
|
|
}
|
|
|
|
.gridViewVacio .gridViewCheck {
|
|
width: 28px;
|
|
height: 60px;
|
|
clear: left;
|
|
float: left;
|
|
background-image: url("../Images/GridView/gridviewCheck.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
.gridViewVacio .gridFilaVacia {
|
|
height: 60px;
|
|
min-width: 10%;
|
|
background-image: url("../Images/GridView/gridviewEspacioVacio.png");
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
|
|
.gridViewVacio .gridFilaVacia .textoGrid {
|
|
text-align: center;
|
|
color: rgb(91, 115, 140);
|
|
padding-top: 38px;
|
|
font-size: 20px;
|
|
}
|
|
.escondeColumnas {
|
|
display: none;
|
|
}
|
|
|
|
.detalleGridView {
|
|
border-width: 0px;
|
|
width: 100%;
|
|
height: 35px;
|
|
min-width: 10%;
|
|
background-color: rgb(239, 243, 251);
|
|
}
|
|
|
|
.detalleGridView .textoDetalleGridView {
|
|
color: rgb(0, 0, 0);
|
|
font-family: Verdana;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
vertical-align: middle;
|
|
}
|
|
.detalleGridView .Izquierda {
|
|
margin: 13px 0px 0px 5px;
|
|
height: 100%;
|
|
float: left;
|
|
}
|
|
.detalleGridView .Derecha {
|
|
margin: 7px 10px 0px 0px;
|
|
height: 100%;
|
|
float: right;
|
|
}
|
|
|
|
/*********************************************menu*********************************************/
|
|
|
|
#cuwMenu_mnuMenu {width: 100px; height: auto; }
|
|
|
|
|
|
#cuwMenu_mnuMenu li { width: 250px; margin-left: none; text-align: center;}
|
|
|
|
#cuwMenu_mnuMenu li ul {height: 20px; display: block; }
|
|
#cuwMenu_mnuMenu ul.dynamic { z-index:3; }
|
|
#cuwMenu_mnuMenu ul.dynamic {
|
|
z-index: 1;
|
|
display: none;
|
|
position: absolute !important;
|
|
top: 0px;
|
|
left: 110% !important;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu li ul {height: 20px; margin:-40px; }
|
|
#cuwMenu_mnuMenu ul li li { margin: none; padding: none; }
|
|
#cuwMenu_mnuMenu img.icon { border-style:none; vertical-align:middle; }
|
|
#cuwMenu_mnuMenu img.separator { border-style:none;display:block; }
|
|
#cuwMenu_mnuMenu ul { list-style:none;margin:0;padding-top:50px;width:auto; }
|
|
#cuwMenu_mnuMenu ul.dynamic { z-index:1; }
|
|
#cuwMenu_mnuMenu a {font-family:Verdana;padding: 15px 20px 20px 40px !important;font-size:15px;font-weight:bold;text-decoration:none;white-space:nowrap;display:block; border-radius: 10px 10px 10px 10px; box-shadow: 1px 1px 100px #FFF; }
|
|
#cuwMenu_mnuMenu a.static { padding:10px 20px 20px 40px;text-decoration:none;border-style:none; height: 40px; }
|
|
#cuwMenu_mnuMenu a.popout { background-image:url("/WebResource.axd?d=YAYach_zykzn7tRotFpEUlQVLffnbekJOEOLhknvHLA0ZzjX4QDV67nbu2nA0JZGY4MpCkRcjMdnWLSu0JPf-pfFBWU37uPe-xnp6z6WpBs1&t=635792811765829480");
|
|
background-repeat:no-repeat;background-position:right center;padding-right:14px; }
|
|
#cuwMenu_mnuMenu a.dynamic {
|
|
background: rgba(173,222,133,1) !important;
|
|
/*background: -moz-linear-gradient(-45deg, rgba(173,222,133,1) 0%, rgba(92,158,33,1) 100%) !important;
|
|
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(173,222,133,1)), color-stop(100%, rgba(92,158,33,1))) !important;
|
|
background: -webkit-linear-gradient(-45deg, rgba(173,222,133,1) 0%, rgba(92,158,33,1) 100%) !important;
|
|
background: -o-linear-gradient(-45deg, rgba(173,222,133,1) 0%, rgba(92,158,33,1) 100%) !important;
|
|
background: -ms-linear-gradient(-45deg, rgba(173,222,133,1) 0%, rgba(92,158,33,1) 100%) !important;
|
|
background: linear-gradient(135deg, rgba(173,222,133,1) 0%, rgba(92,158,33,1) 100%) !important;*/
|
|
background: -moz-linear-gradient(left, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,250,170,1)), color-stop(100%, rgba(181,209,155,1)));
|
|
background: -webkit-linear-gradient(left, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
background: -o-linear-gradient(left, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
background: -ms-linear-gradient(left, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
background: linear-gradient(to right, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adde85', endColorstr='#5c9e21', GradientType=1 );
|
|
border-color: #DCDEE0 !important;
|
|
border-width: 1px !important;
|
|
border-style: Solid !important;
|
|
/*padding: 10px 20px 30px 20px !important;*/
|
|
padding: 0px 20px 0px 40px !important;
|
|
font-size: 13px !important;
|
|
text-decoration: none !important;
|
|
text-align: center !important;
|
|
/*height: 60px !important;*/
|
|
margin-left: -25px;
|
|
|
|
}
|
|
#cuwMenu_mnuMenu a.static.highlighted { color:#fff;background: rgba(168,219,120,1);}
|
|
|
|
#cuwMenu_mnuMenu a.dynamic.highlighted { color:#E9F2FB !important;background-color:#2E81D8 !important; }
|
|
|
|
|
|
#cuwMenu_mnuMenu { margin-top: 20px; }
|
|
#cuwMenu_mnuMenu li { border-radius: 10px;
|
|
/*background: rgba(230,250,170,1);*/
|
|
background: rgba(173,222,133,1) !important;
|
|
|
|
background: -moz-linear-gradient(left, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,250,170,1)), color-stop(100%, rgba(181,209,155,1)));
|
|
background: -webkit-linear-gradient(left, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
background: -o-linear-gradient(left, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
background: -ms-linear-gradient(left, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
background: linear-gradient(to right, rgba(230,250,170,1) 0%, rgba(181,209,155,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6faaa', endColorstr='#b5d19b', GradientType=1 );}
|
|
|
|
|
|
|
|
|
|
/* Responsive: Portrait tablets and up */
|
|
@media screen and (max-width: 600px){
|
|
.jumbotron {
|
|
margin-top: 0px;
|
|
}
|
|
.body-content {
|
|
padding: 0;
|
|
}
|
|
h2{
|
|
font-size:16px;
|
|
color:#E6E6E6;
|
|
}
|
|
|
|
h4{
|
|
font-size:14px;
|
|
color:#D8D8D8;
|
|
}
|
|
|
|
#divLogo, #divSistema {
|
|
text-align:center;
|
|
}
|
|
|
|
#LogoAyA {
|
|
width:100px;
|
|
height:82px;
|
|
}
|
|
|
|
#divLogin{
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
}
|
|
|
|
#divCuerpo{
|
|
padding-top:0px;
|
|
padding-bottom:80px;
|
|
width:auto;
|
|
}
|
|
|
|
/************************************Inicio de Progress Bar *******************************************/
|
|
|
|
#processMessage .Left{
|
|
width: 11px;
|
|
height: 140px;
|
|
float: left;
|
|
background-image: url(../Images/Animados/Left.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#processMessage .Center{
|
|
float: left;
|
|
background-image: url(../Images/Animados/center.png);
|
|
background-repeat: repeat-x;
|
|
width: 200px;
|
|
height: 140px;
|
|
text-align: center;
|
|
color: White;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#processMessage .Right{
|
|
width: 11px;
|
|
height: 140px;
|
|
float: left;
|
|
background-image: url(../Images/Animados/Right.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/************************************ Plantilla *******************************************/
|
|
.staticMenuItemStyle
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.text {
|
|
font-size:medium;
|
|
}
|
|
|
|
#Usuario{
|
|
font-size:large;
|
|
}
|
|
|
|
#Rol{
|
|
font-size:large;
|
|
}
|
|
|
|
.ddl{
|
|
font-size:12px;
|
|
width:280px !important;
|
|
}
|
|
|
|
/************************************ GRID *******************************************/
|
|
|
|
.gridView {
|
|
font-size:10px;
|
|
}
|
|
|
|
.gridViewHeader {
|
|
font-size: 8px;
|
|
}
|
|
|
|
.gridViewVacio .gridFilaVacia .textoGrid {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.detalleGridView .textoDetalleGridView {
|
|
font-size: 8px;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu li { margin-left: -25px;
|
|
text-align: center;
|
|
font-size:10px !important;
|
|
word-break: break-all;}
|
|
|
|
#cuwMenu_mnuMenu a.static{ margin-left: 0px;
|
|
font-size:10px !important;
|
|
word-break: break-all;
|
|
text-align: center;
|
|
height:40px;
|
|
vertical-align:middle !important;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu a.dynamic{ font-size:10px !important;
|
|
word-break: break-all;
|
|
text-align: center;
|
|
margin-left: -45px;
|
|
height: 30px !important;
|
|
vertical-align:middle !important;
|
|
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 601px) and (max-width: 800px){
|
|
.jumbotron {
|
|
margin-top: 0px;
|
|
}
|
|
.body-content {
|
|
padding: 0;
|
|
}
|
|
h2{
|
|
font-size:16px;
|
|
color:#E6E6E6;
|
|
}
|
|
|
|
h4{
|
|
font-size:14px;
|
|
color:#D8D8D8;
|
|
}
|
|
|
|
/************************************Credenciales *******************************************/
|
|
#divLogo, #divSistema {
|
|
text-align:center;
|
|
}
|
|
|
|
#LogoAyA {
|
|
width:140px;
|
|
height:114px;
|
|
}
|
|
|
|
#pnlCredenciales
|
|
{
|
|
width:60%;
|
|
}
|
|
|
|
#Usuario{
|
|
font-size:large;
|
|
}
|
|
|
|
#Rol{
|
|
font-size:large;
|
|
}
|
|
|
|
#divLogin{
|
|
padding-top:25px;
|
|
padding-bottom:25px;
|
|
}
|
|
|
|
/************************************ Plantilla *******************************************/
|
|
#divCuerpo{
|
|
padding-top:0px;
|
|
padding-bottom:80px;
|
|
width:auto;
|
|
}
|
|
|
|
.staticMenuItemStyle
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
#Usuario{
|
|
font-size:x-large;
|
|
}
|
|
|
|
#Rol{
|
|
font-size:x-large;
|
|
}
|
|
|
|
/************************************ GRID *******************************************/
|
|
|
|
.gridView {
|
|
font-size:12px;
|
|
}
|
|
|
|
.gridViewHeader {
|
|
font-size: 8px;
|
|
}
|
|
|
|
.gridViewVacio .gridFilaVacia .textoGrid {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.detalleGridView .textoDetalleGridView {
|
|
font-size: 8px;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu li {
|
|
margin-left: -45px;
|
|
height:40px;
|
|
word-break: break-all;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu a.static{ margin-left: 0px;
|
|
font-size:10px !important;
|
|
word-break: break-all;
|
|
text-align: center;
|
|
height:40px;
|
|
width: 170px;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu a.dynamic { font-size: 10px !important;
|
|
word-break: break-all;
|
|
align-content:center;
|
|
margin-left: 0px;
|
|
height: 20px;
|
|
width: 170px;
|
|
vertical-align:middle !important;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (min-width: 801px) and (max-width: 1366px) {
|
|
.jumbotron {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.body-content {
|
|
padding: 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 24px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 20px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#LogoAyA {
|
|
width: 200px;
|
|
height: 164px;
|
|
}
|
|
|
|
/************************************ Plantilla *******************************************/
|
|
#divLogin {
|
|
padding-top: 70px;
|
|
padding-bottom: 70px;
|
|
}
|
|
|
|
.staticMenuItemStyle
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
#Usuario{
|
|
font-size:x-large;
|
|
}
|
|
|
|
#Rol{
|
|
font-size:x-large;
|
|
}
|
|
|
|
/************************************ GRID *******************************************/
|
|
|
|
.gridView {
|
|
font-size:14px;
|
|
}
|
|
|
|
.gridViewHeader {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.gridViewVacio .gridFilaVacia .textoGrid {
|
|
font-size: 14px;
|
|
}
|
|
.detalleGridView .textoDetalleGridView {
|
|
font-size: 10px;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu li { margin-left: 0px;
|
|
text-align: center;
|
|
font-size:10px !important;
|
|
word-break: break-all;}
|
|
|
|
#cuwMenu_mnuMenu a.static{ margin-left:0px;
|
|
font-size:10px !important;
|
|
word-break: break-all;
|
|
text-align: center;
|
|
height:40px;
|
|
vertical-align:middle !important;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu a.dynamic{ margin-left: 0px;
|
|
font-size:10px !important;
|
|
word-break: break-all;
|
|
text-align: center;
|
|
margin-left: -55px;
|
|
height: 30px !important;
|
|
vertical-align:middle !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1367px) and (max-width: 1920px) {
|
|
.jumbotron {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.body-content {
|
|
padding: 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 24px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 20px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#LogoAyA {
|
|
width: 200px;
|
|
height: 164px;
|
|
}
|
|
|
|
#divLogin {
|
|
padding-top: 145px;
|
|
padding-bottom: 145px;
|
|
}
|
|
/************************************ Plantilla *******************************************/
|
|
#Usuario {
|
|
font-size: x-large;
|
|
}
|
|
|
|
#Rol {
|
|
font-size: x-large;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu li {
|
|
margin-left: 0px;
|
|
text-align: center;
|
|
font-size: 12px !important;
|
|
word-break: break-all;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu a.static {
|
|
font-size: 12px !important;
|
|
word-break: break-all;
|
|
text-align: center;
|
|
margin-left: -55px;
|
|
height: 30px !important;
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
/************************************ GRID *******************************************/
|
|
|
|
.gridView {
|
|
font-size:14px;
|
|
}
|
|
|
|
.gridViewHeader {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.gridViewVacio .gridFilaVacia .textoGrid {
|
|
font-size: 14px;
|
|
}
|
|
.detalleGridView .textoDetalleGridView {
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1921px) and (max-width: 2560px) {
|
|
.jumbotron {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.body-content {
|
|
padding: 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 28px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 24px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#LogoAyA {
|
|
width: 200px;
|
|
height: 164px;
|
|
}
|
|
|
|
#divLogin {
|
|
padding-top: 300px;
|
|
padding-bottom: 300px;
|
|
}
|
|
|
|
/************************************ Plantilla *******************************************/
|
|
#Usuario {
|
|
font-size: xx-large;
|
|
}
|
|
|
|
#Rol {
|
|
font-size: xx-large;
|
|
}
|
|
|
|
#cuwMenu_mnuMenu li {
|
|
margin-left: 0px;
|
|
text-align: center;
|
|
font-size: 14px !important;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.hiddencol {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|