Professional Documents
Culture Documents
Teme
Teme
<head>
<!--------------------------------------------
SCOTTISBAE's THEMES #181 (BASE CODE)
THEME BY: https://scottisbae.tumblr.com/
--------------------------------------------->
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta name="description" content="" />
<meta https-equiv="x-dns-prefetch-control" content="off"/>
<link href="https://fonts.googleapis.com/css?family=Hind:300,400,700"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i"
rel="stylesheet">
}); </script>
{/block:ifShowUnnestCaptions}
<!----- caption unnest ---->
}); </script>
<!----- pixel union photosets ---->
<style type="text/css">
::-webkit-scrollbar {
width:17px;
height:17px;
}
::-webkit-scrollbar {
background-color:{color:Background};
}
::-webkit-scrollbar-track {
border:8px solid {color:Background};
background-color:{color:Background};
}
::-webkit-scrollbar-thumb {
border:8px solid {color:Background};
background-color:#cbd0d4;
min-height:24px;
min-width:24px;
}
#s-m-t-tooltip {
max-width:300px;
margin-top:-30px;
margin-left:-25px;
font-size:8px;
font-family: {text:Body Font};
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
padding:3px;
color:color:{Text};
background-color:{color:Background};
z-index:999999;
}
{block:ifShowUnnestCaptions}
/* to style the reblogged urls */
.tumblr_blog {
vertical-align:bottom;
font-style: bold;
color:{color:Text}!important;
letter-spacing:1px;
font-size: 11px;
font-family: 'Changa', calibri;
text-transform:uppercase;
box-shadow: inset 0px -6px {color:Accent};
margin-bottom: -5px;
font-weight:750;
}
.tumblr_blog a:hover {
text-decoration:none;
color:{color:Link Hover};
}
/* to style the reblogged urls */
.cap {
margin-left:0px;
width:540px;
}
.cap blockquote {
width:540px;
margin-left:0px;
}
{/block:ifShowUnnestCaptions}
{block:ifNotShowUnnestCaptions}
/* to style the reblogged urls */
.tumblr_blog {
vertical-align:bottom;
font-style: none;
font-weight:bold;
color:{color:Bold}!important;
text-transform:uppercase;
letter-spacing:1px;
font-size: 10px;
font-family: 'Changa', calibri;
border-bottom:1px solid {color:Borders};
}
.tumblr_blog a:hover {
text-decoration:none;
color:{color:Link Hover};
}
/* to style the reblogged urls */
blockquote {
border-left:1px solid {color:Info Border};
padding-left:7px;
padding-top:px;
padding-bottom:px;
margin:5px;
margin-top:px;
margin-bottom:20px;
margin-left:px;
}
{/block:ifNotShowUnnestCaptions}
.like-b .liked + .b {
color:{color:Text};
}
h1 {
font-weight:normal;
font-size: {text:Body Font Size};
font-family: 9px;
text-align:left;
font-style:italic;
letter-spacing:0px;
text-transform:none;
color:{color:Bold};
}
h2 {
margin-bottom:10px;
font-size: 12px;
font-family: 'Changa', sans-serif;
font-style:none;
text-align:left;
font-weight:bold;
line-height:100%;
text-transform:uppercase;
color:{color:Bold};
margin: 0px;
}
hr {
width:50px;
margin-left:0px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: {color:Info Border};
}
pre {
font-size: 9px;
font-family: 'Heebo', sans-serif;
width:540px;
text-align: left;
word-break: break-all;
color:{color:Text};
}
/* the horizontal line after the ask url. you can use anywhere you want in the
html just add <shortborder1></shortborder1> */
shortborder2 {
width:10px;
height:1px;
margin-left:2px;
margin-right:2px;
background:{color:Info Border};
display:inline-block;
vertical-align:middle;
}
/* the horizontal line after the ask url. */
shadow {
box-shadow: inset 0px -8px {color:Accent};
margin-bottom: -5px;
}
body {
color: {color:Text};
background-color:{color:Background};
background-image:url('{image:background}');
background-repeat: repeat;
background-attachment: fixed;
background-position:center;
font-family:'Heebo', sans-serif;
font-size:11px;
}
b, strong {
color: {color:bold};
}
i, italic {
color: {color:italic};
}
a {
color: {color:Link};
text-decoration: none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
a:hover {
color: {color:Link Hover};
text-decoration: none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.title {
width:268px;
margin:0 0 10px 2px;
font-family:'Changa', calibri;
font-size:20px;
text-align:right;
font-style:italic;
text-transform:uppercase;
color: {color:Text};
font-weight:800;
margin-top:10px;
}
.sidebar {
width:268px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
margin-left:-50px;
position: fixed;
margin-top:130px;
padding:10px 5px 15px 5px;
letter-spacing:0px;
background-color:{color:Posts Background};
}
.sidebarimage {
width:268px;
margin-bottom:0px;
}
.sidebarlinks {
font-family: 'Changa', calibri;
padding:3px 0 0 0;
margin:3px auto;
text-align:center;
text-transform:uppercase;
width:268px;
font-weight:900;
font-size:12.5px;
}
.sidebarlinks a {
color: {color:Text};
padding:3px;
}
.sidebarlinks a:hover {
color:{color:Link Hover};
text-decoration:none;
box-shadow: inset 0px -4px {color:Accent};
margin-bottom: -5px;
}
.description {
width:268px;
margin-top:px;
margin-bottom:5px;
padding:3px;
text-align:center;
font-weight:400;
font-size:11px;
line-height:150%;
text-transform:lowercase;
color:{color:Text};
letter-spacing:0.5px;
}
.description a:hover {
color:{color:Link Hover};
}
.pagination {
width:268px;
text-align:center;
text-transform:lowercase;
margin:10px 0;
font-family:'Changa', sans-serif;
font-size:12px;
}
.pagination a {
font-weight:700;
padding-left:05px;
padding-right:05px;
}
.pagination i {
font-size:10px;
}
.container {
width:1000px;
margin: auto;
}
.postscontainer {
width:540px;
margin: auto;
padding:5px;
margin-left:385px;
}
.photo-slideshow.processed {
visibility: visible;
}
.photo-slideshow .row {
clear: both;
width: 100%;
}
.photo-slideshow .pxu-photo {
display: block;
float: clear;
width: 100%;
overflow: hidden;
}
.photo-slideshow .count-1 {
max-width:540px;
height: auto;
}
.photo-slideshow .count-2 {
width:268px;
height: auto;
}
.photo-slideshow .count-3 {
width:177px;
height: auto;
}
.set {
margin:auto!important;
}
.photo-slideshow {
width:auto!important;
}
/* style for pixel union photosets
i recomend not changing if you don't know what you're doing */
.posts {
width:540px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
margin-top:60px;
padding:10px;
margin-bottom:60px;
line-height:140%;
text-align:justify;
background-color:{color:Posts Background};
}
.posts img {
max-width:540px;
height:auto;
margin-top:3px;
}
.info {
width:540px;
margin-top:-5px;
padding-top:4px;
text-align:left;
font-family:'Changa', calibri;
text-transform:uppercase;
letter-spacing:0px;
font-size:10px;
font-weight:700;
}
.info a {
color:{color:Text};
}
.info a:hover {
text-decoration:none;
color:{color:Link Hover};
}
.inf {
width:540px;
margin-top:-15px;
padding-top:0px;
text-align:right;
font-family:'Changa', calibri;
text-transform:uppercase;
letter-spacing:0px;
font-size:10px;
font-weight:700;
}
.inf a {
color:{color:Text};
}
.inf a:hover {
text-decoration:none;
color:{color:Link Hover};
}
.tags {
width:540px;
margin-top:5px;
text-transform:none;
position:static;
font-family:'Heebo', sans-serif;
letter-spacing:0px;
text-align:left;
float:initial;
font-size:11px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
.tags a {
padding:5px;
background-color:none;
color:{color:Text};
}
.tags a:hover {
text-decoration:none;
color:{color:Link Hover};
}
ul li:before {
color:{color:Bold};
content:"�";
font-size:1em;
padding-right:.5em;
position:relative;
top:.1em;
}
ol {
color:#444;
margin-left:-25px;
}
/* style for lists */
.postsnote {
width:540px;
margin-top: 15px;
float: left;
margin-bottom:30px;
margin-left:-11px;
padding:10px;
background-color:{color:Posts Background};
}
.postsnote li {
width:47%;
padding: 2px 0 5px 10px;
margin:2px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
float:left;
text-align:left;
}
.postsnote li img.avatar {
border:none;
margin:;
width:0;
padding:0;
}
.more_notes_link {
list-style: none;
text-transform:uppercase;
letter-spacing:0.5px;
font-size:8px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
margin-top:10px;
font-weight:bold;
padding:3px;
position:relative;
float:left;
border-top:1px solid {color:Posts Border};
}
.playerbuttonbg {
position: absolute;
left: 20px;
top: 20px;
width: 19px;
height: 19px;
background-color: #ffffff;
padding: 10px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
opacity: .4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
}
.playerbuttonbg:hover {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}
.newplayerbutton {
position: relative;
width: 19px;
height: 19px;
overflow: hidden;
}
.playerbuttonhug {
position: absolute;
top: 0px;
left: 0px;
}
.tumblr_audio_player {
height: 90px;
width: 270px;
-moz-transform: scale(0.60, 0.60);
-webkit-transform: scale(0.60, 0.60);
-o-transform: scale(0.60, 0.60);
-ms-transform: scale(0.60, 0.60);
transform: scale(0.60, 0.60);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.audioimgwrapper {
position: absolute;
left: 0px;
top: 0px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
overflow: hidden;
width: 79px;
height: 79px;
}
.audioimgwrapper img {
width: 100%;
height: auto;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.trackdetails {
width: auto;
font-size: 11px;
font-family: 'Heebo', sans-serif;
line-height:14px;
border: 0px solid black;
display:inline-block;
margin-left: 90px;
padding:15px 10px 10px 10px;
min-height:70px;
}
.audiowrapper {
position: relative;
display:inline-block;
}
.quote {
font-size: 11px;
font-family: 'Heebo', sans-serif;
margin-top:5px;
color:{color:Bold};
font-weight:bold;
letter-spacing:0.1px;
text-transform:none;
line-height:100%;
text-align:left;
}
.source {
font-size: 11px;
font-family: 'Heebo', sans-serif;
font-style: italic;
text-align:left;
line-height:17px;
}
.chat {
margin-top:5px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
}
.chat .lines {
margin-left:0;
}
.ask {
width:540px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
text-align:left;
font-weight:;
padding-bottom:10px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
border-bottom: 1px solid #f6f6f6;
}
.ask a {
color:{color:bold};
}
.ask a:hover {
text-decoration:none;
color:{color:Link Hover};
}
.answer {
width:540px;
letter-spacing:0px;
text-align:left;
margin-bottom:1px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
}
.credit {
position:fixed;
font-family:'Heebo',calibri;
font-size:11px;
letter-spacing:0px;
right:5px;
bottom:20px;
text-transform:uppercase;
text-align:center;
color: #393939;
}
.credit a {
color:{color:Text};
padding:3px;
background-color: #fff;
font-style:normal;
padding:3px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
</style>
</head>
<body>
<div class="container">
<div class="sidebar">
<img src="{image:sidebar}" class="sidebarimage">
<div class="title">
<shadow>{text:title}</shadow>
</div>
<div class="description">
{Description}
<div class="sidebarlinks">
{block:PreviousPage}
<a href="{PreviousPage}">�</a>{/block:PreviousPage}
<a href="/">home</a>
<a href="/ask">ask</a>
{block:ifShowLink1}
<a href="{text:link 1 url}">{text:link 1 text}</a>
{/block:IfShowLink1}
{block:ifShowLink2}
<a href="{text:link 2 url}">{text:link 2 text}</a>
{/block:IfShowLink2}
{block:NextPage}
<a href="{NextPage}"> �</a>{/block:NextPage}
</div>
</div>
{block:Pagination}
{/block:Pagination}
</div>
<div class="postscontainer" id="{PostID}">
{block:Posts}
<div class="posts" id="{PostID}">
{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
<div class="caption">
{Body}
</div>
{/block:Text}
{block:Link}
<h2><a href="{URL}">{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
{block:lines}
<div class="chat">
<div class="lines">{block:label}
<span><span style="text-transform:uppercase;letter-
spacing:0.5px;">{label}</span></span>
{/block:label}
{line}</br></div></div>
{/block:lines}
{/block:Chat}
{block:Photo}
{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:Photoset}
<div class="photo-slideshow" id="photoset_{PostID}" data-
layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-
photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-
500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-
height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}"
href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}
{block:Audio}
{block:AudioPlayer}
<div class="audiowrapper">
{block:AlbumArt}
<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
<div class="playerbuttonbg">
<div class="newplayerbutton">
<div class="playerbuttonhug">
{AudioPlayerWhite}
</div></div></div>
<div class="trackdetails">
{block:TrackName}<span style="font-weight:bold;text-transform:uppercase;color:
{color:Bold};">Track:</span> {TrackName} <br/>{/block:TrackName}
{block:Artist}<span style="font-weight:bold;text-transform:uppercase;color:
{color:Bold};">Artist:</span> {Artist} <br/>{/block:Artist}
{block:Album}<span style="font-weight:bold;text-transform:uppercase;color:
{color:Bold};">Album:</span> {Album} <br/>{/block:Album}
{block:PlayCount}<span style="font-weight:bold;text-transform:uppercase;color:
{color:Bold};">Plays:</span> {PlayCount}{/block:PlayCount}
</div></div>
{/block:AudioPlayer}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Audio}
{block:Video}
{Video-500}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}
{block:HasTags}
<div class="tags">
{block:Tags}<span style="color:{color:Accent};font-size:10px;">#</span><a
href="{TagURL}">{Tag}</a> {/block:Tags}
</div>
{/block:HasTags}
{block:PostNotes}
<div class="postsnote">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Posts}