API tools faq
paste
Advertisement
elizahbu

theme 16 - love run out

elizahbu
Apr 19th, 2014
471
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.93 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Lekton|Alegreya+Sans+SC|Share+Tech|Mr+Bedfort|Economica:700|Ropa+Sans|Londrina+Sketch|Days+One|Six+Caps&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  7.  
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14.  
  15. <!---
  16. _______ _______ _______ __ __ ______ _______ _______
  17. | || || || | | || _ | | || |
  18. |____ || _ || ___|| |_| || | || | _ || _____|
  19. ____| || | | || |___ | || |_||_ | |_| || |_____
  20. | ______|| |_| || ___||_ _|| __ || ___||_____ |
  21. | |_____ | || |___ | | | | | || | _____| |
  22. |_______||_______||_______| |___| |___| |_||___| |_______| @ tumblr
  23.  
  24. 001. DON'T CLAIM THIS THEME AS YOUR OWN.
  25. 002. DON'T EDIT AND REDISTRIBUTE WITHOUT PERMISSION.
  26. 003. DON'T TAKE PARTS FROM THIS THEME AND PUT THEM INTO YOUR OWN.
  27. 004. DON'T REMOVE THE CREDITS- DON'T MOVE THEM. AT ALL.
  28. 005. OFC YOU CAN EDIT.
  29. 006. ENJOY!!!
  30.  
  31. Any questions? Don't hesitate to ask.
  32.  
  33. --->
  34.  
  35. <meta name="color:Background" content="#ffffff"/>
  36. <meta name="color:Header Background" content=""/>
  37. <meta name="color:Bold" content=""/>
  38. <meta name="color:Italic" content=""/>
  39. <meta name="color:Text" content="#a8a8a8"/>
  40. <meta name="color:Post BG" content=""/>
  41. <meta name="color:DescriptionText" content="#b8b8b8"/>
  42. <meta name="color:Description BG" content=""/>
  43. <meta name="color:Border" content="#dddddd"/>
  44. <meta name="color:Hover" content="#f2f2f2"/>
  45. <meta name="color:Scrollbar" content="#000000"/>
  46. <meta name="color:ScrollbarBg" content="#ffffff"/>
  47. <meta name="color:Post Links" content="#c0bfbf"/>
  48. <meta name="color:AnswerBg" content="#000000"/>
  49. <meta name="color:AskBg" content="#000000"/>
  50. <meta name="color:Ask text" content="#000000"/>
  51.  
  52. <meta name="image:Sidebar" content=""/>
  53. <meta name="image:link1" content=""/>
  54. <meta name="image:link2" content=""/>
  55. <meta name="image:link3" content=""/>
  56. <meta name="image:Background" content=""/>
  57.  
  58. <meta name="text:Link 1" content="" />
  59. <meta name="text:Link 1 text" content="" />
  60. <meta name="text:Link 2" content="" />
  61. <meta name="text:Link 2 text" content="" />
  62. <meta name="text:Link 3" content="" />
  63. <meta name="text:Link 3 text" content="" />
  64.  
  65. <meta name="if:brightness" content="1"/>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. ::-webkit-scrollbar-thumb {
  71. height:auto;
  72. background-color:{color:Scrollbar};
  73. }
  74.  
  75. ::-webkit-scrollbar {
  76. height:9px;
  77. width:4px;
  78. background-color:{color:ScrollbarBg};
  79. }
  80.  
  81. ul {
  82. text-align:left
  83. }
  84.  
  85. body {
  86. background:{color:background} fixed;
  87. margin:0px;
  88. font-family: 'Alegreya Sans SC', sans-serif;
  89. font-size:10px;
  90. line-height:100%;
  91. letter-spacing:0px;
  92. text-align:justify;
  93. background-image:url('{image:Background}');
  94. }
  95.  
  96. a {
  97. text-decoration:none;
  98. outline:none;
  99. -moz-outline-style:none;
  100. color:{color:Post Links};
  101. }
  102.  
  103. #s-m-t-tooltip {
  104. max-width:300px;
  105. padding:3px 4px 5px 4px;
  106. margin:20px 0px 0px 20px;
  107. background-color:{color:post bg};
  108. border-bottom:3px solid {color:border};
  109. font-family:calibri;
  110. font-size:9px;
  111. letter-spacing:2px;
  112. text-transform:uppercase;
  113. color:{color:text};
  114. z-index:999999999999999999999999999999999999;
  115. }
  116.  
  117. img {
  118. border:none;
  119. padding:5px;
  120. width:auto;
  121. }
  122.  
  123. h1 {
  124. font-weight:normal;
  125. font-family: 'Days One', sans-serif;
  126. font-size:13px;
  127. text-align:left;
  128. font-style:normal;
  129. line-height:100%;
  130. letter-spacing:0px;
  131. text-transform:uppercase;
  132. color:{color:text};
  133. border-left:2px solid {color:border};
  134. background-color:{color:header background};
  135. border-top-right-radius:7px;
  136. border-bottom-right-radius:7px;
  137. padding:5px;
  138. }
  139.  
  140. h2 {
  141. font-size:9px;
  142. text-align:center;
  143. font-family: 'Days One', sans-serif;
  144. line-height:100%;
  145. letter-spacing:1px;
  146. color:{color:border};
  147. background-color:{color:header background};
  148. text-transform:uppercase;
  149. font-weight:normal;
  150. padding:5px;
  151. }
  152.  
  153. h8 {
  154. width:100%;
  155. font-size:8px;
  156. font-family: 'Share Tech', sans-serif;
  157. text-align:center;
  158. line-height:100%;
  159. letter-spacing:0px;
  160. color:{color:text};
  161. background-color:{color:text header bg};
  162. text-transform:uppercase;
  163. font-weight:normal;
  164. padding:5px;
  165. }
  166.  
  167. h9 {
  168. font-size:8px;
  169. text-align:right;
  170. font-family: 'Alegreya Sans SC', sans-serif;
  171. line-height:100%;
  172. letter-spacing:0px;
  173. color:{color:text};
  174. text-transform:uppercase;
  175. font-weight:normal;
  176. padding:5px;
  177. }
  178.  
  179. b, strong, bold {
  180. color:{color:bold};
  181. }
  182.  
  183.  
  184. i, italic, em {
  185. color:{color:italic};
  186. }
  187.  
  188. pre {
  189. background-color:{color:border};
  190. width:auto;
  191. padding:3px;
  192. font-family:courier;
  193. font-size:12px;
  194. text-transform:uppercase;
  195. text-align:left;
  196. border-top-right-radius:7px;
  197. border-bottom-right-radius:7px;
  198. white-space: pre-wrap;
  199. white-space: -moz-pre-wrap;
  200. white-space: -pre-wrap;
  201. white-space: -o-pre-wrap;
  202. word-wrap: break-word;
  203. }
  204.  
  205. blockquote {
  206. border-left:4px solid {color:border};
  207. background-color:{color:background};
  208. padding-left:15px;
  209. margin-left:20px;
  210. border-top-right-radius:7px;
  211. border-bottom-right-radius:7px;
  212. padding:10px;
  213. }
  214.  
  215. blockquote blockquote {
  216. padding-left:20px;
  217. border-left:2px solid {color:border};
  218. }
  219.  
  220. a:hover {
  221. color:{color:hover};
  222. -moz-transition-duration:0.3s;
  223. -webkit-transition-duration:0.3s;
  224. -o-transition-duration:0.3s;
  225. }
  226.  
  227.  
  228. /*ENTRIES*/
  229.  
  230. #entries {
  231. padding:10px;
  232. width:500px;
  233. margin-left:702px;
  234. margin-top:5px;
  235. font-size:10px;
  236. font-family: 'Alegreya Sans SC', sans-serif;
  237. letter-spacing:0px;
  238. }
  239.  
  240. #post {
  241. background:{color:Post BG};
  242. width:500px;
  243. padding-bottom:40px;
  244. padding:30px;
  245. margin-top:50px;
  246. color:{color:text};
  247. outline:3px solid {color:border};
  248. outline-offset:2px;
  249. }
  250.  
  251. /*SIDEBAR*/
  252.  
  253. #sidebar {
  254. height:100%;
  255. width:500px;
  256. position:fixed;
  257. margin-top:-5px;
  258. margin-left:100px;
  259. }
  260.  
  261.  
  262. #sidebarimage {
  263. width 500px;
  264. height:650px;
  265. -webkit-transition: all 0.4s ease-in-out;
  266. -moz-transition: all 0.4s ease-in-out;
  267. -o-transition: all 0.4s ease-in-out;
  268. -ms-transition: all 0.4s ease-in-out;
  269. transition: all 0.4s ease-in-out;
  270. }
  271.  
  272. #sidebarimage img {
  273. width 350px;
  274. height:455px;
  275. margin-top:104px;
  276. padding:3px;
  277. margin-left:-20px;
  278. border:5px solid {color:border};
  279. -webkit-transition: all 0.4s ease-in-out;
  280. -moz-transition: all 0.4s ease-in-out;
  281. -o-transition: all 0.4s ease-in-out;
  282. -ms-transition: all 0.4s ease-in-out;
  283. transition: all 0.4s ease-in-out;
  284. }
  285.  
  286. .links {
  287. width:100px;
  288. margin-left:150px;
  289. margin-top:110px;
  290. text-align:center;
  291. padding:20px;
  292. position: fixed;
  293. top:0;
  294. opacity:0;
  295. -webkit-transition: all 0.6s ease-in-out;
  296. -moz-transition: all 0.6s ease-in-out;
  297. -o-transition: all 0.6s ease-in-out;
  298. -ms-transition: all 0.6s ease-in-out;
  299. transition: all 0.6s ease-in-out;
  300. }
  301.  
  302. .links a {
  303. text-transform: uppercase;
  304. width: 130px;
  305. font-size: 11px;
  306. letter-spacing: 4px;
  307. margin: 4px 4px 4px 10px;
  308. text-align: center;
  309. padding: 10px;
  310. display: inline-block;
  311. -webkit-transition: all 0.4s ease-in-out;
  312. -moz-transition: all 0.4s ease-in-out;
  313. -o-transition: all 0.4s ease-in-out;
  314. -ms-transition: all 0.4s ease-in-out;
  315. transition: all 0.4s ease-in-out;
  316. }
  317.  
  318. .links a:hover {
  319. -moz-transition-duration:0.3s;
  320. -webkit-transition-duration:0.3s;
  321. -o-transition-duration:0.3s;
  322. }
  323.  
  324. .links img{
  325. margin-bottom:0px;
  326. -webkit-transition: all 0.4s ease-in-out;
  327. -moz-transition: all 0.4s ease-in-out;
  328. -o-transition: all 0.4s ease-in-out;
  329. -ms-transition: all 0.4s ease-in-out;
  330. transition: all 0.4s ease-in-out;
  331. }
  332.  
  333. {block:ifbrightness}
  334.  
  335. .links img:hover {
  336. -webkit-filter: blur(1.3px) brightness(1.1);
  337. -moz-filter: blur(1.3px) brightness(1.1);
  338. -o-filter: blur(1.3px) brightness(1.1);
  339. -ms-filter: blur(1.3px) brightness(1.1);
  340. filter: blur(1.3px) brightness(1.1);
  341. }
  342.  
  343. {block:ifbrightness}
  344.  
  345. #sidebar:hover .links {
  346. margin-left:340px;
  347. opacity:1;
  348. -webkit-transition: all 0.4s ease-in-out;
  349. -moz-transition: all 0.4s ease-in-out;
  350. -o-transition: all 0.4s ease-in-out;
  351. -ms-transition: all 0.4s ease-in-out;
  352. transition: all 0.4s ease-in-out;
  353. }
  354.  
  355. .description {
  356. text-align:center;
  357. font-family: 'Alegreya Sans SC', sans-serif;
  358. width:270px;
  359. height:320px;
  360. overflow:auto;
  361. padding:15px;
  362. margin-top:164px;
  363. margin-left:9px;
  364. font-size:12px;
  365. position:fixed;
  366. text-transform:none;
  367. color:{color:DescriptionText};
  368. background:{color:Description BG};
  369. z-index:999999;
  370. border:2px solid {color:border};
  371. opacity:0;
  372. transition: opacity .5s ease-out;
  373. -moz-transition: opacity .5s ease-out;
  374. -webkit-transition: opacity .5s ease-out;
  375. -o-transition: opacity .5s ease-out;
  376. }
  377.  
  378. #sidebar:hover .description {
  379. opacity:0.8;
  380. transition: opacity .5s ease-out;
  381. -moz-transition: opacity .5s ease-out;
  382. -webkit-transition: opacity .5s ease-out;
  383. -o-transition: opacity .5s ease-out;
  384. }
  385.  
  386. #pagination {
  387. font-style:bold;
  388. width:360px;
  389. padding:2px;
  390. font-family: 'Alegreya Sans SC', sans-serif;
  391. letter-spacing:0px;
  392. font-size:12px;
  393. text-align:center;
  394. padding:4px;
  395. margin-top:-60px;
  396. margin-left:-20px;
  397. text-transform:lowercase;
  398. background-color:{color:border};
  399. }
  400.  
  401.  
  402. /*POST INFO*/
  403.  
  404. #info {
  405. width:auto;
  406. color:{color:text};
  407. text-align:center;
  408. font-family: 'Alegreya Sans SC', sans-serif;
  409. letter-spacing:0px;
  410. font-size:10px;
  411. font-style:none;
  412. padding:10px;
  413. line-height:10px;
  414. text-transform:uppercase;
  415. border-top:2px solid;
  416. border-color:{color:Border};
  417. background-color:{color:info bg};
  418. }
  419.  
  420. #info a {
  421. text-align:center;
  422. color:{color:Post Links};
  423. }
  424.  
  425. #info a:hover {
  426. -moz-transition-duration:0.3s;
  427. -webkit-transition-duration:0.3s;
  428. -o-transition-duration:0.3s;
  429. color:{color:Hover}
  430. }
  431.  
  432. #tags {
  433. float:center;
  434. width:auto;
  435. margin-top:5px;
  436. margin-left:-5px;
  437. text-align:center;
  438. font-size:7px;
  439. padding:0px;
  440. font-size:8px;
  441. opacity:1;
  442. transition-duration: 0.5s;
  443. -moz-transition-duration: 0.5s;
  444. -webkit-transition-duration: 0.5s;
  445. -o-transition-duration: 0.5s
  446. color:{color:Post Links};
  447. }
  448.  
  449. #tags a {
  450. letter-spacing:0px;
  451. font-size:8px;
  452. text-align:center;
  453. font-family: 'Alegreya Sans SC', sans-serif;
  454. text-decoration:none;
  455. color:{color:Post Links};
  456. }
  457.  
  458. #tags a:hover {
  459. -moz-transition-duration:0.3s;
  460. -webkit-transition-duration:0.3s;
  461. -o-transition-duration:0.3s;
  462. color:{color:Hover};
  463. }
  464.  
  465. #notes {
  466. background:{color:post bg};
  467. padding:5px;
  468. width:500px;
  469. }
  470.  
  471. /*QUESTION*/
  472.  
  473. #ask {
  474. width:auto;
  475. color:{color:ask text};
  476. line-height:100%;
  477. background-color:{color:AskBg};
  478. border-radius:10px;
  479. border-left:4px solid {color:border};
  480. border-right:4px solid {color:border};
  481. }
  482.  
  483. /*CREDIT*/
  484.  
  485. #cred {
  486. position:fixed;
  487. font-family: 'Alegreya Sans SC', sans-serif;
  488. text-transform:uppercase;
  489. font-size:15px;
  490. right:9px;
  491. bottom:9px;
  492. padding:7px;
  493. letter-spacing:1px;
  494. background:{color:post bg};
  495. }
  496.  
  497. {CustomCSS}</style></head><body>
  498.  
  499. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  500. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  501. <script>
  502.  
  503. (function($){
  504.  
  505. $(document).ready(function(){
  506.  
  507. $("a[title]").style_my_tooltips({
  508.  
  509. tip_follows_cursor:true,
  510.  
  511. tip_delay_time:50,
  512.  
  513. tip_fade_speed:600,
  514.  
  515. attribute:"title"
  516.  
  517. });
  518.  
  519. });
  520.  
  521. })(jQuery);
  522.  
  523. </script>
  524.  
  525. <div id="sidebar">
  526. <div id class="description">{Description}
  527. </div>
  528.  
  529. <div id="sidebarimage">
  530. <img src="{image:Sidebar}">
  531. </a>
  532. </div>
  533.  
  534. <div class="links">
  535. <a href="{text:Link 1}" title="{text:Link 1 text}"><img src="{image:link1}"></a>
  536. <a href="{text:Link 2}" title="{text:Link 2 text}"><img src="{image:link2}"></a>
  537. <a href="{text:Link 3}" title="{text:Link 3 text}"><img src="{image:link3}"></a>
  538. </div>
  539.  
  540. {block:Pagination}
  541. <div id="pagination">
  542. {block:PreviousPage}<a href="{PreviousPage}">new</a>{/block:PreviousPage}
  543. — {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
  544. </div>
  545. {/block:Pagination}
  546.  
  547.  
  548. </div>
  549. </div>
  550.  
  551.  
  552. <div id="entries">
  553. {block:Posts}
  554. <div id="post">
  555.  
  556. {block:Text}
  557. <h8>{block:Title}{Title}{/block:Title}</h8>
  558. {Body}{/block:Text}
  559.  
  560. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  561. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  562.  
  563. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  564. {/block:Caption}{/block:Photoset}
  565.  
  566. {block:Quote}<h1>"{Quote}"</h1>
  567. {block:Source}<div class="qsource"> <h9>—{Source}</h9></div>
  568. {/block:Source}{/block:Quote}
  569.  
  570. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  571.  
  572. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<h8><u>{Label}</u></h8>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  573.  
  574. {block:More}<div id="more"><a href="{Permalink}"> Wait, there's more →</a></div>{/block:More}
  575.  
  576. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  577. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  578. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  579. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  580. {/block:Audio}<br>
  581.  
  582. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  583.  
  584. {block:Answer}<div id="ask" style="width:auto;text-align:center;margin-left:0px;margin-top:0px;padding-top:15px;font-family: 'Alegreya Sans SC', sans-serif;font-size:11px;font-style:none;background-color:{color:ask bg};letter-spacing:0px;font-color;text-transform:none;{color:ask text};">{Question}<br><br><div style="border-bottom-right-radius:9px;border-bottom-left-radius:9px;width:auto;text-align:center;margin-left:0px;margin-top:0px;padding:20px;font-size:10px;padding:5px;font-color:{color:ask text};background-color:{color:answerbg};font-family: 'Alegreya Sans SC', sans-serif;text-transform:uppercase;letter-spacing:4px;"><br>―{Asker}<br><br></div></div></blockquote> <div style="margin-top:20px;">{Answer}</div>{/block:Answer}
  585.  
  586. <div id="info"><h9>
  587. <a href="{Permalink}">{timeago}</a> ◈ {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">VIA</a>{/block:ContentSource}
  588. ◈ {block:RebloggedFrom} <a href="{ReblogParentURL}"target="_blank">©</a> {/block:RebloggedFrom} ◈ <a href="{permalink}">{NoteCount}</a></h9>
  589. <p></p>
  590. <p></p>
  591. {block:HasTags}<div id="tags">
  592.  
  593. {block:Tags}<a href="/tagged/{Tag}"><h9>#{Tag}</h9></a>{/block:Tags}
  594. </div>{block:HasTags}
  595. </div>
  596. </div>
  597. {/block:Posts}
  598. <br><br>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  599. {/block:Posts}</div></div></div>
  600. <br><br><br><br>
  601.  
  602. <div id="cred">
  603. <a href="http://zoeyrps.tumblr.com/"></a>
  604. </div>
  605. </div>
  606.  
  607.  
  608.  
  609. </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!