Side by Side Diff: design/notify.css
Issue 8560083:
adblockplusopera: Port UI code from Chrome (Closed)
Patch Set:
Created Oct. 16, 2012, 2:16 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« background.js ('K')
|
« design/input.css ('k')
|
help.html » ('j')
|
update_locales.py » ('J')
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 |
|---|---|
| (Empty) | |
| 1 @keyframes notify_back_animate_in | |
| 2 { | |
| 3 0% { opacity: 0; } | |
| 4 100% { opacity: 0.2; } | |
| 5 } | |
| 6 @keyframes notify_popup_animate_in | |
| 7 { | |
| 8 0% { opacity: 0; } | |
| 9 100% { opacity: 0.9; } | |
| 10 } | |
| 11 @keyframes notify_back_animate_out | |
| 12 { | |
| 13 0% { opacity: 0.2; } | |
| 14 50% { opacity: 0; } | |
| 15 100% { opacity: 0; } | |
| 16 } | |
| 17 @keyframes notify_popup_animate_out | |
| 18 { | |
| 19 0% { opacity: 0.9; } | |
| 20 50% { opacity: 0; } | |
| 21 100% { opacity: 0; } | |
| 22 } | |
| 23 #notification div:first-child { | |
| 24 animation: notify_back_animate_in 0.6s ease-in; | |
| 25 width:100%; | |
| 26 height:100%; | |
| 27 opacity: 0.2; | |
| 28 background: black; | |
| 29 position:fixed; | |
| 30 top: 0px; | |
| 31 left: 0px; | |
| 32 } | |
| 33 #notification div:last-child { | |
| 34 animation: notify_popup_animate_in 0.6s ease-in; | |
| 35 text-align: center; | |
| 36 opacity: 0.9; | |
| 37 position:fixed; | |
| 38 top:40%; | |
| 39 left:30%; | |
| 40 width:40%; | |
| 41 padding: 8px; | |
| 42 width: 30%; | |
| 43 min-height: 20%; | |
| 44 background-image:-o-linear-gradient(#E0E0E0, #B0B0B0); | |
| 45 box-shadow:0px 0px 4px 2px #444444; | |
| 46 border-radius:5px; | |
| 47 } | |
| OLD | NEW |
