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

Fixed CSS typos; got all gramps-connect view pages structured

Browse Source 
svn: r13736
This commit is contained in:
Doug Blank 2009-12-06 23:35:46 +00:00
parent 6392a15610
commit 64ec8c20f8
8 changed files with 135 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/data/Web_Mainz.css
View File

@ -619,9 +619,9 @@ div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before {
content:"+ ";
}
div#EventDetail h3 {
font-size: xxx-large;
font-size: large;
}
div#EventDetail h3:first-lettr {
div#EventDetail h3:first-letter {
color: #000;
}
div#EventDetail table.eventlist {
@ -768,7 +768,7 @@ table.download {
width:100%;
}
table.download img {
float:center;
text-align: center;
}
table.download thead tr th {
text-align:center;
@ -835,7 +835,7 @@ div#RepositoryList table.repolist tbody tr td.ColumnName {
min-height:500px;
padding:1.5em 0 3em 0;
}
#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, {
#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p {
margin:0 20px 1em 20px;
padding-top:1em;
}

14
src/data/Web_Print-Default.css
View File

@ -558,9 +558,9 @@ div#EventList table.eventlist tbody tr td.ColumnPartner a {
padding: 4px 0px 4px 10px;
}
div#EventDetail h3 {
font-size: xxx-large;
font-size: large;
}
div#EventDetail h3:first-lettr {
div#EventDetail h3:first-letter {
color: #5D835F;
}
div#EventDetail table.eventlist {
@ -721,7 +721,7 @@ div#Download table.download {
width: 100%;
}
div#Download table.download img {
float:center;
text-align:center;
}
div#Download table.download tbody tr#Row02 {
border-bottom:solid 2px #000;
@ -893,7 +893,7 @@ div#events h4 {
line-height:12px;
text-transform:uppercase;
color: #542;
padding-top:6px 0 4px 0;
padding:6px 0 4px 0;
background-color: #6AF364;
}
#IndividualDetail div#events table.infolist thead tr th:first-child {
@ -1032,7 +1032,7 @@ div#Addresses {
}
div#Addresses table.infolist {
font-size: 12px;
background- color: #D8F3D6;
background-color: #D8F3D6;
}
div#Addresses table.infolist tbody tr td {
border-bottom: solid 1px #5D835F;
@ -1047,7 +1047,7 @@ div#Addresses table.infolist tbody tr td.ColumnCity {
width: 8%;
}
div#Addresses table.infolist tbody tr td.ColumnCounty {
with: 8%;
width: 8%;
}
div#Addresses table.infolist tbody tr td.ColumnState {
width: 12%;
@ -1487,5 +1487,5 @@ table.oneday tbody tr td.ColumnText {
width: 85%;
}
table.oneday tbody tr td.ColumnEvent {
width; 10%;
width: 10%;
}

24
src/data/templates/view_event_detail.html
View File

@ -30,7 +30,7 @@
</tr>
<tr>
<td class="ColumnAttribute">Place:</td>
<td class="ColumnValue" id="data" colspan="3">{{event.place.title|escape}}</td>
<td class="ColumnValue" id="data" colspan="3">{{event.place.title|escape}} [{{event.place.gramps_id}}]</td>
</tr>
</table>
</div>
@ -40,16 +40,20 @@
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1" style=":hover {color: black;}">Sources</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-2">Notes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">Gallery</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">Attributes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">References</a></li>
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-sources">Sources</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-notes">Notes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-gallery">Gallery</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-attributes">Attributes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-references">References</a></li>
</ul>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-sources">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-gallery">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-attributes">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-references">
</div>
</div>

108
src/data/templates/view_name_detail.html
View File

