Changeset 434


Ignore:
Timestamp:
Jul 27, 2020, 12:11:02 PM (2 weeks ago)
Author:
g7moreau
Message:
  • Begin to parameter css color (in order to make theme)
File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/nagios-velvice/velvice.css

    r291 r434  
     1/* variable */
     2:root {
     3   --main-bg-color:           #EEE;
     4   --title-border-color:      #ACF;
     5   --title-txt-color:         #88D066;
     6   --button-left-color:       #E0E0E0;
     7   --button-right-color:      #F0F0F0;
     8   --button-border-color:     #777;
     9   --button-sep-color:        #AAA;
     10   --box-bg-checking-color:   #EB7239;
     11   --footer-txt-color:        #666;
     12   }
     13
     14/* global */
     15html {
     16   background-color: var(--main-bg-color);
     17   }
     18   
    119/* header */
    220.header h1 {
    3    color:            #88D066;
     21   color:            var(--title-txt-color);
    422   border-bottom:    2px solid;
    523   border-color:     black;
    624   border-left:      2px solid;
    725   border-radius:    0px 0px 0px 3ex;
    8    border-color:     #AACCFF;
     26   border-color:     var(--title-border-color);
    927   margin-left:      2%;
    1028   }
     
    2240
    2341a#refresh {
    24    background:       #E0E0E0;
     42   background:       var(--button-left-color);
    2543   border-radius:    1.8ex;;
    2644   margin-left:      2ex;
     
    4765
    4866span.button {
    49     border:          1px solid #777;
     67    border:          1px solid var(--button-border-color);
    5068    margin:          10px 3px 3px 4px;
    51     background:      #F0F0F0;
     69    background:      var(--button-right-color);
    5270    border-radius:   2ex;
    5371    padding:         0ex 0.8ex 0px 0ex;
     
    5573
    5674.button a {
    57    background:       #E0E0E0;
    58    border-right:     2px solid #AAA;
     75   background:       var(--button-left-color);
     76   border-right:     2px solid var(--button-sep-color);
    5977   border-radius:    2ex 0px 0px 2ex;
    6078   padding:          0px 0.5ex 0ex 0.9ex;
     
    97115
    98116td.checking {
    99    background-color: #EB7239;
     117   background-color: var(--box-bg-checking-color);
    100118   border-radius:    0ex 2ex 2ex 0ex;
    101119   color:            white;
     
    113131   border-style:     solid;
    114132   border-width:     1px;
    115    color:            #AACCFF;
     133   color:            var(--title-border-color);
    116134   margin-top:       4ex;
    117135   width:            70%;
     
    120138/* action */
    121139.action h2 {
    122    color:            #88D066;
     140   color:            var(--title-txt-color);
    123141   }
    124142
     
    131149div.footer {
    132150   font-size:        xx-small;
    133    color:            #666;
     151   color:            var(--footer-txt-color);
    134152   }
    135153
Note: See TracChangeset for help on using the changeset viewer.