Conjunto 59849b2 en sapic
- Fecha y hora:
- 19/10/2018 10:55:03 (hace 6 años)
- Branches:
- master
- Children:
- 2d7ed2d
- Parents:
- c6b917c
- Fichero:
-
- 1 editado
Leyenda
- No modificado
- Añadido
- Eliminado
-
static/css/css_custom.css
r0948a4e r59849b2 1 /* ----- Navbar [BEGIN] */ 2 .navbar { 3 margin-bottom: 0px; 4 } 1 5 .navbar-default { 2 6 color: #FCF8E3; 3 7 background-color: #0073b7; 4 8 } 5 .navbar { 6 margin-bottom: 0px; 7 } 8 ï¿Œ 9 .navbar-inverse { 10 color: #FCF8E3; 11 background-color: #0073b7; 12 border-radius: 0; 13 border-color: #0073b7; 14 padding: 10px; 15 } 16 .navbar-inverse .navbar-nav > li > a, 17 .navbar-inverse .navbar-nav > li > a:hover 18 .navbar-inverse .navbar-nav > li > a:focus { 19 color: #fff; 20 } 21 22 .navbar-inverse .navbar-nav > .open > a, 23 .navbar-inverse .navbar-nav > .open > a:focus, 24 .navbar-inverse .navbar-nav > .open > a:hover { 25 background-color: #286090; 26 } 27 28 .navbar-inverse .navbar-toggle:focus, 29 .navbar-inverse .navbar-toggle:hover { 30 background-color: #286090; 31 } 32 .navbar-inverse .navbar-collapse { 33 border-color: transparent; 34 } 35 36 .img-brand { 37 height: 37px; 38 width: auto; 39 } 40 41 .img-brand-user { 42 float: left; 43 height: auto; 44 padding-right: 10px; 45 margin-top: -2px; 46 } 47 48 49 @media (max-width: 767px) { 50 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { 51 color: #fff; 52 } 53 .navbar-inverse .navbar-nav .open .dropdown-menu .divider { 54 background-color: #ffffff66; 55 } 56 } 57 58 /* ----- Navbar [ENDED] */ 59 60 61 9 62 .nav { 10 padding-right: 5px 11 } 63 padding-right: 5px 64 } 65 12 66 .contenedor-sapic { 13 width: 100%;14 height: auto;67 width: 100%; 68 height: auto; 15 69 } 16 70 … … 35 89 } 36 90 91 /* Container */ 37 92 .contenido-sapic { 38 93 width: 100%; 39 margin-top: 4%;40 94 min-height: 560px; 41 95 height: auto; 42 96 margin-bottom: 2%; 43 97 background-color: rgba(238, 238, 238, 0.29); 44 } 45 46 .panel-sapic { 47 //float: left; 48 margin-top: 2%; 49 margin-left: 5%; 50 margin-right: 5%; 51 margin-bottom: 2%; 52 padding-top: 0.5%; 53 padding-left: 2%; 54 padding-bottom: 10%; 55 padding-right: 2%; 56 //width: 320px; 98 padding: 20px; 99 } 100 101 /* Alertas */ 102 .box-body { 103 padding: 0 20px; 104 } 105 .box-body .alert { 106 margin-top: 20px; 107 margin-bottom: 20px; 108 } 109 110 111 .forget-password { 112 margin-top: 50px; 113 margin-bottom: 50px; 114 background-color: #fff; 115 padding: 40px 25px 60px 25px; 116 border-radius: 2px; 117 box-shadow: 0 0 1px #555; 118 } 119 120 121 /* ----- Panel Izquierdo [BEGIN] ----- */ 122 .panel-lateral-izq { 123 padding: 20px; 57 124 min-height: 500px; 58 125 height: auto; 59 background-color: #FFF; 60 border-radius: 10px; 61 color: #0085A8; 62 } 63 64 .panel-lateral-izq{ 65 //float: left; 66 margin-top: 6%; 67 margin-left: 5%; 68 margin-right: 0%; 69 margin-bottom: 2%; 70 padding-top: 0.5%; 71 padding-left: 10%; 72 padding-bottom: 10%; 73 padding-right: 10%; 74 //width: 320px; 75 min-height: 500px; 76 height: auto; 77 background-color: #F4F4F4; 78 border-radius: 10px; 126 background-color: #fafafa; 127 border-radius: 3px; 79 128 color: #0073b7; 80 81 } 82 83 .panel-sapic a{ 84 color: #0085A8; 85 } 86 87 .panel-sapic h2{ 88 color: #0073b7; 89 } 90 91 .panel-sapic hr{ 92 border-top: 0.5px solid #A76868; 93 } 94 95 .panel-sapic p{ 96 color: #000000; 97 } 98 99 .panel-lateral-izq a{ 129 box-shadow: 0 0 3px #888; 130 } 131 132 .panel-lateral-izq .checkbox input[type=checkbox], 133 .panel-lateral-izq .checkbox-inline input[type=checkbox], 134 .panel-lateral-izq .radio input[type=radio], 135 .panel-lateral-izq .radio-inline input[type=radio] { 136 position: relative; 137 margin-left: unset; 138 } 139 140 .panel-lateral-izq a { 100 141 color: #0073b7; 101 142 } … … 104 145 color: #000000; 105 146 } 147 /* ----- Panel Izquierdo [ENDED] ----- */ 148 149 150 /* ----- Panel Principal [BEGIN] ----- */ 151 152 .panel-sapic { 153 padding: 20px; 154 min-height: 500px; 155 background-color: #fff; 156 border-radius: 5px; 157 color: #0085A8; 158 } 159 .panel-sapic .img-login { 160 width: 80%; 161 margin-top: 20px; 162 margin-left: auto; 163 margin-right: auto; 164 height: auto; 165 } 166 167 .panel-sapic-nav { 168 padding: 20px; 169 padding-bottom: 0; 170 background-color: #fff; 171 border-radius: 5px; 172 } 173 174 .panel-sapic .listado-organizaciones .dataTable a { 175 color: #fff; 176 padding: 5px 10px; 177 } 178 .panel-sapic .listado-organizaciones .dataTable tbody tr td label { 179 text-align: center; 180 border: none; 181 } 182 183 /* ----- Panel Principal [ENDED] ----- */ 184 185 186 .panel-sapic a { 187 color: #0085A8; 188 } 189 190 .panel-sapic h2 { 191 color: #0073b7; 192 } 193 194 .panel-sapic hr { 195 border-top: 0.5px solid #A76868; 196 } 197 198 .panel-sapic p { 199 color: #000000; 200 } 201 202 203 204 106 205 107 206 .contenido-sapic .img-sapic_logo { … … 300 399 } 301 400 302 .carousel-indicators {401 .carousel-indicators { 303 402 bottom: 4px; 304 403 } 404 405 /* ---- Clases de ayuda [BEGIN] ---- */ 406 .bg-primary { 407 background-color: #0073b7; 408 } 409 410 .text-light { 411 color: #fafafa !important; 412 } 413 .text-light:hover, .text-light:focus { 414 color: #ccc; 415 } 416 /* Padding */ 417 .p-0, .pl-0, .px-0 { padding-left: 0 !important; } 418 .p-0, .pr-0, .px-0 { padding-right: 0 !important; } 419 .p-0, .pt-0, .py-0 { padding-top: 0 !important; } 420 .p-0, .pb-0, .py-0 { padding-bottom: 0 !important; } 421 422 .p-1, .pl-1, .px-1 { padding-left: 0.25rem !important; } 423 .p-1, .pr-1, .px-1 { padding-right: 0.25rem !important; } 424 .p-1, .pt-1, .py-1 { padding-top: 0.25rem !important; } 425 .p-1, .pb-1, .py-1 { padding-bottom: 0.25rem !important; } 426 427 .p-2, .pl-2, .px-2 { padding-left: 0.5rem !important; } 428 .p-2, .pr-2, .px-2 { padding-right: 0.5rem !important; } 429 .p-2, .pt-2, .py-2 { padding-top: 0.5rem !important; } 430 .p-2, .pb-2, .py-2 { padding-bottom: 0.5rem !important; } 431 432 .p-3, .pl-3, .px-3 { padding-left: 1rem !important; } 433 .p-3, .pr-3, .px-3 { padding-right: 1rem !important; } 434 .p-3, .pt-3, .py-3 { padding-top: 1rem !important; } 435 .p-3, .pb-3, .py-3 { padding-bottom: 1rem !important; } 436 437 .p-4, .pl-4, .px-4 { padding-left: 1.5rem !important; } 438 .p-4, .pr-4, .px-4 { padding-right: 1.5rem !important; } 439 .p-4, .pt-4, .py-4 { padding-top: 1.5rem !important; } 440 .p-4, .pb-4, .py-4 { padding-bottom: 1.5rem !important; } 441 442 .p-5, .pl-5, .px-5 { padding-left: 3rem !important; } 443 .p-5, .pr-5, .px-5 { padding-right: 3rem !important; } 444 .p-5, .pt-5, .py-5 { padding-top: 3rem !important; } 445 .p-5, .pb-5, .py-5 { padding-bottom: 3rem !important; } 446 447 /* Margin */ 448 .m-0, .ml-0, .mx-0 { margin-left: 0 !important; } 449 .m-0, .mr-0, .mx-0 { margin-right: 0 !important; } 450 .m-0, .mt-0, .my-0 { margin-top: 0 !important; } 451 .m-0, .mb-0, .my-0 { margin-bottom: 0 !important; } 452 453 .m-1, .ml-1, .mx-1 { margin-left: 0.25rem !important; } 454 .m-1, .mr-1, .mx-1 { margin-right: 0.25rem !important; } 455 .m-1, .mt-1, .my-1 { margin-top: 0.25rem !important; } 456 .m-1, .mb-1, .my-1 { margin-bottom: 0.25rem !important; } 457 458 .m-2, .ml-2, .mx-2 { margin-left: 0.5rem !important; } 459 .m-2, .mr-2, .mx-2 { margin-right: 0.5rem !important; } 460 .m-2, .mt-2, .my-2 { margin-top: 0.5rem !important; } 461 .m-2, .mb-2, .my-2 { margin-bottom: 0.5rem !important; } 462 463 .m-3, .ml-3, .mx-3 { margin-left: 1rem !important; } 464 .m-3, .mr-3, .mx-3 { margin-right: 1rem !important; } 465 .m-3, .mt-3, .my-3 { margin-top: 1rem !important; } 466 .m-3, .mb-3, .my-3 { margin-bottom: 1rem !important; } 467 468 .m-4, .ml-4, .mx-4 { margin-left: 1.5rem !important; } 469 .m-4, .mr-4, .mx-4 { margin-right: 1.5rem !important; } 470 .m-4, .mt-4, .my-4 { margin-top: 1.5rem !important; } 471 .m-4, .mb-4, .my-4 { margin-bottom: 1.5rem !important; } 472 473 .m-5, .ml-5, .mx-5 { margin-left: 3rem !important; } 474 .m-5, .mr-5, .mx-5 { margin-right: 3rem !important; } 475 .m-5, .mt-5, .my-5 { margin-top: 3rem !important; } 476 .m-5, .mb-5, .my-5 { margin-bottom: 3rem !important; } 477 478 479 /* ---- Clases de ayuda [ENDED] ---- */
Nota: Vea TracChangeset
para ayuda en el uso del visor de conjuntos de cambios.