| OLD | NEW |
| 1 #settings-title { | 1 #settings-title { |
| 2 height: 30px; | 2 height: 30px; |
| 3 padding-right: 15px; | 3 padding-right: 15px; |
| 4 padding-top: 20px; | 4 padding-top: 20px; |
| 5 text-align: right; | 5 text-align: right; |
| 6 font-size: 140%; | 6 font-size: 140%; |
| 7 color: #c7c7c7; | 7 color: #c7c7c7; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #main-content { | 10 #main-content { |
| 11 display: -webkit-box; | 11 display: -webkit-box; |
| 12 position: absolute; | 12 position: absolute; |
| 13 left: 0; | 13 left: 0; |
| 14 right: 0; | 14 right: 0; |
| 15 top: 0; | 15 top: 0; |
| 16 bottom: 0; | 16 bottom: 0; |
| 17 } | 17 } |
| 18 | 18 |
| 19 .overlay { |
| 20 position: fixed; |
| 21 left: 0; |
| 22 right: 0; |
| 23 background: rgba(0, 0, 0, .5); |
| 24 top: 0; |
| 25 bottom: 0; |
| 26 z-index: 10; |
| 27 padding: 20px; |
| 28 } |
| 29 |
| 30 #close-overlay { |
| 31 float: right; |
| 32 position: relative; |
| 33 right: -20px; |
| 34 top: -20px; |
| 35 width: 20px; |
| 36 height: 20px; |
| 37 } |
| 38 |
| 39 #overlayview { |
| 40 background: white; |
| 41 border-radius: 5px; |
| 42 padding: 30px; |
| 43 } |
| 44 |
| 19 #navbar-container { | 45 #navbar-container { |
| 20 background: -webkit-gradient(linear, | 46 background: -webkit-gradient(linear, |
| 21 left top, | 47 left top, |
| 22 left bottom, | 48 left bottom, |
| 23 from(rgba(255,255,255,0)), | 49 from(rgba(255,255,255,0)), |
| 24 color-stop(0.7, rgba(255,255,255,0)), | 50 color-stop(0.7, rgba(255,255,255,0)), |
| 25 to(white)), | 51 to(white)), |
| 26 -webkit-gradient(linear, | 52 -webkit-gradient(linear, |
| 27 left top, | 53 left top, |
| 28 right top, | 54 right top, |
| (...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 92 } | 118 } |
| 93 | 119 |
| 94 section { | 120 section { |
| 95 margin-top: 10px; | 121 margin-top: 10px; |
| 96 border-bottom: 1px solid #ededed; | 122 border-bottom: 1px solid #ededed; |
| 97 padding-bottom: 10px; | 123 padding-bottom: 10px; |
| 98 clear: left; | 124 clear: left; |
| 99 } | 125 } |
| 100 | 126 |
| 101 section > h3 { | 127 section > h3 { |
| 102 font-weight: bold; | 128 font-weight: bold; |
| 103 float: left; | 129 float: left; |
| 104 width: 150px; | 130 width: 150px; |
| 105 font-size: 75%; | 131 font-size: 75%; |
| 106 padding-left: 15px; | 132 padding-left: 15px; |
| 107 } | 133 } |
| 108 | 134 |
| 109 section > div:only-of-type { | 135 section > div:only-of-type { |
| 110 margin-left: 175px; | 136 margin-left: 175px; |
| 111 } | 137 } |
| 112 | 138 |
| (...skipping 10 matching lines...) Expand all Loading... |
| 123 -webkit-margin-start: 18px; | 149 -webkit-margin-start: 18px; |
| 124 } | 150 } |
| 125 | 151 |
| 126 .hidden { | 152 .hidden { |
| 127 display: none; | 153 display: none; |
| 128 } | 154 } |
| 129 | 155 |
| 130 .touch-slider { | 156 .touch-slider { |
| 131 -webkit-appearance: slider-horizontal; | 157 -webkit-appearance: slider-horizontal; |
| 132 } | 158 } |
| OLD | NEW |