Changeset 7

Timestamp:

21/08/06 16:28:14 (7 years ago)

Author:

dez

Message:

Set media type to screen on css
Fixes to column boxes

Files:

• components/head.php (modified) (1 diff)
• components/search.php (modified) (1 diff)
• css/box.css (modified) (2 diffs)
• css/ielt7.css (modified) (2 diffs)
• css/sucs.css (modified) (6 diffs)

components/head.php

@@ -22 +22 @@
         <script type="text/javascript" src="js/cb.js"></script>
 
-        <link rel="stylesheet" type="text/css" href="css/sucs.css" />
-        <link rel="stylesheet" type="text/css" href="css/box.css" />
+        <link rel="stylesheet" type="text/css" href="css/sucs.css" media="screen" />
+        <link rel="stylesheet" type="text/css" href="css/box.css" media="screen" />
 
         <meta name="author" content="Denis Walker" />

components/search.php

@@ -2 +2 @@
                 <h3>Search SUCS</h3>
                 <form method="get" action="http://www.google.com/custom">
-                <div>
-                <input type="text" name="q" size="16" maxlength="255" value="" />
+                <div class="search">
+                <input type="text" class="text" name="q" maxlength="255" value="" /><br />
                 <input type="submit" name="sa" value="Search" />
                 <input type="hidden" name="cof" value="S:http://sucs.org;AH:center;LH:114;L:http://sucs.org/images/title.png;LW:375;AWFID:624aceb6f2753532;" />

css/box.css

@@ -8 +8 @@
         background:#fff;
         border:1px solid #666;
+        font-size: 80%;
         }
 .cbb h1 {
@@ -20 +21 @@
 .cb {
         margin:0.5em 0;
+        font-size: 80%;
         }
 .two {

css/ielt7.css

@@ -28 +28 @@
 }
 
+/* --------------------------------------------------
+    Menu
+   -------------------------------------------------- */
+
 #navigationC ul li {
         line-height: 0;
@@ -43 +47 @@
         background-image: url('../images/menu-bottom-right.gif');
 }
+
+#navigationC ul ul li a span {
+        background-image: url('../images/menu-bottom-right.gif');
+}
+
+/* --------------------------------------------------
+    Search box
+   -------------------------------------------------- */
+
+.search input.text {
+        width: 95%;
+}

css/sucs.css

@@ -2 +2 @@
         font-family: Arial, sans-serif;
         background: #fff;
+        min-width: 600px;
 }
 
@@ -87 +88 @@
 
 
-#navigationC {
-        padding-left: 0;
+#primary {
+        float: left;
+        width: 66%;
+        text-align: justify;
+        padding: 0;
 }
+
+#primaryC {
+}
+
+#secondary {
+        float: right;
+        width: 31%;
+        padding-top: 0.5em;
+        padding-right: 0.5em;
+}
+
+.clear {
+        clear: both;
+        height: 0;
+        margin: 0;
+        padding: 0;
+}
+
+#footer {
+        background: url('../images/orangefade-bottom.png') top repeat-x #ffc62b;
+        margin: 0;
+        margin-bottom: 0.5em;
+}
+
+
+#footer p {
+        margin: 0;
+        text-align: center;
+        font-size: 80%;
+        padding: 0.5em;
+}
+
+/* --------------------------------------------------
+    Menu
+   -------------------------------------------------- */
 
 #navigationC ul {
@@ -96 +135 @@
         list-style-type: none;
 }
-
 
 #navigationC ul li a {
@@ -110 +148 @@
 }
 
-#navigationC ul ul {
-        margin: 0;
-        list-style-type: none;
+#navigationC ul li a:hover {
+        background-color: #d45e08;
 }
 
@@ -120 +157 @@
         padding-left: 1.3em;
         background: #ffc62b;
-        color: #e76808;
+        color: #d45e08;
 }
 
-#navigationC ul ul li:last-child a {
-        background: #ffc62b url('../images/menu-bottom-right.png') no-repeat bottom right;
+#navigationC ul li li a:hover {
+        background-color: #ffb505;
+}
+
+#navigationC ul ul li a span {
+        background: url('../images/menu-bottom-right.png') no-repeat bottom right;
 }
 
@@ -132 +173 @@
 }
 
+/* --------------------------------------------------
+    Search box
+   -------------------------------------------------- */
 
-#primary {
-        float: left;
-        width: 66%;
-        text-align: justify;
-        padding: 0;
+.search input.text {
+        width: 100%;
 }
-
-#primaryC {
-}
-
-#secondary {
-float: right; width: 31%; padding-top: 0.5em; padding-right: 0.5em;
-}
-
-.clear {
-clear: both; height: 0; margin: 0; padding: 0;
-}
-
-#footer {
-        background: url('../images/orangefade-bottom.png') top repeat-x #ffc62b;
-        margin: 0;
-        margin-bottom: 0.5em;
-}
-
-
-#footer p {
-margin: 0; text-align: center; font-size: 80%; padding: 0.5em;
-}