r896 - html/trunk/css

jhuntwork at linuxfromscratch.org jhuntwork at linuxfromscratch.org
Sat Apr 28 08:14:26 PDT 2007


Author: jhuntwork
Date: 2007-04-28 09:14:26 -0600 (Sat, 28 Apr 2007)
New Revision: 896

Modified:
   html/trunk/css/main.css
Log:
Organized css file and removed unused tags.

Modified: html/trunk/css/main.css
===================================================================
--- html/trunk/css/main.css	2007-04-28 14:45:20 UTC (rev 895)
+++ html/trunk/css/main.css	2007-04-28 15:14:26 UTC (rev 896)
@@ -1,3 +1,5 @@
+/* Site-wide formatting of standard tags */
+/* ===================================== */
 body {
 	background: #fefefe;
 	font: .8em sans-serif, Arial;
@@ -6,109 +8,98 @@
 	margin: 0;
 }
 
+p { margin: 10pt; }
+
 h1 {
 	color: #333;
 	font-size: 1.7em;
 }
+
 h2 {
 	color: #333;
 	font-size: 1.4em;
 }
 
-table {
-	font-size: 1em;
-}
-.newsItem {
-	padding-bottom: 5pt;
-	border-bottom: 1px dotted #0c0470;
-}
+table {	font-size: 1em; }
 
-.newsItem p { margin: 10pt 0 10pt 0; }
+select { color: #333; }
 
-.errorMsg {
-	font-weight: bold;
-	color: red;
+input {
+        border: 1px solid #ccc;
+        background: #eee;
+        color: #777;
 }
 
-.pagenav {
-	list-style-type: none;
-	margin-left: -10pt;
+input:hover {
+        color: #004090;
+        background: #ddd;
 }
 
-.results {
-	margin: 10pt;
-	padding: 10pt;
-	background-color: #eee;
-	border-bottom: 1px solid #ccc;
-	border-right: 1px solid #ccc;
-	border-top: 2px solid #777;
-	border-left: 2px solid #777;
-	list-style-type: none;
+em {
+        font-weight: bold;
+        color: #444;
 }
 
-.results strong, .results em {
-	color: navy;
-	font-weight: bold;
-}
+dt { font-weight: bold; }
 
-.results small {
-	font-size: .8em;
+a img, a:link, a:hover { border: none; }
+
+a:link {
+        text-decoration: none;
+        color: #0072ff;
+        border-bottom: groove 1px #0072ff;
 }
 
-p {
-	margin: 10pt;
+a:visited {
+        text-decoration: none;
+        color: navy;
+        border-bottom: groove 1px navy;
 }
 
-#search {
-	position: absolute;
-	right: 20px;
-	top: 0px;
-	margin: 5pt 0 5pt 0;
+a:hover {
+        text-decoration: none;
+        color: #004090;
+        border-bottom: dotted 1px #004090;
 }
 
-#adsense {
-	position: absolute;
-	right: 0;
-	top: 118px;
-	padding: 15px 0px 15px 10px;
-	border-left: 1px solid #ccc;
+hr {
+  background: #eee;
+  height: 1px;
 }
 
-select {
-	color: #333;
-}
-select:hover {
-}	
-input {
-	border: 1px solid #ccc;
-	background: #eee;
-	color: #777;
-}
-input:hover {
-	color: #004090;
-	background: #ddd;
-}
+
+/* Header: logo, top menu and search     */
+/* ===================================== */
+
 #banner {
-	height: 47px;
+        height: 47px;
 }
 
 #banner img {
-	position: absolute;
-	left: 10px;
-	top: 10px;
-	border: none;
+        position: absolute;
+        left: 10px;
+        top: 10px;
+        border: none;
 }
+
+#search {
+        position: absolute;
+        right: 20px;
+        top: 0px;
+        margin: 5pt 0 5pt 0;
+}
+
 div.navbar {
-	position: absolute;
-	top: 90px;
-	border: 0;
-	margin: 0;
-	width: 100%;
-	padding: 0;
-	background-color: #eee;
-	text-align: right;
-	border-top: solid 1px #ccc;
-  	border-bottom: solid 1px #ccc;
+        position: absolute;
+        top: 90px;
+        border: 0;
+        margin: 0;
+        width: 100%;
+        padding: 0;
+        background-color: #eee;
+        text-align: right;
+        border-top: solid 1px #ccc;
+        border-bottom: solid 1px #ccc;
 }
 
 #menu {
@@ -147,14 +138,9 @@
 
 #lfs:hover, #lfsactive:hover, #alfs:hover, #alfsactive:hover, #blfs:hover, #blfsactive:hover, #clfs:hover, #hlfs:hover, #hlfsactive:hover, #hints:hover, #hintsactive:hover, #livecd:hover, #livecdactive:hover, #patches:hover, #patchesactive:hover { background-color: #ddd }
 
-#subs {
-  list-style-type: none;
-}
 
-#subs li {
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
+/* Project specfic left-hand menus       */
+/* ===================================== */
 
 #leftmenu ul {
   text-align: right;
@@ -246,37 +232,53 @@
   background: #0c0470;
 }
 
-em {
-	font-weight: bold;
-	color: #444;
+
+/* Google AdSense                        */
+/* ===================================== */
+
+#adsense {
+        position: absolute;
+        right: 0;
+        top: 118px;
+        padding: 15px 0px 15px 10px;
+        border-left: 1px solid #ccc;
 }
-dt {
-	font-weight: bold;
+
+
+/* Special formatting for News lists     */
+/* ===================================== */
+
+.newsItem {
+	padding-bottom: 5pt;
+	border-bottom: 1px dotted #0c0470;
 }
-a img, a:link, a:hover {
-	border: none;
+
+.newsItem p { margin: 10pt 0 10pt 0; }
+
+
+/* Special formatting for /index.html    */
+/* ===================================== */
+
+#subs {
+  list-style-type: none;
 }
-a:link {
-	text-decoration: none;
-	color: #0072ff;
-	border-bottom: groove 1px #0072ff;
+
+#subs li {
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
-a:visited {
-	text-decoration: none;
-	color: navy;
-	border-bottom: groove 1px navy;
-}
-a:hover {
-	text-decoration: none;
-	color: #004090;
-	border-bottom: dotted 1px #004090;
-}
+
+
+/* Main page content & footer            */
+/* ===================================== */
+
 div.main {
 	position: absolute;
 	top: 140px;
 	left: 150px;
 	padding-right: 180px;
 }
+
 #footer {	
 	border-top: 1px solid #ccc;
 	margin-top: 10px;
@@ -287,6 +289,10 @@
 	font-size: .8em;
 }
 
+
+/* Commands & notes                      */
+/* ===================================== */
+
 .cmd { 
        font      : 1.1em monospace; 
        background: #eee; 
@@ -297,14 +303,9 @@
 .cmd p { margin: 10pt 15pt; }
 
 .note { 
-        /*font      : 1.1em fantasy;*/
         background: #eee;
         border    : dashed 1px red;
         padding   : 3pt;
         margin    : 0 10pt;
 }
 
-hr {
-  background: #eee;
-  height: 1px;
-}




More information about the website mailing list