color: #eeeeee;
font-family: 'Encode Sans Semi Condensed', Arial, Helvetica, Verdana, sans-serif;
display: block;
- margin: 8px;
+ text-align: center;
+ line-height: 2em;
+ margin: 2em;
}
a, a:link a:active {
color: #909090;
}
-#footer {
- text-align: center;
+form {
+ width: 680px;
+ margin: 0px auto;
+ line-height: 2.5em;
+}
+
+form#login {
+ width: 680px;
+}
+
+form#search {
+ width: 620px;
+}
+
+form#register {
+ width: 720px;
+}
+
+label, input {
+ /* in order to define widths */
+ display: inline-block;
+}
+
+label {
+ width: 30%;
+ /* positions the label text beside the input */
+ text-align: right;
+}
+
+label + input {
+ width: 30%;
+ /* large margin-right to force the next element to the new-line
+ and margin-left to create a gutter between the label and input */
+ margin: 0 30% 0 4%;
+}
+
+/* only the submit button is matched by this selector,
+ but to be sure you could use an id or class for that button */
+input + input {
+ float: right;
+}
+
+table {
+ margin: 0px auto;
+ width: 100%;
+}
+
+table#home {
+ font-size: 3em;
+ line-height: 1em;
+}
+
+table#result tr:nth-child(even) {
+ background-color: #eee;
+}
+
+table#result tr:nth-child(odd) {
+ background-color: #fff;
}
#header {
- font-size: 44px;
+ font-size: 4em;
+ text-align: center;
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+
+#account {
+ text-align: right;
+ line-height: 1.2em;
+}
+
+#menu {
+ font-size: 2em;
+ text-align: center;
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+
+#footer {
text-align: center;
+ margin-top: 1em;
+ margin-bottom: 1em;
}