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: white;
 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   color: white;
 163         font-weight: normal;
 164         text-align: left;
 165         border-style: solid;
 166         border-width: thin;
 167 }
 168 /*    Headings */
 169 .listtop, h1, .tabcontent .listheading {
 170     font-size:125%;
 171         background-color: #006400;
 172         text-align: left;
 173         padding: 0.5em;
 174         color: #FFFFFF;
 175         font-weight: bolder;
 176         border-style: none;
 177         border-width: thin;
 178         -moz-border-radius:0.4em; /* Firefox */
 179         -webkit-border-radius:0.4em; /* Safari, Chrome */
 180         -khtml-border-radius:0.4em; /* Konqueror */
 181         border-radius:0.4em; /* CSS3 */
 182         behavior:url(border-radius.htc);
 183 }
 184
 185 /* .listelement {
 186         background-color: #f8ffb3;
 187         color: #000000;
 188 }
 189 .listelement2 {
 190         background-color: #8ee085;
 191         color: #000000;
 192 } */
 193 .listheading {
 194         padding: 0.2em;
 195         background-color: #EBEBEB;
 196         color: #006400;
 197         font-weight: bolder;
 198         text-align: left;
 199         border-style: none;
 200 }
 201
 202 .listheading A:link, .listheading A:visited, .listheading A:active {
 203         color: white;
 204 }
 205
 206 /* .listheadingcontent {
 207         background-color: #EBEBEB;
 208         color: #006400;
 209         font-weight: bolder;
 210         text-align: left;
 211 } */
 212
 213 .accountlistheading {
 214         padding: 0.3em;
 215         color: #006400;
 216         font-weight: bold;
 217         text-align: left;
 218         background-color: #EBEBEB;
 219 }
 220 .subsubheading {
 221         color: #000000;
 222         font-weight: bolder;
 223         text-decoration: underline;
 224 }
 225 .optionen {
 226         border: dashed;
 227         border-width: 1px;
 228         background: #FFFFE0;
 229 }
 230 .listrow1 {
 231         background-color: #FFFFFF;
 232         color: black;
 233         vertical-align: top;
 234 }
 235 .listrow0 {
 236         background-color: #FFFF99;
 237         color: black;
 238         vertical-align: top;
 239 }
 240 .listsubtotal {
 241         background-color: rgb(236,233,216);
 242         color: black;
 243         font-weight: bolder;
 244 }
 245 .listtotal, .listtotal td {
 246         background-color: rgb(236,233,216);
 247         color: black;
 248         font-weight: bolder;
 249 }
 250 /* Verkaufsbericht */
 251 .listmainsortheader {
 252         background-color: rgb(236,233,216);
 253         color: red;
 254         font-weight: bolder;
 255         padding-left: 10px;
 256         padding-top: 0px;
 257 }
 258 .listmainsortsubtotal {
 259         background-color: rgb(236,233,216);
 260         color: red;
 261         font-weight: bolder;
 262         padding-left: 10px;
 263 }
 264 .listsubsortheader {
 265         background-color: rgb(236,233,216);
 266         color: green;
 267         font-weight: bolder;
 268         padding-left: 20px
 269 }
 270 .listsubsortsubtotal {
 271         background-color: rgb(236,233,216);
 272         color: green;
 273         font-weight: bolder;
 274         padding-left: 20px
 275 }
 276 .listsortdescription {
 277         background-color: rgb(236,233,216);
 278         color: black;
 279         font-weight: normal;
 280         padding-left: 30px
 281 }
 282 .submit {
 283         font-family: Verdana, Arial, Helvetica;
 284         color: #000000;
 285 }
 286 .checkbox, .radio {
 287         font-family: Verdana, Arial, Helvetica;
 288         color: #778899;
 289 }
 290 .plus0 {
 291 /* font color for negative numbers */
 292         color: red;
 293 }
 294 .plus1 {
 295         color: green;
 296 }
 297 h2.confirm {
 298         color: blue;
 299 }
 300 h2.error {
 301         color: red;
 302 }
 303 fieldset {
 304         margin-top: 15px;
 305         color: black;
 306         font-weight: bolder;
 307 }
 308 /* media stuff */
 309 @media screen {
 310 .noscreen {
 311 /* items with this class won't display */
 312         display: none;
 313 }
 314 }
 315 @media print {
 316 .noprint {
 317 /* items with this class won't print */
 318         display: none;
 319 }
 320 }
 321 .filecontent {
 322         border: 1px solid blue;
 323         padding-left: 2px;
 324         padding-right: 2px;
 325 }
 326 label {
 327         cursor: pointer;
 328         vertical-align: top;
 329 }
 330 .unbalanced_ledger {
 331         background-color: #ffa0a0;
 332 }
 333 .clearfix:after {
 334         clear: both;
 335         content: ".";
 336         display: block;
 337         height: 0;
 338         visibility: hidden;
 339 }
 340 .flash_message_error {
 341         background-color: #FFD6D6;
 342         border: 1px solid #AE0014;
 343         margin-top: 5px;
 344         margin-bottom: 5px;
 345         padding: 5px;
 346 }
 347 .flash_message_warning {
 348         background-color: #FFE8C7;
 349         border: 1px solid #FF6600;
 350         margin-top: 5px;
 351         margin-bottom: 5px;
 352         padding: 5px;
 353 }
 354 .flash_message_info {
 355         background-color: #DCF2FF;
 356         border: 1px solid #4690FF;
 357         margin-top: 5px;
 358         margin-bottom: 5px;
 359         padding: 5px;
 360 }