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