Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!----------------------------------------
- Base Code #1 by Incedo
- http://incedothemes.tumblr.com
- *Tips @ http://incedothemes.tumblr.com/basecodes
- *Please do not remove this credit
- and please credit me in your faq
- *DO NOT REDISTRIBUTE without proper credit
- Updated 1/1/14
- ------------------------------------------>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <link href="http://static.tumblr.com/3l2jcs4/s2Un1fe9u/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/3l2jcs4/209n1fe9k/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:100,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type='text/javascript'><!--
- $(document).ready(function() {
- enableSelectBoxes();
- });
- function enableSelectBoxes(){
- $('div.selectBox').each(function(){
- $(this).children('span.selected').html($(this).children('ul.selectOptions').children('li.selectOption:first').html());
- $('input.price_values').attr('value',$(this).children('ul.selectOptions').children('li.selectOption:first').attr('data-value'));
- $(this).children('span.selected,span.selectArrow').click(function(){
- if($(this).parent().children('ul.selectOptions').css('display') == 'none'){
- $(this).parent().children('ul.selectOptions').css('display','block');
- }
- else
- {
- $(this).parent().children('ul.selectOptions').css('display','none');
- }
- });
- $(this).find('li.selectOption').click(function(){
- $(this).parent().css('display','none');
- $('input.price_values').attr('value',$(this).attr('data-value'));
- $(this).parent().siblings('span.selected').html($(this).html());
- });
- });
- }//-->
- </script>
- <title>{Title}</title>
- <!Meta-tags go here>
- <meta name="color:Post Links Hover" content="#000" />
- <meta name="color:Post Links" content="#aaa" />
- <meta name="color:Links Hover" content="#000" />
- <meta name="color:Links" content="#aaa" />
- <meta name="color:Background" content="#e2dfce" />
- <meta name="image:Background" content="http://24.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo4_400.jpg" />
- <meta name="color:Shadows" content="#000" />
- <meta name="if:Shadows" content="1" />
- <meta name="color:Blog Title Bg" content="#3A3A6C" />
- <meta name="color:Blog Title" content="#fff" />
- <meta name="color:Text" content="#000" />
- <meta name="color:Nav" content="#000" />
- <meta name="color:Nav Bg" content="#BAF254" />
- <meta name="color:Nav Links Bg" content="#fff" />
- <meta name="color:Nav Links Bg Hover" content="#3A3A6C" />
- <meta name="color:Nav Links" content="#aaa" />
- <meta name="color:Nav Links Hover" content="#fff" />
- <meta name="color:Selection Bg" content="#ccc" />
- <meta name="color:Selection" content="#fff" />
- <meta name="color:Sidelinks" content="#aaa" />
- <meta name="color:Sidelinks Hover" content="#BAF254" />
- <meta name="color:Post Bg" content="#fff" />
- <meta name="color:Sidebar Text" content="#000" />
- <meta name="color:Sidebar Bg" content="#fff" />
- <meta name="if:Sidebar Bg" content="0" />
- <meta name="text:Sidebar Margin Top" content="135" />
- <meta name="image:Sidebar" content="http://static.designspiration.net/data/l/426128110034_oik75EGy_l.jpg" />
- <meta name="text:Nav Link 1" content="Link Here" />
- <meta name="text:Nav URL 1" content="#" />
- <meta name="text:Nav Link 2" content="Link Here" />
- <meta name="text:Nav URL 2" content="#" />
- <meta name="text:Nav Link 3" content="Link Here" />
- <meta name="text:Nav URL 3" content="#" />
- <meta name="text:Nav Link 4" content="Link Here" />
- <meta name="text:Nav URL 4" content="#" />
- <meta name="text:Nav Link 5" content="Link Here" />
- <meta name="text:Nav URL 5" content="#" />
- <meta name="text:Sidebar Link 1" content="勇" />
- <meta name="text:Sidebar Link 2" content="気" />
- <meta name="text:Sidebar Link 3" content="平" />
- <meta name="text:Sidebar Link 4" content="和" />
- <meta name="if:SidebarLinks" content="1" />
- <!Leave this stuff alone>
- <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
- <link rel="shortcut icon" href="{Favicon}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
- <!CSS starts here>
- <style type="text/css">
- div.selectBox.focus { border: 3px solid transparent; }
- blockquote { margin: 0; margin-left: 20px; border-left: 2px solid {color:Post Links Hover}; padding-left: 20px; }
- a { color: {color:Links}; text-decoration: none; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
- a:hover { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; color: {color:Links Hover}; }
- body { background-color: {color:Background}; background-image: url('{image:Background}'); background-attachment: fixed; color:{color:text}; font-family: consolas; text-transform: uppercase; letter-spacing: 1px; font-size: 8px; }
- #wrapper { width:750px; margin-left:auto; margin-right:auto; }
- #sidebar {
- top: {text:Sidebar Margin Top}px; color: {color:Sidebar Text}; width:200px; {block:IfSidebarBg}background-color: {color:Sidebar Bg};{/block:IfSidebarBg} padding: 5px;
- position:fixed; z-index: 99;}
- .sideimage { margin-bottom: 10px; {block:IfShadows} box-shadow: 1px 1px 3px rgba({RGBcolor:Shadows},0.2);{/block:IfShadows} }
- #title {
- color: {color:Blog Title}; padding: 2px;
- font-size: 15px; background-color:{color:Blog Title Bg}; {block:IfShadows}box-shadow: 1px 1px 3px rgba({RGBcolor:Shadows},0.2);{/block:IfShadows}}
- #entries {
- margin-left: 250px;
- width:550px;}
- #posts {
- margin:15px; background-color: {color:Post Bg}; padding: 10px; {block:IfShadows}box-shadow: 1px 1px 3px rgba({RGBcolor:Shadows},0.2); border-bottom: 0px solid transparent; width: 500px;
- -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- }
- #posts:hover { border-bottom: 20px solid transparent;
- -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
- -o-transition: all 0.4s linear; }
- #permaa { position: absolute; width: 500px; margin-top: 5px; height: 0px; overflow: hidden; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;}
- #posts:hover #permaa { height: 10px; margin-top: 10px; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
- -o-transition: all 0.4s linear; }
- .posttitle { font-size: 15px; background-color: {color:Nav Bg}; border-left: 20px solid {color:Nav Links Bg Hover}; padding: 5px 10px; color: {color:Nav};}
- ::-moz-selection { background: {color:Selection Bg}; /*Cor do fundo*/ color: {color:Selection}; /*Cor da fonte*/ }
- ::selection { background: {color:Selection Bg};/*Cor do fundo*/ color: {color:Selection}; /*Cor da fonte*/ }
- img, img a {
- border:none;
- line-height:0;
- max-width:100%;}
- div.selectBox{position: relative; display: inline-block; cursor: default; text-align: center; clear: both; color: rgb(114, 97, 97); {block:IfShadows}box-shadow: 1px 1px 3px rgba({RGBcolor:Shadows},0.2); }
- span.selected{ width: 170px; border-right: none; background: {color:Nav Bg}; overflow: hidden; padding-top: 2px; padding-bottom: 2px; }
- span.selectArrow{width: 30px; height: 13px; text-align: center; font-size: 9px; overflow: hidden; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background: {color:Nav Links Bg Hover} ; color: {color:Nav Links Hover}; }
- span.selectArrow,span.selected{ position: relative; float: left; z-index: 1;}
- ul.selectOptions{position: absolute; top: 4px; left: 0; overflow: hidden; background: {color:Nav Links Bg}; display: none;margin: 0;list-style: none inside none; text-align: left; width: 160px; box-shadow: rgba({RGBcolor:Shadows},0.2); }
- li.selectOption{display: block; list-style: none;margin: 0; width: 200px; margin-left: -40px;
- }
- li.selectOption a { display:block; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; color: {color:Nav Links};
- -o-transition: all 0.4s linear;}
- li.selectOption a:hover {color: {color:Nav Links Hover}; background: {color:Nav Links bg Hover};}
- ::-webkit-scrollbar
- {width: 6px; height: 6px;}
- ::-webkit-scrollbar-track-piece
- {background: {color:Selection Bg}}
- ::-webkit-scrollbar-thumb:vertical
- {height: 6px; background-color: {color:Selection};}
- ::-webkit-scrollbar-thumb:horizontal
- {width: 6px; background-color: {color:Selection};}
- #linkes { text-align: right;}
- #linkes a {
- font-size: 13px;
- color: {color:Sidelinks};
- }
- #linkes a:hover {
- color: {color:Sidelinks Hover}; background-color: transparent;
- }
- #s-m-t-tooltip {
- margin-top: 25px; {block:IfShadows}box-shadow: 1px 1px 3px rgba({RGBcolor:Shadows},0.2);
- margin-left: 10px; font-family: consolas; font-size: 8px;
- background-color: {color:Post Bg}; color: {color:Text}; padding: 3px; padding-right: 5px; padding-left: 5px;
- }
- #posts:hover .postimage { opacity: 0.7; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
- -o-transition: all 0.4s linear; }
- .postimage { opacity: 0.9; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; width: 500px; }
- #permaa a { color:{color:Nav}; background-color: {color:Nav Bg}; padding: 5px 3px; text-decoration: none; }
- #permaa a:hover { background-color: {color:Nav Links Bg Hover}; color: {color:Nav Links Hover}; }
- #tags { float: right; width: 350px; text-align: right; }
- #tags a { color: {color:Text}; background: none; text-decoration: none; }
- #tagss { background-color: {color:Nav Bg}; padding-left: 2px;}
- #postlink a { color:{color:Nav}; display:block; font-size: 15px; background-color: {color:Nav Bg}; border-left: 20px solid {color:Nav Links Bg Hover}; padding: 5px 10px; text-decoration: none; }
- #postlink a:hover { background-color: {color:Nav Links Bg Hover}; color: {color:Nav Links Hover}; border-width: 25px; border-color: {color:Nav Bg}; }
- #audioplayer { width:27px; height:27px; overflow:hidden; position:absolute; margin-top:36px; margin-left:32px; z-index: 99; border: 4px double white;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out; }
- #audioplayer:hover { opacity: 0.8;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out; }
- #trackname { font-size: 12px; background-color: {color:Nav Links Bg Hover}; padding: 5px; width: 380px; color: {color:Nav Links Hover}; text-transform: uppercase; margin-bottom: 3px; }
- #audiocaption { text-align: left; width: 400px; position: absolute; margin-left: 110px; }
- ol.notes li.note { padding-bottom: 3px; }
- ol.notes { padding-top: 10px; margin-left: -40px; list-style-type: none; }
- ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
- #credit { position: fixed; right: 25px; bottom: 25px; background-color: {color:Post Bg}; padding: 5px; font-size: 9px; font-family: consolas; z-index: 999; border: 1px solid {color:Links}; }
- #credit a { color: {color:Links}; }
- .back, .next { font-size: 20px; }
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <!HTML body starts here>
- <body>
- <div id="wrapper">
- <div id="sidebar">
- {block:IfSidebarLinks}<div id="linkes">
- <a href="/" title="home">{text:Sidebar Link 1}</a><a href="/ask" title="ask">{text:Sidebar Link 2}</a><a href="/archive" title="archive">{text:Sidebar Link 3}</a><a href="http://thelittledanger.tumblr.com" title="base: incedo / theme: elly">{text:Sidebar Link 4}</a></div>{/block:IfSidebarLinks}
- <center><div id="title">{Title}</div>
- </p>How would you like to die, a fast death or a slow one? Personally I'd rather kill you slowly, my Lord.</p></center>
- <img src="{image:Sidebar}" class="sideimage">
- <div style="width: 100%; height: 0px; margin-bottom: 10px; border-bottom: 3px solid {color:Blog Title Bg}; {block:IfShadows}box-shadow: 1px 1px 3px rgba({RGBcolor:Shadows},0.2);"></div>
- <div class="selectBox"> <input type="hidden" value="value 3" class="price_values">
- <span class="selected">Option 3</span>
- <span class="selectArrow"><div style="margin-top: 1px">▼</div></span>
- <ul class="selectOptions" style="display: none;">
- <li class="selectOption" data-value="value 0">navigation</li>
- <li class="selectOption" data-value="value 1"><a href="{text:Nav URL 1}">{text:Nav Link 1}</a></li>
- <li class="selectOption" data-value="value 2"><a href="{text:Nav URL 2}">{text:Nav Link 2}</a></li>
- <li class="selectOption" data-value="value 3"><a href="{text:Nav URL 3}">{text:Nav Link 3}</a></li>
- <li class="selectOption" data-value="value 4"><a href="{text:Nav URL 4}">{text:Nav Link 4}</a></li>
- <li class="selectOption" data-value="value 5"><a href="{text:Nav URL 5}">{text:Nav Link 5}</a></li>
- </ul> </div>
- </div>
- <div class = "autopagerize_page_element" >
- <div id="entries">
- <!Post blocks start here>
- {block:Posts}
- <div id="posts">
- {block:Text}
- {block:Title}<div class="posttitle">{Title}</div><div style="height:7px; background: none; width: 100%"></div>{/block:Title}
- <div style="margin-bottom: -7px; margin-top: -7px">
- {Body}
- {block:caption}{Caption}{/block:caption}
- </div>
- {/block:Text}
- {block:Quote}
- <div style="font-size:12px">"{Quote}"</div><br>
- <div style="text-align: right">— {Source}</div>
- {block:caption}{Caption}{/block:caption}
- {/block:Quote}
- {block:Link}
- <div id="postlink"><a href="{URL}">{Name} →</a></div>
- {block:caption}{Caption}{/block:caption}
- {/block:Link}
- {block:Chat}
- <div style="border-top: 1px solid #f2f2f2;"></div>{block:Lines}<div style="border-bottom: 1px solid #f2f2f2; padding: 3px 0px">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div>{/block:Lines}
- {/block:Chat}
- {block:Answer}
- {Asker} asked: {Question}<br>
- {Answer}
- {/block:Answer}
- {block:Audio}
- <div id="audiocaption">
- {block:TrackName}<div id="trackname">{TrackName}</div>{/block:TrackName}
- {block:Artist} <b>Artist:</b> {Artist}<br> {/block:Artist}
- {block:Album} <b>Album:</b> {Album}<br> {/block:Album}
- <b>{PlayCount}</b> hits
- </div>
- <div id= "audioplayer">{AudioPlayerWhite}</div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="100">
- {/block:AlbumArt}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:caption}{Caption}{/block:caption}
- {/block:Video}
- {block:Photo}
- <img src="{PhotoURL-500}" class="postimage"/>
- {block:caption}{Caption}{/block:caption}
- <div style="margin-bottom: -7px"></div>
- {/block:Photo}
- {block:Photoset}
- <div class="postimage">{Photoset-500}</div>
- {block:caption}{Caption}{/block:caption}
- {/block:Photoset}
- {block:IndexPage}
- <div id="permaa"><a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{ReblogURL}">reblog</a><div id="tags">{block:HasTags} {block:Tags}<span id="tagss">#</span><a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
- {/block:IndexPage}
- {block:permalinkpage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- {block:Pagination}
- <center>
- {block:PreviousPage}<a class="back" href="{PreviousPage}">«</a>{/block:PreviousPage}
- {block:NextPage}<a class="next" href="{NextPage}">»</a>{/block:NextPage}
- </center>
- {/block:Pagination}
- </div>
- </div>
- </div>
- <div id="credit"><a href="http://thelittledanger.tumblr.com" target="_blank" title="Theme: Elly / Base Code: Incedo">CREDIT</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement