Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: skin/popup.css

Issue 29321084: Issue 2195 - Added notification opt-out (Platform) (Closed)
Patch Set: Created June 25, 2015, 4:44 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « popup.html ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 45 matching lines...) Expand 10 before | Expand all | Expand 10 after
56 padding: 0px 20px; 56 padding: 0px 20px;
57 } 57 }
58 58
59 #notification, #menu 59 #notification, #menu
60 { 60 {
61 margin-bottom: 10px; 61 margin-bottom: 10px;
62 } 62 }
63 63
64 #notification 64 #notification
65 { 65 {
66 display: none;
67 position: relative; 66 position: relative;
68 margin-top: -70px; 67 margin-top: -70px;
69 min-height: 50px; 68 min-height: 50px;
70 padding: 10px; 69 padding: 10px;
71 color: #fff; 70 color: #fff;
72 border: 3px solid black; 71 border: 3px solid black;
73 background-color: #555; 72 background-color: #555;
74 } 73 }
75 74
76 #notification.critical 75 #notification.critical
(...skipping 12 matching lines...) Expand all
89 { 88 {
90 margin: 0px 15px 5px 0px; 89 margin: 0px 15px 5px 0px;
91 font-size: 15px; 90 font-size: 15px;
92 } 91 }
93 92
94 #notification a 93 #notification a
95 { 94 {
96 color: #fff; 95 color: #fff;
97 } 96 }
98 97
99 #close-notification 98 #notification-close
100 { 99 {
101 cursor: pointer; 100 cursor: pointer;
102 display: inline-block; 101 display: inline-block;
103 position: absolute; 102 position: absolute;
104 top: 10px; 103 top: 10px;
105 right: 10px; 104 right: 10px;
106 width: 8px; 105 width: 8px;
107 height: 8px; 106 height: 8px;
108 background-image: url(popup.png); 107 background-image: url(popup.png);
109 background-position: -34px -89px; 108 background-position: -34px -89px;
110 } 109 }
111 110
111 #notification.closing
112 {
113 border-color: #000;
114 background-color: #020D14;
115 }
116
117 #notification.closing #notification-content,
118 #notification:not(.closing) #notification-close-content
119 {
120 display: none;
121 }
122
123 #notification-close-content li
124 {
125 padding: 7px 7px 7px 17px;
126 color: #FFF;
127 text-decoration: underline;
128 white-space: inherit;
129 border: none;
130 }
131
132 #notification-close-content li::before
133 {
134 content: "\0203A";
135 display: inline-block; /* prevent pseudo element from being underlined */
136 width: 10px;
137 margin-left: -10px;
138 }
139
140 #notification-close-content li:hover
141 {
142 background-color: rgba(255, 255, 255, 0.3);
143 }
144
112 footer 145 footer
113 { 146 {
114 cursor: pointer; 147 cursor: pointer;
115 padding: 10px 35px; 148 padding: 10px 35px;
116 border-top: 1px solid #e1ddd8; 149 border-top: 1px solid #e1ddd8;
117 background-image: url(background-main.png); 150 background-image: url(background-main.png);
118 } 151 }
119 152
120 footer:hover 153 footer:hover
121 { 154 {
(...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after
335 368
336 .checkbox[aria-checked="false"]:hover 369 .checkbox[aria-checked="false"]:hover
337 { 370 {
338 background-position: -34px -49px; 371 background-position: -34px -49px;
339 } 372 }
340 373
341 label 374 label
342 { 375 {
343 vertical-align: middle; 376 vertical-align: middle;
344 } 377 }
OLDNEW
« no previous file with comments | « popup.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld