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

Fixed placement of header, alphabet navigation, and navigation sections.

Browse Source 
svn: r13292
This commit is contained in:
Rob G. Healey 2009-10-03 06:03:10 +00:00
parent ca68d0c5ae
commit 7ee48aece3
3 changed files with 74 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/data/Web_Alphabet-Horizontal.css
View File

@ -33,62 +33,60 @@ see <http://www.gnu.org/licenses/>.
NarrativeWeb NarrativeWeb
----------------------------------------------------------------------------------------------- */ ----------------------------------------------------------------------------------------------- */
body#NarrativeWeb { body#NarrativeWeb {
padding: 158px 0px 0px 0px;
margin: 0; margin: 0;
} }
/* Header /* Header
----------------------------------------------------- */ ----------------------------------------------------- */
#header { div#header {
position: fixed;
top: 0px;
left: 0px;
overflow: auto; overflow: auto;
width: 100%; width: 100%;
height: 90px;
margin: 0; margin: 0;
} }
/* Footer /* NarrativeWeb Navigation
----------------------------------------------------- */ --------------------------------------------------------------------------------------- */
#footer { body#NarrativeWeb div#navigation {
position: fixed;
top: 104px;
left: 0px;
width: 100%; width: 100%;
height: 60px;
overflow: auto;
clear: both;
font-size: 12px;
margin: 0;
} }
/* Alphabet Navigation /* Alphabet Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
#alphabet { div#alphabet {
padding:10px; position: fixed;
margin:0; top: 130px;
left: 0px;
width: 100%;
margin: 0;
} }
#alphabet ul { div#alphabet ul {
list-style:none; list-style:none;
min-width:770px; min-width:770px;
height:24px; height:24px;
margin:0; margin:0;
padding: 0px 0px 0px 16px; padding: 0px 0px 0px 16px;
border-width: 2px 0px 4px 0px; border-width: 2px 0px 4px 0px;
border-color: #000;
border-style: solid; border-style: solid;
} }
#alphabet ul li:after { div#alphabet ul li:after {
content:" |"; content:" |";
} }
#alphabet ul li { div#alphabet ul li {
margin:0; margin:0;
float:left; float:left;
} }
#alphabet ul li a { div#alphabet ul li a {
display:block; display:block;
padding: 4px 8px 4px 8px; padding: 4px 8px 4px 8px;
float:left; float:left;
font:bold 16px/100% sans; font:bold 16px/100% sans;
color:#000;
margin:0; margin:0;
text-decoration:none; text-decoration:none;
} }
#alphabet ul li a:hover {
background-color:#000;
color:#FFF;
}

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

@ -46,23 +46,19 @@ body#NarrativeWeb {
left: 0px; left: 0px;
overflow: auto; overflow: auto;
width: 100%; width: 100%;
height: 90px;
} }
/* Footer /* NarrativeWeb Navigation
----------------------------------------------------- */ ------------------------------------------------------------------------------- */
#footer { body#NarrativeWeb div#navigation {
width: 100%; position: fixed;
height: 60px; top: 104px;
overflow: auto; left: 0px;
clear: both;
font-size: 12px;
margin: 0;
} }
/* Alphabet Navigation /* Alphabet Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
#alphabet { div#alphabet {
position: fixed; position: fixed;
left: 4px; left: 4px;
width: 44px; width: 44px;
@ -71,29 +67,29 @@ body#NarrativeWeb {
border-width: 2px 4px 2px 4px; border-width: 2px 4px 2px 4px;
border-style: solid; border-style: solid;
} }
#alphabet ul { div#alphabet ul {
display: inline; display: inline;
list-style: none; list-style: none;
margin: 0; margin: 0;
} }
#alphabet ul li { div#alphabet ul li {
font: bold 14px/100% sans; font: bold 14px/100% sans;
color: #000;
padding: 10px 0px 10px 10px; padding: 10px 0px 10px 10px;
margin:0; margin:0;
float: left; float: left;
border-bottom: solid 2px #000; border-width: 0px 0px 2px 0px;
border-style: solid;
} }
#alphabet ul li:first-child { div#alphabet ul li:first-child {
border: 0; border: 0;
} }
#alphabet ul li:last-child { div#alphabet ul li:last-child {
border: 0; border: 0;
} }
#alphabet ul li a { div#alphabet ul li a {
text-decoration: none; text-decoration: none;
} }
#alphabet ul li a:hover { div#alphabet ul li a:hover {
display: block; display: block;
padding: 6px 10px 6px 10px; padding: 6px 10px 6px 10px;
background-color: #C1B398; background-color: #C1B398;

63
src/data/Web_Visually.css
View File

@ -193,9 +193,10 @@ span.preposition {
/* Header /* Header
----------------------------------------------------- */ ----------------------------------------------------- */
#header { div#header {
background-color: #542; background-color: #542;
border-bottom: solid 8px #5D835F; border-bottom: solid 8px #5D835F;
height: 90px;
} }
#SiteTitle { #SiteTitle {
margin:0; margin:0;
@ -214,37 +215,43 @@ p#user_header {
/* Footer /* Footer
----------------------------------------------------- */ ----------------------------------------------------- */
#footer { div#footer {
width: 100%;
height: 60px;
overflow: auto;
clear: both;
font-size: 12px;
margin: 0;
color: #FFF; color: #FFF;
background-color: #542; background-color: #542;
border-top: solid 8px #5D835F; border-top: solid 8px #5D835F;
} }
#footer a, #footer a:visited { div#footer a, div#footer a:visited {
text-decoration:none; text-decoration:none;
color: #FFF; color: #FFF;
} }
#footer a:hover { div#footer a:hover {
color: #000; color: #000;
text-decoration:underline; text-decoration:underline;
} }
#footer img { div#footer img {
border:0; border:0;
margin:0 auto; margin:0 auto;
vertical-align:middle; vertical-align:middle;
} }
#footer p#createdate { div#footer p#createdate {
float:left; float:left;
width:60%; width:60%;
text-align:left; text-align:left;
margin-left:10px; margin-left:10px;
} }
#footer p#copyright { div#footer p#copyright {
float:right; float:right;
text-align:right; text-align:right;
color: #FFF; color: #FFF;
margin: 10px 10px 0px 0px; margin: 10px 10px 0px 0px;
} }
#footer p#copyright img { div#footer p#copyright img {
float:right; float:right;
margin-right: 10px; margin-right: 10px;
} }
@ -262,23 +269,29 @@ p#user_header {
/* Alphabet Navigation Bar /* Alphabet Navigation Bar
----------------------------------------------------- */ ----------------------------------------------------- */
#alphabet { div#alphabet {
position: fixed;
top: 136px;
background-color: #6AF364; background-color: #6AF364;
} }
div#alphabet ul {
border-color: #000;
}
div#alphabet ul li {
border-color: #000;
}
div#alphabet ul li a {
color: #000;
}
div#alphabet ul li a:hover {
background-color: #000;
color: #FFF;
}
/* Navigation /* Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation, #subnavigation { div#navigation, div#subnavigation {
width: 100%; width: 100%;
} }
body#NarrativeWeb #navigation { div#navigation ul, div#subnavigation ul {
position: fixed;
top: 104px;
left: 0px;
}
#navigation ul, #subnavigation ul {
list-style:none; list-style:none;
min-width:770px; min-width:770px;
height:32px; height:32px;
@ -286,14 +299,14 @@ body#NarrativeWeb #navigation {
padding: 0px 0px 0px 20px; padding: 0px 0px 0px 20px;
border-bottom: solid 2px #5D835F; border-bottom: solid 2px #5D835F;
} }
#navigation ul li, #subnavigation ul li { div#navigation ul li, div#subnavigation ul li {
margin:0; margin:0;
float:left; float:left;
} }
body#WebCal div#navigation ul li a { body#WebCal divdiv#navigation ul li a {
color: #FFF; color: #FFF;
} }
#navigation ul li a, #subnavigation ul li a { div#navigation ul li a, div#subnavigation ul li a {
padding: 6px 10px 8px 1px; padding: 6px 10px 8px 1px;
display:block; display:block;
float:left; float:left;
@ -302,13 +315,13 @@ body#WebCal div#navigation ul li a {
text-decoration:none; text-decoration:none;
margin:0; margin:0;
} }
#navigation ul li a:hover, #subnavigation ul li a:hover { div#navigation ul li a:hover, div#subnavigation ul li a:hover {
margin-top: -6px; margin-top: -6px;
padding: 11px 11px 12px 1px; padding: 11px 11px 12px 1px;
background-color: #C1B398; background-color: #C1B398;
color: #000; color: #000;
} }
#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a { div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a {
font-weight:bold; font-weight:bold;
font-style: italic; font-style: italic;
margin-top:-6px; margin-top:-6px;
@ -316,11 +329,11 @@ body#WebCal div#navigation ul li a {
background-color: #CCC; background-color: #CCC;
color: #000; color: #000;
} }
#navigation ul li.CurrentSection a:hover { div#navigation ul li.CurrentSection a:hover {
background-color: #000; background-color: #000;
color: #FFF; color: #FFF;
} }
#subnavigation ul li.CurrentSection a { div#subnavigation ul li.CurrentSection a {
border-width: 0px 0px 2px 0px; border-width: 0px 0px 2px 0px;
border-color: #FFF; border-color: #FFF;
} }