andros/Logros-de-la-vida
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

primer commit

Browse Source
This commit is contained in:
Andros Fenollosa
2014-07-20 15:36:23 +02:00
parent f9d25ed389
commit ce40cf0872
46 changed files with 10953 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

347
css/bootstrap-theme.css vendored Executable file
View File

@ -0,0 +1,347 @@
/*!
* Bootstrap v3.1.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn:active,
.btn.active {
background-image: none;
}
.btn-default {
text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #dbdbdb;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
background-color: #e0e0e0;
background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
background-color: #e0e0e0;
border-color: #dbdbdb;
}
.btn-primary {
background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #2d6ca2;
background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
background-color: #2d6ca2;
border-color: #2b669a;
}
.btn-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
background-color: #419641;
background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
background-color: #419641;
border-color: #3e8f3e;
}
.btn-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
background-color: #2aabd2;
background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
background-color: #2aabd2;
border-color: #28a4c9;
}
.btn-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
background-color: #eb9316;
background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
background-color: #eb9316;
border-color: #e38d13;
}
.btn-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
background-color: #c12e2a;
background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
background-color: #c12e2a;
border-color: #b92c28;
}
.thumbnail,
.img-thumbnail {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #e8e8e8;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #357ebd;
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.navbar-default {
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
.navbar-inverse {
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
}
.navbar-inverse .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
.alert {
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
background-repeat: repeat-x;
border-color: #b2dba1;
}
.alert-info {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
background-repeat: repeat-x;
border-color: #9acfea;
}
.alert-warning {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
background-repeat: repeat-x;
border-color: #f5e79e;
}
.alert-danger {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
background-repeat: repeat-x;
border-color: #dca7a7;
}
.progress {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar {
background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
background-repeat: repeat-x;
}
.list-group {
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
text-shadow: 0 -1px 0 #3071a9;
background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
background-repeat: repeat-x;
border-color: #3278b3;
}
.panel {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.panel-success > .panel-heading {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
background-repeat: repeat-x;
}
.panel-info > .panel-heading {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
background-repeat: repeat-x;
}
.well {
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
/*# sourceMappingURL=bootstrap-theme.css.map */

1
css/bootstrap-theme.css.map Executable file
View File

File diff suppressed because one or more lines are too long

7
css/bootstrap-theme.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

5785
css/bootstrap.css vendored Executable file
View File

File diff suppressed because it is too large Load Diff

1
css/bootstrap.css.map Executable file
View File

File diff suppressed because one or more lines are too long

7
css/bootstrap.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

1
css/crearCuenta.css Normal file
View File

@ -0,0 +1 @@
#cajaTitulo h2{background-color:#52c6de}#botonRegistrarse,#botonVolver{background-color:#52c6de;color:#fff;border:none}#botonRegistrarse{background-color:#f76b39}#botonVolver{background-color:#d94d43}#botonRegistrarse:hover,#botonVolver:hover{border-left:5px solid #fff;border-right:5px solid #fff}button{display:block;margin:0 auto;width:180px;color:#fff;background-image:none;transition:all 1s}.row{text-align:center}.errorForm{border:5px solid #d94d43}

36
css/crearCuenta.less Normal file
View File

@ -0,0 +1,36 @@
@colorAzulClaro: #52C6DE;
@colorRojo: #D94D43;
@colorNaranja: #F76B39;
#cajaTitulo h2 {
background-color: @colorAzulClaro;
}
#botonRegistrarse, #botonVolver {
background-color: @colorAzulClaro;
color: white;
border: none;
}
#botonRegistrarse {
background-color: @colorNaranja;
}
#botonVolver {
background-color: @colorRojo;
}
#botonRegistrarse:hover, #botonVolver:hover {
border-left: 5px solid white;
border-right: 5px solid white;
}
button {
display: block;
margin: 0 auto;
width: 180px;
color: white;
background-image: none;
transition: all 1s;
}
.row {
text-align: center;
}
.errorForm {
border: 5px solid @colorRojo;
}

4
css/font-awesome.min.css vendored Executable file
View File

File diff suppressed because one or more lines are too long

1
css/index.css Normal file
View File

