Chromium Code Reviews| 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) { |