foodsoft/public/stylesheets/rails_messages.css
2009-01-06 11:49:19 +01:00

69 lines
1.4 KiB
CSS

/* rails messages .... */
h3.notice, div.notice {
color: #090; }
h3.notice {
background: #dfd url(/images/icon_message.gif) no-repeat 10px 3px;
border: 1px solid #bfb;
padding: 4px 40px;
margin: 2em 0 1em 0;
font-size: 100%;
position: relative; }
h3.error, div.error {
color: red;
font-size: 100%;
font-weight: bold; }
h3.error {
background: yellow url(/images/error.png) no-repeat 10px 3px;
border: 1px solid red;
padding: 4px 40px;
position: relative;
margin: 2em 0 1em 0;
font-weight: normal; }
.fieldWithErrors {
padding: 2px;
background-color: red;
display: table; }
.fieldWithErrors input {
background-color: yellow; }
#errorExplanation {
width: 40em;
border: 2px solid red;
padding: 7px;
padding-bottom: 12px;
margin-bottom: 20px;
background-color: #f0f0f0; }
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #ed0606;
color: #fff; }
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 5px; }
#errorExplanation ul li {
font-size: 12px;
list-style: square; }
div.uploadStatus {
margin: 5px; }
div.progressBar {
margin: 5px; }
div.progressBar div.border {
background-color: #fff;
border: 1px solid grey;
width: 100%; }
div.progressBar div.background {
background-color: #333;
height: 18px;
width: 0%; }