| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859
-1"><meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 3 |
| 4 |
| 5 <title>Expanding boxes</title> |
| 6 <div id="cf" style="right:400px"> |
| 7 <div id="momofuku" style="background-color:#8888FF; text-align:left; col
or: rgba(0, 0, 0, 1);"> |
| 8 Momofuku |
| 9 </div> |
| 10 <div id="large_description" style="background-color:#8888FF; text-align:
left; position: absolute; overflow:hidden; top:0px;"> |
| 11 Noodle Bar |
| 12 </div> |
| 13 <div id="restaurant_icon" style="background-image:url(restaurant_icon.pn
g); background-position:center; position: absolute; background-size: contain;"> |
| 14 </div> |
| 15 <div id="maps_icon" style="background-image:url(maps_icon.png); backgrou
nd-position:center; position: absolute; background-size: contain;"> |
| 16 </div> |
| 17 <div id="small_description" style="background-color:#8888FF; text-align:
left; font-size:14px; float:bottom;"> |
| 18 Noodle Bar<br>12p<br> |
| 19 </div> |
| 20 <div id="long_description" style="background-color:#FFFF88; width:50%; f
loat:left; font-size:12px; overflow:hidden"> |
| 21 <br> |
| 22 <b>Address</b><br> |
| 23 163 1st Ave<br> |
| 24 Btwn 10th & 11th St.<br> |
| 25 New York, NY 10003<br> |
| 26 <br> |
| 27 <b>Contact</b><br> |
| 28 (212) 315-4441<br> |
| 29 <br> |
| 30 <b>When</b><br> |
| 31 Saturday, September 7th at 12:00pm<br> |
| 32 <br> |
| 33 <b>Reminder</b><br> |
| 34 2 hours before<br> |
| 35 </div> |
| 36 <div id="menu_image" style="width:50%; left:50%; float:left; background-
image:url(momofuku_noodle_bar.jpg); background-position:center;"> |
| 37 </div> |
| 38 </div> |
| 39 <style> |
| 40 #cf { |
| 41 position:absolute; |
| 42 width:100px; |
| 43 color: rgba(0, 0, 0, 0); |
| 44 box-shadow: 0px 0px 0px #000000; |
| 45 -webkit-transition-duration: 1s; |
| 46 -webkit-transform: translate3d(10px, 0, 0); |
| 47 } |
| 48 #cf.hover { |
| 49 width:400px; |
| 50 font-size:24px; |
| 51 color: rgba(0, 0, 0, 1); |
| 52 box-shadow: 0px 0px 15px #000000; |
| 53 -webkit-transform: translate3d(20px, 0, 0); |
| 54 } |
| 55 #small_description { |
| 56 color: rgba(0, 0, 0, 1); |
| 57 -webkit-transition-duration: 1s; |
| 58 } |
| 59 #cf.hover #small_description { |
| 60 color: rgba(0, 0, 0, 0); |
| 61 } |
| 62 #long_description { |
| 63 height:0px; |
| 64 color: rgba(0, 0, 0, 0); |
| 65 -webkit-transition-duration: 1s; |
| 66 } |
| 67 #cf.hover #long_description { |
| 68 color: rgba(0, 0, 0, 1); |
| 69 height:210px; |
| 70 } |
| 71 #menu_image { |
| 72 height:0px; |
| 73 -webkit-transition-duration: 1s; |
| 74 } |
| 75 #cf.hover #menu_image { |
| 76 height:210px; |
| 77 } |
| 78 #large_description { |
| 79 color: rgba(0, 0, 0, 0); |
| 80 font-size:14px; |
| 81 height:16px; |
| 82 width:0px; |
| 83 left:64px; |
| 84 -webkit-transition-duration: 1s; |
| 85 } |
| 86 #cf.hover #large_description { |
| 87 font-size:24px; |
| 88 height:28px; |
| 89 width:180px; |
| 90 left:116px; |
| 91 color: rgba(0, 0, 0, 1); |
| 92 } |
| 93 #momofuku { |
| 94 font-size:14px; |
| 95 height:16px; |
| 96 left:100px; |
| 97 -webkit-transition-duration: 1s; |
| 98 } |
| 99 #cf.hover #momofuku { |
| 100 font-size:24px; |
| 101 height:28px; |
| 102 } |
| 103 #restaurant_icon { |
| 104 top:15px; |
| 105 right:15px; |
| 106 width:30px; |
| 107 height:30px; |
| 108 opacity:0; |
| 109 -webkit-transition-duration: 1s; |
| 110 } |
| 111 #cf.hover #restaurant_icon { |
| 112 top:5px; |
| 113 right:5px; |
| 114 width:50px; |
| 115 height:50px; |
| 116 opacity:1; |
| 117 } |
| 118 #maps_icon { |
| 119 top:50px; |
| 120 left:45px; |
| 121 width:0px; |
| 122 height:0px; |
| 123 opacity:0; |
| 124 -webkit-transition-duration: 1s; |
| 125 } |
| 126 #cf.hover #maps_icon { |
| 127 top:75px; |
| 128 left:130px; |
| 129 width:50px; |
| 130 height:50px; |
| 131 opacity:1; |
| 132 } |
| 133 </style> |
| 134 <style type="text/css"></style></head> |
| 135 <script> |
| 136 setInterval(function() { |
| 137 document.querySelector('#cf').classList.toggle('hover'); |
| 138 }, 1500); |
| 139 </script> |
| 140 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 117833002:
telemetry: extend key_silk_cases.json (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src