Beruflich Dokumente
Kultur Dokumente
DOCTYPE html>
<head><title>{Title}</title>
<!-----------
THEME 05 by clumhood
:> ------------>
<!--------default variables-------->
<!------------------------TOOLTIPS SCRIPT--------------------->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
});
});
})(jQuery);
</script>
<!-------------------------------------------------------------------->
<style type="text/css">
/*----------tooltips---------*/
#s-m-t-tooltip {
max-width:300px;
margin:15px;
padding:5px;
border-radius:0px;
background:#ffffff;
color:{color:text};
z-index:999999;
font-size:7px;
font-style:none;
font-weight:lighter;
letter-spacing:2px;
font-family:helvetica;
text-transform:uppercase;
box-shadow:1px 1px 3px rgba(0,0,0,.0);
/*----------scrollbar---------*/
::-webkit-scrollbar {
height:8px;
width:5px
::-webkit-scrollbar-thumb:vertical {
background-color:{color:scrollbar};
height:50px
::-webkit-scrollbar-thumb:horizontal {
background-color:{color:scrollbar bg};
height:8px!important
/*----------basics---------*/
body {
font-family:calibri;
line-height:15px;
font-size:10px;
margin:0;
text-align:left;
letter-spacing:1px;
blockquote {
padding-left:10px;
border-left:1px solid;
border-color:#eeeeee;
margin:10px;
letter-spacing:1px;
padding:10px;
a{
color:{color:links};
text-decoration:none;
a:hover {
text-decoration:none;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
small {
font-size:10px;
big {
font-size:13px;
img {
opacity:1;
text-decoration:none;
h1 {
font-size:20px;
font-weight:bold;
font-style:italic;
/*----------posts---------*/
.container {
left:50%;
width:800px;
position:absolute;
.posts {
{block:IndexPage}
margin-bottom:80px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:40px;
{/block:PermalinkPage}
width:500px;
.entries {
margin-left:-60px;
margin-top:50px;
margin-bottom:50px;
width:500px;
max-width: 100%;
}
.posts li {
list-style: square;
blockquote img {
max-width:320px!important;
/*----------post info---------*/
.info {
padding-top:15px;
text-transform:uppercase;
font-size:8px;
letter-spacing:1px;
margin-top:15px;
.tags {
margin-top:5px;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:bold;
.tags a {
margin-right:8px;
/*----------post notes---------*/
ol.notes {
padding:0px;
list-style-type:none;
ol.notes li.note {
padding:10px;
vertical-align:-4px;
margin-right:10px;
width:16px;
height:16px;
}
ol.notes li.note span.action {
font-weight:none;
font-weight:normal;
padding:4px 10px;
text-decoration:none;
/*----------sidebar---------*/
.sidebar {
position:fixed;
width:300px;
margin-left:-400px;
top:250px;
.sidebarimage {
width:64px;
margin-left:-50px;
.sidebarimage img {
width:64px;
margin-bottom:10px;
.description {
width:150px;
text-align:justify;
margin-top:-75px;
margin-left:30px;
margin-bottom:20px;
.sidetitle {
margin-top:5px;
margin-bottom:10px;
font-size:14px;
font-family:cambria;
text-transform:lowercase;
color:{color:title};
letter-spacing:2px;
font-weight:bold;
font-style:italic;
width:150px;
text-align:center;
margin-left:10px;
.links {
width:250px;
.links a {
padding:5px;
text-align:center;
text-transform:uppercase;
font-family:calibri;
font-weight:bold;
font-size:8px;
letter-spacing:1px;
.links a:hover {
background:{color:sidelinks bg hover};
transition: 2s;
color:{color:sidelinks hover};
}
.pagination {
width:150px;
margin-top:20px;
text-align:center;
margin-left:10px;
padding-top:15px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
/*----------quotes---------*/
.quote {
font-size:12px;
font-weight:bold;
text-align:center;
letter-spacing:1px;
.quotesource {
text-align:center;
margin-top:10px;
letter-spacing:1px;
/*----------chat---------*/
.chat {
line-height:20px;
list-style:none;
.line.odd {
background:#fafafa;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
.line.even {
background:#ffffff;
margin-bottom:2px;
padding:5px;
list-style:none;
font-size:10px;
}
.label {
padding-right:1px;
text-transform:uppercase;
font-weight:bold;
color:{color:links};
/*----------questions---------*/
.question {
background:#fafafa;
padding:10px;
.asker {
text-transform:uppercase;
.answer {
padding:10px;
margin-top:-15px;
/*----------audio---------*/
.playerbutton {
position:absolute;
width:30px;
height:35px;
overflow:hidden;
margin-top:-53px;
margin-left:16px;
.playerbuttonhug {
position: absolute;
top:-7px;
left:2px;
.tumblr_audio_player {
height:50px;
width:500px;
.playerbuttonbg {
position:absolute;
width:64px;
height:64px;
padding:10px;
}
.trackdetails {
width:auto;
display:inline-block;
margin-left:80px;
font-size:10px;
letter-spacing:1px;
text-transform:lowercase;
padding:15px;
line-height:15px;
.audiowrapper {
position:relative;
display:inline-block;
/*----------credit---------*/
.credit {
font-size:8px;
position:fixed;
font-weight:bold;
bottom:5px;
right:15px;
z-index:10;
text-align:right;
letter-spacing:1px;
padding:2px;
.credit a {
color:{color:links};
text-decoration:none;
.credit a:hover {
color:{color:links hover};
text-decoration:none;
</style>
</head>
<body>
<div class="container">
<div class="credit">
<div class="sidebar">
<div class="sidebarimage">
</a>
</div>
{/block:IfShowSidebarImage}
<div class="description">{Description}</div>
<div class="sidetitle">{Title}</div>
<div class="links">
<a href="/">home</a>
<a href="/ask">inbox</a>
</div>
<div class="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">back</a>{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">forth</a>
{/block:NextPage}
{/block:Pagination}
</div>
</div>
<div class="entries">
{block:Posts}
<div class="posts">
{block:Text}
<h1>{block:Title}{Title}{/block:Title}</h1>
{Body}{/block:Text}
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
{block:Photoset}
{Photoset-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="quote">"{Quote}"</div>
{/block:Source}{/block:Quote}
{block:Link}
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}">
{block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
{/block:Chat}
{block:Audio}
{block:AudioPlayer}
<div class="audiowrapper">
<div class="playerbuttonbg">
{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}
<div class="playerbutton">
<div class="playerbuttonhug">
{AudioPlayerWhite}
</div></div></div>
<div class="trackdetails">
{block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
{block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
<b>PLAYS:</b> {FormattedPlayCount}</div></div>
{/block:AudioPlayer}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Audio}
{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
{block:Answer}
<div class="question">
{Question}</div><br>
<div class="answer">
{Answer}</div>
{/block:Answer}
{block:Date}
<div class="info">
<a href="{Permalink}" title="AT {12Hour}:{Minutes}{CapitalAmPm}" style="background-
color:{color:date background};padding:2px 5px 3px 5px; font-
weight:bold;">{DayOfMonthWithZero} {ShortMonth} {Year}</a>
{/block:Date}
<a href="{Permalink}">{NoteCountWithLabel}</a>
<font style="float:right">
{block:RebloggedFrom}
{block:ContentSource}
{/block:ContentSource}
{/block:RebloggedFrom}
</div>
</font>
{block:HasTags}
<div class="tags">
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
</div>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Posts}
{block:ContentSource}
<!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
</body>
</div></div></div></div></div></div></div></div></div></div></div>
</html>