Merge pull request #142 from rafa62/master

Clean up the CSS
webERP-team · Jan 4, 2019 · 57ce6c3 · 57ce6c3
2 parents 5b9d575 + e38fd58
commit 57ce6c3
Show file tree

Hide file tree

Showing 11 changed files with 113 additions and 214 deletions.
diff --git a/css/WEBootstrap/default.css b/css/WEBootstrap/default.css
@@ -1,6 +1,6 @@
-/* WEBootstrap theme by giankocr. */
-/* WEBootstrap is a bootstrap theme design for WebERP. */
-/*
+/*	WEBootstrap theme by giankocr.
+	WEBootstrap is a bootstrap theme design for WebERP.
+
 Design guidelines:
 	Fonts are ??px hight.
 	Icons are 36px x 36px size.
@@ -82,10 +82,10 @@ td {
 	vertical-align:top;
 }
 td.select {
-	background-color:#eee;
+	background-color:#eeeeee;
 }
 td table {
-	background:#eee;
+	background:#eeeeee;
 }
 /*
 table tr:first-child th:first-child, table tr:first-child td:first-child {
@@ -157,7 +157,7 @@ input[type='text']:focus, input[type='tel']:focus, input[type='password']:focus,
 input[type='submit'], button {
 	background-color:#34a7e8;
 	border:thin outset #1992DA;
-	color:#FFFFFF;
+	color:#ffffff;
 	cursor:pointer;
 	font-weight:bold;
 	padding:6px 24px;
@@ -184,7 +184,7 @@ tr.striped_row:nth-of-type(even) {
 }
 
 tr.striped_row:nth-of-type(odd) {
-	background-color:#CCCCCC;
+	background-color:#cccccc;
 }
 div.Message {
 	border-radius:10px;
@@ -264,14 +264,14 @@ div.Message.warn {
 
 /* Table type is used for UI tables type 1 */
 .table1 {
-	background:#eee;
+	background:#eeeeee;
 	border:0px 0px 2px 2px #222 solid;
 	margin:0 auto;
 	width:90%;
 }
 /* Table type is used for UI tables type 2 */
 .table2 {
-	background:#eee;
+	background:#eeeeee;
 	border:0px 0px 2px 2px #222 solid;
 	margin:0 auto;
 	width:90%;
@@ -693,30 +693,22 @@ select.selecterror {
 	background:#d3d3d3 url(images/help.png) top left no-repeat;
 	border:#c3c3c3 solid thin;
 	color:#000000;
-	float:none;
 	font-weight:normal;
 	margin:0 auto;
 	padding:4px 10px;
-	position:static;
 	text-align:center;
-	visibility:visible;
 	width:80%;
-	z-index:1;
-	/* Class selector for page help text. Hidden / displayed by the ShowPageHelp parameter. */
+	/* Class selector for page help text. Hidden/displayed by the ShowPageHelp parameter. */
 }
 .page_info_text {
 	background:#d3d3d3 url(images/info.svg) top left no-repeat;
 	border:#c3c3c3 solid thin;
 	color:#000000;
-	float:none;
 	font-weight:normal;
 	margin:0 auto;
 	padding:4px 10px;
-	position:static;
 	text-align:center;
-	visibility:visible;
 	width:80%;
-	z-index:1;
 	/* Class selector for page info text. */
 }
 .page_title_text {
@@ -744,4 +736,4 @@ select.selecterror {
 	/* Style for new browser in a device with a rendering width less than 768px (xs - Extra small devices - Phones). */
 	.field_help_text {display:none;/* Hides field help text. */}
 	.page_help_text {display:none;/* Hides page help text. */}
-}
+}
diff --git a/css/aguapop/default.css b/css/aguapop/default.css
@@ -1,11 +1,8 @@
-/*
-
-New "AguaPop" Theme for WebERP
-
-v2, 2012-08-03
-
-by Hindra Joshua
+/* "AguaPop" Theme for WebERP by Hindra Joshua. v2, 2012-08-03
 
+Design guidelines:
+	Fonts are 10px hight.
+	Icons are 32px x 32px size.
 */
 
 button img {
@@ -497,38 +494,30 @@ li {
 	background:#d3d3d3 url(images/help.png) top left no-repeat;
 	border:#800000 solid 1px;
 	color:#000000;
-	float:none;
-	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-weight:normal;
 	margin:0 auto;
 	min-height:26px;
 	padding-bottom:2px;
 	padding-left:24px;
 	padding-top:2px;
-	position:static;
 	text-align:center;
 	visibility:visible;
 	width:80%;
-	z-index:1;
-	/* Class selector for page help text. Hidden / displayed by the ShowPageHelp parameter. */
+	/* Class selector for page help text. Hidden/displayed by the ShowPageHelp parameter. */
 }
 .page_info_text {
 	background:#d3d3d3 url(images/info.svg) top left no-repeat;
 	border:#800000 solid 1px;
 	color:#000000;
-	float:none;
-	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-weight:normal;
 	margin:0 auto;
 	min-height:26px;
 	padding-bottom:2px;
 	padding-left:24px;
 	padding-top:2px;
-	position:static;
 	text-align:center;
 	visibility:visible;
 	width:80%;
-	z-index:1;
 	/* Class selector for page info text. */
 }
 .page_title_text {

diff --git a/css/default/default.css b/css/default/default.css
@@ -1,12 +1,12 @@
-/* Default theme for WebERP by ... */
-/*
+/* Default theme for WebERP by ...
+
 Design guidelines:
 	Fonts are 10px hight.
 	Icons are 16px x 16px size.
 */
 
 body {
-	background-color:#ccd;
+	background-color:#ccccdd;
 	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-size:10pt;
 	margin:0;
@@ -99,7 +99,7 @@ td {
 }
 
 td.select {
-	background-color:#eee;
+	background-color:#eeeeee;
 }
 
 td a img {
@@ -198,7 +198,7 @@ tr.striped_row:nth-of-type(odd) {
 .dpTD {
 	border:0;
 	width:20px;
-	background-color:#EEEEEE;
+	background-color:#eeeeee;
 	text-align:right;
 	cursor:pointer;
 }
@@ -214,7 +214,7 @@ tr.striped_row:nth-of-type(odd) {
 .dpTDHover {
 	border:0;
 	width:20px;
-	background-color:#CCCCCC;
+	background-color:#cccccc;
 	text-align:right;
 	cursor:pointer;
 }
@@ -340,7 +340,7 @@ textarea.texterror {
 }
 
 #BodyWrapDiv {
-	background:#CCCCCC;
+	background:#cccccc;
 	padding-top:1px;
 	/*border:thin solid #ccc;*/
 	/*clear:both;*/
@@ -428,7 +428,7 @@ textarea.texterror {
 .menu_group_headers {
 	text-align:center;
 	color:#000000;
-	background:#eee;
+	background:#eeeeee;
 	border-bottom:thin solid #000000;
 }
 
@@ -446,7 +446,7 @@ textarea.texterror {
 #InquiriesDiv div { /* header for standard reports/forms, custom reports */
 	border-top:thin solid #000000;
 	border-bottom:thin solid #000000;
-	background:#eee;
+	background:#eeeeee;
 	color:#000000;
 	padding:2px;
 }
@@ -456,7 +456,7 @@ textarea.texterror {
 #FooterDiv {
 	clear:both;
 	overflow:hidden;
-	color:#CCCCCC;
+	color:#cccccc;
 	padding:3px 2px;
 }
 
@@ -511,47 +511,37 @@ textarea.texterror {
 	/* Class selector for field help text. */
 }
 .page_help_text {
-	background-color:#D3D3D3;
+	background-color:#d3d3d3;
 	background-image:url(images/help.png);
 	background-position:2px 2px;
 	background-repeat:no-repeat;
 	border:#a52a2a 1px solid;
 	color:#000000;
-	float:none;
-	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-weight:normal;
 	margin:0 auto;
 	padding-bottom:2px;
 	padding-left:20px;
 	padding-right:2px;
 	padding-top:2px;
-	position:static;
 	text-align:center;
-	visibility:visible;
 	width:80%;
-	z-index:1;
-	/* Class selector for page help text. Hidden / displayed by the ShowPageHelp parameter. */
+	/* Class selector for page help text. Hidden/displayed by the ShowPageHelp parameter. */
 }
 .page_info_text {
-	background-color:#D3D3D3;
+	background-color:#d3d3d3;
 	background-image:url(images/info.svg);
 	background-position:2px 2px;
 	background-repeat:no-repeat;
 	border:#a52a2a 1px solid;
 	color:#000000;
-	float:none;
-	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-weight:normal;
 	margin:0 auto;
 	padding-bottom:2px;
 	padding-left:20px;
 	padding-right:2px;
 	padding-top:2px;
-	position:static;
 	text-align:center;
-	visibility:visible;
 	width:80%;
-	z-index:1;
 	/* Class selector for page info text. */
 }
 .page_title_text {

diff --git a/css/fluid/default.css b/css/fluid/default.css
@@ -1,10 +1,11 @@
-/*
-"Fluid Tabs" theme for webERP
-
-by Hindra Joshua
+/* "Fluid Tabs" theme for WebERP by Hindra Joshua.
 
 This is a fluid theme capable to adjust itself on small screen devices (phones, tablets, etc.)
 Beware, the contents is currently not fluid! :D
+
+Design guidelines:
+	Fonts are 10pt hight.
+	Icons are ??px x ??px size.  (24x24 ?)
 */
 
 button img {
@@ -82,7 +83,7 @@ td {
 	vertical-align:top;
 }
 td.select {
-	background-color:#eee;
+	background-color:#eeeeee;
 }
 
 input {
@@ -120,11 +121,11 @@ textarea.texterror {
 }
 
 tr.striped_row:nth-of-type(even) {
-	background-color:#CCCCCC;
+	background-color:#cccccc;
 }
 
 tr.striped_row:nth-of-type(odd) {
-	background-color:#EEEEEE;
+	background-color:#eeeeee;
 }
 div.Message {
 	border-radius:10px;
@@ -190,7 +191,7 @@ div.csv {
 .dpTD {
 	border:0;
 	width:20px;
-	background-color:#EEEEEE;
+	background-color:#eeeeee;
 	text-align:right;
 cursor:pointer;
 }
@@ -204,14 +205,14 @@ cursor:pointer;
 .dpTDHover {
 	border:0;
 	width:20px;
-	background-color:#CCCCCC;
+	background-color:#cccccc;
 	text-align:right;
 	cursor:pointer;
 }
 
 .table1 {
 	width:90%;
-	background:#eee;
+	background:#eeeeee;
 	border:1px solid #222;
 	margin:0 auto;
 }
@@ -407,36 +408,26 @@ list-style-image:url(bullet.gif);
 	background:#d3d3d3 url(images/help.png) top left no-repeat;
 	border:#a52a2a 1px solid;
 	color:#000000;
-	float:none;
-	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-weight:normal;
 	margin:0 auto;
 	padding-bottom:2px;
 	padding-left:10px;
 	padding-top:2px;
-	position:static;
 	text-align:center;
-	visibility:visible;
 	width:80%;
-	z-index:1;
-	/* Class selector for page help text. Hidden / displayed by the ShowPageHelp parameter. */
+	/* Class selector for page help text. Hidden/displayed by the ShowPageHelp parameter. */
 }
 .page_info_text {
 	background:#d3d3d3 url(images/info.svg) top left no-repeat;
 	border:#a52a2a 1px solid;
 	color:#000000;
-	float:none;
-	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-weight:normal;
 	margin:0 auto;
 	padding-bottom:2px;
 	padding-left:10px;
 	padding-top:2px;
-	position:static;
 	text-align:center;
-	visibility:visible;
 	width:80%;
-	z-index:1;
 	/* Class selector for page info text. */
 }
 .page_title_text {