1 | /* ######### CSS for Shade Tabs. Remove if not using ######### */
|
---|
2 |
|
---|
3 | .shadetabs{
|
---|
4 | padding: 3px 0;
|
---|
5 | margin-left: 0;
|
---|
6 | margin-top: 1px;
|
---|
7 | margin-bottom: 0;
|
---|
8 | font: bold 12px Verdana;
|
---|
9 | list-style-type: none;
|
---|
10 | text-align: left; /*set to left, center, or right to align the menu as desired*/
|
---|
11 | }
|
---|
12 |
|
---|
13 | .shadetabs li{
|
---|
14 | display: inline;
|
---|
15 | margin: 0;
|
---|
16 | }
|
---|
17 |
|
---|
18 | .shadetabs li a{
|
---|
19 | text-decoration: none;
|
---|
20 | position: relative;
|
---|
21 | z-index: 1;
|
---|
22 | padding: 3px 7px;
|
---|
23 | margin-right: 3px;
|
---|
24 | border: 1px solid #778;
|
---|
25 | color: #2d2b2b;
|
---|
26 | background: white url(shade.gif) top left repeat-x;
|
---|
27 | }
|
---|
28 |
|
---|
29 | .shadetabs li a:visited{
|
---|
30 | color: #2d2b2b;
|
---|
31 | }
|
---|
32 |
|
---|
33 | .shadetabs li a:hover{
|
---|
34 | text-decoration: underline;
|
---|
35 | color: #2d2b2b;
|
---|
36 | }
|
---|
37 |
|
---|
38 | .shadetabs li a.selected{ /*selected main tab style */
|
---|
39 | position: relative;
|
---|
40 | top: 1px;
|
---|
41 | }
|
---|
42 |
|
---|
43 | .shadetabs li a.selected{ /*selected main tab style */
|
---|
44 | background-image: url(shadeactive.gif);
|
---|
45 | border-bottom-color: white;
|
---|
46 | }
|
---|
47 |
|
---|
48 | .shadetabs li a.selected:hover{ /*selected main tab style */
|
---|
49 | text-decoration: none;
|
---|
50 | }
|
---|
51 |
|
---|
52 | .tabcontent{
|
---|
53 | display:none;
|
---|
54 | }
|
---|
55 |
|
---|
56 | @media print {
|
---|
57 | .tabcontent {
|
---|
58 | display:block !important;
|
---|
59 | }
|
---|
60 | }
|
---|
61 |
|
---|
62 | /* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
|
---|
63 |
|
---|
64 | .modernbricksmenu2{
|
---|
65 | padding: 0;
|
---|
66 | width: 362px;
|
---|
67 | border-top: 5px solid #D25A0B; /*Brown color theme*/
|
---|
68 | background: transparent;
|
---|
69 | voice-family: "\"}\"";
|
---|
70 | voice-family: inherit;
|
---|
71 | }
|
---|
72 |
|
---|
73 | .modernbricksmenu2 ul{
|
---|
74 | margin:0;
|
---|
75 | margin-left: 10px; /*margin between first menu item and left browser edge*/
|
---|
76 | padding: 0;
|
---|
77 | list-style: none;
|
---|
78 | }
|
---|
79 |
|
---|
80 | .modernbricksmenu2 li{
|
---|
81 | display: inline;
|
---|
82 | margin: 0 2px 0 0;
|
---|
83 | padding: 0;
|
---|
84 | text-transform:uppercase;
|
---|
85 | }
|
---|
86 |
|
---|
87 | .modernbricksmenu2 a{
|
---|
88 | float: left;
|
---|
89 | display: block;
|
---|
90 | font: bold 11px Arial;
|
---|
91 | color: white;
|
---|
92 | text-decoration: none;
|
---|
93 | margin: 0 1px 0 0; /*Margin between each menu item*/
|
---|
94 | padding: 5px 10px;
|
---|
95 | background-color: black; /*Brown color theme*/
|
---|
96 | border-top: 1px solid white;
|
---|
97 | }
|
---|
98 |
|
---|
99 | .modernbricksmenu2 a:hover{
|
---|
100 | background-color: #D25A0B; /*Brown color theme*/
|
---|
101 | color: white;
|
---|
102 | }
|
---|
103 |
|
---|
104 | .modernbricksmenu2 a.selected{ /*currently selected tab*/
|
---|
105 | background-color: #D25A0B; /*Brown color theme*/
|
---|
106 | color: white;
|
---|
107 | border-color: #D25A0B; /*Brown color theme*/
|
---|
108 | }
|
---|
109 |
|
---|
110 | .tabcontent{
|
---|
111 | display:none;
|
---|
112 | }
|
---|
113 |
|
---|
114 | @media print {
|
---|
115 | .tabcontent {
|
---|
116 | display:block !important;
|
---|
117 | }
|
---|
118 | }
|
---|
119 |
|
---|
120 | /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
|
---|
121 |
|
---|
122 |
|
---|
123 | .indentmenu{
|
---|
124 | font: bold 13px Arial;
|
---|
125 | width: 100%; /*leave this value as is in most cases*/
|
---|
126 | }
|
---|
127 |
|
---|
128 | .indentmenu ul{
|
---|
129 | margin: 0;
|
---|
130 | padding: 0;
|
---|
131 | float: left;
|
---|
132 | /* width: 80%; width of menu*/
|
---|
133 | border-top: 1px solid navy; /*navy border*/
|
---|
134 | background: black url(indentbg.gif) center center repeat-x;
|
---|
135 | }
|
---|
136 |
|
---|
137 | .indentmenu ul li{
|
---|
138 | display: inline;
|
---|
139 | }
|
---|
140 |
|
---|
141 | .indentmenu ul li a{
|
---|
142 | float: left;
|
---|
143 | color: white; /*text color*/
|
---|
144 | padding: 5px 11px;
|
---|
145 | text-decoration: none;
|
---|
146 | border-right: 1px solid navy; /*navy divider between menu items*/
|
---|
147 | }
|
---|
148 |
|
---|
149 | .indentmenu ul li a:visited{
|
---|
150 | color: white;
|
---|
151 | }
|
---|
152 |
|
---|
153 | .indentmenu ul li a.selected{
|
---|
154 | color: white !important;
|
---|
155 | padding-top: 6px; /*shift text down 1px*/
|
---|
156 | padding-bottom: 4px;
|
---|
157 | background: black url(indentbg2.gif) center center repeat-x;
|
---|
158 | }
|
---|
159 |
|
---|
160 |
|
---|
161 | .tabcontentstyle{ /*style of tab content oontainer*/
|
---|
162 | border: 1px solid gray;
|
---|
163 | width: 450px;
|
---|
164 | margin-bottom: 1em;
|
---|
165 | padding: 10px;
|
---|
166 | }
|
---|
167 |
|
---|
168 | .tabcontent{
|
---|
169 | display:none;
|
---|
170 | }
|
---|
171 |
|
---|
172 | @media print {
|
---|
173 | .tabcontent {
|
---|
174 | display:block !important;
|
---|
175 | }
|
---|
176 | }
|
---|