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

Fixed vertical alignment for alphabet navigation.

Browse Source 
svn: r12567
This commit is contained in:
Rob G. Healey
2009-05-23 17:41:39 +00:00
parent 8c73b202c3
commit 917714b9c6
9 changed files with 1103 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/data/Web_Mainz.css
View File

@@ -198,6 +198,43 @@ a:visited {
margin:0 0 5px 50px;
}
/* Alphabet Navigation
----------------------------------------------------- */
#alphabet {
padding:0;
margin:0;
}
#alphabet ul {
list-style:none;
min-width:770px;
height:24px;
margin:0;
padding:0 0 0 9px;
border-top:solid 2px #000;
border-bottom:solid 4px #000;
background:url(../images/Web_Mainz_MidLight.png) #FFF2C6;
}
#alphabet ul li.letters {
margin:0;
float:left;
}
.letters:after {
content:" |";
}
#alphabet ul li.letters a {
display:block;
float:left;
font:bold 16px/100% sans;
color:#000;
margin:0;
padding:5px 5px;
text-decoration:none;
}
#alphabet ul li.letters a:hover {
background-color:#000;
color:#FFF;
}
/* Navigation
----------------------------------------------------- */
#navigation, #subnavigation {
@@ -407,10 +444,23 @@ table.individuallist tbody tr td.ColumnName a {
padding:.6em 10px;
vertical-align:middle;
}
#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p {
#Individuals div table.infolist tr td p {
vertical-align:top;
}
#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a {
#Individuals div table.infolist tr td p a {
display:inline;
}
/* IndividualDetail
------------------------------------------------------ */
#IndividualDetail {
background:url(../images/Web_Mainz_MidLight.png) #FFF2C6;
}
#IndividualDetail div table.infolist tr td {
font:normal .9em/1.2em sans-serif;
vertical-align:top;
}
#IndividualDetail div table.infolist tr td a {
display:inline;
}
#IndividualDetail table.infolist tr td a:hover {
@@ -418,8 +468,10 @@ table.individuallist tbody tr td.ColumnName a {
}
#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%;
color:#767D25;
padding-left:5px;
color:#696969;
}
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
}
/* Sources
@@ -568,17 +620,69 @@ table.individuallist tbody tr td.ColumnName a {
text-decoration:underline;
}
/* Download
----------------------------------------------------- */
#Download {
padding:1cm;
height:396px;
}
table.download {
border:solid 2px #000;
width:100%;
}
table.download img {
float:center;
}
table.download thead tr th {
text-align:center;
border:solid 2px #000;
color: #000;
text-transform:uppercase;
}
table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
}
table.download thead tr th, table.download tbody tr td {
padding-left:10px;
padding-top:20px;
border-style:solid;
border-color:#000;
border-width:0 2px 2px 2px;
text-align:left;
}
table.download td.Description {
width: 50%;
}
table.download td.License {
width:8%;
}
table.download td.Filename {
width:30%;
}
table.download td.Filename a {
font-weight:bold;
font-style: italic;
text-decoration:none;
}
table.download td.Filename a:hover {
text-decoration:underline;
}
table.download td.Modified {
width:12%;
font-weight:bold;
}
/* SubSection
----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact {
#Home, #Introduction, #Contact {
min-height:500px;
padding:1.5em 0 3em 0;
}
#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, #Download p, #Contact p {
#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, {
margin:0 20px 1em 20px;
padding-top:1em;
}
#Home img, #Introduction img, #Download img {
#Home img, #Introduction img {
float:right;
margin:0;
padding:0 20px 3em 20px;
@@ -960,15 +1064,6 @@ div#sourcerefs ol li ol {
#footer p#copyright img {
margin-right:10px;
}
#footer p#quality {
width:100%;
text-align:center;
padding-bottom:40px;
margin-bottom:0;
}
#footer p#quality img {
float:center;
}
#user_footer {
width:70%;
float:left;
@@ -1114,28 +1209,25 @@ div#sourcerefs ol li ol {
}
/* Calendar : Full Year */
body#fullyear div.content, body#fullyearlinked div.content {
body#fullyearlinked div.content {
width:963px;
margin:0 auto;
padding:15px 0 2px 2px;
background:url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
}
body#fullyear table.calendar, body#fullyearlinked table.calendar {
body#fullyearlinked table.calendar {
float:left;
width:320px;
height:18em;
border:solid 1px #7D5925;
}
body#fullyear table.calendar thead tr th, body#fullyearlinked table.calendar thead tr th {
body#fullyearlinked table.calendar thead tr th {
height:2em;
}
body#fullyear table.calendar thead tr th.monthName, body#fullyearlinked table.calendar thead tr th.monthName {
body#fullyearlinked table.calendar thead tr th.monthName {
font-size:1.2em;
padding:2px 0;
}
body#fullyear table.calendar tbody tr td, body#fullyearlinked table.calendar tbody tr td {
body#fullyearlinked table.calendar tbody tr td {
height:3em;
}
body#fullyear table.calendar tfoot tr td, body#fullyearlinked table.calendar tfoot tr td {
display:none;
}