API tools faq
paste
Advertisement
EllenMaty

Pietro Tumblr Theme

EllenMaty
Jul 7th, 2014
283
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!----------------------------------------
  4. Base Code #1 by Incedo
  5. http://incedothemes.tumblr.com
  6. *Tips @ http://incedothemes.tumblr.com/basecodes
  7. *Please do not remove this credit
  8. and please credit me in your faq
  9. *DO NOT REDISTRIBUTE without proper credit
  10. Updated 1/1/14
  11. ------------------------------------------>
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16.  
  17. <link href="http://static.tumblr.com/3l2jcs4/s2Un1fe9u/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="http://static.tumblr.com/3l2jcs4/209n1fe9k/jquery.style-my-tooltips.js"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("[title]").style_my_tooltips({
  24. tip_follows_cursor:true,
  25. tip_delay_time:100,
  26. tip_fade_speed:100,
  27. attribute:"title"
  28. });
  29. });
  30. })(jQuery);
  31. </script>
  32.  
  33. <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  34.  
  35. <script type='text/javascript'><!--
  36. $(document).ready(function() {
  37. enableSelectBoxes();
  38. });
  39. function enableSelectBoxes(){
  40. $('div.selectBox').each(function(){
  41. $(this).children('span.selected').html($(this).children('ul.selectOptions').children('li.selectOption:first').html());
  42. $('input.price_values').attr('value',$(this).children('ul.selectOptions').children('li.selectOption:first').attr('data-value'));
  43.  
  44. $(this).children('span.selected,span.selectArrow').click(function(){
  45. if($(this).parent().children('ul.selectOptions').css('display') == 'none'){
  46. $(this).parent().children('ul.selectOptions').css('display','block');
  47. }
  48. else
  49. {
  50. $(this).parent().children('ul.selectOptions').css('display','none');
  51. }
  52. });
  53.  
  54. $(this).find('li.selectOption').click(function(){
  55. $(this).parent().css('display','none');
  56. $('input.price_values').attr('value',$(this).attr('data-value'));
  57. $(this).parent().siblings('span.selected').html($(this).html());
  58.  
  59. });
  60. });
  61. }//-->
  62. </script>
  63.  
  64. <title>{Title}</title>
  65.  
  66. <!Meta-tags go here>
  67.  
  68. <meta name="color:Post Links Hover" content="#000" />
  69. <meta name="color:Post Links" content="#aaa" />
  70. <meta name="color:Links Hover" content="#000" />
  71. <meta name="color:Links" content="#aaa" />
  72. <meta name="color:Background" content="#e2dfce" />
  73. <meta name="image:Background" content="http://24.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo4_400.jpg" />
  74. <meta name="color:Shadows" content="#000" />
  75. <meta name="if:Shadows" content="1" />
  76. <meta name="color:Blog Title Bg" content="#3A3A6C" />
  77. <meta name="color:Blog Title" content="#fff" />
  78. <meta name="color:Text" content="#000" />
  79. <meta name="color:Nav" content="#000" />
  80. <meta name="color:Nav Bg" content="#BAF254" />
  81. <meta name="color:Nav Links Bg" content="#fff" />
  82. <meta name="color:Nav Links Bg Hover" content="#3A3A6C" />
  83. <meta name="color:Nav Links" content="#aaa" />
  84. <meta name="color:Nav Links Hover" content="#fff" />
  85. <meta name="color:Selection Bg" content="#ccc" />
  86. <meta name="color:Selection" content="#fff" />
  87. <meta name="color:Sidelinks" content="#aaa" />
  88. <meta name="color:Sidelinks Hover" content="#BAF254" />
  89. <meta name="color:Post Bg" content="#fff" />
  90. <meta name="color:Sidebar Text" content="#000" />
  91. <meta name="color:Sidebar Bg" content="#fff" />
  92. <meta name="if:Sidebar Bg" content="0" />
  93. <meta name="text:Sidebar Margin Top" content="135" />
  94. <meta name="image:Sidebar" content="http://static.designspiration.net/data/l/426128110034_oik75EGy_l.jpg" />
  95. <meta name="text:Nav Link 1" content="Link Here" />
  96. <meta name="text:Nav URL 1" content="#" />
  97. <meta name="text:Nav Link 2" content="Link Here" />
  98. <meta name="text:Nav URL 2" content="#" />
  99. <meta name="text:Nav Link 3" content="Link Here" />
  100. <meta name="text:Nav URL 3" content="#" />
  101. <meta name="text:Nav Link 4" content="Link Here" />
  102. <meta name="text:Nav URL 4" content="#" />
  103. <meta name="text:Nav Link 5" content="Link Here" />
  104. <meta name="text:Nav URL 5" content="#" />
  105. <meta name="text:Sidebar Link 1" content="勇" />
  106. <meta name="text:Sidebar Link 2" content="気" />
  107. <meta name="text:Sidebar Link 3" content="平" />
  108. <meta name="text:Sidebar Link 4" content="和" />
  109.  
  110. <meta name="if:SidebarLinks" content="1" />
  111.  
  112. <!Leave this stuff alone>
  113. <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
  114. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  115. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  116. <link rel="shortcut icon" href="{Favicon}"/>
  117. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  118. <link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
  119. <!CSS starts here>
  120. <style type="text/css">
  121.  
  122. div.selectBox.focus { border: 3px solid transparent; }
  123.  
  124. blockquote { margin: 0; margin-left: 20px; border-left: 2px solid {color:Post Links Hover}; padding-left: 20px; }
  125.  
  126. 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; }
  127.  
  128. a:hover { -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; color: {color:Links Hover}; }
  129.  
  130. 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; }
  131.  
  132. #wrapper { width:750px; margin-left:auto; margin-right:auto; }
  133.  
  134. #sidebar {
  135. top: {text:Sidebar Margin Top}px; color: {color:Sidebar Text}; width:200px; {block:IfSidebarBg}background-color: {color:Sidebar Bg};{/block:IfSidebarBg} padding: 5px;
  136. position:fixed; z-index: 99;}
  137.  
  138. .sideimage { margin-bottom: 10px; {block:IfShadows} box-shadow: 1px 1px 3px rgba({RGBcolor:Shadows},0.2);{/block:IfShadows} }
  139.  
  140. #title {
  141. color: {color:Blog Title}; padding: 2px;
  142. font-size: 15px; background-color:{color:Blog Title Bg}; {block:IfShadows}box-shadow: 1px 1px 3px rgba({RGBcolor:Shadows},0.2);{/block:IfShadows}}
  143.  
  144. #entries {
  145. margin-left: 250px;
  146. width:550px;}
  147.  
  148. #posts {
  149. 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;
  150. -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
  151. -o-transition: all 0.4s linear;
  152. }
  153.  
  154. #posts:hover { border-bottom: 20px solid transparent;
  155. -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
  156. -o-transition: all 0.4s linear; }
  157.  
  158. #permaa { position: absolute; width: 500px; margin-top: 5px; height: 0px; overflow: hidden; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
  159. -o-transition: all 0.4s linear;}
  160.  
  161. #posts:hover #permaa { height: 10px; margin-top: 10px; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
  162. -o-transition: all 0.4s linear; }
  163.  
  164. .posttitle { font-size: 15px; background-color: {color:Nav Bg}; border-left: 20px solid {color:Nav Links Bg Hover}; padding: 5px 10px; color: {color:Nav};}
  165.  
  166. ::-moz-selection { background: {color:Selection Bg}; /*Cor do fundo*/ color: {color:Selection}; /*Cor da fonte*/ }
  167.  
  168. ::selection { background: {color:Selection Bg};/*Cor do fundo*/ color: {color:Selection}; /*Cor da fonte*/ }
  169.  
  170. img, img a {
  171. border:none;
  172. line-height:0;
  173. max-width:100%;}
  174.  
  175. 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); }
  176.  
  177. span.selected{ width: 170px; border-right: none; background: {color:Nav Bg}; overflow: hidden; padding-top: 2px; padding-bottom: 2px; }
  178.  
  179. 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}; }
  180.  
  181. span.selectArrow,span.selected{ position: relative; float: left; z-index: 1;}
  182.  
  183. 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); }
  184.  
  185. li.selectOption{display: block; list-style: none;margin: 0; width: 200px; margin-left: -40px;
  186. }
  187.  
  188. 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};
  189. -o-transition: all 0.4s linear;}
  190.  
  191. li.selectOption a:hover {color: {color:Nav Links Hover}; background: {color:Nav Links bg Hover};}
  192.  
  193. ::-webkit-scrollbar
  194. {width: 6px; height: 6px;}
  195. ::-webkit-scrollbar-track-piece
  196. {background: {color:Selection Bg}}
  197. ::-webkit-scrollbar-thumb:vertical
  198. {height: 6px; background-color: {color:Selection};}
  199. ::-webkit-scrollbar-thumb:horizontal
  200. {width: 6px; background-color: {color:Selection};}
  201.  
  202. #linkes { text-align: right;}
  203.  
  204. #linkes a {
  205. font-size: 13px;
  206. color: {color:Sidelinks};
  207. }
  208.  
  209. #linkes a:hover {
  210. color: {color:Sidelinks Hover}; background-color: transparent;
  211. }
  212.  
  213. #s-m-t-tooltip {
  214. margin-top: 25px; {block:IfShadows}box-shadow: 1px 1px 3px rgba({RGBcolor:Shadows},0.2);
  215. margin-left: 10px; font-family: consolas; font-size: 8px;
  216. background-color: {color:Post Bg}; color: {color:Text}; padding: 3px; padding-right: 5px; padding-left: 5px;
  217. }
  218.  
  219. #posts:hover .postimage { opacity: 0.7; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
  220. -o-transition: all 0.4s linear; }
  221.  
  222. .postimage { opacity: 0.9; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; width: 500px; }
  223.  
  224. #permaa a { color:{color:Nav}; background-color: {color:Nav Bg}; padding: 5px 3px; text-decoration: none; }
  225. #permaa a:hover { background-color: {color:Nav Links Bg Hover}; color: {color:Nav Links Hover}; }
  226.  
  227. #tags { float: right; width: 350px; text-align: right; }
  228. #tags a { color: {color:Text}; background: none; text-decoration: none; }
  229. #tagss { background-color: {color:Nav Bg}; padding-left: 2px;}
  230.  
  231. #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; }
  232.  
  233. #postlink a:hover { background-color: {color:Nav Links Bg Hover}; color: {color:Nav Links Hover}; border-width: 25px; border-color: {color:Nav Bg}; }
  234.  
  235. #audioplayer { width:27px; height:27px; overflow:hidden; position:absolute; margin-top:36px; margin-left:32px; z-index: 99; border: 4px double white;
  236. -webkit-transition: all 0.6s ease-in-out;
  237. -moz-transition: all 0.6s ease-in-out;
  238. -o-transition: all 0.6s ease-in-out; }
  239.  
  240. #audioplayer:hover { opacity: 0.8;
  241. -webkit-transition: all 0.6s ease-in-out;
  242. -moz-transition: all 0.6s ease-in-out;
  243. -o-transition: all 0.6s ease-in-out; }
  244.  
  245. #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; }
  246. #audiocaption { text-align: left; width: 400px; position: absolute; margin-left: 110px; }
  247.  
  248. ol.notes li.note { padding-bottom: 3px; }
  249.  
  250. ol.notes { padding-top: 10px; margin-left: -40px; list-style-type: none; }
  251.  
  252. ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
  253.  
  254. #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}; }
  255.  
  256. #credit a { color: {color:Links}; }
  257.  
  258. .back, .next { font-size: 20px; }
  259.  
  260. </style>
  261.  
  262. <style type="text/css">{CustomCSS}</style>
  263.  
  264. </head>
  265.  
  266. <!HTML body starts here>
  267. <body>
  268.  
  269. <div id="wrapper">
  270.  
  271. <div id="sidebar">
  272. {block:IfSidebarLinks}<div id="linkes">
  273. <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}
  274. <center><div id="title">{Title}</div>
  275. </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>
  276.  
  277. <img src="{image:Sidebar}" class="sideimage">
  278. <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>
  279. <div class="selectBox"> <input type="hidden" value="value 3" class="price_values">
  280. <span class="selected">Option 3</span>
  281. <span class="selectArrow"><div style="margin-top: 1px">&#9660</div></span>
  282. <ul class="selectOptions" style="display: none;">
  283. <li class="selectOption" data-value="value 0">navigation</li>
  284. <li class="selectOption" data-value="value 1"><a href="{text:Nav URL 1}">{text:Nav Link 1}</a></li>
  285. <li class="selectOption" data-value="value 2"><a href="{text:Nav URL 2}">{text:Nav Link 2}</a></li>
  286. <li class="selectOption" data-value="value 3"><a href="{text:Nav URL 3}">{text:Nav Link 3}</a></li>
  287. <li class="selectOption" data-value="value 4"><a href="{text:Nav URL 4}">{text:Nav Link 4}</a></li>
  288. <li class="selectOption" data-value="value 5"><a href="{text:Nav URL 5}">{text:Nav Link 5}</a></li>
  289.  
  290. </ul> </div>
  291.  
  292. </div>
  293.  
  294. <div class = "autopagerize_page_element" >
  295. <div id="entries">
  296.  
  297. <!Post blocks start here>
  298. {block:Posts}
  299. <div id="posts">
  300.  
  301. {block:Text}
  302. {block:Title}<div class="posttitle">{Title}</div><div style="height:7px; background: none; width: 100%"></div>{/block:Title}
  303. <div style="margin-bottom: -7px; margin-top: -7px">
  304. {Body}
  305. {block:caption}{Caption}{/block:caption}
  306. </div>
  307. {/block:Text}
  308.  
  309. {block:Quote}
  310. <div style="font-size:12px">"{Quote}"</div><br>
  311. <div style="text-align: right">— {Source}</div>
  312. {block:caption}{Caption}{/block:caption}
  313. {/block:Quote}
  314.  
  315. {block:Link}
  316. <div id="postlink"><a href="{URL}">{Name} →</a></div>
  317. {block:caption}{Caption}{/block:caption}
  318. {/block:Link}
  319.  
  320. {block:Chat}
  321. <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}
  322. {/block:Chat}
  323.  
  324. {block:Answer}
  325. {Asker} asked: {Question}<br>
  326. {Answer}
  327. {/block:Answer}
  328.  
  329. {block:Audio}
  330. <div id="audiocaption">
  331. {block:TrackName}<div id="trackname">{TrackName}</div>{/block:TrackName}
  332. {block:Artist} <b>Artist:</b> {Artist}<br> {/block:Artist}
  333. {block:Album} <b>Album:</b> {Album}<br> {/block:Album}
  334. <b>{PlayCount}</b> hits
  335. </div>
  336. <div id= "audioplayer">{AudioPlayerWhite}</div>
  337. {block:AlbumArt}
  338. <img src="{AlbumArtURL}" width="100">
  339. {/block:AlbumArt}
  340. {/block:Audio}
  341.  
  342. {block:Video}
  343. {Video-400}
  344. {block:caption}{Caption}{/block:caption}
  345. {/block:Video}
  346.  
  347. {block:Photo}
  348. <img src="{PhotoURL-500}" class="postimage"/>
  349. {block:caption}{Caption}{/block:caption}
  350. <div style="margin-bottom: -7px"></div>
  351. {/block:Photo}
  352.  
  353. {block:Photoset}
  354. <div class="postimage">{Photoset-500}</div>
  355. {block:caption}{Caption}{/block:caption}
  356. {/block:Photoset}
  357.  
  358. {block:IndexPage}
  359. <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>
  360. {/block:IndexPage}
  361.  
  362. {block:permalinkpage}
  363. {block:PostNotes}{PostNotes}{/block:PostNotes}
  364. {/block:PermalinkPage}
  365.  
  366. </div>
  367.  
  368. {/block:Posts}
  369.  
  370. {block:Pagination}
  371. <center>
  372. {block:PreviousPage}<a class="back" href="{PreviousPage}">«</a>{/block:PreviousPage}
  373. {block:NextPage}<a class="next" href="{NextPage}">»</a>{/block:NextPage}
  374. </center>
  375.  
  376. {/block:Pagination}
  377.  
  378. </div>
  379. </div>
  380. </div>
  381.  
  382. <div id="credit"><a href="http://thelittledanger.tumblr.com" target="_blank" title="Theme: Elly / Base Code: Incedo">CREDIT</a></div>
  383.  
  384. </body>
  385. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!