Install style match application style

This commit is contained in:
Laurent Destailleur
2016-01-08 22:23:57 +01:00
parent c9176cd6b4
commit f9933aba0c
2 changed files with 100 additions and 103 deletions

View File

@@ -17,46 +17,46 @@
*/ */
body { body {
font-size:13px; font-size:13px;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
background: #f0f0f0; background: #fcfcfc;
margin: 15px 30px 10px; margin: 15px 30px 10px;
} }
div.titre { div.titre {
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
margin: 0 0 0 0; margin: 0 0 0 0;
} }
span.titre { span.titre {
font-size: 1.1em; font-size: 90%;
font-weight: bold; font-weight: bold;
background: #FFFFFF; background: #FFFFFF;
color: #444; color: #444;
border: 1px solid #999; border: 1px solid #999;
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
margin: 0 0 0 20px; margin: 0 0 0 15px;
} }
div.soustitre { div.soustitre {
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
color: #4965B3; color: #4965B3;
padding: 0 1.2em 0.5em 2em; padding: 0 1.2em 0.5em 2em;
margin: 1.2em 1.2em 1.2em 1.2em; margin: 1.2em 1.2em 1.2em 1.2em;
border-bottom: 1px solid #999; border-bottom: 1px solid #999;
border-right: 1px solid #999; border-right: 1px solid #999;
text-align: right; text-align: right;
} }
input:disabled input:disabled
{ {
background: #FDFDFD; background: #FDFDFD;
border: 1px solid #ACBCBB; border: 1px solid #ACBCBB;
padding: 0 0 0 0; padding: 0 0 0 0;
margin: 0 0 0 0; margin: 0 0 0 0;
color: #AAA !important; color: #AAA !important;
cursor: not-allowed !important; cursor: not-allowed !important;
} }
input[type=submit] { input[type=submit] {
@@ -105,36 +105,32 @@ input:-webkit-autofill {
} }
table.main { table.main {
margin-left: 10px; padding-left: 6px;
margin-right: 10px; padding-right: 6px;
padding-left: 6px; padding-top: 12px;
padding-right: 6px; padding-bottom: 12px;
padding-top: 12px; border: 1px solid #A0A0A0;
padding-bottom: 12px; border-radius: 8px;
border: 1px solid #A0A0A0; border: solid 1px rgba(90,90,90,.4);
border-radius: 8px; background-color: #fff;
border: solid 1px rgba(90,90,90,.4); -moz-box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15); -webkit-box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15); box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
background-color: #FFFFFF;
background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #fff), color-stop(100%, #f8f8f8));
background: -moz-linear-gradient(top, #fff, #f8f8f8);
} }
table.main-inside { table.main-inside {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px; margin-top: 10px;
color: #000000; color: #000000;
} }
table.listofchoices, tr.listofchoices, td.listofchoices { table.listofchoices, tr.listofchoices, td.listofchoices {
border-collapse: collapse; border-collapse: collapse;
padding: 4px; padding: 4px;
color: #000000; color: #000000;
border: 1px solid #999 !important; border: 1px solid #999 !important;
} }
tr.listofchoices { tr.listofchoices {
@@ -147,119 +143,119 @@ tr.listofchoices {
} }
.installchoices table tr td { .installchoices table tr td {
margin-left: 2px; margin-left: 2px;
margin-right: 2px; margin-right: 2px;
border-bottom: 1px solid #999; border-bottom: 1px solid #999;
border-right: 1px solid #999; border-right: 1px solid #999;
color: #000000; color: #000000;
} }
/* OK */ /* OK */
div.ok { div.ok {
color: #114466; color: #114466;
} }
font.ok { font.ok {
color: #114466; color: #114466;
} }
/* Warning */ /* Warning */
div.warning { div.warning {
color: #777711; color: #777711;
} }
font.warning { font.warning {
color: #777711; color: #777711;
} }
/* Error */ /* Error */
div.error { div.error {
color: #550000; color: #550000;
font-weight: bold; font-weight: bold;
padding: 0.2em 0.2em 0.2em 0.2em; padding: 0.2em 0.2em 0.2em 0.2em;
margin: 0.5em 0 0.5em 0; margin: 0.5em 0 0.5em 0;
border: 1px solid #6C7C8B; border: 1px solid #6C7C8B;
} }
font.error { font.error {
color: #550000; color: #550000;
font-weight: bold; font-weight: bold;
} }
/* Next button */ /* Next button */
div.nextbutton { div.nextbutton {
text-align: right; text-align: right;
margin-top: 10px; margin-top: 10px;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
padding-right: 10px; padding-right: 10px;
} }
div.header { div.header {
background-color: #dcdff4; background-color: #dcdff4;
border-bottom: solid black 1px; border-bottom: solid black 1px;
padding-left: 5px; padding-left: 5px;
text-align: center; text-align: center;
} }
a:link,a:visited,a:active { a:link,a:visited,a:active {
text-decoration:none; text-decoration:none;
} }
a:hover { a:hover {
text-decoration:underline; text-decoration:underline;
} }
a.titre { a.titre {
text-decoration:none; text-decoration:none;
} }
div.comment { div.comment {
text-decoration:none; text-decoration:none;
color:black; color:black;
font-size: 13px; font-size: 13px;
} }
h3 { h3 {
margin-top: 10px; margin-top: 10px;
font-size:16px; font-size:16px;
font-weight: normal; font-weight: normal;
color: #4965B3; color: #4965B3;
text-shadow: 1px 1px 1px #c0c0c0; text-shadow: 1px 1px 1px #c0c0c0;
} }
tr.bg1 { tr.bg1 {
background-color: #E5E5E5; background-color: #E5E5E5;
} }
tr.bg2 { tr.bg2 {
background-color: #B5C5C5; background-color: #B5C5C5;
} }
/* Class for parameters key and value */ /* Class for parameters key and value */
td.label { td.label {
color: #5945A3; color: #5945A3;
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
margin: 0 0 0 0; margin: 0 0 0 0;
border-bottom: 1px solid #CCCCDB; border-bottom: 1px solid #CCCCDB;
} }
/* Class for parameters example */ /* Class for parameters example */
td.comment { td.comment {
color: black; color: black;
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
margin: 0 0 0 0; margin: 0 0 0 0;
text-decoration:none; text-decoration:none;
font-size: 11px; font-size: 11px;
border-bottom: 1px solid #CCCCDB; border-bottom: 1px solid #CCCCDB;
} }
table { table {
font-size: 12px; font-size: 12px;
} }
.install .install
{ {
border: 1px solid #999; border: 1px solid #999;
padding: 4px 4px 4px 4px; padding: 4px 4px 4px 4px;
} }
div.visible { div.visible {
@@ -294,9 +290,9 @@ a.button:hover {
} }
.choiceselected { .choiceselected {
background-color: #dfd; background-color: #dfd;
background-repeat: repeat-x; background-repeat: repeat-x;
background-position: top left; background-position: top left;
} }
.center { .center {

View File

@@ -371,6 +371,7 @@ function pHeader($subtitle,$next,$action='set',$param='',$forcejqueryurl='')
print '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">'."\n"; print '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">'."\n";
print '<html>'."\n"; print '<html>'."\n";
print '<head>'."\n"; print '<head>'."\n";
print '<meta name="viewport" content="width=device-width, initial-scale=1.0">'."\n";
print '<meta http-equiv="content-type" content="text/html; charset='.$conf->file->character_set_client.'">'."\n"; print '<meta http-equiv="content-type" content="text/html; charset='.$conf->file->character_set_client.'">'."\n";
print '<link rel="stylesheet" type="text/css" href="default.css">'."\n"; print '<link rel="stylesheet" type="text/css" href="default.css">'."\n";