API tools faq
paste
Advertisement
Elevenhour

Miles, Miles, Miles

Elevenhour
Feb 25th, 2014
1,839
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.87 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7. <!----theme by draculahs @ tumblr, rules are on my tumblr. :)--->
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!--Default Variables-->
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#aaaaaa"/>
  19. <meta name="color:Link" content="#000000"/>
  20. <meta name="color:linksbg" content="#2e3841"/>
  21. <meta name="color:sidelinks" content="#f1f1f1"/>
  22. <meta name="color:infobg" content="#2e3841"/>
  23. <meta name="color:infotext" content="#f1f1f1"/>
  24.  
  25. <meta name="image:Sidebar Image" content="http://static.tumblr.com/d89267da005d95c7bc3982603f9622fb/fzy0mvv/Peon1jwt9/tumblr_static_tumblr_mtjno7fipp1r5km5ro1_400.jpg"/>
  26.  
  27. <meta name="text:link1" content="">
  28. <meta name="text:link1 url" content="/">
  29. <meta name="text:link2" content="">
  30. <meta name="text:link2 url" content="/">
  31. <meta name="text:link3" content="">
  32. <meta name="text:link3 url" content="/">
  33. <meta name="text:link4" content="">
  34. <meta name="text:link4 url" content="/">
  35.  
  36. <meta name="if:SmallerSidebarImg" content="0"/>
  37. <meta name="if:borders" content="1"/>
  38.  
  39. <!-- jquery for tooltips-->
  40.  
  41.  
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43.  
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script>
  47.  
  48. (function($){
  49.  
  50. $(document).ready(function(){
  51.  
  52. $("a[title]").style_my_tooltips({
  53.  
  54. tip_follows_cursor:true,
  55.  
  56. tip_delay_time:30,
  57.  
  58. tip_fade_speed:300,
  59.  
  60. attribute:"title"
  61.  
  62. });
  63.  
  64. });
  65.  
  66. })(jQuery);
  67.  
  68. </script>
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75. <!--CSS customization here. -->
  76.  
  77. <style type="text/css">
  78.  
  79. #s-m-t-tooltip{
  80. position:absolute;
  81. margin-top: 15px;
  82. z-index:9999;
  83. background:{color:background};
  84. }
  85.  
  86. ::-webkit-scrollbar {background-color:white; height:2px; width:5px}
  87. ::-webkit-scrollbar-thumb:vertical {background-color:{color:linksbg}; height:50px}
  88. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:linksbg}; height:3px!important}
  89.  
  90.  
  91. /*basics*/
  92. blockquote {padding-left:5px;
  93. border-left:1px dotted #ddd;
  94. margin-left:20px;
  95. }
  96.  
  97. body {
  98. background:{color:background};
  99. color:{color:text};
  100. font-family:serif;
  101. font-size:11px;
  102. text-align:justify;
  103. margin:0;
  104. line-height:16px;}
  105.  
  106.  
  107. a {
  108. color:{color:link};
  109. text-decoration:none;
  110. }
  111.  
  112. a:hover {
  113. background:#f1f1f1;
  114. color:black;}
  115.  
  116. img{opacity:1;
  117. text-decoration:none;
  118.  
  119. }
  120.  
  121. img a:hover {
  122. background:transparent;}
  123. .photoset {
  124.  
  125. }photoset a:hover {
  126. background:transparent;}
  127.  
  128.  
  129. small {
  130. font-size:9px;}
  131.  
  132. big {
  133. font-size:12px;}
  134.  
  135.  
  136. #title {font-size:12px;
  137. line-height:18px;
  138. font-weight:bold;
  139. margin-bottom:10px;
  140. text-transform:none;
  141. text-align:right;}
  142.  
  143.  
  144. /*sidebar*/
  145. #sidebar {text-align:justify;
  146. margin:auto;
  147. padding-top:70px;
  148. width:280px;
  149. background:white;
  150. margin-left:-5px;
  151. {block:ifSmallerSidebarImg}
  152. width:300px;
  153.  
  154. {/block:ifSmallerSidebarImg}
  155.  
  156. }
  157.  
  158.  
  159. #sidebarim {margin-top:22px; margin-left:285px;
  160. position:absolute;
  161. {block:ifSmallerSidebarImg}margin-left:305px;
  162. {/block:ifSmallerSidebarImg}
  163.  
  164. }
  165.  
  166. #sidebarim img {
  167.  
  168. width:120px;
  169. height:120px;
  170. opacity:1;
  171. box-shadow:0px 0px 0px;
  172. border:0px solid;
  173. {block:ifSmallerSidebarImg}
  174. width:90px;
  175. height:90px;
  176. {/block:ifSmallerSidebarImg}
  177.  
  178. }
  179.  
  180.  
  181. #blogt {font-size:14px;
  182. font-weight:bold;
  183. padding:1px;
  184. letter-spacing:2px;
  185. text-transform:lowercase;
  186. text-align:left;
  187. }
  188.  
  189. #blogt a:hover{
  190. background-color:transparent;}
  191.  
  192. #links {
  193. font-size:9px;
  194. font-weight:lighter;
  195. letter-spacing:1px;
  196. margin-top:3px;{block:ifBorders}
  197. border:4px double {color:sidelinks};{/block:ifBorders}
  198. background:{color:linksbg};
  199. text-transform:lowercase;
  200. padding:5px;
  201. text-align:left;
  202. }
  203.  
  204.  
  205. #links a {
  206. margin-right:5px;
  207. margin-bottom:0px;
  208. color:{color:sidelinks};
  209. font-weight:bold;
  210. }
  211.  
  212. #links a:hover{
  213. color:#000;
  214.  
  215. }
  216.  
  217. #description {
  218. margin:0px 0;
  219. line-height:180%;
  220. padding-top:5px;
  221. font-size:11px;
  222. padding-bottom:10px;
  223. letter-spacing:0px;
  224. }
  225.  
  226.  
  227. /*pagination*/
  228. #pagination2 {
  229. text-align:left;
  230. text-transform:lowercase;
  231. font-weight:bold;
  232. position:absolute;
  233. padding-bottom:100px;
  234.  
  235. }
  236.  
  237. #pagination1 {
  238. text-align:right;
  239. text-transform:lowercase;
  240. font-weight:bold;position:absolute;
  241. margin-left:360px;
  242. margin-bottom:-45px;
  243.  
  244. }
  245. #pagination1 a {
  246. color:{color:sidelinks};background:{color:linksbg};
  247. width:50px;padding:10px;
  248.  
  249. }#pagination1 a:hover {
  250. color:{color:linksbg};
  251. background:{color:sidelinks};
  252. border:1px solid #000;
  253.  
  254. }
  255.  
  256. #pagination2 a {
  257. color:{color:sidelinks};background:{color:linksbg};
  258. width:50px;
  259. padding:10px;
  260. }
  261.  
  262. #pagination2 a:hover {
  263. color:{color:linksbg};
  264. background:{color:sidelinks};
  265. border:1px solid #000;
  266.  
  267. }
  268.  
  269. /*container*/
  270. #con {
  271. left:50%;
  272. margin-left:-250px;
  273. position:absolute;
  274.  
  275. }
  276.  
  277.  
  278.  
  279. /*posts*/
  280.  
  281. #entries {
  282. margin-top:100px;
  283. width:400px;
  284. }
  285. #posts:hover{ -webkit-filter: grayscale(0%);
  286.  
  287. -webkit-transition: all 0.3s ease-in-out;
  288. -moz-transition: all 0.3s ease-in-out;
  289. -o-transition: all 0.3s ease-in-out;
  290. transition: all 0.3s ease-in-out;
  291. }
  292.  
  293.  
  294. #posts {
  295. padding:0px;
  296. -webkit-filter: grayscale(0%);
  297.  
  298. -webkit-transition: all 0.3s ease-in-out;
  299. -moz-transition: all 0.3s ease-in-out;
  300. -o-transition: all 0.3s ease-in-out;
  301. transition: all 0.3s ease-in-out;
  302. width:400px;
  303. text-decoration:none;
  304. {block:IndexPage}
  305. margin-bottom:100px;
  306. {/block:IndexPage}
  307. {block:PermalinkPage}
  308. margin-bottom:40px;
  309. {/block:PermalinkPage}
  310.  
  311. }
  312. #posts img {
  313. max-width:400px;
  314. }
  315.  
  316.  
  317. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  318. .caption {width:100%;
  319. margin-top:10px;
  320.  
  321. }
  322.  
  323. /*quote*/
  324.  
  325. #titlequote{text-align:left;
  326. font-size:12px;padding:10px;
  327. text-transform:lowercase;
  328. line-height:18px;
  329. }
  330. #source {
  331. padding:5px;border-top:1px solid #f1f1f1;
  332. text-align:center;font-weight:bold;
  333.  
  334. }
  335.  
  336. /*audio*/
  337.  
  338. .player {
  339. width:30px;
  340. height:50px;background:#e4e4e4;
  341. overflow:hidden;
  342. border-right:1px solid #ddd;
  343. position:absolute;
  344. }
  345.  
  346. .audioinfo {
  347. margin-left:30px;
  348. background:#f8f8f8;
  349. padding:10px;
  350. text-align:left;
  351. }
  352.  
  353.  
  354. /*asks*/
  355. .q {margin-bottom:10px;padding:10px;
  356. margin-left:0px;
  357. text-align:left;
  358. width:380px;
  359.  
  360. border-bottom:1px dotted #333;
  361.  
  362. }
  363. .q img {
  364. padding-right:5px;float:left;box-shadow:0px 0px 0px;
  365. border:0px solid;
  366.  
  367. }
  368. #asker{
  369. font-weight:lighter;
  370. text-transform:uppercase;
  371. font-size:9px;
  372. }
  373.  
  374. .a {
  375. margin-top:-10px;
  376. width:390;
  377. padding:5px;
  378. text-align:right;
  379.  
  380. }
  381.  
  382. /*chat*/
  383.  
  384. .chat ol {
  385. padding:0;
  386. list-style:none;
  387. }
  388. .line {padding:5px 0;}
  389.  
  390. .label {font-weight:bold;
  391. }
  392.  
  393.  
  394.  
  395.  
  396.  
  397. /*permalink and notes*/
  398.  
  399. #permalink {
  400. margin-top:0px;
  401. font-size:8px;
  402. font-weight:bold;{block:ifBorders}border:4px double {color:infotext};{/block:ifBorders}
  403.  
  404. padding:10px;
  405. z-index:-11111;
  406. text-transform:uppercase;
  407. background:transparent;
  408. max-width:100%; -webkit-transition: all 0.3s ease-in-out;
  409. -moz-transition: all 0.3s ease-in-out;
  410. -o-transition: all 0.3s ease-in-out;
  411. transition: all 0.3s ease-in-out;
  412. opacity:1;
  413. text-align:center;
  414. font-family:baskerville;
  415. background:{color:infobg};color:{color:infotext};
  416. }
  417. #permalink a {margin-right:10px;color:{color:infotext};
  418.  
  419. }
  420. #permalink a:hover{
  421. color:black;
  422. }
  423.  
  424.  
  425. .tags {
  426. font-size:9px;
  427. }
  428.  
  429. .pagenotes {
  430. {block:IndexPage}
  431. display: none!important;
  432. {/block:IndexPage}
  433. width:400px;
  434. text-align:left;
  435.  
  436. }
  437. .pagenotes img {
  438. display:none!important;}
  439. .pagenotes li {
  440. list-style-type:none;
  441. padding:5px 0px;
  442. text-align:left;
  443. margin:0 0 0 -40px;
  444. }
  445.  
  446. /*CREDIT*/
  447.  
  448. #cred {
  449. text-transform:lowercase;
  450. font-size:8px;
  451. right:9px;
  452. text-align:center;
  453. bottom:9px;
  454. padding:3px;
  455. position:bottom right;background:white;color:black;
  456. letter-spacing:1px;
  457. position:fixed;
  458. -moz-transition-duration:0.3s;
  459. -webkit-transition-duration:0.3s;
  460. border:1px solid #000;
  461. -o-transition-duration:0.3s;
  462. }
  463.  
  464. #cred a {
  465. font-weight:bold;
  466. color:black;color:black;
  467. text-align:right;
  468. font-size:7px;
  469. text-transform:uppercase;
  470. -moz-transition-duration:0.3s;
  471. -webkit-transition-duration:0.3s;
  472. -o-transition-duration:0.3s;
  473.  
  474.  
  475.  
  476. }
  477.  
  478.  
  479.  
  480.  
  481. {CustomCSS}
  482.  
  483.  
  484. </style>
  485.  
  486.  
  487.  
  488. </head>
  489.  
  490. <body>
  491.  
  492. <div id="con">
  493.  
  494. <div id="sidebar">
  495. <div id="sidebarim">
  496.  
  497.  
  498.  
  499.  
  500. <img src="{image:sidebar image}"></div>
  501. <div id="blogt"><a href="/">{Title}</a></div>
  502. <div id="links">
  503. <a href="/">home</a>
  504. <a href="/ask">ask</a>
  505.  
  506.  
  507. {block:IfLink1}
  508. <a href="{text:link1 url}">{text:link1}</a>
  509. {/block:IfLink1}
  510.  
  511.  
  512. {block:IfLink2}
  513. <a href="{text:link2 url}">{text:link2}</a>
  514. {/block:IfLink2}
  515.  
  516. {block:IfLink3}
  517. <a href="{text:link3 url}">{text:link3}</a>
  518. {/block:IfLink3}
  519.  
  520. {block:IfLink4}
  521. <a href="{text:link4 url}">{text:link4}</a>
  522. {/block:IfLink4}
  523.  
  524.  
  525.  
  526. </div>
  527. <div id="description">{Description}</div>
  528.  
  529.  
  530.  
  531.  
  532. </div>
  533.  
  534.  
  535.  
  536.  
  537. <div id="entries">
  538.  
  539. {block:Posts}
  540. <div id="posts">
  541.  
  542.  
  543. {block:Quote}
  544.  
  545.  
  546. <div id="titlequote">{Quote}</div>
  547. {block:Source}<div id="source"> {Source}</div>{/block:Source}
  548. {/block:Quote}
  549.  
  550.  
  551.  
  552. {block:Text}
  553.  
  554. {block:Title}
  555. <div id="title">{Title}</div>{/block:Title}
  556. {Body}
  557. {/block:Text}
  558.  
  559. {block:Link}
  560. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  561. {/block:Link}
  562.  
  563. {block:Chat}
  564. {block:Title}
  565. <h1>{Title}</h1>
  566. {/block:Title}
  567. <div class="chat">
  568. <ol>{block:Lines}
  569. <li class="line {Alt}">
  570. {block:Label}
  571. <span class="label">
  572. {Label}</span>
  573. {/block:Label}{Line}</li>
  574. {/block:Lines}
  575. </ol></div>
  576. {/block:Chat}
  577.  
  578. {block:Photo}
  579. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  580. {/block:Photo}
  581.  
  582. {block:Photoset}<div class="photoset">
  583.  
  584. {Photoset-400}</div>
  585.  
  586. {/block:Photoset}
  587.  
  588. {block:Video}
  589. {Video-400}
  590. {/block:Video}
  591.  
  592. {block:Audio}
  593. <div class="player">{AudioPlayerGrey}</div>
  594. <div class="audioinfo">
  595. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  596. </div>
  597. {/block:Audio}
  598.  
  599. {block:Answer}
  600. <div class="q">
  601. <div class="as"><img src="{AskerPortraitURL-30}"><div id="asker">{Asker}</div> </div>
  602. {Question}</div>
  603. <div class="a">{Answer}</div>
  604. {/block:Answer}
  605.  
  606. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  607.  
  608.  
  609. {block:Date}
  610. <div id="permalink">
  611. <a href="{Permalink}" >
  612. {DayOfWeek}</a>
  613. <span style="font-size:10px">( {DayOfMonth}.{monthnumber}.{shortyear} )</span> &nbsp;
  614. &nbsp;
  615.  
  616. {block:NoteCount}<a href="{Permalink}"><span style="font-size:10px"> + {NoteCount}</span></a>{/block:NoteCount}
  617.  
  618. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  619. &nbsp;
  620. {block:HasTags}<span style="font-weight:lighter;text-transform:lowercase;font-size:9px">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}
  621.  
  622. </div>
  623. {/block:Date}
  624.  
  625. </div>
  626.  
  627.  
  628. {block:PostNotes}
  629. <div class="pagenotes">
  630. {PostNotes}
  631. </div>
  632. {/block:PostNotes}
  633.  
  634.  
  635. {/block:Posts}
  636.  
  637. <div id="pagination2">
  638. {block:Pagination}
  639. {block:PreviousPage}
  640. <a href="{PreviousPage}"> previous </a>
  641. {/block:PreviousPage}</div>
  642. <div id="pagination1">
  643.  
  644.  
  645. {block:NextPage}
  646. <a href="{NextPage}"> next </a>
  647. {/block:NextPage}
  648. {/block:Pagination}
  649. </div>
  650.  
  651.  
  652. </div>
  653.  
  654.  
  655. </div>
  656.  
  657.  
  658. {block:ContentSource}
  659. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  660. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  661. {/block:SourceLogo}
  662. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  663. {/block:ContentSource}
  664.  
  665.  
  666. <div id="cred">
  667. <a href="http://draculahs.tumblr.com/">draculahs</a>
  668.  
  669. </div>
  670.  
  671.  
  672.  
  673.  
  674.  
  675. </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!