@ -0,0 +1 @@
body{background-image:url('../img/copa.png');background-repeat:no-repeat;background-position:190% 190%;background-attachment:fixed;background-size:80%}button{display:block;margin:0 auto;width:180px;color:#fff;background-image:none;transition:all 1s}#botonCrearCuenta,#botonEntrar{background-color:#52c6de;color:#fff;border:none}#botonCrearCuenta:hover,#botonEntrar:hover{border-left:5px solid #fff;border-right:5px solid #fff}.row{text-align:center}

31
css/index.less Normal file
View File

@ -0,0 +1,31 @@
//Variables
@colorAzulClaro: #52C6DE;
@colorAzulOscuro: #4A5A6B;
body {
background-image: url('../img/copa.png');
background-repeat: no-repeat;
background-position: 190% 190%;
background-attachment:fixed;
background-size: 80% ;
}
button {
display: block;
margin: 0 auto;
width: 180px;
color: white;
background-image: none;
transition: all 1s;
}
#botonCrearCuenta, #botonEntrar {
background-color: @colorAzulClaro;
color: white;
border: none;
}
#botonCrearCuenta:hover, #botonEntrar:hover {
border-left: 5px solid white;
border-right: 5px solid white;
}
.row {
text-align: center;
}

1
css/main.css Executable file
View File

