kiadan

Kapow! Theme

Dec 29th, 2015
4,083
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.11 KB | None | 0 0
  1. <!---- THEME IS BY NEWLEAF 💊
  2. DO NOT REMOVE THE CREDIT --->
  3.  
  4. <html>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{image:favicon}">
  8.  
  9. <meta name="image:background" content=""/>
  10. <meta name="image:sidebar" content=""/>
  11. <meta name="image:favicon" content=""/>
  12. <meta name="text:link 1" content=""/>
  13. <meta name="text:link 1 url" content="/"/>
  14. <meta name="text:link 1 title" content="title"/>
  15. <meta name="text:link 2" content=""/>
  16. <meta name="text:link 2 url" content="/"/>
  17. <meta name="text:link 2 title" content="title"/>
  18. <meta name="text:link 3" content=""/>
  19. <meta name="text:link 3 url" content="/"/>
  20. <meta name="text:link 3 title" content="title"/>
  21. <meta name="text:link 4" content=""/>
  22. <meta name="text:link 4 url" content="/"/>
  23. <meta name="text:link 4 title" content="title"/>
  24.  
  25. <meta name="color:background" content="#fff"/>
  26. <meta name="color:text" content="#000"/>
  27. <meta name="color:desc text" content="#000"/>
  28. <meta name="color:link" content="#ccc"/>
  29. <meta name="color:link hover" content="#ddd"/>
  30. <meta name="color:link hover bg" content="#ccc"/>
  31. <meta name="color:borders" content="#000"/>
  32. <meta name="color:post shadow" content="#000"/>
  33. <meta name="color:post bg" content="#fff"/>
  34. <meta name="color:ask bg" content="#eee"/>
  35. <meta name="color:chrome scrollbar" content="#000000" />
  36.  
  37. <meta name="if:small cursor" content=""/>
  38. <meta name="if:small scrollbar" content=""/>
  39.  
  40. <meta name="select:post size" content="250px"/>
  41. <meta name="select:post size" content="300px"/>
  42. <meta name="select:post size" content="350px"/>
  43. <meta name="select:post size" content="400px"/>
  44.  
  45. <meta name="select:font" content="arial"/>
  46. <meta name="select:font" content="consolas"/>
  47. <meta name="select:font" content="ms gothic"/>
  48.  
  49. <meta name="if:sidebar img" content="1"/>
  50. <meta name="if:description" content="1"/>
  51. <meta name="if:normal sidebar img" content="1"/>
  52. <meta name="if:sidebar img border" content="1"/>
  53. <meta name="if:full bg" content="0"/>
  54.  
  55. <style>
  56.  
  57. {block:ifsmallcursor}
  58. *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}{/block:ifsmallcursor}
  59.  
  60. {block:ifsmallscrollbar}
  61. ::-webkit-scrollbar-thumb {
  62. min-height: 60px;
  63. border-left: 4px solid {color:background};
  64. border-right: 4px solid {color:background};
  65. border-top: 2px solid {color:background};
  66. border-bottom: 2px solid {color:background};
  67. background: {color:chrome scrollbar};
  68. }
  69.  
  70. ::-webkit-scrollbar {
  71. width: 11px;
  72. height: 10px;
  73. border-left: 5px solid {color:background};
  74. border-right: 5px solid {color:background};
  75. border-top: 2px solid {color:background};
  76. border-bottom: 2px solid {color:background};
  77. background: {color:chrome scrollbar};
  78. }
  79. {/block:ifsmallscrollbar}
  80.  
  81. .tooltip{
  82. display: inline;
  83. position: relative;
  84. }
  85.  
  86. #s-m-t-tooltip {
  87. max-width:300px; /*how big the tooltip can be at most*/
  88. border-radius: 0px; /*change your border radius*/
  89. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  90. margin:15px 7px -2px 15px; /*distance from word*/
  91. background-color:#ffffff; /*background color*/
  92. border:1px solid {color:borders}; /*border info*/
  93. font-family:{select:font}; /*tooltip font*/
  94. font-size:9px; /*tooltip font size*/
  95. color:{color:text}; /*tooltip font color*/
  96. z-index:999999999999999999999999999999999999;
  97. }
  98.  
  99. body {
  100.  
  101. font-size: 12px;
  102. color: {color:text};
  103. background-image: url('{image:background}');
  104. {block:ifnotfullbg}
  105. background-repeat: repeat;
  106. background-attachment: fixed;
  107. {/block:ifnotfullbg}
  108. {block:iffullbg}
  109. background-size: cover;
  110. background-attachment: fixed;
  111. {/block:iffullbg}
  112. background-color: {color:background};
  113. font-family: {select:font};
  114.  
  115. }
  116.  
  117. ul {
  118. list-style-type: circle;
  119. }
  120.  
  121. a, a:visited {
  122. text-decoration: underline;
  123. color:{color:link};
  124. -webkit-transition-duration: .3s;
  125. -moz-transition-duration: .3s;
  126. -o-transition-duration: .3s;
  127.  
  128. }
  129.  
  130. a:hover {
  131. color:{color:link hover};
  132. font-style:italic;
  133. background:{color:link hover bg};
  134. transition-duration: .3s;
  135. -webkit-transition-duration: .3s;
  136. -moz-transition-duration: .3s;
  137. -o-transition-duration: .3s;
  138. }
  139.  
  140. #entries {
  141.  
  142. position: relative;
  143. padding: 15px;
  144. border: 1px solid {color:borders};
  145. width: {select:post size};
  146. margin: 30px 5px 20px 550px;
  147. background: {color:post bg};
  148. box-shadow:2px 2px 0px {color:post shadow};
  149.  
  150.  
  151. }
  152.  
  153. #entries blockquote {
  154.  
  155. color: {color:text};
  156. border-left: 1px {select:border}{color:border};
  157. padding: 0px 0px 0px 10px;
  158.  
  159. }
  160.  
  161. #sidebar {
  162. position:fixed;
  163. margin-left: 350px;
  164. margin-top: 80px;
  165. width: 80px;
  166. padding:10px
  167.  
  168. }
  169.  
  170. #sidebar img {
  171. width: 74px;
  172. {block:ifnormalsidebarimg}
  173. height: 74px;
  174. {/block:ifnormalsidebarimg}
  175. padding:2px;
  176. {block:ifsidebarimgborder}
  177. border: 1px solid {color:borders};
  178. {/block:ifsidebarimgborder}
  179. }
  180.  
  181. #sidebar .li {
  182. text-align:center;
  183. margin-top: 10px;
  184. z-index:9999;
  185. padding-bottom:10px;
  186. word-spacing:3px;
  187. }
  188.  
  189. #sidebar .desc {
  190. padding-top:10px;
  191. color:{color:desc text};
  192. }
  193.  
  194. .ask {
  195.  
  196. background: {color:ask bg};
  197. padding: 5px;
  198.  
  199. }
  200.  
  201. #lmao {
  202. opacity: 1;
  203. padding:4px 4px 4px 3px;
  204. position: fixed;
  205. bottom: 4px;
  206. right: 12px;
  207. color:{color:link};
  208. z-index: 99;
  209. font-size: 17px;
  210. font-weight:bold;}
  211.  
  212.  
  213. </style>
  214.  
  215. <head>
  216. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  217.  
  218. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  219.  
  220. <script>
  221.  
  222. (function($){
  223.  
  224. $(document).ready(function(){
  225.  
  226. $("a[title]").style_my_tooltips({
  227.  
  228. tip_follows_cursor:true,
  229.  
  230. tip_delay_time:90,
  231.  
  232. tip_fade_speed:600,
  233.  
  234. attribute:"title"
  235.  
  236. });
  237.  
  238. });
  239.  
  240. })(jQuery);
  241.  
  242. </script>
  243. <!--basic tooltip from tutorial-baby! Enjoy-->
  244.  
  245. </head>
  246.  
  247. <body>
  248.  
  249. <div id="sidebar">
  250. <center>
  251.  
  252. {block:ifsidebarimg}
  253. <img src="{image:sidebar}">
  254. {/block:ifsidebarimg}
  255.  
  256. {block:ifdescription}
  257. <div class="desc">
  258. {Description}
  259. </div>
  260. {/block:ifdescription}
  261.  
  262. <div class="li">
  263. <a href="{text:link 1 url}"; title="{text:link 1 title}">{text:link 1}</a>
  264. <a href="{text:link 2 url}"; title="{text:link 2 title}">{text:link 2}</a>
  265. <a href="{text:link 3 url}"; title="{text:link 3 title}">{text:link 3}</a>
  266. <a href="{text:link 4 url}"; title="{text:link 4 title}">{text:link 4}</a>
  267. </div>
  268.  
  269. <div id="pages">
  270.  
  271. {block:PreviousPage}
  272. <a href="{PreviousPage}">back</a>
  273. {/block:PreviousPage}
  274.  
  275. {block:NextPage}
  276. <a href="{NextPage}">next</a>
  277. {/block:NextPage}
  278.  
  279. </div>
  280. </center>
  281. </div>
  282.  
  283. <div id="content">
  284.  
  285. {block:Posts}
  286. <div id="entries">
  287.  
  288.  
  289.  
  290. {block:NoRebloggedFrom}
  291. {block:RebloggedFrom}
  292. {ReblogParentName}
  293. {/block:RebloggedFrom}
  294. {/block:NoRebloggedFrom}
  295.  
  296.  
  297. {block:ContentSource}
  298. <!-- {SourceURL}
  299. {block:SourceLogo}
  300. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  301. {/block:SourceLogo}
  302. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  303. {/block:ContentSource}
  304.  
  305.  
  306. {block:Text}
  307. {block:Title}
  308. <b>{Title}</b>
  309. {block:Title}
  310. {Body}
  311. {/block:Text}
  312.  
  313. {block:Photo}
  314. {LinkOpenTag}
  315. <img src="{PhotoURL-400}" alt="{PhotoAlt}" style="width: {select:post size};">
  316. {LinkCloseTag}
  317. {block:Caption}
  318. {Caption}
  319. {/block:Caption}
  320. {/block:Photo}
  321.  
  322. {block:Photoset}
  323. {LinkOpenTag}
  324. {Photoset}
  325. {LinkCloseTag}
  326. {block:Caption}
  327. {Caption}
  328. {/block:Caption}
  329. {/block:Photoset}
  330.  
  331. {block:Quote}
  332. {Quote}
  333. {block:Source}
  334. {Source}
  335. {/block:Source}
  336. {/block:Quote}
  337.  
  338. {block:Link}
  339. <a href="{URL}" target="_blank">{Name}</a>
  340. {block:Caption}
  341. {Caption}
  342. {/block:Caption}
  343. {/block:Link}
  344.  
  345. {block:Chat}
  346. {block:Title}
  347. <b>{Title}</b>
  348. {/block:Title}
  349. {block:Lines}
  350. <div class="line {Alt}">
  351. {block:Label}
  352. <b>{Label}</b>
  353. {/block:Label}
  354. {Line}
  355. </div>
  356. {/block:Lines}
  357. {/block:Chat}
  358.  
  359. {block:Audio}
  360. {block:AudioPlayer}
  361. {AudioPlayer}
  362. {block:AudioPlayer}
  363. {block:TrackName}
  364. {TrackName}
  365. {/block:TrackName}
  366. {block:Artist}
  367. {Artist}
  368. {/block:Artist}
  369. {block:Caption}
  370. {Caption}
  371. {/block:Caption}
  372. {/block:Audio}
  373.  
  374. {block:Video}
  375. <div style="overflow:hidden;">
  376. {Video-400}
  377. </div>
  378. {block:Caption}
  379. {Caption}
  380. {block:Caption}
  381. {/block:Video}
  382.  
  383. {block:Answer}
  384. <div class="ask">
  385. {Asker} said:
  386. {Question}
  387. </div>
  388. {Answer}
  389. {block:Answerer}
  390. {Answerer}
  391. {/block:Answerer}
  392. {/block:Answer}
  393.  
  394. {block:PostNotes}
  395. {PostNotes}
  396. {/block:PostNotes}
  397. <!-- PERMALINK -->
  398.  
  399. {block:Date}
  400. <div class="permalink" style="margin-top:5px; text-align:center">
  401. <a href="{Permalink}">
  402. {DayOfMonth}.{MonthNumber}.{Year}
  403. +{NoteCount}<br>
  404. {block:HasTags}
  405. {block:Tags}
  406. #{Tag}
  407. {/block:Tags}
  408. {/block:HasTags}
  409. </a>
  410. </div>
  411. {/block:Date}
  412.  
  413.  
  414.  
  415.  
  416. </div>
  417. </div>
  418.  
  419. <a href="http://seadra.tumblr.com"; title="theme">
  420. <div id="lmao">★</div></a>
  421. </body>
  422. </html>
Advertisement
Add Comment
Please, Sign In to add comment