Beruflich Dokumente
Kultur Dokumente
url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !
important;}</style>
<HTML><head>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-
combined.no-icons.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"
rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Miniver|Give+You+Glory|
Bad+Script|Cookie' rel='stylesheet' type='text/css'>
<script language=JavaScript>
<!--
<link href="http://static.tumblr.com/1f1tzta/Drsme9t4s/preview.css"
rel="stylesheet" type="text/css" />
<style type="text/css">
.popup_block{
display: none;
background: #D3D3D3;
background-image: url(http://i.imgur.com/sa1tvrv.png);
padding: 10px;
font-family: "short stack";
float: left;
color:#fff;
font-size: 10px;
position: fixed;
top: 50%; left: 50%;
z-index: 20000000;
border: 4px solid #fff;
-moz-box-shadow: 9px 9px 9px #eee;
-webkit-box-shadow: 0 0 15px #eee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin-top:30px;
margin-right:-10px;
width:20px;
opacity:100;
}
.icon-remove {
float right;
margin-top:-2px;
margin-right:-10px;
}
.title{
font-family:"rochester";
font-size:20px;
color: #ccc;
overflow-x: hidden;
overflow-y: scroll;
ul
{
list-style-image:url('http://media.tumblr.com/tumblr_m5astfpkcS1qid2nw.gif');
}
.entry {padding: 10px; width: 550px;
margin-bottom: 15px ;padding-bottom: 25px;
background: url(http://static.tumblr.com/fftf9xi/13tlrl8wq/border-link.png) bottom
right repeat-x;}
#sd{ background-color:#FFFFFF; position:relative; width:200px; height:297px;
padding:10px 10px 5px 10px; -webkit-box-shadow: 0px 8px 6px -5px #c3c3c3;
-moz-box-shadow: 0px 8px 6px -5px #c3c3c3; box-shadow: 0px 8px 6px -5px #c3c3c3;}
u {border-bottom: 1px dotted #87BDB1; text-decoration: none;}
#s-m-t-tooltip{
width:auto;
z-index:10;
margin:15px 10px 3px 10px;
padding:3px;
background-color:#fff;
font-family:'helvetica';
letter-spacing:2px;
font-size:7px;
line-height:7px;
color:#ccc;
text-transform:uppercase;
border:1px solid #ddd;
z-index:999999999;
}
#content {
position:relative;
margin:0 auto;
width: 600px;
height:610px;
left:0%;
top:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:auto;
background:transparent;
}
#top {
width:100%;
left:0;
top:0px;
position:fixed;
z-index:999999;
.sidebar {
position: fixed;
bottom: 300px;
left: 170px;
width: 180px;
text-align: justify;
background: transparent;
}
.icon-plus {
color:#ddd;
font-size:12px;
}
.icon-plus:hover {
color:#ccc; }
.icon-facebook {
color:#ddd;
font-size:12px;}
.icon-facebook:hover {
color:#ccc; }
.icon-tumblr {
color:#ddd;
font-size:12px; }
.icon-tumblr:hover {
color:#ccc; }
.icon-circle-arrow-right {
color:#eee; }
.icon-circle-arrow-left {
color:#eee; }
.icon-circle-arrow-left:hover {
text-shadow: 1px 1px 1px #bbb; }
.icon-circle-arrow-right:hover {
img {
filter: alpha(opacity="70");
opacity: 0.7;
-webkit-transition:3s;
}
img:hover {
filter:alpha(opacity="100");
opacity: 1;
-webkit-transition:1s;
}
.box {
display:block;
border:1px solid #eee;
background-color:#fff;
position:absolute;
width:110px;;
height:auto;
-webkit-border-radius:5px;
border-radius:5px;
color:#fff;
padding:2px;
}
.box:hover{
color:#fff;
background-image:url('http://i.imgur.com/73wKwjZ.png');
}
a.box:hover {
filter: alpha (opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
-webkit-transition-duration: .50s;
border-bottom:none;
cursor:
url(http://i1042.photobucket.com/albums/b429/emoko_photos/tumblr_loq2q1sxaX1qfoi4t.
png), progress;
color:#fff;
}
/* description */
#desc {
margin-left: 7px;
margin-top: 5px;
z-index: 9999;
position:absolute;
background-color: #fff;
padding:2px;
opacity:0;
color: #aaaaaa;
font-size:8px;
width: 100px;
height: 90px;
overflow: hidden;
text-align: center;
text-transform:uppercase;
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
.sidebar:hover #desc {
opacity: 0.8;
margin-top: 15px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
/* icon */
#pic {
width:100px;
height:100px;
background-image:url('http://static.tumblr.com/iuggpng/wbimagjbu/wooden.png');
padding:10px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px 100px 100px 10px;
-webkit-box-shadow: 0px 1px 21px rgba(50, 50, 50, 0.12);
-moz-box-shadow: 0px 1px 21px rgba(50, 50, 50, 0.12);
box-shadow: 0px 1px 21px rgba(50, 50, 50, 0.12);
}
/* nav icons */
.linkpix1 {
-webkit-transform: translate(-5px, 19px) rotate(-40deg);
background-image:url('http://i.imgur.com/73wKwjZ.png');
position:absolute;
width:auto;
height:auto;
.linkpix2 {
-webkit-transform: translate(-3px, 3px) rotate(-10deg);
background-image:url('http://i.imgur.com/73wKwjZ.png');
position:absolute;
width:auto;
height:auto;
background-image:url('http://i.imgur.com/73wKwjZ.png');
position:absolute;
width:auto;
height:auto;
background-image:url('http://i.imgur.com/73wKwjZ.png');
position:absolute;
width:auto;
height:auto;
.linkpix img {
opacity: 0.4;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.linkpix1:hover {
background-color: #fff;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:3px solid #ccc;
}
.linkpix2:hover {
background-color: #fff;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:3px solid #ccc;
}
.linkpix3:hover {
background-color: #fff;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:3px solid #ccc;
}
.linkpix4:hover {
background-color: #fff;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
border:3px solid #ccc;
}
.linkpix:hover img {
opacity: 0.8;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#pix1 {
margin-left:0px;
margin-top:-35px;
}
#pix2 {
margin-left:31px;
margin-top:-35px;
}
#pix3 {
margin-left:62px;
margin-top:-35px;
}
#pix4{
margin-left: 93px;
margin-top: -35px;
}
#cbox123 {
z-index: 9999;
position: fixed;
bottom: -180px;
left: 20px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#cbox123:hover {
bottom: 0px;
}
.cboxtitle {
text-align: center;
font-size: 18px;
font-family: nara;
letter-spacing: 2px;
color: #d6cdc1;
width: 120px;
background-color: #fff;
padding: 3px 5px 5px 5px;
border: 2px solid #ddd;
border-top-right-radius: 10px;
text-transform:lowercase;
}
::-webkit-scrollbar {width:10px;background-color:transparent;}
#banner {
width:100%;
height:18px;
left:0;
top:0;
background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
repeat:repeat-x;
opacity:0.7;
}
a.thingi{
word-spacing:10px;
color: #c0c0c0;
text-decoration:none;
font-family:"short stack";
font-size:13px;
background:url(http://media.tumblr.com/tumblr_m89lql8qIE1qdlkyg.gif);
background-repeat:no-repeat;background-size:15px ;padding-left:20px !
important;line-height:18px !important;}
.sd {width: 230px; padding: 8px; background-
image:url(http://i.imgur.com/B5Y2m.png); z-index: 100; text-align: justify; border-
radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -khtml-border-radius: 5px;}
display: block;
margin-bottom: 5px;
letter-spacing: 3px;
font: 17px/2px 'Patrick Hand SC';
text-shadow: 1px 0 .5px #fff, -0px 0 .5px #fff;
background: #f8eeee;
color: #ccc;
text-align:center;
margin-bottom:15px;
}
/* Top Nav */
.name {
margin-top:-8px;
font-family:"miniver";
font-size:20px;
color: #ccc;
background-image:
url('http://24.media.tumblr.com/1707f406739b70bc196fa8977a0b27b5/tumblr_mpfpvwJrGC1
r89lywo1_500.jpg');
opacity:.80;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
.fff {
text-align: center;
z-index: 3222;
position:relative;
margin-top:-8px;
font-family:"rochester";
font-size:27px;
color: #ccc;
background-image: url('http://i.imgur.com/lUY4CXm.jpg');
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style></head><body>
<div id="top"><br>
<center><div class="name"><div style="margin-bottom:-11px;margin-top:-
10px;"><img src='http://i.imgur.com/Oi0Pm6s.png' style="opacity:.70;">
<br><br><br><br>
<div id="content"><br>
<blogger><div class="entry">
<div class="h2"><$BlogItemTitle$></div>
<center><div class="ar"></div></center>
<center><div class="sd1">
<div
class="h4"><center><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> <im
g src='http://i.imgur.com/iGxniJa.gif' style="opacity: .70;"></center></div>
</div></center>
<br>
<$BlogItemBody$></div>
</blogger><br>
<span style="float:left;"><a class="pager" title="Newer posts"
href=<$NewerPosts$>><i class="icon-circle-arrow-left icon-3x"></i></a></span>
<span style="float:right;"><a class="pager" title="Older Posts"
href=<$OlderPosts$>><i class="icon-circle-arrow-right icon-3x"></i></a></span>
<br><center><span style="font-family: arial; font-size: x-
small;color:#ddd ;">Copyright ©.Layout by:<a href="http://evangelista-
grace.blogspot.com/" target="_blank">Evangelista</a></span><span style="font-
family: arial; font-size: x-small;color:#ddd ;">. All right reserved 2011-
infinity.</span><br><br></center><br>
</div>
</body></HTML>
<div class="sidebar">
<img src="http://3.bp.blogspot.com/-xUPQehL-
e7U/UKNeTnGKaXI/AAAAAAAABPU/j8PRHjmLQnQ/s1600/Untitled-1.jpg" style="opacity:.70"
id="pic"><img src="http://i.imgur.com/1ggyWh0.jpg" style="width:120px;"><br><div
class="box"><a href="http://www.blogger.com/follow-blog.g?blogID=
3707472290340783163" target="_blank"><i class="icon-plus
"> Follow</i></a></div><br><div class="box"><a href="http://tumblr.com/"><i
class="icon-tumblr"> Tumblr</i></a></div><br><div class="box"><a
href="https://www.facebook.com/"><i class="icon-
facebook"> Facebook</i></a></div>
</div>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js"
type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js"
type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('a:link');</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js"
type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js"
type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('.ttl');</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js"
type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js"
type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('');</script>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript
src="http://static.tumblr.com/1f1tzta/dX9m986fz/jquery-1.7.2.min.js"%3E%3C/script
%3E'))</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-
ui.min.js"></script>
<script>!window.jQuery.ui && document.write(unescape('%3Cscript
src="http://static.tumblr.com/1f1tzta/gacm986gu/jquery-ui-1.8.21.custom.min.js"%3E
%3C/script%3E'))</script>
<script
src="http://static.tumblr.com/1f1tzta/KtCm986fe/jquery.mousewheel.min.js"></script>
<script
src="http://static.tumblr.com/1f1tzta/QPIm986ex/jquery.mcustomscrollbar.min.js"></s
cript>
<script>
(function($){
$(window).load(function(){
$(".content").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
});
})(jQuery);
</script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#"
title="close" class="close"><i class="icon-remove"></i></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
- .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
</div></div></div></div></div></div></div></div></div></div>
<div id="04" class="popup_block"><div style="width:auto;height:150px;overflow:auto;
">
<Center><div class="title">Freebies for you</div></center>
<br>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
</div></div>
</div></div></div></div></div></div></div></div></div></div>
<div id="cbox123">
<div class="cboxtitle"><img
src="http://media.tumblr.com/033a69ce994349a250c8fd9a87347d57/tumblr_inline_mfnj5dq
LGY1qdlkyg.gif" style="width:17px;"><img
src="http://media.tumblr.com/e4e10358c8de11e2588dd47e697cc0c4/tumblr_inline_mfnj5aP
vIO1qdlkyg.gif" style="width:17px;"><img
src="http://media.tumblr.com/f2440b6fee8ac831f70b390a6ae53f56/tumblr_inline_mfnj71o
S7x1qdlkyg.gif" style="width:17px;"><img
src="http://media.tumblr.com/b88fa9a0747cb5bb99d038f81c646c6a/tumblr_inline_mfnj92b
YFh1qdlkyg.gif" style="width:17px;" ><img
src=http://media.tumblr.com/tumblr_m89tkfQpHZ1qdlkyg.gif></div>