From 974b4377f77add1811a0e613225708e8d28cd033 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Oudot?= <clement@oodo.net>
Date: Thu, 9 Sep 2010 20:45:57 +0000
Subject: [PATCH] Dark theme in progress

---
 modules/lemonldap-ng-portal/MANIFEST          |   1 +
 .../example/skins/common/inputicons.css       |  22 +++
 .../example/skins/dark/css/styles.css         | 133 ++++++++++++++++--
 .../example/skins/pastel/css/styles.css       |  20 +--
 4 files changed, 151 insertions(+), 25 deletions(-)
 create mode 100644 modules/lemonldap-ng-portal/example/skins/common/inputicons.css

diff --git a/modules/lemonldap-ng-portal/MANIFEST b/modules/lemonldap-ng-portal/MANIFEST
index a94630879..35b586f26 100644
--- a/modules/lemonldap-ng-portal/MANIFEST
+++ b/modules/lemonldap-ng-portal/MANIFEST
@@ -59,6 +59,7 @@ example/skins/common/door_out.png
 example/skins/common/email.png
 example/skins/common/error.png
 example/skins/common/favicon.ico
+example/skins/common/inputicons.css
 example/skins/common/jquery-1.4.2.min.js
 example/skins/common/jquery-ui-1.7.2.custom.min.js
 example/skins/common/jquery.base64.js
diff --git a/modules/lemonldap-ng-portal/example/skins/common/inputicons.css b/modules/lemonldap-ng-portal/example/skins/common/inputicons.css
new file mode 100644
index 000000000..c7207a89f
--- /dev/null
+++ b/modules/lemonldap-ng-portal/example/skins/common/inputicons.css
@@ -0,0 +1,22 @@
+/* Input icons */
+
+form input[name=user] {
+background:#FFFFFF url("user_suit.png") 5px 5px no-repeat;
+padding-left:25px;
+}
+
+form input[type=password] {
+background:#FFFFFF url("key.png") 5px 5px no-repeat;
+padding-left: 25px;
+}
+
+form input[name=mail] {
+background:#FFFFFF url("email.png") 5px 5px no-repeat;
+padding-left: 25px;
+}
+
+form input[name=openid_identifier] {
+background:#FFFFFF url("openid-16x16.gif") 5px 5px no-repeat;
+padding-left: 25px;
+}
+
diff --git a/modules/lemonldap-ng-portal/example/skins/dark/css/styles.css b/modules/lemonldap-ng-portal/example/skins/dark/css/styles.css
index 9f116258a..ad8a5333a 100644
--- a/modules/lemonldap-ng-portal/example/skins/dark/css/styles.css
+++ b/modules/lemonldap-ng-portal/example/skins/dark/css/styles.css
@@ -4,8 +4,11 @@
 /* Use buttons CSS */
 @import url("../../common/buttons.css");
 
+/* Use input icons CSS */
+@import url("../../common/inputicons.css");
+
 /* Structure */
-body{
+body {
 background:#000;
 color:#fff;
 font-family:sans-serif;
@@ -15,20 +18,78 @@ margin:0;
 padding:0;
 }
 
+/* Lists */
+ul {
+list-style:none;
+margin:0;
+padding:5px;
+}
+
+li {
+list-style:none;
+}
+
+/* Links */
+a img,:link img,:visited img {
+border:none;
+}
+
+a, a:link, a:visited {
+text-decoration:none;
+color:orange;
+}
+
+/* Texts */
+h3 {
+margin:10px 0;
+padding: 0 10px;
+opacity:1;
+color:#000;
+font-size:12pt;
+border-left: orange solid 20px;
+}
+
+/* Tables */
+table {
+border:0;
+margin:0;
+}
+
+th {
+text-align:right;
+color:#000;
+border-bottom:orange solid 2px;
+font-size:9pt;
+padding:5px;
+}
+
+/* Forms */
+input {
+border:1px solid #CCC;
+padding:5px;
+width: 200px;
+}
+
+form input[name=openid_identifier] {
+width: 300px;
+}
+
 /* Login page */
-#logincontent{
-margin:100px auto;
+#logincontent {
+margin:100px auto 20px auto;
 background:#4B4B4B;
 padding:10px;
 width:600px;
+height:310px;
 -moz-border-radius:10px 10px 10px 10px;
 }
 
-#logincontent form{
+#logincontent form {
 background:#E4E4E4;
 opacity:0.9;
-margin: 20px -200px 20px 250px;
+margin: 20px -100px 20px 250px;
 padding:10px;
+height:230px;
 -moz-border-radius:10px 10px 10px 10px;
 }
 
@@ -36,18 +97,74 @@ div.loginlogo {
 background:url(../images/lock.png) no-repeat center;
 width:200px;
 height:200px;
-margin:30px 10px;
+margin:40px 10px;
 float:left;
 }
 
+#authMenu {
+text-align:center;
+background:#FFF;
+padding:5px;
+font-size:9pt;
+-moz-border-radius:10px 10px 10px 10px;
+}
+
+#authMenu .ui-tabs-nav li a {
+color:#CCC;
+}
+
+#authMenu li.ui-tabs-selected a {
+color:#000;
+}
+
 /* Footer */
 #footer {
 text-align:center;
-font-size:6pt;
+font-weight:normal;
+}
+
+/* Message box */
+div.message {
+-moz-border-radius:10px 10px 10px 10px;
+}
+
+div.message li {
+background-repeat:no-repeat;
+background-position:5px 0;
+padding:3px 0 3px 40px;
+}
+
+.message.negative li {
+background-image:url("../../common/warning.png");
+}
+
+.message.positive li {
+background-image:url("../../common/ok.png");
+}
+
+.message.warning li {
+background-image:url("../../common/warning_triangle.png");
 }
 
 /* JQuery tabs */
 .ui-tabs-hide {
-	display:none;
+display:none;
+}
+
+.ui-tabs-nav {
+text-align:left;
+margin:2px 0;
+padding:6px 2px 5px 2px;
+}
+
+.ui-tabs-nav li{
+display:inline;
+margin-left:10px;
+}
+
+.ui-tabs-nav li a{
+}
+
+li.ui-tabs-selected{
 }
 
diff --git a/modules/lemonldap-ng-portal/example/skins/pastel/css/styles.css b/modules/lemonldap-ng-portal/example/skins/pastel/css/styles.css
index 4e3e7ca0e..9ab67bc9e 100644
--- a/modules/lemonldap-ng-portal/example/skins/pastel/css/styles.css
+++ b/modules/lemonldap-ng-portal/example/skins/pastel/css/styles.css
@@ -4,6 +4,9 @@
 /* Use buttons CSS */
 @import url("../../common/buttons.css");
 
+/* Use input icons CSS */
+@import url("../../common/inputicons.css");
+
 body {
 font-family:Arial, Helvetica, Verdana;
 font-size:11pt;
@@ -150,24 +153,7 @@ padding:5px;
 width: 200px;
 }
 
-form input[name=user] {
-background:#FFFFFF url("../../common/user_suit.png") 5px 5px no-repeat;
-padding-left:25px;
-}
-
-form input[type=password] {
-background:#FFFFFF url("../../common/key.png") 5px 5px no-repeat;
-padding-left: 25px;
-}
-
-form input[name=mail] {
-background:#FFFFFF url("../../common/email.png") 5px 5px no-repeat;
-padding-left: 25px;
-}
-
 form input[name=openid_identifier] {
-background:#FFFFFF url("../../common/openid-16x16.gif") 5px 5px no-repeat;
-padding-left: 25px;
 width: 300px;
 }