base/resources/public/css/site.css
changeset 5 de7c56ce0654
equal deleted inserted replaced
4:1a1347e8c5be 5:de7c56ce0654
       
     1 /*
       
     2  * SQWL colors:
       
     3  *  - green: #006634 / #00532b / #008745
       
     4  *  - red:   #e94e1b
       
     5  *  - brown: #693e11 / #482500 / #9a744c / #eedece
       
     6  */
       
     7 
       
     8 body {
       
     9   color: #693e11;
       
    10 }
       
    11 
       
    12 h1, h2, h3, a {
       
    13   color: #006634;
       
    14 }
       
    15 
       
    16 small, h4 small {
       
    17   color: #693e11;
       
    18 }
       
    19 
       
    20 .col-centered{
       
    21   float: none;
       
    22   margin: 0 auto;
       
    23 }
       
    24 
       
    25 .jumbotron {
       
    26   background-color: #eedece;
       
    27 }
       
    28 
       
    29 .panel-title, .navbar-default .navbar-nav>li>a {
       
    30   color: #006634;
       
    31 }
       
    32 
       
    33 .panel-default {
       
    34   border-color: #9a744c;
       
    35 }
       
    36 
       
    37 .panel-default>.panel-heading {
       
    38   background-color: #eedece;
       
    39   border-color: #9a744c;
       
    40   color: #693e11;
       
    41 }
       
    42 
       
    43 .panel-default>.panel-heading+.panel-collapse>.panel-body {
       
    44   border-top-color: #9a744c;
       
    45 }
       
    46 
       
    47 .panel-group .panel-heading+.panel-collapse>.list-group,
       
    48 .panel-group .panel-heading+.panel-collapse>.panel-body {
       
    49   border-top-color: #9a744c;
       
    50 }
       
    51 
       
    52 .panel-footer {
       
    53   background-color: #eedece;
       
    54   border-color: #9a744c;
       
    55 }
       
    56 
       
    57 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,
       
    58 .dropdown-menu>li>a {
       
    59   color: #693e11;
       
    60 }
       
    61 
       
    62 .navbar-brand {
       
    63   font-size: 32px;
       
    64 }
       
    65 
       
    66 .navbar-default {
       
    67   background-color: #eedece;
       
    68   border-color: #9a744c;
       
    69 }
       
    70 
       
    71 .navbar-section {
       
    72   font-size: 24px;
       
    73 }
       
    74 
       
    75 .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
       
    76   background-color: #006634;
       
    77 }
       
    78 
       
    79 .btn-default {
       
    80   border-color: #9a744c;
       
    81   color: #693e11;
       
    82   outline-color: #9a744c;
       
    83 }
       
    84 
       
    85 .btn-default.active, .btn-default.focus,
       
    86 .btn-default:active, .btn-default:focus, .btn-default:hover {
       
    87   background-color: #eedece;
       
    88   border-color: #9a744c;
       
    89   color: #693e11;
       
    90   outline-color: #9a744c;
       
    91 }
       
    92 
       
    93 .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus,
       
    94 .btn-default.disabled:active, .btn-default.disabled:focus,
       
    95 .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active,
       
    96 .btn-default[disabled].focus, .btn-default[disabled]:active,
       
    97 .btn-default[disabled]:focus, .btn-default[disabled]:hover,
       
    98 fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active,
       
    99 fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active,
       
   100 fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
       
   101   background-color: #eedece;
       
   102   border-color: #9a744c;
       
   103   color: #693e11;
       
   104 }
       
   105 
       
   106 .btn-primary {
       
   107   background-color: #006634;
       
   108   border-color: #00532b;
       
   109   outline-color: #00532b;
       
   110 }
       
   111 
       
   112 .btn-primary.active, .btn-primary.focus,
       
   113 .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
       
   114   background-color: #693e11;
       
   115   border-color: #482500;
       
   116   outline-color: #482500;
       
   117 }
       
   118 
       
   119 .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus,
       
   120 .btn-primary.disabled:active, .btn-primary.disabled:focus,
       
   121 .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active,
       
   122 .btn-primary[disabled].focus, .btn-primary[disabled]:active,
       
   123 .btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
       
   124 fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active,
       
   125 fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active,
       
   126 fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
       
   127   background-color: #008745;
       
   128   border-color: #00532b;
       
   129 }
       
   130 
       
   131 hr {
       
   132   border-top-color: #eedece;
       
   133 }
       
   134 
       
   135 .modal-header {
       
   136   border-bottom-color: #eedece;
       
   137 }
       
   138 
       
   139 div.modal-content a {
       
   140   cursor: pointer;
       
   141 }
       
   142 
       
   143 a.link {
       
   144   cursor: pointer;
       
   145 }
       
   146 
       
   147 /* SVG */
       
   148 svg g text {
       
   149   cursor: default;
       
   150 }
       
   151 
       
   152 svg g text.legend {
       
   153   font-family: sans-serif;
       
   154   font-size: 11px;
       
   155   fill: #111;
       
   156 }
       
   157 
       
   158 svg g line.level {
       
   159   stroke: grey;
       
   160   stroke-opacity: 0.75;
       
   161   stroke-width: 0.3px;
       
   162 }
       
   163 
       
   164 svg g line.level.level-val-100 {
       
   165   stroke: #693e11;
       
   166   stroke-width: 2px;
       
   167 }