API tools faq
paste
Advertisement
finnhurries

Theme #13 by ashtoinirwin

finnhurries
Oct 5th, 2013
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.72 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.  
  5. THEME 13 BY ASHTOINIRWIN : "morning glory"
  6.  
  7. ──────╔╗──╔╗
  8. ──────║║─╔╝╚╗
  9. ╔══╦══╣╚═╬╗╔╬══╦╦═╗╔╦═╦╗╔╗╔╦╦═╗
  10. ║╔╗║══╣╔╗║║║║╔╗╠╣╔╗╬╣╔╣╚╝╚╝╠╣╔╗╗
  11. ║╔╗╠══║║║║║╚╣╚╝║║║║║║║╚╗╔╗╔╣║║║║
  12. ╚╝╚╩══╩╝╚╝╚═╩══╩╩╝╚╩╩╝─╚╝╚╝╚╩╝╚╝
  13.  
  14.  
  15.  
  16.  
  17. IF YOU HAVEN'T LIKED THE POST GO BACK AND LIKE IT OK BECAUSE IT MEANS A LOT TO ME AND I'LL LOVE YOU FOREVER
  18.  
  19. DON'T STEAL OR REDISTRIBUTE OR ELSE I'LL GIVE YOU MANGE AND WRAP YOU UP IN A BUTTERY COAT AND YOU CAN'T REMOVE IT BC YOU'LL BE WRAPPED UP IN COLORFUL STAR PAJAMAS OK ILY BYE
  20.  
  21. YEAH DON'T EVEN THINK ABOUT IT
  22.  
  23. I WILL FIND U AND I WILL KILL YOU xoxo
  24.  
  25. -->
  26.  
  27.  
  28. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  29. <head><title>{Title}</title>
  30. <link rel="shortcut icon" href="{favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34.  
  35. <meta name="color:Background" content="#ffffff"/>
  36. <meta name="color:Sidebar" content="#ffffff"/>
  37. <meta name="color:Text" content="#a8a8a8"/>
  38. <meta name="color:Link" content="#b8b8b8"/>
  39. <meta name="color:Tags" content="f0f0f0"/>
  40. <meta name="color:Hover" content="#f2f2f2"/>
  41. <meta name="color:Line" content="#f2f2f2"/>
  42. <meta name="color:Border" content="#e4e4e4"/>
  43. <meta name="color:Post" content="#ffffff"/>
  44. <meta name="color:Answer" content="#f8f8f8"/>
  45. <meta name="color:Info Color 1" content="#f8f8f8"/>
  46. <meta name="color:Info Color 2" content="#f8f8f8"/>
  47.  
  48. <meta name="image:sidebar2" content=""/>
  49. <meta name="image:bg" content=""/>
  50.  
  51. <meta name="text:Link 1 Hover" content="" />
  52. <meta name="text:Link 1" content="" />
  53. <meta name="text:Link 1 Text" content="" />
  54. <meta name="text:Link 2 Hover" content="" />
  55. <meta name="text:Link 2" content="" />
  56. <meta name="text:Link 2 Text" content="" />
  57. <meta name="text:Link 3 Hover" content="" />
  58. <meta name="text:Link 3" content="" />
  59. <meta name="text:Link 3 Text" content="" />
  60. <meta name="text:Link 4 Hover" content="" />
  61. <meta name="text:Link 4" content="" />
  62. <meta name="text:Link 4 Text" content="" />
  63.  
  64. <meta name="if:Show Link 1" content="1" />
  65. <meta name="if:Show Link 2" content="1" />
  66. <meta name="if:Show Link 3" content="1" />
  67. <meta name="if:Show Link 4" content="1" />
  68.  
  69. <meta name="color:scrollbarbg" content="ffffff"/>
  70.  
  71. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  72.  
  73. <link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>
  74.  
  75. <style type="text/css">
  76.  
  77. #bite
  78. #bite a{
  79. display:block
  80. }
  81. #bite .death {
  82. margin-right:0px;filter: alpha(opacity = 0);
  83. opacity:0;-webkit-transition: all 0.5s ease-out;
  84. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  85. }
  86.  
  87. #bite:hover .death {
  88. margin-left:0px;
  89.  
  90. -webkit-transition: all 0.8s ease-out;
  91. -moz-transition: all 0.8s ease-out;
  92. transition: all 0.8s ease-out;
  93. filter: alpha(opacity = 100);
  94. filter: alpha(opacity = 100);
  95. opacity:8;
  96. }
  97.  
  98. /* --- SCROLLBAR ---*/
  99.  
  100. ::-webkit-scrollbar {
  101. width: 5px;height: 5px;}
  102. ::-webkit-scrollbar-button:start:decrement,
  103. ::-webkit-scrollbar-button:end:increment {
  104. height: 6px;display: block;background-color: {color:white};}
  105. ::-webkit-scrollbar-track-piece {
  106. background-color: {color:scrollbarbg};}
  107. ::-webkit-scrollbar-thumb:vertical {
  108. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  109.  
  110.  
  111. /* --- BODY ---*/
  112.  
  113. body {
  114. background:{color:background};
  115. margin:0px;
  116. color:{color:text};
  117. font-family:Calibri;
  118. font-size:9px;
  119. line-height:100%;
  120. }
  121.  
  122. a {
  123. text-decoration:none;
  124. outline:none;
  125. -moz-outline-style:none;
  126. color:{color:link};
  127. -webkit-transition: all 0.5s ease;
  128. -moz-transition: all 0.5s ease;
  129. -o-transition: all 0.5s ease
  130. }
  131.  
  132. img {
  133. border:none;
  134. }
  135.  
  136. blockquote {
  137. padding-left:5px;
  138. border-left:2px solid;
  139. }
  140.  
  141. blockquote blockquote {
  142. padding-left:5px;
  143. border-left:2px solid;
  144. }
  145.  
  146. h1 {
  147. font-size:13px;
  148. line-height:110%;
  149. padding-bottom:0px;
  150. color:hotpink;
  151. font-weight:900;
  152. text-transform:uppercase;
  153. }
  154.  
  155. h2 {
  156. font-size:11px;
  157. color:pink;
  158. font-weight:800;
  159. padding-bottom:3px;
  160. }
  161.  
  162. h3 {
  163. font-weight:700;
  164. }
  165.  
  166. a:hover {
  167. opacity:10;
  168. color:{color:hover};
  169. -webkit-transition: all 0.5s ease;
  170. -moz-transition: all 0.5s ease;
  171. -o-transition: all 0.5s ease
  172. }
  173.  
  174. /* --- TITLES ---*/
  175.  
  176.  
  177. #title {
  178. position:fixed;
  179. padding:9px;
  180. width:300px;
  181. margin-left:-11px;
  182. margin-top:-310px;
  183. font-size:15px;
  184. font-family: ‘Courier New’, Courier, monospace;
  185. text-transform:uppercase;
  186. text-align:center;
  187. }
  188.  
  189.  
  190. /* --- POST ENTRIES ---*/
  191.  
  192.  
  193. #entries {
  194. padding:10px;
  195. width:500px;
  196. margin-left:450px;
  197. margin-top:40px;
  198. font-size:10px;
  199. }
  200.  
  201. /* --- BODY: POSTS ---*/
  202.  
  203.  
  204. #post {
  205. width:500px;
  206. padding-bottom:20px;
  207. padding:10px;
  208. margin-top:15px;
  209. background-color:{color:Post};
  210. }
  211.  
  212. /* --- SIDEBAR IMAGE ---*/
  213.  
  214.  
  215. #sidebar {
  216. width:100px;
  217. position:fixed;
  218. margin-left:100px;
  219. margin-top:100px;
  220. background-color:{color:Sidebar};
  221. }
  222.  
  223. #sidebarimage {
  224. width 300px;
  225. }
  226.  
  227. #sidebarimage img {
  228. width:300px;
  229. padding:6px;
  230. background-color:{color:Sidebar};
  231. }
  232.  
  233. #sidebar2 {
  234. width 300px;
  235. margin-top:-225.5px;
  236. margin-left:65px;
  237. POSITION:FIXED;
  238. }
  239.  
  240. #sidebar2 img {
  241. height:205px;
  242. width:155px;
  243. padding:6px;
  244. -webkit-filter: grayscale(1);
  245. -webkit-transition: all 0.7s ease;
  246. -moz-transition: all 0.7s ease;
  247. -o-transition: all 0.7s ease
  248. }
  249.  
  250. #sidebar2 img:hover {
  251. -webkit-filter: grayscale(0);
  252. -webkit-transition: all 0.7s ease;
  253. -moz-transition: all 0.7s ease;
  254. -o-transition: all 0.7s ease
  255. }
  256.  
  257.  
  258. /* --- SIDEBAR LINKS ---*/
  259.  
  260. #link1 {
  261. }
  262.  
  263. #link1 a {
  264. position:fixed;
  265. font-family: 'Amatic SC', cursive;
  266. margin-top:-225px;
  267. margin-left:3px;
  268. width:50px;
  269. height:56px;
  270. }
  271.  
  272. #link1 img {
  273. width:59px;
  274. height:56px;
  275. }
  276.  
  277. #link2 {
  278. }
  279.  
  280. #link2 a {
  281. position:fixed;
  282. font-family: 'Amatic SC', cursive;
  283. margin-top:-225px;
  284. margin-left:253px;
  285. width:59px;
  286. height:56px;
  287. }
  288.  
  289. #link2 img {
  290. width:59px;
  291. height:56px;
  292. }
  293.  
  294. #link3 {
  295. }
  296.  
  297. #link3 a {
  298. position:fixed;
  299. font-family: 'Amatic SC', cursive;
  300. margin-top:-120px;
  301. margin-left:3px;
  302. width:59px;
  303. height:56px;
  304. }
  305.  
  306. #link3 img {
  307. width:59px;
  308. height:56px;
  309. }
  310.  
  311.  
  312. #link4 {
  313. }
  314.  
  315. #link4 a {
  316. position:fixed;
  317. font-family: 'Amatic SC', cursive;
  318. margin-top:-120px;
  319. margin-left:253px;
  320. width:59px;
  321. height:56px;
  322. }
  323.  
  324. #link4 img {
  325. width:59px;
  326. height:56px;
  327. }
  328.  
  329. .link1 {
  330. position:fixed;
  331. display:inline-block;
  332. margin-top:-35px;
  333. margin-left:5px;
  334. font-size:20px;
  335. text-align:center;
  336. width:45px;
  337. }
  338.  
  339. .link {
  340. position:fixed;
  341. display:inline-block;
  342. margin-top:20px;
  343. margin-left:-54px;
  344. font-size:20px;
  345. text-align:center;
  346. width:45px;
  347.  
  348. }
  349.  
  350. /* --- DESCRIPTION ---*/
  351.  
  352. #description {
  353. position:fixed;
  354. font-family:courier new;
  355. line-height:90%;
  356. font-size:9.5px;
  357. font-style:italic;
  358. width:284px;
  359. height:100px;
  360. overflow-x:hidden;
  361. overflow-y:scroll;
  362. margin-top:-10px;
  363. padding:8px;
  364. margin-left:5px;
  365. text-align:justify;
  366. color:{color:text};
  367. }
  368.  
  369. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  370. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  371.  
  372. /* --- PAGINATION---*/
  373.  
  374.  
  375. #pagination {
  376. width:120px;
  377. font-size:12px;
  378. text-align:center;
  379. margin-left:92.5px;
  380. margin-top:115px;
  381. position:fixed;
  382. font-family:consolas;
  383. letter-spacing:0px;
  384.  
  385. }
  386.  
  387. /* --- POST INFO ---*/
  388.  
  389.  
  390. #info {
  391. text-align:left;
  392. margin-top:10px;
  393. text-transform:uppercase;
  394. color:#fff;
  395. font-size:10px;
  396. font-family:'helvetica', sans-serif;
  397. font-style:none;
  398. background-color:#000;
  399. padding:0 10px 5px 10px;
  400. box-shadow:
  401. -1px -1px {color:Info Color 1},1px 1px {color:Info Color 2};
  402. }
  403. /* --- POST TAGS---*/
  404.  
  405.  
  406. #tags {
  407. font-family:helvetica;
  408. color:#000;
  409. letter-spacing:0px;
  410. text-transform:uppercase;
  411. font-size:10px;
  412. margin-top:4px;
  413. text-align:center;
  414. padding:1px;
  415. background-color:white;
  416. border:5px double black;
  417. }
  418.  
  419. #tags
  420. a {display:inline;text-align:left;color:#000;font-weight:900;
  421. -webkit-transition: all 0.6s ease-in-out;
  422. -moz-transition: all 0.6s ease-in-out;
  423. -o-transition: all 0.6s ease-in-out;
  424. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  425.  
  426. #popup
  427. {left:50px; bottom:-3px; position: fixed; }
  428.  
  429. /* --- QUESTIONS ---*/
  430.  
  431. #asker {
  432. font-family:'helvetica', sans-serif;
  433. letter-spacing:1px;
  434. text-align:left;
  435. font-style:normal;
  436. margin-left:0px;
  437. padding:10px;
  438. text-align:left;
  439. color:#fff;
  440. background-color:#000;
  441. border-left:10px double #fff;
  442. border-right:10px double #fff;
  443. border-top:4px solid #fff;
  444. }
  445.  
  446. #asker a {
  447. color:#fff;
  448. text-transform:uppercase;
  449. font-style:normal;
  450. font-weight:900;
  451. text-shadow:
  452. 1px 1px #FF387B, -1px -1px #FF387B;
  453. -webkit-transition: all 0.6s ease-in-out;
  454. -moz-transition: all 0.6s ease-in-out;
  455. -o-transition: all 0.6s ease-in-out;
  456. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  457. }
  458.  
  459. #asker a:hover {
  460. font-weight:900;
  461. text-shadow:
  462. -1px -1px #40FE01, -2px 0px #00F0FC, 1px 1px #FF00C0, 2px 0px #F51BBF, 3px 1px #F0FD02;
  463. color:#000;
  464. -webkit-transition: all 0.6s ease-in-out;
  465. -moz-transition: all 0.6s ease-in-out;
  466. -o-transition: all 0.6s ease-in-out;
  467. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  468. }
  469.  
  470.  
  471. #answer {
  472. font-family:helvetica;
  473. text-transform:none;
  474. color:#181818;
  475. }
  476.  
  477.  
  478. {CustomCSS}
  479.  
  480. #s-m-t-tooltip {
  481. max-width:300px;
  482. padding:3px 3px 3px 3px;
  483. margin:10px 0px 0px 10px;
  484. background-color:#fff; /* change the background color */
  485. border:1px solid #ddd; /* change the border color */
  486. font-family:calibri; /* change the font */
  487. font-size:9px; /* change the font size */
  488. letter-spacing:2px; /* change the letter spacing */
  489. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  490. color:#999; /* change the text color */
  491. z-index:999999999999999999999999999999999999;
  492.  
  493. }
  494.  
  495.  
  496. </style></head>
  497.  
  498. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  499.  
  500. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  501.  
  502. <script>
  503.  
  504. (function($){
  505.  
  506. $(document).ready(function(){
  507.  
  508. $("a[title]").style_my_tooltips({
  509.  
  510. tip_follows_cursor:true,
  511.  
  512. tip_delay_time:90,
  513.  
  514. tip_fade_speed:600,
  515.  
  516. attribute:"title"
  517.  
  518. });
  519.  
  520. });
  521.  
  522. })(jQuery);
  523.  
  524. </script>
  525.  
  526. <body>
  527.  
  528. <div id="sidebar">
  529. <div id="sidebarimage"><img src="http://media.tumblr.com/60edd075717993763b3ea8e9b865dd5a/tumblr_inline_mu7r7wgQbt1rntctn.png"></div>
  530. <div id="sidebar2"><img src="{image:sidebar2}"></div>
  531.  
  532.  
  533. <div id="description">
  534. {Description}
  535. </div>
  536.  
  537.  
  538. <div id="link1">
  539. {block:ifLink1}<a title="{text:Link 1 Hover}"href="{text:Link 1}"><img src="http://media.tumblr.com/ac5e2a5e03f0f8aba2d514c854548f4b/tumblr_inline_mu7rbgF5Jk1rntctn.png"> <div class="link1">{text:Link 1 Text}</div></a>{/block:ifLink1}
  540. </div>
  541. <div id="link2">
  542. {block:ifLink2}<a title="{text:Link 2 Hover}"href="{text:Link 2}"><img src="http://media.tumblr.com/ac5e2a5e03f0f8aba2d514c854548f4b/tumblr_inline_mu7rbgF5Jk1rntctn.png"><div class="link">{text:Link 2 Text}</div></a>{/block:ifLink2}
  543. </div>
  544. <div id="link3">
  545. {block:ifLink3}<a title="{text:Link 3 Hover}"href="{text:Link 3}"><img src="http://media.tumblr.com/ac5e2a5e03f0f8aba2d514c854548f4b/tumblr_inline_mu7rbgF5Jk1rntctn.png"><div class="link">{text:Link 3 Text}</div></a>{/block:ifLink3}
  546. </div>
  547. <div id="link4">
  548. {block:ifLink4}<a title="{text:Link 4 Hover}"href="{text:Link 4}"><img src="http://media.tumblr.com/ac5e2a5e03f0f8aba2d514c854548f4b/tumblr_inline_mu7rbgF5Jk1rntctn.png"><div class="link">{text:Link 4 Text}</div></a>{/block:ifLink4}
  549. </div>
  550.  
  551.  
  552. <div id="title">{title}</div>
  553.  
  554. {block:Pagination}<div id="pagination">
  555. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  556. {block:JumpPagination length="5"}
  557. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  558. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  559. {/block:JumpPagination}
  560. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  561. </div>{/block:Pagination}
  562.  
  563. </div>
  564.  
  565. <div id="entries">{block:Posts}<div id="post">
  566.  
  567. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  568.  
  569. {block:Photo}{LinkOpenTag}<img style="width:500px;" src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  570.  
  571. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  572.  
  573. {block:Quote}{Quote}{/block:Quote}
  574.  
  575. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  576.  
  577. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  578.  
  579. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  580. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  581. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  582. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  583. {/block:Audio}
  584.  
  585. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  586.  
  587. {block:Answer}<div id="asker"><span style="font-family:courier new;font-size:9px;font-style:italic;line-height:150%;"> {Asker}: </span>{Question}</div><left><font face="courier new">{Answer}</font>{/block:Answer}
  588.  
  589. <div id="info">
  590. <br>posted <a href="{Permalink}" style="font-weight:900;text-shadow:
  591. 1px 1px {color:Info Color 1}, -1px -1px {color:Info Color 2};color:#fff">{ShortDayOfWeek} {ShortMonth} {Year}</a>
  592.  
  593. {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  594.  
  595. {block:ContentSource}(<a href="{SourceURL}">source <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}
  596.  
  597. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  598.  
  599. with <a href="{Permalink}" style="color:#fff;">♥ {NoteCount} ♥</a>
  600.  
  601. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  602.  
  603. {/block:Posts}
  604.  
  605. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  606.  
  607. {/block:Posts}</div></div></div></div>
  608. <div style="position:fixed; bottom:3px; right:0px;"><a href="http://ashtoinirwin.tumblr.com"><img style="width:80px;" src="http://media.tumblr.com/f967a12c7b98d9cad157f7fa811ae74d/tumblr_inline_mstuktCkfm1qz4rgp.png"></a></center></div>
  609.  
  610. </body></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!