Look: Refresh install style with more neutral colors. Select line style

is now stored into css. Removed all images for install process.
This commit is contained in:
Laurent Destailleur 2014-08-03 11:18:32 +02:00
parent c11ff57fbe
commit 12ff7a8af5
7 changed files with 63 additions and 17 deletions

View File

@ -13,7 +13,6 @@ support/
support/index.php
support/online.php
support/background.png
support/default.css
support/dolibarr_logo2.png
support/headbg.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 229 B

View File

@ -57,7 +57,7 @@ pHeader('',''); // No next step for navigation buttons. Next step is defined
//print "<br>\n";
//print $langs->trans("InstallEasy")."<br><br>\n";
print '<b>'.$langs->trans("MiscellaneousChecks")."</b>:<br>\n";
print '<h3>'.$langs->trans("MiscellaneousChecks").":</h3>\n";
// Check browser
$useragent=$_SERVER['HTTP_USER_AGENT'];
@ -440,7 +440,7 @@ else
}
}
$choice .= '<tr class="listofchoices" '.($recommended_choice ? 'style="background-color:lightyellow"' : '').'>';
$choice .= '<tr class="listofchoices '.($recommended_choice ? 'choiceselected' : '').'">';
$choice .= '<td class="listofchoices nowrap" align="center"><b>'.$langs->trans("Upgrade").'<br>'.$newversionfrom.$newversionfrombis.' -> '.$newversionto.'</b></td>';
$choice .= '<td class="listofchoices">';
$choice .= $langs->trans("UpgradeDesc");

View File

@ -18,9 +18,8 @@
body {
font-size:13px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
/* background-color: #F4F4F4; */
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
background: #f6f6f6;
margin: 15px 30px 10px;
}
@ -33,8 +32,8 @@ span.titre {
font-size: 1.1em;
font-weight: bold;
background: #FFFFFF;
color: #4965B3;
border: 1px solid #8CACBB;
color: #444;
border: 1px solid #999;
padding: 5px 5px 5px 5px;
margin: 0 0 0 0;
}
@ -45,8 +44,8 @@ font-weight: bold;
color: #4965B3;
padding: 0 1.2em 0.5em 2em;
margin: 1.2em 1.2em 1.2em 1.2em;
border-bottom: 1px solid #8CACBB;
border-right: 1px solid #8CACBB;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
text-align: right;
}
@ -71,10 +70,13 @@ input:-webkit-autofill {
}
table.main {
background: #F0F0F0 url(background.png) repeat-x;
background: #FfFfFf;
text-align: left;
border: 1px solid #8CACBB;
border: 1px solid #999;
color: #000000;
-webkit-box-shadow: 3px 3px 4px #DDD !important;
-moz-box-shadow: 3px 3px 4px #DDD !important;
box-shadow: 3px 3px 4px #DDD !important;
}
table.main-inside {
@ -89,7 +91,7 @@ table.listofchoices, tr.listofchoices, td.listofchoices {
border-collapse: collapse;
padding: 4px;
color: #000000;
border: 1px solid #888888 !important;
border: 1px solid #999 !important;
}
tr.listofchoices {
@ -104,8 +106,8 @@ tr.listofchoices {
.installchoices table tr td {
margin-left: 2px;
margin-right: 2px;
border-bottom: 1px solid #8CACBB;
border-right: 1px solid #8CACBB;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
color: #000000;
}
@ -178,6 +180,7 @@ margin-top: 10px;
font-size:16px;
font-weight: normal;
color: #4965B3;
text-shadow: 2px 1px 2px #c0c0c0;
}
tr.bg1 {
@ -212,7 +215,7 @@ font-size: 12px;
.install
{
border: 1px solid #8CACBB;
border: 1px solid #999;
padding: 4px 4px 4px 4px;
}
@ -246,3 +249,9 @@ ul {
a.button:hover {
text-decoration:none;
}
.choiceselected {
background-color: #dfd;
background-repeat: repeat-x;
background-position: top left;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.7 KiB

View File

@ -147,4 +147,4 @@ background: #DDDFDD;
}
table { font-size: 12px; }
table.login { border: 1px solid #C0C0C0; background: #F0F0F0 url(background.png) repeat-x; font-size: 12px; }
table.login { border: 1px solid #C0C0C0; background: #F0F0F0; font-size: 12px; }

View File

@ -2068,6 +2068,44 @@ div.titre {
#tablesubscribe { width: 100%; }
/*
* Effect Postit
*/
.effectpostit
{
position: relative;
}
.effectpostit:before, .effectpostit:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.effectpostit:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
/* ============================================================================== */