Print Preview: Fading in/out printing options.

chrome/browser/resources/print_preview.css

Index: chrome/browser/resources/print_preview.css
diff --git a/chrome/browser/resources/print_preview.css b/chrome/browser/resources/print_preview.css
index 0b6072746b160db4e34db78298aeb886bc7cb5d0..7398adcaacfdf6249e440c6c7b3af07129c315e4 100644
--- a/chrome/browser/resources/print_preview.css
+++ b/chrome/browser/resources/print_preview.css
@@ -475,6 +475,39 @@ span.hint.closing {
   opacity: 0;
 }
 
+.option {
+  -webkit-transition: color 200ms;
+  background: white;
+  display: block;
+  height: 0;
+  margin-bottom: 0;
+  margin: 0;
+  overflow: hidden;
+}
+
+.option.visible {
+  -webkit-animation-duration: 200ms;
+  -webkit-animation-fill-mode: forwards;
+  height: auto;
+  margin-bottom: -10px;
+  margin-top: 5px;
+  padding-bottom: 5px;
+}
+
+.option:not(.visible) + hr {
+  display: none;
+}
+
+.option.closing {
+  -webkit-transition: margin 100ms, height 100ms, opacity 200ms;
+  background: transparent;
+  height: 0 !important;
+  margin-bottom: 0;
+  margin-top: 0;
+  opacity: 0;
+}
+
+
 select {
   -webkit-box-shadow: inset 0 1px 2px white,
                       0 1px 2px rgba(0, 0, 0, .2);
@@ -660,12 +693,10 @@ select {
 #messages {
   color: #404040;
   font-size: 15px;
-  left: 25%;
   position: relative;
   text-align: center;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, .7);
   top: 50%;
-  width: 50%;
 }
 
 html[dir='rtl'] .messages {