LCARStrek/browser/newtab/newTab.css

   1 :root {
   2   -moz-appearance: none;
   3   font-size: 75%;
   4   background-color: transparent;
   5   padding: 0;
   6 }
   7
   8 /* SCROLLBOX */
   9 #newtab-scrollbox:not([page-disabled]) {
  10   color: #FF9F00;
  11   background-color: #000000;
  12 }
  13
  14 /* UNDO */
  15 #newtab-undo-container {
  16   padding: 4px 3px;
  17   border: 1px solid;
  18   border-color: #9C9CFF;
  19   background-color: #000000;
  20   color: #8050B0;
  21 }
  22
  23 #newtab-undo-label {
  24   margin-top: 0;
  25   margin-bottom: 0;
  26 }
  27
  28 .newtab-undo-button {
  29   color: #3333FF;
  30   cursor: pointer;
  31   padding: 0;
  32   margin: 0 4px;
  33   border: 0;
  34   background: transparent;
  35   text-decoration: none;
  36   min-width: 0;
  37 }
  38
  39 .newtab-undo-button:hover {
  40   text-decoration: underline;
  41 }
  42
  43 .newtab-undo-button:-moz-focusring {
  44   outline: 1px dotted;
  45 }
  46
  47 .newtab-undo-button > .button-box {
  48   padding: 0;
  49 }
  50
  51 #newtab-undo-close-button {
  52   padding: 0;
  53   border: none;
  54   list-style-image: url("chrome://global/skin/icons/close.png");
  55   -moz-image-region: rect(0, 16px, 16px, 0);
  56   -moz-user-focus: normal;
  57 }
  58
  59 #newtab-undo-close-button:hover {
  60   -moz-image-region: rect(0, 32px, 16px, 16px);
  61 }
  62
  63 #newtab-undo-close-button > .toolbarbutton-text {
  64   display: none;
  65 }
  66
  67 #newtab-undo-close-button:-moz-focusring {
  68   outline: 1px dotted;
  69 }
  70
  71 /* TOGGLE */
  72 #newtab-toggle {
  73   width: 16px;
  74   height: 16px;
  75   padding: 0;
  76   border: none;
  77   background: -216px 0 transparent url("chrome://browser/skin/newtab/controls.png");
  78 }
  79
  80 #newtab-toggle[page-disabled] {
  81   background-position: -232px 0;
  82 }
  83
  84 /* ROWS */
  85 .newtab-row {
  86   margin-bottom: 20px;
  87 }
  88
  89 .newtab-row:last-child {
  90   margin-bottom: 0;
  91 }
  92
  93 /* CELLS */
  94 .newtab-cell {
  95   -moz-margin-end: 20px;
  96   background-color: rgba(255,159,0,.2);
  97   border: 1px solid;
  98   border-color: #9C9CFF;
  99   border-radius: 1px;
 100   transition: border-color 100ms ease-out;
 101 }
 102
 103 .newtab-cell:empty {
 104   border: 1px dashed;
 105 }
 106
 107 .newtab-cell:last-child {
 108   -moz-margin-end: 0;
 109 }
 110
 111 .newtab-cell:hover:not(:empty):not([dragged]) {
 112   border-color: #FFCF00;
 113 }
 114
 115 /* SITES */
 116 .newtab-site {
 117   text-decoration: none;
 118   transition-property: top, left, opacity, box-shadow, background-color;
 119 }
 120
 121 .newtab-site:hover,
 122 .newtab-site[dragged] {
 123   box-shadow: 0 0 10px rgba(0,132,132,.3);
 124 }
 125
 126 .newtab-site[dragged] {
 127   transition-property: box-shadow, background-color;
 128   background-color: #002121;
 129 }
 130
 131 /* THUMBNAILS */
 132 .newtab-thumbnail {
 133   background-origin: padding-box;
 134   background-clip: padding-box;
 135   background-repeat: no-repeat;
 136   background-size: cover;
 137 }
 138
 139 /* TITLES */
 140 .newtab-title {
 141   padding: 0 8px;
 142   background-color: rgba(255,159,0,.8);
 143   color: #000000;
 144   line-height: 24px;
 145 }
 146
 147 /* CONTROLS */
 148 .newtab-control {
 149   width: 24px;
 150   height: 24px;
 151   padding: 1px 2px 3px;
 152   border: none;
 153   background: transparent url("chrome://browser/skin/newtab/controls.png");
 154 }
 155
 156 .newtab-control-pin:hover {
 157   background-position: -24px 0;
 158 }
 159
 160 .newtab-control-pin:active {
 161   background-position: -48px 0;
 162 }
 163
 164 .newtab-control-pin[pinned] {
 165   background-position: -72px 0;
 166 }
 167
 168 .newtab-control-pin[pinned]:hover {
 169   background-position: -96px 0;
 170 }
 171
 172 .newtab-control-pin[pinned]:active {
 173   background-position: -120px 0;
 174 }
 175
 176 .newtab-control-block {
 177   background-position: -144px 0;
 178 }
 179
 180 .newtab-control-block:hover {
 181   background-position: -168px 0;
 182 }
 183
 184 .newtab-control-block:active {
 185   background-position: -192px 0;
 186 }