update
This commit is contained in:
Vendored
+5
File diff suppressed because one or more lines are too long
Vendored
+3757
File diff suppressed because it is too large
Load Diff
Vendored
+7
File diff suppressed because one or more lines are too long
Vendored
+7
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Vendored
+1706
File diff suppressed because it is too large
Load Diff
+287
@@ -0,0 +1,287 @@
|
||||
|
||||
/*------------------------------------
|
||||
- COLOR primary
|
||||
------------------------------------*/
|
||||
.alert-primary {
|
||||
color: #000000;
|
||||
background-color: #07a9ff;
|
||||
border-color: #009ef1;
|
||||
}
|
||||
|
||||
.alert-primary hr {
|
||||
border-top-color: #008dd8;
|
||||
}
|
||||
|
||||
.alert-primary .alert-link {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.badge-primary {
|
||||
color: #fff;
|
||||
background-color: #00263A;
|
||||
}
|
||||
|
||||
.badge-primary[href]:hover, .badge-primary[href]:focus {
|
||||
color: #fff;
|
||||
background-color: #ff0407;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: #00263A !important;
|
||||
}
|
||||
|
||||
a.bg-primary:hover, a.bg-primary:focus,
|
||||
button.bg-primary:hover,
|
||||
button.bg-primary:focus {
|
||||
background-color: #ff0407 !important;
|
||||
}
|
||||
|
||||
.border-primary {
|
||||
border-color: #00263A !important;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #00263A;
|
||||
border-color: #00263A;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
color: #fff;
|
||||
background-color: #000e16;
|
||||
border-color: #ff0407;
|
||||
}
|
||||
|
||||
.btn-primary:focus, .btn-primary.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5);
|
||||
}
|
||||
|
||||
.btn-primary.disabled, .btn-primary:disabled {
|
||||
color: #fff;
|
||||
background-color: #00263A;
|
||||
border-color: #00263A;
|
||||
}
|
||||
|
||||
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #ff0407;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
color: #00263A;
|
||||
background-color: transparent;
|
||||
border-color: #00263A;
|
||||
}
|
||||
|
||||
.btn-outline-primary:hover {
|
||||
color: #fff;
|
||||
background-color: #00263A;
|
||||
border-color: #00263A;
|
||||
}
|
||||
|
||||
.btn-outline-primary:focus, .btn-outline-primary.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
|
||||
color: #00263A;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #00263A;
|
||||
border-color: #00263A;
|
||||
}
|
||||
|
||||
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(0, 38, 58, 0.5);
|
||||
}
|
||||
|
||||
.list-group-item-primary {
|
||||
color: #000000;
|
||||
background-color: #009ef1;
|
||||
}
|
||||
|
||||
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
|
||||
color: #000000;
|
||||
background-color: #008dd8;
|
||||
}
|
||||
|
||||
.list-group-item-primary.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #000000;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
.table-primary,
|
||||
.table-primary > th,
|
||||
.table-primary > td {
|
||||
background-color: #009ef1;
|
||||
}
|
||||
|
||||
.table-hover .table-primary:hover {
|
||||
background-color: #008dd8;
|
||||
}
|
||||
|
||||
.table-hover .table-primary:hover > td,
|
||||
.table-hover .table-primary:hover > th {
|
||||
background-color: #008dd8;
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: #00263A !important;
|
||||
}
|
||||
|
||||
a.text-primary:hover, a.text-primary:focus {
|
||||
color: #ff0407 !important;
|
||||
}
|
||||
|
||||
|
||||
/*------------------------------------
|
||||
- COLOR secondary
|
||||
------------------------------------*/
|
||||
.alert-secondary {
|
||||
color: #73130d;
|
||||
background-color: #f9d0ce;
|
||||
border-color: #f7bfbc;
|
||||
}
|
||||
|
||||
.alert-secondary hr {
|
||||
border-top-color: #f4a9a5;
|
||||
}
|
||||
|
||||
.alert-secondary .alert-link {
|
||||
color: #460b08;
|
||||
}
|
||||
|
||||
.badge-secondary {
|
||||
color: #fff;
|
||||
background-color: #E1251B;
|
||||
}
|
||||
|
||||
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
|
||||
color: #fff;
|
||||
background-color: #b31d15;
|
||||
}
|
||||
|
||||
.bg-secondary {
|
||||
background-color: #E1251B !important;
|
||||
}
|
||||
|
||||
a.bg-secondary:hover, a.bg-secondary:focus,
|
||||
button.bg-secondary:hover,
|
||||
button.bg-secondary:focus {
|
||||
background-color: #b31d15 !important;
|
||||
}
|
||||
|
||||
.border-secondary {
|
||||
border-color: #E1251B !important;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
color: #fff;
|
||||
background-color: #E1251B;
|
||||
border-color: #E1251B;
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
color: #fff;
|
||||
background-color: #c11f17;
|
||||
border-color: #b31d15;
|
||||
}
|
||||
|
||||
.btn-secondary:focus, .btn-secondary.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5);
|
||||
}
|
||||
|
||||
.btn-secondary.disabled, .btn-secondary:disabled {
|
||||
color: #fff;
|
||||
background-color: #E1251B;
|
||||
border-color: #E1251B;
|
||||
}
|
||||
|
||||
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #b31d15;
|
||||
border-color: #a51b13;
|
||||
}
|
||||
|
||||
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
color: #E1251B;
|
||||
background-color: transparent;
|
||||
border-color: #E1251B;
|
||||
}
|
||||
|
||||
.btn-outline-secondary:hover {
|
||||
color: #fff;
|
||||
background-color: #E1251B;
|
||||
border-color: #E1251B;
|
||||
}
|
||||
|
||||
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5);
|
||||
}
|
||||
|
||||
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
|
||||
color: #E1251B;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #E1251B;
|
||||
border-color: #E1251B;
|
||||
}
|
||||
|
||||
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.2rem rgba(225, 37, 27, 0.5);
|
||||
}
|
||||
|
||||
.list-group-item-secondary {
|
||||
color: #73130d;
|
||||
background-color: #f7bfbc;
|
||||
}
|
||||
|
||||
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
|
||||
color: #73130d;
|
||||
background-color: #f4a9a5;
|
||||
}
|
||||
|
||||
.list-group-item-secondary.list-group-item-action.active {
|
||||
color: #fff;
|
||||
background-color: #73130d;
|
||||
border-color: #73130d;
|
||||
}
|
||||
|
||||
.table-secondary,
|
||||
.table-secondary > th,
|
||||
.table-secondary > td {
|
||||
background-color: #f7bfbc;
|
||||
}
|
||||
|
||||
.table-hover .table-secondary:hover {
|
||||
background-color: #f4a9a5;
|
||||
}
|
||||
|
||||
.table-hover .table-secondary:hover > td,
|
||||
.table-hover .table-secondary:hover > th {
|
||||
background-color: #f4a9a5;
|
||||
}
|
||||
|
||||
.text-secondary {
|
||||
color: #E1251B !important;
|
||||
}
|
||||
|
||||
a.text-secondary:hover, a.text-secondary:focus {
|
||||
color: #b31d15 !important;
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
.humberto_6 {
|
||||
width: 407px;
|
||||
height: calc(4872px / 8);
|
||||
background: url(../img/sprites/humberto_6.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
|
||||
.humberto_6.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
|
||||
.humberto_6.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
|
||||
.humberto_5 {
|
||||
width: 462px;
|
||||
height: calc(3164px / 7);
|
||||
background: url(../img/sprites/humberto_5.png) 0 0;
|
||||
background-size: auto 700%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
|
||||
.humberto_5.play {
|
||||
-webkit-animation: play 1.6s steps(6) infinite;
|
||||
-moz-animation: play 1.6s steps(6) infinite;
|
||||
-o-animation: play 1.6s steps(6) infinite;
|
||||
animation: play 1.6s steps(6) infinite;
|
||||
}
|
||||
|
||||
.humberto_5.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
|
||||
.sentada-izq {
|
||||
width: 363px;
|
||||
height: calc(3704px / 8);
|
||||
background: url(../img/sprites/sentada-izq.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
|
||||
.sentada-izq.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
|
||||
.sentada-izq.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
.lds-roller{display:inline-block;position:relative;width:80px;height:80px;}
|
||||
.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:40px 40px;}
|
||||
.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#ff6406;margin:-4px 0 0 -4px;}
|
||||
.lds-roller div:nth-child(1){animation-delay:-0.036s;}
|
||||
.lds-roller div:nth-child(1):after{top:63px;left:63px;}
|
||||
.lds-roller div:nth-child(2){animation-delay:-0.072s;}
|
||||
.lds-roller div:nth-child(2):after{top:68px;left:56px;}
|
||||
.lds-roller div:nth-child(3){animation-delay:-0.108s;}
|
||||
.lds-roller div:nth-child(3):after{top:71px;left:48px;}
|
||||
.lds-roller div:nth-child(4){animation-delay:-0.144s;}
|
||||
.lds-roller div:nth-child(4):after{top:72px;left:40px;}
|
||||
.lds-roller div:nth-child(5){animation-delay:-0.18s;}
|
||||
.lds-roller div:nth-child(5):after{top:71px;left:32px;}
|
||||
.lds-roller div:nth-child(6){animation-delay:-0.216s;}
|
||||
.lds-roller div:nth-child(6):after{top:68px;left:24px;}
|
||||
.lds-roller div:nth-child(7){animation-delay:-0.252s;}
|
||||
.lds-roller div:nth-child(7):after{top:63px;left:17px;}
|
||||
.lds-roller div:nth-child(8){animation-delay:-0.288s;}
|
||||
.lds-roller div:nth-child(8):after{top:56px;left:12px;}
|
||||
@keyframes lds-roller{
|
||||
0%{transform:rotate(0deg);}
|
||||
100%{transform:rotate(360deg);}
|
||||
}
|
||||
body,
|
||||
html{font-size:23px;overflow:hidden;height:100%;width:100%;padding:0;margin:0;background-color:#FFF;font-family:'Muli';line-height:1.3;color: #333;}
|
||||
.wcontainer{position:absolute;top:0;overflow:hidden;width:1365px;height:768px;}
|
||||
.wloader{display:-ms-flexbox;display:flex;background-color:rgba(0,0,0,.7);position:absolute;z-index:99;height:100%;width:100%;}
|
||||
.wmenu{position:absolute;z-index:90;height:100%;width:100%;left:-100%;background-color:#3A4D63;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;display:-ms-flexbox;display:flex;overflow: auto; overflow-x: hidden;}
|
||||
.wmenu.open{left:0;}
|
||||
.container,
|
||||
.container-fluid{width:100%!important;max-width:100%!important;margin:0!important;}
|
||||
.header{width:100%;height:65px;z-index: 999;}
|
||||
.soportemenu{background-color:#FFF;height:75px;right:20px;top:0px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
|
||||
|
||||
.footer{width:100%;height:67px;bottom:0;left:0;background-color:#FFFFFD;z-index: 1001;}
|
||||
.instruccionsco{height:67px;float:right;background-color:red;display:inline;font-size: 21px;}
|
||||
.footer .wnavs{height:67px;top:0;left:0;right:0;margin:0 auto;width:273px;background-size:cover;background-position:center center;position:absolute;}
|
||||
.footer .btn-sound-control-sco{background-color:#91A7BB;width:67px;height:67px;display:table-cell;vertical-align:middle;border-top-right-radius:30px;}
|
||||
.btn__atras{position:absolute;top:4px;left:13px;}
|
||||
.__paginacion{position:absolute;top:15px;left:95px;color:#FFF;font-weight:bold;font-size:28px;}
|
||||
.btn__siguiente{position:absolute;top:4px;left:226px;}
|
||||
[class*="btn"]{cursor:pointer;}
|
||||
.wcontainer{font-size:23px;}
|
||||
.curso-progress{width:50%;position:relative;}
|
||||
.menu_nombrecurso{font-size:34px;margin-bottom:1em;font-weight:bold;color:#E1251B;}
|
||||
.itemsmenu{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;font-size:20px;}
|
||||
[class*="menu_wtema"],
|
||||
.btn_menu_tema{padding:5px;padding-left:1em;margin-bottom:.323em;}
|
||||
.menu_nombremodulo{color:#E1251B;}
|
||||
[class*="menu_wtema"] div:not(.btn_menu_padre){padding-left:2em;}
|
||||
[class*="menu_modulo"]{margin-bottom:1em;}
|
||||
.btn_menu_tema{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
|
||||
.btn_menu_tema.actual,
|
||||
.btn_menu_tema:hover{background-color:#000;}
|
||||
.btn_menu_padre:before{content:'\f146';display:inline-block;font-family:"Font Awesome 5 Pro";padding-right:1em;}
|
||||
.btn_menu_padre.close_menu_items::before{content:'\f0fe';}
|
||||
.btn_menu_padre .btn_menu_tema{padding-left:2em;}
|
||||
.instruccionsco{height:67px;float:right;display:inline;position:absolute;top:0;right:0;padding-left:1em;padding-right:1em;
|
||||
|
||||
background-color:#FFF;color:#4F5159;border-top-left-radius:30px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out; display: table; max-width: 480px;
|
||||
|
||||
}
|
||||
.instruccionsco p { display: table-cell; vertical-align: middle; }
|
||||
.subtenma.abierto{left:0!important;}
|
||||
div.subtenma.abierto > div.btn-show-subs > i.far.fa-chevron-right{display:none;}
|
||||
div.subtenma > div.btn-show-subs > i.far.fa-chevron-right{display:inline;}
|
||||
div.subtenma.abierto > div.btn-show-subs > i.far.fa-chevron-left{display:inline;}
|
||||
div.subtenma > div.btn-show-subs > i.far.fa-chevron-left{display:none;}
|
||||
.subtenma{position:absolute;left:0;top:70px;padding:.285em;background-color:transparent;border-top-right-radius:15px;border-bottom-right-radius:15px;color:#FFF;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;z-index: 35;}
|
||||
/*.scofullscreen { height: 100% !important; top:0; }*/
|
||||
/**************************************************************/
|
||||
/*.section_charge { height: 636px; }*/
|
||||
.section_charge p,h1,h2,h3,h4,h5 { line-height: 1.2; }
|
||||
ul.bullet0 { list-style-image: url(../img/template/bullet_img0.png); }
|
||||
ul.bullet1 { list-style-image: url(../img/template/bullet_img1.png); }
|
||||
.wcontainer .swal2-container { height: 100% !important; }
|
||||
.wcontainer .swal2-content { font-size: 23px; }
|
||||
.wcontainer .swal2-title { font-size: 32px; }
|
||||
|
||||
.title_ { color: #b9230f;}
|
||||
|
||||
.sco .swal2-container { height: 635px !important; position: absolute; background-color: rgba(22,40,68,.8)!important; overflow: hidden!important; }
|
||||
.sco .swal2-popup.popup-class .swal2-content { color: #000; font-size: 24px; }
|
||||
.sco .swal2-popup.pop-nota { border-bottom-left-radius: 121px; border-bottom: 8px solid rgba(255,255,255,.4); border-left: 8px solid rgba(255,255,255,.4); }
|
||||
.sco .swal2-content { font-size: 24px; }
|
||||
.sco .swal2-close { position: absolute; width: 55px; height: 59px; font-size: inherit!important; top: 5px; right: 7px; }
|
||||
/********************** Rotate Cards *************************/
|
||||
.blocknav { opacity: .5; cursor: not-allowed; }
|
||||
button { outline: none!important; border: 0!important;}
|
||||
+257
@@ -0,0 +1,257 @@
|
||||
@-webkit-keyframes play{
|
||||
0%{background-position:50% 0%;}
|
||||
100%{background-position:50% 100%;}
|
||||
}
|
||||
@-moz-keyframes play{
|
||||
0%{background-position:50% 0%;}
|
||||
100%{background-position:50% 100%;}
|
||||
}
|
||||
@-o-keyframes play{
|
||||
0%{background-position:50% 0%;}
|
||||
100%{background-position:50% 100%;}
|
||||
}
|
||||
@keyframes play{
|
||||
0%{background-position:50% 0%;}
|
||||
100%{background-position:50% 100%;}
|
||||
}
|
||||
|
||||
/***** MARCOS ******/
|
||||
.personaje_m_0 {
|
||||
width: 353px;
|
||||
height: calc(4124px / 8);
|
||||
background: url(../img/sprites/marco_0.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_0.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_m_0.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_1 {
|
||||
width: 257px;
|
||||
height: calc(3640px / 8);
|
||||
background: url(../img/sprites/marco_1.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_1.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_m_1.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_2 {
|
||||
width: 257px;
|
||||
height: calc(3632px / 8);
|
||||
background: url(../img/sprites/marco_2.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% -454px;
|
||||
}
|
||||
.personaje_m_2.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_m_2.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_4 {
|
||||
width: 161px;
|
||||
height: calc(1282px / 8);
|
||||
background: url(../img/sprites/marco_4.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_4.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_m_4.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_6 {
|
||||
width: 400px;
|
||||
height: calc(3704px / 8);
|
||||
background: url(../img/sprites/marco_6.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_6.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_m_6.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_7 {
|
||||
width: 400px;
|
||||
height: calc(3704px / 8);
|
||||
background: url(../img/sprites/marco_7.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_7.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_m_7.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_8 {
|
||||
width: 246px;
|
||||
height: calc(4256px / 8);
|
||||
background: url(../img/sprites/marco_8.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_8.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_m_8.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_9 {
|
||||
width: 199px;
|
||||
height: calc(2372px / 8);
|
||||
background: url(../img/sprites/marco_9.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_m_9.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_m_9.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
/***** RUBEN *****/
|
||||
.personaje_r_1 {
|
||||
width: 256px;
|
||||
height: calc(3464px / 8);
|
||||
background: url(../img/sprites/ruben_1.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_1.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_r_1.stop {
|
||||
background-position: 50% -1299px;
|
||||
}
|
||||
.personaje_r_2 {
|
||||
width: 256px;
|
||||
height: calc(3456px / 8);
|
||||
background: url(../img/sprites/ruben_2.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_2.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_r_2.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_3 {
|
||||
width: 448px;
|
||||
height: calc(3584px / 8);
|
||||
background: url(../img/sprites/ruben_3.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_3.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_r_3.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_4 {
|
||||
width: 161px;
|
||||
height: calc(1287px / 8);
|
||||
background: url(../img/sprites/ruben_4.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_4.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_r_4.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_5 {
|
||||
width: 271px;
|
||||
height: calc(3568px / 8);
|
||||
background: url(../img/sprites/ruben_5.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_5.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_r_5.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_6 {
|
||||
width: 271px;
|
||||
height: calc(3568px / 8);
|
||||
background: url(../img/sprites/ruben_6.png) 0 0;
|
||||
background-size: auto 800%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.personaje_r_6.play {
|
||||
-webkit-animation: play 1.6s steps(7) infinite;
|
||||
-moz-animation: play 1.6s steps(7) infinite;
|
||||
-o-animation: play 1.6s steps(7) infinite;
|
||||
animation: play 1.6s steps(7) infinite;
|
||||
}
|
||||
.personaje_r_6.stop {
|
||||
background-position: 50% 0;
|
||||
}
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,54 @@
|
||||
.f18{font-size:18px;}
|
||||
.f19{font-size:19px;}
|
||||
.f20{font-size:20px;}
|
||||
.f21{font-size:21px;}
|
||||
.f22{font-size:22px;}
|
||||
.f23{font-size:23px;}
|
||||
.f24{font-size:24px;}
|
||||
.f25{font-size:25px;}
|
||||
.f26{font-size:26px;}
|
||||
.f27{font-size:27px;}
|
||||
.f28{font-size:28px;}
|
||||
.f29{font-size:29px;}
|
||||
.f30{font-size:30px;}
|
||||
.f31{font-size:31px;}
|
||||
.f32{font-size:32px;}
|
||||
.f33{font-size:33px;}
|
||||
.f34{font-size:34px;}
|
||||
.f35{font-size:35px;}
|
||||
.f36{font-size:36px;}
|
||||
.f37{font-size:37px;}
|
||||
.f38{font-size:38px;}
|
||||
.f39{font-size:39px;}
|
||||
.f40{font-size:40px;}
|
||||
.f41{font-size:41px;}
|
||||
.f42{font-size:42px;}
|
||||
.f43{font-size:43px;}
|
||||
.f44{font-size:44px;}
|
||||
.f45{font-size:45px;}
|
||||
.f46{font-size:46px;}
|
||||
.f47{font-size:47px;}
|
||||
.f48{font-size:48px;}
|
||||
.f49{font-size:49px;}
|
||||
.f50{font-size:50px;}
|
||||
.f51{font-size:51px;}
|
||||
.f52{font-size:52px;}
|
||||
.f53{font-size:53px;}
|
||||
.f54{font-size:54px;}
|
||||
.f55{font-size:55px;}
|
||||
.f56{font-size:56px;}
|
||||
.f57{font-size:57px;}
|
||||
.f58{font-size:58px;}
|
||||
.f59{font-size:59px;}
|
||||
.f60{font-size:60px;}
|
||||
.f61{font-size:61px;}
|
||||
.f62{font-size:62px;}
|
||||
.f63{font-size:63px;}
|
||||
.f64{font-size:64px;}
|
||||
.f65{font-size:65px;}
|
||||
.f66{font-size:66px;}
|
||||
.f67{font-size:67px;}
|
||||
.f68{font-size:68px;}
|
||||
.f69{font-size:69px;}
|
||||
.f70{font-size:70px;}
|
||||
|
||||
Reference in New Issue
Block a user