Update setup design for pmahomme

1 files changed, 293 insertions, 94 deletions

diff --git a/setup/styles.css b/setup/styles.css
index 7616036405..6002b3cce2 100644
--- a/setup/styles.css
+++ b/setup/styles.css
@@ -2,23 +2,42 @@
 
 body {
     padding-bottom: 1em;
+    color: #444;
+    font: .8em sans-serif;
+    background: url(../themes/pmahomme/img/left_nav_bg.png) repeat-y 80px 0 #f3f3f3;
+}
+
+input,
+button,
+select,
+textarea,
+th,
+td {
+    font: 1em sans-serif;
 }
 
 img {
     border: 0;
 }
 
-a {
-    color: #004C96;
+a,
+a:link,
+a:visited,
+a:active {
+    text-decoration: none;
+    color: #235a81;
+    cursor: pointer;
+    outline: none;
+
 }
 
-a:hover, a:active {
-    color: #000;
+a:hover {
+    text-decoration: underline;
+    color: #235a81;
 }
 
 h1 {
     font-size: 1.5em;
-    font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
 /* language selection box */
@@ -33,32 +52,33 @@ h1 {
 
 #menu {
     float: left;
-    width: 200px;
+    width: 220px;
+    font-size: 1.1em;
 }
 
 #menu ul {
-    margin: 1em 1em 1em 0.5em;
-    padding: 0 0.5em;
+    margin: 1em 1em 1em .5em;
+    padding: 0;
     list-style: none;
 }
 
 #menu li a {
-    padding: 3px;
-    font-weight: bold;
+    padding: .5em .6em;
+    margin-right: .6em;
     display: block;
-    color: #669;
+    color: #333;
     text-decoration: none;
     zoom: 1; /* IE fix */
 }
 
 #menu li a:hover, #menu li a:active {
-    color: #C00;
+    background-color: #e4e4e4;
 }
 
 /* page contents and footer layout */
 
 #page {
-    margin-left: 200px;
+    margin-left: 220px;
 }
 
 #footer {
