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 }