Cyclone-Team/gramps
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Re-working the Vertical Navigation Menu.

Browse Source 
svn: r14491
This commit is contained in:
Rob G. Healey 2010-02-25 23:55:10 +00:00
parent d3a1cae6ae
commit 518b5681f2
1 changed files with 106 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
src/data/Web_Alphabet-Vertical.css
View File

@ -40,24 +40,33 @@ see <http://www.gnu.org/licenses/>.
width: 100%; width: 100%;
} }
/* Alphabet Navigation /* Body Element
------------------------------------------------------ */
body {
font-family: Arial, Helvetica, Lucina, sans, serif;
color: #000;
background-color: #FFF;
padding: 60px 0px 0px 118px;
}
/* Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
div#alphabet { div#navigation {
position: fixed; position: fixed;
left: 4px; left: 0px;
width: 40px; width: 118px;
height: 326px; height: 500px;
overflow-x: auto; overflow-x: auto;
border-width: 2px 4px 2px 4px; border-width: 2px 4px 2px 4px;
border-style: solid; border-style: solid;
} }
div#alphabet ul { div#navigation ul {
display: inline; display: inline;
list-style: none; list-style: none;
padding: 0px 9px 0px 9px; padding: 0px 9px 0px 9px;
margin: 0; margin: 0;
} }
div#alphabet ul li { div#navigation ul li {
font: bold 14px/100% sans; font: bold 14px/100% sans;
padding: 10px 10px 10px 0px; padding: 10px 10px 10px 0px;
margin:0; margin:0;
@ -65,17 +74,103 @@ div#alphabet ul li {
border-width: 0px 0px 2px 0px; border-width: 0px 0px 2px 0px;
border-style: solid; border-style: solid;
} }
div#alphabet ul li:first-child { div#navigation ul li:first-child {
border-top: 0; border-top: 0;
} }
div#alphabet ul li:last-child { div#navigation ul li:last-child {
border-bottom: 0; border-bottom: 0;
} }
div#alphabet ul li a { div#navigation ul li a {
text-decoration: none; text-decoration: none;
display: block; display: block;
padding: 10px 0px 6px 10px; padding: 10px 0px 6px 10px;
} }
div#alphabet ul li a:hover { div#navigation ul li a:hover {
background-color: #C1B398; background-color: #C1B398;
} }
div#navigation ul li.CurrentSection a {
font-weight:bold;
font-style: italic;
background-color: #453619;
color: #FFF;
}
div#navigation ul li.CurrentSection a:hover {
background-color: #000;
color: #FFF;
}
/* SubNavigation
----------------------------------------------------- */
div#subnavigation {
width: 100%;
margin: 0;
padding: 0;
}
div#subnavigation ul {
list-style:none;
min-width: 900px;
height: 40px;
margin:0;
padding: 0px 0px 0px 16px;
border-bottom: solid 2px #5D835F;
}
div#subnavigation ul li {
float:left;
}
div#subnavigation ul li a {
display: block;
padding: 12px 16px 14px 1px;
float:left;
font: .8em bold italic small-caps verdana, serif;
color: #000;
text-decoration:none;
margin:0;
}
div#subnavigation ul li a:hover {
background-color: #C1B398;
}
div#subnavigation ul li.CurrentSection a {
font-weight:bold;
font-style: italic;
background-color: #453619;
color: #FFF;
}
div#navigation ul li.CurrentSection a:hover {
background-color: #000;
color: #FFF;
}
div#subnavigation ul li.CurrentSection a {
border-width: 0px 0px 2px 0px;
border-color: #5D835F;
}
/* Alphabet Navigation
----------------------------------------------------- */
div#alphabet {
width: 100%;
margin: 0;
}
div#alphabet ul {
list-style:none;
min-width:770px;
height:24px;
margin:0;
padding: 0px 0px 0px 16px;
border-width: 2px 0px 4px 0px;
border-style: solid;
}
div#alphabet ul li:after {
content:" |";
}
div#alphabet ul li {
margin:0;
float:left;
}
div#alphabet ul li a {
display:block;
padding: 4px 8px 4px 8px;
float:left;
font:bold 16px/100% sans;
margin:0;
text-decoration:none;
}