Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!-- macfustythemes -->
- <head>
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}">
- {/block:Description}
- <meta name="image:Background" content="">
- <meta name="image:Banner" content="">
- <meta name="image:Image Link 1" content="">
- <meta name="image:Image Link 2" content="">
- <meta name="image:Image Link 3" content="">
- <meta name="color:Background" content="#000">
- <meta name="color:Text" content="#fff">
- <meta name="color:Links" content="#860b00">
- <meta name="color:Hover" content="#000">
- <meta name="color:Sidebar" content="#250300">
- <meta name="color:Sidebar Text" content="#fff">
- <meta name="color:Sidebar Links" content="#860b00">
- <meta name="color:Sidebar Hover" content="#470000">
- <meta name="color:Topbar" content="#250300">
- <meta name="color:Topbar Links" content="#fff">
- <meta name="color:Topbar Hover" content="#000">
- <meta name="color:Title" content="#fff">
- <meta name="color:Border" content="#fff">
- <meta name="color:Posts" content="#250300">
- <meta name="text:Link1" content="/ask">
- <meta name="text:Link1 Title" content="Message">
- <meta name="text:Link2" content="/">
- <meta name="text:Link2 Title" content="link 2">
- <meta name="text:Sublink 2a" content="/">
- <meta name="text:Sublink 2a Title" content="Sublink">
- <meta name="text:Sublink 2b" content="/">
- <meta name="text:Sublink 2b Title" content="Sublink">
- <meta name="text:Sublink 2c" content="/">
- <meta name="text:Sublink 2c Title" content="Sublink">
- <meta name="text:Sublink 2d" content="/">
- <meta name="text:Sublink 2d Title" content="Sublink">
- <meta name="text:Sublink 2e" content="/">
- <meta name="text:Sublink 2e Title" content="Sublink">
- <meta name="text:Link3" content="/">
- <meta name="text:Link3 Title" content="link 3">
- <meta name="text:Sublink 3a" content="/">
- <meta name="text:Sublink 3a Title" content="Sublink">
- <meta name="text:Sublink 3b" content="/">
- <meta name="text:Sublink 3b Title" content="Sublink">
- <meta name="text:Sublink 3c" content="/">
- <meta name="text:Sublink 3c Title" content="Sublink">
- <meta name="text:Sublink 3d" content="/">
- <meta name="text:Sublink 3d Title" content="Sublink">
- <meta name="text:Sublink 3e" content="/">
- <meta name="text:Sublink 3e Title" content="Sublink">
- <meta name="text:Subtitle" content="Subtitle">
- <meta name="text:Description Label" content="Description">
- <meta name="text:Text Label 1" content="Text Box 1">
- <meta name="text:Text Content 1" content="">
- <meta name="text:Text Label 2" content="Text Box 2">
- <meta name="text:Text Content 2" content="">
- <meta name="text:Image Link Label" content="Image Links">
- <meta name="text:Image Link URL 1" content="">
- <meta name="text:Image Link URL 2" content="">
- <meta name="text:Image Link URL 3" content="">
- <meta name="if:Dropdowns" content="1">
- <meta name="if:Image Links" content="1">
- <meta name="if:Serif Title Font" content="0">
- <meta name="if:Sans Serif Title Font" content="1">
- <meta name="if:Hide Title" content="0">
- <link rel="shortcut icon" href="{Favicon}">
- <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
- <!-- HTML5 Shiv -->
- <!--[if lt IE 9]>
- <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
- <![endif]-->
- <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
- <style>
- body {
- background-color: {color:Background};
- background-image: url('{image:Background}');
- background-repeat: repeat;
- color: {color:Text};
- font-size: 11px;
- font-family: 'Calibri', sans-serif;
- line-height: 18px;
- }
- a {
- color: {color:Links};
- text-decoration: none;
- letter-spacing: 1px;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- a:hover {
- color: {color:Hover};
- letter-spacing: 0px;
- }
- blockquote {
- border-left: 1px solid {color:Background};
- padding: 1% 0 1% 2%;
- }
- .clear {
- clear: both;
- }
- h1 {
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- font-size: 28px;
- letter-spacing: 4px;
- margin-bottom: 1%;
- font-variant: small-caps;
- font-weight: normal;
- }
- h2 {
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- font-size: 20px;
- margin-bottom: 10px;
- font-variant: small-caps;
- letter-spacing: 3px;
- text-align: center;
- font-weight: normal;
- }
- h3 {
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- font-size: 16px;
- font-variant: small-caps;
- letter-spacing: 3px;
- font-weight: normal;
- }
- pre {
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- font-variant: small-caps;
- letter-spacing: 3px;
- font-weight: normal;
- font-size: 14px;
- }
- .sidedec {
- color: {color:Sidebar Text};
- background-color: {color:Sidebar};
- }
- .sidedec a {
- color: {color:Sidebar Links};
- }
- .sidedec a:hover {
- color: {color:Sidebar Hover};
- }
- .sidedec::-webkit-scrollbar{width: 8px;}
- .sidedec::-webkit-scrollbar-thumb{background-color: {color:Sidebar Text}; border-radius: 0;}
- .sidedec::-webkit-scrollbar-track{background-color: {color:Sidebar};}
- /** TOPBAR **/
- #topbar {
- width: 100%;
- height: 7.74%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 5;
- background-color: {color:Topbar};
- }
- #topbar ul {
- list-style: none;
- margin: 0;
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- width: 100%;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #topbar ul li {
- float: left;
- width: 5.9%;
- margin: 10px 5% 0 0;
- }
- #topbar ul li a {
- position: absolute;
- width: 5.9%;
- border: 1px solid {color:Border};
- padding: 0.31% 0.7% 0.31% 0.7%;
- text-transform: uppercase;
- text-align: center;
- letter-spacing: 2px;
- color: {color:Topbar Links};
- }
- #topbar a:hover {
- background-color: {color:Topbar Hover};
- }
- #topbar ul ul {
- margin-top: 40%;
- padding: 0;
- opacity: 0.8;
- display: none;
- width: 100%;
- font-family: 'Calibri', sans-serif;
- }
- #topbar ul ul li {
- float: none;
- margin: 0;
- width: 100%;
- background-color: {color:Topbar Hover};
- padding: 12%;
- text-align: center;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #topbar ul ul li a {
- position: relative;
- border: none;
- letter-spacing: 2px;
- }
- #topbar ul ul li:hover {
- background-color: {color:Topbar};
- }
- #topbar ul ul li a:hover {
- background-color: {color:Topbar};
- }
- #topbar ul li:hover > ul {
- display: block;
- }
- /** BANNER **/
- #banner {
- width: 100%;
- height: 61.92%;
- position: absolute;
- top: 7.74%;
- left: 0;
- background-image: url('{image:Banner}');
- background-repeat: no-repeat;
- z-index: -1;
- }
- /** SIDEBAR **/
- #mtitle {
- {block:ifHideTitle}opacity: 0;{/block:ifHideTitle}
- width: 37%;
- margin: 18% 0 0 11%;
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- font-size: 26px;
- letter-spacing: 4px;
- color: {color:Title};
- }
- #subtext {
- width: 37%;
- height: 50px;
- margin: 0.3% 0 0 11%;
- overflow: hidden;
- {block:ifHideTitle}opacity: 0;{/block:ifHideTitle}
- font-variant: small-caps;
- text-align: left;
- font-size: 14px;
- letter-spacing: 2px;
- color: {color:Title};
- }
- #sidebar {
- position: absolute;
- width: 22%;
- height: 100%;
- margin-top: 12%;
- left: 11%;
- text-align: justify;
- margin-bottom: 5%;
- }
- .boxcontainer {
- margin-top: 22%;
- }
- #desc {
- width: 83.33%;
- height: 38.7%;
- overflow: auto;
- padding: 0 8% 7.4% 8%;
- }
- #sidebox {
- width: 83.33%;
- height: 30.96%;
- overflow: auto;
- padding: 0 8% 7.4% 8%;
- margin-top: 15%;
- }
- #imagelink {
- width: 99.33%;
- margin-top: 15%;
- padding: 1% 0 1% 0;
- }
- #imagelink img {
- display: block;
- margin-bottom: 1%;
- max-width: 98%;
- margin-left: 1%;
- }
- /** CONTENT **/
- #column {
- width: 43.92%;
- margin-left: 40.26%;
- margin-top: 12%;
- }
- .postcontainer {
- margin-bottom: 10%;
- }
- .postcontainer ul {
- list-style-type: square;
- }
- .postbody {
- width: 83.33%;
- padding: 4%;
- background-color: {color:Posts};
- text-align: justify;
- }
- .postbody img {
- max-width: 100%;
- display: block;
- }
- .quote {
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- font-size: 26px;
- text-align: center;
- font-variant: small-caps;
- letter-spacing: 3px;
- line-height: 28px;
- }
- .quote a {
- color: {color:Text};
- }
- .quote a:hover {
- color: {color:Links};
- letter-spacing: 0px;
- }
- .source {
- text-align: center;
- }
- ul.chat {
- padding: 0;
- }
- ul.chat li {
- list-style-type: none;
- margin-bottom: 2%;
- }
- span.name {
- margin: 0;
- font-variant: small-caps;
- font-weight: bold;
- font-size: 14px;
- color: {color:Links};
- letter-spacing: 2px;
- }
- img.albumart {
- float: left;
- margin-right: 3%;
- width: 20%;
- }
- .artist {
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- font-size: 16px;
- font-variant: small-caps;
- }
- .player {
- margin-top: 20px;
- }
- .uicon img {
- float: left;
- width: 10.3%;
- margin-right: 4%;
- border: 5px solid {color:Posts};
- }
- .asker {
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- font-size: 16px;
- font-variant: small-caps;
- }
- .question
- {
- text-align: justify;
- float: left;
- position: relative;
- width: 70%;
- padding: 2.6%;
- background-color: {color:Posts};
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- min-height: 12%;
- }
- .question:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 15px 15px 15px 0;
- border-color: transparent {color:Posts};
- display: block;
- width: 0;
- z-index: 1;
- left: -15px;
- top: 14%;
- }
- .answer {
- margin-top: 1%;
- width: 85.33%;
- padding: 3%;
- background-color: {color:Posts};
- text-align: justify;
- }
- .postinfo {
- position: absolute;
- margin: 1% 0 0 41%;
- letter-spacing: 3px;
- {block:ifSansSerifTitleFont}
- font-family: 'Oswald', sans-serif;
- width: 72px;
- height: 45px;
- {/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}
- font-family: 'Bitter', serif;
- width: 90px;
- height: 50px;
- {/block:ifSerifTitleFont}
- text-transform: uppercase;
- color: {color:Border};
- text-align: center;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .postinfo:hover {
- color: {color:Links};
- letter-spacing: 1px;
- }
- .dow {
- -ms-transform: rotate(-90deg); /* IE 9 */
- -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
- transform: rotate(-90deg);
- position: absolute;
- top: 0;
- font-size: 30px;
- margin: 10px 0 0 -15px;
- }
- .dom {
- float: left;
- font-size: 32px;
- text-align: center;
- float: right;
- }
- .month {
- font-size: 22px;
- position: absolute;
- bottom: 0;
- right: 0;
- }
- .pnotes {
- text-align: center;
- font-size: 14px;
- {block:ifSansSerifTitleFont}
- font-family: 'Oswald', sans-serif;
- margin-top: 55px;
- letter-spacing: 1px;
- {/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}
- font-family: 'Bitter', serif;
- margin-top: 62px;
- letter-spacing: 0px;
- {/block:ifSerifTitleFont}
- }
- .tags a {
- text-align: center;
- margin-top: 1%;
- color: {color:Border};
- }
- .tags a:hover {
- color: {color:Links};
- }
- #postnotes {
- color: {color:Border};
- }
- #postnotes a {
- color: {color:Border};
- }
- #postnotes a:hover {
- color: {color:Links};
- }
- /** PAGINATION */
- #pagination {
- position: fixed;
- bottom: 1%;
- right: 1%;
- color: {color:Border};
- {block:ifSansSerifTitleFont}font-family: 'Oswald', sans-serif;{/block:ifSansSerifTitleFont}
- {block:ifSerifTitleFont}font-family: 'Bitter', serif;{/block:ifSerifTitleFont}
- font-size: 12px;
- text-transform: uppercase;
- text-align: center;
- }
- #pagination a {
- color: {color:Border};
- }
- #pagination a:hover {
- color: {color:Links};
- }
- #pagination a.next {
- letter-spacing: 2px;
- }
- #pagination p {
- margin: 0;
- }
- </style>
- </head>
- <body>
- <!-- TOPBAR -->
- <div id="topbar">
- <ul>
- <li><a href="/">Home</a></li>
- <li><a href="{text:Link1}">{text:Link1 Title}</a></li>
- <li><a href="{text:Link2}">{text:Link2 Title}</a>
- {block:ifDropdowns}
- <ul>
- <li><a href="{text:Sublink 2a}">{text:Sublink 2a Title}</a></li>
- <li><a href="{text:Sublink 2b}">{text:Sublink 2b Title}</a></li>
- <li><a href="{text:Sublink 2c}">{text:Sublink 2c Title}</a></li>
- <li><a href="{text:Sublink 2d}">{text:Sublink 2d Title}</a></li>
- <li><a href="{text:Sublink 2e}">{text:Sublink 2e Title}</a></li>
- </ul>
- {/block:ifDropdowns}
- </li>
- <li><a href="{text:Link3}">{text:Link3 Title}</a>
- {block:ifDropdowns}
- <ul>
- <li><a href="{text:Sublink 3a}">{text:Sublink 3a Title}</a></li>
- <li><a href="{text:Sublink 3b}">{text:Sublink 3b Title}</a></li>
- <li><a href="{text:Sublink 3c}">{text:Sublink 3c Title}</a></li>
- <li><a href="{text:Sublink 3d}">{text:Sublink 3d Title}</a></li>
- <li><a href="{text:Sublink 3e}">{text:Sublink 3e Title}</a></li>
- </ul>
- {/block:ifDropdowns}
- </li>
- <li><a href="http://macfustythemes.tumblr.com/">Theme</a></li>
- </ul>
- </div>
- <div id="banner"></div>
- <!-- SIDEBAR -->
- <div id="mtitle">{Title}</div>
- <div id="subtext">{text:Subtitle}</div>
- <div id="sidebar">
- <div id="desc" class="sidedec">
- <h2>{text:Description Label}</h2>
- {Description}</div>
- {block:ifTextContent1}
- <div id="sidebox" class="sidedec">
- <h2>{text:Text Label 1}</h2>
- {text:Text Content 1}</div>
- {/block:ifTextContent1}
- {block:ifImageLinks}
- <div id="imagelink" class="sidedec">
- <h2>{text:Image Link Label}</h2>
- <a href="{text:Image Link URL 1}"><img src="{image:Image Link 1}"></a>
- <a href="{text:Image Link URL 2}"><img src="{image:Image Link 2}"></a>
- <a href="{text:Image Link URL 3}"><img src="{image:Image Link 3}"></a>
- </div>
- {/block:ifImageLinks}
- {block:ifTextContent2}
- <div id="sidebox" class="sidedec">
- <h2>{text:Text Label 2}</h2>
- {text:Text Content 2}</div>
- {/block:ifTextContent2}
- </div>
- <!-- CONTENT -->
- <div id="column">
- {block:Posts}
- <div class="postcontainer">
- {block:Date}
- <a href="{Permalink}"><div class="postinfo">
- <div class="dow">{ShortDayofWeek}</div>
- <div class="dom">{DayofMonthWithZero}</div>
- <p><div class="month">{ShortMonth}</div>
- <div class="pnotes">{NoteCountWithLabel}</div>
- </div></a>
- {/block:Date}
- {block:Text}
- <div class="postbody">
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}</div>
- {/block:Text}
- {block:Photo}
- <div class="postbody">
- <img src="{PhotoUrl-500}">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="postbody">
- {Photoset}
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="postbody">
- <div class="quote">“{Quote}”</div>
- <p align="center">{block:Source}- {Source}{/block:Source}</p>
- </div>
- {/block:Quote}
- {block:Link}
- <div class="postbody">
- <div class="quote"><a href="{URL}">{Name}</a></div>
- <p align="center">{block:Description}{Description}{/block:Description}</p>
- </div>
- {/block:Link}
- {block:Chat}
- <div class="postbody">
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li>{block:Label}<span class="name">{Label}</span>{/block:Label}
- {Line}</li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="postbody">
- {block:AlbumArt}<img class="albumart" src="{AlbumArtUrl}">{/block:AlbumArt}
- <div class="player">{AudioPlayer}</div>
- <div class="artist">{block:Trackname}{Trackname}{block:Trackname} // {block:Artist}{Artist}{/block:Artist}</div>
- <div class="clear"></div>
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {block:Audio}
- {block:Video}
- <div class="postbody">
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Video}
- {block:Answer}
- <div class="uicon"><img src="{AskerPortraitUrl-96}"></div>
- <div class="question">
- <div class="asker">{Asker} said:</div>
- {Question}
- </div>
- <div class="clear"></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}
- <div id="postnotes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- <!-- PAGINATION -->
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">back</a>
- {/block:PreviousPage}
- {block:NextPage}
- <p><a class="next" href="{NextPage}">next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment