API tools faq
paste
Advertisement
colinfirth

i walked

colinfirth
Oct 4th, 2014
1,040
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!------------------------
  6. i walked theme by ghostbong.tumblr.com
  7. do not copy, claim as your own, use as a base, or remove credit.
  8. be chill.
  9. ------------------------>
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14.  
  15. <!-- default variables -->
  16.  
  17. <meta name="color:background" content="#f8f8f8">
  18. <meta name="color:postbackground" content="#ffffff">
  19. <meta name="color:border" content="#e4e4e4">
  20. <meta name="color:title" content ="#000000">
  21. <meta name="color:bodytext" content="#111111">
  22. <meta name="color:tagslink" content="#111111">
  23. <meta name="color:tagslinkhover" content="#eeeeee">
  24. <meta name="color:link" content="#888888">
  25. <meta name="color:linkhover" content="#eeeeee">
  26. <meta name="color:sidelinks" content="#000000">
  27. <meta name="color:sidelinkshover" content="#ffffff">
  28.  
  29. <meta name="text:body" content="helvetica">
  30.  
  31. <meta name="text: link 1 title" content="link"/>
  32. <meta name="text: link 1" content="/"/>
  33. <meta name="text: link 2 title" content="link"/>
  34. <meta name="text: link 2" content="/"/>
  35. <meta name="text: link 3 title" content="link"/>
  36. <meta name="text: link 3" content="/"/>
  37. <meta name="text: link 4 title" content="link"/>
  38. <meta name="text: link 4" content="/"/>
  39. <meta name="text: link 5 title" content="link"/>
  40. <meta name="text: link 5" content="/"/>
  41.  
  42. <meta name="if:link1" content="1"/>
  43. <meta name="if:link2" content="1"/>
  44. <meta name="if:link3" content="1"/>
  45. <meta name="if:link4" content="1"/>
  46. <meta name="if:link5" content="1"/>
  47.  
  48.  
  49. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  50. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  51.  
  52. <script type="text/javascript" src="http://laura-schmal.de/data/tumblr/lightbox/js/jquery-1.7.2.min.js"></script>
  53.  
  54.  
  55. <!-- tooltip script -->
  56.  
  57. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  58.  
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:200,
  65. tip_fade_speed:300
  66. }
  67. );
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72.  
  73. <head>
  74. <style type="text/css">
  75.  
  76. /*scroll bar*/
  77.  
  78. ::-webkit-scrollbar { width: 11px; height: 11px; }
  79. ::-webkit-scrollbar-track {
  80. background-color: {color:background}; }
  81. ::-webkit-scrollbar-thumb {
  82. border: 5px solid {color:background};
  83. background-color: #000; }
  84. ::-webkit-scrollbar-track-piece { height: 30px; width: 30px; }
  85.  
  86. /*hover text*/
  87.  
  88. #s-m-t-tooltip {
  89. z-index:999;
  90. max-width: 300px;
  91. margin:15px 0px 0px 15px;
  92. text-transform: lowercase;
  93. font-family: {text:body};
  94. font-size: 9px;
  95. color: {color:bodytext};
  96. letter-spacing: 1px;
  97. background: #fff;
  98. border: 1px solid {color:border};
  99. padding: 3px;
  100. }
  101.  
  102.  
  103. /*body of posts, links, blockquote and post captions*/
  104.  
  105. body {
  106. background-color: {color:background};
  107. font-family: {text:body};
  108. letter-spacing: 1px;
  109. font-size: 9px;
  110. margin: 0px;
  111. padding: 0px;
  112. width: auto;
  113. line-height: 175%;
  114. }
  115.  
  116. .small {
  117. font-size: 9px;
  118. }
  119.  
  120. a {
  121. text-decoration: none;
  122. color: {color:link};
  123. -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  124. }
  125.  
  126. a:hover {
  127. color:{color:linkhover};
  128. }
  129.  
  130. blockquote {
  131. padding-left: 20px; border-left: 1px solid {color:bodytext}; }
  132.  
  133. .caption {
  134. width:380px;
  135. padding: 5px;
  136. margin-top: 10px;
  137. margin-bottom: -12px;
  138. display: block;
  139. text-align: justify;
  140. }
  141.  
  142. .caption img {
  143. max-width:100%;
  144. }
  145.  
  146.  
  147. /*individual posts*/
  148.  
  149. #container {
  150. position: center;
  151. }
  152.  
  153. #entry {
  154. position: center;
  155. width: 400px;
  156. padding-top: 0px;
  157. padding-bottom: 0px;
  158. margin-top: -25px;
  159. }
  160.  
  161. .post {
  162. width: 400px;
  163. float: center;
  164. background-color: {color:postbackground};
  165. border: 1px solid {color:border};
  166. overflow: hidden;
  167. text-align: justify;
  168. margin-top: 125px;
  169. margin-bottom: 50px;
  170. padding: 15px;
  171. margin-left: -15px;
  172. }
  173.  
  174. .post img {
  175. width: 100%;
  176. }
  177.  
  178. iframe.photoset {
  179. width: 400px;
  180. }
  181.  
  182.  
  183. /*sidebar, links, title, description*/
  184.  
  185. .topbar {
  186. height: 50px;
  187. margin-top: 125px;
  188. position: left;
  189. text-align: left;
  190. width: 430px;
  191. z-index: 1100;
  192. background-color: none;
  193. -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
  194. }
  195.  
  196.  
  197. .sidelinks {
  198. margin-top: -5px;
  199. margin-left: 0px;
  200. padding-bottom: 0px;
  201. font-weight: 400;
  202. font-family: 'Montserrat', sans-serif;
  203. letter-spacing: 1px;
  204. text-transform: uppercase;
  205. font-size: 8px;
  206. text-align: center;
  207. -webkit-transition:all 0.3s;
  208. -moz-transition:all 0.3s;
  209. -ms-transition:all 0.3s;
  210. -o-transition:all 0.3s;
  211. transition:all 0.3s;
  212. }
  213.  
  214. .sidelinks a {
  215. padding: 10px;
  216. color: {color:sidelinks};
  217. background: none;
  218.  
  219. }
  220.  
  221. .sidelinks a:hover {
  222. opacity: 0;
  223. -webkit-transition:all 0.3s;
  224. -moz-transition:all 0.3s;
  225. -ms-transition:all 0.3s;
  226. -o-transition:all 0.3s;
  227. transition:all 0.3s;
  228. color: {color:sidelinkshover};
  229. background: none;
  230. }
  231.  
  232. .title {
  233. width: 400px;
  234. text-align: center;
  235. margin-top: 20px;
  236. padding: 15px;
  237. font-family: 'Montserrat', sans-serif;
  238. font-size: 20px;
  239. text-transform: uppercase;
  240. font-weight: 700;
  241. letter-spacing: 0px;
  242. line-height: 100%;
  243. color: {color:bodytext};
  244. -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
  245. }
  246.  
  247. .title a { color: {color:title}; }
  248.  
  249. .title a:hover { color: {color:title}; }
  250.  
  251. .description {
  252. text-align: justify;
  253. line-height: 150%;
  254. width: 200px;
  255. margin-left: 165px;
  256. padding-top: 15px;
  257. text-transform: lowercase;
  258. letter-spacing: 0px;
  259. color: {color:bodytext};
  260. }
  261.  
  262.  
  263. /*date and time, tags, permalink page, by/via links*/
  264.  
  265. #tagssection {
  266. margin-top: 5px;
  267. display:block;
  268. font-family: 'Montserrat', sans-serif;
  269. font-size: 8px;
  270. font-weight: 400;
  271. letter-spacing: 1px;
  272. text-transform: uppercase;
  273. text-align: center;
  274. line-height: 150%;
  275. -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
  276. }
  277.  
  278. #tagssection a {
  279. background: none;
  280. color: {color:tagslink};
  281. -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
  282. }
  283.  
  284. #tagssection a:hover {
  285. color: {color:tagslinkhover};
  286. background: none;
  287. }
  288.  
  289. #datetime {
  290. text-transform: uppercase;
  291. font-weight: 700;
  292. letter-spacing: 0px;
  293. font-family: 'Montserrat', sans-serif;
  294. line-height: 150%;
  295. font-size: 12px;
  296. padding-top: 20px;
  297. }
  298.  
  299. #datetime a:hover {
  300. color: {color:tagslinkhover};
  301. -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
  302. }
  303.  
  304. #tags {
  305. margin-top: -8px;
  306. padding-bottom: 2px;
  307. -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
  308. }
  309.  
  310. #tags a {
  311. color: {color:tagslink};
  312. padding:0;
  313. -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
  314. }
  315.  
  316. #tags a:hover {
  317. color: {color:tagslinkhover};
  318. -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  319.  
  320. #permalinkpage { width:392px; margin-bottom:2px; margin-top:13px; margin-left:1px; font-size: 9px; font-weight: ; text-transform: lowercase; text-align:center; padding:5px; }
  321.  
  322. #permalinkpage a { margin-top:10px; color:{color:tagslink}; text-align:center; }
  323.  
  324. #permalinkpage a:hover { color:{color:tagslinkhover}; }
  325.  
  326.  
  327. /*link posts, ask title, post title*/
  328.  
  329. h1 { text-align: justify line-height:150%; text-transform: uppercase;
  330. font-weight: 700;
  331. font-family: 'Montserrat', sans-serif;
  332. font-size: 16px; font-style: ; padding-bottom: 10px; color:{color:title}; }
  333.  
  334. h1 a { color:{color:title}; }
  335.  
  336.  
  337. /*quote posts and source*/
  338.  
  339. .quote { font-style: ; letter-spacing: px; text-align: justify; padding-right: 0px; padding-left: 0px; padding-bottom:3px; }
  340.  
  341. #source { text-align: right; padding-right: 0px; padding-top: 15px; padding-bottom: -5px; }
  342.  
  343.  
  344. /*ask posts*/
  345.  
  346. #ask {
  347. width: 370px;
  348. font-size: 9px;
  349. padding: 15px;
  350. background: {color:background};
  351. margin-bottom:20px;
  352. }
  353.  
  354. #asker {
  355. margin-top: 15px;
  356. font-family: 'Montserrat', sans-serif;
  357. font-size: 8px;
  358. text-transform: uppercase;
  359. font-weight: 700;
  360. text-align: right;
  361. }
  362.  
  363. #asker a {
  364. color: {color:bodytext};
  365. }
  366.  
  367. #asker a:hover { color: {color:bodytext}; -webkit-transition:all 1.2s; -moz-transition:all 1.2s; -ms-transition:all 1.2s; -o-transition:all 1.2s; transition:all 1.2s; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  368.  
  369.  
  370. /*audio*/
  371.  
  372. .playbutton {
  373. width:20px;
  374. height:30px;
  375. overflow:hidden;
  376. position:relative;
  377. opacity:0.8;
  378. z-index:100;
  379. margin:9px 18px 7px 10px;
  380. }
  381.  
  382. .playbox {
  383. margin-top:10px;
  384. margin-left:13px;
  385. opacity:0.8;
  386. border:1px solid {color:border};
  387. position: absolute;
  388. z-index: 100;
  389. }
  390.  
  391. .audiodata {
  392. font-size: 9px;
  393. letter-spacing: px;
  394. background: #f8f8f8;
  395. padding: 1px 10px 11px 10px;
  396. text-transform: lowercase;
  397. line-height: 180%;
  398. font-weight: 400;
  399. height:55px;
  400. margin-top:0px;
  401. margin-left:75px;
  402. text-align:right;
  403. width:305px;
  404. }
  405.  
  406.  
  407. /*permalink notes*/
  408. ol.notes { margin-top: 0px; padding-left:5px; margin-bottom: 25px; width:400px; list-style-type:lower-roman; text-align:justify; }
  409.  
  410. ol.notes a { background: none; }
  411.  
  412. ol.notes li.note { padding:2%; }
  413.  
  414. ol.notes li.note img.avatar{ width:0px; height:0px; }
  415.  
  416.  
  417. /*credit*/
  418. #credit a { position:fixed; bottom: 7px; right: 3px; font-family:helvetica; font-size: 9px; color:#111; background-color: #fff; padding: 4px; padding-left: 5px; border:1px solid #fff; }
  419.  
  420. #credit a:hover { background-color:#fff; color:#555; border: 1px solid {color:border}; }
  421.  
  422.  
  423.  
  424. #pagi {
  425. margin-left: -15px;
  426. display:block;
  427. width: 430px;
  428. font-weight: 400;
  429. font-family: 'Montserrat', sans-serif;
  430. letter-spacing: 1px;
  431. font-size: 8px;
  432. text-transform: uppercase;
  433. margin-top: 20px;
  434. padding-top:10px;
  435. margin-bottom: 25px;
  436. text-align:left;
  437. height:50px; }
  438.  
  439. #pagi a {
  440. background: none;
  441. color:{color:bodytext};
  442. display:inline-block;
  443. }
  444.  
  445. #pagi a:hover {
  446. color: {color:linkhover};
  447. }
  448.  
  449. #pagi a:last-child {
  450. float:right; }
  451.  
  452. </style></head><body>
  453. <center>
  454.  
  455. <div class="topbar">
  456. <div class="title"><a href="/">{title}</a></div>
  457. <div class="sidelinks">
  458. {block:iflink1}<a href="{text: link 1}" title="{text: link 1 title}"><i class="fa fa-refresh fa-lg"></i></a>{/block:iflink1}
  459. {block:iflink2}<a href="{text: link 2}" title="{text: link 2 title}"><i class="fa fa-envelope-o fa-lg"></i></a>{/block:iflink2}
  460. {block:iflink3}<a href="{text: link 3}" title="{text: link 3 title}"><i class="fa fa-comment-o fa-lg"></i></a>{/block:iflink3}
  461. {block:iflink4}<a href="{text: link 4}" title="{text: link 4 title}"><i class="fa fa-bookmark-o fa-lg"></i></a>{/block:iflink4}
  462. {block:iflink5}<a href="{text: link 5}" title="{text: link 5 title}"><i class="fa fa-heart-o fa-lg"></i></a>{/block:iflink5}
  463. </div>
  464. {block:ifdescription}<div class="description">see, I wanna know if you believe in any god, or if you believe in many gods, or better yet, what gods believe in you.</div>{/block:ifdescription}
  465.  
  466. </div>
  467.  
  468.  
  469.  
  470. <div id="entry">
  471. {block:Posts}
  472. <div class="post">
  473.  
  474. {block:Text}
  475. {block:Title}<h1>{Title}</h1>{/block:Title}
  476. {Body}
  477. {/block:Text}
  478.  
  479. {block:Photo}
  480. <center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center>
  481. {block:Caption}
  482. <span class="caption">{Caption}</span>
  483. {/block:Caption}
  484. {/block:Photo}
  485.  
  486.  
  487. {block:Photoset}
  488. {Photoset-400}
  489. {block:Caption}
  490. <span class="caption">{Caption}</span>
  491. {/block:Caption}
  492. {/block:Photoset}
  493.  
  494. {block:Quote}
  495. <div class="quote">{Quote}</div>
  496. {block:Source}
  497. <div id="source">{Source}</div>
  498. {/block:Source}
  499. {/block:Quote}
  500.  
  501.  
  502. {block:Link}
  503. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  504. {block:Description}
  505. {Description}
  506. {/block:Description}
  507. {/block:Link}
  508.  
  509.  
  510. {block:Chat}
  511. {block:Title}<h1>{Title}</h1>{/block:Title}
  512. {block:Lines}
  513. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  514. {/block:Lines}
  515. {/block:Chat}
  516.  
  517.  
  518. {block:Audio}
  519. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  520. <div class="audiodata"><br><font style="text-transform: uppercase;
  521. font-weight: 700;
  522. letter-spacing: 0px;
  523. font-family: 'Montserrat', sans-serif;
  524. padding-right: 10px;
  525. margin-top: 2px;
  526. font-size: 16px;">{block:TrackName}{TrackName}{/block:TrackName}</font><font style="padding-right: 10px;">{block:Artist}<br>{Artist}{/block:Artist}</font></div>
  527. {block:permalinkpage}{block:Caption}
  528. <span class="caption">{Caption}</span>
  529. {/block:Caption}{/block:permalinkpage}
  530. {/block:Audio}
  531.  
  532.  
  533. {block:Video}
  534. {Video-500}
  535. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  536. {/block:Video}
  537.  
  538.  
  539. {block:Answer}
  540. <div id="ask">{Question} <div id="asker">{Asker}</div></div>
  541. <div class="answer">{Answer}</div>
  542. {/block:Answer}
  543.  
  544.  
  545. {block:date}
  546. <div id="tagssection"><div id="datetime">&nbsp;&nbsp;<a href="{Permalink}">{TimeAgo}</a>&nbsp;&nbsp;{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>&nbsp;&nbsp;{/block:NoteCount}</div>
  547. <br>
  548. <div id="tags">{block:HasTags}{block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div></div>
  549.  
  550. <center>{block:PermalinkPage}<font style="text-align:center;"><br>{block:ContentSource}(<a href="{SourceURL}">source</a>)&nbsp;{/block:ContentSource} {block:RebloggedFrom}(<a href="{ReblogParentURL}">from</a>){/block:RebloggedFrom}</a></font>{/block:PermalinkPage}</center>
  551. {/block:date}
  552.  
  553. </div>
  554. {/block:Posts}
  555.  
  556.  
  557. {block:Pagination}
  558. <div id="pagi">
  559. {block:PreviousPage}
  560. <a href="{PreviousPage}">rise</a>
  561. {/block:PreviousPage}
  562. {block:NextPage}
  563. <a href="{NextPage}">fall</a>
  564. {/block:NextPage}
  565. </div>
  566. {/block:Pagination}
  567.  
  568.  
  569. {block:PermalinkPage}
  570. {block:PostNotes}
  571. <div id="notes">{PostNotes}</div>
  572. {/block:PostNotes}
  573. {/block:permalinkpage}
  574. </div></div>
  575.  
  576. </center>
  577.  
  578. <div id="credit"> <a href="http://ghostbong.tumblr.com/">©</a> </div>
  579.  
  580.  
  581. </body>
  582. </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!