Home khkGames Classes Calendar Software Bibliothek Index Contact
Trail: StyleSheetPage

StyleSheetPage

 @import url("https://use.typekit.net/mpt3ijn.css");

body {
background-color: #f2f2f2;
 /*background: url("http://khkgames.de/download/background.png") repeat fixed center;*/
font-size: 16px;
font-family: interstate, sans-serif;
text-decoration:none;
color: #000;

}

div.wrapper {
padding: 20px 20px 20px 20px;
} 

div.wrapper.close {
display: none;
} 

#canvas {

}

div.content.browse, div.content.edit, div.comment {
display: block;
}

 div.content.printable.index{
	
}
div.content > p:first-child {

}
div.content{ line-height: 22px; }

OBJECT, EMBED, #VideoPlayback, iframe{
	max-width:100%;

style="overflow:hidden;"
}


i, em {
	font-style: italic;
font-family: 'Palatino', serif;
}

b, strong { font-weight: bold;

}

/* @group A's */

a.url {
text-decoration:none;
}

/* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: yellow;
}

a.edit {
	text-decoration: none;
}
a.stemmed {

}

a.near {
	color: #007206;
}

a.near:before, div.content a.url:before {


}

a.inter {
	color: #576D3B;
	background-color: #F6FF97;
	padding: 1px 2px;
	text-decoration: none;
	border-bottom: 1px solid #96B566;
	border-right: 1px solid #96B566;
	white-space: nowrap;
}

a.inter:hover {
	color: #000000;
}

a.site {
	color: #555555;
}

a.site:before {
	content: url('http://www.auriea.org/images/b-l.gif');
	margin-left: 0.2em;
	margin-right: 0.2em;
}

a.tag, div.content.cloud  p a {
	text-decoration: none;
	font-weight: normal;
	background: #eeeeee;
	border: solid 1px #cccccc;
	border-style: outset;
	padding: .23em .4em;
	color: #666666;
	text-shadow: #222222 0px 0px 5px;
}

div.content.cloud > p:first-child 
{
	font-size:1em;
	line-height:2em;
	font-family: inherit;
	letter-spacing:0px;
}
.tags { 
font-size: .7em;
}

p
{

}

a[name][class="anchor"]:before {
	content: "#" attr(name) " ";
	color: green;
}

.message p{
	color: red;
	font-size: 10px;
	display: block;
	padding: 0;
	margin: 0;
}

/* @end */

/* @group image style options */

img {
	border: 0;
	max-width:90%;
	display: inherit;
}

img.upload {
border: 0;
max-width:90%;
}

table img { border: 0;
	max-width:100%;
        float:left;
	display: inherit; }


.fimage {float:left; padding:2px 4px 0 0; }

a.thumb img {
	height: 200px;
	border: solid 5px white;
max-width:100%;
}

a.oversize img {
	max-width:100%;
	border: solid 5px white;
}

a.image img{
	/*border: 10px outset rgba(255, 255, 255, 0.38);*/
	margin: 0 auto;	
	display: block;
	-moz-box-shadow: 0 0 1px #2e2e2e;
	box-shadow: 0 0 1px #2e2e2e;
}


div.image {
	margin: 4px;
	float: none;
	display: inline-block;
	text-align: center;
}
	
span.caption{
	
}

/* @end */

/* @group header */

div.header { 
font-size: 20px;
padding-right: 150px;
}
div.header span.bar { 
}
div.header span.trail { 
display: none;
}

div.header a:hover {
}


span.gotobar {
}

span.bar a:hover:first-child, span.bar a:first-child, span.bar br + a, .trail br + a {
text-decoration:none;
}

span.bar a {
text-decoration:none;
}


span.bar a:hover {
text-decoration:underline;
		}
span.bar a:after {
	content:" /"
	}

.logo {
float:right;
}
/* @end */


/* @group footer */

.footer {
	clear: both;
	padding-top: 10px;
font-size: 14px; line-height:17px;
}



.footer [class="comment local"] {
font-size: 13px; line-height:15px;
}

.footer [class="edit"], .footer [class="history"], .footer [class="admin"] {
font-size: 13px; line-height:15px;
}

.footer span.trail, .footer span.gotobar {
font-size: 13px; line-height:15px; text-decoration:none;
}
div.footer span.bar{
font-size: 13px; line-height:15px;
}
.footer hr, .footnotes hr {

}
.footer A{text-decoration:none;}

form.search {
	font-size: 10px;
	text-transform: uppercase;
display: none;
}
form.search input{
background-color: #c3c3c3;
}
form.search p{
	padding: 0;
	margin: 0;
}
form.search  submit{
	display: none;
}
a.author, a.original.local {
}
div.sister {

}

div.near {

}

/* @end */
/* @group footnotes */
div.footnote{
 margin:0 4em;

}

.footnotes {
	font: .6em georgia;
	display: block;
	color: #700808;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 20px;
	margin: 0 auto 2em auto;
}

.footnotes a {
	text-decoration: underline;
	background-image: none;
}

a.backlink{
	font-size: 14px;
	text-decoration: none;
	color: #fb0000;
			font-family: palatino;
	
}
.footnotes p {

}

.footnotes a.url {
	background:none;
	color: black;
	font-style: italic;
}

a.footnote {
	text-decoration: none;
	font-size: 60%;
		color: #fb0000;
		font-family: palatino;
	vertical-align: text-top;
	line-height: 1em;
}

/* @end */



/* @group body time styles */

span.time, span.time a{
	color: #000000;
}

div.header h1:after  {
	font: 11px "Cutive Mono",Courier New", Courier, mono;
	color: #577982;
	padding-left: 10px;
	letter-spacing: 2px;
	vertical-align:middle ;
}

body div.header h1:after {
}

body.day {

}
body.day div.header h1:after {
}
body.day H1 A {
}


body.week {

}
body.week div.header h1:after {
}
body.week H1 A{
}

body.moon {

}

body.moon div.header h1:after {
}
body.moon H1 A{
}
 
body.manymoons {
	
}
body.manymoons div.header h1:after {
}
body.manymoons H1 A{
}
body.year {			
		
}
body.year div.header h1:after {
}
body.year H1 A{
}

body.antique {

}
body.antique div.header h1:after {
}
body.antique H1 A{
}

body.ancient {

}
body.ancient H1 A{
}
body.ancient div.header h1:after {
}
body.ancient .footer a{
}
body.ancient .footer .time {

}
body.artifact {

}
body.artifact div.header h1:after {
}
/* @end */



/* @group forms and lists */
form#source{
}
textarea {
	background-color: #f9fdca;
	color: #4c361a;
	font-family: "Cutive Mono",Courier, mono;
font-size:16px;
		width: 100%;
}  

input { 
	color: #000;
	background-color: #eee;
	border: 0;
	height: 18px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;

} 

.submit input {
	color: #ff0000;
}

ol{
display: block;
}
ul{
display: block;
list-style-type: square;
}


ol li { 
	text-align:left;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 0 0 1.3em;	
}

ol li li {
	list-style-type: lower-greek ;
	list-style-position: outside;
	margin: 0 0 0 1.3em;
}

ol li li li {
	list-style-type: lower-roman;
	list-style-position: outside;
	margin: 0 0 0 1.3em;
}

ol li li li li {
	list-style-type: lower-latin;
	list-style-position: outside;
	margin: 0 0 0 1.3em;	
}

ol li li li li li {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0 0 0 1.3em;	
}


 
tt, pre, dd, dt {
	font-size: .8em;
	font-family: "Cutive Mono", courier;
	text-align:left;
	word-wrap:break-word;

}

dt {
	font-weight: bold;
	text-align:left;
	margin-left: 20px
}

dd {
	margin-bottom: 1ex;
	text-align:left;
}

/* @end */


/* @group crumbs */

.crumbs {
	font: 13px "Cutive Mono","Courier New", Courier, mono;
	line-height: 13px;
	text-transform: uppercase;
	display: block;
	text-align: center;
}

.crumbs a {

	
}

.crumbs a:after {
	content:" /"
	}

/* @end */




/* @group div rc */

div.rc {
}

div.rc hr {

}


div.clusterlist {

}

div.clusterlist ul {
	list-style: none;
}

div.clusterlist li {
	font-size:.5em;
	display: block;
	width: 32%;
	float: left;
}

div.clusterlist li > a:hover {
	color: #eeeeee;
}

div.old {
	background-color: #f2f2f2
}

div.new {
	background-color: #CFFFCF
}

form.filter {
	display: none;
}

/* @end */

/* @group sidebar */
#sideinput{
background-color: #c3c3c3;
}
.sidebar {
position: absolute;
width: 150px;
top: 0;
left:  auto;
right: 20px;
}
 
.sidebar ul, .sidebar li, .sidebar ul ul li:first-child {

}

.sidebar li, .sidebar ul ul li:first-child {

}

 .sidebar ul li:first-child {

}

.sidebar li:hover {
}

.sidebar ul{

}

.sidebar ul ul {

}


.sidebar a.near:before {
}

.sidebar a {

}


/* @end */

/* @group trail */

span.trail {
}
span.trail a.local:after {
content: ",";
}
span.trail a:hover {
}


/* @end */

/* @group tables */

td {
	vertical-align: top;
	border-collapse: collapse;
	border: 1px dotted #706a4a;
	font-family: "Cutive Mono", Courier, mono;
	font-size: 12px;
	padding: 2px 4px;
}

table.long {
	vertical-align: top;
	border-collapse: collapse;
}

table.long td, table.long th {
	border-style: solid;
	border-width: thin;
	padding: 5px;
	padding: 5px;
	border-collapse: collapse;
}

table.long td.r, table.long th.r {
	text-align: right;
	align: right;
	vertical-align: top;
}

table.long td.l, table.long th.l {
	text-align: left;
	align: left;
	vertical-align: top;
}

table.long td.c, table.long th.c {
	text-align: center;
	align: center;
	vertical-align: top;
}

table.long td.j, table.long th.j {
	text-align: justify;
	vertical-align: top;
}

table.long td.mark, table.long th.mark {
	background-color: olive;
}

table {
	border-collapse: collapse;
	width: 100%;
	border-style: dotted;
	border-width: 1px;
}

table.user.long.non td:hover, table.user.long.non td, table.user.long.non, table.user.long.non tr{
background-color: transparent;
	border-width: 0; }
	
