root/galaxy-central/static/june_2007_style/panel_layout.css.tmpl

リビジョン 2, 6.4 KB (コミッタ: hatakeyama, 14 年 前)

import galaxy-central

行番号 
1body, html {
2    overflow: hidden;
3    margin: 0;
4    padding: 0;
5    width: 100%;
6    height: 100%;
7}
8
9body {
10    font: 75% "Lucida Grande",verdana,arial,helvetica,sans-serif;
11    background: ${layout_bg};
12}
13
14.unselectable {
15    user-select: none;
16    -moz-user-select: none;
17    -webkit-user-select: none;
18}
19
20#background {
21    position: absolute;
22    background: ${layout_bg};
23    z-index: -1;
24    top: 0;
25    left: 0;
26    margin: 0;
27    padding: 0;
28    width: 100%;
29    height: 100%;
30}
31
32#messagebox {
33    position:absolute;
34    top:33px;
35    left:0;
36    width:100%;
37    height:24px !important;
38    overflow: hidden;
39    border-bottom: solid #999 1px;
40    font-size: 90%;
41}
42
43#left, #left-border, #center, #right-border, #right {
44    position: absolute;
45    top: 39px;
46    bottom: 0px;
47    overflow: hidden;
48    background: #fff;
49}
50#left, #center, #right {
51    border-top: solid ${layout_border} 1px;
52}
53#left-border, #right-border {
54    background: #eeeeee;
55    border-left: solid ${layout_border} 1px;
56    border-right: solid ${layout_border} 1px;
57    padding-right: 1px;
58    padding-left: 1px;
59    width: 5px;
60    z-index: 10000; }
61#left-border div, #right-border div {
62    width: 100%;
63    height: 100%;
64    background-repeat: no-repeat;
65    background-position: center center;
66    position: absolute;
67    width: 5px;
68    height: 100%;
69}
70#left-border div, #right-border.hidden div {
71    background-image: url(tiny_arrow_left.png);
72    cursor: w-resize;
73}
74#left-border.hidden div, #right-border div {
75    background-image: url(tiny_arrow_right.png);
76    cursor: e-resize;
77}
78#left-border.hover div, #right-border.hover div {
79    background-color: ${layout_hover};
80}
81#left  {
82    left: 0px;
83    width: 250px;
84    z-index: 200;
85}
86#left-border  {
87    left: 250px;
88}
89#center  {
90    left:259px;
91    right: 259px;
92    overflow: hidden;
93    z-index: 1;
94}
95#right-border  {
96    right: 250px;
97}
98#right {
99    width: 250px;
100    right: 0px;
101    z-index: 200;
102}
103
104.unified-panel-header {
105    height: 2em;
106    z-index: 1000;
107    background: ${panel_header_bg_bottom};
108    background-image: url(panel_header_bg.png);
109    background-position: top center;
110    background-repeat: repeat-x;
111    border-bottom: solid ${layout_border} 1px;
112    margin: 0;
113    padding: 0;
114    padding-right: 10px;
115    padding-left: 10px;
116    color: #333;
117    font-weight: bold;
118}
119 
120.unified-panel-header-inner {
121    padding-top: 0.45em;
122}
123 
124.menu-bg {
125    background: $menu_bg_over url(menu_bg.png) top repeat-x;
126}
127   
128div.unified-panel-body {
129    position: absolute;
130    top: 2em;
131    bottom: 0;
132    width: 100%;
133    margin-top: 1px;
134}
135
136.panel-header-button {
137    color: #333;
138    text-decoration: none;
139    display: inline-block;
140    cursor: pointer;
141    margin: -1px; padding: 1px;
142    margin-top: -0.2em;
143    border: solid #999 1px;
144    padding-right: 0.5em;
145    padding-left: 0.5em;
146    -moz-border-radius: 0.5em;
147    -webkit-border-radius: 0.5em;
148    border-radius: 0.5em;
149}
150
151.panel-header-button.popup {
152    padding-right: 1.75em;
153    background: url(../images/dropdownarrow.png) no-repeat right 7px;
154}
155
156.panel-header-button:hover {
157    color: black;
158    background-color: #ccc;
159}
160
161.panel-header-button:active {
162    color: white;
163    background-color: #aaaaaa;
164}
165
166#overlay {
167    position: fixed;
168    top: 0; left: 0; width: 100%; height: 100%;
169    z-index: 20000;
170}
171
172.dialog-box-container {
173    position: relative;
174    margin-top: 80px;
175    margin-right: auto;
176    margin-left: auto;
177}
178
179.dialog-box-wrapper {
180    position: relative;
181    padding: 1em;
182    background-color: rgba(0,0,0,0.5);
183    -moz-border-radius: 1em;
184    -webkit-border-radius: 1em;
185}
186
187.dialog-box {
188    border: solid #999 1px;
189    background: white;
190    z-index: 80000;
191}
192
193.dialog-box .body {
194    padding: 5px;
195    overflow: auto;
196    max-height: 500px;
197}
198
199.dialog-box .buttons {
200    padding: 5px;
201}
202
203## Messages for message box, slightly different style
204
205.panel-error-message, .panel-warning-message, .panel-done-message, .panel-info-message
206{
207    height: 24px;
208    line-height: 24px;
209    color: $base_text;
210    padding: 0px;
211    padding-left: 26px;
212    background-color: $error_message_bg;
213    background-image: url(error_small.png);
214    background-repeat: no-repeat;
215    background-position: 6px 50%;
216}
217
218.panel-warning-message
219{
220    background-image: url(warn_small.png);
221    background-color: $warn_message_bg;
222}
223
224.panel-done-message
225{
226    background-image: url(done_small.png);
227    background-color: $done_message_bg;
228}
229
230.panel-info-message
231{
232    background-image: url(info_small.png);
233    background-color: $info_message_bg;
234}
235
236## Masthead
237
238#masthead {
239    position:absolute;
240    top:0;
241    left:0;
242    width:100%;
243    min-width:900px;
244    height:32px;
245    background: ${masthead_bg};
246    color:#fff;
247    border-bottom: solid ${layout_masthead_border} 1px;
248    z-index: 15000;
249    padding: 0;
250
251    a {
252        color: ${masthead_link};
253        text-decoration: none;
254    }
255   
256    .title {
257        font-family: verdana;
258        padding: 3px 10px;
259        font-size: 175%;
260        font-weight: bold;
261    }
262}
263
264#masthead a:hover {
265    text-decoration: underline;
266}
267
268## Tabs
269
270.tab-group {
271
272    margin: 0;
273    padding: 0 10px;
274    height: 100%;
275    white-space: nowrap;
276    cursor: default;
277    background: transparent;
278   
279    .tab {
280   
281        background: ${masthead_bg};
282        position: relative;
283        float: left;
284        margin: 0;
285        padding: 0 1em;
286        height: 32px;
287        line-height: 32px;
288        text-align: left;
289       
290        .submenu {
291       
292            display: none;
293            position: absolute;
294            z-index: 16000;
295            left: 0;
296            top: 32px;
297            padding: 1em;
298            margin: -1em;
299            padding-top: 0;
300            margin-top: 0;
301            background-color: rgba(0,0,0,0.5);
302            -moz-border-radius: 0 0 1em 1em;
303            -webkit-border-bottom-right-radius: 1em;
304            -webkit-border-bottom-left-radius: 1em;
305       
306            ul {
307           
308                display: block;
309                margin: 0;
310                padding: 0;
311                list-style-type: none;
312                background: ${masthead_bg};
313           
314                li {
315               
316                    display: block;
317                    padding: 0 1em;
318                    white-space: nowrap;
319                }
320            }
321        }
322    }
323
324    .tab:hover > a {
325        color: gold !important;
326    }
327
328    .active {
329        background: rgb(1,1,1);
330    }
331}
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。