| OLD | NEW |
| 1 /* Styles common to WebUI pages that share the options pages style */ | 1 /* Styles common to WebUI pages that share the options pages style */ |
| 2 body { | 2 body { |
| 3 cursor: default; | 3 cursor: default; |
| 4 font-size: 13px; | 4 font-size: 13px; |
| 5 } | 5 } |
| 6 | 6 |
| 7 a:link { | 7 a:link { |
| 8 color: rgb(63, 110, 194); | 8 color: rgb(63, 110, 194); |
| 9 } | 9 } |
| 10 | 10 |
| 11 a:active { | 11 a:active { |
| 12 color: rgb(37, 64, 113); | 12 color: rgb(37, 64, 113); |
| 13 } | 13 } |
| 14 | 14 |
| 15 #navbar-content-title { | 15 #navbar-content-title { |
| 16 -webkit-padding-end: 24px; | 16 -webkit-padding-end: 24px; |
| 17 -webkit-user-select: none; | 17 -webkit-user-select: none; |
| 18 color: #53637d; | 18 color: #333; |
| 19 cursor: pointer; | 19 cursor: pointer; |
| 20 font-size: 200%; | 20 font-size: 200%; |
| 21 font-weight: normal; | 21 font-weight: normal; |
| 22 margin: 0; | 22 margin: 0; |
| 23 padding-bottom: 14px; | 23 padding-bottom: 14px; |
| 24 padding-top: 13px; | 24 padding-top: 13px; |
| 25 text-align: end; | 25 text-align: end; |
| 26 text-shadow: white 0 1px 2px; | 26 text-shadow: white 0 1px 2px; |
| 27 } | 27 } |
| 28 | 28 |
| 29 #main-content { | 29 #main-content { |
| 30 display: -webkit-box; | 30 display: -webkit-box; |
| 31 position: absolute; | 31 position: absolute; |
| 32 left: 0; | 32 left: 0; |
| 33 right: 0; | 33 right: 0; |
| 34 top: 0; | 34 top: 0; |
| 35 bottom: 0; | 35 bottom: 0; |
| 36 } | 36 } |
| 37 | 37 |
| 38 #navbar { | 38 #navbar { |
| 39 margin: 0; | 39 margin: 0; |
| 40 } | 40 } |
| 41 | 41 |
| 42 #navbar-container { | 42 #navbar-container { |
| 43 -webkit-border-end: 1px solid #c6c9ce; | 43 -webkit-border-end: 1px solid #c6c9ce; |
| 44 background: -webkit-linear-gradient(rgba(234, 238, 243, 0.2), #eaeef3), | 44 background-color: #f1f1f1; |
| 45 -webkit-linear-gradient(left, #eaeef3, #eaeef3 97%, #d3d7db); | |
| 46 position: fixed; | 45 position: fixed; |
| 47 bottom: 0; | 46 bottom: 0; |
| 48 /* We set both left and right for the sake of RTL. */ | 47 /* We set both left and right for the sake of RTL. */ |
| 49 left: 0; | 48 left: 0; |
| 50 right: 0; | 49 right: 0; |
| 51 top: 0; | 50 top: 0; |
| 52 width: 216px; | 51 width: 216px; |
| 53 z-index: 2; | 52 z-index: 2; |
| 54 } | 53 } |
| 55 | 54 |
| 56 html[dir='rtl'] #navbar-container { | |
| 57 background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #EAEEF3), | |
| 58 -webkit-linear-gradient(right, #EAEEF3, #EAEEF3 97%, #D3D7DB); | |
| 59 } | |
| 60 | |
| 61 html.hide-menu #navbar-container { | 55 html.hide-menu #navbar-container { |
| 62 display: none; | 56 display: none; |
| 63 } | 57 } |
| 64 | 58 |
| 65 #navbar-container > ul { | 59 #navbar-container > ul { |
| 66 -webkit-user-select: none; | 60 -webkit-user-select: none; |
| 67 list-style-type: none; | 61 list-style-type: none; |
| 68 margin: 0; | 62 margin: 0; |
| 69 padding: 0; | 63 padding: 0; |
| 70 } | 64 } |
| 71 | 65 |
| 72 .navbar-item { | 66 .navbar-item { |
| 73 border-bottom: 1px solid transparent; | 67 border-bottom: 1px solid transparent; |
| 74 border-top: 1px solid transparent; | 68 border-top: 1px solid transparent; |
| 75 color: #426dc9; | 69 color: #333; |
| 76 cursor: pointer; | 70 cursor: pointer; |
| 77 display: block; | 71 display: block; |
| 78 font-size: 105%; | 72 font-size: 105%; |
| 79 outline: none; | 73 outline: none; |
| 80 padding: 7px 0; | 74 padding: 7px 0; |
| 81 text-align: end; | 75 text-align: end; |
| 82 text-shadow: white 0 1px 1px; | 76 text-shadow: white 0 1px 1px; |
| 83 -webkit-padding-end: 24px; | 77 -webkit-padding-end: 24px; |
| 84 } | 78 } |
| 85 | 79 |
| 86 .navbar-item:focus { | 80 .navbar-item:focus { |
| 87 border-bottom: 1px solid #8faad9; | 81 border-bottom: 1px solid #8faad9; |
| 88 border-top: 1px solid #8faad9; | 82 border-top: 1px solid #8faad9; |
| 89 } | 83 } |
| 90 | 84 |
| 91 .navbar-item-selected { | 85 .navbar-item-selected { |
| 92 -webkit-box-shadow: 0px 1px 0px #f7f7f7; | 86 -webkit-box-shadow: 0px 1px 0px #f7f7f7; |
| 93 background: -webkit-linear-gradient(left, #bbcee9, #bbcee9 97%, #aabedc); | 87 background-color: #bbcee9; |
| 94 border-bottom: 1px solid #8faad9; | 88 border-bottom: 1px solid #8faad9; |
| 95 border-top: 1px solid #8faad9; | 89 border-top: 1px solid #8faad9; |
| 96 color: black; | 90 color: black; |
| 97 text-shadow: #bbcee9 0 1px 1px; | 91 text-shadow: #bbcee9 0 1px 1px; |
| 98 } | 92 } |
| 99 | 93 |
| 100 #mainview { | 94 #mainview { |
| 101 -webkit-box-align: stretch; | 95 -webkit-box-align: stretch; |
| 102 -webkit-padding-start: 216px; | 96 -webkit-padding-start: 216px; |
| 103 margin: 0; | 97 margin: 0; |
| (...skipping 93 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 197 */ | 191 */ |
| 198 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, | 192 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, |
| 199 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { | 193 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { |
| 200 direction: rtl; | 194 direction: rtl; |
| 201 } | 195 } |
| 202 | 196 |
| 203 .page h1 { | 197 .page h1 { |
| 204 -webkit-padding-end: 24px; | 198 -webkit-padding-end: 24px; |
| 205 -webkit-user-select: none; | 199 -webkit-user-select: none; |
| 206 border-bottom: 1px solid #eeeeee; | 200 border-bottom: 1px solid #eeeeee; |
| 207 color: #53637d; | 201 color: #333; |
| 208 font-size: 200%; | 202 font-size: 200%; |
| 209 font-weight: normal; | 203 font-weight: normal; |
| 210 margin: 0; | 204 margin: 0; |
| 211 padding-bottom: 4px; | 205 padding-bottom: 4px; |
| 212 padding-top: 13px; | 206 padding-top: 13px; |
| 213 text-shadow: white 0 1px 2px; | 207 text-shadow: white 0 1px 2px; |
| 214 } | 208 } |
| OLD | NEW |