From c2f3beaa26d973b7da02d0edbeb77dcbddbd5955 Mon Sep 17 00:00:00 2001
From: vKham <vKham@prestashop.com>
Date: Mon, 21 Nov 2011 09:15:35 +0000
Subject: [PATCH] // css improvement for adminHome and adminModule

---
 admin-dev/themes/default/admin.css         |   3 +-
 admin-dev/themes/template/home/content.tpl |  18 ++-
 css/admin.css                              | 132 ++++++++++++---------
 3 files changed, 89 insertions(+), 64 deletions(-)

diff --git a/admin-dev/themes/default/admin.css b/admin-dev/themes/default/admin.css
index 1f3eb0d01..55bedc363 100644
--- a/admin-dev/themes/default/admin.css
+++ b/admin-dev/themes/default/admin.css
@@ -202,7 +202,7 @@ form#product, form#access_form, form#cart_rule_form {   background-color:#ebedf4
 
 
 /*FILTER MODULE*/
-.filter-module { background-color:#ebedf4; border:1px solid #c2c4d9; padding:10px; display:block; min-height:35px;}
+.filter-module { background-color:#ebedf4; border:1px solid #c2c4d9; margin-top:10px; padding:10px; display:block; min-height:35px;}
 .filter-module #filternameForm {float:left; margin-right:30px;}
 .filter-module label {width:auto;}
 .filter-module .select-filter { float:left;}
@@ -224,6 +224,7 @@ form#product, form#access_form, form#cart_rule_form {   background-color:#ebedf4
 #moduleContainer .table tr th { height:40px;}
 #moduleContainer .table tr td { vertical-align:top; padding: 5px 7px 0; border-top:1px dotted #ccc; border-bottom:none;}
 #moduleContainer .table tr:first-child {border-top:1px solid #ccc}
+#moduleContainer .table tr td .imgm {width:32px;}
 #moduleContainer .moduleDesc { font-size:12px; position:relative; margin-bottom:10px;}
 #moduleContainer .moduleDesc h3 { color:#3A6EA7; margin:0;}
 #moduleContainer .moduleDesc .metadata  { float:left; display:block; margin:5px 0;}
diff --git a/admin-dev/themes/template/home/content.tpl b/admin-dev/themes/template/home/content.tpl
index 0d9f1bf5c..c01c2f0dc 100644
--- a/admin-dev/themes/template/home/content.tpl
+++ b/admin-dev/themes/template/home/content.tpl
@@ -23,9 +23,8 @@
 *  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 *  International Registered Trademark & Property of PrestaShop SA
 *}
-<div>
+
 	<h1>{l s='Dashboard'}</h1>
-	<hr style="background-color: #812143;color: #812143;" />
 	{if $upgrade}
 		<div id="blockNewVersionCheck">
 		{if $upgrade->need_upgrade}
@@ -39,8 +38,10 @@
 		<p>{l s ='If you don\'t know how to do that, please contact your host administrator !'}</p><br />
 	{/if}
 {if $employee->bo_show_screencast}
+
+
 <div id="adminpresentation">
-	<iframe src="{$protocol}://screencasts.prestashop.com/screencast.php?iso_lang={$isoUser}" style="border:none;width:100%;height:420px;" scrolling="no"></iframe>
+	<iframe src="{$protocol}://screencasts.prestashop.com/screencast.php?iso_lang={$isoUser}" style="border:none;width:100%;height:384px;" scrolling="no"></iframe>
 	<div id="footer_iframe_home">
 		<!--<a href="#">{l s ='View more video tutorials'}</a>-->
 		<input type="checkbox" id="screencast_dont_show_again">
@@ -83,12 +84,16 @@ $(document).ready(function() {
 </script>
 <div class="clear"></div>
 {/if}
+
+<div id="homepage">
 	<div id="column_left">
 		<ul class="F_list clearfix">
 		{foreach from=$quick_links key=k item=link}
 		<li id="{$k}_block">
-			<h4><a href="{$link.href}">{$link.title}</a></h4>
-			<p>{$link.description}</p>
+			<a href="{$link.href}">
+				<h4>{$link.title}</h4>
+				<p>{$link.description}</p>
+			</a>
 		</li>
 		{/foreach}
 		</ul>
@@ -96,7 +101,7 @@ $(document).ready(function() {
 		{$customers_service}
 		{$stats_sales}
 		{$last_orders}
-	</div>
+
 
 	<div id="column_right">
 	{$tips_optimization}
@@ -104,6 +109,7 @@ $(document).ready(function() {
 	<div id="discover_prestashop"><p class="center"><img src="../img/loader.gif" alt="" />{l s='Loading...'}</p></div>
 	</div>
 	{$HOOK_BACKOFFICEHOME}
+</div>
 	<div class="clear">&nbsp;</div>
 <script type="text/javascript">
 $(document).ready(function() {
diff --git a/css/admin.css b/css/admin.css
index 4aa4696d1..9faff3ae1 100644
--- a/css/admin.css
+++ b/css/admin.css
@@ -1050,12 +1050,13 @@ html[xmlns] .clearfix {
 	margin-top: 5px;
 }
 #adminpresentation{
-	width: 923px;
-	border:1px solid #8E8E8E;
-	background-color: #EFEFEF;
+	width: 902px;
+	border:1px solid #cccccc;
+	background-color: #F8F8F8;
 	float: left;
-	padding: 1px;
-	font-size: 8pt;
+	margin:0;
+	padding: 10px;
+	position:relative;
 }
 
 #listpresentation{
@@ -1103,11 +1104,9 @@ html[xmlns] .clearfix {
 }
 
 #footer_iframe_home{
-	float: left;
-	background-color: #DEDEDE;
-	width: 100%;
-	height: 25px;
-	padding-top: 10px;
+	position:absolute;
+	top:379px;
+	left:675px;
 }
 
 #footer_iframe_home label{
@@ -1140,80 +1139,92 @@ html[xmlns] .clearfix {
 	padding-top: 5px;
 }
 
+/*homepage*/
+#homepage { width:925px;}
+
 .F_list{
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }
 
-#first_block{
-	margin: 0;
-	background: #EFEFEF url('../img/admin/catalog_xl.png') no-repeat 6px 6px;
+
+#first_block a, #second_block a, #third_block a, #fourth_block a{ background: #F8F8F8 none no-repeat scroll center 6px;}
+
+#first_block a{
+	background-image: url('../img/admin/folder_add.png');
+	margin-left:0;
 }
 
-#second_block{
-	background: #EFEFEF url('../img/admin/customer_xl.png') no-repeat 6px 6px;
+#second_block a{
+	background-image: url('../img/admin/package_add.png');
 }
 
-#third_block{
-	background: #EFEFEF url('../img/admin/stats_xl.png') no-repeat 6px 6px;
+#third_block a {
+	background-image: url('../img/admin/chart_bar.png');
 }
 
-#fourth_block{
-	background: #EFEFEF url('../img/admin/employees_xl.png') no-repeat 6px 6px;
+#fourth_block a{
+	background-image: url('../img/admin/user_add.png');
 }
 
 .F_list li{
-	width: 125px;
 	float: left;
-	margin-left: 14px;
-	border: 1px solid #8E8E8E;
-	padding: 5px;
-	height: 120px;
 }
 
 .F_list li h4{
 	width: 115px;
-	color: #903E5B;
-	text-decoration: underline;
-	font-size: 12px;
+	font-size: 14px;
+	font-weight:bold;
 	margin-top: 35px;
 	margin-bottom: 0;
 }
 
 .F_list a{
-	color: #903E5B;
+	float:left;
+	color: #333;
+	width: 125px;
+	margin-left: 14px;
+	border: 1px solid #ccc;
+	padding: 5px;
+	height: 120px;
+	text-align:center;
+	border-radius:3px;
 }
 
 .F_list a:hover{
-	color: #903E5B;
+	border:1px solid #666;
 }
 
 .F_list li p{
 	font-size: 8pt;
 }
 
-.table_info{
+.table_info{	
 	width: 283px;
 	float: left;
-	padding: 1px;
-	border: 1px solid #8E8E8E;
+	padding: 0;
+	border: 1px solid #ccc;
 	margin-right: 15px;
 	margin-top: 20px;
+	border-radius:3px;
 }
 
 .table_info h5{
-	background-image: url('../img/admin/green-gradient.png');
-	color: #FFFFFF;
-	margin: 0;
-	line-height: 29px;
-	padding-left: 15px;
-	font-size: 12pt;
-}
+		font-size:16px;
+		font-weight:normal;
+		color:000;
+		margin:0;
+		padding:6px;
+ 		text-shadow:0 1px 0 #fff; 
+		display:block;
+		background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);
+		background: -webkit-gradient(linear, center top ,center bottom, from(#F9F9F9), to(#ECECEC)) repeat scroll 0 0 transparent;}
+
 
 .table_info h5 a,
 .admin-box1 h5 a{
-	color: #FFFFFF;
+	color: #000;
 	font-size: 8pt;
 	float: right;
 	text-decoration: underline;
@@ -1236,31 +1247,35 @@ html[xmlns] .clearfix {
 }
 
 .table_info_details{
+	border-collapse: collapse;
 	width: 283px;
-	border: 0;
+	border: none;
 }
 
 .table_info_details tr{
 	height: 30px;
-	background-color: #EFEFEF;
 	width: 290px;
 	color: #000000;
 	font-weight: bold;
 	padding-left: 5px;
 	width: 100%;
 	text-align: center;
+	border: none;
 }
 
-.tr_odd td{
-	background-color: #DEDEDE;
+.tr_odd {
+	background-color:#eff4f9;
 }
 .table_info_details tr td.td_align_left{
+	font-weight:normal;
 	text-align: left;
 	padding-left: 10px;
 	width: 150px;
+	font-size:12px;
 }
 
 .table_info_details tr td{
+	font-size:16px;
 	text-align: right;
 	padding-right: 10px;
 }
@@ -1270,22 +1285,25 @@ html[xmlns] .clearfix {
 	margin-bottom: 20px;
 	width: 586px;
 	float: left;
-	padding: 1px;
-	border: 1px solid #8E8E8E;
+	padding: 0;
+	border: 1px solid #ccc;
+	border-radius:3px;
 }
 
 #table_info_large h5{
-	background-image: url('../img/admin/green-gradient.png');
-	color: #FFFFFF;
+	background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);
+	background: -webkit-gradient(linear, center top ,center bottom, from(#F9F9F9), to(#ECECEC)) repeat scroll 0 0 transparent;
+	color: #000;
 	margin: 0;
 	line-height: 29px;
 	padding-left: 15px;
 	font-size: 12pt;
 	font-weight: normal;
+	display:block;
 }
 
 #table_info_large h5 a{
-	color: #FFFFFF;
+	color: #000;
 	float: right;
 	font-size: 8pt;
 	text-decoration: underline;
@@ -1296,7 +1314,7 @@ html[xmlns] .clearfix {
 #stat_google{
 	width: 586px;
 	height: 175px;
-	background-color: #DEDEDE;
+	background-color: #fff;
 }
 
 .admin-box1{
@@ -1384,16 +1402,20 @@ html[xmlns] .clearfix {
 }
 
 #table_customer{
+	border:1px solid #ccc;
 	width: 590px;
 	cellpadding: 0;
 	cellspacing: 0;
+	border-collapse:collapse;
+	border-radius:3px;
 }
 
 #table_customer thead span{
-	background: url('../img/admin/greenlight-gradient.png');
-	color: #FFFFFF;
+	background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);
+	background: -webkit-gradient(linear, center top ,center bottom, from(#F9F9F9), to(#ECECEC)) repeat scroll 0 0 transparent;
+	color: #000;
+	text-shadow: 0 1px 0 #fff;
 	line-height: 35px;
-	border: 1px solid #416110;
 	display: block;
 	text-align: center;
 	height: 30px;
@@ -1402,13 +1424,9 @@ html[xmlns] .clearfix {
 }
 
 #table_customer thead span.first{
-	border: 1px solid #416110;
-	border-right: none;
 }
 
 #table_customer thead span.last{
-	border: 1px solid #416110;
-	border-left: none;
 }
 
 #table_customer thead th{