From: Sven Donath Date: Fri, 1 Oct 2010 12:39:34 +0000 (+0200) Subject: Schritt 1 von: Facelifting Login-Screen X-Git-Tag: release-2.6.2beta1~110^2~1 X-Git-Url: http://wagnertech.de/git?a=commitdiff_plain;h=cfce8ceb55223d04b2f0248be8b31116fb7faaf8;p=kivitendo-erp.git Schritt 1 von: Facelifting Login-Screen Ich habe jetzt einfach mal einen neuen Login-Screen gemacht. Das ist nichts Endgültiges. Nur, damit ihr mal ein Gefühl dafür bekommt und als Diskussionsgrundlage. Später will ich die Tabellen aus dem Layout verbannen und den CSS-Code in eine Login.css auslagern. Da Logo (auch noch ein Thema) wird hier etwas kleiner gerendert als es ist. In Opera werden die runden Ecken nicht angezeigt. Das mache ich noch, falls nicht jemand gänzlich gegen runde Ecken ist. :-) --- diff --git a/css/lx-office-erp.css b/css/lx-office-erp.css index b64795057..1e8400296 100644 --- a/css/lx-office-erp.css +++ b/css/lx-office-erp.css @@ -29,7 +29,7 @@ td { font-weight: normal; } td.hover:hover { - color: black; + color: black; /* background-color: #FFFFCC; font-size: 8pt; text-decoration: none; @@ -52,15 +52,20 @@ th { font-family: Verdana, Arial, Helvetica; } body.login { - background: #b8d1f3; + background: #ccc; color: #A0A0A0; } -h1.login { +/* h1.login { font-size: 18pt; -} +}*/ table.login { - background-color: #efedde; padding: 20px; + border-style: solid; + border-width: 2px; + border-color: #B5B5B5; + background-color: #fff; + -moz-border-radius: 11; + -webkit-border-radius: 11; } td.login { text-align: center; @@ -83,84 +88,84 @@ body.menu { .message_ok { font-size: 12pt; - padding:5px; - background-color: lightgreen; - color: black; - font-weight: bolder; - text-align:center; - border-style:solid; - border-width:thin; + padding:5px; + background-color: lightgreen; + color: black; + font-weight: bolder; + text-align:center; + border-style:solid; + border-width:thin; } .message_error { font-size: 12pt; - padding:5px; - background-color: #FFAAAA; - color: black; - font-weight: bolder; - text-align:center; - border-style:solid; - border-width:thin; + padding:5px; + background-color: #FFAAAA; + color: black; + font-weight: bolder; + text-align:center; + border-style:solid; + border-width:thin; } /* - Überschriftsbalken + Überschriftsbalken */ .listtop { - background-color: rgb(236,233,216); - text-align:left; - padding:5px; - font-size: 10pt; - color: black; - font-weight: bolder; - border-style:dashed; - border-width:thin; + background-color: rgb(236,233,216); + text-align:left; + padding:5px; + font-size: 10pt; + color: black; + font-weight: bolder; + border-style:dashed; + border-width:thin; } .listelement { - background-image: url("../image/fade2.png"); - background-repeat:repeat-x; - border-style:dashed; - border-width:thin; + background-image: url("../image/fade2.png"); + background-repeat:repeat-x; + border-style:dashed; + border-width:thin; } .listelement2 { - background-image: url("../image/fade2.png"); - background-repeat:repeat-x; - border-style:dashed; - border-width:thin; + background-image: url("../image/fade2.png"); + background-repeat:repeat-x; + border-style:dashed; + border-width:thin; } .listheading, .listheading th { - font-size: 9pt; - padding:3px; - background-color: - rgb(236,233,216); - color: black; - font-weight: bolder; - text-align:left; - background-image: url("../image/fade.png"); - border-style:dotted; - border-width:thin; + font-size: 9pt; + padding:3px; + background-color: + rgb(236,233,216); + color: black; + font-weight: bolder; + text-align:left; + background-image: url("../image/fade.png"); + border-style:dotted; + border-width:thin; } .listheadingcontent { - font-size: 9pt; - background-color: - rgb(236,233,216); - color: black; - font-weight: bolder; - text-align:left; + font-size: 9pt; + background-color: + rgb(236,233,216); + color: black; + font-weight: bolder; + text-align:left; } .accountlistheading { - font-size: 10pt; - padding:3px; - color: white; - font-weight: bold; - text-align:left; - background-color:rgb(133,132,129); + font-size: 10pt; + padding:3px; + color: white; + font-weight: bold; + text-align:left; + background-color:rgb(133,132,129); } .subsubheading { @@ -170,20 +175,20 @@ body.menu { } .optionen { - border:dashed; -/* padding-top:10px; - padding-bottom:10px; - padding-left:10px; + border:dashed; +/* padding-top:10px; + padding-bottom:10px; + padding-left:10px; */ - border-width:1px; - background:#efedde; + border-width:1px; + background:#efedde; } .listrow1 { - background-color: rgb(208,207,201); - color: black; - vertical-align: top; + background-color: rgb(208,207,201); + color: black; + vertical-align: top; } .listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; } diff --git a/templates/webpages/login/login_screen.html b/templates/webpages/login/login_screen.html index 0b298c750..84feb7fcc 100644 --- a/templates/webpages/login/login_screen.html +++ b/templates/webpages/login/login_screen.html @@ -2,10 +2,12 @@ [% USE HTML %]
- +

 

+

 

+