Mercurial > repos > davidvanzessen > prisca
comparison style.css @ 0:ed6885c85660 draft
Uploaded
author | davidvanzessen |
---|---|
date | Wed, 31 Aug 2016 05:31:47 -0400 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:ed6885c85660 |
---|---|
1 /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ | |
2 | |
3 /*-------------------------------------------------- | |
4 REQUIRED to hide the non-active tab content. | |
5 But do not hide them in the print stylesheet! | |
6 --------------------------------------------------*/ | |
7 .tabberlive .tabbertabhide { | |
8 display:none; | |
9 } | |
10 | |
11 /*-------------------------------------------------- | |
12 .tabber = before the tabber interface is set up | |
13 .tabberlive = after the tabber interface is set up | |
14 --------------------------------------------------*/ | |
15 .tabber { | |
16 } | |
17 .tabberlive { | |
18 margin-top:1em; | |
19 } | |
20 | |
21 /*-------------------------------------------------- | |
22 ul.tabbernav = the tab navigation list | |
23 li.tabberactive = the active tab | |
24 --------------------------------------------------*/ | |
25 ul.tabbernav | |
26 { | |
27 margin:0; | |
28 padding: 3px 0; | |
29 border-bottom: 1px solid #778; | |
30 font: bold 12px Verdana, sans-serif; | |
31 } | |
32 | |
33 ul.tabbernav li | |
34 { | |
35 list-style: none; | |
36 margin: 0; | |
37 display: inline; | |
38 } | |
39 | |
40 ul.tabbernav li a | |
41 { | |
42 padding: 3px 0.5em; | |
43 margin-left: 3px; | |
44 border: 1px solid #778; | |
45 border-bottom: none; | |
46 background: #DDE; | |
47 text-decoration: none; | |
48 } | |
49 | |
50 ul.tabbernav li a:link { color: #448; } | |
51 ul.tabbernav li a:visited { color: #667; } | |
52 | |
53 ul.tabbernav li a:hover | |
54 { | |
55 color: #000; | |
56 background: #AAE; | |
57 border-color: #227; | |
58 } | |
59 | |
60 ul.tabbernav li.tabberactive a | |
61 { | |
62 background-color: #fff; | |
63 border-bottom: 1px solid #fff; | |
64 } | |
65 | |
66 ul.tabbernav li.tabberactive a:hover | |
67 { | |
68 color: #000; | |
69 background: white; | |
70 border-bottom: 1px solid white; | |
71 } | |
72 | |
73 /*-------------------------------------------------- | |
74 .tabbertab = the tab content | |
75 Add style only after the tabber interface is set up (.tabberlive) | |
76 --------------------------------------------------*/ | |
77 .tabberlive .tabbertab { | |
78 padding:5px; | |
79 border:1px solid #aaa; | |
80 border-top:0; | |
81 | |
82 /* If you don't want the tab size changing whenever a tab is changed | |
83 you can set a fixed height */ | |
84 | |
85 /* height:200px; */ | |
86 | |
87 /* If you set a fix height set overflow to auto and you will get a | |
88 scrollbar when necessary */ | |
89 | |
90 /* overflow:auto; */ | |
91 } | |
92 | |
93 /* If desired, hide the heading since a heading is provided by the tab */ | |
94 .tabberlive .tabbertab h2 { | |
95 display:none; | |
96 } | |
97 .tabberlive .tabbertab h3 { | |
98 display:none; | |
99 } | |
100 | |
101 /* Example of using an ID to set different styles for the tabs on the page */ | |
102 .tabberlive#tab1 { | |
103 } | |
104 .tabberlive#tab2 { | |
105 } | |
106 .tabberlive#tab2 .tabbertab { | |
107 height:200px; | |
108 overflow:auto; | |
109 } | |
110 | |
111 .result_table tr:hover { | |
112 background-color:#999999; | |
113 } | |
114 | |
115 table.result_table { | |
116 font-family: verdana,arial,sans-serif; | |
117 font-size:11px; | |
118 color:#333333; | |
119 border-width: 1px; | |
120 border-color: #666666; | |
121 border-collapse: collapse; | |
122 } | |
123 table.result_table th { | |
124 border-width: 1px; | |
125 padding: 8px; | |
126 border-style: solid; | |
127 border-color: #666666; | |
128 } | |
129 table.result_table td { | |
130 border-width: 1px; | |
131 padding: 8px; | |
132 border-style: solid; | |
133 border-color: #666666; | |
134 } | |
135 | |
136 .clicked_summary { | |
137 background-color:#A0A0A0; | |
138 } | |
139 | |
140 .oddrowcolor{ | |
141 background-color:#F4F4F4; | |
142 } | |
143 | |
144 .evenrowcolor{ | |
145 background-color:#E5E5E5; | |
146 } | |
147 | |
148 .cdr3sequence { | |
149 text-align: right; | |
150 } |