| OLD | NEW | 
|---|
| 1 html { | 1 html { | 
| 2   /* This is needed because of chrome://theme/css/new_tab.css */ | 2   /* This is needed because of chrome://theme/css/new_tab.css */ | 
| 3   height: 100%; | 3   height: 100%; | 
| 4 } | 4 } | 
| 5 | 5 | 
| 6 body { | 6 body { | 
| 7   margin: 0; | 7   margin: 0; | 
| 8   height: 100%; | 8   height: 100%; | 
| 9   overflow: auto; | 9   overflow: auto; | 
| 10   -webkit-user-select: none; | 10   -webkit-user-select: none; | 
| (...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 90   margin: 2px auto; | 90   margin: 2px auto; | 
| 91   font-weight: bold; | 91   font-weight: bold; | 
| 92   opacity: 0; | 92   opacity: 0; | 
| 93   pointer-events: none; | 93   pointer-events: none; | 
| 94   -webkit-transition: opacity .15s; | 94   -webkit-transition: opacity .15s; | 
| 95   z-index: 1; | 95   z-index: 1; | 
| 96   color: black; | 96   color: black; | 
| 97 } | 97 } | 
| 98 | 98 | 
| 99 #notification.first-run { | 99 #notification.first-run { | 
| 100   padding: 5px 13px; /* subtract the border witdh */ | 100   padding: 5px 13px; /* subtract the border width */ | 
| 101   border: 2px solid hsl(213, 55%, 75%); | 101   border: 2px solid hsl(213, 55%, 75%); | 
| 102   background-color: hsl(213, 63%, 93%); | 102   background-color: hsl(213, 63%, 93%); | 
| 103   -webkit-box-shadow: 2px 2px 3px hsla(0, 0%, 0%, .3); | 103   -webkit-box-shadow: 2px 2px 3px hsla(0, 0%, 0%, .3); | 
| 104   font-weight: normal; | 104   font-weight: normal; | 
| 105 } | 105 } | 
| 106 | 106 | 
|  | 107 #notification.promo { | 
|  | 108   padding: 5px 13px; /* subtract the border width */ | 
|  | 109   border: 1px solid hsl(0, 0%, 80%); | 
|  | 110   background-color: hsl(120, 93%, 93%); | 
|  | 111   -webkit-box-shadow: 2px 2px 3px hsla(0, 0%, 0%, .3); | 
|  | 112   font-weight: normal; | 
|  | 113 } | 
|  | 114 | 
|  | 115 #notification.promo a { | 
|  | 116   color: rgb(0, 102, 204); | 
|  | 117 } | 
|  | 118 | 
| 107 #notification > * { | 119 #notification > * { | 
| 108   display: table-cell; | 120   display: table-cell; | 
| 109   max-width: 500px; | 121   max-width: 500px; | 
| 110   overflow: hidden; | 122   overflow: hidden; | 
| 111   text-overflow: ellipsis; | 123   text-overflow: ellipsis; | 
| 112 } | 124 } | 
| 113 | 125 | 
| 114 #notification.show { | 126 #notification.show { | 
| 115   opacity: 1; | 127   opacity: 1; | 
| 116   pointer-events: all; | 128   pointer-events: all; | 
| (...skipping 395 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 512   } | 524   } | 
| 513 } | 525 } | 
| 514 | 526 | 
| 515 /* Ensure we have at least 10px horizontal marging. */ | 527 /* Ensure we have at least 10px horizontal marging. */ | 
| 516 @media (max-width: 712px) { | 528 @media (max-width: 712px) { | 
| 517   #main { | 529   #main { | 
| 518     margin-left: 10px; | 530     margin-left: 10px; | 
| 519     margin-right: 10px; | 531     margin-right: 10px; | 
| 520   } | 532   } | 
| 521 } | 533 } | 
| OLD | NEW | 
|---|