@@ -87,102 +107,158 @@ h1 {
 
 /* main page messages */
 
-div.notice, div.warning, div.error {
-    margin: 0.5em 0;
-    padding: 10px 10px 10px 36px;
-    border: 1px solid #000;
-    background: #FFD url(../themes/original/img/b_tipp.png) no-repeat 10px 0.8em;
+/* message boxes: error, confirmation */
+.success h4,
+.notice h4,
+div.error h4 {
+    border-bottom: 2px solid;
+    font-weight: bold;
+    margin: 0 0 .2em 0;
 }
 
-div.notice h4, div.warning h4, div.error h4 {
-    font-weight: bold;
-    font-size: large;
-    margin: 0 0 0.2em 0;
-    border-bottom: 1px solid #000;
+div.success,
+div.notice,
+div.error,
+div.footnotes {
+    margin: .5em 0 1.3em 0;
+    border: 1px solid;
+    background-repeat: no-repeat;
+    background-position: 10px 50%;
+    padding: 10px 10px 10px 25px;
+
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+
+    -moz-box-shadow: 0 1px 1px #fff inset;
+    -webkit-box-shadow: 0 1px 1px #fff inset;
+    box-shadow: 0 1px 1px #fff inset;
 }
 
-div.notice {
-    border-color: #FFD700;
-    background-color: #FFD;
-    background-image: url(../themes/original/img/s_notice.png);
+.success a,
+.notice a,
+.error a,
+.footnotes a {
+    text-decoration: underline;
 }
 
-div.notice h4 {
-    border-color: #FFD700;
+.success {
+    color: #000;
+    background-color: #ebf8a4;
 }
 
-div.notice[id^=version_check] {
-    border-color: #002DFF;
-    background-color: #EEF;    
+h1.success,
+div.success {
+    border-color: #a2d246;
+    background-image: url(../themes/pmahomme/img/s_success.png);
+    background-repeat: no-repeat;
+    background-position: 5px 50%;
+}
+.success h4 {
+    border-color: #00FF00;
 }
 
-div.notice[id^=version_check] h4 {
-    border-color: #002DFF;
+.notice,
+.footnotes {
+    color: #000;
+    background-color: #e8eef1;
 }
 
-div.warning {
-    border-color: #C00;
-    background-color: #FFC;
-    background-image: url(../themes/original/img/s_notice.png);
+h1.notice,
+div.notice,
+div.footnotes {
+    border-color: #3a6c7e;
+    background-image: url(../themes/pmahomme/img/s_notice.png);
+    background-repeat: no-repeat;
+    background-position: 5px 50%;
 }
 
-div.warning h4 {
-    color: #C00;
-    border-color: #C00;
+.notice h4 {
+    border-color: #ffb10a;
 }
 
+.error {
+    border: 1px solid maroon !important;
+    color: #000;
+    background: #fcf;
+}
+
+h1.error,
 div.error {
-    border-color: #D00;
-    background-color: #FFC;
-    background-image: url(../themes/original/img/s_error.png);
+    border-color: #333;
+    background-image: url(../themes/pmahomme/img/s_error.png);
+    background-repeat: no-repeat;
+    background-position: 5px 50%;
 }
 
 div.error h4 {
-    color: #D00;
-    border-color: #D00;
+    border-color: #ff0000;
+}
+
+div.notice[id^=version_check] {
+    border-color: #002DFF;
+    background-color: #EEF;
 }
 
+div.notice[id^=version_check] h4 {
+    border-color: #002DFF;
+}
+
+
+
 /* form tabs */
 
 ul.tabs {
-    margin: 0;
-    padding: 0 0 7px 0;
+    margin: 1.1em .2em 0;
+    padding: 0 0 .3em 0;
     list-style: none;
     font-weight: bold;
 }
 
 ul.tabs li {
     float: left;
+    margin-bottom: -1px;
 }
 
 ul.tabs li a {
     display: block;
-    margin: 2px 2px 0;
-    padding: 2px 8px;
-    background: #DEE1FF;
+    margin: .1em .2em 0;
     white-space: nowrap;
     text-decoration: none;
-    border: 1px #9AA4FF solid;
-    border-bottom: none;
+    border: 1px solid #D5D5D5;
+    border-bottom: 1px solid #aaa;
 }
 
-ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li.active a {
-    margin: 0;
-    padding: 2px 10px 4px;
-    background: #F7FBFF;
+ul.tabs li a {
+    padding: 7px 10px;
+    -webkit-border-radius: 5px 5px 0 0;
+    -moz-border-radius: 5px 5px 0 0;
+    border-radius: 5px 5px 0 0;
+    background: #f2f2f2;
+    color: #555;
+    text-shadow: 0 1px 0 #fff;
 }
 
-ul.tabs li a:hover, ul.tabs li a:active {
-    color: #C00;
+ul.tabs li a:hover,
+ul.tabs li a:active {
+    background: #e5e5e5;
+}
+
+ul.tabs li.active a {
+    background-color: #fff;
+    margin-top: 1px;
+    color: #000;
+    text-shadow: none;
+    border-color: #aaa;
+    border-bottom: 1px solid #fff;
 }
 
 .tabs_contents {
-    border-top: 2px #66B solid;
+    margin-top: 1em;
 }
 
 .tabs_contents fieldset {
     margin-top: 0;
-    border-top: none;
 }
 
 .tabs_contents legend {
@@ -203,28 +279,54 @@ ul.tabs li a:hover, ul.tabs li a:active {
 /* forms */
 
 fieldset {
-    padding: 0;
     margin-top: 1em;
-    border: 2px #DEE1FF solid;
-    background: #DEE1FF;
+    border-radius: 4px 4px 0 0;
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    border: #aaa solid 1px;
+    padding: 1.5em;
+    background: #eee;
+    text-shadow: 0 1px 0 #fff;
+    -moz-box-shadow: 1px 1px 2px #fff inset;
+    -webkit-box-shadow: 1px 1px 2px #fff inset;
+    box-shadow: 1px 1px 2px #fff inset;
+}
+
+fieldset.optbox {
+    padding: 0;
 }
 
-.form {
-    border: 2px #DEE1FF solid;
+fieldset fieldset {
+    margin: .8em;
+    background: #fff;
+    border: 1px solid #aaa;
+    background: #E8E8E8;
+
 }
 
 fieldset legend {
-    margin-left: 1em;
-    padding: 2px 8px;
     font-weight: bold;
-    background: #F7FBFF;
-    border: 1px #9AA4FF solid;
+    color: #444;
+    padding: 5px 10px;
+    border-radius: 2px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border: 1px solid #aaa;
+    background-color: #fff;
+    -moz-box-shadow: 3px 3px 15px #bbb;
+    -webkit-box-shadow: 3px 3px 15px #bbb;
+    box-shadow: 3px 3px 15px #bbb;
+}
+
+.form {
+    border: 2px #DEE1FF solid;
 }
 
 fieldset p {
     margin: 0;
-    padding: 0.5em;
-    background: #DEE1FF;
+    padding: .5em;
+    background: #fff;
+    border-top: 0;
 }
 
 fieldset .errors { /* form error list */
@@ -246,8 +348,8 @@ fieldset .inline_errors { /* field error list */
     font-size: small;
 }
 
-fieldset table {
-    background: #FFF;
+table caption, table th, table td {
+    text-shadow: 0 1px 0 #FFFFFF;
 }
 
 fieldset th {
@@ -255,6 +357,7 @@ fieldset th {
     min-width: 350px;
     padding: 0.3em 0.3em 0.3em 0.5em;
     text-align: left;
+    font-weight: bold;
     vertical-align: top;
 }
 
@@ -288,7 +391,7 @@ fieldset th small {
 }
 
 fieldset th, fieldset td, .form .lastrow {
-    border-top: 1px #555 dotted;
+    border-top: 1px solid #D5D5D5;
 }
 
 fieldset .group-header th {
@@ -296,11 +399,6 @@ fieldset .group-header th {
     border: none;
 }
 
-fieldset .group-header + tr th, fieldset .group-header + tr td,
-fieldset p + table tr:first-child td, fieldset p + table tr:first-child th {
-    border-top: none;
-}
-
 fieldset .group-field-1 th, fieldset .group-header-2 th {
     padding-left: 1em;
 }
@@ -314,13 +412,123 @@ fieldset .group-field-3 th {
 }
 
 fieldset .lastrow, .form .lastrow {
-    background: #F7FBFF;
-    padding: 0.5em;
+    border-top: 1px #000 solid;
+    background: #D3DCE3;
+    padding: .5em;
     text-align: center;
 }
 
-fieldset .lastrow input, .form .lastrow input {
-    font-weight: bold;
+input[type=text] {
+    border-radius: 2px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+
+    box-shadow: 0 1px 2px #ddd;
+    -moz-box-shadow: 0 1px 2px #ddd;
+    -webkit-box-shadow: 0 1px 2px #ddd;
+
+    background: white;
+    border: 1px solid #aaa;
+    color: #555;
+    padding: 4px;
+    margin: 6px;
+
+}
+
+input[type=password] {
+    border-radius: 2px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+
+    box-shadow: 0 1px 2px #ddd;
+    -moz-box-shadow: 0 1px 2px #ddd;
+    -webkit-box-shadow: 0 1px 2px #ddd;
+
+    background: white;
+    border: 1px solid #aaa;
+    color: #555;
+    padding: 4px;
+    margin: 6px;
+
+}
+
+input[type=submit],
+button[type=submit]:not(.mult_submit) {
+    font-weight: bold !important;
+}
+
+input[type=submit],
+button[type=submit]:not(.mult_submit),
+input[type=reset],
+input[name=submit_reset],
+input.button {
+    margin-left: 14px;
+    border: 1px solid #aaa;
+    padding: 3px 7px;
+    color: #111;
+    text-decoration: none;
+    background: #ddd;
+
+    border-radius: 12px;
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+
+    text-shadow: 0 1px 0 #fff;
+
+    background-image: url(../themes/svg_gradient.php?from=ffffff&to=cccccc);
+    background-size: 100% 100%;
+    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
+    background: -webkit-linear-gradient(top, #ffffff, #cccccc);
+    background: -moz-linear-gradient(top, #ffffff, #cccccc);
+    background: -ms-linear-gradient(top, #ffffff, #cccccc);
+    background: -o-linear-gradient(top, #ffffff, #cccccc);
+}
+
+input[type=submit]:hover,
+button[type=submit]:not(.mult_submit):hover,
+input[type=reset]:hover,
+input[name=submit_reset]:hover,
+input.button:hover {
+    position: relative;
+    background-image: url(../themes/svg_gradient.php?from=cccccc&to=dddddd);
+    background-size: 100% 100%;
+    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
+    background: -webkit-linear-gradient(top, #cccccc, #dddddd);
+    background: -moz-linear-gradient(top, #cccccc, #dddddd);
+    background: -ms-linear-gradient(top, #cccccc, #dddddd);
+    background: -o-linear-gradient(top, #cccccc, #dddddd);
+    cursor: pointer;
+}
+
+input[type=submit]:active,
+button[type=submit]:not(.mult_submit):active,
+input[type=reset]:active,
+input[name=submit_reset]:active,
+input.button:active {
+    position: relative;
+    top: 1px;
+    left: 1px;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+    vertical-align: -11%;
+}
+
+
+select {
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+
+    -moz-box-shadow: 0 1px 2px #ddd;
+    -webkit-box-shadow: 0 1px 2px #ddd;
+    box-shadow: 0 1px 2px #ddd;
+
+    border: 1px solid #aaa;
+    color: #333;
+    padding: 3px;
+    background: white;
 }
 
 /* simple form, without header and legend */
@@ -362,15 +570,6 @@ span.checkbox {
     border-color: #C11 !important;
 }
 
-input[type="text"], select, textarea {
-    border: 1px #A7A6AA solid;
-}
-
-input[type="text"]:focus, select:focus, textarea:focus {
-    border: 1px #6676FF solid;
-    background: #F7FBFF;
-}
-
 .field-comment {
 
     position: relative;
@@ -388,7 +587,7 @@ input[type="text"]:focus, select:focus, textarea:focus {
 }
 
 .green { /* default form button */
-    color: #080;
+    color: #080 !important;
 }
 
 table.datatable {