source: branches/features/grailsUpgrade/web-app/css/tabviewCustom.css @ 885

Last change on this file since 885 was 139, checked in by gav, 15 years ago

Install Navigation plugin, work on navigation and hopefully fixed a few more IE vs Firefox CSS issues.
New skin for class-diagram plugin.
Adjust security config to suite.
Replace home.gsp with start.gsp, remove options.gsp and acknowledgements.gsp as they are now on start.gsp tabs.
Create search pages for Tasks, Assets and Inventory.
Change suggested login to manager.
Change all date formats to format="EEE, dd-MMM-yyyy".

File size: 7.2 KB
Line 
1/*
2Copyright (c) 2008, Yahoo! Inc. All rights reserved.
3Code licensed under the BSD License:
4http://developer.yahoo.net/yui/license.txt
5version: 2.6.0
6*/
7.yui-navset .yui-nav li,
8.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{
9    margin:0 0.5em 0 0;
10}
11
12.yui-navset-left .yui-nav li,
13.yui-navset-right .yui-nav li{
14    margin:0 0 0.5em;
15}
16
17.yui-navset .yui-content .yui-hidden{
18    display:none;
19}
20
21.yui-navset .yui-navset-left .yui-nav,
22.yui-navset .yui-navset-right .yui-nav,
23.yui-navset-left .yui-nav,
24.yui-navset-right .yui-nav{
25    width:6em;
26}
27
28.yui-navset-top .yui-nav,
29.yui-navset-bottom .yui-nav{
30    width:auto;
31}
32
33.yui-navset .yui-navset-left,
34.yui-navset-left{
35    padding:0 0 0 6em;
36}
37
38.yui-navset-right{
39    padding:0 6em 0 0;
40}
41
42.yui-navset-top,.yui-navset-bottom{
43    padding:auto;
44}
45
46.yui-nav,
47.yui-nav li{
48    margin:0;
49    padding:0;
50    list-style:none;
51}
52
53.yui-navset li em{
54    font-style:normal;
55}
56
57.yui-navset{
58    position:relative;
59    zoom:1;
60}
61
62.yui-navset .yui-content{
63    zoom:1;
64}
65
66.yui-navset .yui-nav li,
67.yui-navset .yui-navset-top .yui-nav li,
68.yui-navset .yui-navset-bottom .yui-nav li{
69    display:inline-block;
70    display:-moz-inline-stack;
71    display:inline;
72    vertical-align:bottom;
73    cursor:pointer;zoom:1;
74}
75
76.yui-navset-left .yui-nav li,
77.yui-navset-right .yui-nav li{
78    display:block;
79}
80
81.yui-navset .yui-nav a{
82    position:relative;
83}
84
85.yui-navset .yui-nav li a,
86.yui-navset-top .yui-nav li a,
87.yui-navset-bottom .yui-nav li a{
88    display:block;
89    display:inline-block;
90    vertical-align:bottom;
91    zoom:1;
92}
93
94.yui-navset-left .yui-nav li a,
95.yui-navset-right .yui-nav li a{
96    display:block;
97}
98
99.yui-navset-bottom .yui-nav li a{
100    vertical-align:text-top;
101}
102
103.yui-navset .yui-nav li a em,
104.yui-navset-top .yui-nav li a em,
105.yui-navset-bottom .yui-nav li a em{
106    display:block;
107}
108
109.yui-navset .yui-navset-left .yui-nav,
110.yui-navset .yui-navset-right .yui-nav,
111.yui-navset-left .yui-nav,
112.yui-navset-right .yui-nav{
113    position:absolute;
114    z-index:1;
115}
116
117.yui-navset-top .yui-nav,
118.yui-navset-bottom .yui-nav{
119    position:static;
120}
121
122.yui-navset .yui-navset-left .yui-nav,
123.yui-navset-left .yui-nav{
124    left:0;
125    right:auto;
126}
127
128.yui-navset .yui-navset-right .yui-nav,
129.yui-navset-right .yui-nav{
130    right:0;
131    left:auto;
132}
133
134.yui-skin-sam .yui-navset .yui-nav,
135.yui-skin-sam .yui-navset .yui-navset-top .yui-nav{/*Nav underl line*/
136    border:solid #2647a0;
137    border-width:0 0 5px;
138    Xposition:relative;
139    zoom:1;
140}
141
142.yui-skin-sam .yui-navset .yui-nav li,
143.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li{
144    margin:0 0.16em 0 0;
145    padding:1px 0 0;
146    zoom:1;
147}
148
149.yui-skin-sam .yui-navset .yui-nav .selected,
150.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected{
151    margin:0 0.16em -1px 0;
152}
153
154.yui-skin-sam .yui-navset .yui-nav a,
155.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a{/* tab background */
156/*    background:#d8d8d8 url("../images/skin/sprite.png") repeat-x; */
157    background:#d8d8d8;
158    border:solid #a3a3a3;
159    border-width:0 1px;
160    color:#000;
161    position:relative;
162    text-decoration:none;
163}
164
165.yui-skin-sam .yui-navset .yui-nav a em,
166.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em{
167    border:solid #a3a3a3;
168    border-width:1px 0 0;
169    cursor:hand;
170    padding:0.25em .75em;
171    left:0;
172    right:0;
173    bottom:0;
174    top:-1px;
175    position:relative;
176}
177
178.yui-skin-sam .yui-navset .yui-nav .selected a,
179.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
180.yui-skin-sam .yui-navset .yui-nav .selected a:hover{/*selected tab background*/
181/*     background:#2647a0 url("../images/skin/sprite.png") repeat-x left -1400px;  */
182    background:#2647a0;
183    color:#fff;
184}
185
186.yui-skin-sam .yui-navset .yui-nav a:hover,
187.yui-skin-sam .yui-navset .yui-nav a:focus{/*hover background*/
188/*     background:#bfdaff url("../images/skin/sprite.png") repeat-x left -1300px;  */
189    background:#bfdaff;
190    outline:0;
191}
192
193.yui-skin-sam .yui-navset .yui-nav .selected a em{
194    padding:0.35em 0.75em;
195}
196
197.yui-skin-sam .yui-navset .yui-nav .selected a,
198.yui-skin-sam .yui-navset .yui-nav .selected a em{
199    border-color:#243356;
200}
201
202.yui-skin-sam .yui-navset .yui-content{/* content background color */
203    background: #FFFFE1;
204/*   background: url("../images/Contentbg.png") repeat-y scroll center; */
205}
206
207.yui-skin-sam .yui-navset .yui-content,
208.yui-skin-sam .yui-navset .yui-navset-top .yui-content{
209    border:0px solid #808080;
210    border-top-color:#243356;
211    padding:0.25em 0.5em;
212}
213
214.yui-skin-sam .yui-navset-left .yui-nav,
215.yui-skin-sam .yui-navset .yui-navset-left .yui-nav,
216.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,
217.yui-skin-sam .yui-navset-right .yui-nav{
218    border-width:0 5px 0 0;
219    Xposition:absolute;
220    top:0;
221    bottom:0;
222}
223
224.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,
225.yui-skin-sam .yui-navset-right .yui-nav{
226    border-width:0 0 0 5px;
227}
228
229.yui-skin-sam .yui-navset-left .yui-nav li,
230.yui-skin-sam .yui-navset .yui-navset-left .yui-nav li,
231.yui-skin-sam .yui-navset-right .yui-nav li{
232    margin:0 0 0.16em;
233    padding:0 0 0 1px;
234}
235
236.yui-skin-sam .yui-navset-right .yui-nav li{
237    padding:0 1px 0 0;
238}
239
240.yui-skin-sam .yui-navset-left .yui-nav .selected,
241.yui-skin-sam .yui-navset .yui-navset-left .yui-nav .selected{
242    margin:0 -1px 0.16em 0;
243}
244
245.yui-skin-sam .yui-navset-right .yui-nav .selected{
246    margin:0 0 0.16em -1px;
247}
248
249.yui-skin-sam .yui-navset-left .yui-nav a,
250.yui-skin-sam .yui-navset-right .yui-nav a{
251    border-width:1px 0;
252}
253
254.yui-skin-sam .yui-navset-left .yui-nav a em,
255.yui-skin-sam .yui-navset .yui-navset-left .yui-nav a em,
256.yui-skin-sam .yui-navset-right .yui-nav a em{
257    border-width:0 0 0 1px;
258    padding:0.2em .75em;
259    top:auto;
260    left:-1px;
261}
262
263.yui-skin-sam .yui-navset-right .yui-nav a em{
264    border-width:0 1px 0 0;
265    left:auto;
266    right:-1px;
267}
268
269.yui-skin-sam .yui-navset-left .yui-nav a,
270.yui-skin-sam .yui-navset-left .yui-nav .selected a,
271.yui-skin-sam .yui-navset-left .yui-nav a:hover,
272.yui-skin-sam .yui-navset-right .yui-nav a,
273.yui-skin-sam .yui-navset-right .yui-nav .selected a,
274.yui-skin-sam .yui-navset-right .yui-nav a:hover,
275.yui-skin-sam .yui-navset-bottom .yui-nav a,
276.yui-skin-sam .yui-navset-bottom .yui-nav .selected a,
277.yui-skin-sam .yui-navset-bottom .yui-nav a:hover{
278    background-image:none;
279}
280
281.yui-skin-sam .yui-navset-left .yui-content{
282    border:1px solid #808080;
283    border-left-color:#243356;
284}
285
286.yui-skin-sam .yui-navset-bottom .yui-nav,
287.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav{
288    border-width:5px 0 0;
289}
290
291.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected,
292.yui-skin-sam .yui-navset-bottom .yui-nav .selected{
293    margin:-1px 0.16em 0 0;
294}
295
296.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li,
297.yui-skin-sam .yui-navset-bottom .yui-nav li{
298    padding:0 0 1px 0;
299    vertical-align:top;
300}
301
302.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li a,
303.yui-skin-sam .yui-navset-bottom .yui-nav li a{
304}
305
306.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a em,
307.yui-skin-sam .yui-navset-bottom .yui-nav a em{
308    border-width:0 0 1px;
309    top:auto;
310    bottom:-1px;
311}
312
313.yui-skin-sam .yui-navset-bottom .yui-content,
314.yui-skin-sam .yui-navset .yui-navset-bottom .yui-content{
315    border:1px solid #808080;
316    border-bottom-color:#243356;
317}
Note: See TracBrowser for help on using the repository browser.