From b5e144b521037e1901f61975d8d28f35c9fb4b22 Mon Sep 17 00:00:00 2001
From: cflakes <cflakes@726aef4b-f618-498e-8847-2d620e286838>
Date: Sun, 4 Apr 2010 13:44:47 +0000
Subject: [PATCH] "dark-clouds" now looks okish again, still needs some
 finishing touches applied, but generally fine. The MOTD textarea will use a
 monospace font now.

git-svn-id: https://znc.svn.sourceforge.net/svnroot/znc/trunk@1873 726aef4b-f618-498e-8847-2d620e286838
---
 modules/www/webadmin/settings.tmpl       |  2 +-
 webskins/_default_/pub/_default_.css     |  4 ++
 webskins/dark-clouds/pub/dark-clouds.css | 64 ++++++++++++++++++------
 3 files changed, 53 insertions(+), 17 deletions(-)

diff --git a/modules/www/webadmin/settings.tmpl b/modules/www/webadmin/settings.tmpl
index d8788bc1..683f00ed 100644
--- a/modules/www/webadmin/settings.tmpl
+++ b/modules/www/webadmin/settings.tmpl
@@ -75,7 +75,7 @@
 
 				<div class="subsection twothird">
 					<div class="inputlabel">MOTD:</div>
-					<div><textarea name="motd" cols="70" rows="5"><? LOOP MOTDLoop ?><? VAR Line ESC=HTML ?>
+					<div><textarea name="motd" cols="70" rows="5" class="monospace"><? LOOP MOTDLoop ?><? VAR Line ESC=HTML ?>
 <? ENDLOOP ?>
 </textarea></div>
 					<br /><span class="info">"Message of the Day", sent to all ZNC users on connect.</span>
diff --git a/webskins/_default_/pub/_default_.css b/webskins/_default_/pub/_default_.css
index b380640b..d59a5e20 100644
--- a/webskins/_default_/pub/_default_.css
+++ b/webskins/_default_/pub/_default_.css
@@ -176,6 +176,10 @@ input.third, textarea.third,
 	width: 150px;
 }
 
+textarea.monospace {
+	font-family: Lucida Console, monospace;
+}
+
 table {
 	border: 1px solid #ccc;
 }
diff --git a/webskins/dark-clouds/pub/dark-clouds.css b/webskins/dark-clouds/pub/dark-clouds.css
index 690ad44b..b68929f1 100644
--- a/webskins/dark-clouds/pub/dark-clouds.css
+++ b/webskins/dark-clouds/pub/dark-clouds.css
@@ -28,12 +28,11 @@ table thead td {
 	background-color: #EC8E00;
 	color: #000;
 	font-weight: bold;
-	padding: 2px;
+	padding: 6px;
 }
 
 table td {
-	height: 20px;
-	padding: 2px 3px;
+	padding: 4px;
 	border: 1px solid #000;
 }
 
@@ -56,24 +55,34 @@ h3 {
 }
 
 .sectionbody {
-	padding: 10px;
+	padding: 0;
+	margin: 0;
 }
 
 .subsection {
 	clear: both;
+	border-top: 1px solid #000;
+	margin: 0 0 1em 0;
+	padding: 8px 10px 0 8px;
 }
 
 .subsection div {
-	min-height: 30px;
-	/*float: left;
-	border: 1px solid orange;*/
 	display: inline-block;
 }
 
+.subsection div {
+	padding: 3px 0 0 0;
+}
+
 .subsection .inputlabel {
-	
-	width: 200px;
-	height: 30px;
+	width: 150px;
+	vertical-align: top;
+}
+
+.subsection .info {
+	display: block;
+	margin-top: 3px;
+	font-size: 80%;
 }
 
 /* !SECTIONS */
@@ -86,16 +95,39 @@ input, select, textarea {
 	color: #000000;
 	border: 1px solid #000000;
 	background-color: #999;
+	padding: 2px;
 }
 
-table.section textarea,
-table.section select,
-table.section input {
-	width: 100%;
+textarea {
+	height: 90px;
 }
 
-table.section input.checkbox {
-	width: auto;
+textarea.monospace {
+	font-family: Lucida Console, monospace;
+}
+
+.submitline input {
+	width: 180px;
+}
+
+input.full, textarea.full,
+.full input, .full textarea {
+	width: 430px;
+}
+
+input.twothird, textarea.twothird,
+.twothird input, .twothird textarea {
+	width: 370px;
+}
+
+input.half, textarea.half,
+.half input, .half textarea {
+	width: 280px;
+}
+
+input.third, textarea.third,
+.third input, .third textarea {
+	width: 100px;
 }
 
 /* !FORMS */