From efeecdd8ef0961541b2e3101b9a0896cfdcd22dd Mon Sep 17 00:00:00 2001 From: Patrick Cool Date: Wed, 13 May 2009 15:08:47 +0200 Subject: [PATCH] [svn r20589] fix IE6 display bugs improve general page layout improve consistency of feedback messages (within same styles) --- main/css/academica/default.css | 6 ++++-- main/css/baby_orange/default.css | 6 ++++-- main/css/blue_lagoon/default.css | 26 ++++++++----------------- main/css/cool_blue/default.css | 26 ++++++++----------------- main/css/corporate/default.css | 16 +++++++-------- main/css/cosmic_campus/default.css | 16 +++++++-------- main/css/delicious_bordeaux/default.css | 26 ++++++++----------------- main/css/dokeos_blue/default.css | 26 ++++++++----------------- main/css/dokeos_classic/default.css | 16 +++++++-------- main/css/dokeos_classic_2D/default.css | 12 ++++++------ main/css/empire_green/default.css | 26 ++++++++----------------- main/css/fruity_orange/default.css | 26 ++++++++----------------- main/css/medical/default.css | 16 +++++++-------- main/css/public_admin/default.css | 16 +++++++-------- main/css/royal_purple/default.css | 26 ++++++++----------------- main/css/silver_line/default.css | 4 ++-- main/css/sober_brown/default.css | 16 +++++++-------- main/css/steel_grey/default.css | 26 ++++++++----------------- main/css/tasty_olive/default.css | 26 ++++++++----------------- 19 files changed, 136 insertions(+), 222 deletions(-) diff --git a/main/css/academica/default.css b/main/css/academica/default.css index 7aa0ed51de..4541d3c7f9 100644 --- a/main/css/academica/default.css +++ b/main/css/academica/default.css @@ -336,7 +336,8 @@ form span.form_error { .confirmation-message,.error-message,.normal-message,.warning-message { position: relative; border: 1px solid #ddd; - margin: 6px 6px 10px 4px; + margin-top: 10px; + margin-bottom: 10px; padding: 6px; width: 98%; color: #00407F; @@ -348,7 +349,8 @@ form span.form_error { .confirmation-message img,.error-message img,.normal-message img,.warning-message img { position: realtive; - margin: 0 5px 5px 0; + margin-top: 10px; + margin-bottom: 10px; float:left; } diff --git a/main/css/baby_orange/default.css b/main/css/baby_orange/default.css index 0bf34ec1a4..68ecd5de97 100644 --- a/main/css/baby_orange/default.css +++ b/main/css/baby_orange/default.css @@ -333,7 +333,8 @@ form span.form_error { /* feedback messages */ .confirmation-message,.error-message,.normal-message,.warning-message { border: 1px solid #ddd; - margin: 6px 6px 10px 10px; + margin-top: 10px; + margin-bottom: 10px; padding: 6px; position: relative; width: 98%; @@ -347,7 +348,8 @@ form span.form_error { { float:left; position: relative; - margin: 0 5px 5px 0; + margin-top: 10px; + margin-bottom: 10px; } .confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link { diff --git a/main/css/blue_lagoon/default.css b/main/css/blue_lagoon/default.css index 58ec1100f1..3da06f848d 100644 --- a/main/css/blue_lagoon/default.css +++ b/main/css/blue_lagoon/default.css @@ -811,9 +811,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { /* normal and erro message-box */ .normal-message { position: relative; - margin: 10px auto 10px 10px; - width: 98%; - left: 0.1%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -824,11 +823,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .warning-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -839,11 +835,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .confirmation-message { position: relative; - margin: 5px 1px 0 10px; - //margin-left: 2px; - //margin: 10px auto 10px; - width: 98%; - //right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -854,11 +847,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; diff --git a/main/css/cool_blue/default.css b/main/css/cool_blue/default.css index 94861f3413..64d668ae54 100644 --- a/main/css/cool_blue/default.css +++ b/main/css/cool_blue/default.css @@ -811,9 +811,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { /* normal and erro message-box */ .normal-message { position: relative; - margin: 10px auto 10px 10px; - width: 98%; - left: 0.1%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -824,11 +823,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .warning-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -839,11 +835,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .confirmation-message { position: relative; - margin: 5px 1px 0 10px; - //margin-left: 2px; - //margin: 10px auto 10px; - width: 98%; - //right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -854,11 +847,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; diff --git a/main/css/corporate/default.css b/main/css/corporate/default.css index a3ef3770f6..9d9a4969cf 100644 --- a/main/css/corporate/default.css +++ b/main/css/corporate/default.css @@ -339,8 +339,8 @@ form span.form_error { /* feedback messages */ .normal-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -351,8 +351,8 @@ form span.form_error { } .warning-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -363,8 +363,8 @@ form span.form_error { } .confirmation-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -375,8 +375,8 @@ form span.form_error { } .error-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css index 35a6a5a942..077b0613ab 100644 --- a/main/css/cosmic_campus/default.css +++ b/main/css/cosmic_campus/default.css @@ -345,8 +345,8 @@ form span.form_error { /* feedback messages */ .normal-message { position: relative; - margin: 6px 6px 10px 4px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -357,8 +357,8 @@ form span.form_error { } .warning-message { position: relative; - margin: 6px 6px 10px 4px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -369,8 +369,8 @@ form span.form_error { } .confirmation-message { position: relative; - margin: 6px 6px 10px 4px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -381,8 +381,8 @@ form span.form_error { } .error-message { position: relative; - margin: 6px 6px 30px 4px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; diff --git a/main/css/delicious_bordeaux/default.css b/main/css/delicious_bordeaux/default.css index ec24ddb04e..c603a4aa92 100644 --- a/main/css/delicious_bordeaux/default.css +++ b/main/css/delicious_bordeaux/default.css @@ -811,9 +811,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { /* normal and erro message-box */ .normal-message { position: relative; - margin: 10px auto 10px 10px; - width: 98%; - left: 0.1%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -824,11 +823,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .warning-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -839,11 +835,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .confirmation-message { position: relative; - margin: 5px 1px 0 10px; - //margin-left: 2px; - //margin: 10px auto 10px; - width: 98%; - //right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -854,11 +847,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; diff --git a/main/css/dokeos_blue/default.css b/main/css/dokeos_blue/default.css index 9984afc48f..37d3717fea 100644 --- a/main/css/dokeos_blue/default.css +++ b/main/css/dokeos_blue/default.css @@ -811,9 +811,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { /* normal and erro message-box */ .normal-message { position: relative; - margin: 10px auto 10px 10px; - width: 98%; - left: 0.1%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -824,11 +823,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .warning-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -839,11 +835,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .confirmation-message { position: relative; - margin: 5px 1px 0 10px; - //margin-left: 2px; - //margin: 10px auto 10px; - width: 98%; - //right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -854,11 +847,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; diff --git a/main/css/dokeos_classic/default.css b/main/css/dokeos_classic/default.css index 6d4a0216a5..93baf18e0e 100644 --- a/main/css/dokeos_classic/default.css +++ b/main/css/dokeos_classic/default.css @@ -691,8 +691,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } /* normal and erro message-box */ .normal-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -703,8 +703,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .warning-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -715,8 +715,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .confirmation-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -727,8 +727,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .error-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; diff --git a/main/css/dokeos_classic_2D/default.css b/main/css/dokeos_classic_2D/default.css index 354f830567..f6f2ae0241 100644 --- a/main/css/dokeos_classic_2D/default.css +++ b/main/css/dokeos_classic_2D/default.css @@ -970,17 +970,17 @@ a.personal_agenda:hover { .error-message { border-width: 1px; border-style: solid; - margin: 6px 6px 10px 6px; + margin-top: 10px; + margin-bottom: 10px; min-height: 30px; padding: 6px; position: relative; - width: 98%; } .normal-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -992,8 +992,8 @@ a.personal_agenda:hover { .confirmation-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; diff --git a/main/css/empire_green/default.css b/main/css/empire_green/default.css index 81992c6821..53cc58ae5b 100644 --- a/main/css/empire_green/default.css +++ b/main/css/empire_green/default.css @@ -811,9 +811,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { /* normal and erro message-box */ .normal-message { position: relative; - margin: 10px auto 10px 10px; - width: 98%; - left: 0.1%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -824,11 +823,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .warning-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -839,11 +835,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .confirmation-message { position: relative; - margin: 5px 1px 0 10px; - //margin-left: 2px; - //margin: 10px auto 10px; - width: 98%; - //right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -854,11 +847,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; diff --git a/main/css/fruity_orange/default.css b/main/css/fruity_orange/default.css index 530a4f39dd..28980ac86a 100644 --- a/main/css/fruity_orange/default.css +++ b/main/css/fruity_orange/default.css @@ -811,9 +811,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { /* normal and erro message-box */ .normal-message { position: relative; - margin: 10px auto 10px 10px; - width: 98%; - left: 0.1%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -824,11 +823,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .warning-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -839,11 +835,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .confirmation-message { position: relative; - margin: 5px 1px 0 10px; - //margin-left: 2px; - //margin: 10px auto 10px; - width: 98%; - //right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -854,11 +847,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; diff --git a/main/css/medical/default.css b/main/css/medical/default.css index 14f2de7c23..c0d154b5e0 100644 --- a/main/css/medical/default.css +++ b/main/css/medical/default.css @@ -741,8 +741,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } /* normal and erro message-box */ .normal-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -753,8 +753,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .warning-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -765,8 +765,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .confirmation-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -777,8 +777,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .error-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; diff --git a/main/css/public_admin/default.css b/main/css/public_admin/default.css index efe9f3b715..db0b959c98 100644 --- a/main/css/public_admin/default.css +++ b/main/css/public_admin/default.css @@ -784,8 +784,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } /* normal and erro message-box */ .normal-message { position: relative; - margin: 6px 6px 10px 10px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; min-height: 30px; border-width: 1px; border-style: solid; @@ -796,8 +796,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .warning-message { position: relative; - margin: 6px 6px 10px 10px; - width:98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -808,8 +808,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .confirmation-message { position: relative; - margin: 6px 6px 10px 10px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding:6px; @@ -820,8 +820,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .error-message { position: relative; - margin: 6px 6px 10px 10px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; diff --git a/main/css/royal_purple/default.css b/main/css/royal_purple/default.css index 21759b8ef2..dfcf62e316 100644 --- a/main/css/royal_purple/default.css +++ b/main/css/royal_purple/default.css @@ -811,9 +811,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { /* normal and erro message-box */ .normal-message { position: relative; - margin: 10px auto 10px 10px; - width: 98%; - left: 0.1%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -824,11 +823,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .warning-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -839,11 +835,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .confirmation-message { position: relative; - margin: 5px 1px 0 10px; - //margin-left: 2px; - //margin: 10px auto 10px; - width: 98%; - //right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -854,11 +847,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; diff --git a/main/css/silver_line/default.css b/main/css/silver_line/default.css index 8bd5a04385..39dd5ba8c9 100644 --- a/main/css/silver_line/default.css +++ b/main/css/silver_line/default.css @@ -1376,9 +1376,9 @@ a.specialLink:hover,a.specialLink:focus { .confirmation-message,.error-message,.normal-message,.warning-message { position: relative; border: 1px solid #ddd; - margin: 6px 6px 10px 2px; + margin-top: 10px; + margin-bottom: 10px; padding: 6px; - width: 98%; color: #00407F; //This image is wrong size, so is commented until one solution //background: transparent url('images/alert.jpg') no-repeat 10px 5px; diff --git a/main/css/sober_brown/default.css b/main/css/sober_brown/default.css index 756173e308..76ecc30111 100644 --- a/main/css/sober_brown/default.css +++ b/main/css/sober_brown/default.css @@ -738,8 +738,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } /* normal and erro message-box */ .normal-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -750,8 +750,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .warning-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -762,8 +762,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .confirmation-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; @@ -774,8 +774,8 @@ a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; } } .error-message { position: relative; - margin: 6px 6px 10px 6px; - width: 98%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 6px; diff --git a/main/css/steel_grey/default.css b/main/css/steel_grey/default.css index ecdbc811c8..f39bb621f0 100644 --- a/main/css/steel_grey/default.css +++ b/main/css/steel_grey/default.css @@ -811,9 +811,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { /* normal and erro message-box */ .normal-message { position: relative; - margin: 10px auto 10px 10px; - width: 98%; - left: 0.1%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -824,11 +823,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .warning-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -839,11 +835,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .confirmation-message { position: relative; - margin: 5px 1px 0 10px; - //margin-left: 2px; - //margin: 10px auto 10px; - width: 98%; - //right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -854,11 +847,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; diff --git a/main/css/tasty_olive/default.css b/main/css/tasty_olive/default.css index 6c148e25b3..45732d4453 100644 --- a/main/css/tasty_olive/default.css +++ b/main/css/tasty_olive/default.css @@ -811,9 +811,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { /* normal and erro message-box */ .normal-message { position: relative; - margin: 10px auto 10px 10px; - width: 98%; - left: 0.1%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -824,11 +823,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .warning-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -839,11 +835,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .confirmation-message { position: relative; - margin: 5px 1px 0 10px; - //margin-left: 2px; - //margin: 10px auto 10px; - width: 98%; - //right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px; @@ -854,11 +847,8 @@ a.personal_agenda:hover, a.personal_agenda:hover { } .error-message { position: relative; - margin: 10px auto; - margin-left: -250px; - width: 500px; - left: 50%; - right: 50%; + margin-top: 10px; + margin-bottom: 10px; border-width: 1px; border-style: solid; padding: 5px;