|
|
@@ -47,4 +47,201 @@
|
|
|
.page-footer {
|
|
|
background: #252839;
|
|
|
color: #b5b5b7;
|
|
|
-}
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* FUENTE */
|
|
|
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
|
|
|
+/* CSS FONDO CAROUSEL */
|
|
|
+html {
|
|
|
+ position: relative;
|
|
|
+ min-height: 100%;
|
|
|
+ font-family: 'Roboto', sans-serif; }
|
|
|
+
|
|
|
+.carousel-fade .carousel-inner .item {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transition-property: opacity;
|
|
|
+ transition-property: opacity; }
|
|
|
+
|
|
|
+.carousel-fade .carousel-inner .active {
|
|
|
+ opacity: 1; }
|
|
|
+
|
|
|
+.carousel-fade .carousel-inner .active.left,
|
|
|
+.carousel-fade .carousel-inner .active.right {
|
|
|
+ left: 0;
|
|
|
+ opacity: 0;
|
|
|
+ z-index: 1; }
|
|
|
+
|
|
|
+.carousel-fade .carousel-inner .next.left,
|
|
|
+.carousel-fade .carousel-inner .prev.right {
|
|
|
+ opacity: 1; }
|
|
|
+
|
|
|
+.carousel-fade .carousel-control {
|
|
|
+ z-index: 2; }
|
|
|
+
|
|
|
+@media all and (transform-3d), (-webkit-transform-3d) {
|
|
|
+ .carousel-fade .carousel-inner > .item.next,
|
|
|
+ .carousel-fade .carousel-inner > .item.active.right {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transform: translate3d(0, 0, 0);
|
|
|
+ transform: translate3d(0, 0, 0); }
|
|
|
+
|
|
|
+ .carousel-fade .carousel-inner > .item.prev,
|
|
|
+ .carousel-fade .carousel-inner > .item.active.left {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transform: translate3d(0, 0, 0);
|
|
|
+ transform: translate3d(0, 0, 0); }
|
|
|
+
|
|
|
+ .carousel-fade .carousel-inner > .item.next.left,
|
|
|
+ .carousel-fade .carousel-inner > .item.prev.right,
|
|
|
+ .carousel-fade .carousel-inner > .item.active {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transform: translate3d(0, 0, 0);
|
|
|
+ transform: translate3d(0, 0, 0); } }
|
|
|
+.item:nth-child(1) {
|
|
|
+ background: url(/images/login/bg-1.jpg) no-repeat center;
|
|
|
+ background-size: cover; }
|
|
|
+
|
|
|
+.item:nth-child(2) {
|
|
|
+ background: url(/images/login/bg-2.jpg) no-repeat center;
|
|
|
+ background-size: cover; }
|
|
|
+
|
|
|
+.item:nth-child(3) {
|
|
|
+ background: url(/images/login/bg-3.jpg) no-repeat center;
|
|
|
+ background-size: cover; }
|
|
|
+
|
|
|
+.item:nth-child(4) {
|
|
|
+ background: url(/images/login/bg-4.jpg) no-repeat center;
|
|
|
+ background-size: cover; }
|
|
|
+
|
|
|
+.item:nth-child(5) {
|
|
|
+ background: url(/images/login/bg-5.jpg) no-repeat center;
|
|
|
+ background-size: cover; }
|
|
|
+
|
|
|
+.carousel {
|
|
|
+ z-index: -99; }
|
|
|
+
|
|
|
+.carousel .item {
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%; }
|
|
|
+
|
|
|
+/* CSS FORM Y TITULO */
|
|
|
+.todo {
|
|
|
+ height: 100vh;
|
|
|
+ background: linear-gradient(45deg, rgba(255, 0, 38, 0.65), rgba(0, 159, 255, 0.6));
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -ms-flex-direction: column;
|
|
|
+ flex-direction: column;
|
|
|
+ -webkit-box-pack: center;
|
|
|
+ -ms-flex-pack: center;
|
|
|
+ justify-content: center; }
|
|
|
+
|
|
|
+.todo .titulo {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 40px;
|
|
|
+ font-weight: 400; }
|
|
|
+
|
|
|
+.todo .titulo span {
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 50px; }
|
|
|
+
|
|
|
+.todo .inicio {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 300; }
|
|
|
+
|
|
|
+.todo .cont {
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px; }
|
|
|
+
|
|
|
+.todo .formulario {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ width: 450px;
|
|
|
+ padding-top: 15px;
|
|
|
+ padding-bottom: 15px;
|
|
|
+ -webkit-box-shadow: -3px 10px 5px 0px rgba(0, 0, 0, 0.35);
|
|
|
+ box-shadow: -3px 10px 5px 0px rgba(0, 0, 0, 0.35); }
|
|
|
+
|
|
|
+.form-control::-webkit-input-placeholder {
|
|
|
+ color: #b3b3b3;
|
|
|
+ opacity: 1; }
|
|
|
+
|
|
|
+.form-control:-ms-input-placeholder {
|
|
|
+ color: #b3b3b3;
|
|
|
+ opacity: 1; }
|
|
|
+
|
|
|
+.form-control::-ms-input-placeholder {
|
|
|
+ color: #b3b3b3;
|
|
|
+ opacity: 1; }
|
|
|
+
|
|
|
+.form-control::placeholder {
|
|
|
+ color: #b3b3b3;
|
|
|
+ opacity: 1; }
|
|
|
+
|
|
|
+.todo .formulario img {
|
|
|
+ width: 360px;
|
|
|
+ margin-bottom: 30px; }
|
|
|
+
|
|
|
+.todo .formulario .lbl-p {
|
|
|
+ color: #c53da8;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 30px; }
|
|
|
+
|
|
|
+.todo .formulario form .inp {
|
|
|
+ width: 335px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border: none;
|
|
|
+ background: transparent;
|
|
|
+ border-radius: 5px;
|
|
|
+ border-bottom: 1px solid transparent;
|
|
|
+ -o-border-image: linear-gradient(45deg, #ec2f4b, #c13fb0);
|
|
|
+ border-image: linear-gradient(45deg, #ec2f4b, #c13fb0);
|
|
|
+ border-image-slice: 1;
|
|
|
+ -webkit-box-shadow: none;
|
|
|
+ box-shadow: none; }
|
|
|
+
|
|
|
+.todo .formulario form label {
|
|
|
+ color: #b3b3b3;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 12px; }
|
|
|
+
|
|
|
+.todo .formulario form a {
|
|
|
+ color: #c53da8; }
|
|
|
+
|
|
|
+.todo .formulario form .btn {
|
|
|
+ background: linear-gradient(45deg, #ec2f4b, #c13fb0);
|
|
|
+ padding-left: 25px;
|
|
|
+ padding-right: 25px;
|
|
|
+ border: transparent;
|
|
|
+ margin-top: 30px; }
|
|
|
+
|
|
|
+.todo .formulario hr {
|
|
|
+ color: linear-gradient(45deg, #ec2f4b, #c13fb0); }
|
|
|
+
|
|
|
+.todo .formulario .footer:after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ height: 1px;
|
|
|
+ width: 100%;
|
|
|
+ background: linear-gradient(45deg, #ec2f4b, #c13fb0);
|
|
|
+ top: -5px;
|
|
|
+ left: 0; }
|
|
|
+
|
|
|
+.todo .formulario .footer {
|
|
|
+ margin-top: 70px;
|
|
|
+ position: relative; }
|
|
|
+
|
|
|
+.todo .formulario .footer a,
|
|
|
+.todo .formulario .footer span {
|
|
|
+ color: #b3b3b3;
|
|
|
+ font-size: 12px; }
|
|
|
+
|
|
|
+/*# sourceMappingURL=style.css.map */
|
jose miguel
