css: changed all id tags into class tags.

This commit is contained in:
phear 2005-10-09 21:43:20 +00:00
parent 2066a179cf
commit 055756dab1
5 changed files with 34 additions and 106 deletions

View file

@ -174,58 +174,7 @@ td {
}
/* -------=-=-=- warnings, errors and success messages-=-=-=-------- */
#words div.warning,div.error,div.success {
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 15px;
color: #707070;
}
#words .warning,.error,.success {
border: 1px dashed #808080;
text-align: center;
color: #5e5e5e;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
padding-left: 40px;
padding-right: 40px;
}
#words .warning {
background-color: #f5f5f5;
}
#words .error {
background-color: #f5f5f5;
}
#words .success {
/* background-color: #90EE90; */
}
#words div.warning,div.error,div.success h1,h2 {
color: #808080;
}
#words .warning,.error,.success a {
// TODO: WHY line-height???
// line-height: 5em;
color: #5e5e5e;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
}
#words .note {
text-align: center;
color: #F48659;
font-style: italic;
}
/* ----------------------=-=-=- Forms -=-=-=--------------------- */
/* pretty forms and buttons */
input {
@ -234,7 +183,7 @@ input {
border: 0px;
}
input#text {
input.text {
border: 1px solid #333333;
color: #333333;
background: #fff;
@ -242,15 +191,15 @@ input#text {
font-size: 1em;
}
input#text:hover {
input.text:hover {
background: #fff;
border: 1px solid #ACE149;
color: #7DA721;
font-size: 1em;
}
/* the submit buttons have to have id="submit" for the following style: ------------------------------------- */
input#submit {
/* the submit buttons have to have class="submit" for the following style: ------------------------------------- */
input.submit {
background-color: #ACE149;
border: 1px solid #222222;
color: #222;
@ -259,7 +208,7 @@ input#submit {
cursor: pointer;
}
input#submit:hover {
input.submit:hover {
background-color: #fff;
border: 1px solid #222;
color: #222;
@ -267,22 +216,3 @@ input#submit:hover {
font-weight: bold;
cursor: pointer;
}
/*input#goban:hover {
padding: 0px;
border: 0px;
margin: 0px;
}
*/
#words form label {
min-width: 20em;
}
#words form p {
text-align: center;
}