Blog Style
06.03.2017 um 09:34
<head>
<title>Im Karussell der Ewigkeit</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="spiegelschriften, spiegelgeschichten, die geschichte der spiegel und spiegelgeister, der geister des nichts aus nirgendwann, die geschichte des nichts aus nirgendwann, [zum karussell der ewigkeit], [im karussell der ewigkeit], [im spiegel schwarzen labyrinth]">
<meta name="description" content="Die Geschichte der Spiegel und Spiegelgeister, der Geister des Nichts aus Nirgendwann.">
<link rel="shortcut icon" type="image/x-icon" href="http://mirrorland.ml/favicon.png?s=32x32" sizes="32x32" />
<style>
div#gb_post_form, div#mirrorform {
position:fixed;
z-index:40001;
background:#000;
top:0;
left:0;
right:0;
bottom:0;
padding:80px;
}
.gb_post_form, .mirrorform {
resize:none;
background:#000;
width:100%;
height:100%;
border:0;
padding:20;
color:grey;
font-size:25px;
font-weight:bold;
font-family:none;
text-align:justify;
}
:active, :focus {
outline:0!important;
outline:none!important;
border:0!important;
-moz-outline-style:none!important;
}
</style>
[url=#labyrinth]<textarea class="mirrorform">
</textarea>[/url]
<style>
body {
background:#000!important;
overflow:hidden;
color:#888888;
font-size:18px;
font-family:none;
text-align:justify;
}
div#mirrorgate {
background:#000!important;
position:fixed;
z-index:40001;
top:0;
left:0;
right:0;
bottom:0;
padding:10px;
overflow-x:hidden;
overflow-y:auto;
color:inherit;
}
div.mirrorgate {
background:#000;
display: table;
height: 80vh;
width: 40vw;
margin: 10vh 30vw;
font-weight:bold;
font-family:none;
text-align:justify;
img-align:center!important;
}
.mirrorghost .bild {
max-width: none;
}
div.mirrorghost {
display: none;
}
div.mirrorghost:target {
display: block;
overflow-x: hidden;
overflow-y: auto;
background-color: #000;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 40001;
}
div#mirror {
background:#000!important;
position:fixed;
z-index:40001;
top:0;
left:0;
right:0;
bottom:0;
padding:0px;
overflow-x:hidden;
overflow-y:auto;
}
.mirror {
background:#000;
display: table;
height: 90vh;
width: 70vw;
margin: 5vh 15vw;
font-weight:bold;
font-family:none;
text-align:justify;
img-align:center!important;
}
img, .img, div.img, @img {
align:center!important;
}
div#mirrorlabyrinth {
position:fixed;
z-index:40001;
background:#000;
top:0;
left:0;
right:0;
bottom:0;
overflow-x:static;
overflow-y:static;
color:777777;
}
div.mirrorlabyrinth {
position:relative;
display:table;
height: 80vh;
width: 70vw;
margin: 10vh 15vw;
}
div#mirrorbook {
background:#000!important;
position:fixed;
z-index:40001;
top:0;
left:0;
right:0;
bottom:0;
padding:10px;
overflow-x:hidden;
overflow-y:auto;
color:inherit;
}
div.mirrorbook {
background:#000;
display: table;
height: 80vh;
width: 40vw;
margin: 20vh 30vw;
font-weight:bold;
font-family:none;
text-align:justify;
img-align:center!important;
}
#mirror5 {
position:fixed;
z-index:40001;
background:#000;
top:0;
left:0;
right:0;
bottom:0;
padding:100px;
}
.mirror5 {
resize:none;
background:#000;
width:100%;
height:100%;
border:0;
padding:0;
color:grey;
font-size:2.5em;
font-weight:bold;
font-family:none;
text-align:justify;
}
div.mirrorframe {
display: table-cell;
vertical-align: middle;
padding: 0;
margin: 0;
transform: rotateY(180deg);
}
.mirrorframe {
width: 100%;
height: 100%;
border: 0;
}
div.mirrorframe:hover {
transition: all 1s ease-in-out;
transform: rotateY(0deg);
}
div.fullmirrorframe {
vertical-align:middle;
top: 0;
padding:0;
margin:0;
transform: rotateY(180deg);
}
div.fullmirrorframe:hover {
transition: all 1s ease-in-out;
transform: rotateY(0deg);
}
div.tr {
clear: both;
}
div.td {
position: relative;
float: left;
min-height: 75px;
margin: 5px;
padding: 10px;
width: calc(100% - 30px);
text-align: center;
color:inherit;
font-size: 18px;
font-weight: 700;
}
div.td3 {
width: calc(33.33% - 30px);
}
div.tf15 {
font-size:24px;
}
div.tri {
text-align:right;
}
div.tle {
text-align:left;
}
div.tju {
text-align: justify;
}
a {
color:#555!important;
text-align:justify!important;
text-decoration:none;
}
a:hover {
color:#999!important;
transition: all 0.9s ease !important;
-webkit-transition: all 0.9s ease !important;
-moz-transition: all 0.9s ease !important;
-o-transition: all 0.9s ease !important;
-ms-transition: all 0.9s ease !important;
}
h3 {
font-size:3em!important;
font-weight:bold;
text-align:left;
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-moz-animation-name: bounce;
-moz-animation-duration: 0.6s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
}
@-webkit-keyframes bounce {
0% { opacity: 1; -webkit-transform: scale(0.998); }
100% { opacity: 1; -webkit-transform: scale(1.0); }
}
@-moz-keyframes bounce {
0% { opacity: 1; -moz-transform: scale(0.998); }
100% { opacity: 1; -moz-transform: scale(1.0); }
}
@keyframes bounce {
0% { opacity: 1; transform: scale(0.998); }
100% { opacity: 1; transform: scale(1.0); }
}
h4 {
font-size:2em;
font-weight:bold;
text-align:left;
}
h5 {
font-size:2em;
font-weight:bold;
text-align:center;
}
div.grey1 {
color:#777777;
}
div.grey {
color:#888888;
}
div.lightgrey {
color:#999999;
}
div.darkgrey {
color:#666666;
}
div.blue {
color:#1737c4;
}
div.gold {
color:#f1c232!important;
}
div.rot {
font color:#ff0033;
}
div.red {
color:#da0b0e;
}
div.white {
color:#ffffff;
}
div.pink {
color:#E01B5D;
}
div.violett {
color:#881f53!important;
}
div.deepred {
color:#cc0000;
}
div.golden {
color:#ffcc00;
}
div.sparkingblue {
color:#1155cc;
}
div.greenish {
color:#23c8c4;
}
div.darklingblue {
color:#290ba1;
}
div.deepblue {
color:#1155cc;
}
</style>
melden