Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#1b1a1a"/>
- <meta name="color:Hover" content="#807f7f"/>
- <meta name="color:Link" content="#929191"/>
- <meta name="color:Title"content="#070707"/>
- <meta name="color:Line"content="#5f5b5b"/>
- <meta name="color:Scrollbar" content="#d5d5d5" />
- <meta name="color:Desc" content="#302f2f"/>
- <meta name="color:Tags" content="#cccccc"/>
- <meta name="color:Post" content="#ffffff"/>
- <meta name="color:border"content="#e6e6e6"/>
- <meta name="image:wide image" content=""/>
- <meta name="image:sidebar icon" content=""/>
- <meta name="text:link1" content="Link"/>
- <meta name="text:link1 url" content="/"/>
- <meta name="text:link2" content="Link"/>
- <meta name="text:link2 url" content="/"/>
- <meta name="text:link3" content="Link"/>
- <meta name="text:link3 url" content="/"/>
- <link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Felipa' rel='stylesheet' type='text/css'>
- <style type="text/css">
- iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.25s linear;opacity: 0.25;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.5s linear;opacity: .7;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- ::-webkit-scrollbar-thumb:vertical {
- height:12px;
- border:2px solid #fff;
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#fff;
- }
- ::-webkit-scrollbar {
- width:11px;
- height:7px;
- border:5px solid #fff;
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
- display:block;
- height:8px;
- border-right:2px solid #fff;
- border-left:2px solid #fff;
- background-color:{color:scrollbar};
- }
- body {
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family: 'cambria', serif;
- font-size:11px;
- line-height:130%;
- letter-spacing:1px;
- word-wrap:break-word;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:;
- }
- a:hover {
- color:{color:hover};
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:18px;
- text-align:left;
- font-style:normal;
- text-align:center;
- line-height:120%;
- letter-spacing:1px;
- text-transform:normal;
- color:{color:title};
- }
- #sidebar{
- position:fixed;
- margin-top:130px;
- margin-left:120px;
- height:380px;
- width:380px;
- background:{color:background};
- z-index:0;
- }
- .st{
- margin-top:0px;
- margin-left:0px;
- width:380px;
- font-family:'Seaweed Script', cursive;
- color:{color:title};
- }
- .sb1 {
- position:fixed;
- margin-left:0px;
- margin-top:0px;
- height:150px;
- width:380px;
- background:#fff;
- z-index:999;
- border:1px solid #ccc;
- padding:1px;
- }
- .sb1 img {
- height:150px;
- width:380px;
- }
- .sb2{
- position:fixed;
- margin-left:-35px;
- margin-top:110px;
- width:125px;
- height:125px;
- background:#fcfcfc;
- z-index:9999;
- }
- .sb2 IMG{
- height:125px;
- width:125px;
- border:1px solid #ccc;
- padding:1px;
- }
- .sbl {
- position:relative;
- margin-top:-2px;
- margin-left:92px;
- font-size:11px;
- background-color:transparent;
- text-transform: uppercase;
- word-spacing: 5px;
- max-width:350px;
- font-family:cambria;
- text-align: center;
- border-bottom:double #ccc;
- padding:4px;
- }
- .sbl a {
- letter-spacing: 0px;
- color:{color:header links};
- padding:3px;
- }
- .sbl a:hover {
- text-transform: uppercase;
- color:{color:hover};
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- .sbd{
- margin-top:-60px;
- margin-left:135px;
- width:285px;
- text-align:justify;
- font-family:helvetica;
- color:{color:desc};
- }
- .sbp{
- width:285px;
- font-size:12px;
- text-align:right;
- margin-left:0px;
- margin-top:2px;
- position:fixed;
- font-family:cambria;
- letter-spacing:0px;
- }
- #entries {
- position:absolute;
- width:500px;
- margin-left:570px;
- }
- #posts {
- overflow:hidden;
- width:500px;
- background:{color:post};
- margin-left:6px;
- }
- #posts img {
- max-width: 500px;}
- #posts {
- {block:IndexPage}
- margin-bottom:160px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:50px
- {/block:PermalinkPage}
- margin-top:100px;
- overflow:hidden;
- width:500px;
- padding:14px;
- }
- #posts img {
- max-width: 500px;}
- #titlequote{font-size:11px;
- color:{color:title};
- text-align:center;
- padding:10px;
- font-style:italic;
- background-color:{color:header};
- }
- #posts img, #posts li, #posts blockquote {max-width: 100%;}
- .caption img{max-width:500px;}
- .caption {width:500px;
- display: block;
- margin-top: 5px;
- {block:IfNotShowCaptions}
- {block:IndexPage}
- display: none;
- {/block:IndexPage}
- {/block:IfNotShowCaptions}}
- #source {text-align:right;
- padding-bottom:5px;
- font-size:9px}
- /*asks*/
- #question {
- color:{color:text}}
- .q {
- background-color:{color:post};
- border-bottom:1px solid {color:hover};
- width:480px;
- margin-left:1px;
- font-size:9px;
- text-align:left;
- padding:8px;
- }
- .a {color:{color:text};
- font-size:11px;
- margin-top:5px;
- margin-left:1px;
- text-align:left}
- .chat ol {
- padding:0;
- line-height:180%;
- list-style:none;
- }
- .label {
- padding-right:1px;
- text-transform:uppercase;
- font-weight:bold;
- color:{color:link};
- }
- /*permalink and notes*/
- #details {
- text-align:right;
- margin-top:8px;
- text-transform:uppercase;
- font-size:9px;
- font-style:none;
- background:{color:border};
- padding-right:10px;
- padding-bottom:10px;
- padding-left:10px;
- font-family:helvetica;
- }
- #tags {
- font-family:cambria;
- letter-spacing:0px;
- text-transform:none;
- font-size:10px;
- font-style:italic;
- margin-top:2px;
- text-align:right;
- }
- #tags a {
- display:inline-block;
- padding:-3px;
- text-align:right;
- color:{color:Tags};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- -transition: all 0.6s ease-in-out;
- }
- #info {
- font-size:10px;
- letter-spacing:1px;
- display: block
- width:20px;
- height: 20px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #info a {
- background-color:#ffffff;
- padding:1.5px;
- position:fixed;
- right:5px;
- bottom:10px;
- color: {color:LINK};
- border:double {color:scrollbar};
- }
- {CustomCSS}
- </style></head>
- <body>
- <link href='http://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'>
- <div id="sidebar">
- <div class="st"><h1>{title}</h1>
- <div class="sb1">
- <a href="/"><img src="{image:wide image}"></a>
- <div class="sbl">
- <a href="/">home</a> /
- <a href="/ask">ask</a> /
- {block:IfLink1}<a href="{text:link1 url}">{text:link1}</a> / {/block:IfLink1}
- {block:IfLink2} <a href="{text:link2 url}">{text:link2}</a> / {/block:IfLink2}
- {block:IfLink3} <a href="{text:link3 url}">{text:link3}</a> /
- </a> {/block:IfLink3}
- </div>
- </div>
- <div class="sb2">
- <a href="/"><img src="{image:sidebar icon}"></a>
- <div class="sbd">{description}
- {block:Pagination}<div class="sbp">
- {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- </div>{/block:Pagination}
- </div></div></div></div></div></div></div>
- <div id="entries">
- {block:Posts}
- {block:ContentSource}
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <div id="posts">
- {block:Quote}
- <div id="titlequote">“{Quote}”</div>
- {block:Source}<div id="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <h1>{block:Title}{Title}{/block:Title}</h1>
- {Body}
- {/block:Text}
- {block:Link}
- <h1><a href="{URL}"> {Name}</a></h1>{block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
- <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div id="question">
- <div class="q"> <span style="color:{color:audio and ask}; font-family: 'Libre Baskerville', serif; font-size:12px; font-style:normal; padding:10px; margin-left:-20px;"></span>❝ {Asker} asked: {Question}</div><br><div class="a" style="font-size:11px; font-family: 'Libre Baskerville', serif; margin-top:4px ;padding-left:3px;">{Answer}</div></div>{/block:Answer}
- <div id="details">
- <br><a href="{Permalink}">{TimeAgo} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank"> + reblog</a>
- {block:HasTags}<div id="tags">tags:{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div></div>
- {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- </div></div>
- <div id="info"><a href="http://mysansa.tumblr.com/"> © MS </a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement