70 lines
1.4 KiB
CSS
70 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%; }
|