convert buttons to a more LCARS-like and visible look with a new color scheme
[themes.git] / LCARStrek / communicator / sidebar / sidebar.css
... / ...
CommitLineData
1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6
7/* ::::: sidebar container ::::: */
8
9#sidebar-box {
10 border: none;
11}
12
13/* ::::: sidebar splitter ::::: */
14
15#sidebar-panels-splitter[state="collapsed"] {
16 margin-bottom: 0px;
17 border-left: none;
18 border-right: none;
19}
20
21#sidebar-splitter {
22 border-top: none;
23 border-bottom: none;
24}
25
26#sidebar-splitter[state="collapsed"] {
27 -moz-margin-start: 0px;
28}
29
30/* ::::: sidebar header ::::: */
31
32.sidebarheader-main {
33 border: none;
34 color: #FF9F00;
35 background-color: #6000CF;
36 padding: 0px 2px;
37 -moz-padding-start: 4px;
38 height: auto;
39}
40
41.sidebar-header-text {
42 font-weight: bold;
43}
44
45/* ..... close button ..... */
46
47#sidebar-close-button {
48 -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
49 padding: 3px;
50 list-style-image: url("chrome://global/skin/icons/close-button.gif");
51}
52
53#sidebar-close-button:hover,
54#sidebar-close-button:hover:active {
55 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
56}
57
58/* ..... panel picker button ..... */
59
60#sidebar-panel-picker {
61 padding: 3px 1px;
62}
63
64/* ::::: sidebar panel ::::: */
65
66.sidebar-iframe-no-panels,
67.loadarea {
68 background-color: #000000;
69 color: #FF9F00;
70}
71
72.iframe-panel, .browser-sidebar {
73}
74
75/* ::::: loading info ::::: */
76
77.text-panel-loading {
78 margin: 5px 0px;
79}
80
81.text-panel-loading[loading="false"] {
82 -moz-margin-start: 11px;
83}
84
85.image-panel-loading {
86 margin: 5px;
87 list-style-image: url("chrome://global/skin/icons/loading.gif");
88}
89
90/* ::::: sidebar tabs ::::: */
91
92.box-texttab {
93 -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab");
94 cursor: pointer;
95 border-top: 3px solid black;
96}
97
98.box-texttab > hbox {
99 border-radius: 5px;
100 -moz-box-align: stretch;
101 padding: 2px 0px;
102 background-color: #FF9F00;
103 color: #000000;
104}
105
106.box-texttab[selected="true"] > hbox,
107.box-texttab[selected="true"]:hover > hbox,
108.box-texttab[selected="true"]:hover:active > hbox {
109 background-color: #008484;
110 color: #FFCF00;
111 font-weight: bold;
112}
113
114.box-texttab[selected="true"],
115.box-texttab[selected="true"]:hover,
116.box-texttab[selected="true"]:hover:active {
117 border-bottom: 3px solid black;
118}
119
120.box-texttab[last-panel="true"],
121.box-texttab[last-panel="true"]:hover,
122.box-texttab[last-panel="true"]:hover:active,
123.box-texttab[last-panel="true"][selected="true"],
124.box-texttab[last-panel="true"][selected="true"]:hover,
125.box-texttab[last-panel="true"][selected="true"]:hover:active {
126 border-bottom: none;
127}
128
129.sbtab-label {
130 margin: 0px !important;
131}
132
133.sbtab-twisty {
134 margin: 2px 3px 0px;
135 list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
136}
137
138.box-texttab:hover > hbox,
139.box-texttab:hover:active > hbox {
140 background-color: #FFCF00;
141}
142
143.box-texttab[last-panel="true"],
144.box-texttab[selected="true"] {
145 margin-bottom: 0px;
146}
147
148.sbtab-twisty[selected="true"] {
149 list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
150}
151
152/* ::::: sidebar navigation buttons ::::: */
153
154.sidebar-nav-button {
155 -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
156 padding: 5px 0px;
157}
158
159.tab-fwd {
160 list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
161}
162
163.tab-back {
164 list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
165}