fix menuish again

[quix0rs-gnu-social.git] / theme / default / style / layout.css

diff --git a/theme/default/style/layout.css b/theme/default/style/layout.css
index c08682cd2ea43d2bca06afba9027a0c6421d49cf..050811c2ea1690afc886f7bcd03b0ee789d41a4b 100644 (file)
--- a/theme/default/style/layout.css
+++ b/theme/default/style/layout.css
@@ -1,12 +1,10 @@
 /**************************************************************\r
    AUTHOR:  Pat Heard (fullahead.org)\r
-   DATE:    2006.09.12 \r
+   DATE:    2006.09.12\r
    PURPOSE: Controls the layout of the site and styles\r
             the menus\r
  **************************************************************/\r
 \r
-\r
-\r
 /**************************************************************\r
    #wrapper & #content: wrapper positions and sets the width\r
    on the content.  The background is then applied to #content.\r
@@ -16,36 +14,31 @@
   width: 589px;\r
   height: 100%;\r
   margin: 0 auto;\r
-  \r
+\r
   text-align: left;\r
 }\r
 \r
-\r
-#content { \r
+#content {\r
   float: left;\r
   width: 589px;\r
   height: 100%;\r
-  min-height: 100%; \r
-  \r
-  background: url(../img/bg/content.gif) repeat-y top center;\r
-}\r
+  min-height: 100%;\r
 \r
+  background: url(../image/content.gif) repeat-y top center;\r
+}\r
 \r
 #content[id] {\r
-  height: auto;  \r
-  background: url(../img/bg/content.png) repeat-y top center;\r
+  height: auto;\r
+  background: url(../image/content.png) repeat-y top center;\r
 }\r
 \r
-\r
-\r
-\r
 /**************************************************************\r
    #header: Holds the site title and header images\r
  **************************************************************/\r
 \r
 #header {\r
-  padding: 60px 0 2em 49px;  \r
-  background: url(../img/bg/header.jpg) no-repeat top center;  \r
+  padding: 60px 0 2em 49px;\r
+  background: url(../image/header.jpg) no-repeat top center;\r
 }\r
 \r
 /* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/\r
@@ -54,11 +47,10 @@
 }\r
 /* End hide from IE-mac */\r
 \r
-\r
 #header h1,\r
 #header h2 {\r
   margin: 0;\r
-  padding: 0;  \r
+  padding: 0;\r
   background: none;\r
 }\r
 \r
@@ -69,18 +61,15 @@
   color: #6E310B;\r
 }\r
 \r
-\r
-\r
-\r
 /**************************************************************\r
    #menu: The top level site menu\r
  **************************************************************/\r
 \r
 ul#menu {\r
   width: 491px;\r
-  margin: 0 auto;  \r
+  margin: 0 auto;\r
   padding: 0 !important;\r
-  padding: 0 0 0 10px;  \r
+  padding: 0 0 0 10px;\r
 }\r
 \r
 ul#menu li {\r
@@ -91,13 +80,13 @@ ul#menu li {
 }\r
 \r
 ul#menu li a {\r
-  float: left;  \r
+  float: left;\r
   padding: 15px 0 5px 0;\r
 \r
   font: 400 1.54em georgia, serif;\r
   text-align: center;\r
   text-decoration: none;\r
-  \r
+\r
   color: #61804E;\r
   border-bottom: 1px solid #D3F1B6;\r
 }\r
@@ -108,12 +97,12 @@ ul#menu li a:visited {
 \r
 ul#menu li a:hover {\r
   color: #2E5F0F;\r
-  background: url(../img/bg/menu.gif) repeat-x bottom left;\r
+  background: url(../image/menu.gif) repeat-x bottom left;\r
 }\r
 \r
 ul#menu li a.here {\r
   color: #512103;\r
-  background: url(../img/bg/menu.gif) repeat-x bottom left;\r
+  background: url(../image/menu.gif) repeat-x bottom left;\r
 }\r
 \r
 /* helper classes to control width of links in topbar */\r
@@ -137,17 +126,14 @@ ul.five li a {
    #page: Holds the main page content.\r
  **************************************************************/\r
 \r
-#page {  \r
+#page {\r
   float: left;\r
-  clear: both;   \r
+  clear: both;\r
   width: 491px !important;\r
   width: 100%;\r
-  \r
-  padding: 2em 49px;  \r
-}\r
-\r
-\r
 \r
+  padding: 2em 49px;\r
+}\r
 \r
 /**************************************************************\r
    .footer: Site footer\r
@@ -156,11 +142,9 @@ ul.five li a {
 .footer {\r
   padding-top: 3em;\r
   font-size: 0.85em;\r
+  clear: both;\r
 }\r
 \r
-\r
-\r
-\r
 /**************************************************************\r
    .bigLinks: Large, clickable links\r
  **************************************************************/\r
@@ -169,7 +153,7 @@ ul.bigLinks {
   margin: 10px 0;\r
   padding: 0;\r
   list-style: none;\r
-  \r
+\r
 }\r
 \r
 ul.bigLinks li {\r
@@ -180,7 +164,7 @@ ul.bigLinks li {
 }\r
 \r
 ul.bigLinks li a,\r
-ul.bigLinks li a:visited {  \r
+ul.bigLinks li a:visited {\r
   display: block;\r
 \r
   margin: 10px 0;\r
@@ -188,7 +172,7 @@ ul.bigLinks li a:visited {
 \r
   text-decoration: none;\r
   background-color: #FFF;\r
-  border: 0;  \r
+  border: 0;\r
 }\r
 \r
 ul.bigLinks li a:hover {\r
@@ -198,7 +182,7 @@ ul.bigLinks li a:hover {
 }\r
 \r
 ul.bigLinks li a span.title {\r
-  color: #5E9040;  \r
+  color: #5E9040;\r
   border-bottom: 1px solid #B8E78B;\r
 }\r
 \r
@@ -216,8 +200,6 @@ ul.bigLinks li a:hover span.desc {
   color: #555;\r
 }\r
 \r
-\r
-\r
 /**************************************************************\r
    Width classes used by the site columns\r
  **************************************************************/\r
@@ -246,8 +228,6 @@ ul.bigLinks li a:hover span.desc {
   width: 23%;\r
 }\r
 \r
-\r
-\r
 /**************************************************************\r
    Alignment classes\r
  **************************************************************/\r
@@ -268,8 +248,6 @@ ul.bigLinks li a:hover span.desc {
   text-align: right;\r
 }\r
 \r
-\r
-\r
 /**************************************************************\r
    Generic display classes\r
  **************************************************************/\r
@@ -283,11 +261,11 @@ ul.bigLinks li a:hover span.desc {
 }\r
 \r
 .big {\r
-  font-size: 1.3em;  \r
+  font-size: 1.3em;\r
 }\r
 \r
 .small {\r
-  font-size: 0.85em;  \r
+  font-size: 0.85em;\r
 }\r
 \r
 .bold {\r
@@ -310,7 +288,6 @@ ul.bigLinks li a:hover span.desc {
   color: #512103;\r
 }\r
 \r
-\r
 .greenBg {\r
   padding: 0 10px;\r
   background-color: #F1FFE3;\r
@@ -323,7 +300,7 @@ ul.bigLinks li a:hover span.desc {
   border-top: 1px solid #BDEDDE;\r
 }\r
 \r
-\r
-\r
-\r
-\r
+ul.menuish li {\r
+  display: inline;\r
+  list-style: none;\r
+}\r