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%;
}
/* 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;
left: 4px;
width: 40px;
height: 326px;
left: 0px;
width: 118px;
height: 500px;
overflow-x: auto;
border-width: 2px 4px 2px 4px;
border-style: solid;
}
div#alphabet ul {
div#navigation ul {
display: inline;
list-style: none;
padding: 0px 9px 0px 9px;
margin: 0;
}
div#alphabet ul li {
div#navigation ul li {
font: bold 14px/100% sans;
padding: 10px 10px 10px 0px;
margin:0;
@ -65,17 +74,103 @@ div#alphabet ul li {
border-width: 0px 0px 2px 0px;
border-style: solid;
}
div#alphabet ul li:first-child {
div#navigation ul li:first-child {
border-top: 0;
}
div#alphabet ul li:last-child {
div#navigation ul li:last-child {
border-bottom: 0;
}
div#alphabet ul li a {
div#navigation ul li a {
text-decoration: none;
display: block;
padding: 10px 0px 6px 10px;
}
div#alphabet ul li a:hover {
div#navigation ul li a:hover {
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;
}