| OLD | NEW |
| (Empty) |
| 1 | |
| 2 /* Global styles */ | |
| 3 * { | |
| 4 margin: 0; | |
| 5 padding: 0; | |
| 6 font: 400 14px 'Montserrat', sans-serif; | |
| 7 color: #333; | |
| 8 box-sizing: border-box; | |
| 9 } | |
| 10 | |
| 11 .content { | |
| 12 padding-left: 10%; | |
| 13 font: 400 14px 'Montserrat', sans-serif; | |
| 14 } | |
| 15 | |
| 16 .content-centered { | |
| 17 padding-left: 10%; | |
| 18 padding-right: 10%; | |
| 19 font: 400 14px 'Montserrat', sans-serif; | |
| 20 } | |
| 21 | |
| 22 .content-centered-big { | |
| 23 padding-left: 5%; | |
| 24 padding-right: 5%; | |
| 25 font: 400 14px 'Montserrat', sans-serif; | |
| 26 } | |
| 27 | |
| 28 h1 { | |
| 29 font: 400 18px 'Montserrat', sans-serif; | |
| 30 } | |
| 31 | |
| 32 .memberList { | |
| 33 display: table; | |
| 34 } | |
| 35 | |
| 36 .memberItem { | |
| 37 display: table-row; | |
| 38 } | |
| 39 | |
| 40 .memberName, .memberValue { | |
| 41 display: table-cell; | |
| 42 vertical-align: top; | |
| 43 padding: 3px 0 3px 1em; | |
| 44 font: 400 14px 'Montserrat', sans-serif; | |
| 45 } | |
| 46 | |
| 47 .monospace { | |
| 48 font-family: consolas, courier, monospace; | |
| 49 font-size: 1em; | |
| 50 line-height: 1.2em; | |
| 51 white-space: nowrap; | |
| 52 } | |
| 53 | |
| 54 a { | |
| 55 color: #0489c3; | |
| 56 text-decoration: none; | |
| 57 } | |
| 58 | |
| 59 a:hover { | |
| 60 text-decoration: underline; | |
| 61 } | |
| 62 | |
| 63 em { | |
| 64 color: inherit; | |
| 65 font-style: italic; | |
| 66 } | |
| 67 | |
| 68 b { | |
| 69 color: inherit; | |
| 70 font-weight: bold; | |
| 71 } | |
| 72 | |
| 73 hr { | |
| 74 margin-top: 20px; | |
| 75 margin-bottom: 20px; | |
| 76 border: 0; | |
| 77 border-top: 1px solid #eee; | |
| 78 height: 0; | |
| 79 box-sizing: content-box; | |
| 80 } | |
| 81 | |
| 82 .list-group { | |
| 83 padding-left: 0; | |
| 84 margin-bottom: 20px; | |
| 85 } | |
| 86 | |
| 87 .list-group-item { | |
| 88 position: relative; | |
| 89 display: block; | |
| 90 padding: 10px 15px; | |
| 91 margin-bottom: -1px; | |
| 92 background-color: #fff; | |
| 93 } | |
| 94 | |
| 95 .list-group-item:first-child { | |
| 96 /* rounded top corners */ | |
| 97 border-top-right-radius:4px; | |
| 98 border-top-left-radius:4px; | |
| 99 } | |
| 100 | |
| 101 .list-group-item:last-child { | |
| 102 margin-bottom: 0; | |
| 103 /* rounded bottom corners */ | |
| 104 border-bottom-right-radius: 4px; | |
| 105 border-bottom-left-radius:4px; | |
| 106 } | |
| 107 | |
| 108 /* Flex row container */ | |
| 109 .flex-row { | |
| 110 display: flex; | |
| 111 flex-direction: row; | |
| 112 } | |
| 113 | |
| 114 /* Flex column container */ | |
| 115 .flex-column { | |
| 116 display: flex; | |
| 117 flex-direction: column; | |
| 118 } | |
| 119 | |
| 120 .flex-item-fit { | |
| 121 flex-grow: 1; | |
| 122 flex-shrink: 1; | |
| 123 flex-basis: auto; | |
| 124 } | |
| 125 | |
| 126 .flex-item-no-shrink { | |
| 127 flex-grow: 0; | |
| 128 flex-shrink: 0; | |
| 129 flex-basis: auto; | |
| 130 } | |
| 131 | |
| 132 .flex-item-fill { | |
| 133 flex-grow: 0; | |
| 134 flex-shrink: 1; /* shrink when pressured */ | |
| 135 flex-basis: 100%; /* try and take 100% */ | |
| 136 } | |
| 137 | |
| 138 .flex-item-fixed-1-12 { | |
| 139 flex-grow: 0; | |
| 140 flex-shrink: 0; | |
| 141 flex-basis: 8.3%; | |
| 142 } | |
| 143 | |
| 144 .flex-item-fixed-2-12 { | |
| 145 flex-grow: 0; | |
| 146 flex-shrink: 0; | |
| 147 flex-basis: 16.6%; | |
| 148 } | |
| 149 | |
| 150 .flex-item-fixed-4-12 { | |
| 151 flex-grow: 0; | |
| 152 flex-shrink: 0; | |
| 153 flex-basis: 33.3333%; | |
| 154 } | |
| 155 | |
| 156 .flex-item-fixed-6-12, .flex-item-50-percent { | |
| 157 flex-grow: 0; | |
| 158 flex-shrink: 0; | |
| 159 flex-basis: 50%; | |
| 160 } | |
| 161 | |
| 162 .flex-item-fixed-8-12 { | |
| 163 flex-grow: 0; | |
| 164 flex-shrink: 0; | |
| 165 flex-basis: 66.6666%; | |
| 166 } | |
| 167 | |
| 168 .flex-item-fixed-9-12 { | |
| 169 flex-grow: 0; | |
| 170 flex-shrink: 0; | |
| 171 flex-basis: 75%; | |
| 172 } | |
| 173 | |
| 174 | |
| 175 .flex-item-fixed-12-12 { | |
| 176 flex-grow: 0; | |
| 177 flex-shrink: 0; | |
| 178 flex-basis: 100%; | |
| 179 } | |
| 180 | |
| 181 .flex-item-10-percent { | |
| 182 flex-grow: 0; | |
| 183 flex-shrink: 0; | |
| 184 flex-basis: 10%; | |
| 185 } | |
| 186 | |
| 187 .flex-item-15-percent { | |
| 188 flex-grow: 0; | |
| 189 flex-shrink: 0; | |
| 190 flex-basis: 15%; | |
| 191 } | |
| 192 | |
| 193 .flex-item-20-percent { | |
| 194 flex-grow: 0; | |
| 195 flex-shrink: 0; | |
| 196 flex-basis: 20%; | |
| 197 } | |
| 198 | |
| 199 .flex-item-30-percent { | |
| 200 flex-grow: 0; | |
| 201 flex-shrink: 0; | |
| 202 flex-basis: 30%; | |
| 203 } | |
| 204 | |
| 205 .flex-item-40-percent { | |
| 206 flex-grow: 0; | |
| 207 flex-shrink: 0; | |
| 208 flex-basis: 40%; | |
| 209 } | |
| 210 | |
| 211 .flex-item-50-percent { | |
| 212 flex-grow: 0; | |
| 213 flex-shrink: 0; | |
| 214 flex-basis: 50%; | |
| 215 } | |
| 216 | |
| 217 .flex-item-60-percent { | |
| 218 flex-grow: 0; | |
| 219 flex-shrink: 0; | |
| 220 flex-basis: 60%; | |
| 221 } | |
| 222 | |
| 223 .flex-item-70-percent { | |
| 224 flex-grow: 0; | |
| 225 flex-shrink: 0; | |
| 226 flex-basis: 70%; | |
| 227 } | |
| 228 | |
| 229 .flex-item-80-percent { | |
| 230 flex-grow: 0; | |
| 231 flex-shrink: 0; | |
| 232 flex-basis: 80%; | |
| 233 } | |
| 234 | |
| 235 .well { | |
| 236 min-height: 20px; | |
| 237 padding: 19px; | |
| 238 margin-bottom: 20px; | |
| 239 background-color: #f5f5f5; | |
| 240 border: 1px solid #e3e3e3; | |
| 241 border-radius: 4px; | |
| 242 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | |
| 243 } | |
| 244 | |
| 245 .break-wrap { | |
| 246 word-wrap: break-word; | |
| 247 } | |
| OLD | NEW |