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