Home | History | Annotate | Download | only in ntp4 
      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 #attribution {
     39   color: $9; /* COLOR_NTP_LINK */
     40 }
     41 
     42 #tip-line {
     43   color: $8; /* COLOR_NTP_TEXT */
     44 }
     45 
     46 .link-color {
     47   color: $9; /* COLOR_NTP_LINK */
     48 }
     49 
     50 :link,
     51 :visited,
     52 .link {
     53   color: $$5; /* COLOR_NTP_LINK_UNDERLINE */
     54 }
     55 
     56 .section > h2,
     57 #closed-sections-bar > button {
     58   color: $$7; /* COLOR_NTP_SECTION_HEADER_TEXT */
     59 }
     60 
     61 .section:not(.hidden) > h2 {
     62   color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */
     63 }
     64 
     65 .section.hidden:not([noexpand]) > h2:hover,
     66 #closed-sections-bar > button:hover {
     67   color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */
     68 }
     69 
     70 .section > h2 .back,
     71 #closed-sections-bar[chromeos] {
     72   border-top: 1px solid $$1; /* COLOR_NTP_SECTION  */
     73 }
     74 
     75 .section.hidden > h2 .back {
     76   background: none;
     77   border-color-top: $$$1; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */
     78 }
     79 
     80 .section.hidden:hover > h2 .back {
     81   border-color-top: $$9; /* COLOR_NTP_SECTION_HEADER_RULE */
     82 }
     83 
     84 .app a {
     85   color: $8; /* COLOR_NTP_TEXT */
     86 }
     87 
     88 .app:hover > a,
     89 .app.dragging > a {
     90   color: $$3; /* COLOR_NTP_SECTION_TEXT */
     91   background-color: $$1; /* COLOR_NTP_SECTION */;
     92 }
     93 
     94 #apps-promo-hide {
     95   color: $9; /* COLOR_NTP_LINK */
     96 }
     97 
     98 #apps-promo-text2 {
     99   color: $$$3; /* COLOR_NTP_TEXT_LIGHT */
    100 }
    101 
    102 /* Most Visited ***************************************************************/
    103 
    104 .most-visited,
    105 .most-visited > .title {
    106   color: $8; /* COLOR_NTP_TEXT */
    107 }
    108 
    109 .most-visited:focus:not(.filler) .thumbnail-wrapper,
    110 .most-visited:hover .thumbnail-wrapper {
    111   background-color: $6; /* COLOR_NTP_HEADER */
    112 }
    113 
    114 .edit-bar {
    115   background-image: -webkit-linear-gradient(
    116                         $7, /* COLOR_HEADER_GRADIENT_LIGHT */
    117                         $6); /* COLOR_NTP_HEADER */
    118 }
    119 
    120 .thumbnail-wrapper {
    121   /* This shows through at the (rounded) thumbnail's corners. */
    122   background-color: $$2; /* COLOR_NTP_SECTION */
    123 }
    124 
    125 .filler .thumbnail {
    126   border-color: $2; /* COLOR_NTP_BACKGROUND */
    127 }
    128 
    129 .thumbnail-shield {
    130   background-image:
    131       -webkit-linear-gradient(transparent, transparent 50%,
    132                               $2); /* COLOR_NTP_BACKGROUND */
    133 }
    134