@ -11,46 +11,34 @@
</script>
<div class="content" id="IndividualDetail">
<h3>{{person.name_set|make_name:user}}</h3>
<h3>{{name|make_name:user}}</h3>
<div id="summaryarea">
<table class="infolist"> {% comment %} 5 cols {% endcomment %}
<table class="infolist"> {% comment %} 4 cols {% endcomment %}
<tbody>
{% if user.is_authenticated %}
<tr>
<td class="ColumnAttribute">Family:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"surname"}}</td>
<td class="ColumnValue" id="data">{{name.surname}}</td>
<td class="ColumnAttribute">Prefix:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"prefix"}}</td>
<td rowspan="5" colspan="2" style="border:solid 2px #7D5925;">Image:</td>
<td class="ColumnValue" id="data">{{name.prefix}}</td>
</tr>
<td class="ColumnAttribute" colspan="2"></td>
<td class="ColumnAttribute">Suffix:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"suffix"}}</td>
<tr>
<td class="ColumnAttribute">Given:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"first_name"}}</td>
<td class="ColumnValue" id="data">{{name.first_name}}</td>
<td class="ColumnAttribute">Call Name:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"call"}}</td>
</tr>
<td class="ColumnValue" id="data">{{name.call}}</td>
<tr>
<td class="ColumnAttribute">Type:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"name_type"}}</td>
<td class="ColumnAttribute">Patronymic:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"patronymic"}}</td>
</tr>
</tr>
<td class="ColumnAttribute" colspan="2"></td>
<td class="ColumnAttribute">Title:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"title"}}</td>
<td class="ColumnValue" id="data">{{name.title}}</td>
<td class="ColumnAttribute">Suffix:</td>
<td class="ColumnValue" id="data">{{name.suffix}}</td>
<tr>
<tr>
<td class="ColumnAttribute">Gender:</td>
<td class="ColumnValue" id="data">{{person.gender_type|escape}}</td>
<td class="ColumnAttribute">ID:</td>
<td class="ColumnValue" id="data">{{person.gramps_id|escape}}</td>
<td class="ColumnAttribute">Marker:</td>
<td class="ColumnValue" id="data">{{person.marker_type|escape}}</td>
<td class="ColumnAttribute">Patronymic:</td>
<td class="ColumnValue" id="data">{{name.patronymic}}</td>
<td class="ColumnAttribute">Type:</td>
<td class="ColumnValue" id="data">{{name.name_type}}</td>
</tr>
</tr>
</tbody>
</table>
@ -59,38 +47,25 @@
<tr>
<td class="ColumnAttribute">Family:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"surname"}}</td>
<td class="ColumnValue" id="data">{{name.surname}}</td>
<td class="ColumnAttribute">Prefix:</td>
<td class="ColumnValue" id="data">[Private]</td>
<td rowspan="5" colspan="2" style="border:solid 2px #7D5925;">Image:</td>
</tr>
<td class="ColumnAttribute" colspan="2"></td>
<td class="ColumnAttribute">Suffix:</td>
<td class="ColumnValue" id="data">[Private]</td>
<tr>
<td class="ColumnAttribute">Given:</td>
<td class="ColumnValue" id="data">[Private]</td>
<td class="ColumnAttribute">Call Name:</td>
<td class="ColumnValue" id="data">[Private]</td>
</tr>
<tr>
<td class="ColumnAttribute">Type:</td>
<td class="ColumnValue" id="data">{{person.name_set|preferred:"name_type"}}</td>
<td class="ColumnAttribute">Patronymic:</td>
<td class="ColumnValue" id="data">[Private]</td>
</tr>
</tr>
<td class="ColumnAttribute" colspan="2"></td>
<td class="ColumnAttribute">Title:</td>
<td class="ColumnValue" id="data">[Private]</td>
<td class="ColumnAttribute">Suffix:</td>
<td class="ColumnValue" id="data">[Private]</td>
<tr>
<tr>
<td class="ColumnAttribute">Gender:</td>
<td class="ColumnValue" id="data">{{person.gender_type|escape}}</td>
<td class="ColumnAttribute">ID:</td>
<td class="ColumnValue" id="data">{{person.gramps_id|escape}}</td>
<td class="ColumnAttribute">Marker:</td>
<td class="ColumnValue" id="data"></td>
<td class="ColumnAttribute">Patronymic:</td>
<td class="ColumnValue" id="data">[Private]</td>
<td class="ColumnAttribute">Type:</td>
<td class="ColumnValue" id="data">{{name.name_type}}</td>
</tr>
</tbody>
</table>
@ -103,54 +78,19 @@
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tab-events">Events</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-names">Names</a></li>
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tab-general">General</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-sources">Sources</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-attributes">Attributes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-addresses">Addresses</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-notes">Notes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-gallery">Gallery</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-internet">Internet</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-association">Associations</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-lds">LDS</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tab-references">References</a></li>
</ul>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab-events">
<!-- Events -->
{{ person|person_event_table:user|safe }}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-names">
{{ person|person_name_table:user|safe }}
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tab-general">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-sources">
{{ person|person_source_table:user|safe }}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-attributes">
{{ person|person_attribute_table:user|safe }}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-addresses">
{{ person|person_address_table:user|safe }}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-notes">
{{ person|person_note_table:user|safe }}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-gallery">
{{ person|person_gallery_table:user|safe }}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-internet">
{{ person|person_internet_table:user|safe }}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-association">
{{ person|person_association_table:user|safe }}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-lds">
{{ person|person_lds_table:user|safe }}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tab-references">
{{ person|person_reference_table:user|safe }}
</div>
</div>
[<a href="/person/{{person.handle}}/">Back to Person Details</a>]
{% endblock %}

43
src/data/templates/view_note_detail.html
View File

@ -10,18 +10,22 @@
});
</script>
<table>
<div class="content" id="IndividualDetail">
<div id="summaryarea">
<table class="infolist">
<tbody>
<tr>
<td>Event type:</td><td> {{event.event_type|escape}}</td><td>Date:</td><td></td>
<td class="ColumnAttribute">ID:</td>
<td class="ColumnValue" id="data"> {{note.gramps_id|escape}}</td>
<td class="ColumnAttribute">Marker:</td>
<td class="ColumnValue" id="data" colspan="4">{{note.note_marker_type|escape}}</td>
</tr>
<tr>
<td>Description:</td><td spancols="2">{{event.description|escape}}</td>
</tr>
<tr>
<td>ID:</td><td spancols="2">{{event.gramps_id|escape}}</td>
</tr>
<tr>
<td>Place:</td><td spancols="2">{{event.place.title|escape}}</td>
<td class="ColumnAttribute">Type:</td>
<td class="ColumnValue" id="data">{{event.description|escape}}</td>
<td class="ColumnAttribute"></td>
<td class="ColumnValue" id="data">Preformatted</td>
<td class="ColumnValue" id="data">Private</td>
</tr>
</table>
@ -30,18 +34,17 @@
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1" style=":hover {color: black;}">Sources</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-2">Notes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">Gallery</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">Attributes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">References</a></li>
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-note">Note</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-references">References</a></li>
</ul>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-note">
{{note.text}}
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-references">
{{note.references.all.to_list}}
</div>
</div>
</div>
</div>
{% endblock %}

4
src/data/templates/view_page.html
View File

@ -8,8 +8,8 @@
<p id="description">
<form name="SearchForm">
<input type="submit" value="Search:"></submit>
<input autocomplete="off" name="search" id="get_focus" type="input" size="50" value="{{search}}"></input>
<input type="submit" value="Search:"></input>
<input autocomplete="off" name="search" id="get_focus" type="text" size="50" value="{{search}}"></input>
</form>
</p>

55
src/data/templates/view_place_detail.html
View File

@ -10,18 +10,25 @@
});
</script>
<table>
<div class="content" id="IndividualDetail">
<div id="summaryarea">
<table class="infolist">
<tr>
<td>Event type:</td><td> {{event.event_type|escape}}</td><td>Date:</td><td></td>
<td class="ColumnAttribute">Place Name:</td>
<td class="Columnvalue" id="data" colpan="3"> {{place.title|escape}}</td>
</tr>
<tr>
<td>Description:</td><td spancols="2">{{event.description|escape}}</td>
<td class="ColumnAttribute">Latitude:</td>
<td class="ColumnValue" id="data">{{place.latitude|escape}}</td>
<td class="ColumnAttribute">Longitude:</td>
<td class="ColumnValue" id="data">{{place.longitude|escape}}</td>
</tr>
<tr>
<td>ID:</td><td spancols="2">{{event.gramps_id|escape}}</td>
</tr>
<tr>
<td>Place:</td><td spancols="2">{{event.place.title|escape}}</td>
<td class="ColumnAttribute">ID:</td>
<td class="ColumnValue" id="data">{{place.gramps_id|escape}}</td>
<td class="ColumnAttribute">Private:</td>
<td class="ColumnValue" id="data">{{place.private}}
</tr>
</table>
@ -30,18 +37,30 @@
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1" style=":hover {color: black;}">Sources</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-2">Notes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">Gallery</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">Attributes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">References</a></li>
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-location">Location</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-alternatelocations">Alternate Locations</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-sources">Sources</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-notes">Notes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-gallery">Gallery</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-internet">Internet</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-references">References</a></li>
</ul>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-locations">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-alternatelocations">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-sources">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-notes">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-gallery">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-internet">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-references">
</div>
</div>
</div>
</div>
{% endblock %}

47
src/data/templates/view_repository_detail.html
View File

@ -10,18 +10,21 @@
});
</script>
<table>
<div class="content" id="IndividualDetail">
<div id="summaryarea">
<table class="infolist">
<tr>
<td>Family:</td><td> </td><td>Prefix:</td><td></td>
<td class="ColumnAttribute">Name:</td>
<td class="ColumnValue" id="data" colspan="5">{{repository.name}} </td>
</tr>
<tr>
<td>Description:</td><td spancols="2"></td>
</tr>
<tr>
<td>ID:</td><td spancols="2">{{person.gramps_id|escape}}</td>
</tr>
<tr>
<td>Place:</td><td spancols="2"></td>
<td class="ColumnAttribute">Type:</td>
<td class="ColumnValue" id="data">{{repository.repository_type}}</td>
<td class="ColumnAttribute">ID:</td>
<td class="ColumnValue" id="data">{{repository.gramps_id}}</td>
<td class="ColumnAttribute" >Private:</td>
<td class="ColumnValue" id="data">{{repository.private}}</td>
</tr>
</table>
@ -30,21 +33,19 @@
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1" style=":hover {color: black;}">Events</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-2">Names</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-3">Sources</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-4">Attributes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-5">Notes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-6">Gallery</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-7">Internet</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-8">Associations</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-9">LDS</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-10">References</a></li>
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-addresses">Addresses</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-internet">Internet</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-notes">Notes</a></li>
<li class="ui-corner-top ui-state-default"><a href="#tabs-references">References</a></li>
</ul>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-addresses">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-internet">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-notes">
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-references">
</div>
</div>