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