Changeset 11

Timestamp:

21/08/06 18:19:01 (7 years ago)

Author:

dez

Message:

Separates login box into its own template
Puts login box styling into stylesheet
Tidies IE stylesheet in the same way as the main one

Files:

• css/ie.css (modified) (1 diff)
• css/ielt7.css (modified) (3 diffs)
• css/sucs.css (modified) (1 diff)
• templates/branding.tpl (modified) (1 diff)
• templates/login.tpl (added)

css/ie.css

@@ -8 +8 @@
 }
 
+#loginForm input.button {
+        font-size: 80%; 
+}

css/ielt7.css

@@ -1 @@
-#branding {
-        background: #ffc62b;
+/* --------------------------------------------------
+    Page corners
+   -------------------------------------------------- */
+
+.cornerTopLeft {
+        height: 100%;
+        background: url('../images/left-top-corner.gif') top left no-repeat;
 }
 
-#footer {
+.cornerTopRight {
+        height: 100%;
+        background: url('../images/right-top-corner.gif') top right no-repeat;
+}
+
+.cornerBottomLeft {
+        height: 100%;
+        background: url('../images/left-bottom-corner.gif') bottom left no-repeat;
+}
+
+.cornerBottomRight {
+        height: 100%;
+        background: url('../images/right-bottom-corner.gif') bottom right no-repeat;
+}
+
+/* --------------------------------------------------
+    Branding
+   -------------------------------------------------- */
+
+#branding {
         background: #ffc62b;
 }
@@ -10 +34 @@
         border-left-color: #ffc62b;
         border-right-color: #ffc62b;
-}
-
-.cornerTopLeft {
-height: 100%; background: url('../images/left-top-corner.gif') top left no-repeat;
-}
-
-.cornerTopRight {
-height: 100%; background: url('../images/right-top-corner.gif') top right no-repeat;
-}
-
-.cornerBottomLeft {
-height: 100%; background: url('../images/left-bottom-corner.gif') bottom left no-repeat;
-}
-
-.cornerBottomRight {
-height: 100%; background: url('../images/right-bottom-corner.gif') bottom right no-repeat;
 }
 
@@ -59 +67 @@
         width: 95%;
 }
+
+/* --------------------------------------------------
+    Footer
+   -------------------------------------------------- */
+
+#footer {
+        background: #ffc62b;
+}

css/sucs.css

@@ -79 +79 @@
         text-align: right;
         font-size: 80%;
+}
+
+#loginForm input.text {
+        width: 8em;
 }
 

templates/branding.tpl

@@ -11 +11 @@
                 </div>
 
-                <div id="loginForm">
-                        <form method="post" action="/">
-                                <div>
-                                <label for="username">Username</label> <input type="text" name="username" id="username" style="width: 8em;" /><br />
-                                <label for="password">Password</label> <input type="password" name="password" id="password" style="width: 8em;" /><br />
-                                <input type="submit" name="submit" id="submit" value="Login" />
-                                </div>
-                        </form>
-                </div>
+{include file="login.tpl"}
+
         </div>
         </div>