Advertisement
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:Header" content="https://secure.static.tumblr.com/7abf534896b41796e23ac36b32bca51a/j2tdnxz/vqxn98asw/tumblr_static_4jh7bhwiul2c0skscc48kwkos.png">
- <meta name="image:Background" content="">
- <meta name="image:SideIcon1" content="">
- <meta name="image:SideIcon2" content="">
- <meta name="image:SideIcon3" content="">
- <meta name="color:Background" content="#fff">
- <meta name="color:Highlight" content="#97412c">
- <meta name="color:Side Background" content="#fff">
- <meta name="color:Nav Background" content="#a84c37">
- <meta name="color:Text" content="#000">
- <meta name="color:Side Text" content="#fff">
- <meta name="color:Links" content="#97412c">
- <meta name="color:Hover" content="#000">
- <meta name="color:Title" content="#000">
- <meta name="text:Link1" content="/">
- <meta name="text:Link1 Title" content="link 1">
- <meta name="text:Link2" content="/">
- <meta name="text:Link2 Title" content="link 2">
- <meta name="text:Link3" content="/">
- <meta name="text:Link3 Title" content="link 3">
- <meta name="text:Link4" content="/">
- <meta name="text:Link4 Title" content="link 4">
- <meta name="if:Side Shadow" content="0">
- <meta name="if:Title" content="1">
- <meta name="text:Box1 Label" content="About">
- <meta name="text:Box2 Label" content="Box 2">
- <meta name="text:Box2 Content" content="">
- <meta name="text:Box3 Label" content="Icon List">
- <meta name="text:Icon1 Label" content="Icon 1">
- <meta name="text:Icon2 Label" content="Icon 2">
- <meta name="text:Icon3 Label" content="Icon 3">
- <meta name="text:Box4 Label" content="Box 3">
- <meta name="text:Box4 Content" content="">
- <link rel="shortcut icon" href="{Favicon}">
- <link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'>
- <!-- HTML5 Shiv -->
- <!--[if lt IE 9]>
- <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
- <![endif]-->
- <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/j2tdnxz/DlUn7j362/jquery.sticky.js"></script>
- <script>
- $(document).ready(function(){
- $("#nav").sticky({topSpacing:0});
- });
- </script>
- <style>
- body {
- background-color: {color:Background};
- background-image: url('{image:Background}');
- background-repeat: repeat;
- color: {color:Text};
- font-size: 11px;
- font-family: 'Georgia', serif;
- line-height: 18px;
- }
- a {
- color: {color:Links};
- text-decoration: none;
- -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: 1px;
- }
- .clear {
- clear: both;
- }
- /** HEADER **/
- #header {
- width: 70%;
- margin-left: 15%;
- }
- #header img {
- width: 100%;
- }
- #maintitle {
- width: 70%;
- position: absolute;
- margin-top: -40px;
- text-align: center;
- font-variant: small-caps;
- font-size: 40px;
- letter-spacing: 5px;
- color: {color:Title};
- }
- #nav {
- width: 70%;
- margin-left: 15%;
- height: 30px;
- background-color: {color:Nav Background};
- line-height: 29px;
- text-align: center;
- position: relative;
- z-index: 2;
- }
- #nav a {
- font-variant: small-caps;
- background-color: {color:Nav Background};
- color: {color:Side Text};
- font-size: 14px;
- padding: 5px 40px 6px 40px;
- }
- #nav a:hover {
- background-color: {color:Background};
- color: {color:Links};
- }
- pre {
- width: 96%;
- background-color: {color:Highlight};
- padding: 1% 2% 1% 2%;
- letter-spacing: 2px;
- font-variant: small-caps;
- color: {color:Side Text};
- font-family: 'Times', serif;
- }
- pre a {
- color: {color:Side Text};
- }
- /** CONTENT **/
- #content {
- width: 70%;
- margin: 20px 0 0 15%;
- }
- #sidebar {
- float: right;
- width: 32.1%;
- }
- .sidehead {
- width: 100%;
- height: 50px;
- background-color: {color:Highlight};
- color: {color:Side Text};
- text-align: center;
- font-variant: small-caps;
- letter-spacing: 5px;
- line-height: 50px;
- font-size: 16px;
- margin-bottom: 10px;
- }
- .side {
- width: 90%;
- padding: 5%;
- background-color: {color:Side Background};
- text-align: justify;
- margin-bottom: 10px;
- }
- .shadow {
- box-shadow: 2px 2px 5px #000;
- }
- .wantedicon {
- float: left;
- }
- .wantedicon img {
- width: 60px;
- border: 5px solid {color:Highlight};
- }
- .wanted {
- text-align: center;
- font-variant: small-caps;
- margin-top: 25px;
- font-size: 14px;
- }
- /** POSTS **/
- #column {
- float: left;
- width: 64.2%;
- }
- .post {
- width: 83.5%;
- text-align: justify;
- margin-bottom: 10px;
- }
- .post img {
- max-width: 100%;
- }
- .title {
- width: 90%;
- padding: 5%;
- font-size: 18px;
- letter-spacing: 5px;
- background-color: {color:Highlight};
- color: {color:Side Text};
- font-variant: small-caps;
- }
- .title2 {
- width: 90%;
- padding: 5%;
- font-size: 18px;
- letter-spacing: 5px;
- background-color: {color:Highlight};
- font-variant: small-caps;
- text-align: justify;
- color: {color:Side Text};
- margin-bottom: 10px;
- }
- .title3 {
- width: 90%;
- padding: 5%;
- font-size: 18px;
- letter-spacing: 5px;
- background-color: {color:Highlight};
- font-variant: small-caps;
- text-align: center;
- color: {color:Side Text};
- margin-bottom: 10px;
- }
- .title3 a {
- color: {color:Side Text};
- }
- .title3 a:hover {
- color: {color:Hover};
- letter-spacing: 7px;
- }
- .player {
- margin-top: 20px;
- padding-left: 30%;
- }
- .label {
- float: left;
- font-variant: small-caps;
- margin-right: 5px;
- font-weight: bold;
- }
- .track {
- text-align: center;
- font-variant: small-caps;
- margin-top: 10px;
- padding: 1% 2% 1% 2%;
- color: {color:Side Text};
- }
- .questionblock {
- float: left;
- background-color: {color:Highlight};
- width: 74%;
- padding: 3%;
- margin-bottom: 10px;
- }
- .question {
- background-color: {color:Background};
- width: 90%;
- padding: 5%;
- text-align: justify;
- }
- .asker {
- font-variant: small-caps;
- font-size: 13px;
- letter-spacing: 2px;
- }
- .askicon {
- margin: 3% 0 0 7%;
- float: left;
- width: 10%;
- position: relative;
- }
- .askicon img {
- width: 100%;
- border: 7px solid {color:Highlight};
- }
- .askicon:before
- {
- content: "";
- position: absolute;
- left: -70%;
- top: 30%;
- right: -15px;
- border-style: solid;
- border-width: 13px 0 13px 28px;
- border-color: transparent {color:Highlight};
- display: block;
- width: 0;
- z-index: 1;
- }
- .answer {
- width: 80%;
- margin-bottom: 20px;
- }
- .bottom {
- margin-bottom: 40px;
- }
- .date {
- font-variant: small-caps;
- width: 79.3%;
- padding: 1% 2% 1% 2%;
- background-color: {color:Highlight};
- }
- .date a {
- color: {color:Side Text};
- }
- .date a:hover {
- color: {color:Side Text};
- }
- .tags {
- text-transform: lowercase;
- }
- .tags a {
- color: {color:Text};
- }
- /** PAGINATION */
- #pagination {
- position: fixed;
- right: 0;
- bottom: 2%;
- font-variant: small-caps;
- font-size: 13px;
- width: 15%;
- text-align: center;
- }
- @media (min-width:480px) {
- .mobile {
- display:none !important;
- }
- }
- @media (max-width: 480px) {
- .mobile {
- display:block !important;
- }
- }
- </style>
- </head>
- <body>
- <!-- HEADER -->
- <div id="header">
- <img src="{image:Header}">
- {block:ifTitle}<div id="maintitle">{Title}</div>{/block:ifTitle}
- </div>
- <div id="nav">
- <a href="/">Home</a>
- <a href="/ask">Ask</a>
- {block:ifLink1}
- <a href="{text:Link1}">{text:Link1 Title}</a>
- {/block:ifLink1}
- {block:ifLink2}
- <a href="{text:Link2}">{text:Link2 Title}</a>
- {/block:ifLink2}
- {block:ifLink3}
- <a href="{text:Link3}">{text:Link3 Title}</a>
- {/block:ifLink3}
- {block:ifLink4}
- <a href="{text:Link4}">{text:Link4 Title}</a>
- {/block:ifLink4}
- <a href="http://macfustythemes.tumblr.com/">Theme</a>
- </div>
- <div id="content">
- <!-- POSTS -->
- <div id="column">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img src="{PhotoUrl-500}">
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="title2">{Quote}</div>
- {block:Source}{Source}{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="title3">
- <a href="{Url}" target="{Target}">
- {Name}
- </a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {block:Lines}<p>
- {block:Label}
- <div class="label">{Label}</div>
- {/block:Label}
- {Line}</p>
- <div class="clear"></div>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div class="player">{AudioPlayerBlack}</div>
- <div class="track">{block:TrackName}{TrackName}{/block:TrackName} {block:Artist} / {Artist}{/block:Artist}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="questionblock">
- <div class="question">
- <div class="asker">{Asker} asked:</div>
- {Question}</div>
- </div>
- <div class="askicon"><img src="{AskerPortraitUrl-128}"></div>
- <div class="clear"></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- </div>
- <div class="bottom">
- <div class="date">
- {block:Date}
- <a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a>
- {/block:Date}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:Posts}
- </div>
- <!-- SIDEBAR -->
- <div id="sidebar">
- {block:ifBox1Label}
- <div class="sidehead {block:ifSideShadow}shadow{/block:ifSideShadow}">{text:Box1 Label}</div>
- <div class="side {block:ifSideShadow}shadow{/block:ifSideShadow}">
- {Description}
- </div>
- {/block:ifBox1Label}
- {block:ifBox2Label}
- <div class="sidehead {block:ifSideShadow}shadow{/block:ifSideShadow}">{text:Box2 Label}</div>
- <div class="side {block:ifSideShadow}shadow{/block:ifSideShadow}">
- {text:Box2 Content}
- </div>
- {/block:ifBox2Label}
- {block:ifBox3Label}
- <div class="sidehead {block:ifSideShadow}shadow{/block:ifSideShadow}">{text:Box3 Label}</div>
- <div class="side {block:ifSideShadow}shadow{/block:ifSideShadow}">
- {block:ifIcon1Label}
- <div class="wantedicon"><img src="{image:SideIcon1}"></div>
- <div class="wanted">{text:Icon1 Label}</div>
- <div class="clear"></div>
- {/block:ifIcon1Label}
- {block:ifIcon2Label}
- <div class="wantedicon"><img src="{image:SideIcon2}"></div>
- <div class="wanted">{text:Icon2 Label}</div>
- <div class="clear"></div>
- {/block:ifIcon2Label}
- {block:ifIcon3Label}
- <div class="wantedicon"><img src="{image:SideIcon3}"></div>
- <div class="wanted">{text:Icon3 Label}</div>
- <div class="clear"></div>
- {/block:ifIcon3Label}
- </div>
- {/block:ifBox3Label}
- {block:ifBox4Label}
- <div class="sidehead {block:ifSideShadow}shadow{/block:ifSideShadow}">{text:Box4 Label}</div>
- <div class="side {block:ifSideShadow}shadow{/block:ifSideShadow}">
- {text:Box4 Content}
- </div>
- {/block:ifBox4Label}
- </div>
- </div>
- <!-- PAGINATION -->
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">← Prev</a>
-
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">Next →</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement