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

Side by Side Diff: skin/new-options.css

Issue 29519650: Issue 5540 - implement notification (Closed)
Patch Set: Created Aug. 25, 2017, 11:03 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« new-options.html ('K') | « skin/delete.svg ('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 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-present eyeo GmbH 3 * Copyright (C) 2006-present eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 1060 matching lines...) Expand 10 before | Expand all | Expand 10 after
1071 body:not([data-dialog="language-change"]) #dialog-title-language-change, 1071 body:not([data-dialog="language-change"]) #dialog-title-language-change,
1072 body:not([data-dialog="language-add"]):not([data-dialog="language-change"]) #dia log-content-language-add, 1072 body:not([data-dialog="language-add"]):not([data-dialog="language-change"]) #dia log-content-language-add,
1073 body:not([data-dialog="language-add"]) #dialog-body button.add, 1073 body:not([data-dialog="language-add"]) #dialog-body button.add,
1074 body:not([data-dialog="language-change"]) #dialog-body button.change, 1074 body:not([data-dialog="language-change"]) #dialog-body button.change,
1075 body:not([data-dialog="predefined"]) #dialog-title-predefined, 1075 body:not([data-dialog="predefined"]) #dialog-title-predefined,
1076 body:not([data-dialog="predefined"]) #dialog-content-predefined, 1076 body:not([data-dialog="predefined"]) #dialog-content-predefined,
1077 body:not([data-dialog]) #dialog 1077 body:not([data-dialog]) #dialog
1078 { 1078 {
1079 display: none; 1079 display: none;
1080 } 1080 }
1081
1082 /*
1083 Notification
1084 */
1085
1086 #notification
1087 {
1088 position: fixed;
1089 top: 0rem;
1090 left: 0rem;
1091 display: flex;
1092 padding: 1rem 1.9rem;
1093 width: 100%;
1094 box-sizing: border-box;
1095 opacity: 0.8;
1096 font-size: 1rem;
1097 color: #099CD0;
1098 background-color: #E1F2FA;
1099 }
1100
1101 #notification strong
1102 {
1103 flex: 1;
1104 text-align: center;
1105 }
1106
1107 #hide-notification
1108 {
1109 border: 0rem;
1110 padding: 0rem;
1111 margin: 0rem 1rem;
1112 background-color: transparent;
1113 cursor: pointer;
1114 }
1115
1116 #hide-notification::after
1117 {
1118 content: "";
1119 display: block;
1120 height: 1rem;
1121 width: 1rem;
1122 border: 0rem;
1123 background-color: #099DD1;
1124 -webkit-mask: url(delete.svg);
1125 mask: url(delete.svg);
1126 }
1127
1128 #hide-notification:hover::after
1129 {
1130 background-color: #5CBCE1;
1131 }
OLDNEW
« new-options.html ('K') | « skin/delete.svg ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld