style optimization. IMHO the old version was technically correct, but firefox had problems. Now we work with id=... tags, this causes no errors.

This commit is contained in:
phear 2005-09-20 09:06:22 +00:00
parent a901d5f237
commit e6a7b4e648
2 changed files with 17 additions and 26 deletions

View file

@ -1,3 +1,5 @@
/* TODO: optimize. the only things modified are the form entries. But it looks cool anyway ;> */
body { body {
background-position: top center; background-position: top center;
background-attachment: fixed; background-attachment: fixed;
@ -211,39 +213,21 @@ body {
/* ----------------------=-=-=- Forms -=-=-=--------------------- */ /* ----------------------=-=-=- Forms -=-=-=--------------------- */
/* pretty forms and buttons */ /* pretty forms and buttons */
input { input#text {
border: 1px solid #333333; border: 1px solid #333333;
color: #333333; color: #333333;
background: #fff; background: #fff;
padding: 2px 5px 1px 5px; padding: 2px 5px 1px 5px;
font-size: 1em; font-size: 1em;
} }
input:hover { input#text:hover {
background: #fff; background: #fff;
border: 1px solid #ACE149; border: 1px solid #ACE149;
color: #7DA721; color: #7DA721;
font-size: 1em; font-size: 1em;
} }
textarea {
font-family: arial, verdana, helvetica;
font-size: 1.1em;
border: 1px solid #BFBFBF;
color: #949494;
padding: 2px 5px 1px 5px;
width: 450px;
}
textarea:hover {
background: #fff;
border: 1px solid #ACE149;
color: #7DA721;
}
/* the submit buttons have to have id="submit" for the following style: ------------------------------------- */ /* the submit buttons have to have id="submit" for the following style: ------------------------------------- */
input#submit { input#submit {
background-color: #ACE149; background-color: #ACE149;
@ -262,13 +246,20 @@ input#submit:hover {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
} }
/* the submit buttons have to have id="goban" for the following style, for use in goban display ------------- */ /* the submit buttons have to have id="goban" for the following style, for use in goban display ------------- */
input#goban { /*input#goban {
padding: 0px; padding: 0px;
border: 0px; border: 0px;
cursor: pointer; margin: 0px;
} }
*/
/*input#goban:hover {
padding: 0px;
border: 0px;
margin: 0px;
}
*/
#words form label { #words form label {

View file

@ -88,9 +88,9 @@ def login_form():
data = helper.header() + """ data = helper.header() + """
<form method="post"> <form method="post">
<p>Name:<br> <p>Name:<br>
<input name="name" size="40"></p> <input name="name" type="text" id="text" size="20"></p>
<p>Pasword:<br> <p>Pasword:<br>
<input name="password" size="40"></p> <input name="password" type="text" id="text" size="20"></p>
<input type="hidden" name="sessionid" value="%s"> <input type="hidden" name="sessionid" value="%s">
<p><input type="submit" id ="submit" value="login"></p> <p><input type="submit" id ="submit" value="login"></p>
</form> </form>