| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247 |
- /* here you can put your own css to customize and override the theme */
- .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
- background: #2C3044; }
- .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
- background: #1C1E2B; }
- .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
- .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
- background: #3E4051; }
- .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
- background: #3b434c; }
- .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
- background: #23272d; }
- .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
- background: #181b1e; }
- .page-header .page-header-menu {
- background: #252839;
- /* Default Mega Menu */
- /* Light Mega Menu */
- /* Header seaech box */ }
- .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
- .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
- .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
- background: #3E4051 !important; }
- .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
- .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
- .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
- .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
- background: #31354C; }
- .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
- background: #3E4051; }
- .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
- background: #484951; }
- .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
- .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
- .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
- .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
- background: #484951; }
- .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
- background-color: #606d7d; }
- .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 */
|