Side by Side Diff: skin/popup.css
Issue 5749582424178688:
Ported over anti-adblock message notification (Closed)
Patch Set:
Created Feb. 28, 2014, 6:41 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« popup.html ('K')
|
« popup.html ('k')
|
webrequest.js » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 body | 1 body |
| 2 { | 2 { |
| 3 min-width: 250px; | 3 min-width: 250px; |
| 4 margin: 0px; | 4 margin: 0px; |
| 5 font-family: Segoe UI, Arial, sans-serif; | 5 font-family: Segoe UI, Arial, sans-serif; |
| 6 font-size: 13px; | 6 font-size: 13px; |
| 7 color: #545454; | 7 color: #545454; |
| 8 background-color: #f8f6f2; | 8 background-color: #f8f6f2; |
| 9 background-image: url(background.png); | 9 background-image: url(background.png); |
| 10 } | 10 } |
| (...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 69 border: 3px solid black; | 69 border: 3px solid black; |
| 70 background-color: #555; | 70 background-color: #555; |
| 71 } | 71 } |
| 72 | 72 |
| 73 #notification.critical | 73 #notification.critical |
| 74 { | 74 { |
| 75 border-color: #a4311c; | 75 border-color: #a4311c; |
| 76 background-color: #c72e12; | 76 background-color: #c72e12; |
| 77 } | 77 } |
| 78 | 78 |
| 79 #notification.information | 79 #notification.information, |
| 80 #notification.question | |
| 80 { | 81 { |
| 81 border-color: #1c5fa4; | 82 border-color: #1c5fa4; |
| 82 background-color: #1281c7; | 83 background-color: #1281c7; |
| 83 } | 84 } |
| 84 | 85 |
| 86 #notification-question | |
| 87 { | |
| 88 display: none; | |
| 89 margin-top: 10px; | |
| 90 } | |
| 91 | |
| 92 #notification.question #notification-question | |
| 93 { | |
| 94 display: block; | |
| 95 } | |
| 96 | |
| 85 #notification h1 | 97 #notification h1 |
| 86 { | 98 { |
| 87 margin: 0px 15px 5px 0px; | 99 margin: 0px 15px 5px 0px; |
| 88 font-size: 15px; | 100 font-size: 15px; |
| 89 } | 101 } |
| 90 | 102 |
| 91 #notification a | 103 #notification a |
| 92 { | 104 { |
| 93 color: #fff; | 105 color: #fff; |
| 94 } | 106 } |
| 95 | 107 |
| 96 #close-notification | 108 #close-notification |
| 97 { | 109 { |
| 98 cursor: pointer; | 110 cursor: pointer; |
| 99 display: inline-block; | 111 display: inline-block; |
| 100 position: absolute; | 112 position: absolute; |
| 101 top: 10px; | 113 top: 10px; |
| 102 right: 10px; | 114 right: 10px; |
| 103 width: 8px; | 115 width: 8px; |
| 104 height: 8px; | 116 height: 8px; |
| 105 background-image: url(popup.png); | 117 background-image: url(popup.png); |
| 106 background-position: -34px -89px; | 118 background-position: -34px -89px; |
| 107 } | 119 } |
| 108 | 120 |
| 121 #notification-question button | |
| 122 { | |
| 123 cursor: pointer; | |
| 124 padding: 3px 8px; | |
| 125 color: #1281c7; | |
| 126 border: none; | |
| 127 border-radius: 2px; | |
| 128 background-color: white; | |
| 129 } | |
| 130 | |
| 109 footer | 131 footer |
| 110 { | 132 { |
| 111 cursor: pointer; | 133 cursor: pointer; |
| 112 padding: 10px 35px; | 134 padding: 10px 35px; |
| 113 border-top: 1px solid #e1ddd8; | 135 border-top: 1px solid #e1ddd8; |
| 114 background-image: url(background-main.png); | 136 background-image: url(background-main.png); |
| 115 } | 137 } |
| 116 | 138 |
| 117 footer:hover | 139 footer:hover |
| 118 { | 140 { |
| (...skipping 207 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 326 | 348 |
| 327 .checkbox[aria-checked="false"]:hover | 349 .checkbox[aria-checked="false"]:hover |
| 328 { | 350 { |
| 329 background-position: -34px -49px; | 351 background-position: -34px -49px; |
| 330 } | 352 } |
| 331 | 353 |
| 332 label | 354 label |
| 333 { | 355 { |
| 334 vertical-align: middle; | 356 vertical-align: middle; |
| 335 } | 357 } |
| OLD | NEW |
