Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!------
- J IS FOR JACKAL
- theme 010 by ohcodey.tumblr.com [wolfwrecked]
- Please observe common theme sharing etiquette:
- :you may alter but do not remove credit
- :do not use as a base or redistibute
- :etc
- ----->
- <html>
- <head>
- <title>{Title}</title>
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- APPEARANCE DEFAULTS -->
- <meta name="if:Show Description" content="1"/>
- <meta name="if:Show 1 Links" content="1"/>
- <meta name="if:Show 2 Links" content="1"/>
- <meta name="if:Show 3 Links" content="1"/>
- <meta name="if:Show 4 Links" content="1"/>
- <meta name="if:Show 5 Links" content="0"/>
- <meta name="if:Show 6 Links" content="0"/>
- <meta name="if:Show 7 Links" content="0"/>
- <meta name="if:Show 8 Links" content="0"/>
- <!--FONTS-->
- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
- <!--COLOUR VARIABLES-->
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Links" content="#ffffff" />
- <meta name="color:Post Links" content="#000000" />
- <meta name="color:Post Text" content="#555555" />
- <meta name="color:Links Background" content="#000000" />
- <meta name="color:Colour 1" content="#b6ee6c" />
- <meta name="color:Colour 2" content="#75e7fb" />
- <!--SIDEBAR IMAGE-->
- <meta name="image:Sidebar Image" content="">
- <meta name="text:Navigation Title" content="navigation">
- <!--SIDEBAR LINKS-->
- <meta name="text:Nav Link 1" content="">
- <meta name="text:Nav Link 1 Url" content="">
- <meta name="text:Nav Link 2" content="">
- <meta name="text:Nav Link 2 Url" content="">
- <meta name="text:Nav Link 3" content="">
- <meta name="text:Nav Link 3 Url" content="">
- <meta name="text:Nav Link 4" content="">
- <meta name="text:Nav Link 4 Url" content="">
- <meta name="text:Nav Link 5" content="">
- <meta name="text:Nav Link 5 Url" content="">
- <meta name="text:Nav Link 6" content="">
- <meta name="text:Nav Link 6 Url" content="">
- <meta name="text:Nav Link 7" content="">
- <meta name="text:Nav Link 7 Url" content="">
- <meta name="text:Nav Link 8" content="">
- <meta name="text:Nav Link 8 Url" content="">
- </head>
- <style>
- body {
- font-family: 'Source Sans Pro', sans-serif;
- font-size:11px;
- background-color:{color:background};
- margin-top:50px;
- color:{color:post text};
- letter-spacing:+1px;
- text-align:justify;
- line-height:120%;
- }
- a { text-decoration:none;
- color:{color:post links};
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- a:hover {transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- a:hover:nth-of-type(odd) {color:{color:Colour 1};}
- a:hover:nth-of-type(even) {color:{color:Colour 2};}
- #container {width:715px;
- margin-left:auto;
- margin-right:auto;
- }
- #sidebar {
- width:175px;
- position:fixed;
- bottom:40px;
- }
- .sidebar-img {margin-bottom:20px;margin-top:20px;}
- .desc {margin-top:-10px;margin-bottom:15px;text-align:justify;}
- #posts {width:500px;
- margin-left:205px;
- padding-right:20px;
- }
- .entries {
- margin-bottom:70px;
- }
- sub, sup, small {font-size:10px;}
- blockquote {
- border-left:1px solid {color:post text};
- padding-left:15px;
- }
- .caption {
- padding:10px;
- margin-top:-5px;
- }
- .pagination {
- margin-bottom:30px;
- text-align:center;
- display:block;
- width:175px;
- background-color:{color:Links Background};
- color:#ffffff;
- padding:5px 5px 5px 0;
- height:15px;
- color:{color:links};
- }
- .pagination a {color:{color:links};}
- .date {
- width:103px;
- float:right;
- margin-right:-133px;
- }
- .date a {
- display:block;
- background-color:{color:Links Background};
- color:{color:links};
- margin-bottom:3px;
- padding:2px 5px 3px 5px;
- text-align:center;
- color:{color:links};
- font-size:8px;
- LETTER-SPACING:+1px;
- text-transform:uppercase;
- }
- .sources a {
- width:22px;
- display:inline-block;
- color:{color:links};}
- .tags {
- background-color:{color:links background};
- {block:IndexPage}position:absolute;{/block:IndexPage}
- width:480px;
- padding:10px;
- color:{color:links};
- {block:IndexPage} opacity:0;{/block:IndexPage}
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .tags a {
- color:{color:links};
- text-transform:uppercase;
- font-size:8px;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- a.taghead + span.taghead {
- display:inline;
- }
- span.taghead {
- display:none;
- }
- {block:IndexPage}.entries:hover .tags {
- opacity:1;
- border-bottom:1px solid {color:links};
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }{/block:IndexPage}
- .post_quote {
- font-size:14px;
- letter-spacing:+1px;
- margin-top:5px;
- padding:5px 10px;
- }
- .post_quote .source {
- text-align:right;
- padding:10px;
- width:480px;
- margin-top:5px;
- }
- .post_text {
- padding:5px 10px;
- letter-spacing:+1px;
- text-align:justify;
- }
- .audio_player {
- width:28px;
- OVERFLOW:HIDDEN;
- margin-top:5px;
- background-color:{color:links background};
- text-transform:uppercase;
- }
- .post_audio_dets {
- font-size:8px;
- letter-spacing:+2px;
- text-transform:uppercase;
- margin-top:-20px;
- text-align:right;
- padding-bottom:20px;
- padding-right:8px;
- text-align:right;
- padding-left:40px;
- background-color:{color:background};
- }
- .question {
- font-size:10px;
- letter-spacing:+1px;
- padding:5px;
- font-style:italic;
- max-width:490px;
- overflow:hidden;
- background-color:{color:Links Background};
- color:{color:links};
- }
- .asker {font-size:8px;
- text-transform:uppercase;
- letter-spacing:+1px;
- padding:5px;
- text-align:right;
- font-style:normal;
- color:{color:colour 1};
- }
- .askerimg {
- width:40px;
- float:left;
- padding-right:5px;
- }
- .answer {
- text-align: justify;
- padding:5px 10px;
- }
- .answer img {max-width:480px;overflow:hidden;}
- ol.notes {
- font-size:10px;
- list-style-type:decimal-leading-zero;
- padding:4px 0;
- letter-spacing:+1px;
- margin-left:20px;
- }
- ol.notes a {
- font-size:10px;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- font-style:normal;
- }
- img.avatar {display:none;}
- li.note {
- padding:2px;
- }
- #navigation-box {
- text-align:center;
- padding-bottom:20px;
- height: 25px;
- overflow: hidden;
- transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- {block:ifShow1Links}
- #navigation-box:hover {
- height: 56px;
- transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- {/block:ifShow1Links}
- {block:ifShow2Links}
- #navigation-box:hover {
- height: 84px;
- transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- {/block:ifShow2Links}
- {block:ifShow3Links}
- #navigation-box:hover {
- height: 112px;
- transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- {/block:ifShow3Links}
- {block:ifShow4Links}
- #navigation-box:hover {
- height: 140px;
- transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- {/block:ifShow4Links}
- {block:ifShow5Links}
- #navigation-box:hover {
- height: 168px;
- transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- {/block:ifShow5Links}
- {block:ifShow6Links}
- #navigation-box:hover {
- height: 196px;
- transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- {/block:ifShow6Links}
- {block:ifShow7Links}
- #navigation-box:hover {
- height: 224px;
- transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- {/block:ifShow7Links}
- {block:ifShow8Links}
- #navigation-box:hover {
- height: 252px;
- transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- {/block:ifShow8Links}
- #navigation-box a {
- display:block;
- text-transform:uppercase;
- font-size:6.5pt;
- padding:5px ;
- height:15px;
- margin-bottom:3px;
- letter-spacing:+2px;
- color:{color:links};}
- #navigation-box a:nth-of-type(odd) {background-color:{color:Colour 1};}
- #navigation-box a:nth-of-type(even) {background-color:{color:Colour 2};}
- ::selection {background:{color:Colour 2};
- color:{color:background};
- }
- ::-moz-selection {background:{color:Colour 2};
- color:#ffffff;
- }
- ::-webkit-selection {background:{color:Colour 2};
- color:#ffffff;
- }
- ::-webkit-scrollbar {width:5px;
- height:auto;
- background:{color:background};
- }
- ::-webkit-scrollbar-corner {background:{color:background};
- }
- ::-webkit-scrollbar-thumb:vertical {background:{color:links background};
- }
- ::-webkit-scrollbar-thumb:horizontal {background:{color:links background};
- }
- ::-webkit-scrollbar-thumb:hover {background:{color:colour 1};
- }
- .sidebar-credit
- {width:20px;
- height:20px;
- z-index:20;
- font-size:12px;
- background-color:{color:background};
- position:fixed;
- right:10px;
- bottom:10px;
- }
- .sidebar-credit a{color:{color:Post Links};}
- .sidebar-credit a:hover {color:{color:Colour 2};}
- </style>
- <body>
- <div id="container">
- <div id="sidebar">
- <div id="navigation-box">
- <a style="margin-top: 20px;text-transform:lowercase;font-size:10px;background-color:{color:Links Background};" >{text:Navigation Title}</a>
- <a href="{text:Nav Link 1 Url}">{text:Nav Link 1}</a>
- <a href="{text:Nav Link 2 Url}">{text:Nav Link 2}</a>
- <a href="{text:Nav Link 3 Url}">{text:Nav Link 3}</a>
- <a href="{text:Nav Link 4 Url}">{text:Nav Link 4}</a>
- <a href="{text:Nav Link 5 Url}">{text:Nav Link 5}</a>
- <a href="{text:Nav Link 6 Url}">{text:Nav Link 6}</a>
- <a href="{text:Nav Link 7 Url}">{text:Nav Link 7}</a>
- <a href="{text:Nav Link 8 Url}">{text:Nav Link 8}</a>
- </div>
- <a href="/"><img src="{image:sidebar image}" class="sidebar-img" /></a>
- {block:ifShowDescription}<div class="desc">{description}</div>
- {/block:ifShowDescription}
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage} {CurrentPage} / {TotalPages} {block:NextPage}<a href="{NextPage}" class="jump_page">»</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="posts">
- {block:Posts}
- <div class="entries">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div class="date">
- {block:Date}
- <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{ShortYear}</a>
- {/block:Date}
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount} ♥</a>
- {/block:NoteCount}
- <div class="sources">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="via" />via</a>
- <a href="{ReblogRootURL}" title="source"/>src</a>
- <a href="{ReblogURL}" title="reblog" >rbg</a>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="/" title="via" />via</a>
- <a href="/" title="source"/>src</a>
- <a href="{ReblogURL}" title="reblog" >rbg</a>
- {/block:NotReblog}
- </div>
- </div>
- {block:IndexPage} {block:HasTags}
- <div class="tags">
- {block:Tags}<span class="taghead"> </span><a class="taghead" href="{TagURL}">{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IndexPage}
- {block:Text}
- <div class="post_text">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post_photo">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post_photoset">
- {Photoset-500}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post_quote">
- "{Quote}"
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post_link">
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div 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}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post_video">
- {Video-500}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Video}
- {block:Audio}
- <div class="post_audio">
- {AudioPlayerBlack}
- <div class="post_audio_dets">
- {block:TrackName}
- {TrackName}
- {/block:TrackName} -
- {block:Artist}
- {Artist}
- {/block:Artist}
- </div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="post_answer">
- <div class="question"><img src="{AskerPortraitURL-40}" class="askerimg">{Question}<Br><div class="asker">- {Asker}</div></div>
- <div class="answer"> {Answer}</div>
- </div>
- {/block:Answer}
- {block:PermalinkPage} {block:HasTags}
- <div class="tags">
- {block:Tags}<span class="taghead"> </span><a class="taghead" href="{TagURL}">{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <div class="sidebar-credit">
- <a style="font-family:'playfair display',serif;" href="http://ohcodey.tumblr.com/">c.</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement