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