@ -0,0 +1 @@
@font-face{font-family:champage;src:url('../fonts/champage.ttf')}body{padding-top:50px;padding-bottom:20px;transition:all 1s;margin-top:30px;background-color:#ffb742;border:none}#cajaTitulo{font-family:champage;text-align:center}#cajaTitulo h1{padding-top:5px;padding-bottom:5px;font-weight:bolder;color:#fff;background-color:#f76b39}#cajaTitulo h2{padding-top:5px;padding-bottom:5px;margin-bottom:30px;color:#4a5a6b;background-color:#d94d43;color:#fff;font-size:1.5em}.itemLogro{transition:all 1s}.cajaIcono{height:60px;width:60px;background:#52c6de;border-radius:5px;text-align:center;line-height:78px;margin:0 auto;color:#000}.desactivado .cajaIcono{color:#a8a8a8;background-color:#4a5a6b}.desactivado .panel-heading h2,.desactivado .panel-body{color:#a8a8a8}.desactivado .panel-heading{background-color:#a17e7c !important}.desactivado .panel{background-color:#c4836c}.desactivado .panel-default{border-color:#a17e7c}.desactivado .btn-primary.active{background-color:#4a5a6b;border-color:#4a5a6b}i{margin-top:5px;font-size:3em}.cajaBotones{float:right}#cajaCrearCuenta{margin-top:30px}#botonCrearCuenta{margin-top:20px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{background-color:#ffb742;font-weight:bolder;border:none;color:#d94d43;cursor:pointer}.nav-tabs.nav-justified>li>a{color:#d94d43;border-bottom:none}.nav-tabs.nav-justified>li>a:hover{background-color:#ffb742;border-color:#ffb742;font-weight:bolder}.nav i{font-size:2em}.panel{background-color:#f76b39}.panel-default>.panel-heading{background-image:none}.panel-heading{height:58px;background-color:#d94d43 !important;border:none}.panel-heading h2{color:#fff}.navbar-toggle{border:1px solid #d94d43}.panel-default{border-color:#d94d43;color:#fff}.icon-bar{background:#d94d43}.navbar{background-color:#ffb742;box-shadow:0 10px 5px rgba(0,0,0,0.5)}.btn-primary.active{background-image:none;background-color:#52c6de;border-color:#52c6de}.btn-default{background-image:none;background-color:#fff;border-color:#fff}#sinRed{display:none;position:absolute;height:100px;width:100%;text-align:center;top:40%;margin:0 auto;color:#d94d43}#botonReconectar{background-color:#d94d43;border:none;color:#fff;font-size:1.2em}#botonReconectar:hover{background-color:#fff;color:#d94d43}.table-responsive{padding-left:5%;padding-right:5%;margin-top:10px;border:none}.table{font-size:1.2em}.table td,.table th{text-align:center}.table th{color:#fff}.table td{color:#4a5a6b}.cargaBoton{width:40px;height:40px;background-color:#4a5a6b;-webkit-animation:aniCarga 1s infinite;animation:aniCarga 1s infinite;border-left:5px solid #fff;border-right:5px solid #fff}@-webkit-keyframes aniCarga{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes aniCarga{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#cajaForm{padding-right:40px;padding-left:40px}

216
css/main.less Executable file
View File

@ -0,0 +1,216 @@
//Variables
@tamanyoIcono: 60px;
@colorGris: #a8a8a8;
@colorRojo: #D94D43;
@colorNaranja: #F76B39;
@colorAmarillo: #FFB742;
@colorAzulClaro: #52C6DE;
@colorAzulOscuro: #4A5A6B;
@nivelSaturacion: -50%;
@font-face {
font-family: champage;
src: url('../fonts/champage.ttf');
}
body {
padding-top: 50px;
padding-bottom: 20px;
transition: all 1s;
margin-top: 30px;
background-color: @colorAmarillo;
border: none;
}
#cajaTitulo {
font-family: champage;
text-align: center;
}
#cajaTitulo h1 {
padding-top: 5px;
padding-bottom: 5px;
font-weight: bolder;
color: white;
background-color: @colorNaranja;
}
#cajaTitulo h2 {
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 30px;
color: @colorAzulOscuro;
background-color: @colorRojo;
color: white;
font-size: 1.5em;
}
.itemLogro {
transition: all 1s;
}
.cajaIcono {
height: @tamanyoIcono;
width: @tamanyoIcono;
background: @colorAzulClaro;
border-radius: 5px;
text-align: center;
line-height: 78px;
margin: 0 auto;
color: black;
}
.desactivado .cajaIcono {
color: @colorGris;
background-color: @colorAzulOscuro;
}
.desactivado .panel-heading h2, .desactivado .panel-body {
color: @colorGris;
}
.desactivado .panel-heading {
background-color: saturate(@colorRojo, @nivelSaturacion) !important;
}
.desactivado .panel {
background-color: saturate(@colorNaranja, @nivelSaturacion);
}
.desactivado .panel-default {
border-color: saturate(@colorRojo, @nivelSaturacion);
}
.desactivado .btn-primary.active {
background-color: @colorAzulOscuro;
border-color: @colorAzulOscuro;
}
i {
margin-top: 5px;
font-size: 3em;
}
.cajaBotones {
float: right;
}
#cajaCrearCuenta {
margin-top: 30px;
}
#botonCrearCuenta {
margin-top: 20px;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
background-color: @colorAmarillo;
font-weight: bolder;
border: none;
color: @colorRojo;
cursor: pointer;
}
.nav-tabs.nav-justified>li>a {
color: @colorRojo;
border-bottom: none;
}
.nav-tabs.nav-justified>li>a:hover {
background-color: @colorAmarillo;
border-color: @colorAmarillo;
font-weight: bolder;
}
.nav i {
font-size: 2em;
}
.panel {
background-color: @colorNaranja;
}
.panel-default>.panel-heading {
background-image: none;
}
.panel-heading {
height: 58px;
background-color: @colorRojo !important;
border: none;
}
.panel-heading h2 {
color: white;
}
.navbar-toggle {
border: 1px solid @colorRojo;
}
.panel-default {
border-color: @colorRojo;
color: white;
}
.icon-bar {
background: @colorRojo;
}
.navbar {
background-color: @colorAmarillo;
box-shadow: 0px 10px 5px rgba(0,0,0,0.5);
}
.btn-primary.active {
background-image: none;
background-color: @colorAzulClaro;
border-color: @colorAzulClaro;
}
.btn-default {
background-image: none;
background-color: white;
border-color: white;
}
#sinRed {
display: none;
position: absolute;
height: 100px;
width: 100%;
text-align: center;
top: 40%;
margin: 0 auto;
color: @colorRojo;
}
#botonReconectar {
background-color: @colorRojo;
border: none;
color: white;
font-size: 1.2em;
}
#botonReconectar:hover {
background-color: white;
color: @colorRojo;
}
.table-responsive {
padding-left: 5%;
padding-right: 5%;
margin-top: 10px;
border: none;
}
.table {
font-size: 1.2em;
}
.table td, .table th {
text-align: center;
}
.table th {
color: white;
}
.table td {
color: #4A5A6B;
}
.cargaBoton {
width: 40px;
height: 40px;
background-color: @colorAzulOscuro;
-webkit-animation: aniCarga 1s infinite; /* Chrome, Safari, Opera */
animation: aniCarga 1s infinite;
border-left: 5px solid white;
border-right: 5px solid white;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes aniCarga {
from {
-webkit-transform:rotate(0deg);;
} to {
-webkit-transform:rotate(360deg);
}
}
/* Standard syntax */
@keyframes aniCarga {
from {
transform:rotate(0deg);;
} to {
transform:rotate(360deg);
}
}
#cajaForm {
padding-right: 40px;
padding-left: 40px;
}

1
css/topMundial.css Normal file
View File

@ -0,0 +1 @@
body{background-image:url('../img/mundo.png');background-repeat:no-repeat;background-position:160% 160%;background-attachment:fixed;background-size:80%}

7
css/topMundial.less Normal file
View File

@ -0,0 +1,7 @@
body {
background-image: url('../img/mundo.png');
background-repeat: no-repeat;
background-position: 160% 160%;
background-attachment:fixed;
background-size: 80% ;
}