source: trunk/www.guidonia.net/wp/wp-content/themes/atahualpa/options/tabcontent/tabcontent.css@ 44

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