Revision b2ddbc66
Von Sven Schöling vor mehr als 12 Jahren hinzugefügt
| css/kivitendo/csshover.htc | ||
|---|---|---|
| 1 |
<attach event="ondocumentready" handler="parseStylesheets" /> |
|
| 2 |
<script> |
|
| 3 |
/** |
|
| 4 |
* Whatever:hover - V2.02.060206 - hover, active & focus |
|
| 5 |
* ------------------------------------------------------------ |
|
| 6 |
* (c) 2005 - Peter Nederlof |
|
| 7 |
* Peterned - http://www.xs4all.nl/~peterned/ |
|
| 8 |
* License - http://creativecommons.org/licenses/LGPL/2.1/ |
|
| 9 |
* |
|
| 10 |
* Whatever:hover is free software; you can redistribute it and/or |
|
| 11 |
* modify it under the terms of the GNU Lesser General Public |
|
| 12 |
* License as published by the Free Software Foundation; either |
|
| 13 |
* version 2.1 of the License, or (at your option) any later version. |
|
| 14 |
* |
|
| 15 |
* Whatever:hover is distributed in the hope that it will be useful, |
|
| 16 |
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
| 17 |
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU |
|
| 18 |
* Lesser General Public License for more details. |
|
| 19 |
* |
|
| 20 |
* Credits and thanks to: |
|
| 21 |
* Arnoud Berendsen, Martin Reurings, Robert Hanson |
|
| 22 |
* |
|
| 23 |
* howto: body { behavior:url("csshover.htc"); }
|
|
| 24 |
* ------------------------------------------------------------ |
|
| 25 |
*/ |
|
| 26 |
|
|
| 27 |
var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:unknown)/i, |
|
| 28 |
currentSheet, doc = window.document, hoverEvents = [], activators = {
|
|
| 29 |
onhover:{on:'onmouseover', off:'onmouseout'},
|
|
| 30 |
onactive:{on:'onmousedown', off:'onmouseup'},
|
|
| 31 |
onunknown:{on:'onfocus', off:'onblur'}
|
|
| 32 |
} |
|
| 33 |
|
|
| 34 |
function parseStylesheets() {
|
|
| 35 |
if(!/MSIE (5|6)/.test(navigator.userAgent)) return; |
|
| 36 |
window.attachEvent('onunload', unhookHoverEvents);
|
|
| 37 |
var sheets = doc.styleSheets, l = sheets.length; |
|
| 38 |
for(var i=0; i<l; i++) |
|
| 39 |
parseStylesheet(sheets[i]); |
|
| 40 |
} |
|
| 41 |
function parseStylesheet(sheet) {
|
|
| 42 |
if(sheet.imports) {
|
|
| 43 |
try {
|
|
| 44 |
var imports = sheet.imports, l = imports.length; |
|
| 45 |
for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]); |
|
| 46 |
} catch(securityException){}
|
|
| 47 |
} |
|
| 48 |
|
|
| 49 |
try {
|
|
| 50 |
var rules = (currentSheet = sheet).rules, l = rules.length; |
|
| 51 |
for(var j=0; j<l; j++) parseCSSRule(rules[j]); |
|
| 52 |
} catch(securityException){}
|
|
| 53 |
} |
|
| 54 |
|
|
| 55 |
function parseCSSRule(rule) {
|
|
| 56 |
var select = rule.selectorText, style = rule.style.cssText; |
|
| 57 |
if(!csshoverReg.test(select) || !style) return; |
|
| 58 |
|
|
| 59 |
var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1'); |
|
| 60 |
var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo); |
|
| 61 |
var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1]; |
|
| 62 |
var affected = select.replace(/:(hover|active|unknown).*$/, ''); |
|
| 63 |
var elements = getElementsBySelect(affected); |
|
| 64 |
if(elements.length == 0) return; |
|
| 65 |
|
|
| 66 |
currentSheet.addRule(newSelect, style); |
|
| 67 |
for(var i=0; i<elements.length; i++) |
|
| 68 |
new HoverElement(elements[i], className, activators[pseudo]); |
|
| 69 |
} |
|
| 70 |
|
|
| 71 |
function HoverElement(node, className, events) {
|
|
| 72 |
if(!node.hovers) node.hovers = {};
|
|
| 73 |
if(node.hovers[className]) return; |
|
| 74 |
node.hovers[className] = true; |
|
| 75 |
hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
|
|
| 76 |
hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
|
|
| 77 |
} |
|
| 78 |
function hookHoverEvent(node, type, handler) {
|
|
| 79 |
node.attachEvent(type, handler); |
|
| 80 |
hoverEvents[hoverEvents.length] = {
|
|
| 81 |
node:node, type:type, handler:handler |
|
| 82 |
}; |
|
| 83 |
} |
|
| 84 |
|
|
| 85 |
function unhookHoverEvents() {
|
|
| 86 |
for(var e,i=0; i<hoverEvents.length; i++) {
|
|
| 87 |
e = hoverEvents[i]; |
|
| 88 |
e.node.detachEvent(e.type, e.handler); |
|
| 89 |
} |
|
| 90 |
} |
|
| 91 |
|
|
| 92 |
function getElementsBySelect(rule) {
|
|
| 93 |
var parts, nodes = [doc]; |
|
| 94 |
parts = rule.split(' ');
|
|
| 95 |
for(var i=0; i<parts.length; i++) {
|
|
| 96 |
nodes = getSelectedNodes(parts[i], nodes); |
|
| 97 |
} return nodes; |
|
| 98 |
} |
|
| 99 |
function getSelectedNodes(select, elements) {
|
|
| 100 |
var result, node, nodes = []; |
|
| 101 |
var identify = (/\#([a-z0-9_-]+)/i).exec(select); |
|
| 102 |
if(identify) {
|
|
| 103 |
var element = doc.getElementById(identify[1]); |
|
| 104 |
return element? [element]:nodes; |
|
| 105 |
} |
|
| 106 |
|
|
| 107 |
var classname = (/\.([a-z0-9_-]+)/i).exec(select); |
|
| 108 |
var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, ''); |
|
| 109 |
var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
|
|
| 110 |
for(var i=0; i<elements.length; i++) {
|
|
| 111 |
result = tagName? elements[i].all.tags(tagName):elements[i].all; |
|
| 112 |
for(var j=0; j<result.length; j++) {
|
|
| 113 |
node = result[j]; |
|
| 114 |
if(classReg && !classReg.test(node.className)) continue; |
|
| 115 |
nodes[nodes.length] = node; |
|
| 116 |
} |
|
| 117 |
} |
|
| 118 |
|
|
| 119 |
return nodes; |
|
| 120 |
} |
|
| 121 |
</script> |
|
| css/kivitendo/dhtmlsuite | ||
|---|---|---|
| 1 |
../lx-office-erp/dhtmlsuite/ |
|
| css/kivitendo/frame_header | ||
|---|---|---|
| 1 |
../lx-office-erp/frame_header/ |
|
| css/kivitendo/jquery.autocomplete.css | ||
|---|---|---|
| 1 |
../lx-office-erp/jquery.autocomplete.css |
|
| css/kivitendo/jquery.multiselect2side.css | ||
|---|---|---|
| 1 |
../lx-office-erp/jquery.multiselect2side.css |
|
| css/kivitendo/main.css | ||
|---|---|---|
| 1 |
/* Stylesheet for kivitendo * Name:kivitendo.css*/ |
|
| 2 |
/* Colortable |
|
| 3 |
|
|
| 4 |
Background: #EBEBEB burlywood |
|
| 5 |
Links: #006400 DarkGreen |
|
| 6 |
Link-hover #FE5F14 Orange / #FFFFE0 lightyellow |
|
| 7 |
Titles, BG/VG: #79B61B Mid-green FFFFFF White |
|
| 8 |
Tabcolor: #CAFFA3 |
|
| 9 |
*/ |
|
| 10 |
|
|
| 11 |
|
|
| 12 |
body {
|
|
| 13 |
font-family: Verdana, Arial, Helvetica; |
|
| 14 |
background-color: #FFFFFF; |
|
| 15 |
color: #000000; |
|
| 16 |
font-size: 9pt; |
|
| 17 |
} |
|
| 18 |
|
|
| 19 |
|
|
| 20 |
/* The look of links */ |
|
| 21 |
a {
|
|
| 22 |
padding: 0 0.2em; |
|
| 23 |
text-decoration: none; |
|
| 24 |
/* border-bottom: thin solid; */ |
|
| 25 |
/* font-weight: bold; */ |
|
| 26 |
} |
|
| 27 |
A:link, A:visited, A:active {
|
|
| 28 |
color: #000000; |
|
| 29 |
border-bottom: thin solid #FE5F14; |
|
| 30 |
} |
|
| 31 |
a:hover {
|
|
| 32 |
color: #FE5F14; |
|
| 33 |
background-color: #D1D1D1; |
|
| 34 |
} |
|
| 35 |
a.selected:hover {
|
|
| 36 |
color:#EBEBEB; |
|
| 37 |
} |
|
| 38 |
a.nomobile {
|
|
| 39 |
background-color:transparent; |
|
| 40 |
border:none; |
|
| 41 |
} |
|
| 42 |
|
|
| 43 |
table {
|
|
| 44 |
font-size: 90% !important; |
|
| 45 |
table-layout: auto; |
|
| 46 |
border-spacing: 0.3em; |
|
| 47 |
} |
|
| 48 |
|
|
| 49 |
/* table a {
|
|
| 50 |
color:#FE5F14 !important; |
|
| 51 |
border-bottom:none; |
|
| 52 |
} */ |
|
| 53 |
|
|
| 54 |
ul {
|
|
| 55 |
} |
|
| 56 |
|
|
| 57 |
hr {
|
|
| 58 |
background-color: #006400; |
|
| 59 |
border: none; |
|
| 60 |
color: #79B61B; |
|
| 61 |
height: 2px; |
|
| 62 |
} |
|
| 63 |
|
|
| 64 |
/* I.E. & Chrome k?nnen das nicht! */ |
|
| 65 |
/* input[type="radio"], input[type="checkbox"]{
|
|
| 66 |
width:1.15em; |
|
| 67 |
height:1.15em; |
|
| 68 |
border:1px solid; |
|
| 69 |
color: #006400; |
|
| 70 |
} */ |
|
| 71 |
input:focus, textarea:focus, select:focus {
|
|
| 72 |
background-color: #FFFFA0; |
|
| 73 |
border: 2px solid #FE5F14; |
|
| 74 |
/* border-bottom: medium solid #FE5F14; */ |
|
| 75 |
} |
|
| 76 |
/* F?ngt den "Schrink" beim focus - problem f?r i.e. und chrome */ |
|
| 77 |
/* input[type="radio"]:focus, input[type="checkbox"]:focus{
|
|
| 78 |
width:1.2em; |
|
| 79 |
height:1.2em; |
|
| 80 |
} */ |
|
| 81 |
td {
|
|
| 82 |
color: #000000; |
|
| 83 |
font-weight: normal; |
|
| 84 |
} |
|
| 85 |
/* td.hover:hover {
|
|
| 86 |
color: #006400; |
|
| 87 |
background-color: #FFFFE0; |
|
| 88 |
} */ |
|
| 89 |
th {
|
|
| 90 |
color: #000000; |
|
| 91 |
font-weight: bold; |
|
| 92 |
} |
|
| 93 |
/* login and admin */ |
|
| 94 |
.login a, .login a:visited, .login a:hover {
|
|
| 95 |
text-decoration: none !important; |
|
| 96 |
background-color:transparent !important; |
|
| 97 |
border:none; |
|
| 98 |
} |
|
| 99 |
.login a:hover {
|
|
| 100 |
background: none; |
|
| 101 |
} |
|
| 102 |
body.login {
|
|
| 103 |
background-color: #FFFFE0; |
|
| 104 |
color: #000000; |
|
| 105 |
} |
|
| 106 |
h1.login {
|
|
| 107 |
} |
|
| 108 |
table.login {
|
|
| 109 |
background-color: #FFFFE0; |
|
| 110 |
padding: 20px; |
|
| 111 |
} |
|
| 112 |
td.login {
|
|
| 113 |
text-align: center; |
|
| 114 |
} |
|
| 115 |
th.login {
|
|
| 116 |
text-align: right; |
|
| 117 |
} |
|
| 118 |
body.admin {
|
|
| 119 |
background-color: #FFFFE0; |
|
| 120 |
color: #000000; |
|
| 121 |
} |
|
| 122 |
body.menu {
|
|
| 123 |
color: #000000; |
|
| 124 |
} |
|
| 125 |
/* Warnings */ |
|
| 126 |
.message_error_login {
|
|
| 127 |
color: #000000; |
|
| 128 |
border: 1px solid #8b0000; |
|
| 129 |
background-color: #ffcccc; |
|
| 130 |
padding: 3px; |
|
| 131 |
} |
|
| 132 |
.message_ok {
|
|
| 133 |
padding: 5px; |
|
| 134 |
background-color: #ADFFB6; |
|
| 135 |
color: black; |
|
| 136 |
font-weight: bolder; |
|
| 137 |
text-align: center; |
|
| 138 |
border-style: solid; |
|
| 139 |
border-width: thin; |
|
| 140 |
} |
|
| 141 |
.message_error {
|
|
| 142 |
padding: 5px; |
|
| 143 |
background-color: #CC0000; |
|
| 144 |
color: black; |
|
| 145 |
font-weight: bolder; |
|
| 146 |
text-align: center; |
|
| 147 |
border-style: solid; |
|
| 148 |
border-width: thin; |
|
| 149 |
} |
|
| 150 |
.message_hint {
|
|
| 151 |
padding: 0.5em; |
|
| 152 |
background-color: #FFEE66; |
|
| 153 |
color: black; |
|
| 154 |
font-weight: bolder; |
|
| 155 |
text-align: center; |
|
| 156 |
border-style: solid; |
|
| 157 |
border-width: thin; |
|
| 158 |
} |
|
| 159 |
.message_error_label {
|
|
| 160 |
padding: 0.5em; |
|
| 161 |
background-color: #E00000; |
|
| 162 |
font-weight: normal; |
|
| 163 |
text-align: left; |
|
| 164 |
border-style: solid; |
|
| 165 |
border-width: thin; |
|
| 166 |
} |
|
| 167 |
/* Headings */ |
|
| 168 |
.listtop, h1, .tabcontent .listheading {
|
|
| 169 |
font-size:125%; |
|
| 170 |
background-color: #006400; |
|
| 171 |
text-align: left; |
|
| 172 |
padding: 0.5em; |
|
| 173 |
color: #FFFFFF; |
|
| 174 |
font-weight: bolder; |
|
| 175 |
border-style: none; |
|
| 176 |
border-width: thin; |
|
| 177 |
-moz-border-radius:0.4em; /* Firefox */ |
|
| 178 |
-webkit-border-radius:0.4em; /* Safari, Chrome */ |
|
| 179 |
-khtml-border-radius:0.4em; /* Konqueror */ |
|
| 180 |
border-radius:0.4em; /* CSS3 */ |
|
| 181 |
behavior:url(border-radius.htc); |
|
| 182 |
} |
|
| 183 |
|
|
| 184 |
/* .listelement {
|
|
| 185 |
background-color: #f8ffb3; |
|
| 186 |
color: #000000; |
|
| 187 |
} |
|
| 188 |
.listelement2 {
|
|
| 189 |
background-color: #8ee085; |
|
| 190 |
color: #000000; |
|
| 191 |
} */ |
|
| 192 |
.listheading {
|
|
| 193 |
padding: 0.2em; |
|
| 194 |
background-color: #EBEBEB; |
|
| 195 |
color: #006400; |
|
| 196 |
font-weight: bolder; |
|
| 197 |
text-align: left; |
|
| 198 |
border-style: none; |
|
| 199 |
} |
|
| 200 |
|
|
| 201 |
/* .listheadingcontent {
|
|
| 202 |
background-color: #EBEBEB; |
|
| 203 |
color: #006400; |
|
| 204 |
font-weight: bolder; |
|
| 205 |
text-align: left; |
|
| 206 |
} */ |
|
| 207 |
|
|
| 208 |
.accountlistheading {
|
|
| 209 |
padding: 0.3em; |
|
| 210 |
color: #006400; |
|
| 211 |
font-weight: bold; |
|
| 212 |
text-align: left; |
|
| 213 |
background-color: #EBEBEB; |
|
| 214 |
} |
|
| 215 |
.subsubheading {
|
|
| 216 |
color: #000000; |
|
| 217 |
font-weight: bolder; |
|
| 218 |
text-decoration: underline; |
|
| 219 |
} |
|
| 220 |
.optionen {
|
|
| 221 |
border: dashed; |
|
| 222 |
border-width: 1px; |
|
| 223 |
background: #FFFFE0; |
|
| 224 |
} |
|
| 225 |
.listrow1 {
|
|
| 226 |
background-color: #FFFFFF; |
|
| 227 |
color: black; |
|
| 228 |
vertical-align: top; |
|
| 229 |
} |
|
| 230 |
.listrow0 {
|
|
| 231 |
background-color: #FFFF99; |
|
| 232 |
color: black; |
|
| 233 |
vertical-align: top; |
|
| 234 |
} |
|
| 235 |
.listsubtotal {
|
|
| 236 |
background-color: rgb(236,233,216); |
|
| 237 |
color: black; |
|
| 238 |
font-weight: bolder; |
|
| 239 |
} |
|
| 240 |
.listtotal, .listtotal td {
|
|
| 241 |
background-color: rgb(236,233,216); |
|
| 242 |
color: black; |
|
| 243 |
font-weight: bolder; |
|
| 244 |
} |
|
| 245 |
/* Verkaufsbericht */ |
|
| 246 |
.listmainsortheader {
|
|
| 247 |
background-color: rgb(236,233,216); |
|
| 248 |
color: red; |
|
| 249 |
font-weight: bolder; |
|
| 250 |
padding-left: 10px; |
|
| 251 |
padding-top: 0px; |
|
| 252 |
} |
|
| 253 |
.listmainsortsubtotal {
|
|
| 254 |
background-color: rgb(236,233,216); |
|
| 255 |
color: red; |
|
| 256 |
font-weight: bolder; |
|
| 257 |
padding-left: 10px; |
|
| 258 |
} |
|
| 259 |
.listsubsortheader {
|
|
| 260 |
background-color: rgb(236,233,216); |
|
| 261 |
color: green; |
|
| 262 |
font-weight: bolder; |
|
| 263 |
padding-left: 20px |
|
| 264 |
} |
|
| 265 |
.listsubsortsubtotal {
|
|
| 266 |
background-color: rgb(236,233,216); |
|
| 267 |
color: green; |
|
| 268 |
font-weight: bolder; |
|
| 269 |
padding-left: 20px |
|
| 270 |
} |
|
| 271 |
.listsortdescription {
|
|
| 272 |
background-color: rgb(236,233,216); |
|
| 273 |
color: black; |
|
| 274 |
font-weight: normal; |
|
| 275 |
padding-left: 30px |
|
| 276 |
} |
|
| 277 |
.submit {
|
|
| 278 |
font-family: Verdana, Arial, Helvetica; |
|
| 279 |
color: #000000; |
|
| 280 |
} |
|
| 281 |
.checkbox, .radio {
|
|
| 282 |
font-family: Verdana, Arial, Helvetica; |
|
| 283 |
color: #778899; |
|
| 284 |
} |
|
| 285 |
.plus0 {
|
|
| 286 |
/* font color for negative numbers */ |
|
| 287 |
color: red; |
|
| 288 |
} |
|
| 289 |
.plus1 {
|
|
| 290 |
color: green; |
|
| 291 |
} |
|
| 292 |
h2.confirm {
|
|
| 293 |
color: blue; |
|
| 294 |
} |
|
| 295 |
h2.error {
|
|
| 296 |
color: red; |
|
| 297 |
} |
|
| 298 |
fieldset {
|
|
| 299 |
margin-top: 15px; |
|
| 300 |
color: black; |
|
| 301 |
font-weight: bolder; |
|
| 302 |
} |
|
| 303 |
/* media stuff */ |
|
| 304 |
@media screen {
|
|
| 305 |
.noscreen {
|
|
| 306 |
/* items with this class won't display */ |
|
| 307 |
display: none; |
|
| 308 |
} |
|
| 309 |
} |
|
| 310 |
@media print {
|
|
| 311 |
.noprint {
|
|
| 312 |
/* items with this class won't print */ |
|
| 313 |
display: none; |
|
| 314 |
} |
|
| 315 |
} |
|
| 316 |
.filecontent {
|
|
| 317 |
border: 1px solid blue; |
|
| 318 |
padding-left: 2px; |
|
| 319 |
padding-right: 2px; |
|
| 320 |
} |
|
| 321 |
label {
|
|
| 322 |
cursor: pointer; |
|
| 323 |
vertical-align: top; |
|
| 324 |
} |
|
| 325 |
.unbalanced_ledger {
|
|
| 326 |
background-color: #ffa0a0; |
|
| 327 |
} |
|
| 328 |
.clearfix:after {
|
|
| 329 |
clear: both; |
|
| 330 |
content: "."; |
|
| 331 |
display: block; |
|
| 332 |
height: 0; |
|
| 333 |
visibility: hidden; |
|
| 334 |
} |
|
| 335 |
.flash_message_error {
|
|
| 336 |
background-color: #FFD6D6; |
|
| 337 |
border: 1px solid #AE0014; |
|
| 338 |
margin-top: 5px; |
|
| 339 |
margin-bottom: 5px; |
|
| 340 |
padding: 5px; |
|
| 341 |
} |
|
| 342 |
.flash_message_warning {
|
|
| 343 |
background-color: #FFE8C7; |
|
| 344 |
border: 1px solid #FF6600; |
|
| 345 |
margin-top: 5px; |
|
| 346 |
margin-bottom: 5px; |
|
| 347 |
padding: 5px; |
|
| 348 |
} |
|
| 349 |
.flash_message_info {
|
|
| 350 |
background-color: #DCF2FF; |
|
| 351 |
border: 1px solid #4690FF; |
|
| 352 |
margin-top: 5px; |
|
| 353 |
margin-bottom: 5px; |
|
| 354 |
padding: 5px; |
|
| 355 |
} |
|
| css/kivitendo/menu.css | ||
|---|---|---|
| 1 |
/* kivitendo menu Colors: |
|
| 2 |
Menu Background color #FE5F14 |
|
| 3 |
orangemenu color #FFFFFF |
|
| 4 |
whiteMenu Hover background color #FFFFE0 |
|
| 5 |
DarkGreensubenu pointer |
|
| 6 |
*/ |
|
| 7 |
body.menuv4 {
|
|
| 8 |
behavior: url("css/csshover.htc");
|
|
| 9 |
/*font-size: 14pt;*/ |
|
| 10 |
line-height: 20pt; |
|
| 11 |
font-family: Verdana, Geneva, Tahoma, sans-serif; |
|
| 12 |
background-color: #FFFFFF; |
|
| 13 |
color: #000000; |
|
| 14 |
} |
|
| 15 |
#menuv4 {
|
|
| 16 |
/*font-size: 85%;*/ |
|
| 17 |
width: 99.8%; |
|
| 18 |
float: left; |
|
| 19 |
/*border: 3px solid;*/ |
|
| 20 |
background-color: #FFFFFF; |
|
| 21 |
color: #000000; |
|
| 22 |
margin-top: 0.2em; |
|
| 23 |
} |
|
| 24 |
#menuv4 a, #menuv4 h2, #menuv4 div.x {
|
|
| 25 |
font-size: 80%; |
|
| 26 |
line-height: 120%; |
|
| 27 |
display: block; |
|
| 28 |
border: 0; |
|
| 29 |
white-space: nowrap; |
|
| 30 |
margin: 0; |
|
| 31 |
padding: 0.3em 1em; |
|
| 32 |
} |
|
| 33 |
#menuv4 h2:before {
|
|
| 34 |
content: " "; |
|
| 35 |
} |
|
| 36 |
#menuv4 h2:after {
|
|
| 37 |
content: " "; |
|
| 38 |
} |
|
| 39 |
#menuv4 h2 {
|
|
| 40 |
background-color: #ffffff; |
|
| 41 |
color: #000000; |
|
| 42 |
/*padding: 2px 15px;*/ |
|
| 43 |
/* Firefox */ |
|
| 44 |
-moz-border-radius: 0.4em 0.4em 0; |
|
| 45 |
/* Safari, Chrome */ |
|
| 46 |
-webkit-border-radius: 0.4em 0.4em 0; |
|
| 47 |
/* Konqueror */ |
|
| 48 |
-khtml-border-radius: 0.4em 0.4em 0; |
|
| 49 |
/* CSS3 */ |
|
| 50 |
border-radius: 0.4em 0.4em 0 0; |
|
| 51 |
/* behavior: url(border-radius.htc); */ |
|
| 52 |
} |
|
| 53 |
#menuv4 ul:hover h2 {
|
|
| 54 |
background-color:#DCDCDC; |
|
| 55 |
} |
|
| 56 |
#menuv4 a, #menuv4 a:visited, #menuv4 div.x, #menuv4 div.x:visited {
|
|
| 57 |
color: #000000; |
|
| 58 |
text-decoration: none; |
|
| 59 |
padding-right: 10px; |
|
| 60 |
} |
|
| 61 |
#menuv4 a {
|
|
| 62 |
background: #EBEBEB; |
|
| 63 |
} |
|
| 64 |
#menuv4 div.x, #menuv4 div.x:visited {
|
|
| 65 |
background-color: #EBEBEB; |
|
| 66 |
border-right: 1em solid #FE5F14; |
|
| 67 |
} |
|
| 68 |
#menuv4 div.x:hover {
|
|
| 69 |
border-right: none; |
|
| 70 |
} |
|
| 71 |
#menuv4 a:hover, #menuv4 div.x:hover {
|
|
| 72 |
color: #FE5F14; |
|
| 73 |
background-color: #EBEBEB; |
|
| 74 |
} |
|
| 75 |
#menuv4 a:active, #menuv4 div.x:active {
|
|
| 76 |
color: #FE5F14; |
|
| 77 |
background-color: #EBEBEB; |
|
| 78 |
} |
|
| 79 |
#menuv4 ul {
|
|
| 80 |
list-style: none; |
|
| 81 |
margin: 0; |
|
| 82 |
padding: 0; |
|
| 83 |
float: left; |
|
| 84 |
} |
|
| 85 |
|
|
| 86 |
#menuv4 li {
|
|
| 87 |
position: relative; |
|
| 88 |
float: none; |
|
| 89 |
border: 0; |
|
| 90 |
} |
|
| 91 |
li.sub {
|
|
| 92 |
position: relativ; |
|
| 93 |
left: 0.2em; |
|
| 94 |
top: 0px; |
|
| 95 |
background-color: #FFFFFF; |
|
| 96 |
} |
|
| 97 |
/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far * correction:the bug will change the height of the parent element! this will also cause the whole menu to grow * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has * a bottom border, which just looks ugly * the trick:color the bottom border with the same color as the bottom pixel of the background image - noone notices */ |
|
| 98 |
#menuv4 ul li {
|
|
| 99 |
/* border: solid; |
|
| 100 |
border-color: #991900; |
|
| 101 |
border-width: 0 0 1px 0; |
|
| 102 |
*/ |
|
| 103 |
} |
|
| 104 |
#menuv4 ul ul {
|
|
| 105 |
padding: 0 2em 2em 2em; |
|
| 106 |
margin: 0 -2em -2em -2em; |
|
| 107 |
} |
|
| 108 |
#menuv4 ul ul li {
|
|
| 109 |
/*padding-top: 0.01em;*/ |
|
| 110 |
background-color: #FFFFFF; |
|
| 111 |
} |
|
| 112 |
/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below * causing the menu to close. Opera 9 has the same bug btw. */ |
|
| 113 |
#menuv4 ul ul {
|
|
| 114 |
position: absolute; |
|
| 115 |
z-index: 500; |
|
| 116 |
top: auto; |
|
| 117 |
display: none; |
|
| 118 |
} |
|
| 119 |
#menuv4 ul ul ul {
|
|
| 120 |
top: 0; |
|
| 121 |
left: 99%; |
|
| 122 |
padding: 2em; |
|
| 123 |
margin: -2em; |
|
| 124 |
} |
|
| 125 |
#menuv4 ul ul ul li {
|
|
| 126 |
border-left: 0.2em solid #EBEBEB; |
|
| 127 |
} |
|
| 128 |
/* Begin non-anchor hover selectors */ |
|
| 129 |
/* Enter the more specific element (div) selectoron non-anchor hovers for IE5.x to comply with theolder version of csshover.htc - V1.21.041022. Itimproves IE's performance speed to use the olderfile and this method */ |
|
| 130 |
div#menuv4 h2:hover {
|
|
| 131 |
background: #EBEBEB; |
|
| 132 |
color: #FE5F14; |
|
| 133 |
} |
|
| 134 |
div#menuv4 li:hover {
|
|
| 135 |
cursor: pointer; |
|
| 136 |
z-index: 100; |
|
| 137 |
} |
|
| 138 |
div#menuv4 li:hover ul ul, div#menuv4 li li:hover ul ul, div#menuv4 li li li:hover ul ul, div#menuv4 li li li li:hover ul ul {
|
|
| 139 |
display: none; |
|
| 140 |
} |
|
| 141 |
div#menuv4 li:hover ul, div#menuv4 li li:hover ul, div#menuv4 li li li:hover ul, div#menuv4 li li li li:hover ul {
|
|
| 142 |
display: block; |
|
| 143 |
position: relativ: left: 10px; |
|
| 144 |
} |
|
| 145 |
/* End of non-anchor hover selectors */ |
|
| css/kivitendo/tabcontent.css | ||
|---|---|---|
| 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 |
background-color:#A1A1A1; |
|
| 25 |
border-bottom: none ; |
|
| 26 |
color: #000000; |
|
| 27 |
-moz-border-radius:0.4em 0.4em 0 0; /* Firefox */ |
|
| 28 |
-webkit-border-radius:0.4em 0.4em 0 0; /* Safari, Chrome */ |
|
| 29 |
-khtml-border-radius:0.4em 0.4em 0 0; /* Konqueror */ |
|
| 30 |
border-radius:0.4em 0.4em 0 0 ; /* CSS3 */ |
|
| 31 |
behavior:url(border-radius.htc); |
|
| 32 |
border-bottom: thin solid #FE5F14; |
|
| 33 |
} |
|
| 34 |
|
|
| 35 |
.shadetabs li a:visited{
|
|
| 36 |
color: #000000; |
|
| 37 |
border: none; |
|
| 38 |
background-color:#A1A1A1; |
|
| 39 |
border-bottom: none ; |
|
| 40 |
} |
|
| 41 |
|
|
| 42 |
.shadetabs li a:hover{
|
|
| 43 |
color: #FE5F14; |
|
| 44 |
background-color:#EBEBEB; |
|
| 45 |
} |
|
| 46 |
|
|
| 47 |
.shadetabs li a.selected{ /*selected main tab style */
|
|
| 48 |
position: relative; |
|
| 49 |
top: 1px; |
|
| 50 |
background-color: #D1D1D1; |
|
| 51 |
color:#000000; |
|
| 52 |
} |
|
| 53 |
|
|
| 54 |
.shadetabs li a.selected{ /*selected main tab style */
|
|
| 55 |
border-bottom-color:#EBEBEB; |
|
| 56 |
} |
|
| 57 |
|
|
| 58 |
.shadetabs li a.selected:hover{ /*selected main tab style */
|
|
| 59 |
text-decoration: none; |
|
| 60 |
} |
|
| 61 |
|
|
| 62 |
.tabcontent{
|
|
| 63 |
display:none; |
|
| 64 |
} |
|
| 65 |
|
|
| 66 |
@media print {
|
|
| 67 |
.tabcontent {
|
|
| 68 |
display:block !important; |
|
| 69 |
} |
|
| 70 |
} |
|
| 71 |
|
|
| 72 |
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */ |
|
| 73 |
|
|
| 74 |
.modernbricksmenu2{
|
|
| 75 |
padding: 0; |
|
| 76 |
width: 362px; |
|
| 77 |
border-top: 5px solid #D25A0B; /*Brown color theme*/ |
|
| 78 |
background: transparent; |
|
| 79 |
voice-family: "\"}\""; |
|
| 80 |
voice-family: inherit; |
|
| 81 |
} |
|
| 82 |
|
|
| 83 |
.modernbricksmenu2 ul{
|
|
| 84 |
margin:0; |
|
| 85 |
margin-left: 10px; /*margin between first menu item and left browser edge*/ |
|
| 86 |
padding: 0; |
|
| 87 |
list-style: none; |
|
| 88 |
} |
|
| 89 |
|
|
| 90 |
.modernbricksmenu2 li{
|
|
| 91 |
display: inline; |
|
| 92 |
margin: 0 2px 0 0; |
|
| 93 |
padding: 0; |
|
| 94 |
text-transform:uppercase; |
|
| 95 |
} |
|
| 96 |
|
|
| 97 |
.modernbricksmenu2 a{
|
|
| 98 |
float: left; |
|
| 99 |
display: block; |
|
| 100 |
font: bold 11px Arial; |
|
| 101 |
color: white; |
|
| 102 |
text-decoration: none; |
|
| 103 |
margin: 0 1px 0 0; /*Margin between each menu item*/ |
|
| 104 |
padding: 5px 10px; |
|
| 105 |
background-color: black; /*Brown color theme*/ |
|
| 106 |
border-top: 1px solid white; |
|
| 107 |
} |
|
| 108 |
|
|
| 109 |
.modernbricksmenu2 a:hover{
|
|
| 110 |
background-color: #D25A0B; /*Brown color theme*/ |
|
| 111 |
color: white; |
|
| 112 |
} |
|
| 113 |
|
|
| 114 |
.modernbricksmenu2 a.selected{ /*currently selected tab*/
|
|
| 115 |
background-color: #D25A0B; /*Brown color theme*/ |
|
| 116 |
color: white; |
|
| 117 |
border-color: #D25A0B; /*Brown color theme*/ |
|
| 118 |
} |
|
| 119 |
|
|
| 120 |
.tabcontent{
|
|
| 121 |
display:none; |
|
| 122 |
} |
|
| 123 |
|
|
| 124 |
@media print {
|
|
| 125 |
.tabcontent {
|
|
| 126 |
display:block !important; |
|
| 127 |
} |
|
| 128 |
} |
|
| 129 |
|
|
| 130 |
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ |
|
| 131 |
|
|
| 132 |
|
|
| 133 |
.indentmenu{
|
|
| 134 |
font: bold 13px Arial; |
|
| 135 |
width: 100%; /*leave this value as is in most cases*/ |
|
| 136 |
} |
|
| 137 |
|
|
| 138 |
.indentmenu ul{
|
|
| 139 |
margin: 0; |
|
| 140 |
padding: 0; |
|
| 141 |
float: left; |
|
| 142 |
/* width: 80%; width of menu*/ |
|
| 143 |
border-top: 1px solid navy; /*navy border*/ |
|
| 144 |
background: black url(../image/indentbg.gif) center center repeat-x; |
|
| 145 |
} |
|
| 146 |
|
|
| 147 |
.indentmenu ul li{
|
|
| 148 |
display: inline; |
|
| 149 |
} |
|
| 150 |
|
|
| 151 |
.indentmenu ul li a{
|
|
| 152 |
float: left; |
|
| 153 |
color: white; /*text color*/ |
|
| 154 |
padding: 5px 11px; |
|
| 155 |
text-decoration: none; |
|
| 156 |
border-right: 1px solid navy; /*navy divider between menu items*/ |
|
| 157 |
} |
|
| 158 |
|
|
| 159 |
.indentmenu ul li a:visited{
|
|
| 160 |
color: white; |
|
| 161 |
} |
|
| 162 |
|
|
| 163 |
.indentmenu ul li a.selected{
|
|
| 164 |
color: white !important; |
|
| 165 |
padding-top: 6px; /*shift text down 1px*/ |
|
| 166 |
padding-bottom: 4px; |
|
| 167 |
background: black url(../image/indentbg2.gif) center center repeat-x; |
|
| 168 |
} |
|
| 169 |
|
|
| 170 |
|
|
| 171 |
.tabcontentstyle{ /*style of tab content oontainer*/
|
|
| 172 |
/* border: 1px solid #D2691E; */ |
|
| 173 |
width: 95%; |
|
| 174 |
margin-bottom: 1em; |
|
| 175 |
padding: 10px; |
|
| 176 |
-moz-border-radius:0 0 0.4em 0.4em; /* Firefox */ |
|
| 177 |
-webkit-border-radius:0 0 0.4em 0.4em; /* Safari, Chrome */ |
|
| 178 |
-khtml-border-radius:0 0 0.4em 0.4em; /* Konqueror */ |
|
| 179 |
border-radius:0 0 0.4em 0.4em; /* CSS3 */ |
|
| 180 |
behavior:url(border-radius.htc); |
|
| 181 |
border: thin solid #A1A1A1; |
|
| 182 |
|
|
| 183 |
} |
|
| 184 |
|
|
| 185 |
.tabcontent{
|
|
| 186 |
display:none; |
|
| 187 |
} |
|
| 188 |
|
|
| 189 |
@media print {
|
|
| 190 |
.tabcontent {
|
|
| 191 |
display:block !important; |
|
| 192 |
} |
|
| 193 |
} |
|
| css/kivitendo/ui-lightness | ||
|---|---|---|
| 1 |
../lx-office-erp/ui-lightness/ |
|
Auch abrufbar als: Unified diff
css und images