Initial Commit
This commit is contained in:
Cloud User
BIN
css/bg-progress-bar.png
Normal file
BIN
css/bg-progress-bar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
1
css/bootstrap-ulsa.min.css
vendored
Normal file
1
css/bootstrap-ulsa.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
39
css/calendar.css
Normal file
39
css/calendar.css
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
|
||||
46
css/checador.css
Normal file
46
css/checador.css
Normal file
@@ -0,0 +1,46 @@
|
||||
|
||||
body {
|
||||
font-family: 'indivisa-text';
|
||||
/*background-image: linear-gradient(rgba(0,29,104, 0.3), rgba(0,29,104, 0.3)), url('../imagenes/fondochecador.png');*/
|
||||
background-image: url('../imagenes/fondochecador.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hora{font-size: 4rem; border-right: 2px solid #d21034; line-height: 1.1; padding-bottom: 8px;}
|
||||
.fecha{font-size: 1.9rem; line-height: 1.2em; }
|
||||
.facultad{font-size: 1.5rem; font-weight: bold; color: #aaa;}
|
||||
.checa-box{width:800px; min-height: 380px; -webkit-box-shadow: 0px 0px 5px 1px rgba(150,150,150,0.2); -moz-box-shadow: 0px 0px 5px 1px rgba(150,150,150,0.2); box-shadow: 0px 0px 5px 1px rgba(150,150,150,0.2);}
|
||||
|
||||
h1, h2, h3 {letter-spacing: 1px; position: relative; color: #001e61;}
|
||||
.subtitle:before{ content: ''; position: absolute; bottom: -8px; left: 0; width: 80px; display: block; background: #d21034; height: 3px; }
|
||||
|
||||
.text-big{font-size:3.6rem;}
|
||||
#list-result{font-size:1.15rem;}
|
||||
#list-result li{margin:0.2em 0; border-bottom: 1px dashed #969696;}
|
||||
|
||||
.text-clave{ outline: none; color: #b7b7b7 !important; background: transparent; border: 1px solid #dbdcdd; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: 300; vertical-align: middle; text-align:center; padding: 10px 20px;}
|
||||
.text-clave:focus{ color: #001d68 !important; border-color: #001d68;}
|
||||
.sin-servicio, .text-clave{font-size:1.7rem;}
|
||||
.aviso{ font-size:120%;}
|
||||
.mensaje{ font-size: 7vh; }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.hora{ font-size: 3.2rem;}
|
||||
.fecha{font-size: 1.4rem;}
|
||||
.checa-box{width:100%;}
|
||||
.text-big{font-size:3rem;}
|
||||
.sin-servicio, .text-clave{font-size:1.2rem;}
|
||||
}
|
||||
@media (max-width: 576px) {
|
||||
.hora{font-size: 2rem !important;}
|
||||
.fecha, .titulo{font-size: 1rem;}
|
||||
#logo{width: 75%;}
|
||||
.facultad{font-size: 1.2rem}
|
||||
.text-big{font-size:2.8rem;}
|
||||
|
||||
}
|
||||
BIN
css/cif-icons-20xy.png
Normal file
BIN
css/cif-icons-20xy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
143
css/clockpicker.css
Normal file
143
css/clockpicker.css
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
10
css/custominputfile.min.css
vendored
Normal file
10
css/custominputfile.min.css
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
/*
|
||||
jQuery Custom Input File Plugin - version 1.0
|
||||
Copyright 2014, Ángel Espro, www.aesolucionesweb.com.ar,
|
||||
Licence : GNU General Public License
|
||||
|
||||
Site: www.aesolucionesweb.com.ar/plugins/custom-input-file
|
||||
|
||||
You must not remove these lines. Read gpl.txt for further legal information.
|
||||
*/
|
||||
.cif-file-picker{position:relative;width:380px;height:180px;padding:0;border:4px dashed rgba(0,0,0,.2);display:table-cell;vertical-align:middle;text-align:center;opacity:.5;box-sizing:border-box;-moz-box-sizing:border-box}.cif-icon-picker{background:url(cif-icons-20xy.png) 0 0 no-repeat;width:80px;height:60px;display:inline-block}.cif-file-picker h3{margin:0;font-size:20px;text-align:center}.cif-file-picker p{margin:0 0 10px 0;font-size:16px;text-align:center}.cif-file-picker:hover{opacity:1}.cif-file-picker.dragover:not(.inactive){border-color:#46be5e;opacity:1;box-shadow:0 0 50px rgba(0,0,0,.5)}.cif-file-picker.inactive{opacity:.2}.cif-file-picker.inactive.dragover{cursor:pointer}.cif-parent{position:relative;margin-bottom:10px}.foto-file-row .field-wr-int{position:relative}.cif-close{opacity:.5;text-indent:-100000px;width:14px;height:14px;cursor:default;color:#555;background:url(cif-icons-20xy.png) 0px -60px no-repeat}.cif-file-container.cif-type-image .cif-close{top:0px;left:0px;position:absolute}.cif-close:hover{opacity:1}.cif-file-container.cif-container-all-type .cif-file-row{margin:10px 0}.cif-file-container.cif-container-all-type .cif-parent{max-width:380px;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px 10px 10px 30px;border:1px solid #dfdfdf;background:#F4F4F4}.cif-file-container.cif-container-all-type .cif-all-type{font-size:13px;line-height:16px}.cif-file-container.cif-container-all-type .cif-close{top:50%;margin-top:-7px;left:5px;position:absolute}.cif-file-container.cif-container-all-type .cif-file-size{opacity:.8}.cif-file-container.cif-container-image-type .cif-file-row{border-bottom:1px solid #f2f2f2;padding:20px 0}.cif-file-container.cif-container-image-type .cif-parent{padding-top:30px}.cif-file-container.cif-container-image-type .cif-close{top:5px}.cif-img{max-height:300px;max-width:380px}#cif-msg-wr{font-size:13px;position:fixed;z-index:10000;top:100px;right:20px;max-width:50%;padding:15px;background:#fff;border:1px solid #dfdfdf;box-shadow:3px 3px 6px rgba(0,0,0,.5)}#cif-msg-wr .cif-msg-close{opacity:.5;position:absolute;right:0;top:0;width:16px;height:16px;text-indent:-100000px;background:url(cif-icons-20xy.png) 0 -75px no-repeat}#cif-msg-wr .cif-msg-close:hover{opacity:1}.cif-msg-icon{padding:0 10px;font-size:8px}.cif-msg-icon-error{background:url(cif-icons-20xy.png) 0 -120px no-repeat}.cif-msg-icon-ok{background:url(cif-icons-20xy.png) 0 -100px no-repeat}.cf-progressbar-wr{position:fixed;top:0;left:0;background:rgba(0,0,0,.7);width:100%;height:100%;z-index:50000}.cf-progressbar{height:12px;position:absolute;top:50%;margin-top:-6px;left:50%;margin-left:-125px;width:250px;background:#dadada;padding:2px;box-sizing:border-box;border:1px solid #000}.cf-progressbar>span{display:block;height:100%;background:rgb(43,194,83);background-image:url(bg-progress-bar.png);position:relative;transition:width 200ms;overflow:hidden}.jcrop-holder .preview-pane{display:block;position:absolute;z-index:2000;top:00px;left:102%;padding:6px;border:1px rgba(0,0,0,.4) solid;background-color:white;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.2)}.preview-pane .preview-container{overflow:hidden}
|
||||
5
css/fa_all.css
Normal file
5
css/fa_all.css
Normal file
File diff suppressed because one or more lines are too long
BIN
css/images/ui-icons_444444_256x240.png
Normal file
BIN
css/images/ui-icons_444444_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
BIN
css/images/ui-icons_555555_256x240.png
Normal file
BIN
css/images/ui-icons_555555_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
css/images/ui-icons_777620_256x240.png
Normal file
BIN
css/images/ui-icons_777620_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
css/images/ui-icons_777777_256x240.png
Normal file
BIN
css/images/ui-icons_777777_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
BIN
css/images/ui-icons_cc0000_256x240.png
Normal file
BIN
css/images/ui-icons_cc0000_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
css/images/ui-icons_ffffff_256x240.png
Normal file
BIN
css/images/ui-icons_ffffff_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
30
css/index.css
Normal file
30
css/index.css
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
}
|
||||
492
css/indivisa.css
Normal file
492
css/indivisa.css
Normal file
@@ -0,0 +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";
|
||||
}
|
||||
7
css/jquery-ui.css
vendored
Normal file
7
css/jquery-ui.css
vendored
Normal file
File diff suppressed because one or more lines are too long
105
css/lasalle.css
Normal file
105
css/lasalle.css
Normal file
@@ -0,0 +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";}
|
||||
.icon-chk:before {content: "\e935";}
|
||||
190
css/richtext.css
Normal file
190
css/richtext.css
Normal file
@@ -0,0 +1,190 @@
|
||||
.richText {
|
||||
position: relative;
|
||||
border: 1px solid #D6D8D8;
|
||||
background: #D6D8D8;
|
||||
width: 100%;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: left;/*center*/
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a {
|
||||
display: block;
|
||||
padding: 0.25rem 0.5rem;
|
||||
cursor: pointer;
|
||||
-webkit-transition: color 0.4s;
|
||||
-moz-transition: color 0.4s;
|
||||
transition: color 0.4s;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a:hover {
|
||||
color: #001d68;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .fa, .richText .richText-toolbar ul li a .fas, .richText .richText-toolbar ul li a .far, .richText .richText-toolbar ul li a svg {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li[data-disable="true"] {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li[data-disable="true"] a {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul:after {
|
||||
display: block;
|
||||
content: "";
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar:last-child {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar:after {
|
||||
display: block;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.richText .richText-form select {cursor: pointer;}
|
||||
|
||||
.richText .richText-editor {
|
||||
padding: 0.5rem;
|
||||
background-color: #FFFFFF;
|
||||
height: 15rem;
|
||||
outline: none;
|
||||
overflow-y: scroll;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
|
||||
position: relative;
|
||||
z-index:10;
|
||||
display: block;
|
||||
margin: 3% auto 0 auto;
|
||||
background-color: #D6D8D8;
|
||||
border: 0.1rem solid #777777;
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.75rem;
|
||||
padding-top: 1.5rem;
|
||||
max-width: 90%;
|
||||
-webkit-box-shadow: 0 0 5px 0 #777777;
|
||||
-moz-box-shadow: 0 0 5px 0 #777777;
|
||||
box-shadow: 0 0 5px 0 #777777;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
|
||||
position: absolute;
|
||||
top: 0.25rem;
|
||||
right: 0.5rem;
|
||||
color: #CE0E2D;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close:hover {
|
||||
opacity: 0.5
|
||||
}
|
||||
|
||||
.richText-form-item{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.richText .richText-form label {
|
||||
display: flex;
|
||||
align-items: left;/*center*/
|
||||
padding: 0.375rem 0.75rem;
|
||||
margin-bottom: 0;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
font-weight: 600;
|
||||
text-align: left;/*center*/
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.richText .richText-form input[type="text"], .richText .richText-form input[type="file"], .richText .richText-form input[type="number"], .richText .richText-form select {
|
||||
display: block;
|
||||
height: calc(1.5em + 0.75rem + 2px);
|
||||
padding: 0.375rem 0.75rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #777777;
|
||||
background-color: #FFFFFF;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #D6D8DB;
|
||||
border-radius: 0.25rem;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
position: relative;
|
||||
flex: 1 1 auto;
|
||||
width: 1%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {list-style: none;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {display: block;float: none;font-family: Calibri,Verdana,Helvetica,sans-serif;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {display: block;padding: 10px 15px;border-bottom: #EFEFEF solid 1px;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {background-color: #FFFFFF;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {margin: 10px 6px;float: left;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {display: block;padding: 0;margin: 0;border: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 10px 0 #999;-moz-box-shadow: 0 0 10px 0 #999;box-shadow: 0 0 10px 0 #999;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {display: block;height: 30px;width: 30px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
|
||||
|
||||
|
||||
.richText .richText-undo, .richText .richText-redo {
|
||||
float: left;
|
||||
display: block;
|
||||
padding: 0.5rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.richText .richText-undo.is-disabled, .richText .richText-redo.is-disabled {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.richText .richText-help {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*
|
||||
.richText .richText-initial {margin-bottom: -4px;padding: 10px;background-color: #282828;border: none;color: #33FF33;font-family: Monospace,Calibri,Verdana,Helvetica,sans-serif;max-width: 100%;min-width: 100%;width: 100%;min-height: 400px;height: 400px;}
|
||||
.richText .richText-editor ul, .richText .richText-editor ol {margin: 10px 25px;}
|
||||
.richText .richText-editor:focus {border-left: #3498db solid 2px;}
|
||||
.richText .richText-editor table {margin: 10px 0;border-spacing: 0;width: 100%;}
|
||||
.richText .richText-editor table td, .richText .richText-editor table th {padding: 10px;border: #EFEFEF solid 1px;}
|
||||
.richText .richText-help {float: right;display: block;padding: 10px 15px;cursor: pointer;}
|
||||
.richText .richText-help-popup a {color: #3498db;text-decoration: underline;}
|
||||
.richText .richText-help-popup hr {margin: 10px auto 5px auto;border: none;border-top: #EFEFEF solid 1px;}
|
||||
.richText .richText-list.list-rightclick {position: absolute;background-color: #FAFAFA;border-right: #EFEFEF solid 1px;border-bottom: #EFEFEF solid 1px;}
|
||||
.richText .richText-list.list-rightclick li {padding: 5px 7px;cursor: pointer;list-style: none;}*/
|
||||
1085
css/sgi.css
Normal file
1085
css/sgi.css
Normal file
File diff suppressed because it is too large
Load Diff
99
css/style.css
Normal file
99
css/style.css
Normal file
@@ -0,0 +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));
|
||||
}
|
||||
142
css/toggle.css
Normal file
142
css/toggle.css
Normal file
@@ -0,0 +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; }
|
||||
Reference in New Issue
Block a user