Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--- ***** FATALST'S THEME *******--->
- <!---- ****** PLEASE DO NOT DELETE CREDIT ---->
- <link rel="shortcut icon" href="{Favicon}">
- <title>{TITLE}</title>
- <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:body text" content="#A4A3A8" />
- <meta name="color:link" content="#95DFFF" />
- <meta name="color:link hover" content="#C6DFFF" />
- <meta name="color:header border" content="#95dfff" />
- <meta name="font:body" content="Arial, Helvetica, sans-serif"/>
- <meta name="color:scrollbar" content="#95DFFF" />
- <meta name="select:align" content="left" title="left" />
- <meta name="select:align" content="center" title="center" />
- <meta name="select:align" content="right" title="right" />
- <meta name="text:link 1 url" content="/" />
- <meta name="text:link 1 name" content="home" />
- <meta name="text:link 2 url" content="/ask" />
- <meta name="text:link 2 name" content="mail" />
- <meta name="text:link 3 url" content="" />
- <meta name="text:link 3 name" content="" />
- <meta name="text:link 4 url" content="" />
- <meta name="text:link 4 name" content="" />
- <meta name="text:link 5 url" content="" />
- <meta name="text:link 5 name" content="" />
- <style type="text/css">
- body{
- color: {color:body text};
- background-color: {color:background};
- font-family: {font:body};
- }
- ::-webkit-scrollbar {
- width: 2px;
- height: 2px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar};
- border: 0px none #ffffff;
- border-radius: 0px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: {color:scrollbar};
- }
- ::-webkit-scrollbar-thumb:active {
- background: transparent;
- }
- ::-webkit-scrollbar-track {
- background: transparent;
- border: 0px none #ffffff;
- border-radius: 0px;
- }
- ::-webkit-scrollbar-track:hover {
- background: transparent;
- }
- ::-webkit-scrollbar-track:active {
- background: transparent;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- #header{
- width: 140px;
- padding: 15px;
- top: 10%;
- left: 10%;
- position: fixed;
- text-align: {select:align};
- }
- #title{
- letter-spacing: 2px;
- font-size: 16px;
- text-transform: uppercase;
- text-align: left;
- border: {color:header border} 1px solid;
- padding: 15px;
- text-align: {select:align};
- }
- #links{
- font-size: 10px;
- text-transform: uppercase;
- text-align: left;
- padding: 10px;
- margin-top: 10px;
- border: {color:header border} 1px solid;
- text-align: {select:align};
- }
- #desc{
- margin-top: 10px;
- text-align: left;
- text-transform: uppercase;
- font-size: 10px;
- padding: 10px;
- border: {color:header border} 1px solid;
- text-align: {select:align};
- }
- #pages{
- margin-top: 10px;
- text-align: left;
- text-transform: uppercase;
- font-size: 8px;
- padding: 10px;
- border: {color:header border} 1px solid;
- text-align: {select:align};
- }
- #posts{
- left: 25%;
- width: 600px;
- position: relative;
- margin-bottom: 50px;
- }
- #content{
- vertical-align: top;
- float: center;
- margin-left: 15%;
- margin-top: 50px;
- margin-bottom: 30px;
- list-style-type: none;
- }
- .post{
- vertical-align: top;
- float: center;
- text-transform: none;
- font-style: none;
- font-weight: normal;
- list-style-type: none;
- width: 500px;
- }
- .text{
- color: {color:body text};
- font-size: 12px;
- padding-left: 10px;
- }
- h3{
- font-size: 24px;
- text-align: left;
- padding-bottom: 5px;
- margin: 0px;
- text-transform: uppercase;
- margin-bottom: 5px;
- letter-spacing: 1.5px;
- font-weight: normal;
- opacity: .75px;
- }
- .caption{
- color: {color:body text};
- font-size: 12px;
- padding-left: 10px;
- }
- .quote{
- font-style: italic;
- letter-spacing: 3px;
- font-size: 28px;
- line-height: 32px;
- }
- .source{
- font-size: 12px;
- font-style: normal;
- letter-spacing: 1px;
- margin-left: 30px;
- padding-left: 10px;
- }
- .link{
- font-size: 18px;
- text-transform: lowercase;
- letter-spacing: 1.5px;
- font-style: italic;
- }
- .description{
- color: {color:body text};
- font-size: 12px;
- font-style: normal;
- letter-spacing: 0px;
- text-transform: none;
- padding-left: 10px;
- }
- .chat{
- padding-left: 5px;
- font-size: 12px;
- line-height: 18px;
- list-style: none;
- }
- .chat li{
- margin-bottom: 5px;
- }
- .label{
- text-transform: uppercase;
- }
- .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: -18px;
- left: -7px;
- }
- .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 {
- font-size: 10px;
- letter-spacing: 1.5px;
- text-transform: lowercase;
- line-height: 14px;
- width: auto;
- display:inline-block;
- margin-left: 90px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- #asker{
- font-size: 18px;
- letter-spacing: 1.5px;
- padding: 10px;
- border: {color:body text} 1px solid;
- }
- #answer{
- font-size: 12px;
- letter-spacing: 0px;
- padding-left: 10px;
- }
- #ques{
- font-size: 12px;
- }
- #bottom{
- {block:ifPage}display: none{/block:ifPage}
- margin-top: 5px;
- margin-bottom: 50px;
- color: {color:body text};
- text-align: left;
- font-size: 10px;
- padding-left: 5px;
- width: 500px;
- margin-top: 25px;
- }
- #sources{
- padding-bottom: 5px;
- margin-bottom: 5px;
- border-bottom: 1px {color:body text} solid;
- letter-spacing: 1.5px;
- text-transform: uppercase;
- }
- .tags{
- padding-left: 5px;
- }
- #notecontainer{
- font-size: 10px;
- list-style-type: none;
- height: 100px;
- }
- #content #notecontainer ol.notes {
- list-style-type: none;
- padding: 0;
- line-height: 16px;
- font-size: 10px;
- letter-spacing: 1.5px;
- }
- #notecontainer img{
- display: none;
- }
- a:link, a:visited{
- color: {color:link}; /*LINK COLOR*/
- font-style: none;
- text-decoration: none;
- }
- a:hover, a:active{
- text-transform: lowercase;
- font-style: italic;
- color: {color:link hover}; /*LINK HOVER COLOR*/
- }
- blockquote {
- border-left:1px solid #A4A3A8;
- padding-left: 16px;
- margin-left: 12px;
- }
- #punk{
- font-size: 8px;
- width: 25px;
- height: 25px;
- top: 97%;
- left: 1%;
- position: fixed;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="header">
- <div id="title">{Title}</div>
- <div id="links">
- <a href="{text:link 1 url}">{text:link 1 name}</a>
- <a href="{text:link 2 url}">{text:link 2 name}</a>
- <a href="{text:link 3 url}">{text:link 3 name}</a>
- <a href="{text:link 4 url}">{text:link 4 name}</a>
- <a href="{text:link 5 url}">{text:link 5 name}</a>
- </div>
- {block:Description}
- <div id="desc">{Description}</div>
- {/block:Description}
- <div id="pages">
- {block:Pagination}{block:PreviousPage}
- <a href="{PreviousPage}">previous</a>
- {/block:PreviousPage}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:NextPage}
- <a href="{NextPage}">next</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="content">
- <div id="posts">
- {block:Posts}
- {block:Text}
- <li class="post text">
- {block:Title}
- <h3>{Title}</h3>
- {/block:Title}{Body}
- </li>
- {/block:Text}{block:Photo}
- <li class="post photo">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Photo}{block:Panorama}
- <li class="post panorama">
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Panorama}{block:Photoset}
- <li class="post photoset">
- {Photoset-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Photoset}{block:Quote}
- <li class="post quote">
- "{Quote}"
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- </li>
- {/block:Quote}{block:Link}
- <li class="post link">
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </li>
- {/block:Link}{block:Chat}
- <li class="post chat">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <b><span class="label">{Label}</span></b>
- {/block:Label}{Line}
- </li>
- {/block:Lines}
- </ul>
- </li>
- {/block:Chat}{block:Video}
- <li class="post video">
- {Video-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Video}
- {block:Audio}
- <div class="post 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}
- <b>{TrackName}</b>
- {/block:TrackName}<br/>
- {block:Artist}
- <b>Artist:</b> {Artist}
- {/block:Artist}<br/>
- {block:Album}
- <b>Album:</b> {Album}
- {/block:Album}<br/>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Audio}
- {block:Answer}
- <li class="post question">
- <div id="asker">{Asker}: <span id="ques">{Question}</span></div>
- <div id="answer">{Answer}</div>
- </li>
- {/block:Answer}
- {block:IndexPage}
- <div id="bottom">
- <div id="sources">
- <a href="{Permalink}">{NoteCountWithLabel} {block:Date}{DayOfMonthWithZero} {Month} {Year} {12HourWithZero}:{Minutes}{/block:Date}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="bottom">
- <div id="sources">
- <a href="{Permalink}">{NoteCountWithLabel} {block:Date}{DayOfMonthWithZero} {Month} {Year} {12HourWithZero}:{Minutes}{/block:Date}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <div id="notecontainer">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}</div>
- <!-- please don't touch this!! -->
- <div id="punk">
- <a href="https://www.fatalst.tumblr.com">©</a>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement