223 lines
4.0 KiB
CSS
Executable File
223 lines
4.0 KiB
CSS
Executable File
|
|
<style>
|
|
h1 {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 175%;
|
|
}
|
|
h2 {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 150%;
|
|
}
|
|
h3 {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 125%;
|
|
}
|
|
h4 {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 100%;
|
|
}
|
|
h5 {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 75%;
|
|
}
|
|
h6 {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: 50%;
|
|
}
|
|
body, table {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: <?php echo $font_size; ?>;
|
|
/*background-color: #F5F5F5; */
|
|
background-color: #FFFFFF;
|
|
}
|
|
a {
|
|
color: #5f5f5f;
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
color: #0000a0;
|
|
color: #0000ff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
input,select,textarea {
|
|
background-color: #FFFFFF;
|
|
margin-top: 2px;
|
|
}
|
|
table.header {
|
|
background-color: #D3DCE3;
|
|
color: #000000;
|
|
}
|
|
th {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: <?php echo $font_size; ?>;
|
|
background-color: #D3DCE3;
|
|
}
|
|
td {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: <?php echo $font_size; ?>;
|
|
margin-top: 5px;
|
|
|
|
}
|
|
td.tbl_even {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: <?php echo $font_size; ?>;
|
|
background-color: #DDDDDD;
|
|
}
|
|
td.tbl_odd {
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-size: <?php echo $font_size; ?>;
|
|
background-color: #CCCCCC;
|
|
}
|
|
.restrict {
|
|
color: red;
|
|
}
|
|
.label {
|
|
font-style: oblique;
|
|
display: inline;
|
|
}
|
|
|
|
.info {position:relative;float:left;height:50px;width:40px;}
|
|
.info img {height:100%;border-radius:6px;}
|
|
.info:hover img{position:absolute;left:0px;top:0px;height:200px;width:160px;}
|
|
|
|
|
|
/* image wrapper dient zur Anzeige von Hilfstexten*/
|
|
#img-wrapper { border:2px solid #ff0000; position:absolute; }
|
|
.tipp { border:1px solid #00ff00; position:absolute; cursor:help; }
|
|
.tipp > span { display:none; border:1px solid #000000; background-color:#ecffc0;
|
|
position:absolute; top:0px; left:15px; white-space:nowrap; }
|
|
.tipp:hover > span { display:inline; }
|
|
#useroptions ul {
|
|
margin: 1;
|
|
padding: 0;
|
|
}
|
|
#useroptions li {
|
|
float:left;
|
|
list-style-image:none;
|
|
list-style-position:outside;
|
|
list-style-type:none;
|
|
margin:5px;
|
|
padding:0px;
|
|
}
|
|
#options {
|
|
float: right;
|
|
position: relative;
|
|
padding-right: 9%;
|
|
}
|
|
#options ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#options li {
|
|
float:left;
|
|
list-style-image:none;
|
|
list-style-position:outside;
|
|
list-style-type:none;
|
|
margin: 5px 0px;
|
|
padding: 0px;
|
|
}
|
|
#name {
|
|
text-align: center;
|
|
}
|
|
#name h2 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#bd {
|
|
padding: 5px 0px;
|
|
color:#000000;
|
|
font-family:verdana,Arial,Helvetica,sans-serif;
|
|
font-size: <?php echo $font_size; ?>;
|
|
position: relative;
|
|
left: 15%;
|
|
width: 75%;
|
|
display: block;
|
|
}
|
|
div.child {
|
|
display: block;
|
|
}
|
|
div.birth {
|
|
padding: 10px 10px;
|
|
width:40%;
|
|
top: 0;
|
|
float: left;
|
|
}
|
|
div.baptism {
|
|
width:40%;
|
|
float: left;
|
|
padding: 10px 10px;
|
|
}
|
|
div.death {
|
|
float: left;
|
|
top: 0;
|
|
padding: 10px 10px;
|
|
width:40%;
|
|
}
|
|
div.burial {
|
|
float: right;
|
|
width:40%;
|
|
padding: 10px 10px;
|
|
}
|
|
div#parents {
|
|
clear: both;
|
|
padding: 10px 10px;
|
|
margin-left: 15%;
|
|
float: none;
|
|
width: 70%;
|
|
display: block;
|
|
}
|
|
div.children {
|
|
padding: 10px 10px;
|
|
margin-left: 15%;
|
|
}
|
|
div#children {
|
|
padding: 10px 10px;
|
|
margin-left: 15%;
|
|
}
|
|
div#siblings {
|
|
padding: 10px 10px;
|
|
margin-left: 15%;
|
|
}
|
|
div#relations {
|
|
padding: 10px 0px;
|
|
/ *margin-left: 15%; */
|
|
}
|
|
div.insert {
|
|
float: right;
|
|
}
|
|
.tooltip {
|
|
position: relative;
|
|
display: inline-block;
|
|
border-bottom: 1px dotted black;
|
|
}
|
|
|
|
.tooltip .tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: black;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 0;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 150%;
|
|
left: 50%;
|
|
margin-left: -60px;
|
|
}
|
|
.tooltip .tooltiptext::after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 100%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: transparent transparent black transparent;
|
|
}
|
|
.tooltip:hover .tooltiptext {
|
|
visibility: visible;
|
|
}
|
|
</style>
|