STB/stb/views/layout/css/default.css

<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>