custom.css 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  1. /* here you can put your own css to customize and override the theme */
  2. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  3. background: #2C3044; }
  4. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
  5. background: #1C1E2B; }
  6. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
  7. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
  8. background: #3E4051; }
  9. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
  10. background: #3b434c; }
  11. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
  12. background: #23272d; }
  13. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
  14. background: #181b1e; }
  15. .page-header .page-header-menu {
  16. background: #252839;
  17. /* Default Mega Menu */
  18. /* Light Mega Menu */
  19. /* Header seaech box */ }
  20. .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
  21. .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
  22. .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
  23. background: #3E4051 !important; }
  24. .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
  25. .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
  26. .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
  27. .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
  28. background: #31354C; }
  29. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
  30. background: #3E4051; }
  31. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
  32. background: #484951; }
  33. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
  34. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
  35. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
  36. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
  37. background: #484951; }
  38. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
  39. background-color: #606d7d; }
  40. .page-footer {
  41. background: #252839;
  42. color: #b5b5b7;
  43. }
  44. /* FUENTE */
  45. @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
  46. /* CSS FONDO CAROUSEL */
  47. html {
  48. position: relative;
  49. min-height: 100%;
  50. font-family: 'Roboto', sans-serif; }
  51. .carousel-fade .carousel-inner .item {
  52. opacity: 0;
  53. -webkit-transition-property: opacity;
  54. transition-property: opacity; }
  55. .carousel-fade .carousel-inner .active {
  56. opacity: 1; }
  57. .carousel-fade .carousel-inner .active.left,
  58. .carousel-fade .carousel-inner .active.right {
  59. left: 0;
  60. opacity: 0;
  61. z-index: 1; }
  62. .carousel-fade .carousel-inner .next.left,
  63. .carousel-fade .carousel-inner .prev.right {
  64. opacity: 1; }
  65. .carousel-fade .carousel-control {
  66. z-index: 2; }
  67. @media all and (transform-3d), (-webkit-transform-3d) {
  68. .carousel-fade .carousel-inner > .item.next,
  69. .carousel-fade .carousel-inner > .item.active.right {
  70. opacity: 0;
  71. -webkit-transform: translate3d(0, 0, 0);
  72. transform: translate3d(0, 0, 0); }
  73. .carousel-fade .carousel-inner > .item.prev,
  74. .carousel-fade .carousel-inner > .item.active.left {
  75. opacity: 0;
  76. -webkit-transform: translate3d(0, 0, 0);
  77. transform: translate3d(0, 0, 0); }
  78. .carousel-fade .carousel-inner > .item.next.left,
  79. .carousel-fade .carousel-inner > .item.prev.right,
  80. .carousel-fade .carousel-inner > .item.active {
  81. opacity: 1;
  82. -webkit-transform: translate3d(0, 0, 0);
  83. transform: translate3d(0, 0, 0); } }
  84. .item:nth-child(1) {
  85. background: url(/images/login/bg-1.jpg) no-repeat center;
  86. background-size: cover; }
  87. .item:nth-child(2) {
  88. background: url(/images/login/bg-2.jpg) no-repeat center;
  89. background-size: cover; }
  90. .item:nth-child(3) {
  91. background: url(/images/login/bg-3.jpg) no-repeat center;
  92. background-size: cover; }
  93. .item:nth-child(4) {
  94. background: url(/images/login/bg-4.jpg) no-repeat center;
  95. background-size: cover; }
  96. .item:nth-child(5) {
  97. background: url(/images/login/bg-5.jpg) no-repeat center;
  98. background-size: cover; }
  99. .carousel {
  100. z-index: -99; }
  101. .carousel .item {
  102. position: fixed;
  103. width: 100%;
  104. height: 100%; }
  105. /* CSS FORM Y TITULO */
  106. .todo {
  107. height: 100vh;
  108. background: linear-gradient(45deg, rgba(255, 0, 38, 0.65), rgba(0, 159, 255, 0.6));
  109. display: -webkit-box;
  110. display: -ms-flexbox;
  111. display: flex;
  112. -webkit-box-orient: vertical;
  113. -webkit-box-direction: normal;
  114. -ms-flex-direction: column;
  115. flex-direction: column;
  116. -webkit-box-pack: center;
  117. -ms-flex-pack: center;
  118. justify-content: center; }
  119. .todo .titulo {
  120. color: #fff;
  121. font-size: 40px;
  122. font-weight: 400; }
  123. .todo .titulo span {
  124. font-weight: 700;
  125. font-size: 50px; }
  126. .todo .inicio {
  127. color: #fff;
  128. font-size: 16px;
  129. font-weight: 300; }
  130. .todo .cont {
  131. padding-left: 15px;
  132. padding-right: 15px; }
  133. .todo .formulario {
  134. background: #fff;
  135. border-radius: 5px;
  136. width: 450px;
  137. padding-top: 15px;
  138. padding-bottom: 15px;
  139. -webkit-box-shadow: -3px 10px 5px 0px rgba(0, 0, 0, 0.35);
  140. box-shadow: -3px 10px 5px 0px rgba(0, 0, 0, 0.35); }
  141. .form-control::-webkit-input-placeholder {
  142. color: #b3b3b3;
  143. opacity: 1; }
  144. .form-control:-ms-input-placeholder {
  145. color: #b3b3b3;
  146. opacity: 1; }
  147. .form-control::-ms-input-placeholder {
  148. color: #b3b3b3;
  149. opacity: 1; }
  150. .form-control::placeholder {
  151. color: #b3b3b3;
  152. opacity: 1; }
  153. .todo .formulario img {
  154. width: 360px;
  155. margin-bottom: 30px; }
  156. .todo .formulario .lbl-p {
  157. color: #c53da8;
  158. font-size: 18px;
  159. margin-bottom: 30px; }
  160. .todo .formulario form .inp {
  161. width: 335px;
  162. margin-bottom: 20px;
  163. border: none;
  164. background: transparent;
  165. border-radius: 5px;
  166. border-bottom: 1px solid transparent;
  167. -o-border-image: linear-gradient(45deg, #ec2f4b, #c13fb0);
  168. border-image: linear-gradient(45deg, #ec2f4b, #c13fb0);
  169. border-image-slice: 1;
  170. -webkit-box-shadow: none;
  171. box-shadow: none; }
  172. .todo .formulario form label {
  173. color: #b3b3b3;
  174. font-weight: 400;
  175. font-size: 12px; }
  176. .todo .formulario form a {
  177. color: #c53da8; }
  178. .todo .formulario form .btn {
  179. background: linear-gradient(45deg, #ec2f4b, #c13fb0);
  180. padding-left: 25px;
  181. padding-right: 25px;
  182. border: transparent;
  183. margin-top: 30px; }
  184. .todo .formulario hr {
  185. color: linear-gradient(45deg, #ec2f4b, #c13fb0); }
  186. .todo .formulario .footer:after {
  187. content: '';
  188. position: absolute;
  189. height: 1px;
  190. width: 100%;
  191. background: linear-gradient(45deg, #ec2f4b, #c13fb0);
  192. top: -5px;
  193. left: 0; }
  194. .todo .formulario .footer {
  195. margin-top: 70px;
  196. position: relative; }
  197. .todo .formulario .footer a,
  198. .todo .formulario .footer span {
  199. color: #b3b3b3;
  200. font-size: 12px; }
  201. /*# sourceMappingURL=style.css.map */