auditor

Public Website for an auditor
Log | Files | Refs | Submodules | README

styles.css (2835B)


      1 .lang-slector {
      2 	float: right;
      3 	padding-top: 2mm;
      4 	padding-bottom: 4mm;
      5 	margin-left:  15px;
      6 	margin-right: 15px;
      7 }
      8 
      9 html {
     10 	overflow-y: scroll;
     11 }
     12 
     13 ul nav {
     14     background-color: rgb(8,8,8);
     15     border-radius: 0px;
     16 }
     17 
     18 .c_acronym {
     19   background-color: #A5C663;
     20 }
     21 
     22 
     23 a,
     24 a:link,
     25 a:visited {
     26     text-decoration: underline;
     27     color: black;
     28 }
     29 
     30 nav a,
     31 nav a:link,
     32 nav a:visited {
     33     text-decoration: none;
     34 }
     35 
     36 .navbar-light .navbar-nav .nav-link {
     37     /* 0,0,0,.5 makes it problematic to read,
     38        simply black is less problematic */
     39     color: rgb(0, 0, 0);
     40     text-decoration: underline;
     41 }
     42 
     43 #body_content a:hover {
     44   transition: background-color 0.3s;
     45   background-color: rgba(200, 200, 200, 0.5);
     46 }
     47 
     48 .c_intro {
     49   min-height: 97vh;
     50 }
     51 
     52 /* don't show the language selector in the dropdown on mobile devices,
     53  * since it's in the top bar already.
     54  */
     55 .in .nav-lang {
     56   display: none;
     57 }
     58 
     59 .mobile-lang {
     60   margin-left:5px;
     61   margin-top: 8px;
     62 }
     63 
     64 #mybody {
     65   /* override ugly bootstrap defaults */
     66   color: black;
     67   position: relative;
     68   min-height: 100%;
     69 }
     70 
     71 #body_content {
     72   height: 100%;
     73 }
     74 
     75 footer {
     76   position: relative;
     77   bottom: 0;
     78   height: 340px;
     79 }
     80 
     81 .btn-dark {
     82   background-color: #9d9d9d;
     83 }
     84 
     85 
     86 #mybody nav {
     87  border-radius: 0px;
     88 }
     89 
     90 footer {
     91   padding-top: 2em;
     92   margin-top: 2em;
     93 }
     94 
     95 
     96 #body_content .container {
     97   margin-bottom: 2em;
     98   padding-top: 1em;
     99   padding-bottom: 1em;
    100 }
    101 
    102 #body_content {
    103   /* push footer down */
    104   min-height: 80vh;
    105 }
    106 
    107 .footer-list {
    108   list-style: none;
    109 }
    110 
    111 .cushion-above {
    112   padding-top: 2em;
    113 }
    114 
    115 .cushion-below {
    116   padding-bottom: 2em;
    117 }
    118 
    119 .invert {
    120   -webkit-filter: invert(100%);
    121   filter: invert(100%);
    122 }
    123 
    124 /* overrides bootstrap defaults.  */
    125 .navbar-brand {
    126   display: contents;
    127 }
    128 
    129 .taler_home {
    130   width: 8%;
    131 }
    132 
    133 .checkmark {
    134   height: 1em;
    135   margin-right: 0.3em;
    136   vertical-align: baseline;
    137   position: relative;
    138   top: 0.2em;
    139 }
    140 
    141 .checklist {
    142   margin-top: 1em;
    143   margin-bottom: 1em;
    144   list-style-type: none;
    145   padding-left: 0px;
    146   font-size: 1.2rem;
    147 }
    148 
    149 .tlr {
    150   display: inline-block;
    151   position: relative;
    152 }
    153 
    154 .tlr::before {
    155   content: "";
    156   position: absolute;
    157   width: 100%;
    158   height: 25%;
    159   bottom: 0;
    160   left: 0.2em;
    161   background: rgba(170, 57, 57, 0.3);
    162   z-index: -1;
    163 }
    164 
    165 
    166 .timeline header {
    167   text-align: left;
    168   margin-bottom: 5px;
    169 }
    170 
    171 
    172 ul.timeline {
    173     list-style-type: none;
    174     position: relative;
    175 }
    176 ul.timeline:before {
    177     content: ' ';
    178     background: #d4d9df;
    179     display: inline-block;
    180     position: absolute;
    181     left: 29px;
    182     width: 2px;
    183     height: 100%;
    184     z-index: 400;
    185 }
    186 ul.timeline > li {
    187     margin: 20px 0;
    188     padding-left: 20px;
    189 }
    190 ul.timeline > li:before {
    191     content: ' ';
    192     background: white;
    193     display: inline-block;
    194     position: absolute;
    195     border-radius: 50%;
    196     border: 3px solid #22c0e8;
    197     left: 20px;
    198     width: 20px;
    199     height: 20px;
    200     z-index: 400;
    201 }