readded message styles (error, notice and success)

This commit is contained in:
Konrad Mohrfeldt 2011-10-16 21:09:44 +02:00
parent ec39438057
commit 4da11a6364
3 changed files with 74 additions and 7 deletions

View File

@ -22,6 +22,6 @@
<div class="notice"> <div class="notice">
<h2>Das Kassensystem ist 'Aktiv' - nutzt euren Frunden-Account</h2> <h2>Das Kassensystem ist 'Aktiv' - nutzt euren Frunden-Account</h2>
</div> </div>

View File

@ -158,8 +158,6 @@ a:hover {
background-color: #3398cc; background-color: #3398cc;
} }
.content { .content {
max-width: 1280px;
min-width: 800px;
padding: 5px; padding: 5px;
} }
input, select { input, select {
@ -622,3 +620,37 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
.transaction input[type="text"], .transaction select { .transaction input[type="text"], .transaction select {
font-size: 16px; font-size: 16px;
} }
.notice, .error, .success {
position: fixed;
bottom: 0;
left: -5px;
width: 100%;
border-style: solid;
border-width: 1px 0 0 0;
padding: 7px 15px;
margin-top: 10px;
font-weight: bold;
}
.notice h2, .error h2, .success h2 {
font-size: 14px;
color: inherit;
border-bottom: 0;
}
.error + .notice {
bottom: 40px;
}
.notice {
background-color: #FFF6BF;
border-color: #FFD324;
color: #514721;
}
.error {
background: #FBE3E4;
color: #8A1F11;
border-color: #FBC2C4;
}
.success {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;
}

View File

@ -164,8 +164,6 @@ a {
} }
.content { .content {
max-width: 1280px;
min-width: 800px;
padding: 5px; padding: 5px;
} }
@ -645,3 +643,40 @@ table.itemListContainer {
font-size: 16px; font-size: 16px;
} }
} }
.notice, .error, .success {
position: fixed;
bottom: 0;
left: -5px;
width: 100%;
border-style: solid;
border-width: 1px 0 0 0;
padding: 7px 15px;
margin-top: 10px;
font-weight: bold;
h2 {
font-size: 14px;
color: inherit;
border-bottom: 0;
}
}
.notice {
background-color: #FFF6BF;
border-color: #FFD324;
color: #514721;
}
.error {
background: #FBE3E4;
color: #8A1F11;
border-color: #FBC2C4;
}
.success {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;
}