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
----------------------------------------------------------------------------------------------- */
body#NarrativeWeb {
padding: 158px 0px 0px 0px;
margin: 0;
}
/* Header
----------------------------------------------------- */
#header {
div#header {
position: fixed;
top: 0px;
left: 0px;
overflow: auto;
width: 100%;
height: 90px;
margin: 0;
}
/* Footer
----------------------------------------------------- */
#footer {
/* NarrativeWeb Navigation
--------------------------------------------------------------------------------------- */
body#NarrativeWeb div#navigation {
position: fixed;
top: 104px;
left: 0px;
width: 100%;
height: 60px;
overflow: auto;
clear: both;
font-size: 12px;
margin: 0;
}
/* Alphabet Navigation
----------------------------------------------------- */
#alphabet {
padding:10px;
margin:0;
div#alphabet {
position: fixed;
top: 130px;
left: 0px;
width: 100%;
margin: 0;
}
#alphabet ul {
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-color: #000;
border-style: solid;
}
#alphabet ul li:after {
div#alphabet ul li:after {
content:" |";
}
#alphabet ul li {
div#alphabet ul li {
margin:0;
float:left;
}
#alphabet ul li a {
div#alphabet ul li a {
display:block;
padding: 4px 8px 4px 8px;
float:left;
font:bold 16px/100% sans;
color:#000;
margin:0;
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;
overflow: auto;
width: 100%;
height: 90px;
}
/* Footer
----------------------------------------------------- */
#footer {
width: 100%;
height: 60px;
overflow: auto;
clear: both;
font-size: 12px;
margin: 0;
/* NarrativeWeb Navigation
------------------------------------------------------------------------------- */
body#NarrativeWeb div#navigation {
position: fixed;
top: 104px;
left: 0px;
}
/* Alphabet Navigation
----------------------------------------------------- */
#alphabet {
div#alphabet {
position: fixed;
left: 4px;
width: 44px;
@ -71,29 +67,29 @@ body#NarrativeWeb {
border-width: 2px 4px 2px 4px;
border-style: solid;
}
#alphabet ul {
div#alphabet ul {
display: inline;
list-style: none;
margin: 0;
}
#alphabet ul li {
div#alphabet ul li {
font: bold 14px/100% sans;
color: #000;
padding: 10px 0px 10px 10px;
margin:0;
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;
}
#alphabet ul li:last-child {
div#alphabet ul li:last-child {
border: 0;
}
#alphabet ul li a {
div#alphabet ul li a {
text-decoration: none;
}
#alphabet ul li a:hover {
div#alphabet ul li a:hover {
display: block;
padding: 6px 10px 6px 10px;
background-color: #C1B398;

63
src/data/Web_Visually.css
View File

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