| OLD | NEW |
| 1 html { | 1 html { |
| 2 background-image:url(chrome://theme/theme_ntp_background?$1); | 2 background-image:url(chrome://theme/theme_ntp_background?$1); |
| 3 background-color:$2; | 3 background-color:$2; |
| 4 background-position:$3; | 4 background-position:$3; |
| 5 background-repeat:$5; | 5 background-repeat:$5; |
| 6 overflow:hidden; | 6 overflow:hidden; |
| 7 } | 7 } |
| 8 html[bookmarkbarattached='true'] { | 8 html[bookmarkbarattached='true'] { |
| 9 background-position:$4; | 9 background-position:$4; |
| 10 } | 10 } |
| 11 body { | 11 body { |
| 12 color: $8; | 12 color: $8; |
| 13 height:100%; | 13 height:100%; |
| 14 overflow:auto; | 14 overflow:auto; |
| 15 } | 15 } |
| 16 #main { |
| 17 background: url(chrome://theme/product_logo?$1) no-repeat 0 8px; |
| 18 } |
| 19 :visited, |
| 20 .link { |
| 21 cursor: pointer; |
| 22 text-decoration: underline; |
| 23 color: $8; |
| 24 } |
| 16 .thumbnail-container, | 25 .thumbnail-container, |
| 17 .list > .thumbnail-container > .title, | 26 .list > .thumbnail-container > .title, |
| 18 .list .title > div, | 27 .list .title > div, |
| 19 .thumbnail-container > .title { | 28 .thumbnail-container > .title { |
| 20 color: $8; | 29 color: $8; |
| 21 } | 30 } |
| 22 .thumbnail-container:focus .thumbnail, | 31 .thumbnail-container:focus .thumbnail, |
| 23 .thumbnail-container:hover .thumbnail { | 32 .thumbnail-container:hover .thumbnail { |
| 24 border-color: $6; | 33 border-color: $6; |
| 25 } | 34 } |
| 26 .thumbnail-container:focus .edit-bar, | 35 .thumbnail-container:focus .edit-bar, |
| 27 .thumbnail-container:hover .edit-bar { | 36 .thumbnail-container:hover .edit-bar { |
| 28 background-color: $6; | 37 background-color: $6; |
| 29 background-image: -webkit-gradient(linear, left top, left bottom, | 38 background-image: -webkit-gradient(linear, left top, left bottom, |
| 30 from($7), | 39 from($7), |
| 31 to($6)); | 40 to($6)); |
| 32 } | 41 } |
| 33 .thumbnail-container:hover > .edit-mode-border { | 42 .thumbnail-container:hover > .edit-mode-border { |
| 34 background-color: $6; | 43 background-color: $6; |
| 35 } | 44 } |
| 36 :visited, | |
| 37 .link { | |
| 38 cursor: pointer; | |
| 39 text-decoration: underline; | |
| 40 color: $8; | |
| 41 } | |
| 42 .edit-mode-border { | 45 .edit-mode-border { |
| 43 background-color: $7; | 46 background-color: $7; |
| 44 } | 47 } |
| 45 .section { | 48 .section { |
| 46 border: 1px solid $7; | 49 border: 1px solid $7; |
| 47 } | 50 } |
| 48 .section > h2 { | 51 .section > h2 { |
| 49 background-color: $7; | 52 background-color: $7; |
| 50 background-image: -webkit-gradient(linear, left top, left bottom, | 53 background-image: -webkit-gradient(linear, left top, left bottom, |
| 51 from($7), | 54 from($7), |
| 52 to($6)); | 55 to($6)); |
| 53 color: $$1; | 56 color: $$1; |
| 54 } | 57 } |
| 55 #view-toolbar input { | 58 #view-toolbar > input { |
| 56 background-color: $7; | 59 background-color: $7; |
| 57 -webkit-mask-image: url(chrome://theme/newtab_menu_mask); | 60 -webkit-mask-image: url(chrome://theme/newtab_menu_mask); |
| 58 } | 61 } |
| 59 #option-menu > [selected] { | 62 #option-menu > [selected] { |
| 60 background-color: $7; | 63 background-color: $7; |
| 61 color: white; | 64 color: white; |
| 62 } | 65 } |
| 63 .tips-title { | 66 .tips-title { |
| 64 color: $$1; | 67 color: $$1; |
| 65 } | 68 } |
| OLD | NEW |