Home | History | Annotate | Download | only in resources 
      1 html,
      2 .section > h2 span,
      3 #most-visited-settings {
      4   background-attachment: fixed;
      5   background-color: $2; /* COLOR_NTP_BACKGROUND */
      6   background-image: url(chrome://theme/IDR_THEME_NTP_BACKGROUND?$1);
      7   background-position: $3;
      8   background-repeat: $5;
      9 }
     10 
     11 html[bookmarkbarattached='true'],
     12 html[bookmarkbarattached='true'] .section > h2 span,
     13 html[bookmarkbarattached='true'] #most-visited-settings {
     14   background-position: $4;
     15 }
     16 
     17 body {
     18   color: $8; /* COLOR_NTP_TEXT */
     19   height: 100%;
     20   overflow: auto;
     21 }
     22 
     23 /* TODO(aa): Is this still in use? The styling may be incorrect with M7 NTP
     24    rework. */
     25 #notification.first-run {
     26   background-color: $$1; /* COLOR_NTP_SECTION */
     27   border-color: $$2; /* COLOR_NTP_SECTION_BORDER */
     28 }
     29 
     30 #notification.first-run .link {
     31    color: $$5; /* COLOR_NTP_LINK_UNDERLINE */
     32 }
     33 
     34 #notification.first-run .link-color {
     35   color: $9; /* COLOR_NTP_LINK */
     36 }
     37 
     38 .thumbnail {
     39   border-color: $$1; /* COLOR_NTP_SECTION */
     40 }
     41 
     42 .thumbnail-container,
     43 .thumbnail-container > .title {
     44   color: $8; /* COLOR_NTP_TEXT */
     45 }
     46 
     47 .thumbnail-container:focus .thumbnail,
     48 .thumbnail-container:hover .thumbnail {
     49   border-color: $6; /* COLOR_NTP_HEADER */
     50 }
     51 
     52 .thumbnail-container:focus .edit-bar,
     53 .thumbnail-container:hover .edit-bar {
     54   background-color: $6; /* COLOR_NTP_HEADER */
     55   background-image: -webkit-linear-gradient(
     56                         $7, /* COLOR_HEADER_GRADIENT_LIGHT */
     57                         $6); /* COLOR_NTP_HEADER */
     58 }
     59 .thumbnail-container:hover > .edit-mode-border {
     60   background-color: $6; /* COLOR_NTP_HEADER */
     61 }
     62 
     63 .filler .thumbnail-wrapper {
     64   border: 3px solid $$1; /* COLOR_NTP_SECTION */
     65   background-color: $2; /* COLOR_NTP_BACKGROUND */
     66 }
     67 
     68 .filler .thumbnail {
     69   border: 1px solid $2; /* COLOR_NTP_BACKGROUND */
     70   background-color: $$1; /* COLOR_NTP_SECTION */
     71 }
     72 
     73 .miniview {
     74   color: $8; /* COLOR_NTP_TEXT */
     75 }
     76 
     77 .miniview > span {
     78   color: $$5; /* COLOR_NTP_LINK_UNDERLINE */
     79   text-decoration: underline;
     80 }
     81 
     82 .miniview > span > .item {
     83   color: $9; /* COLOR_NTP_LINK */
     84   text-decoration: none;
     85 }
     86 
     87 #attribution {
     88   color: $9; /* COLOR_NTP_LINK */
     89 }
     90 
     91 #tip-line {
     92   color: $8; /* COLOR_NTP_TEXT */
     93 }
     94 
     95 .link-color {
     96   color: $9; /* COLOR_NTP_LINK */
     97 }
     98 
     99 :link,
    100 :visited,
    101 .link {
    102   color: $$5; /* COLOR_NTP_LINK_UNDERLINE */
    103 }
    104 
    105 .section > h2,
    106 #closed-sections-bar > button {
    107   color: $$7; /* COLOR_NTP_SECTION_HEADER_TEXT */
    108 }
    109 
    110 .section:not(.hidden) > h2 {
    111   color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */
    112 }
    113 
    114 .section.hidden:not([noexpand]) > h2:hover,
    115 #closed-sections-bar > button:hover {
    116   color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */
    117 }
    118 
    119 .section > h2 .back,
    120 #closed-sections-bar[chromeos] {
    121   border-top: 1px solid $$1; /* COLOR_NTP_SECTION  */
    122 }
    123 
    124 .section.hidden > h2 .back {
    125   background: none;
    126   border-color-top: $$$1; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */
    127 }
    128 
    129 .section.hidden:hover > h2 .back {
    130   border-color-top: $$9; /* COLOR_NTP_SECTION_HEADER_RULE */
    131 }
    132 
    133 .app a {
    134   color: $8; /* COLOR_NTP_TEXT */
    135 }
    136 
    137 .app:hover > a,
    138 .app.dragging > a {
    139   color: $$3; /* COLOR_NTP_SECTION_TEXT */
    140   background-color: $$1; /* COLOR_NTP_SECTION */;
    141 }
    142 
    143 #apps-promo-hide {
    144   color: $9; /* COLOR_NTP_LINK */
    145 }
    146 
    147 #apps-promo-text2 {
    148   color: $$$3; /* COLOR_NTP_TEXT_LIGHT */
    149 }
    150