better menuish stuff

darcs-hash:20080520205152-84dde-4261d3d07e172a365e383f75c646d46cdbfaeecb.gz
This commit is contained in:
Evan Prodromou 2008-05-20 16:51:52 -04:00
parent 121ae22108
commit 816fe407fa
3 changed files with 29 additions and 53 deletions

View File

@ -50,7 +50,7 @@ class SettingsAction extends Action {
} }
function settings_menu() { function settings_menu() {
common_element_start('ul', 'headmenu'); common_element_start('ul', 'settingsmenu menuish');
common_menu_item(common_local_url('profilesettings'), common_menu_item(common_local_url('profilesettings'),
_t('Profile')); _t('Profile'));
common_menu_item(common_local_url('avatar'), common_menu_item(common_local_url('avatar'),

View File

@ -175,7 +175,7 @@ function common_head_menu() {
} }
function common_foot_menu() { function common_foot_menu() {
common_element_start('ul', 'footmenu'); common_element_start('ul', 'footmenu menuish');
common_menu_item(common_local_url('doc', array('title' => 'about')), common_menu_item(common_local_url('doc', array('title' => 'about')),
_t('About')); _t('About'));
common_menu_item(common_local_url('doc', array('title' => 'help')), common_menu_item(common_local_url('doc', array('title' => 'help')),

View File

@ -1,12 +1,10 @@
/************************************************************** /**************************************************************
AUTHOR: Pat Heard (fullahead.org) AUTHOR: Pat Heard (fullahead.org)
DATE: 2006.09.12 DATE: 2006.09.12
PURPOSE: Controls the layout of the site and styles PURPOSE: Controls the layout of the site and styles
the menus the menus
**************************************************************/ **************************************************************/
/************************************************************** /**************************************************************
#wrapper & #content: wrapper positions and sets the width #wrapper & #content: wrapper positions and sets the width
on the content. The background is then applied to #content. on the content. The background is then applied to #content.
@ -16,36 +14,31 @@
width: 589px; width: 589px;
height: 100%; height: 100%;
margin: 0 auto; margin: 0 auto;
text-align: left; text-align: left;
} }
#content {
#content {
float: left; float: left;
width: 589px; width: 589px;
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
background: url(../image/content.gif) repeat-y top center; background: url(../image/content.gif) repeat-y top center;
} }
#content[id] { #content[id] {
height: auto; height: auto;
background: url(../image/content.png) repeat-y top center; background: url(../image/content.png) repeat-y top center;
} }
/************************************************************** /**************************************************************
#header: Holds the site title and header images #header: Holds the site title and header images
**************************************************************/ **************************************************************/
#header { #header {
padding: 60px 0 2em 49px; padding: 60px 0 2em 49px;
background: url(../image/header.jpg) no-repeat top center; background: url(../image/header.jpg) no-repeat top center;
} }
/* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/ /* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/
@ -54,11 +47,10 @@
} }
/* End hide from IE-mac */ /* End hide from IE-mac */
#header h1, #header h1,
#header h2 { #header h2 {
margin: 0; margin: 0;
padding: 0; padding: 0;
background: none; background: none;
} }
@ -69,18 +61,15 @@
color: #6E310B; color: #6E310B;
} }
/************************************************************** /**************************************************************
#menu: The top level site menu #menu: The top level site menu
**************************************************************/ **************************************************************/
ul#menu { ul#menu {
width: 491px; width: 491px;
margin: 0 auto; margin: 0 auto;
padding: 0 !important; padding: 0 !important;
padding: 0 0 0 10px; padding: 0 0 0 10px;
} }
ul#menu li { ul#menu li {
@ -91,13 +80,13 @@ ul#menu li {
} }
ul#menu li a { ul#menu li a {
float: left; float: left;
padding: 15px 0 5px 0; padding: 15px 0 5px 0;
font: 400 1.54em georgia, serif; font: 400 1.54em georgia, serif;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
color: #61804E; color: #61804E;
border-bottom: 1px solid #D3F1B6; border-bottom: 1px solid #D3F1B6;
} }
@ -137,18 +126,15 @@ ul.five li a {
#page: Holds the main page content. #page: Holds the main page content.
**************************************************************/ **************************************************************/
#page { #page {
float: left; float: left;
clear: both; clear: both;
width: 491px !important; width: 491px !important;
width: 100%; width: 100%;
padding: 2em 49px; padding: 2em 49px;
} }
/************************************************************** /**************************************************************
.footer: Site footer .footer: Site footer
**************************************************************/ **************************************************************/
@ -159,9 +145,6 @@ ul.five li a {
clear: both; clear: both;
} }
/************************************************************** /**************************************************************
.bigLinks: Large, clickable links .bigLinks: Large, clickable links
**************************************************************/ **************************************************************/
@ -170,7 +153,7 @@ ul.bigLinks {
margin: 10px 0; margin: 10px 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
ul.bigLinks li { ul.bigLinks li {
@ -181,7 +164,7 @@ ul.bigLinks li {
} }
ul.bigLinks li a, ul.bigLinks li a,
ul.bigLinks li a:visited { ul.bigLinks li a:visited {
display: block; display: block;
margin: 10px 0; margin: 10px 0;
@ -189,7 +172,7 @@ ul.bigLinks li a:visited {
text-decoration: none; text-decoration: none;
background-color: #FFF; background-color: #FFF;
border: 0; border: 0;
} }
ul.bigLinks li a:hover { ul.bigLinks li a:hover {
@ -199,7 +182,7 @@ ul.bigLinks li a:hover {
} }
ul.bigLinks li a span.title { ul.bigLinks li a span.title {
color: #5E9040; color: #5E9040;
border-bottom: 1px solid #B8E78B; border-bottom: 1px solid #B8E78B;
} }
@ -217,8 +200,6 @@ ul.bigLinks li a:hover span.desc {
color: #555; color: #555;
} }
/************************************************************** /**************************************************************
Width classes used by the site columns Width classes used by the site columns
**************************************************************/ **************************************************************/
@ -247,8 +228,6 @@ ul.bigLinks li a:hover span.desc {
width: 23%; width: 23%;
} }
/************************************************************** /**************************************************************
Alignment classes Alignment classes
**************************************************************/ **************************************************************/
@ -269,8 +248,6 @@ ul.bigLinks li a:hover span.desc {
text-align: right; text-align: right;
} }
/************************************************************** /**************************************************************
Generic display classes Generic display classes
**************************************************************/ **************************************************************/
@ -284,11 +261,11 @@ ul.bigLinks li a:hover span.desc {
} }
.big { .big {
font-size: 1.3em; font-size: 1.3em;
} }
.small { .small {
font-size: 0.85em; font-size: 0.85em;
} }
.bold { .bold {
@ -311,7 +288,6 @@ ul.bigLinks li a:hover span.desc {
color: #512103; color: #512103;
} }
.greenBg { .greenBg {
padding: 0 10px; padding: 0 10px;
background-color: #F1FFE3; background-color: #F1FFE3;
@ -324,7 +300,7 @@ ul.bigLinks li a:hover span.desc {
border-top: 1px solid #BDEDDE; border-top: 1px solid #BDEDDE;
} }
ul.menuish {
display: inline;
list-style: none;
}