Index: chrome/browser/resources/new_new_tab.css |
=================================================================== |
--- chrome/browser/resources/new_new_tab.css (revision 32026) |
+++ chrome/browser/resources/new_new_tab.css (working copy) |
@@ -687,22 +687,72 @@ |
margin: 10px 0; |
} |
-#themes-promo { |
+/* promotions line */ |
+#bottom-right-promo { |
position: absolute; |
+ display: block; |
arv (Not doing code reviews)
2009/11/16 17:47:48
Do you really need display block here?
Miranda Callahan
2009/11/16 22:10:54
No; removed.
|
+ width: 180px; |
+ height: 131px; |
+ border: 0; |
bottom: 0px; |
arv (Not doing code reviews)
2009/11/16 17:47:48
bottom: 0;
Don't use units for zero
Miranda Callahan
2009/11/16 22:10:54
Done.
|
right: 0px; |
} |
-#themes-promo * { |
+#footer { |
+ position: fixed; |
+ bottom: 0px; |
+ left: 0px; |
+ text-align: center; |
+ width: 100%; |
display: block; |
arv (Not doing code reviews)
2009/11/16 17:47:48
Do you really need display block here?
Miranda Callahan
2009/11/16 22:10:54
No; removed.
|
} |
-#themes-promo img { |
- width: 150px; |
- height: 180px; |
- border: 0; |
+#promo-line { |
+ background-color: hsl(52, 100%, 80%); |
+ border: 1px solid rgb(211, 211, 211); |
+ -webkit-border-radius: 6px; |
+ padding: 7px 10px; |
+ white-space: nowrap; |
+ display: inline-block; |
+ color: black; |
} |
+#promo-line > * { |
+ display: inline-block; |
+ font-weight: bold; |
+ text-overflow: ellipsis; |
+} |
+ |
+#promo-line a { |
+ color: rgb(6, 45, 117); |
+ text-decoration: underline; |
+} |
+ |
+#promo-new { |
+ color: red; |
+} |
+ |
+#promo-close { |
+ display: inline-block; |
+ border: 0px; |
+ margin-left: 10px; |
+ margin-right: auto; |
+ vertical-align: middle; |
+ width: 16px; |
+ height: 16px; |
+ background: no-repeat; |
+ background-image: url(chrome://theme/close_bar); |
+} |
+ |
+#promo-close:hover, |
+#promo-close:focus { |
+ background-image: url(chrome://theme/close_bar_h); |
+} |
+ |
+#promo-close:active { |
+ background-image: url(chrome://theme/close_bar_p); |
+} |
+ |
/* small */ |
@media (max-width: 920px) { |