Actualización
This commit is contained in:
Your Name
@@ -1,39 +1,39 @@
|
||||
/*
|
||||
Colores de date picker
|
||||
*/
|
||||
.ui-widget-header{ background-color:#f0f0f0;}
|
||||
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
|
||||
border: 1px solid #c5c5c5; background: #f7f7f8;
|
||||
}*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #d21034; color: #fff;}
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
|
||||
border: 1px solid #ffffff; background: #001d68; color:white!important;
|
||||
}
|
||||
|
||||
|
||||
/* Month Picker */
|
||||
/*
|
||||
.month-picker-previous .ui-icon-circle-triangle-w {
|
||||
display: inline-block;
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
}
|
||||
.month-picker-previous .ui-icon-circle-triangle-w:before {
|
||||
font-family: "ingfont";
|
||||
content: '\e90b';
|
||||
}
|
||||
.month-picker-next .ui-icon-circle-triangle-e {
|
||||
display: inline-block;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
}
|
||||
.month-picker-next .ui-icon-circle-triangle-e:before {
|
||||
font-family: "ingfont";
|
||||
content: '\e90b';
|
||||
}*/
|
||||
.month-picker-year-table .ui-button {
|
||||
color: #001D68 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
Colores de date picker
|
||||
*/
|
||||
.ui-widget-header{ background-color:#f0f0f0;}
|
||||
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
|
||||
border: 1px solid #c5c5c5; background: #f7f7f8;
|
||||
}*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #d21034; color: #fff;}
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
|
||||
border: 1px solid #ffffff; background: #001d68; color:white!important;
|
||||
}
|
||||
|
||||
|
||||
/* Month Picker */
|
||||
/*
|
||||
.month-picker-previous .ui-icon-circle-triangle-w {
|
||||
display: inline-block;
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
}
|
||||
.month-picker-previous .ui-icon-circle-triangle-w:before {
|
||||
font-family: "ingfont";
|
||||
content: '\e90b';
|
||||
}
|
||||
.month-picker-next .ui-icon-circle-triangle-e {
|
||||
display: inline-block;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
}
|
||||
.month-picker-next .ui-icon-circle-triangle-e:before {
|
||||
font-family: "ingfont";
|
||||
content: '\e90b';
|
||||
}*/
|
||||
.month-picker-year-table .ui-button {
|
||||
color: #001D68 !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,143 +1,143 @@
|
||||
/*!
|
||||
* ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
|
||||
* Copyright 2014 Wang Shenwei.
|
||||
* Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
|
||||
*/
|
||||
|
||||
.clockpicker .input-group-addon {
|
||||
cursor: pointer;
|
||||
}
|
||||
.clockpicker-moving {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.clockpicker-popover .popover-title {
|
||||
background: #D6D8DB;
|
||||
color: #777777;
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
.clockpicker-popover .popover-title span {
|
||||
cursor: pointer;
|
||||
}
|
||||
.clockpicker-popover .popover-content {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.popover-content:last-child {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
.clockpicker-plate {
|
||||
background-color: #EFEFEF;
|
||||
border-radius: 50%;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
/* Disable text selection highlighting. Thanks to Hermanya */
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.clockpicker-canvas,
|
||||
.clockpicker-dial {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
position: absolute;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
}
|
||||
.clockpicker-minutes {
|
||||
visibility: hidden;
|
||||
}
|
||||
.clockpicker-tick {
|
||||
border-radius: 50%;
|
||||
color: #777777;
|
||||
line-height: 1.5rem;
|
||||
text-align: center;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
}
|
||||
.clockpicker-tick.active{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.clockpicker-tick:hover {
|
||||
background-color: #D6D8DB;
|
||||
}
|
||||
.clockpicker-button {
|
||||
background-image: none;
|
||||
background-color: #fff;
|
||||
border-width: 1px 0 0;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.clockpicker-button:hover {
|
||||
background-image: none;
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
.clockpicker-button:focus {
|
||||
outline: none!important;
|
||||
}
|
||||
.clockpicker-dial {
|
||||
-webkit-transition: -webkit-transform 350ms, opacity 350ms;
|
||||
-moz-transition: -moz-transform 350ms, opacity 350ms;
|
||||
-ms-transition: -ms-transform 350ms, opacity 350ms;
|
||||
-o-transition: -o-transform 350ms, opacity 350ms;
|
||||
transition: transform 350ms, opacity 350ms;
|
||||
}
|
||||
.clockpicker-dial-out {
|
||||
opacity: 0;
|
||||
}
|
||||
.clockpicker-hours.clockpicker-dial-out {
|
||||
-webkit-transform: scale(1.2, 1.2);
|
||||
-moz-transform: scale(1.2, 1.2);
|
||||
-ms-transform: scale(1.2, 1.2);
|
||||
-o-transform: scale(1.2, 1.2);
|
||||
transform: scale(1.2, 1.2);
|
||||
}
|
||||
.clockpicker-minutes.clockpicker-dial-out {
|
||||
-webkit-transform: scale(.8, .8);
|
||||
-moz-transform: scale(.8, .8);
|
||||
-ms-transform: scale(.8, .8);
|
||||
-o-transform: scale(.8, .8);
|
||||
transform: scale(.8, .8);
|
||||
}
|
||||
.clockpicker-canvas {
|
||||
-webkit-transition: opacity 175ms;
|
||||
-moz-transition: opacity 175ms;
|
||||
-ms-transition: opacity 175ms;
|
||||
-o-transition: opacity 175ms;
|
||||
transition: opacity 175ms;
|
||||
}
|
||||
.clockpicker-canvas-out {
|
||||
opacity: 0.25;
|
||||
}
|
||||
.clockpicker-canvas-bearing,
|
||||
.clockpicker-canvas-fg {
|
||||
stroke: none;
|
||||
fill: #006094;
|
||||
}
|
||||
.clockpicker-canvas-bg {
|
||||
stroke: none;
|
||||
fill: #006094;
|
||||
}
|
||||
.clockpicker-canvas-bg-trans {
|
||||
fill: rgba(0, 96, 148, 0.25);
|
||||
}
|
||||
.clockpicker-canvas line {
|
||||
stroke: #006094;
|
||||
stroke-width: 1;
|
||||
stroke-linecap: round;
|
||||
/*shape-rendering: crispEdges;*/
|
||||
}
|
||||
.clock[readonly]{
|
||||
background-color: transparent;
|
||||
}
|
||||
/*!
|
||||
* ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
|
||||
* Copyright 2014 Wang Shenwei.
|
||||
* Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
|
||||
*/
|
||||
|
||||
.clockpicker .input-group-addon {
|
||||
cursor: pointer;
|
||||
}
|
||||
.clockpicker-moving {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.clockpicker-popover .popover-title {
|
||||
background: #D6D8DB;
|
||||
color: #777777;
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
.clockpicker-popover .popover-title span {
|
||||
cursor: pointer;
|
||||
}
|
||||
.clockpicker-popover .popover-content {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.popover-content:last-child {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
.clockpicker-plate {
|
||||
background-color: #EFEFEF;
|
||||
border-radius: 50%;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
/* Disable text selection highlighting. Thanks to Hermanya */
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.clockpicker-canvas,
|
||||
.clockpicker-dial {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
position: absolute;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
}
|
||||
.clockpicker-minutes {
|
||||
visibility: hidden;
|
||||
}
|
||||
.clockpicker-tick {
|
||||
border-radius: 50%;
|
||||
color: #777777;
|
||||
line-height: 1.5rem;
|
||||
text-align: center;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
}
|
||||
.clockpicker-tick.active{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.clockpicker-tick:hover {
|
||||
background-color: #D6D8DB;
|
||||
}
|
||||
.clockpicker-button {
|
||||
background-image: none;
|
||||
background-color: #fff;
|
||||
border-width: 1px 0 0;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.clockpicker-button:hover {
|
||||
background-image: none;
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
.clockpicker-button:focus {
|
||||
outline: none!important;
|
||||
}
|
||||
.clockpicker-dial {
|
||||
-webkit-transition: -webkit-transform 350ms, opacity 350ms;
|
||||
-moz-transition: -moz-transform 350ms, opacity 350ms;
|
||||
-ms-transition: -ms-transform 350ms, opacity 350ms;
|
||||
-o-transition: -o-transform 350ms, opacity 350ms;
|
||||
transition: transform 350ms, opacity 350ms;
|
||||
}
|
||||
.clockpicker-dial-out {
|
||||
opacity: 0;
|
||||
}
|
||||
.clockpicker-hours.clockpicker-dial-out {
|
||||
-webkit-transform: scale(1.2, 1.2);
|
||||
-moz-transform: scale(1.2, 1.2);
|
||||
-ms-transform: scale(1.2, 1.2);
|
||||
-o-transform: scale(1.2, 1.2);
|
||||
transform: scale(1.2, 1.2);
|
||||
}
|
||||
.clockpicker-minutes.clockpicker-dial-out {
|
||||
-webkit-transform: scale(.8, .8);
|
||||
-moz-transform: scale(.8, .8);
|
||||
-ms-transform: scale(.8, .8);
|
||||
-o-transform: scale(.8, .8);
|
||||
transform: scale(.8, .8);
|
||||
}
|
||||
.clockpicker-canvas {
|
||||
-webkit-transition: opacity 175ms;
|
||||
-moz-transition: opacity 175ms;
|
||||
-ms-transition: opacity 175ms;
|
||||
-o-transition: opacity 175ms;
|
||||
transition: opacity 175ms;
|
||||
}
|
||||
.clockpicker-canvas-out {
|
||||
opacity: 0.25;
|
||||
}
|
||||
.clockpicker-canvas-bearing,
|
||||
.clockpicker-canvas-fg {
|
||||
stroke: none;
|
||||
fill: #006094;
|
||||
}
|
||||
.clockpicker-canvas-bg {
|
||||
stroke: none;
|
||||
fill: #006094;
|
||||
}
|
||||
.clockpicker-canvas-bg-trans {
|
||||
fill: rgba(0, 96, 148, 0.25);
|
||||
}
|
||||
.clockpicker-canvas line {
|
||||
stroke: #006094;
|
||||
stroke-width: 1;
|
||||
stroke-linecap: round;
|
||||
/*shape-rendering: crispEdges;*/
|
||||
}
|
||||
.clock[readonly]{
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,30 +1,30 @@
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 26/03/2020, 06:44:41 PM
|
||||
Author : Ale
|
||||
*/
|
||||
.content{height: 700px;background: url('../imagenes/fondochecador.jpg') no-repeat; object-fit: fit;}
|
||||
.logSize{ width: 50% !important; max-width: 600px; }
|
||||
.icon{ font-size:2rem; color: #001D68; }
|
||||
.defaultShadow{ -webkit-box-shadow: 0 0 5px 1px rgba(150,150,150,.2); box-shadow: 0 0 5px 1px rgba(150,150,150,.2); }
|
||||
|
||||
.btn-lg.arrow:after{margin-top:7px !important;}
|
||||
|
||||
@media (max-width: 768px){
|
||||
.content{
|
||||
height: 400px;
|
||||
}
|
||||
.logSize{
|
||||
width: 90% !important;
|
||||
}
|
||||
.logSize h1{font-size: 2em;}
|
||||
}
|
||||
@media (max-height: 768px){
|
||||
.content{
|
||||
height: 500px;
|
||||
}
|
||||
/*
|
||||
To change this license header, choose License Headers in Project Properties.
|
||||
To change this template file, choose Tools | Templates
|
||||
and open the template in the editor.
|
||||
*/
|
||||
/*
|
||||
Created on : 26/03/2020, 06:44:41 PM
|
||||
Author : Ale
|
||||
*/
|
||||
.content{height: 700px;background: url('../imagenes/fondochecador.jpg') no-repeat; object-fit: fit;}
|
||||
.logSize{ width: 50% !important; max-width: 600px; }
|
||||
.icon{ font-size:2rem; color: #001D68; }
|
||||
.defaultShadow{ -webkit-box-shadow: 0 0 5px 1px rgba(150,150,150,.2); box-shadow: 0 0 5px 1px rgba(150,150,150,.2); }
|
||||
|
||||
.btn-lg.arrow:after{margin-top:7px !important;}
|
||||
|
||||
@media (max-width: 768px){
|
||||
.content{
|
||||
height: 400px;
|
||||
}
|
||||
.logSize{
|
||||
width: 90% !important;
|
||||
}
|
||||
.logSize h1{font-size: 2em;}
|
||||
}
|
||||
@media (max-height: 768px){
|
||||
.content{
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
982
css/indivisa.css
982
css/indivisa.css
@@ -1,492 +1,492 @@
|
||||
/*
|
||||
Created on : 5/12/2018, 01:25:27 PM
|
||||
Author : Alejandro
|
||||
Indivisa Fonts
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'indivisa-title';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-BoldItalic.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-BoldItalic.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-BoldItalic.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-BoldItalic.IndivisaTextSans-BoldItalic');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'indivisa-text';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-Regular.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-Regular.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-Regular.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-Regular.svg#IndivisaTextSans-Regular');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'indivisa-text-black';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-Black.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-Black.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-Black.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-Black.svg#IndivisaTextSans-Black');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'indivisa-text-bold';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-Bold.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-Bold.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-Bold.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-Bold.svg#IndivisaTextSans-Bold');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.indivisa-display {
|
||||
font-family: 'indivisa-display' !important;
|
||||
}
|
||||
|
||||
.indivisa-title {
|
||||
font-family: 'indivisa-title' !important;
|
||||
}
|
||||
|
||||
/* INGENIERIA FONT */
|
||||
@font-face {
|
||||
font-family: 'ingfont';
|
||||
src: url('../fonts/ingenieria/ingfont.eot?1fng03');
|
||||
src: url('../fonts/ingenieria/ingfont.eot?1fng03#iefix') format('embedded-opentype'),
|
||||
url('../fonts/ingenieria/ingfont.ttf?1fng03') format('truetype'),
|
||||
url('../fonts/ingenieria/ingfont.woff?1fng03') format('woff'),
|
||||
url('../fonts/ingenieria/ingfont.svg?1fng03#ingfont') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
.ing-lg {
|
||||
font-size: 1.33333em;
|
||||
line-height: .75em;
|
||||
vertical-align: -.0667em
|
||||
}
|
||||
|
||||
.ing-2x {
|
||||
font-size: 2em
|
||||
}
|
||||
|
||||
.ing-3x {
|
||||
font-size: 3em
|
||||
}
|
||||
|
||||
.ing-8x {
|
||||
font-size: 8em
|
||||
}
|
||||
|
||||
.ing-fw {
|
||||
text-align: center;
|
||||
width: 1.4em
|
||||
}
|
||||
|
||||
/*1.25*/
|
||||
.ing-ul {
|
||||
list-style-type: none;
|
||||
margin-left: 2.5em;
|
||||
padding-left: 0
|
||||
}
|
||||
|
||||
.ing-ul>li {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.ing-li {
|
||||
left: -2em;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 2em;
|
||||
line-height: inherit
|
||||
}
|
||||
|
||||
.ing-rotate-90 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg)
|
||||
}
|
||||
|
||||
.ing-rotate-180 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg)
|
||||
}
|
||||
|
||||
.ing-rotate-270 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg)
|
||||
}
|
||||
|
||||
.ing-flip-horizontal {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
|
||||
-webkit-transform: scaleX(-1);
|
||||
transform: scaleX(-1)
|
||||
}
|
||||
|
||||
.ing-flip-vertical {
|
||||
-webkit-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
|
||||
.ing-flip-both,
|
||||
.ing-flip-horizontal.ing-flip-vertical,
|
||||
.ing-flip-vertical {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
|
||||
}
|
||||
|
||||
.ing-flip-both,
|
||||
.ing-flip-horizontal.ing-flip-vertical {
|
||||
-webkit-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
|
||||
:root .ing-flip-both,
|
||||
:root .ing-flip-horizontal,
|
||||
:root .ing-flip-vertical,
|
||||
:root .ing-rotate-90,
|
||||
:root .ing-rotate-180,
|
||||
:root .ing-rotate-270 {
|
||||
-webkit-filter: none;
|
||||
filter: none
|
||||
}
|
||||
|
||||
[class^="ing-"],
|
||||
[class*=" ing-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'ingfont' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.ing-fb1:before {
|
||||
content: "\e932";
|
||||
}
|
||||
|
||||
.ing-fb2:before {
|
||||
content: "\e933";
|
||||
}
|
||||
|
||||
.ing-tw1:before {
|
||||
content: "\e912";
|
||||
}
|
||||
|
||||
.ing-tw2:before {
|
||||
content: "\e900";
|
||||
}
|
||||
|
||||
.ing-in1:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
|
||||
.ing-in2:before {
|
||||
content: "\e902";
|
||||
}
|
||||
|
||||
.ing-instra1:before {
|
||||
content: "\e924";
|
||||
}
|
||||
|
||||
.ing-instra2:before {
|
||||
content: "\e923";
|
||||
}
|
||||
|
||||
.ing-youtube:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
|
||||
.ing-telefono:before {
|
||||
content: "\e911";
|
||||
}
|
||||
|
||||
.ing-mail:before {
|
||||
content: "\e907";
|
||||
}
|
||||
|
||||
.ing-link:before {
|
||||
content: "\e919";
|
||||
}
|
||||
|
||||
.ing-ubicacion:before {
|
||||
content: "\e908";
|
||||
}
|
||||
|
||||
.ing-puntos:before {
|
||||
content: "\e917";
|
||||
}
|
||||
|
||||
.ing-usuario:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
|
||||
.ing-pass:before {
|
||||
content: "\e906";
|
||||
}
|
||||
|
||||
.ing-menu:before {
|
||||
content: "\e901";
|
||||
}
|
||||
|
||||
.ing-salir:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
|
||||
.ing-flecha:before {
|
||||
content: "\e905";
|
||||
}
|
||||
|
||||
.ing-cambiar:before {
|
||||
content: "\e93c";
|
||||
}
|
||||
|
||||
.ing-caret:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
|
||||
.ing-aceptar:before {
|
||||
content: "\e916";
|
||||
}
|
||||
|
||||
.ing-cancelar:before {
|
||||
content: "\e910";
|
||||
}
|
||||
|
||||
.ing-mas:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
|
||||
.ing-menos:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
|
||||
.ing-editar:before {
|
||||
content: "\e938";
|
||||
}
|
||||
|
||||
.ing-buscar:before {
|
||||
content: "\e939";
|
||||
}
|
||||
|
||||
.ing-ojo:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
|
||||
.ing-borrar:before {
|
||||
content: "\e942";
|
||||
}
|
||||
|
||||
.ing-basura:before {
|
||||
content: "\e941";
|
||||
}
|
||||
|
||||
.ing-camara:before {
|
||||
content: "\e909";
|
||||
}
|
||||
|
||||
.ing-importante:before {
|
||||
content: "\e935";
|
||||
}
|
||||
|
||||
.ing-bullet:before {
|
||||
content: "\e943";
|
||||
}
|
||||
|
||||
.ing-home:before {
|
||||
content: "\e934";
|
||||
}
|
||||
|
||||
.ing-formacion:before {
|
||||
content: "\e914";
|
||||
}
|
||||
|
||||
.ing-empleo:before {
|
||||
content: "\e915";
|
||||
}
|
||||
|
||||
.ing-insignia1:before {
|
||||
content: "\e920";
|
||||
}
|
||||
|
||||
.ing-insignia2:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
|
||||
.ing-insignia3:before {
|
||||
content: "\e921";
|
||||
}
|
||||
|
||||
.ing-insignia4:before {
|
||||
content: "\e922";
|
||||
}
|
||||
|
||||
.ing-eventos:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
|
||||
.ing-reporte:before {
|
||||
content: "\e918";
|
||||
}
|
||||
|
||||
.ing-catalogo:before {
|
||||
content: "\e936";
|
||||
}
|
||||
|
||||
.ing-evalua-cartel:before {
|
||||
content: "\e913";
|
||||
}
|
||||
|
||||
.ing-revision-cartel:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
|
||||
.ing-reporte-resultados:before {
|
||||
content: "\e929";
|
||||
}
|
||||
|
||||
.ing-mi-cartel:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
|
||||
.ing-galeria1:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
|
||||
.ing-galeria2:before {
|
||||
content: "\e925";
|
||||
}
|
||||
|
||||
.ing-iniciar-sesion:before {
|
||||
content: "\e926";
|
||||
}
|
||||
|
||||
.ing-finalistas:before {
|
||||
content: "\e927";
|
||||
}
|
||||
|
||||
.ing-comite:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
|
||||
.ing-administrador:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
|
||||
.ing-estrella1:before {
|
||||
content: "\e903";
|
||||
}
|
||||
|
||||
.ing-estrella2:before {
|
||||
content: "\e904";
|
||||
}
|
||||
|
||||
.ing-carga-archivo:before {
|
||||
content: "\e93d";
|
||||
}
|
||||
|
||||
.ing-carga-multiple:before {
|
||||
content: "\e93e";
|
||||
}
|
||||
|
||||
.ing-descarga:before {
|
||||
content: "\e928";
|
||||
}
|
||||
|
||||
.ing-autorizar:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
|
||||
.ing-negar:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
|
||||
.ing-no-cargado:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
|
||||
.ing-alumnos:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
|
||||
.ing-cardex:before {
|
||||
content: "\e93f";
|
||||
}
|
||||
|
||||
.ing-configuracion:before {
|
||||
content: "\e940";
|
||||
}
|
||||
|
||||
.ing-listado-menus:before {
|
||||
content: "\e944";
|
||||
}
|
||||
|
||||
.ing-mi-cuenta:before {
|
||||
content: "\e945";
|
||||
}
|
||||
|
||||
.ing-ver:before {
|
||||
content: "\e946";
|
||||
}
|
||||
|
||||
.ing-grafica:before {
|
||||
content: "\e930";
|
||||
}
|
||||
|
||||
.ing-clic:before {
|
||||
content: "\e931";
|
||||
}
|
||||
|
||||
.ing-guardar:before {
|
||||
content: "\e937";
|
||||
}
|
||||
|
||||
.ing-regresar:before {
|
||||
content: "\e93a";
|
||||
}
|
||||
|
||||
.ing-cuadrado:before {
|
||||
content: "\e93b";
|
||||
}
|
||||
|
||||
.ing-imprimir:before {
|
||||
content: "\e947";
|
||||
}
|
||||
|
||||
.ing-importante2:before {
|
||||
content: "\e948";
|
||||
}
|
||||
|
||||
.ing-copiar:before {
|
||||
content: "\e949";
|
||||
}
|
||||
|
||||
.ing-reloj:before {
|
||||
content: "\e94a";
|
||||
}
|
||||
|
||||
.ing-retardo:before {
|
||||
content: "\e94b";
|
||||
}
|
||||
|
||||
.ing-justificar:before {
|
||||
content: "\e94c";
|
||||
/*
|
||||
Created on : 5/12/2018, 01:25:27 PM
|
||||
Author : Alejandro
|
||||
Indivisa Fonts
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'indivisa-title';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-BoldItalic.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-BoldItalic.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-BoldItalic.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-BoldItalic.IndivisaTextSans-BoldItalic');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'indivisa-text';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-Regular.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-Regular.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-Regular.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-Regular.svg#IndivisaTextSans-Regular');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'indivisa-text-black';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-Black.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-Black.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-Black.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-Black.svg#IndivisaTextSans-Black');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'indivisa-text-bold';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-Bold.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-Bold.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-Bold.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-Bold.svg#IndivisaTextSans-Bold');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.indivisa-display {
|
||||
font-family: 'indivisa-display' !important;
|
||||
}
|
||||
|
||||
.indivisa-title {
|
||||
font-family: 'indivisa-title' !important;
|
||||
}
|
||||
|
||||
/* INGENIERIA FONT */
|
||||
@font-face {
|
||||
font-family: 'ingfont';
|
||||
src: url('../fonts/ingenieria/ingfont.eot?1fng03');
|
||||
src: url('../fonts/ingenieria/ingfont.eot?1fng03#iefix') format('embedded-opentype'),
|
||||
url('../fonts/ingenieria/ingfont.ttf?1fng03') format('truetype'),
|
||||
url('../fonts/ingenieria/ingfont.woff?1fng03') format('woff'),
|
||||
url('../fonts/ingenieria/ingfont.svg?1fng03#ingfont') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
.ing-lg {
|
||||
font-size: 1.33333em;
|
||||
line-height: .75em;
|
||||
vertical-align: -.0667em
|
||||
}
|
||||
|
||||
.ing-2x {
|
||||
font-size: 2em
|
||||
}
|
||||
|
||||
.ing-3x {
|
||||
font-size: 3em
|
||||
}
|
||||
|
||||
.ing-8x {
|
||||
font-size: 8em
|
||||
}
|
||||
|
||||
.ing-fw {
|
||||
text-align: center;
|
||||
width: 1.4em
|
||||
}
|
||||
|
||||
/*1.25*/
|
||||
.ing-ul {
|
||||
list-style-type: none;
|
||||
margin-left: 2.5em;
|
||||
padding-left: 0
|
||||
}
|
||||
|
||||
.ing-ul>li {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.ing-li {
|
||||
left: -2em;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 2em;
|
||||
line-height: inherit
|
||||
}
|
||||
|
||||
.ing-rotate-90 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg)
|
||||
}
|
||||
|
||||
.ing-rotate-180 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg)
|
||||
}
|
||||
|
||||
.ing-rotate-270 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg)
|
||||
}
|
||||
|
||||
.ing-flip-horizontal {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
|
||||
-webkit-transform: scaleX(-1);
|
||||
transform: scaleX(-1)
|
||||
}
|
||||
|
||||
.ing-flip-vertical {
|
||||
-webkit-transform: scaleY(-1);
|
||||
transform: scaleY(-1)
|
||||
}
|
||||
|
||||
.ing-flip-both,
|
||||
.ing-flip-horizontal.ing-flip-vertical,
|
||||
.ing-flip-vertical {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
|
||||
}
|
||||
|
||||
.ing-flip-both,
|
||||
.ing-flip-horizontal.ing-flip-vertical {
|
||||
-webkit-transform: scale(-1);
|
||||
transform: scale(-1)
|
||||
}
|
||||
|
||||
:root .ing-flip-both,
|
||||
:root .ing-flip-horizontal,
|
||||
:root .ing-flip-vertical,
|
||||
:root .ing-rotate-90,
|
||||
:root .ing-rotate-180,
|
||||
:root .ing-rotate-270 {
|
||||
-webkit-filter: none;
|
||||
filter: none
|
||||
}
|
||||
|
||||
[class^="ing-"],
|
||||
[class*=" ing-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'ingfont' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.ing-fb1:before {
|
||||
content: "\e932";
|
||||
}
|
||||
|
||||
.ing-fb2:before {
|
||||
content: "\e933";
|
||||
}
|
||||
|
||||
.ing-tw1:before {
|
||||
content: "\e912";
|
||||
}
|
||||
|
||||
.ing-tw2:before {
|
||||
content: "\e900";
|
||||
}
|
||||
|
||||
.ing-in1:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
|
||||
.ing-in2:before {
|
||||
content: "\e902";
|
||||
}
|
||||
|
||||
.ing-instra1:before {
|
||||
content: "\e924";
|
||||
}
|
||||
|
||||
.ing-instra2:before {
|
||||
content: "\e923";
|
||||
}
|
||||
|
||||
.ing-youtube:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
|
||||
.ing-telefono:before {
|
||||
content: "\e911";
|
||||
}
|
||||
|
||||
.ing-mail:before {
|
||||
content: "\e907";
|
||||
}
|
||||
|
||||
.ing-link:before {
|
||||
content: "\e919";
|
||||
}
|
||||
|
||||
.ing-ubicacion:before {
|
||||
content: "\e908";
|
||||
}
|
||||
|
||||
.ing-puntos:before {
|
||||
content: "\e917";
|
||||
}
|
||||
|
||||
.ing-usuario:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
|
||||
.ing-pass:before {
|
||||
content: "\e906";
|
||||
}
|
||||
|
||||
.ing-menu:before {
|
||||
content: "\e901";
|
||||
}
|
||||
|
||||
.ing-salir:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
|
||||
.ing-flecha:before {
|
||||
content: "\e905";
|
||||
}
|
||||
|
||||
.ing-cambiar:before {
|
||||
content: "\e93c";
|
||||
}
|
||||
|
||||
.ing-caret:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
|
||||
.ing-aceptar:before {
|
||||
content: "\e916";
|
||||
}
|
||||
|
||||
.ing-cancelar:before {
|
||||
content: "\e910";
|
||||
}
|
||||
|
||||
.ing-mas:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
|
||||
.ing-menos:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
|
||||
.ing-editar:before {
|
||||
content: "\e938";
|
||||
}
|
||||
|
||||
.ing-buscar:before {
|
||||
content: "\e939";
|
||||
}
|
||||
|
||||
.ing-ojo:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
|
||||
.ing-borrar:before {
|
||||
content: "\e942";
|
||||
}
|
||||
|
||||
.ing-basura:before {
|
||||
content: "\e941";
|
||||
}
|
||||
|
||||
.ing-camara:before {
|
||||
content: "\e909";
|
||||
}
|
||||
|
||||
.ing-importante:before {
|
||||
content: "\e935";
|
||||
}
|
||||
|
||||
.ing-bullet:before {
|
||||
content: "\e943";
|
||||
}
|
||||
|
||||
.ing-home:before {
|
||||
content: "\e934";
|
||||
}
|
||||
|
||||
.ing-formacion:before {
|
||||
content: "\e914";
|
||||
}
|
||||
|
||||
.ing-empleo:before {
|
||||
content: "\e915";
|
||||
}
|
||||
|
||||
.ing-insignia1:before {
|
||||
content: "\e920";
|
||||
}
|
||||
|
||||
.ing-insignia2:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
|
||||
.ing-insignia3:before {
|
||||
content: "\e921";
|
||||
}
|
||||
|
||||
.ing-insignia4:before {
|
||||
content: "\e922";
|
||||
}
|
||||
|
||||
.ing-eventos:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
|
||||
.ing-reporte:before {
|
||||
content: "\e918";
|
||||
}
|
||||
|
||||
.ing-catalogo:before {
|
||||
content: "\e936";
|
||||
}
|
||||
|
||||
.ing-evalua-cartel:before {
|
||||
content: "\e913";
|
||||
}
|
||||
|
||||
.ing-revision-cartel:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
|
||||
.ing-reporte-resultados:before {
|
||||
content: "\e929";
|
||||
}
|
||||
|
||||
.ing-mi-cartel:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
|
||||
.ing-galeria1:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
|
||||
.ing-galeria2:before {
|
||||
content: "\e925";
|
||||
}
|
||||
|
||||
.ing-iniciar-sesion:before {
|
||||
content: "\e926";
|
||||
}
|
||||
|
||||
.ing-finalistas:before {
|
||||
content: "\e927";
|
||||
}
|
||||
|
||||
.ing-comite:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
|
||||
.ing-administrador:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
|
||||
.ing-estrella1:before {
|
||||
content: "\e903";
|
||||
}
|
||||
|
||||
.ing-estrella2:before {
|
||||
content: "\e904";
|
||||
}
|
||||
|
||||
.ing-carga-archivo:before {
|
||||
content: "\e93d";
|
||||
}
|
||||
|
||||
.ing-carga-multiple:before {
|
||||
content: "\e93e";
|
||||
}
|
||||
|
||||
.ing-descarga:before {
|
||||
content: "\e928";
|
||||
}
|
||||
|
||||
.ing-autorizar:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
|
||||
.ing-negar:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
|
||||
.ing-no-cargado:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
|
||||
.ing-alumnos:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
|
||||
.ing-cardex:before {
|
||||
content: "\e93f";
|
||||
}
|
||||
|
||||
.ing-configuracion:before {
|
||||
content: "\e940";
|
||||
}
|
||||
|
||||
.ing-listado-menus:before {
|
||||
content: "\e944";
|
||||
}
|
||||
|
||||
.ing-mi-cuenta:before {
|
||||
content: "\e945";
|
||||
}
|
||||
|
||||
.ing-ver:before {
|
||||
content: "\e946";
|
||||
}
|
||||
|
||||
.ing-grafica:before {
|
||||
content: "\e930";
|
||||
}
|
||||
|
||||
.ing-clic:before {
|
||||
content: "\e931";
|
||||
}
|
||||
|
||||
.ing-guardar:before {
|
||||
content: "\e937";
|
||||
}
|
||||
|
||||
.ing-regresar:before {
|
||||
content: "\e93a";
|
||||
}
|
||||
|
||||
.ing-cuadrado:before {
|
||||
content: "\e93b";
|
||||
}
|
||||
|
||||
.ing-imprimir:before {
|
||||
content: "\e947";
|
||||
}
|
||||
|
||||
.ing-importante2:before {
|
||||
content: "\e948";
|
||||
}
|
||||
|
||||
.ing-copiar:before {
|
||||
content: "\e949";
|
||||
}
|
||||
|
||||
.ing-reloj:before {
|
||||
content: "\e94a";
|
||||
}
|
||||
|
||||
.ing-retardo:before {
|
||||
content: "\e94b";
|
||||
}
|
||||
|
||||
.ing-justificar:before {
|
||||
content: "\e94c";
|
||||
}
|
||||
12
css/jquery-ui.css
vendored
12
css/jquery-ui.css
vendored
File diff suppressed because one or more lines are too long
208
css/lasalle.css
208
css/lasalle.css
@@ -1,105 +1,105 @@
|
||||
/*
|
||||
Iconografía de La Salle
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'lasalle';
|
||||
src: url("../fonts/lasalle/lasalle.eot");
|
||||
src: url("../fonts/lasalle/lasalle.eot?#iefix") format('embedded-opentype'), url("../fonts/lasalle/lasalle.woff") format('woff'), url("../fonts/lasalle/lasalle.ttf") format('truetype'), url("../fonts/lasalle/lasalle.svg#lasalle") format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.icon {
|
||||
font-family: 'lasalle' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
/*line-height: 1;*/
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.icon-fe:before {content: "\e952";}
|
||||
.icon-compras:before {content: "\e94d";}
|
||||
.icon-arte:before {content: "\e94e";}
|
||||
.icon-restaurante:before {content: "\e94f";}
|
||||
.icon-cafe:before {content: "\e950";}
|
||||
.icon-biblioteca:before {content: "\e951";}
|
||||
.icon-markFull:before {content: "\e94c";}
|
||||
.icon-comment:before {content: "\e947";}
|
||||
.icon-faith:before {content: "\e948";}
|
||||
.icon-justice:before {content: "\e949";}
|
||||
.icon-compromise:before {content: "\e94a";}
|
||||
.icon-fraternity:before {content: "\e94b";}
|
||||
.icon-telephone:before {content: "\e943";}
|
||||
.icon-onSpeaking:before {content: "\e944";}
|
||||
.icon-offSpeaking:before { content: "\e945";}
|
||||
.icon-audio:before {content: "\e946";}
|
||||
.icon-play:before {content: "\e91c";}
|
||||
.icon-link:before {content: "\e936";}
|
||||
.icon-ym:before { content: "\e937";}
|
||||
.icon-wp:before {content: "\e938";}
|
||||
.icon-read:before { content: "\e939";}
|
||||
.icon-certificate:before {content: "\e93a";}
|
||||
.icon-school:before {content: "\e93b";}
|
||||
.icon-speaker:before {content: "\e93c";}
|
||||
.icon-atom:before {content: "\e93d";}
|
||||
.icon-bag:before {content: "\e93e";}
|
||||
.icon-carbuy:before {content: "\e93f";}
|
||||
.icon-idea:before {content: "\e940";}
|
||||
.icon-hands:before {content: "\e941";}
|
||||
.icon-arrowprev:before {content: "\e942";}
|
||||
.icon-mouse:before {content: "\e900";}
|
||||
.icon-mail:before {content: "\e901";}
|
||||
.icon-down:before {content: "\e902";}
|
||||
.icon-up:before {content: "\e903";}
|
||||
.icon-right:before {content: "\e904";}
|
||||
.icon-left:before {content: "\e905";}
|
||||
.icon-headphones:before {content: "\e906";}
|
||||
.icon-download:before {content: "\e907";}
|
||||
.icon-chat:before {content: "\e908";}
|
||||
.icon-books:before {content: "\e909";}
|
||||
.icon-calculator:before {content: "\e90a";}
|
||||
.icon-wrong:before {content: "\e90b";}
|
||||
.icon-conversation:before { content: "\e90c";}
|
||||
.icon-correct:before {content: "\e90d";}
|
||||
.icon-error:before {content: "\e90e";}
|
||||
.icon-interchange:before {content: "\e90f";}
|
||||
.icon-conectivity:before {content: "\e910";}
|
||||
.icon-video:before {content: "\e911";}
|
||||
.icon-desktop:before {content: "\e912";}
|
||||
.icon-document:before {content: "\e913";}
|
||||
.icon-stethoscope:before { content: "\e914";}
|
||||
.icon-student:before {content: "\e915";}
|
||||
.icon-smartphone:before {content: "\e916";}
|
||||
.icon-pencil:before {content: "\e917";}
|
||||
.icon-sitemap:before {content: "\e918";}
|
||||
.icon-medal:before {content: "\e919";}
|
||||
.icon-microphone:before {content: "\e91a";}
|
||||
.icon-wireless:before {content: "\e91b";}
|
||||
.icon-fountain:before {content: "\e91d";}
|
||||
.icon-feather:before {content: "\e91e";}
|
||||
.icon-pen:before {content: "\e91f";}
|
||||
.icon-pentwo:before {content: "\e920";}
|
||||
.icon-watercolor:before {content: "\e921";}
|
||||
.icon-search:before {content: "\e922";}
|
||||
.icon-security:before {content: "\e923";}
|
||||
.icon-consult:before {content: "\e924";}
|
||||
.icon-sound:before {content: "\e925";}
|
||||
.icon-files:before {content: "\e926";}
|
||||
.icon-upload:before {content: "\e927";}
|
||||
.icon-close:before {content: "\e928";}
|
||||
.icon-arrow:before {content: "\e929";}
|
||||
.icon-mark:before {content: "\e92a";}
|
||||
.icon-time:before {content: "\e92b";}
|
||||
.icon-phone:before {content: "\e92c";}
|
||||
.icon-share:before {content: "\e92d";}
|
||||
.icon-seeker:before {content: "\e92e";}
|
||||
.icon-fb:before {content: "\e92f";}
|
||||
.icon-tw:before {content: "\e930";}
|
||||
.icon-yt:before {content: "\e931";}
|
||||
.icon-ig:before {content: "\e932";}
|
||||
.icon-in:before {content: "\e933";}
|
||||
.icon-sc:before {content: "\e934";}
|
||||
/*
|
||||
Iconografía de La Salle
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'lasalle';
|
||||
src: url("../fonts/lasalle/lasalle.eot");
|
||||
src: url("../fonts/lasalle/lasalle.eot?#iefix") format('embedded-opentype'), url("../fonts/lasalle/lasalle.woff") format('woff'), url("../fonts/lasalle/lasalle.ttf") format('truetype'), url("../fonts/lasalle/lasalle.svg#lasalle") format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.icon {
|
||||
font-family: 'lasalle' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
/*line-height: 1;*/
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.icon-fe:before {content: "\e952";}
|
||||
.icon-compras:before {content: "\e94d";}
|
||||
.icon-arte:before {content: "\e94e";}
|
||||
.icon-restaurante:before {content: "\e94f";}
|
||||
.icon-cafe:before {content: "\e950";}
|
||||
.icon-biblioteca:before {content: "\e951";}
|
||||
.icon-markFull:before {content: "\e94c";}
|
||||
.icon-comment:before {content: "\e947";}
|
||||
.icon-faith:before {content: "\e948";}
|
||||
.icon-justice:before {content: "\e949";}
|
||||
.icon-compromise:before {content: "\e94a";}
|
||||
.icon-fraternity:before {content: "\e94b";}
|
||||
.icon-telephone:before {content: "\e943";}
|
||||
.icon-onSpeaking:before {content: "\e944";}
|
||||
.icon-offSpeaking:before { content: "\e945";}
|
||||
.icon-audio:before {content: "\e946";}
|
||||
.icon-play:before {content: "\e91c";}
|
||||
.icon-link:before {content: "\e936";}
|
||||
.icon-ym:before { content: "\e937";}
|
||||
.icon-wp:before {content: "\e938";}
|
||||
.icon-read:before { content: "\e939";}
|
||||
.icon-certificate:before {content: "\e93a";}
|
||||
.icon-school:before {content: "\e93b";}
|
||||
.icon-speaker:before {content: "\e93c";}
|
||||
.icon-atom:before {content: "\e93d";}
|
||||
.icon-bag:before {content: "\e93e";}
|
||||
.icon-carbuy:before {content: "\e93f";}
|
||||
.icon-idea:before {content: "\e940";}
|
||||
.icon-hands:before {content: "\e941";}
|
||||
.icon-arrowprev:before {content: "\e942";}
|
||||
.icon-mouse:before {content: "\e900";}
|
||||
.icon-mail:before {content: "\e901";}
|
||||
.icon-down:before {content: "\e902";}
|
||||
.icon-up:before {content: "\e903";}
|
||||
.icon-right:before {content: "\e904";}
|
||||
.icon-left:before {content: "\e905";}
|
||||
.icon-headphones:before {content: "\e906";}
|
||||
.icon-download:before {content: "\e907";}
|
||||
.icon-chat:before {content: "\e908";}
|
||||
.icon-books:before {content: "\e909";}
|
||||
.icon-calculator:before {content: "\e90a";}
|
||||
.icon-wrong:before {content: "\e90b";}
|
||||
.icon-conversation:before { content: "\e90c";}
|
||||
.icon-correct:before {content: "\e90d";}
|
||||
.icon-error:before {content: "\e90e";}
|
||||
.icon-interchange:before {content: "\e90f";}
|
||||
.icon-conectivity:before {content: "\e910";}
|
||||
.icon-video:before {content: "\e911";}
|
||||
.icon-desktop:before {content: "\e912";}
|
||||
.icon-document:before {content: "\e913";}
|
||||
.icon-stethoscope:before { content: "\e914";}
|
||||
.icon-student:before {content: "\e915";}
|
||||
.icon-smartphone:before {content: "\e916";}
|
||||
.icon-pencil:before {content: "\e917";}
|
||||
.icon-sitemap:before {content: "\e918";}
|
||||
.icon-medal:before {content: "\e919";}
|
||||
.icon-microphone:before {content: "\e91a";}
|
||||
.icon-wireless:before {content: "\e91b";}
|
||||
.icon-fountain:before {content: "\e91d";}
|
||||
.icon-feather:before {content: "\e91e";}
|
||||
.icon-pen:before {content: "\e91f";}
|
||||
.icon-pentwo:before {content: "\e920";}
|
||||
.icon-watercolor:before {content: "\e921";}
|
||||
.icon-search:before {content: "\e922";}
|
||||
.icon-security:before {content: "\e923";}
|
||||
.icon-consult:before {content: "\e924";}
|
||||
.icon-sound:before {content: "\e925";}
|
||||
.icon-files:before {content: "\e926";}
|
||||
.icon-upload:before {content: "\e927";}
|
||||
.icon-close:before {content: "\e928";}
|
||||
.icon-arrow:before {content: "\e929";}
|
||||
.icon-mark:before {content: "\e92a";}
|
||||
.icon-time:before {content: "\e92b";}
|
||||
.icon-phone:before {content: "\e92c";}
|
||||
.icon-share:before {content: "\e92d";}
|
||||
.icon-seeker:before {content: "\e92e";}
|
||||
.icon-fb:before {content: "\e92f";}
|
||||
.icon-tw:before {content: "\e930";}
|
||||
.icon-yt:before {content: "\e931";}
|
||||
.icon-ig:before {content: "\e932";}
|
||||
.icon-in:before {content: "\e933";}
|
||||
.icon-sc:before {content: "\e934";}
|
||||
.icon-chk:before {content: "\e935";}
|
||||
2168
css/sgi.css
2168
css/sgi.css
File diff suppressed because it is too large
Load Diff
196
css/style.css
196
css/style.css
@@ -1,99 +1,99 @@
|
||||
.bg-azul {
|
||||
background-color: #00a6CE;
|
||||
}
|
||||
|
||||
.azul {
|
||||
color: #00a6CE;
|
||||
}
|
||||
|
||||
/* for sm */
|
||||
|
||||
.custom-switch.custom-switch-sm .custom-control-label {
|
||||
padding-left: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-sm .custom-control-label::before {
|
||||
height: 1rem;
|
||||
width: calc(1rem + 0.75rem);
|
||||
border-radius: 2rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-sm .custom-control-label::after {
|
||||
width: calc(1rem - 4px);
|
||||
height: calc(1rem - 4px);
|
||||
border-radius: calc(1rem - (1rem / 2));
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
|
||||
transform: translateX(calc(1rem - 0.25rem));
|
||||
}
|
||||
|
||||
/* for md */
|
||||
|
||||
.custom-switch.custom-switch-md .custom-control-label {
|
||||
padding-left: 2rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-md .custom-control-label::before {
|
||||
height: 1.5rem;
|
||||
width: calc(2rem + 0.75rem);
|
||||
border-radius: 3rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-md .custom-control-label::after {
|
||||
width: calc(1.5rem - 4px);
|
||||
height: calc(1.5rem - 4px);
|
||||
border-radius: calc(2rem - (1.5rem / 2));
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
|
||||
transform: translateX(calc(1.5rem - 0.25rem));
|
||||
}
|
||||
|
||||
/* for lg */
|
||||
|
||||
.custom-switch.custom-switch-lg .custom-control-label {
|
||||
padding-left: 3rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-lg .custom-control-label::before {
|
||||
height: 2rem;
|
||||
width: calc(3rem + 0.75rem);
|
||||
border-radius: 4rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-lg .custom-control-label::after {
|
||||
width: calc(2rem - 4px);
|
||||
height: calc(2rem - 4px);
|
||||
border-radius: calc(3rem - (2rem / 2));
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
|
||||
transform: translateX(calc(2rem - 0.25rem));
|
||||
}
|
||||
|
||||
/* for xl */
|
||||
|
||||
.custom-switch.custom-switch-xl .custom-control-label {
|
||||
padding-left: 4rem;
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-xl .custom-control-label::before {
|
||||
height: 2.5rem;
|
||||
width: calc(4rem + 0.75rem);
|
||||
border-radius: 5rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-xl .custom-control-label::after {
|
||||
width: calc(2.5rem - 4px);
|
||||
height: calc(2.5rem - 4px);
|
||||
border-radius: calc(4rem - (2.5rem / 2));
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
|
||||
transform: translateX(calc(2.5rem - 0.25rem));
|
||||
.bg-azul {
|
||||
background-color: #00a6CE;
|
||||
}
|
||||
|
||||
.azul {
|
||||
color: #00a6CE;
|
||||
}
|
||||
|
||||
/* for sm */
|
||||
|
||||
.custom-switch.custom-switch-sm .custom-control-label {
|
||||
padding-left: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-sm .custom-control-label::before {
|
||||
height: 1rem;
|
||||
width: calc(1rem + 0.75rem);
|
||||
border-radius: 2rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-sm .custom-control-label::after {
|
||||
width: calc(1rem - 4px);
|
||||
height: calc(1rem - 4px);
|
||||
border-radius: calc(1rem - (1rem / 2));
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
|
||||
transform: translateX(calc(1rem - 0.25rem));
|
||||
}
|
||||
|
||||
/* for md */
|
||||
|
||||
.custom-switch.custom-switch-md .custom-control-label {
|
||||
padding-left: 2rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-md .custom-control-label::before {
|
||||
height: 1.5rem;
|
||||
width: calc(2rem + 0.75rem);
|
||||
border-radius: 3rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-md .custom-control-label::after {
|
||||
width: calc(1.5rem - 4px);
|
||||
height: calc(1.5rem - 4px);
|
||||
border-radius: calc(2rem - (1.5rem / 2));
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
|
||||
transform: translateX(calc(1.5rem - 0.25rem));
|
||||
}
|
||||
|
||||
/* for lg */
|
||||
|
||||
.custom-switch.custom-switch-lg .custom-control-label {
|
||||
padding-left: 3rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-lg .custom-control-label::before {
|
||||
height: 2rem;
|
||||
width: calc(3rem + 0.75rem);
|
||||
border-radius: 4rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-lg .custom-control-label::after {
|
||||
width: calc(2rem - 4px);
|
||||
height: calc(2rem - 4px);
|
||||
border-radius: calc(3rem - (2rem / 2));
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
|
||||
transform: translateX(calc(2rem - 0.25rem));
|
||||
}
|
||||
|
||||
/* for xl */
|
||||
|
||||
.custom-switch.custom-switch-xl .custom-control-label {
|
||||
padding-left: 4rem;
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-xl .custom-control-label::before {
|
||||
height: 2.5rem;
|
||||
width: calc(4rem + 0.75rem);
|
||||
border-radius: 5rem;
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-xl .custom-control-label::after {
|
||||
width: calc(2.5rem - 4px);
|
||||
height: calc(2.5rem - 4px);
|
||||
border-radius: calc(4rem - (2.5rem / 2));
|
||||
}
|
||||
|
||||
.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
|
||||
transform: translateX(calc(2.5rem - 0.25rem));
|
||||
}
|
||||
284
css/toggle.css
284
css/toggle.css
@@ -1,142 +1,142 @@
|
||||
/*\
|
||||
|*| ========================================================================
|
||||
|*| Bootstrap Toggle: bootstrap4-toggle.css v3.6.1
|
||||
|*| https://gitbrent.github.io/bootstrap4-toggle/
|
||||
|*| ========================================================================
|
||||
|*| Copyright 2018-2019 Brent Ely
|
||||
|*| Licensed under MIT
|
||||
|*| ========================================================================
|
||||
\*/
|
||||
|
||||
/*
|
||||
* @added 3.0.0: Return support for "*-xs" removed in Bootstrap-4
|
||||
* @see: [Comment](https://github.com/twbs/bootstrap/issues/21881#issuecomment-341972830)
|
||||
*/
|
||||
.btn-group-xs > .btn, .btn-xs {
|
||||
padding: .35rem .4rem .25rem .4rem;
|
||||
font-size: .875rem;
|
||||
line-height: .5;
|
||||
border-radius: 20rem;
|
||||
}
|
||||
|
||||
.checkbox label .toggle, .checkbox-inline .toggle {
|
||||
margin-left: -1.25rem;
|
||||
margin-right: .35rem;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.toggle.btn.btn-light, .toggle.btn.btn-outline-light {
|
||||
/* bootstrap-4 - add a border so toggle is delineated */
|
||||
border-color: rgba(0, 0, 0, .15);
|
||||
}
|
||||
.toggle input[type="checkbox"] {
|
||||
display: none;
|
||||
}
|
||||
.toggle-group {
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transition: left 0.35s;
|
||||
-webkit-transition: left 0.35s;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
.toggle-group label, .toggle-group span { cursor: pointer; }
|
||||
.toggle.off .toggle-group {
|
||||
left: -100%;
|
||||
}
|
||||
.toggle-on {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 50%;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 20rem;
|
||||
}
|
||||
.toggle-off {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 20rem;
|
||||
box-shadow: none; /* Bootstrap 4.0 Support via (Issue #186)[https://github.com/minhur/bootstrap-toggle/issues/186]) */
|
||||
}
|
||||
.toggle-handle {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
height: 100%;
|
||||
width: 0px;
|
||||
border-width: 0 1px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.toggle.btn-outline-primary .toggle-handle {
|
||||
background-color: var(--primary);
|
||||
border-color: var(--primary);
|
||||
}
|
||||
.toggle.btn-outline-secondary .toggle-handle {
|
||||
background-color: var(--secondary);
|
||||
border-color: var(--secondary);
|
||||
}
|
||||
.toggle.btn-outline-success .toggle-handle {
|
||||
background-color: var(--success);
|
||||
border-color: var(--success);
|
||||
}
|
||||
.toggle.btn-outline-danger .toggle-handle {
|
||||
background-color: var(--danger);
|
||||
border-color: var(--danger);
|
||||
}
|
||||
.toggle.btn-outline-warning .toggle-handle {
|
||||
background-color: var(--warning);
|
||||
border-color: var(--warning);
|
||||
}
|
||||
.toggle.btn-outline-info .toggle-handle {
|
||||
background-color: var(--info);
|
||||
border-color: var(--info);
|
||||
}
|
||||
.toggle.btn-outline-light .toggle-handle {
|
||||
background-color: var(--light);
|
||||
border-color: var(--light);
|
||||
}
|
||||
.toggle.btn-outline-dark .toggle-handle {
|
||||
background-color: var(--dark);
|
||||
border-color: var(--dark);
|
||||
}
|
||||
.toggle[class*="btn-outline"]:hover .toggle-handle {
|
||||
background-color: var(--light);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* NOTE: Must come first, so classes below override as needed */
|
||||
/* [default] (bootstrap-4.1.3 - .btn - h:38px) */
|
||||
.toggle.btn { min-width: 3.7rem; min-height: 2.15rem; }
|
||||
.toggle-on.btn { padding-right: 1.5rem; }
|
||||
.toggle-off.btn { padding-left: 1.5rem; }
|
||||
|
||||
/* `lg` (bootstrap-4.1.3 - .btn - h:48px) */
|
||||
.toggle.btn-lg { min-width: 5rem; min-height: 2.815rem; }
|
||||
.toggle-on.btn-lg { padding-right: 2rem; }
|
||||
.toggle-off.btn-lg { padding-left: 2rem; }
|
||||
.toggle-handle.btn-lg { width: 2.5rem; }
|
||||
|
||||
/* `sm` (bootstrap-4.1.3 - .btn - h:31px) */
|
||||
.toggle.btn-sm { min-width: 3.125rem; min-height: 1.938rem; }
|
||||
.toggle-on.btn-sm { padding-right: 1rem; }
|
||||
.toggle-off.btn-sm { padding-left: 1rem; }
|
||||
|
||||
/* `xs` (bootstrap-3.3 - .btn - h:22px) */
|
||||
.toggle.btn-xs { min-width: 2.19rem; min-height: 1.375rem; }
|
||||
.toggle-on.btn-xs { padding-right: .8rem; }
|
||||
.toggle-off.btn-xs { padding-left: .8rem; }
|
||||
/*\
|
||||
|*| ========================================================================
|
||||
|*| Bootstrap Toggle: bootstrap4-toggle.css v3.6.1
|
||||
|*| https://gitbrent.github.io/bootstrap4-toggle/
|
||||
|*| ========================================================================
|
||||
|*| Copyright 2018-2019 Brent Ely
|
||||
|*| Licensed under MIT
|
||||
|*| ========================================================================
|
||||
\*/
|
||||
|
||||
/*
|
||||
* @added 3.0.0: Return support for "*-xs" removed in Bootstrap-4
|
||||
* @see: [Comment](https://github.com/twbs/bootstrap/issues/21881#issuecomment-341972830)
|
||||
*/
|
||||
.btn-group-xs > .btn, .btn-xs {
|
||||
padding: .35rem .4rem .25rem .4rem;
|
||||
font-size: .875rem;
|
||||
line-height: .5;
|
||||
border-radius: 20rem;
|
||||
}
|
||||
|
||||
.checkbox label .toggle, .checkbox-inline .toggle {
|
||||
margin-left: -1.25rem;
|
||||
margin-right: .35rem;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.toggle.btn.btn-light, .toggle.btn.btn-outline-light {
|
||||
/* bootstrap-4 - add a border so toggle is delineated */
|
||||
border-color: rgba(0, 0, 0, .15);
|
||||
}
|
||||
.toggle input[type="checkbox"] {
|
||||
display: none;
|
||||
}
|
||||
.toggle-group {
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transition: left 0.35s;
|
||||
-webkit-transition: left 0.35s;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
.toggle-group label, .toggle-group span { cursor: pointer; }
|
||||
.toggle.off .toggle-group {
|
||||
left: -100%;
|
||||
}
|
||||
.toggle-on {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 50%;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 20rem;
|
||||
}
|
||||
.toggle-off {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 20rem;
|
||||
box-shadow: none; /* Bootstrap 4.0 Support via (Issue #186)[https://github.com/minhur/bootstrap-toggle/issues/186]) */
|
||||
}
|
||||
.toggle-handle {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
height: 100%;
|
||||
width: 0px;
|
||||
border-width: 0 1px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.toggle.btn-outline-primary .toggle-handle {
|
||||
background-color: var(--primary);
|
||||
border-color: var(--primary);
|
||||
}
|
||||
.toggle.btn-outline-secondary .toggle-handle {
|
||||
background-color: var(--secondary);
|
||||
border-color: var(--secondary);
|
||||
}
|
||||
.toggle.btn-outline-success .toggle-handle {
|
||||
background-color: var(--success);
|
||||
border-color: var(--success);
|
||||
}
|
||||
.toggle.btn-outline-danger .toggle-handle {
|
||||
background-color: var(--danger);
|
||||
border-color: var(--danger);
|
||||
}
|
||||
.toggle.btn-outline-warning .toggle-handle {
|
||||
background-color: var(--warning);
|
||||
border-color: var(--warning);
|
||||
}
|
||||
.toggle.btn-outline-info .toggle-handle {
|
||||
background-color: var(--info);
|
||||
border-color: var(--info);
|
||||
}
|
||||
.toggle.btn-outline-light .toggle-handle {
|
||||
background-color: var(--light);
|
||||
border-color: var(--light);
|
||||
}
|
||||
.toggle.btn-outline-dark .toggle-handle {
|
||||
background-color: var(--dark);
|
||||
border-color: var(--dark);
|
||||
}
|
||||
.toggle[class*="btn-outline"]:hover .toggle-handle {
|
||||
background-color: var(--light);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* NOTE: Must come first, so classes below override as needed */
|
||||
/* [default] (bootstrap-4.1.3 - .btn - h:38px) */
|
||||
.toggle.btn { min-width: 3.7rem; min-height: 2.15rem; }
|
||||
.toggle-on.btn { padding-right: 1.5rem; }
|
||||
.toggle-off.btn { padding-left: 1.5rem; }
|
||||
|
||||
/* `lg` (bootstrap-4.1.3 - .btn - h:48px) */
|
||||
.toggle.btn-lg { min-width: 5rem; min-height: 2.815rem; }
|
||||
.toggle-on.btn-lg { padding-right: 2rem; }
|
||||
.toggle-off.btn-lg { padding-left: 2rem; }
|
||||
.toggle-handle.btn-lg { width: 2.5rem; }
|
||||
|
||||
/* `sm` (bootstrap-4.1.3 - .btn - h:31px) */
|
||||
.toggle.btn-sm { min-width: 3.125rem; min-height: 1.938rem; }
|
||||
.toggle-on.btn-sm { padding-right: 1rem; }
|
||||
.toggle-off.btn-sm { padding-left: 1rem; }
|
||||
|
||||
/* `xs` (bootstrap-3.3 - .btn - h:22px) */
|
||||
.toggle.btn-xs { min-width: 2.19rem; min-height: 1.375rem; }
|
||||
.toggle-on.btn-xs { padding-right: .8rem; }
|
||||
.toggle-off.btn-xs { padding-left: .8rem; }
|
||||
|
||||
Reference in New Issue
Block a user