Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <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}
- <meta name="color:border" content="#000000">
- <meta name="image:sidebar image" content="">
- <meta name="image:navigation image" content="">
- <meta name="text:faq text" content="place your basic faq info here. if you have basic html knowledge and want to edit your faq further, venture into the code, and good luck with it! if this doesn't work, please message me at skyrim themes.">
- <meta name="text:second description" content="this is the description that turns up in your navigation. it looks better if you fill it up tbh but whatever you do, have fun with it. also, again, if you want to edit the code further, then just go in to the html. only recommended if you actually have basic html knowledge. also, if you want more links, you can go in and edit the code.">
- <meta name="text:link 1 url" content="">
- <meta name="text:link 1 name" content="">
- <meta name="text:link 2 url" content="">
- <meta name="text:link 2 name" content="">
- <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="">
- <meta name="text:link 6 url" content="">
- <meta name="text:link 6 name" content="">
- <meta name="text:link 7 url" content="">
- <meta name="text:link 7 name" content="">
- <!--pushy things like annoying chicks who are pushy-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".messageclick").click(function(){
- $(".closed").toggleClass("open");
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- $(".naviclick").click(function(){
- $(".shut").toggleClass("up");
- });
- });
- </script>
- <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /*tooltips*/
- #s-m-t-tooltip{
- font-size:10px;
- position:absolute;
- margin-top: 20px;
- margin-left:20px;
- font-weight:bold;
- z-index:999999999999999999999999999999999999999999999;
- background:#000;
- padding:3px;
- color:#fff;
- text-transform:uppercase;
- font-family:calibri;
- padding:2px 3px 2px 3px;
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- transition:all 0.3s;
- }
- /*scrollbar*/
- ::-webkit-scrollbar { left:0; width: 5px; height: 5px; background:#000; }
- ::-webkit-scrollbar-thumb { background-color:#fff;border:1px solid #000; }
- body {
- font: 10px calibri;
- color:#000;
- background-color:#fff;
- text-align:justify;
- }
- a {
- color:#000;
- text-decoration:none;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- a:hover {
- color:#aaa;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- blockquote {
- margin-left:5px;
- border-left:1px solid #000;
- padding-left:5px;
- }
- .top {
- width:100%;
- height:20px;
- background-color:{color:border};
- top:0;
- left:0;
- position:fixed;
- z-index:999999999999999999999;
- }
- .bottom {
- width:100%;
- height:20px;
- background-color:{color:border};
- bottom:0;
- left:0;
- position:fixed;
- z-index:999999999999999999999;
- }
- .left {
- height:100%;
- width:20px;
- background-color:{color:border};
- top:0;
- left:0;
- position:fixed;
- z-index:999999999999999999999;
- }
- .right {
- height:100%;
- width:20px;
- background-color:{color:border};
- top:0;
- right:0;
- position:fixed;
- z-index:999999999999999999999;
- }
- .sbar {
- top:70px;
- left:70px;
- position:fixed;
- width:100px;
- }
- .sbar img {
- width:100px;
- height:100px;
- display:block;
- border-radius:50%;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .sbar img:hover {
- border-radius:0;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .txt1 {
- font-size:9px;
- color:#000;
- letter-spacing:1px;
- text-transform:uppercase;
- padding-top:5px;
- line-height:100%;
- }
- .navilinks {
- bottom:30px;
- left:35px;
- position:fixed;
- z-index:9;
- }
- .navilinks a {
- color:#000;
- font-size:10px;
- text-decoration:none;
- letter-spacing:1px;
- text-transform:uppercase;
- padding-right:15px;
- cursor:help;
- }
- #messageme {
- width:380px;
- background-color:{color:border};
- padding:10px;
- left:50%;
- margin-left:-200px;
- color:#fff;
- position:fixed;
- z-index:9999999;
- overflow:hidden;
- text-align:left;
- }
- .closed {
- bottom:-500px;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .open {
- bottom:20px;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #messageme iframe {
- margin-top:10px;
- }
- #navime {
- height:100%;
- background-color:{color:border};
- padding:30px;
- width:200px;
- padding-left:10px;
- top:0;
- position:fixed;
- }
- .shut {
- right:-300px;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .up {
- right:0;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #navime a {
- width:180px;
- padding:10px;
- display:block;
- text-decoration:none;
- color:#fff;
- text-transform:uppercase;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #cr {
- font: 10px consolas;
- font-weight:bold;
- position: fixed;
- background-color:#fff;
- border:1px solid #000;
- width:13px;
- height:13px;
- bottom: 25px;
- padding:2px;
- right: 25px;
- z-index: 10;
- text-align:center;
- overflow:hidden;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- #cr a {
- color:#fff;
- font-size:10px;
- font-weight:bold;
- text-decoration: none;
- }
- #cr:hover {
- width:100px;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;
- }
- #cr:hover a {
- color:#000;
- }
- #navime a:hover {
- background-color:#fff;
- color:#000;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .txtme {
- color:#fff;
- padding-bottom:10px;
- text-align:justify;
- }
- .txtme a {
- color:#fff;
- text-decoration:underline;
- width:auto;
- padding:0;
- display:inline-block;
- text-transform:normal;
- }
- .phto1 {
- width:100px;
- height:100px;
- padding-bottom:10px;
- margin-left:50px;
- }
- .phto1 img {
- width:100px;
- height:100px;
- border-radius:50%;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .phto1 img:hover {
- border-radius:0;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .posts {
- margin-left:350px;
- margin-top:120px;
- width:500px;
- }
- #pagination {
- margin-bottom:50px;
- width:500px;
- padding-bottom:100px;
- }
- #pagination a {
- text-decoration:none;
- text-transform:uppercase;
- letter-spacing:1px;
- color:#000;
- }
- ol.notes {
- list-style-type: none;
- padding:3px;
- padding-top:30px;
- }
- ol.notes img { display:none }
- ol.notes a { text-decoration:none; }
- .postswrap1 {
- width:500px;
- overflow:hidden;
- margin-bottom:100px;
- position:relative;
- }
- .postswrap2 {
- width:500px;
- position:relative;
- }
- #title {
- width:480px;
- background-color:#000;
- padding:10px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:12px;
- color:#fff;
- }
- #title a {
- color:#fff;
- }
- #quote {
- width:480px;
- background-color:#000;
- padding:10px;
- text-align:center;
- font-size:11px;
- color:#fff;
- }
- #confucius {
- margin-top:10px;
- text-align:center;
- }
- #audio {
- width:480px;
- text-align:right;
- padding:10px;
- background-color:#000;
- height:auto;
- letter-spacing:1px;
- line-height:15px;
- margin-bottom:10px;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #play-wrap {
- position:absolute;
- background-color:#fff;
- width:30px;
- height:30px;
- margin-top:15px;
- margin-left:15px;
- opacity:0;
- }
- #play {
- width:25px;
- height:30px;
- overflow:hidden;
- float:left;
- margin-top:2px;
- margin-left:2px;
- }
- #audio:hover #play-wrap {
- opacity:8;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #pause {
- width:60px;
- height:60px;
- display:inline-block;
- }
- #pause img {
- width:60px;
- height:60px;
- }
- #trackname {
- display:inline-block;
- width:410px;
- color:#fff;
- overflow:hidden;
- font-size:10px;
- text-transform:uppercase;
- height:60px;
- margin-left:5px;
- float:right;
- }
- #trackname a { color:#fff; }
- #talkbubble
- {
- position: relative;
- width: 480px;
- color:#fff;
- height:auto;
- padding: 10px;
- background-color:#000;
- }
- #talkbubble:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 16px 11px 0;
- border-color: #000 transparent;
- display: block;
- width: 0;
- z-index: 1;
- bottom: -16px;
- left: 15px;
- }
- #ask-icon {
- float:left;
- position:absolute;
- margin-left:0;
- margin-top:0;
- }
- #ask-icon img {
- width:30px;
- height:30px;
- border-radius:50%;
- }
- #asker {
- width:440px;
- height:15px;
- text-align:left;
- border-bottom:1px solid #fff;
- overflow:hidden;
- padding-left:40px;
- font-size:10px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- #asker a {
- color:#fff;
- }
- #question {
- width:480px;
- text-align:left;
- margin-top:16px;
- }
- #info {
- width:500px;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- #info a {
- text-decoration:none;
- padding:5px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:#000;
- }
- .postswrap1:hover .perma_hold {opacity:1;}
- .postswrap1:hover .perma-link { margin-left:0; }
- .postswrap1:hover .perma-tags { margin-right:10px; }
- .perma_hold {
- width:500px;
- height:100%;
- top:0px;
- left:0;
- overflow:hidden;
- position:absolute;
- opacity:0;
- z-index:9999;
- background:rgba(255,255,255,0.7);
- transition:0.6s ease;
- -o-transition:0.6s ease;
- -moz-transition:0.6s ease;
- -webkit-transition:0.6s ease;
- }
- .perma {
- top:40%;
- position:relative;
- text-align:center;
- text-transform:uppercase;
- }
- .perma-link {
- transition:0.6s ease;
- -o-transition:0.6s ease;
- -moz-transition:0.6s ease;
- -webkit-transition:0.6s ease;
- margin-left:-250px;
- font-size:14px;
- }
- .perma-link a {
- padding:10px;
- width:auto;
- border:1px solid #000;
- }
- .perma-tags {
- transition:0.6s ease;
- -o-transition:0.6s ease;
- -moz-transition:0.6s ease;
- -webkit-transition:0.6s ease;
- margin-right:-250px;
- font-size:9px;
- padding-left:10px;
- padding-right:10px;
- margin-top:20px;
- }
- .perma-tags a {
- margin-left:3px;
- margin-right:3px;
- display:inline-block;
- }
- </style>
- </head>
- <body>
- <div class="top"></div><div class="bottom"></div><div class="left"></div><div class="right"></div>
- <div class="posts">{block:posts}<div class="postswrap1">
- {block:IndexPage}<div class="perma_hold"><div class="perma"><div class="perma-link"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{block:hastags}<div class="perma-tags">filed under:<br> {block:tags}<a href="{tagurl}">#{tag}</a>{/block:tags}</div>{/block:hastags}</div></div>{/block:IndexPage}
- <div class="postswrap2">
- {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}<p style="font-weight:lighter">{Body}</p>{/block:Text}
- {block:Photo}<div id="photo2">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
- {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Panorama}
- {block:Photoset}{Photoset-500}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
- {block:Quote}<div id="quote">"{Quote}"</div><div id="confucius">{block:Source}{Source}{/block:Source}</div>{/block:Quote}
- {block:Link}<div id="title"><a href="{URL}" {Target}>{Name} →</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<div id="title">{Title}</div>{/block:Title}<div id="chlines">{block:Lines}<div id="{Alt}">{block:Label}<span id="label" style="font-weight:bold" id="label">{Label}</span>{/block:Label} <span id="line">{Line}</span></div>{/block:Lines}</div>{/block:Chat}
- {block:Video}{Video-500}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
- {block:Audio}<div id="audio">{block:AudioPlayer}{block:AlbumArt}<div id="pause"><div id="play-wrap"><div id="play">{AudioPlayerWhite}</div></div><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{/block:AudioPlayer}{block:TrackName}<div id="trackname">{TrackName}<br>{block:Artist}{Artist}{/block:Artist}<br>{block:Album}{Album}{/block:Album}<br>{block:PlayCount}{PlayCount}{/block:PlayCount}</div>{/block:TrackName}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
- {block:Answer}<div id="coverme"><div id="talkbubble"><div id="ask-icon"><img src="{AskerPortraitURL-30}"></div><div id="asker">{Asker} asked:</div><div id="question">{question}</div></div></div><div id="answer"><br>{Answer}</div>{/block:Answer}
- {block:permalinkpage}{block:Date}<div id="info"><a href="{Permalink}" font-weight"bold" style="float:left">{DayOfWeek} {DayOfMonth}</a>{block:NoteCount}<a href="{Permalink}" style="float:left">{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank" style="float:right;">reblog</a>{block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}" style="float:right">via</a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}" style="float:right">source</a>{/block:ContentSource}</div>{/block:Date}{/block:permalinkpage}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>{/block:posts}
- {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}" style="float:left">← previous</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" style="float:right">next →</a>{/block:NextPage}</div>{/block:Pagination}
- </div>
- <div id="cr"><a href="http://harknesses.tumblr.com">SKYRIM THEMES</a></div>
- <div id="navime" class="shut"><div class="phto1"><img src="{image:navigation image}"></div><div class="txtme">{text:second description}</div><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><a href="{text:link 6 url}">{text:link 6 name}</a><a href="{text:link 7 url}">{text:link 7 name}</a></div>
- <div id="messageme" class="closed">{text:faq text}<iframe frameborder="0" height="240" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe></div>
- <div class="sbar"><a href="/"><img src="{image:sidebar image}"></a><div class="txt1">{description}</div></div>
- <div class="navilinks"><a href="/">home</a><a class="messageclick">message</a><a class="naviclick">navigation</a><a href="{text:link 1 url}">{text:link 1 name}</a><a href="{text:link 2 url}">{text:link 2 name}</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement