Commit | Line | Data |
---|---|---|
0d686391 RK |
1 | #scrollbox { |
2 | padding-bottom: 18px; | |
3 | background-color: #000000; | |
4 | } | |
5 | ||
6 | #body { | |
7 | padding-top: 106px; | |
8 | font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; | |
9 | } | |
10 | ||
11 | .button { | |
12 | padding: 0; | |
13 | border: 0 none; | |
14 | } | |
15 | ||
16 | /* TOOLBAR */ | |
17 | #toolbar { | |
18 | top: 8px; | |
19 | right: 8px; | |
20 | width: 13px; | |
21 | height: 30px; | |
22 | padding: 0; | |
23 | margin: 0; | |
24 | } | |
25 | ||
26 | .toolbar-button { | |
27 | background: transparent url("chrome://browser/skin/newtab/toolbar.png"); | |
28 | } | |
29 | ||
30 | #toolbar-button-show { | |
31 | width: 11px; | |
32 | height: 11px; | |
33 | background-position: -10px 0; | |
34 | } | |
35 | ||
36 | #toolbar-button-show:hover { | |
37 | background-position: -10px -12px; | |
38 | } | |
39 | ||
40 | #toolbar-button-show:active { | |
41 | background-position: -10px -24px; | |
42 | } | |
43 | ||
44 | #toolbar-button-hide { | |
45 | width: 10px; | |
46 | height: 10px; | |
47 | } | |
48 | ||
49 | #toolbar-button-hide:hover { | |
50 | background-position: 0 -12px; | |
51 | } | |
52 | ||
53 | #toolbar-button-hide:active { | |
54 | background-position: 0 -24px; | |
55 | } | |
56 | ||
57 | #toolbar-button-reset { | |
58 | top: 17px; | |
59 | width: 11px; | |
60 | height: 12px; | |
61 | } | |
62 | ||
63 | #toolbar-button-reset { | |
64 | background-position: -21px 0; | |
65 | } | |
66 | ||
67 | #toolbar-button-reset:hover { | |
68 | background-position: -21px -12px; | |
69 | } | |
70 | ||
71 | #toolbar-button-reset:active { | |
72 | background-position: -21px -24px; | |
73 | } | |
74 | ||
75 | /* GRID */ | |
76 | #grid { | |
77 | padding: 1px; | |
78 | margin: 0 auto; | |
79 | } | |
80 | ||
81 | /* CELLS */ | |
82 | .cell { | |
83 | outline: 1px dashed #9C9CFF; | |
84 | outline-offset: -1px; | |
85 | } | |
86 | ||
87 | /* SITES */ | |
88 | .site { | |
89 | background-color: #402800; | |
90 | -moz-transition: 200ms ease-out; | |
91 | -moz-transition-property: top, left, box-shadow, opacity; | |
92 | } | |
93 | ||
94 | .site[dragged] { | |
95 | -moz-transition-property: box-shadow; | |
96 | } | |
97 | ||
98 | .site[ontop] { | |
99 | box-shadow: 0 1px 4px #008484; | |
100 | outline: none; | |
101 | } | |
102 | ||
103 | /* SITE TITLE */ | |
104 | .site-title { | |
105 | height: 2.4em; | |
106 | width: 189px; | |
107 | padding: 0 6px; | |
108 | background-color: rgba(0,0,0,0.5); | |
109 | border: solid transparent; | |
110 | border-width: 6px 0; | |
111 | color: #FFCF00; | |
112 | text-decoration: none; | |
113 | line-height: 1.2em; | |
114 | font-weight: 700; | |
115 | } | |
116 | ||
117 | /* SITE STRIP */ | |
118 | .site-strip { | |
119 | padding: 4px 3px; | |
120 | background-color: rgba(0,0,0,0.5); | |
121 | } | |
122 | ||
123 | .strip-button { | |
124 | width: 17px; | |
125 | height: 17px; | |
126 | background: transparent url("chrome://browser/skin/newtab/strip.png"); | |
127 | } | |
128 | ||
129 | .strip-button-pin:hover { | |
130 | background-position: 0 -17px; | |
131 | } | |
132 | ||
133 | .strip-button-pin:active, | |
134 | .site[pinned] .strip-button-pin { | |
135 | background-position: 0 -34px; | |
136 | } | |
137 | ||
138 | .strip-button-block { | |
139 | background-position: -17px 0; | |
140 | } | |
141 | ||
142 | .strip-button-block:hover { | |
143 | background-position: -17px -17px; | |
144 | } | |
145 | ||
146 | .strip-button-block:active { | |
147 | background-position: -17px -34px; | |
148 | } |