API tools faq
paste
Advertisement
moanszayn

runaway

moanszayn
Apr 12th, 2014
464
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.63 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 BY AILEEN AKA LUSTINGLOU
  6. FOLLOW THE RULES AND STAY GUCCI
  7.  
  8. disclaimer:
  9. ~my own base
  10. ~ofcuteboys for help with the notes
  11. ~friends on advice of how things look :)
  12. -->
  13.  
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23.  
  24. <meta name="color:Text" content="#bbbbbb"/>
  25. <meta name="color:selection" content="#38E8A7"/>
  26. <meta name="color:Link" content="#aaaaaa"/>
  27. <meta name="color:Tags" content="#cccccc"/>
  28. <meta name="color:Hover" content="#f1f1f1"/>
  29. <meta name="color:Border" content="#eeeeee"/>
  30. <meta name="color:scrollbarbg" content="ffffff"/>
  31. <meta name="color:SBLink" content="#bbb"/>
  32. <meta name="color:line" content="#f2f2f2"/>
  33. <meta name="color:ask" content="#fff"/>
  34. <meta name="color:asklink" content="#000000"/>
  35. <meta name="color:askbg" content="#000000"/>
  36.  
  37.  
  38.  
  39. <meta name="image:sidebar" content=""/>
  40.  
  41. <meta name="text:sidetitle" content="text here">
  42.  
  43. <meta name="text:linkA" content="">
  44. <meta name="text:linkA url" content="/">
  45. <meta name="text:linkB" content="">
  46. <meta name="text:linkB url" content="/">
  47. <meta name="text:linkC" content="">
  48. <meta name="text:linkC url" content="/">
  49. <meta name="text:linkD" content="">
  50. <meta name="text:linkD url" content="/">
  51. <meta name="text:linkE" content="">
  52. <meta name="text:linkE url" content="/">
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  58.  
  59. /*--scrollbar--*/
  60.  
  61. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbarbg};}
  62. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  63. ::-webkit-scrollbar {background-color:white;height:7px;width:12px;border:5px solid #fff;}
  64. }
  65.  
  66.  
  67. body {
  68. background:{color:background};
  69. margin:0px;
  70. color:{color:text};
  71. font-family:helvetica;
  72. font-size:9px;
  73. line-height:100%;
  74.  
  75. }
  76.  
  77. a {
  78. font-family:helvetica;
  79. text-decoration:none;
  80. -moz-outline-style:none;
  81. color:{color:link};
  82. -webkit-transition-duration:0.6s;
  83.  
  84. }
  85.  
  86. img {
  87. border:none;
  88. }
  89.  
  90.  
  91. h1 {
  92. font-family:helvetica;
  93. font-size:12px;
  94. text-transform:uppercase;
  95. }
  96.  
  97. blockquote {
  98. padding-left:5px;
  99. border-left:2px solid;
  100. }
  101.  
  102. blockquote blockquote {
  103. padding-left:5px;
  104. border-left:2px solid;
  105. }
  106.  
  107.  
  108. a:hover {
  109. color:{color:hover};
  110. }
  111.  
  112. #post p{
  113. font-family:helvetica;
  114. }
  115.  
  116. #title {
  117. margin-left:-20px;
  118. top:210px;
  119. position:fixed;
  120. font-size:20px;
  121. color:{color:hover};
  122. width:220px;
  123. text-align:right;
  124. font-family:arial;
  125. text-transform:lowercase;
  126. font-weight:bold;
  127. letter-spacing:0px;
  128. z-index:9999999999999999;
  129. -moz-transition-duration:1.8s;
  130. -webkit-transition-duration:1.8s;
  131. -o-transition-duration:1.8s;
  132. }
  133.  
  134. #title:hover{
  135. color:white;
  136. -moz-transition-duration:1.5s;
  137. -webkit-transition-duration:1.5s;
  138. -o-transition-duration:1.5s;
  139. }
  140.  
  141. #sidebar {
  142. position:fixed;
  143. height:150px;
  144. width:150px;
  145. margin-left:150px;
  146. margin-top:180px;
  147. opacity:1;
  148. -moz-transition-duration:0.6s;
  149. -webkit-transition-duration:0.6s;
  150. -o-transition-duration:0.6s;
  151.  
  152. }
  153.  
  154. #sidebarimage {
  155. -webkit-transition: 0.8s ease-in; -moz-transition: 1s ease-in; transition : 1s ease-in; -webkit-filter: -webkit-filter: blur(9px) saturate(2.1 );(0%);
  156.  
  157.  
  158. }
  159.  
  160.  
  161.  
  162. #sidebarimage img {
  163. width:200px;
  164. padding-top:6px;
  165. -moz-transition-duration:1s;
  166. -webkit-transition-duration:1s;
  167. -o-transition-duration:1s;
  168. }
  169.  
  170. #sidebar:hover .desc{
  171. -moz-transition-duration:0.8s;
  172. -webkit-transition-duration:0.8s;
  173. -o-transition-duration:0.8s;
  174. opacity:1;
  175. color:#fff;
  176. background:{color:line};
  177. opacity:0.9;
  178. z-index:1;
  179.  
  180. }
  181.  
  182.  
  183. .desc {
  184. position:fixed;
  185. margin-top:-88px;
  186. margin-left:22px;
  187. font-family:helvetica;
  188. line-height:110%;
  189. font-size:10px;
  190. font-style:normal;
  191. width:130px;
  192. height:40px;
  193. padding:15px;
  194. padding-bottom:11px;
  195. text-align:justify;
  196. color:white;
  197. background:{color:line};
  198. overflow-y:auto;
  199. opacity:0;
  200. -moz-transition-duration:0.6s;
  201. -webkit-transition-duration:0.6s;
  202. -o-transition-duration:0.6s;
  203.  
  204. }
  205.  
  206. .desc a
  207. {color:{color:links};
  208. -moz-transition-duration:0.6s;
  209. -webkit-transition-duration:0.6s;
  210. -o-transition-duration:0.6s;
  211. }
  212.  
  213.  
  214.  
  215. .links {
  216. position:fixed;
  217. margin-top:-1px;
  218. margin-left:-1px;
  219. width:200px;
  220. font-family:arial ;
  221. letter-spacing:1px;
  222. text-align:left;
  223. text-transform:lowercase;
  224. padding:1px;
  225. line-height:30%;
  226. -moz-transition-duration:0.5s;
  227. -webkit-transition-duration:0.5s;
  228. -o-transition-duration:0.5s;
  229.  
  230.  
  231. }
  232.  
  233.  
  234. .links a {
  235. text-align:left;
  236. color:{color:sblink};
  237. padding:8.5px;
  238. font-size: 14px;
  239. display:block;
  240. border-left:5px solid {color:hover};
  241. -moz-transition-duration:0.5s;
  242. -webkit-transition-duration:0.5s;
  243. -o-transition-duration:0.5s;
  244. box-shadow: inset 0 -22px 0 {color:line};
  245. }
  246.  
  247. .links a:hover {
  248. color:#000;
  249. box-shadow: inset 0 -22px 0 white;
  250. border-left:100px solid white;
  251. -moz-transition-duration:0.9s;
  252. -webkit-transition-duration:0.9s;
  253. -o-transition-duration:0.9s;
  254. text-decoration:none;
  255. }
  256.  
  257.  
  258. #pagi{
  259. line-height:30%;
  260. padding:8.5px;
  261. display:block;
  262. width:178px;
  263. font-size:14px;
  264. text-align:left;
  265. margin-left:0px;
  266. margin-top:125px;
  267. position:fixed;
  268. font-family:helvetica;
  269. word-spacing:3px;
  270. border-left:5px solid {color:hover};
  271. -moz-transition-duration:0.5s;
  272. -webkit-transition-duration:0.5s;
  273. -o-transition-duration:0.5s;
  274. box-shadow: inset 0 -22px 0 {color:line};
  275.  
  276. }
  277.  
  278. #pagi a{color:{color:sblink};}
  279.  
  280. #pagi:hover{
  281. color:{color:hover};
  282. -webkit-transition-duration:0.6s;
  283. }
  284.  
  285. #pagi a:hover{
  286. color:{color:hover};}
  287.  
  288. #picture img{
  289. width:220px;
  290. margin-top:-5px;
  291. margin-left: 0px;
  292. position:fixed;
  293. z-index:-1;
  294. }
  295.  
  296.  
  297. #all {
  298. padding:0px;
  299. width:400px;
  300. margin-left:390px;
  301. margin-top:50px;
  302. font-size:10px;
  303. padding-left:35px;
  304. }
  305.  
  306.  
  307. #posts {
  308. width:400px;
  309. padding-bottom:20px;
  310. padding:20px;
  311. margin-top:30px;
  312. background-color:{color:Post};
  313. color:{color:text};
  314.  
  315. }
  316. /*POST INFO*/
  317.  
  318. #info {
  319. width:395px;
  320. text-align:center;
  321. font-family:helvetica;
  322. margin-top:3px;
  323. margin-left:px;
  324. letter-spacing:1px;
  325. font-size:8px;
  326. font-style:none;
  327. padding-top:5px;
  328. line-height:10px;
  329. text-transform:uppercase;
  330. z-index:999;
  331. }
  332.  
  333. #info a {
  334. padding:5px;
  335. z-index:999;
  336. text-align:center;
  337. color:{color:Post Links};
  338. box-shadow: inset 0 00px 0 transparent;
  339. }
  340.  
  341. #info a:hover {
  342. -moz-transition-duration:0.3s;
  343. -webkit-transition-duration:0.3s;
  344. -o-transition-duration:0.3s;
  345. box-shadow: inset 0 22px 0 {color:line};
  346. text-align:center;
  347. color:white ;
  348. -moz-transition-duration:.8s;
  349. -webkit-transition-duration:.8s;
  350. -o-transition-duration:.8s;
  351.  
  352. }
  353.  
  354. #tags {
  355. float:center;
  356. width:389px;
  357. margin-top:-0px;
  358. margin-left:-5px;
  359. text-align:center;
  360. font-size:8px;
  361. padding:5px;
  362. font-size:8px;
  363. transition-duration: 0.5s;
  364. -moz-transition-duration: 0.5s;
  365. -webkit-transition-duration: 0.5s;
  366. -o-transition-duration: 0.5s
  367. color:#bbb;
  368. }
  369.  
  370. #tags a {
  371. padding:2px;
  372. letter-spacing:0px;
  373. font-size:8px;
  374. text-align:center;
  375. font-family:'helvetica';
  376. text-decoration:none;
  377. display:inline-block;
  378. color:{color:Tags};
  379. border-bottom:1px solid white;
  380. -moz-transition-duration:0.3s;
  381. -webkit-transition-duration:0.3s;
  382. -o-transition-duration:0.3s;
  383. }
  384.  
  385. #tags a:hover {
  386. box-shadow: inset 0 -22px 0 white;
  387. background-color:#fff;
  388. -moz-transition-duration:0.5s;
  389. -webkit-transition-duration:0.5s;
  390. -o-transition-duration:0.5s;
  391. color:{color:Hover};
  392. border-bottom:1px solid {color:line};
  393. }
  394.  
  395. #question {
  396. font-size:10px;
  397. padding-top:15px;
  398. padding-bottom:15px;
  399. padding:10px;
  400. padding-right:5px;
  401. padding-left:5px;
  402. font-family:helvetica;
  403. letter-spacing:0px;
  404. text-align:center;
  405. font-style:none;
  406. background: {color:askbg} ;
  407. color:{color:ask} ;
  408. border-left:5px solid {color:line};
  409. -moz-transition-duration:0.5s;
  410. -webkit-transition-duration:0.5s;
  411. -o-transition-duration:0.5s;
  412. }
  413.  
  414. #question:hover{
  415. color:#fff;
  416. box-shadow: inset 0 -72px 0 {color:line};
  417. -moz-transition-duration:1s;
  418. -webkit-transition-duration:1s;
  419. -o-transition-duration:1s;
  420. }
  421.  
  422. #questionlink {
  423. font-family:helvetica;
  424. text-align:center;
  425. font-style:normal;
  426. font-size:12px;
  427. color:{color:asklink};
  428. text-transform:uppercase;
  429. letter-spacing:1px;
  430.  
  431. }
  432.  
  433.  
  434. #questionlink a {
  435. font-family:helvetica;
  436. text-align:left;
  437. font-style:normal;
  438. font-size:10px;
  439. color:{color:asklink};
  440. text-transform:uppercase;
  441.  
  442.  
  443. }
  444.  
  445. .audio-post {
  446. text-align: center;
  447. color:#fff;
  448. font-family:helvetica;
  449. }
  450.  
  451. .audiop {
  452. background:{color:line};
  453. height:30px;
  454. font-size:8px;
  455. letter-spacing:1px;
  456. text-transform:uppercase;
  457. line-height:13px;
  458. text-align:center;
  459. padding:10px;
  460. -moz-transition-duration:0.5s;
  461. -webkit-transition-duration:0.5s;
  462. -o-transition-duration:0.5s;
  463. }
  464.  
  465. .audiop:hover{
  466. box-shadow: inset 0 -50px 0 {color:hover};
  467. -moz-transition-duration:0.5s;
  468. -webkit-transition-duration:0.5s;
  469. -o-transition-duration:0.5s;
  470. }
  471.  
  472. #postnotes {
  473. display:block;
  474. margin-top:-200;
  475. margin-left:405px;
  476. color:black;
  477. width:440px;
  478. font-family:helvetica;
  479. font-size:10px;
  480. }
  481.  
  482. #postnotes ol {
  483. line-height:110%;
  484. color:black;
  485. list-style-type: none;
  486.  
  487. }
  488.  
  489. #postnotes li {
  490. padding:5px;
  491. letter-spacing:2px;
  492. display:block;
  493. margin-top:5px;
  494. background-color:{color:hover};
  495. color:black;
  496. -webkit-transition-duration:.4s;
  497. -moz-transition-duration:.4s;
  498. -o-transition-duration:.4s;
  499. -ms-transition-duration:.4s;
  500. }
  501.  
  502. #postnotes li:hover {
  503. box-shadow: inset 0 -42px 0 {color:line};
  504. color:white;
  505.  
  506. }
  507.  
  508. #postnotes li:hover a {
  509. color:white;
  510. }
  511.  
  512. #postnotes img {
  513. padding-right:5px;
  514. }
  515.  
  516. /*--credit--*/
  517.  
  518. #credit{
  519. right:8px;
  520. bottom: 2px;
  521. position:fixed;
  522. padding:5px;
  523. }
  524.  
  525. #credit a:hover { color: {color:linkhover};}
  526.  
  527.  
  528. {CustomCSS}
  529. iframe#tumblr_controls { right:3px !important; position: fixed !important; z-index:999999999999999999999999999999999999999999999 !important; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; -webkit-filter: invert(100%);}
  530. ::-moz-selection {background: {color:selection}; color:#fff;}
  531.  
  532. ::selection {background:{color:selection}; color:#fff; }
  533.  
  534.  
  535.  
  536. #s-m-t-tooltip {
  537.  
  538. max-width:300px;
  539.  
  540. padding:3px 4px 5px 4px;
  541.  
  542. margin:20px 0px 0px 20px;
  543.  
  544. background-color:#fff; /* change the background color */
  545.  
  546. font-family:helvetica; /* change the font */
  547.  
  548. font-size:9px; /* change the font size */
  549.  
  550. letter-spacing:2px; /* change the letter spacing */
  551.  
  552. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  553.  
  554. color:#000; /* change the text color */
  555.  
  556. z-index:999999999999999999999999999999999999;
  557.  
  558. }
  559.  
  560. </style>
  561.  
  562.  
  563.  
  564. </head>
  565.  
  566. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  567.  
  568. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  569.  
  570. <script>
  571.  
  572. (function($){
  573.  
  574. $(document).ready(function(){
  575.  
  576. $("a[title]").style_my_tooltips({
  577.  
  578. tip_follows_cursor:true,
  579.  
  580. tip_delay_time:90,
  581.  
  582. tip_fade_speed:600,
  583.  
  584. attribute:"title"
  585.  
  586. });
  587.  
  588. });
  589.  
  590. })(jQuery);
  591.  
  592. </script>
  593.  
  594. <link href='http://static.tumblr.com/blpgwiz/uvsm405h8/flip.css' rel='stylesheet' type='text/css'><body>
  595.  
  596.  
  597. <div id="sidebar">
  598. <div id="title">{text:sidetitle}</div>
  599. <div id="sidebarimage"><a href="/"> <img src="{image:sidebar}"></a></div>
  600.  
  601.  
  602.  
  603. <div class="desc">
  604. {Description}
  605. </div>
  606. <div class="links">
  607. {block:IfLinkA}
  608. <a href="{text:linkA url}">{text:linkA}</a>
  609. {/block:IfLinkA}<br>
  610. {block:IfLinkB}
  611. <a href="{text:linkB url}">{text:linkB}</a>
  612. {/block:IfLinkB} <br>
  613. {block:IfLinkC}
  614. <a href="{text:linkC url}">{text:linkC}</a>
  615. {/block:IfLinkC} <br>
  616. {block:IfLinkD}
  617. <a href="{text:linkD url}">{text:linkD}</a>
  618. {/block:IfLinkD} <br>
  619. {block:IfLinkE}
  620. <a href="{text:linkE url}">{text:linkE}</a>
  621. {/block:IfLinkE}
  622.  
  623. </div>
  624.  
  625.  
  626.  
  627. {block:Pagination}
  628. <div id="pagi">
  629. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  630. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  631. </div>
  632. {/block:Pagination}
  633. </div>
  634. </div>
  635.  
  636. </div>
  637.  
  638.  
  639.  
  640. <div id="all">{block:Posts}<div id="posts">
  641.  
  642. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  643.  
  644. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  645.  
  646. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  647.  
  648. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  649.  
  650. {block:Quote}{Quote}{/block:Quote}
  651.  
  652. {block:AudioPlayer}
  653. <div class="audio-post"> <div style="padding: 6px 0px 6px 5px;width:inherit;background:#fff; width:30px;overflow:hidden; position:absolute;border:4px solid {color:hover}"> {AudioPlayer}</div><div class="audiop">{block:TrackName}<span style="#fff">{TrackName}</span>{/block:TrackName}{block:Artist}<br/>{Artist} {/block:Artist}</div></div>{/block:AudioPlayer}
  654.  
  655. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  656.  
  657. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  658.  
  659.  
  660. {block:Answer}<div id="questionlink"><span style="font-family:helvetica;text-transform:uppercase;font-size:10px;font-style:none;"><font face="helvetica">{Asker}</font></div> <div id="question"></span>{Question}</div><center> <span style="text-transform:none;font-size:10px;"><font face="helvetica">{Answer}</font> {/block:Answer}
  661.  
  662. <div id="info">
  663. {NoteCount} <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  664. {block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} </a>
  665. {block:HasTags}<div id="tags">
  666.  
  667. {block:Tags}<a href="/tagged/{Tag}">{Tag}, </a>&nbsp;{/block:Tags}
  668. </div>{block:HasTags}
  669. </div>
  670. </div>
  671. {/block:Posts}
  672. <br><br></div><div id="postnotes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
  673. {/block:Posts}</div></div></div>
  674.  
  675.  
  676.  
  677. <div id="credit" data="credit"><a href="http://chipotleigh.tumblr.com"><img src="http://24.media.tumblr.com/d51c7e63ee92e592f42bead860a1cb3e/tumblr_mrczibkCXy1som5q2o1_500.png" width="50px" height="65px"></a></div>
  678.  
  679. </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!