Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <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}
- <!---- this is theme 50 by Hollywhood
- please don't remove the credit
- thank you
- --->
- <meta name="color:Background" content="#19191b"/>
- <meta name="color:Text" content="#ccc"/>
- <meta name="color:Link" content="#fff"/>
- <meta name="color:Link Hover" content="#000"/>
- <meta name="color:border" content="#081f2a"/>
- <meta name="color:scrollbar" content="#999999">
- <meta name="text:link1" content="" />
- <meta name="text:link1 url" content="/">
- <meta name="text:link2" content="" />
- <meta name="text:link2 url" content="/">
- <meta name="text:link3" content="" />
- <meta name="text:link3 url" content="/">
- <meta name="text:link4" content="" />
- <meta name="text:link4 url" content="/">
- <script language="JavaScript" src="https://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Allerta" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Markazi+Text" rel="stylesheet">
- <style type="text/css">
- ::-webkit-scrollbar-thumb{
- background-color:transparent;
- border: none;
- height:20px;
- }
- ::-webkit-scrollbar {
- background-color: transparent;
- border: 3px transparent;
- height:auto;
- width: 3px;
- }
- ::selection {
- background:#a1745b;
- color:#000;
- }
- ::-moz-selection {
- background:#a1745b;
- color:#000;
- }
- ::-webkit-selection {
- background:#a1745b;
- color:#000;
- }
- iframe#tumblr_controls {
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.2;transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out;
- }
- /*TEXT & FONT DETAILS: START*/
- h1 {
- background-color: transparent;
- font-family: 'Josefin Sans', sans-serif;
- font-size: 16px;
- line-height: 20px;
- letter-spacing: 1px;
- text-align: center;
- text-transform:uppercase;
- color: #a06c4b;
- }
- h2 {
- background-color: transparent;
- font-family: 'Josefin Sans', sans-serif;
- font-size: 15px;
- line-height: 16px;
- letter-spacing: 2px;
- text-align: left;
- text-transform:uppercase;
- color: #a06c4b;
- }
- b, bold, strong {
- font-size:14px;
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:0px;
- font-family: 'Allerta', sans-serif;
- color: #bf1a18;
- }
- i, italic, em {
- font-size:16px;
- color: #a06c4b;
- font-family: 'Satisfy', cursive;
- letter-spacing:0px;
- text-transform:lowercase;
- text-shadow: #000 0 0 6px;
- }
- small {
- font-size:12px}
- sup,sub {
- font-size:11px}
- big {
- font-size:16px;
- text-transform:uppercase;
- letter-spacing:0px;
- font-family: 'Allerta', sans-serif;
- font-weight:bold;
- color: #cc3333;
- }
- pre {
- font-family:calibri;
- font-size:10px;
- color: #fff;
- background-color:transparent;
- background-attachment:static;
- background-image:url(https://i.imgur.com/WxvjQ3F.png);
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- letter-spacing:1px;
- padding-bottom:2px;
- padding-top:2px;
- max-width:250px;
- text-align:center;
- text-transform: uppercase;
- overflow-y: auto;
- letter-spacing:1px;
- padding-bottom:2px;
- padding-top:2px;
- max-width:250px;
- text-align:center;
- text-transform: uppercase;
- overflow-y: auto;
- }
- blockquote {
- padding:0 0 0 10px;
- border-left:4px solid #e14532;
- padding-left:15px;
- padding:5px;
- margin:5px;
- width:240px;
- }
- blockquoteblockquote {
- padding:0 0 0 10px;
- border-left:4px solid #e14532;
- padding-left:15px;
- padding:4px;
- margin:5px;
- width:200px;
- -moz-border-radius:8px;
- -webkit-border-radius:8px;
- }
- blockquoteblockquoteblockquote {
- padding:0 0 0 10px;
- border-left:4px solid #e14532;
- padding-left:15px;
- padding:4px;
- margin:5px;
- width:150px;
- -moz-border-radius:8px;
- -webkit-border-radius:8px;
- }
- /*TEXT & FONT DETAILS: FINISH*/
- body {
- background:#19191b;
- margin:0px;
- color:{color:text};
- font-family: times;
- font-size:12px;
- line-height:110%;
- background-image:url(https://i.imgur.com/Rznl9mp.jpg);
- background-attachment: fixed;
- background-repeat: no-repeat;
- background-position:left top;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- text-shadow:0px 0px 13px #fff;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- outline:none;
- -moz-outline-style:none;
- color:{color:link hover};
- text-shadow:0px 0px 13px #fff;
- }
- img {
- max-width:100%;
- height:auto;
- opacity: 1;
- -webkit-transition: all 0.6s ease-in-out;
- }
- img:hover {
- opacity: 1;
- -webkit-filter:grayscale(0%);
- -webkit-transition: all 0.2s ease-in-out;
- }
- #theme {
- width:260px;
- margin:0 auto -12px auto;
- }
- #post {
- width:250px;
- padding:10px;
- border:0px solid #fff;
- font-family:times;
- font-size:12px;
- }
- #entries {
- position: absolute;
- height:700px;
- overflow-x: hidden;
- overflow-y: auto;
- padding:10px;
- width:270px;
- top:0px;
- left:680px;
- opacity: 1;
- padding:15px;
- }
- #sidebar1 {
- width:170;
- height:410px;
- position:fixed;
- z-index:10;
- top:240px;
- left:1020px;
- }
- #alinks {
- position:absolute;
- letter-spacing:2px;
- position:fixed;
- width:170px;
- top:280px;
- left:1020px;
- font-size:15px;
- text-align:center;
- line-height:200%;
- font-family:times;
- text-shadow:0px 0px 13px #fff;
- opacity: 1;
- }
- #links a{
- padding:1px;
- color: #fff;
- letter-spacing:1px;
- text-decoration:none;
- text-shadow: #fff 0 0 6px;
- text-decoration:none;
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- #links a:hover {
- opacity:2;
- color: transparent;
- text-shadow: #fff 0 0 5px;
- text-decoration:none;
- width:78px;
- -moz-transition-duration:.4s;
- -webkit-transition-duration:.4s;
- -o-transition-duration:.4s;
- }
- #title {
- position:absolute;
- font-size:20px;
- font-family: 'Allerta', sans-serif;
- font-weight:bold;
- color:#bb1919;
- line-height:120%;
- width:170px;
- text-align:center;
- margin-top:12px;
- margin-left:5px;
- }
- #description {
- position:fixed;
- width:155px;
- height:230px;
- overflow-y: scroll;
- padding:5px;
- font-family:times;
- top:305px;
- left:1020px;
- text-align:center;
- font-size:11px;
- color:{color:text};
- letter-spacing:0px;
- line-height:120%;
- background-color: transparent;
- }
- #description a {
- color:{color:link};
- }
- #description a:hover {
- color:{color:link hover};
- }
- #pagination {
- font-family:times;
- width:250px;
- font-size:16px;
- margin-top:25px;
- margin-left:-8px;
- padding-left:5px;
- letter-spacing:1px;
- word-spacing:15px;
- text-align:center;
- text-transform:uppercase;
- }
- #pagination a {
- color:{color:link};
- }
- #pagination a:hover {
- opacity:2;
- color: transparent;
- text-shadow: #ffffff 0 0 2px;
- text-decoration:none;
- width:78px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #info {
- background-color:transparent;
- background-attachment:static;
- background-image:url(https://i.imgur.com/WxvjQ3F.png);
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- padding:2px;
- width:250px;
- text-align:center;
- letter-spacing:1px;
- margin-top:8px;
- margin-bottom:8px;
- text-transform:uppercase;
- font-size:10px;
- }
- #info a {
- color:#fff;}
- #info a:hover {
- color:#000;}
- .tags {
- width:250px;
- padding:10px;
- font-size:8px;
- text-align:center;
- font-family:times;
- text-transform:uppercase;
- background:transparent;
- border-bottom:1px solid #272728;
- }
- .tags a {
- color:#3c3c3c;
- margin-bottom:20px;
- letter-spacing:1px;
- text-shadow:0px 0px 3px #000; }
- .tags a:hover {
- color:#131313;
- text-shadow:0px 0px 1px #000;
- -webkit-filter:none;
- -webkit-transition: all 0.6s ease-in-out;
- opacity:1;
- -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;
- }
- #post:hover .tags{
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /* Audio & Chat */
- .lines,.chat h2 {margin:10px 0;padding:0;}
- .lines b {display:block;}
- .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
- .audio {font-size:0;}
- .audio b.line {margin-top:23px;}
- .play,.au {display:inline-block;vertical-align:middle;}
- .soundcloud_audio_player{padding:15px 0;}
- .au span.tn {font-size:10px;font-weight:600;}
- .au span {display:block;font-size:9px;line-height:100%;}
- .au span:first-of-type {margin-bottom:15px;}
- .au {width:calc(100% - 62px);margin-left:15px;}
- .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
- /** ASK BOX **/
- .question {
- color:#fff;
- background-color:transparent;
- background-attachment:static;
- background-image:url(https://i.imgur.com/WxvjQ3F.png);
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- padding:10px;
- max-width:245px;
- text-transform:none;
- font-size:12px;
- letter-spacing:0px;
- text-align:left;
- }
- .ask {
- max-width:250px;
- padding-left:10px;
- border-radius:6px;
- padding:5px;
- color:#000;
- }
- .asker {
- text-transform:uppercase;
- font-size:14px;
- color: #fff;
- text-shadow:0px 0px 13px #fff;
- letter-spacing:1px;
- text-align:left;
- margin-top:0px;
- }
- .asker a{
- font-weight:bold;
- }
- .answer {
- padding:5px;
- margin-left:0px;
- font-size:12px;
- border-radius:7px;
- text-transform:none;
- letter-spacing:0px;
- width:250px;
- }
- /**END ASK BOX**/
- /* TOOLTIP DETAILS */
- #s-m-t-tooltip{
- max-width:250px;
- margin:15px;
- padding:2px 8px;
- background-color:#010000;
- background-repeat:none;
- background-attachment:fixed;
- color:#ccc;
- text-shadow:1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000;
- z-index:99999999999999999999;
- font-size:9px;
- letter-spacing:2px;
- font-style:bold;
- letter-spacing:2px;
- font-family: times;
- text-transform:uppercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);
- }
- #credit {
- font-size:9px;
- font-family:times;
- font-style:bold;
- letter-spacing:1px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #credit a {
- background-color:transparent;
- padding:5px;
- position:fixed;
- right:15px;
- bottom:20px
- }
- #credit a:hover {
- color:#fff;
- background-color:#191919;
- }
- {CustomCSS}
- </style></head><body>
- <div id="theme">
- <div id="sidebar1">
- <div id="alinks">
- <a href="{text:link1 url}" title="{text:link1}">I.</a>
- <a href="{text:link2 url}" title="{text:link2}">II.</a>
- <a href="{text:link3 url}" title="{text:link3}">III.</a>
- <a href="{text:link4 url}" title="{text:link4}">IV.</a></div>
- <div id="title">{Title}</div>
- <div id="description">{description}
- </div>
- </div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<big><big>❝{Quote}❞</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
- {block:Audio}
- <div class="audio">
- <b class="line"></b>
- {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
- <div class="au">
- {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
- {block:Artist}<span>by {Artist}</span>{/block:Artist}
- </div>
- </div>
- {/block:Audio}
- {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div class="question"><big>{ASKER}:</big> {Question}</div><div class="answer">{Answer}</div>{/block:answer}
- {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} {DayOfMonth}</a>
- {/block:Date} {block:NoteCount} ( <font color=#800000>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}
- {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} / <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="reblog this post"><big>+</big> </a>
- </div>
- {block:HasTags}
- <div class="tags">
- † {block:Tags} <a href="{TagURL}"> ;{Tag} </a> {/block:Tags}</div>
- {/block:HasTags}
- <div class="postnote">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- {/block:Posts}
- <div id="pagination">
- <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←future</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">past→</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
- </div>
- <div id="credit"><a href="https://hollywhood.tumblr.com">HW</div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement