Download as
Browse Code »

Commit 74cfcd50aef6c229ba60eff750743657c110403e

Authored by Gustavo
1 parent dc7b508b
Exists in master and in 2 other branches amadeus_univasf, refactoring

Contrast css included

Showing 1 changed file with 573 additions and 0 deletions   Show diff stats
amadeus/static/css/themes/contrast.css 0 → 100644
  Diff comments   View file @74cfcd5
... ... @@ -0,0 +1,573 @@
  1 +body .container .jumbotron-inverse, body .container .well-inverse, body .container-fluid .jumbotron-inverse, body .container-fluid .well-inverse {
  2 + background-color: white; }
  3 +
  4 +a, a:focus, a:hover {
  5 + color: #0e1111; }
  6 +
  7 +.radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check {
  8 + background-color: #0e1111; }
  9 +
  10 +.radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle {
  11 + border-color: #0e1111; }
  12 +
  13 +.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  14 + color: #fff;
  15 + background-color: #0e1111;
  16 + border-color: #0e1111; }
  17 +
  18 +.navbar, .navbar.navbar-default {
  19 + background-color: #0e1111;
  20 + color: rgba(255, 255, 255, 0.84); }
  21 +
  22 +.notify_badge {
  23 + background-color: #FF0000 !important; }
  24 +
  25 +.bottom-menu {
  26 + background: #0e1111; }
  27 +
  28 +#btn-search:hover {
  29 + background: #232b2b; }
  30 +
  31 +/* FORM Fields */
  32 +.form-group.is-focused label, .form-group.is-focused label.control-label {
  33 + color: #0e1111; }
  34 +
  35 +.form-group.is-focused .form-control {
  36 + outline: 0;
  37 + background-image: -webkit-gradient(linear, left top, left bottom, from(#474b4b), to(#474b4b)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  38 + background-image: -webkit-linear-gradient(#474b4b, #474b4b), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  39 + background-image: -o-linear-gradient(#474b4b, #474b4b), -o-linear-gradient(#D2D2D2, #D2D2D2);
  40 + background-image: linear-gradient(#474b4b, #474b4b), linear-gradient(#D2D2D2, #D2D2D2);
  41 + -webkit-background-size: 100% 2px, 100% 1px;
  42 + background-size: 100% 2px, 100% 1px;
  43 + -webkit-box-shadow: none;
  44 + box-shadow: none;
  45 + -webkit-transition-duration: 0.3s;
  46 + -o-transition-duration: 0.3s;
  47 + transition-duration: 0.3s; }
  48 +
  49 +.form-control, .form-group .form-control {
  50 + border: 0;
  51 + background-image: -webkit-gradient(linear, left top, left bottom, from(#474b4b), to(#474b4b)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  52 + background-image: -webkit-linear-gradient(#474b4b, #474b4b), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  53 + background-image: -o-linear-gradient(#474b4b, #474b4b), -o-linear-gradient(#D2D2D2, #D2D2D2);
  54 + background-image: linear-gradient(#474b4b, #474b4b), linear-gradient(#D2D2D2, #D2D2D2);
  55 + -webkit-background-size: 0 2px, 100% 1px;
  56 + background-size: 0 2px, 100% 1px;
  57 + background-repeat: no-repeat;
  58 + background-position: center bottom, center -webkit-calc(100% - 1px);
  59 + background-position: center bottom, center calc(100% - 1px);
  60 + background-color: transparent;
  61 + -webkit-transition: background 0s ease-out;
  62 + -o-transition: background 0s ease-out;
  63 + transition: background 0s ease-out;
  64 + float: none;
  65 + -webkit-box-shadow: none;
  66 + box-shadow: none;
  67 + border-radius: 0; }
  68 +
  69 +/* */
  70 +.btn.btn-sucess.btn-raised {
  71 + color: #FFFFFF;
  72 + background-color: #0e1111 !important; }
  73 +
  74 +button.btn.btn-sucess.btn-raised {
  75 + color: #FFFFFF;
  76 + background-color: #0e1111 !important; }
  77 +
  78 +a.btn.btn-sm.btn-success.btn-raised {
  79 + color: #FFFFFF;
  80 + background-color: #0e1111 !important; }
  81 +
  82 +.alert.alert-success {
  83 + background-color: #474b4b;
  84 + color: #FFFFFF; }
  85 +
  86 +.btn-group-raised .btn.btn-success,
  87 +.btn-group-raised .input-group-btn .btn.btn-success,
  88 +.btn.btn-fab.btn-success, .btn.btn-raised.btn-success,
  89 +.input-group-btn .btn.btn-fab.btn-success,
  90 +.input-group-btn .btn.btn-raised.btn-success {
  91 + color: #FFFFFF;
  92 + background-color: #0e1111 !important; }
  93 +
  94 +.btn-group-raised .btn.btn-success :hover,
  95 +.btn-group-raised .input-group-btn .btn.btn-success :hover,
  96 +.btn.btn-fab.btn-success, .btn.btn-raised.btn-success:hover,
  97 +.input-group-btn .btn.btn-fab.btn-success:hover,
  98 +.input-group-btn .btn.btn-raised.btn-success:hover {
  99 + color: #FFFFFF;
  100 + background-color: #474b4b !important; }
  101 +
  102 +/* PAGINATION BOTTOM */
  103 +.pagination > li > a, .pagination > li > span {
  104 + color: #0e1111; }
  105 +
  106 +.pagination > li > a:hover, .pagination > li > span:hover {
  107 + color: #474b4b; }
  108 +
  109 +/* language selector */
  110 +.language-selector .dropdown-menu > .active > a {
  111 + background: #EEEEEE;
  112 + color: #0e1111; }
  113 +
  114 +.language-selector .dropdown-menu > .active > a:hover {
  115 + color: #0e1111; }
  116 +
  117 +/* Sidebar menu in every page */
  118 +#sidebar-menu .item {
  119 + background-color: #0e1111;
  120 + color: white; }
  121 +
  122 +#sidebar-menu .item a {
  123 + color: white; }
  124 +
  125 +#sidebar-menu > .subjects_menu_active {
  126 + background-color: #474b4b; }
  127 +
  128 +#sidebar-menu > .item:hover {
  129 + background-color: #474b4b; }
  130 +
  131 +/* === SUBJECT APP === */
  132 +/* home */
  133 +.users-cloud .small a {
  134 + color: #232b2b; }
  135 +
  136 +.users-cloud .big a {
  137 + color: #0e1111; }
  138 +
  139 +.users-cloud .medium a {
  140 + color: gray; }
  141 +
  142 +.users-cloud .tiny a {
  143 + color: #5e6262; }
  144 +
  145 +.my-subjects-title {
  146 + color: #3b444b; }
  147 +
  148 +.panel-invisible {
  149 + background-color: #BDBDBD !important;
  150 + color: #F5F5F5; }
  151 +
  152 +.category-panel > .panel-heading {
  153 + background-color: #232b2b !important; }
  154 +
  155 +.category-panel .category-header .category-card-items i {
  156 + color: #3b444b; }
  157 +
  158 +.category-panel .category-header .category-card-items i:hover {
  159 + color: #FFFFFF; }
  160 +
  161 +.subject-panel > .panel-heading {
  162 + background-color: #353839 !important; }
  163 +
  164 +.subject-panel .category-header .category-card-items i {
  165 + color: #3b444b; }
  166 +
  167 +.subject-panel .category-header .category-card-items i:hover {
  168 + color: #FFFFFF; }
  169 +
  170 +.resource-link {
  171 + color: #000000 !important; }
  172 +
  173 +/* subscribe.html */
  174 +.modal-header {
  175 + border-bottom: 1px solid #414a4c !important; }
  176 +
  177 +.modal-footer {
  178 + border-top: 1px solid #414a4c !important; }
  179 +
  180 +/* subject_card.html */
  181 +.access-subject {
  182 + background-color: #2eb82e !important;
  183 + color: white; }
  184 +
  185 +/* Groups App */
  186 +.group-panel > .panel-heading {
  187 + background-color: #FFFFFF !important; }
  188 +
  189 +.group-panel .panel-title, .group-panel .category-header i, .group-panel .category-course-link {
  190 + color: #000000 !important; }
  191 +
  192 +.group-panel-body {
  193 + background: #FFFFFF !important;
  194 + border-top: 1px solid #CCCCCC; }
  195 +
  196 +/* === Resources Common (ex: PDF, WebPage) App === */
  197 +.topic-panel > .panel-heading {
  198 + background-color: #5e6262 !important; }
  199 +
  200 +.topic-panel .category-header .category-card-items i, .topic-panel-invisible .category-header .category-card-items i {
  201 + color: #3b444b; }
  202 +
  203 +.topic-panel .category-header .category-card-items i:hover, .topic-panel-invisible .category-header .category-card-items i:hover {
  204 + color: #FFFFFF; }
  205 +
  206 +.topic-panel > .category-panel-content, .topic-panel-invisible > .category-panel-content {
  207 + background: #FFFFFF; }
  208 +
  209 +.topic-panel-invisible > .panel-heading {
  210 + background-color: #BDBDBD !important;
  211 + color: #F5F5F5; }
  212 +
  213 +.pendencies-content {
  214 + background: #FFFFFF; }
  215 +
  216 +.pendencies-content .core-subjects-options li {
  217 + background: #F5F5F5; }
  218 +
  219 +.category-header i {
  220 + color: white; }
  221 +
  222 +.category-header i:hover {
  223 + color: #90CAF9; }
  224 +
  225 +.category-header .dropdown-menu i {
  226 + color: inherit !important; }
  227 +
  228 +#create-category {
  229 + background-color: #0e1111;
  230 + color: #FFFFFF; }
  231 +
  232 +.category-panel-content {
  233 + background: #F5F5F5; }
  234 +
  235 +.core-subjects-options li {
  236 + background-color: #FFFFFF;
  237 + border-bottom-color: #414a4c;
  238 + color: #414a4c; }
  239 +
  240 +.core-subjects-options li.active {
  241 + color: inherit;
  242 + border-bottom-color: #0e1111; }
  243 +
  244 +.create-subject-btn {
  245 + background-color: #3b444b;
  246 + color: white; }
  247 +
  248 +#coordinators_accordion .panel-heading, #professors_accordion .panel-heading {
  249 + background: #FFFFFF; }
  250 +
  251 +/* === Amadeus APP === */
  252 +.navbar-brand:hover {
  253 + background: #232b2b !important; }
  254 +
  255 +.navbar .project_name {
  256 + color: white; }
  257 +
  258 +.navbar-nav li.open {
  259 + background: #474b4b; }
  260 +
  261 +.navbar-nav li > a:hover {
  262 + background: #474b4b !important; }
  263 +
  264 +.navbar-nav li.settings_menu_active {
  265 + background: #474b4b; }
  266 +
  267 +.top-search {
  268 + color: #F5F5F5; }
  269 +
  270 +.dropdown-menu {
  271 + background: #F5F5F5; }
  272 +
  273 +.dropdown-menu li > a {
  274 + background: #F5F5F5;
  275 + color: #333333; }
  276 +
  277 +.dropdown-menu li > a:hover {
  278 + background: #0e1111 !important;
  279 + color: #FFFFFF !important; }
  280 +
  281 +.navbar .dropdown-menu .active > a, .navbar.navbar-default .dropdown-menu .active > a {
  282 + background-color: #0e1111 !important; }
  283 +
  284 +.navbar .dropdown-menu .active > a:hover, .navbar.navbar-default .dropdown-menu .active > a:hover {
  285 + background-color: #474b4b; }
  286 +
  287 +#system_accordion > .panel > .panel-heading {
  288 + background: #F5F5F5; }
  289 +
  290 +#system_accordion > .panel > .panel-heading:hover {
  291 + background: #EEEEEE; }
  292 +
  293 +#system_accordion > .panel > .panel-heading > a > .panel-title {
  294 + color: #333333; }
  295 +
  296 +#system_accordion > .panel > .panel-heading > a > .panel-title:hover {
  297 + color: #0e1111; }
  298 +
  299 +#system_accordion > .panel > .panel-heading > a:hover {
  300 + color: #0e1111; }
  301 +
  302 +#system_menu {
  303 + background: #F5F5F5; }
  304 +
  305 +#horizontal-line {
  306 + background-color: black; }
  307 +
  308 +.breadcrumb > li > span.divider {
  309 + color: #3b444b; }
  310 +
  311 +.breadcrumb > li > a {
  312 + color: #3b444b; }
  313 +
  314 +.breadcrumb > li {
  315 + color: #BDBDBD; }
  316 +
  317 +/*Because we use an outer a tag */
  318 +.panel-title {
  319 + color: rgba(255, 255, 255, 0.84); }
  320 +
  321 +.category-header > h4.panel-title span {
  322 + color: #FFFFFF; }
  323 +
  324 +.accordion {
  325 + background: white; }
  326 +
  327 +.accordion_list {
  328 + background: #F5F5F5; }
  329 +
  330 +.outside-title {
  331 + color: #0e1111; }
  332 +
  333 +.titleTopic a h4, .titleTopic h4 {
  334 + color: white; }
  335 +
  336 +.Topic-detail a h4 {
  337 + color: black; }
  338 +
  339 +.cards-detail .panel .panel-heading h4 {
  340 + color: black; }
  341 +
  342 +.data_register_course p {
  343 + color: grey; }
  344 +
  345 +.category-course-link {
  346 + color: #FFFFFF !important; }
  347 +
  348 +.profile_function {
  349 + border-bottom: 1px solid #D2D2D2; }
  350 +
  351 +.mobile-menu .item {
  352 + color: #FFFFFF;
  353 + background: #0e1111; }
  354 +
  355 +.mobile-menu .item a {
  356 + color: white; }
  357 +
  358 +.mobile-menu > .subjects_menu_active {
  359 + background-color: #0e1111; }
  360 +
  361 +.mobile-menu > .item:hover {
  362 + background-color: #474b4b; }
  363 +
  364 +.page_selector h4 {
  365 + border-bottom: 1px solid #e5e5e5; }
  366 +
  367 +.subscribe-subject {
  368 + background-color: #33cc33 !important;
  369 + color: white; }
  370 +
  371 +.filedrag {
  372 + color: #555;
  373 + border: 2px dashed #555; }
  374 +
  375 +.footer {
  376 + color: #FFFFFF;
  377 + background: #3b444b; }
  378 +
  379 +.no-subjects {
  380 + color: #999999; }
  381 +
  382 +.holder a.jp-disabled, a.jp-disabled:hover {
  383 + background: none !important;
  384 + color: #bbb !important; }
  385 +
  386 +.holder a.jp-current, a.jp-current:hover {
  387 + background: none; }
  388 +
  389 +.holder a, .holder span {
  390 + border: 1px solid #ddd;
  391 + color: #337ab7; }
  392 +
  393 +.holder a:hover {
  394 + color: #23527c;
  395 + background-color: #eee;
  396 + border-color: #ddd; }
  397 +
  398 +.holder a.jp-current, a.jp-current:hover {
  399 + background: #039BE5;
  400 + color: #FFFFFF;
  401 + border-color: #039BE5; }
  402 +
  403 +/* Pendencies Form */
  404 +.notifies {
  405 + border: 1px solid #EEEEEE; }
  406 +
  407 +.bootstrap-datetimepicker-widget {
  408 + background-color: #fff; }
  409 +
  410 +.notifies a.delete-row {
  411 + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  412 + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  413 + background-color: #EEE;
  414 + color: rgba(0, 0, 0, 0.87); }
  415 +
  416 +a.add-row {
  417 + -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  418 + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  419 + background-color: #59b75c;
  420 + color: rgba(255, 255, 255, 0.84); }
  421 +
  422 +/* Resource list on topic templates */
  423 +.resource_list > .list-group-item {
  424 + background-color: #fff;
  425 + border: 1px solid #ddd; }
  426 +
  427 +.resource_list > .disabled {
  428 + background-color: #eee; }
  429 +
  430 +.resource_list > .disabled:hover {
  431 + background-color: #eee !important; }
  432 +
  433 +.resource_list > .disabled a.resource_link {
  434 + color: #BDBDBD; }
  435 +
  436 +.resource_list > .list-group-item:hover {
  437 + background: #F5F5F5; }
  438 +
  439 +.resource_list > .list-group-item:last-child {
  440 + border-bottom: 1px solid #ddd !important; }
  441 +
  442 +.resource_list .category-card-items i {
  443 + color: #e5e5e5; }
  444 +
  445 +.resource_list .category-card-items i:hover {
  446 + color: #7f7f7f; }
  447 +
  448 +.resource_list .category-card-items .dropdown-menu i {
  449 + color: #333; }
  450 +
  451 +.resource_list a {
  452 + color: inherit; }
  453 +
  454 +.resource_list .btn-group button:active, .resource_list .btn-group button:focus, .resource_list .btn-group button:hover {
  455 + background-color: initial !important; }
  456 +
  457 +#search-results-title {
  458 + color: #BDBDBD; }
  459 +
  460 +.no-subscribe-btn {
  461 + background-color: #BDBDBD !important;
  462 + color: #F5F5F5 !important; }
  463 +
  464 +.pendency {
  465 + border-color: #CCCCCC; }
  466 +
  467 +.pendency .breadcrumb {
  468 + background-color: #FFFFFF; }
  469 +
  470 +.pendency .meta {
  471 + color: #FF0000; }
  472 +
  473 +.alert-low, .alert-medium {
  474 + background-color: #FFA500;
  475 + color: #FFFFFF; }
  476 +
  477 +.no_button:hover, .no_button:focus, .no_button:active {
  478 + background-color: initial !important; }
  479 +
  480 +.popover {
  481 + background: #FFF;
  482 + color: #333; }
  483 +
  484 +.mural .post_make {
  485 + background: #FFFFFF; }
  486 +
  487 +.mural .post_make .user-img, .post .post-img, .post .post-comment .user-img div, .comment .comment-img div {
  488 + background: #CCCCCC; }
  489 +
  490 +.mural .post_make .post-field div {
  491 + border-color: #CCCCCC; }
  492 +
  493 +.mural .post_make .post-field h4 {
  494 + color: #CCCCCC; }
  495 +
  496 +.post_action i, .post .post-user .user-action i, .comment .comment-user .user-action i {
  497 + color: #232b2b; }
  498 +
  499 +.post .post-user, .comment .comment-user, .marked_user {
  500 + color: #3b444b; }
  501 +
  502 +.post .post-user .user-action {
  503 + color: #BBBBBB; }
  504 +
  505 +.post .time {
  506 + color: #ABABAB; }
  507 +
  508 +.post .post-comment {
  509 + border-top-color: #888888;
  510 + background: #e5e5e5; }
  511 +
  512 +.post .post-comment .comment-field div {
  513 + border-color: #888888;
  514 + background: #FFFFFF; }
  515 +
  516 +.comment-section {
  517 + background: #F5F5F5;
  518 + border-top-color: #AAAAAA; }
  519 +
  520 +.comment .comment-user .user-action {
  521 + color: #999999; }
  522 +
  523 +.comment-time {
  524 + color: #9A9A9A; }
  525 +
  526 +.btn_unfav {
  527 + color: #FF0000 !important; }
  528 +
  529 +.btn_fav {
  530 + color: #BBBBBB !important; }
  531 +
  532 +.post-filter {
  533 + background: #F5F5F5; }
  534 +
  535 +.post-filter h4 {
  536 + color: #3b444b; }
  537 +
  538 +.post-filter label {
  539 + color: #333333; }
  540 +
  541 +.post-filter i {
  542 + color: #FF0000; }
  543 +
  544 +.suggestions {
  545 + background: #FFFFFF; }
  546 +
  547 +.mural-category {
  548 + background: #EEE; }
  549 +
  550 +.btn:not(.btn-raised):not(.btn-link):focus, .btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover {
  551 + background-color: initial; }
  552 +
  553 +#participants, .participants-list {
  554 + background-color: #FFFFFF; }
  555 +
  556 +#participants {
  557 + box-shadow: -1px 1px 8px #000000; }
  558 +
  559 +#participants i {
  560 + color: #000000; }
  561 +
  562 +.participants-list {
  563 + box-shadow: -1px 2px 1px #000000; }
  564 +
  565 +@media(max-width: 768px) {
  566 + .navbar .navbar-nav .dropdown .dropdown-menu li > a {
  567 + color: #FFFFFF !important;
  568 + background-color: #0e1111; }
  569 +
  570 + .navbar .navbar-nav .dropdown .dropdown-menu li > a:hover {
  571 + backgroun-color: #474b4b !important; } }
  572 +
  573 +/*# sourceMappingURL=black.css.map */
... ...