Test Blog Style Entwurf
10.09.2014 um 04:07
<body style="background-color:black!important;">
<iframe src="http://de.wikipedia.org/wiki/Spiegel" overflow=hidden frameborder=0 marginheight="0" marginwidth="0" width="100%" height="102%" min-height:"102%" scrolling="hidden"></iframe>
<style>
#show {position: absolute; align:center; top: -30px; left: 0px; right: -200px; bottom: -0px; visibility: visible;background-color:#transparent; height:800px; min-height: 800px; overflow:hidden!important; display: block;
width: 60%;
border: none;
overflow-y: hidden;
overflow-x: hidden;
}
#table {position: absolute; align:center; top: 30px; left: -30px; right: -30px; bottom: -0px; visibility: visible;background-color:#transparent; height:800px; min-height: 800px; overflow:hidden!important; display: block;
width: 80%;
border: none;
overflow-y: hidden;
overflow-x: hidden;
}
div.tabnav, div.userfunction, div.head_links, div.profile_links, div.profile_info, div.user_view, h2, div.footer, div.infoleiste {display:none!important;}
.main {margin-top: 0px; visibility: hidden;}
.blog-entry {visibility:hidden;}
div#blog-entries {visibility:hidden;}
em {display:none;}
div.h1, a.voteup, .header {display:none;}
div, threads, td, tr, tbody {background-color:transparent;}
.blog-entry, .blog-entries {background-color:#transparent;border:none;color:#999209;font-family:none;font-size:25px;color:#999209;text-align:justify;}
body {
position:fixed;
margin left:0%;
padding-top:0px;
background-color:#000000;
color:#666666;
font-size:25px;
font-family:none;Calibri,Verdana,Arial,sans-serif;
text-align:justify;
text-decoration:none;
background-image:url()!important; background-size:100% 100%;
background-color:#000000;
background-size:100% 100%;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;
margin:0px;
width:100%;
height:100%;
font-size: 25px;
}
h1 {font-size: 25px;}
html
{
overflow: hidden!important;
}
iframe
{
display: block;
width: 100%;
border: none;
overflow-y: hidden;
overflow-x: hidden;
}
#show1 {position:absolute; top: -10px; left: 0%; right: -0%; visibility; visible; background-color:#transparent;}
small a {position: fixed; visibility:visible!important;display:block;}
</style>
<style>
img:hover {
border-color: transparent !important;
transform:scale(1.9) !important;
-ms-transform:scale(1.9) !important;
-moz-transform:scale(1.9) !important;
-webkit-transform:scale(1.9) !important;
-o-transform:scale(1.9) !important;
transition: all 1s ease !important;
-webkit-transition: all 1s ease !important;
-moz-transition: all 1s ease !important;
-o-transition: all 1s ease !important;
-ms-transition: all 1s ease !important;
}
H1 {
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 0.2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-moz-animation-name: bounce;
-moz-animation-duration: 0.2s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
}
@-webkit-keyframes bounce {
0% { opacity: 1; -webkit-transform: scale(0.98); }
100% { opacity: 1; -webkit-transform: scale(1.0); }
}
@-moz-keyframes bounce {
0% { opacity: 1; -moz-transform: scale(0.98); }
100% { opacity: 1; -moz-transform: scale(1.0); }
}
@keyframes bounce {
0% { opacity: 1; transform: scale(0.98); }
100% { opacity: 1; transform: scale(1.0); }
}
body {
position:relative;
left: 0%;
-moz-transform: scaleY(1) scaleX(-1);
-webkit-transform: scaleY(1) scaleX(-1);
-o-transform: scaleY(1) scaleX(-1);
-ms-transform: scaleY(1) scaleX(-1);
transform: scaleY(1) scaleX(-1);
clear: both;
height: 100%;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 100%;
}
#show:hover {
-moz-transition: all 2s ease;
-moz-transform: rotate(0deg) scaleY(1) scaleX(-1) scaleZ(1) skew(0deg) translate(15px);
-webkit-transition: all 2s ease-in-out;
-webkit-transform: rotate(0deg) scaleY(1) scaleX(-1) scaleZ(1) skew(0deg) translate(15px);
-o-transition: all 2s ease-in-out;
-o-transform: scale(1, -1) rotate(0deg) skew(0deg) translate(15px);
-ms-transition: all 2s ease-in-out;
-ms-transform: scale(1, -1) rotate(0deg) skew(0deg) translate(15px);
transition: all 2s ease-in-out;
transform: rotate(0deg) scaleY(1) scaleX(-1) scaleZ(1) skew(0deg) translate(15px);
}
</style>
<iframe width="0" height="0" src="http://spiegelschriften.wordpress.com/2014/03/07/geister-im-spiegel-beschworen/" frameborder="0"></iframe>