New register pages

[Prolix]

For me the suggestions I was making were not apparent from the output, the input is considerably different. What you see as the output is the result of all the parsing of the server-side scripting one flat file so to speak instead of the several files that cause it to be output.

When you view the source of the resultant page in your browser and compare it to the original source it came from you will see what I mean.

[Nikodemus]

There. Without !important tags if for implementation. Test it as userstyle. Opera, FF, Safari. You know what your browser can.
- No 1px shift
- Content won't overflow the background and #footer if too much of it
- Site is exactly as high as it is needed

- pointers
- colored input, select

Is it acceptable?

Code: [Select]

body {
background-attachment:fixed !important;
cursor:url("http://psgrafika.republika.pl/pscss/pointer_normal.png"), default !important;
}

#centerbox {
position:static !important;
margin:0px !important;
display:table-cell !important;
background-image:url("http://www.planeshift.it/graphics/contentbox.gif") !important;
background-repeat: repeat-y !important;
}
#page {
background-image:none !important;
height:0px !important;
left:50% !important;
}
#footer {
margin:-20px 0px 0px 45px !important;
width:836px !important;
position:static !important;
float:left !important;
}
#navigation {
position:static !important;
width:174px !important;
padding:10px 0px 20px 0px !important;
margin:110px 0px 0px 46px !important;
float:left !important;
}
#content {
position:static !important;
margin:110px 18px 0px 0px !important ;
width:650px !important;
float:right !important;
}
.downloadnow,
.expandcolapse {
margin:0px 0px 20px 0px !important;
position:static !important;
}

#content form th,
#content form td {
vertical-align:middle !important;
height:30px !important;
}
.endsection th,
.endsection td {
padding-bottom:20px !important;
}

input {
font-size:12px !important;
color:#D9C3B7 !important;
background-color:#362C2C !important;
border:1px inset #1F1C1C !important;
padding:2px 3px 3px 3px !important;
font-family:Tahoma, arial, helvetica, serif !important;
-moz-appearance: none !important;
}
input[type="submit"], input[type="button"] {
background-image:url(http://psgrafika.republika.pl/pscss/titlebg2.png) !important;
background-repeat:repeat-x !important;
background-position:center center !important;
font-size:12px !important;
font-weight:bold !important;
color:#EDD9B9 !important;
background-color:#4D403E !important;
border:1px outset #624F44 !important;
padding:2px 3px 3px 3px !important;
font-family:Tahoma, arial, helvetica, serif !important;
cursor:url("http://psgrafika.republika.pl/pscss/pointer_hyper.png"), pointer !important;
}
input[type="submit"]:active, input[type="button"]:active {
background-image:url(http://psgrafika.republika.pl/pscss/titlebg1.png) !important;
color:#BEA680 !important;
background-color:#312725 !important;
border:1px inset #624F44 !important;
}
select {
font-size:12px !important;
font-weight:bold !important;
color:#D9C3B7 !important;
background-color:#362C2C !important;
border:1px inset #1F1C1C !important;
padding:0px 0px 2px 0px !important;
font-family:Tahoma, arial, helvetica, serif !important;
-moz-appearance: none !important;
cursor:url("http://psgrafika.republika.pl/pscss/pointer_normal.png"), default !important;
}
option:hover {
background-image:url(http://psgrafika.republika.pl/pscss/catbg40.png) !important;
background-position:center center !important;
}
a, .submenu {
cursor:url("http://psgrafika.republika.pl/pscss/pointer_hyper.png"), default !important;
}


[Prolix]

As best I can tell it looks like this in a maximized window:

Is that what you were aiming at? I arrived at this conclusion by saving your script to a .css file on the desktop and then saving the register page parsed output and substituting the saved css for the master.css in the html. The planeshift banner extends beyond the rest and has an ugly blue border. In the original site the background fills the page. As you can see I have several tabs open as I often do so the current css is nicer to me than your modification. Now my method was a hack of course but perhaps you could put up a complete page where you host your css resources so I might get a better look.

In a 1680x1050 screen 1 pixel does not make a very noticeable difference.

[Nikodemus]

Because you shouldn't exclude, but combine the two ;P Just by looking at it you can say bunch of stuff is missing, so just add the modification to the original.
^EDIT:    INSTALLATION

an article on userstyles and scripts a bit

[Prolix]

That seems to be a useful firefox extention. It does make it hard to compare old and new versions though.

From what I could tell the two main differences were the fancy border was not a static size -- it did not extend beyond the bottom of the screen when the menu was collapsed, and the addition of a link-hover mouse pointer. The dynamic border boundary was a nice touch, the mouse pointer I can do without.

I never did see your 1 pixel offset but that could be browser or OS specific.

Was there something else I missed?

Better?

[Nikodemus]

Hard to say. You should try making use of paragraphs and punctuation maybe a bit. 
You missed input boxes change.

So, it looks alright?

EDIT: I have doubts if IE will deal with it right. It is because i fixed the problem with site height too long or overlayed footer if too much of the content.
To avoid it, the document structure would have to change, so i need to hear if i should try changing the source files or propose a css without the site height issues fixed.

[Prolix]

I am just joe blowhard. You do not need to convince me.

I was happy enough with Gothi[c]'s version.

[Nikodemus]

One thing. I hope Gothi[c] and Caarrie knows, that I do really like what they did, and even though i found flaws you couldn't deal with or just didn't notice, it doesn't mean you did a bad job.
Even though maybe you lost some friendlyness for me, I did not, hope you think the same