table.user.long.booknav{
	border: 0;
	width: 100%;
	
}
table.user.long.booknav td{
	width: 50%;
	border: 0;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
table.user.long.booknav td a{
	color: maroon;
}

/* @end */


/* @group H's */

hr {
	border: 0;
	margin: 0px;
	height: 1px;
        clear:both;
}

h2, h3, h4, h5, h6 {

}



h1 { 
margin:15px 0 0 20px;
padding:0;
font-size: 50px;
letter-spacing:-2px;
line-height: 55px;
	font-family: interstate-condensed, sans-serif;
	color: #0000ff;
font-weight: lighter;
overflow-wrap: break-word;
text-decoration:none;
}

h1 A{ 
margin:5px 0 0 20px;
padding:0;
font-size: 50px;
letter-spacing:-2px;
line-height: 55px;
font-weight: lighter;
	font-family: interstate-condensed, sans-serif;
	color: #000ff;
overflow-wrap: break-word;
text-decoration:none;
}

h2 {
	font-weight: normal;
	text-align: center;
	padding: 1em 0 0 0;
	display: block;
	width: 100%;
}

h3 {

}

h4 {

}

/* @end */

/* @group thumbnails */

div.thumb {
	margin: 10px width:auto;
}

div.thumb div {
	border: 1px solid rgba(71,1,1,0.81);
	background-color: rgba(0,0,0,0.69);
	color: #feb79c;
	padding: 8px;
	font-size: 10px;
	font-family: "Century Schoolbook", "Bookman Old Style", "Georgia", "Times New Roman", serif;
	line-height: 12px;
	overflow: hidden;
	display: -moz-inline-stack;
        display: inline-block!important;
        vertical-align: top;
max-width:100%;
}

div.thumb div * {
	border: none;
	background: none;
max-width:100%;
}

div.thumb img {
	border: 0 margin-bottom:3px;
	background: #ff787c;
max-width:100%;
}

div.thumbcaption, div.thumbcaption * {
	border: none !important;
	background: none !important;
max-width:100%;
}

div.thumbcaption {
	padding: 0.2em 0 0.2em 0 !important;
	text-align: left !important;
max-width:100%;
}

div.tright {
	float: right;
	margin: 0 0 10px 10px;
max-width:100%;
}

div.tleft {
	float: left;
	margin: 0 25px 10px 0;
max-width:100%;
}

div.floatright {
	float:right;
	margin-left:20px;
left: 120px;
max-width:100%;
}

div.floatright p {
	font-style: italic;
}

div.floatleft {
	float: left;
	margin: 0.3em 0.5em 0.5em 0;
max-width:100%;
}

div.floatleft p {
	font-style: italic;
}

/* @end */

/* @group calendar formatting */

div.cal {
	float: left;
	margin: 0px 1em 1em 0;
	padding: .5em;
	line-height: 110%;
}
div.cal.month pre{
	
}
div.cal pre {

	margin: 0;
	padding: 0;
	font: .7em "Cutive Mono",courier;
	text-transform: uppercase;
}

div.cal a.local {
	color: #2b1c25;
	text-decoration: none;
	font-weight: bold;
}

div.cal a.today {
}

/* @end */

/* @group journal (Diary) formatting */

div.journal hr {
	border: 0;
	margin: 0px;
	color: #f2f2f2;
	height: 1px;
	clear: both;
}

div.journal H1{
	position: relative;
	left: 0;
	top: 0;
}
div.journal H1 a.local{
	display: block;
	padding: 4px 80px;
font: 14px "Cutive Mono",courier;
letter-spacing: 0px;
list-style-type: none;


	}
div.journal .comment {
	font: 11px "Cutive Mono",Courier, mono;
}
.diaryform{ 
padding: 0;
margin: 0;
font-size: .7em;
}

/* @end */

/* @group index formatting */

div.letter{
	color: #ff0000;
}

div.letter br {
	display: none;
}

div.letter h2 {
	padding: 0 0 0 0;
	margin: 20px 0;
	border-bottom: solid 1px;
	text-align:center;
	color:#000000; 
}

div.letter > a, div.search.list li {
	width: 33%;  
	float: left; 
	

}

 div.search.list {
	margin: 1em 0 1em 0px; 
	padding:1em 0 2em 0;
	font-size: 12px;
	clear: both;
	background-color: rgba(20, 0, 0, 0.14);
	border-style: double;
	font-family: "Cutive Mono",courier;
	display: inline-block;
	width: 100%; 
}
/* @end */

/* @group toc formatting */

div.toc {
	padding: 10px 0px 20px 0px; 
	background-color: rgba(255, 255, 0, 0.5);
	width: 33%;
float:right;
}

div.toc a {

}

div.toc h2 {
margin: 0;
padding: 20px 0 20px 0
}

div.toc ol{
list-style-type: upper-latin;
list-style-position: inside;
margin:0;
padding:0
}

div.toc li { 
	list-style-position: inside;
	list-style-type: upper-roman;
	margin:0 20px 10px 50px;
}

div.toc li li {
	list-style-type: upper-latin;
	list-style-position: inside;
}

div.toc li li li {
	list-style-type: decimal;
	list-style-position: inside;
	display:inline	
}

div.toc li li li li {
	list-style-type: lower-latin;
	list-style-position: inside;
text-align:center;
}

/* @end */

/* @group rss formatitng */

div.rss {
}

div.rss li {
	line-height: 14px;
}

div.rss .description {
	font-weight: normal;
}

/* @end */


/* @group special styling */



.specialdays {
	position: relative;
	text-align: right;
right:25px;
top: 25px;
	display: block;

}

.smiley {
	border: 0;
	margin: 0 3px -5px 3px;
	display: inline;
}

div.archive {
	position:absolute;
	left: 87%;
	top: 0;
	line-height: 27px;
	font-size: 9px;
	border-left: 1px solid #f00;
border-bottom: 1px solid #f00;
	color: #281D21;
       padding-left:5px;
}

div.archive a{
	display: block;
	color: #f00;

}


div.archive a:hover {
  color:#abdde8;
}

.journal IMG {
	max-width:60%;
	margin: auto;
	display: block;
}
/* @end */

/* @group tables */

table.user.long.now {
	width: 900px;
	border: 0;
	position: relative;
	left: -100px;
}
table.user.long.now TD:hover, table.user.long.now TR:hover {
	background-color: transparent;
}

table.user.long.now TD{
	border: 0;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

table.user.long.now TD.jour{
	border-left: 0;
	padding-right: 30px;
	padding-left: 15px;

}

table.user.long.now span.crumbs{
	display: none;
}

table.user.long.now TD.lj{
	padding-right: 15px;
		padding-left: 15px;
	border-left: 1px solid white;
	min-width:340px;
	max-width:340px;
	font-size: 11px;
	line-height: 14px;
}


table.user.long.now TD.tumb{
	padding-left: 15px;
	border-left: 1px solid white;
	font-size: 9px;
	line-height: 11px;
}

/* @end */



@media print {

.header, .footer, .NavBar, .crumbs, .mirror, .footnotes, a.footnote, .toc, input, select{
	display: none;
}

}

@media screen {
content {font-size:1em;}
}