API tools faq
paste
helloyesplease

zeitgeist

helloyesplease
Dec 4th, 2014
1,394
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.58 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. THEME BY LENA (lenshcrrs)
  4.  
  5. don't: - remove the credit
  6. - claim as your own or
  7. - use as a base
  8.  
  9. --->
  10.  
  11. <!DOCTYPE html>
  12. <head>
  13.  
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  21.  
  22. <!--Default Variables-->
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Blogtitle" content="" />
  26. <meta name="color:Text" content=""/>
  27. <meta name="color:Link" content="#000000"/>
  28. <meta name="color:Link Hover" content="" />
  29.  
  30. <meta name="text:Link 1 URL" content="" />
  31. <meta name="text:Link 1" content="" />
  32. <meta name="text:Link 2 URL" content="" />
  33. <meta name="text:Link 2" content="" />
  34. <meta name="text:Link 3 URL" content="" />
  35. <meta name="text:Link 3" content="" />
  36. <meta name="text:Link 4 URL" content="" />
  37. <meta name="text:Link 4" content="" />
  38. <meta name="text:Link 5 URL" content="" />
  39. <meta name="text:Link 5" content="" />
  40.  
  41. <!-- jquery for tooltips-->
  42.  
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45.  
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47.  
  48. <script>
  49.  
  50. (function($){
  51.  
  52. $(document).ready(function(){
  53.  
  54. $("a[title]").style_my_tooltips({
  55.  
  56. tip_follows_cursor:true,
  57.  
  58. tip_delay_time:30,
  59.  
  60. tip_fade_speed:300,
  61.  
  62. attribute:"title"
  63.  
  64. });
  65.  
  66. });
  67.  
  68. })(jQuery);
  69.  
  70. </script>
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77. <!--CSS customization here. -->
  78.  
  79. <style type="text/css">
  80.  
  81. #s-m-t-tooltip{
  82. position:absolute;
  83. margin:15px;
  84. z-index:9999;
  85. letter-spacing:2px;
  86. border:1px solid black;
  87. font-size:8px;
  88. font-family:arial;
  89. background:#ffffff;
  90. color:#000;
  91. text-transform:lowercase;
  92. padding:2px 5px 2px 5px;
  93. }
  94.  
  95. /*scrollbar*/
  96. ::-webkit-scrollbar{height: 4px;
  97. width: 8px;
  98. background-color:#ffffff}
  99. ::-webkit-scrollbar-thumb{background-color:#b2b2b2;}
  100. ::-webkit-scrollbar-track{background-color:#ffffff;}
  101.  
  102. /*basics*/
  103. blockquote {padding:2px 0 2px 20px;
  104. border-left:1px solid {color:text};
  105. margin-left:20px;
  106. }
  107.  
  108. body {
  109. background:{color:background};
  110. color:{color:text};
  111. font-family:trebuchet ms;
  112. font-size:11px;
  113. text-align:justify;
  114. margin:0;
  115. line-height:16px;}
  116.  
  117.  
  118. a {
  119. color:{color:link};
  120. text-decoration:none;
  121. }
  122.  
  123. a:hover {
  124. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  125. color:{color:link hover};
  126. }
  127.  
  128. img{opacity:1;
  129. border:none;
  130. text-decoration:none}
  131.  
  132.  
  133. small {
  134. font-size:9px;}
  135.  
  136. big {
  137. font-size:12px;}
  138.  
  139.  
  140. #title {
  141. font-size:12px;
  142. line-height:18px;
  143. font-weight:bold;
  144. margin-bottom:10px;
  145. text-transform:uppercase;
  146. text-align:left;
  147. }
  148.  
  149.  
  150. /*sidebar*/
  151. #spidey {text-align:right;
  152. position:fixed;
  153. margin-left:-275px;
  154. margin-top:50px;
  155. width:250px;
  156. }
  157.  
  158. #tonyst {
  159. font-family: 'Montserrat', sans-serif;
  160. letter-spacing:3px;
  161. line-height:110%;
  162. margin-left:0px;
  163. padding:20px 15px 20px 20px;
  164. background-color:#ffffff;
  165. border-bottom:1px solid #343434;
  166. border-right:9px solid #343434;
  167. color:{color:Blogtitle};
  168. text-align:right;
  169. text-transform:uppercase;
  170. font-size:25px;
  171. -moz-transition-duration:0.6s;
  172. -webkit-transition-duration:0.6s;
  173. -o-transition-duration:.0.6s;
  174. }
  175.  
  176. #tonyst:hover {
  177. letter-spacing:5px;
  178. -moz-transition-duration:0.6s;
  179. -webkit-transition-duration:0.6s;
  180. -o-transition-duration:.0.6s;
  181. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  182.  
  183. }
  184.  
  185. #what {
  186. color:#343434;
  187. text-transform:lowercase;
  188. font-family: 'Lato', sans-serif;
  189. padding-top:16px;
  190. margin-top:0px;
  191. padding-bottom:12px;
  192. padding-right:12px;
  193. margin-bottom:20px;
  194. border-bottom:1px #343434;
  195. border-right:6px #343434;
  196. letter-spacing:1px;
  197. word-spacing:3px;
  198. text-align:right;
  199. }
  200.  
  201. .buckybear {
  202. text-transform:lowercase;
  203. font-family: 'Montserrat', sans-serif;
  204. font-weight:400;
  205. padding:10px;
  206. margin-top:-20px;
  207. border-bottom:1px #343434;
  208. border-right:6px #343434;
  209. letter-spacing:1px;
  210. word-spacing:3px;
  211. text-align:right;
  212. margin-bottom:20px;
  213. -moz-transition-duration:0.7s;
  214. -webkit-transition-duration:0.7s;
  215. -o-transition-duration:0.7s;
  216. }
  217.  
  218. .buckybear:hover {
  219. text-decoration:none;
  220. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  221. box-shadow:inset 285px 0 0 #f9f9f9;
  222. -moz-transition-duration:0.7s;
  223. -webkit-transition-duration:0.7s;
  224. -o-transition-duration:0.7s;
  225. }
  226.  
  227.  
  228. /*pagination*/
  229. #pagination {
  230. margin:50px 0;
  231. text-transform:lowercase;
  232. font-weight:bold;
  233. }
  234. #pagination a {
  235. padding:0 15px;
  236. }
  237.  
  238. /*container*/
  239. #con {
  240. left:50%;
  241. margin-left:-220px;
  242. position:absolute;
  243. }
  244.  
  245.  
  246.  
  247. /*posts*/
  248.  
  249. #entries {
  250. margin-top:75px;
  251. margin-left:60px;
  252. width:500px;
  253. }
  254.  
  255.  
  256.  
  257. #posts {
  258. width:500px;
  259. {block:IndexPage}
  260. margin-bottom:75px;
  261. {/block:IndexPage}
  262. {block:PermalinkPage}
  263. margin-bottom:50px;
  264. {/block:PermalinkPage}
  265.  
  266. }
  267. #posts img {
  268. max-width:500px;
  269. }
  270.  
  271. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  272. .caption {width:100%;
  273. margin-top:10px;
  274.  
  275. }
  276.  
  277. /*quote*/
  278.  
  279. #titlequote{text-align:left;
  280. font-size:14px;
  281. line-height:18px;
  282. font-weight:bold;
  283. }
  284. #source {
  285. margin-top:15px;
  286. margin-left:15px;}
  287.  
  288. /*audio*/
  289.  
  290. .player {
  291. width:25px;
  292. height:25px;
  293. margin-top:18px;
  294. position:absolute;
  295. margin-left:18px;
  296. overflow:hidden;
  297. padding:3px;
  298. }
  299.  
  300. .audioinfo {
  301. height:40px;
  302. margin-left:0px;
  303. display:block;
  304. line-height:20px;
  305. padding-top:14px;
  306. font-family:arial;
  307. padding-left:65px;
  308. padding-bottom:13px;
  309. font-size:9px;
  310. border:1px solid black;
  311. letter-spacing:0px;
  312. font-weight:400;
  313. letter-spacing:1px;
  314. text-align:left;
  315. margin-bottom:20px;
  316. }
  317.  
  318.  
  319. /*asks*/
  320. .q {margin-bottom:10px;
  321. }
  322. .as {
  323. font-weight:bold;}
  324.  
  325. .a {
  326. margin-top:10px;
  327. }
  328.  
  329.  
  330. /*chat*/
  331.  
  332. .chat ol {
  333. margin:0;
  334. padding:0;
  335. line-height:180%;
  336. list-style:none;
  337. }
  338.  
  339.  
  340. .line.odd {
  341. padding:5px 10px;
  342. background:{color:accents};
  343. color:{color:accent text};
  344. }
  345.  
  346. .line.even {
  347. padding:5px 10px;
  348. }
  349.  
  350. .label {font-weight:bold;
  351. font-size:9px;
  352. text-transform:uppercase;
  353. font-family:trebuchet ms;
  354. letter-spacing:1px;
  355. display:inline-block;
  356. }
  357.  
  358.  
  359.  
  360.  
  361. /*permalink and notes*/
  362.  
  363. #permalink {
  364. margin-top:15px;
  365. font-size:9px;
  366. text-transform:uppercase;
  367. }
  368. #permalink a {
  369. margin-right:10px;
  370. }
  371.  
  372.  
  373. .tags {
  374. word-break:break-all;
  375. font-size:9px;
  376. font-style:italic;
  377. }
  378.  
  379. .pagenotes {
  380. {block:IndexPage}
  381. display: none!important;
  382. {/block:IndexPage}
  383. width:400px;
  384. text-align:left;
  385.  
  386. }
  387. .pagenotes img {
  388. display:none!important;}
  389. .pagenotes li {
  390. list-style-type:none;
  391. padding:5px 0px;
  392. text-align:left;
  393. margin:0 0 0 -40px;
  394. }
  395.  
  396.  
  397. /*credit (please don't remove! :)*/
  398.  
  399. #credit {
  400. width: 15px;
  401. height: 15px;
  402. bottom: 0px;
  403. right: 10px;
  404. position: fixed;
  405. padding: 10px; }
  406.  
  407. .credit {
  408. background-color: #f7f7f7;
  409. padding: 3px;
  410. font-size: 10px;
  411. -webkit-transition-duration: .25s;
  412. opacity: .5; }
  413.  
  414. .credit:hover {
  415. opacity: 1; }
  416.  
  417.  
  418. {CustomCSS}
  419.  
  420.  
  421. </style>
  422.  
  423.  
  424.  
  425. </head>
  426.  
  427. <body>
  428.  
  429. <div id="con">
  430.  
  431. <div id="spidey">
  432. <div id="tonyst">{Title}</div>
  433. <div id="what">{Description}</div>
  434. {block:ifLink1}<a href="{text:Link 1 URL}">
  435. <div class="buckybear">{text:Link 1}</div></a>{/block:ifLink1}
  436. {block:ifLink2}<a href="{text:Link 2 URL}">
  437. <div class="buckybear">{text:Link 2}</div></a>{/block:ifLink2}
  438. {block:ifLink3}<a href="{text:Link 3 URL}">
  439. <div class="buckybear">{text:Link 3}</div></a> {/block:ifLink3}
  440. {block:ifLink4}<a href="{text:Link 4 URL}">
  441. <div class="buckybear">{text:Link 4}</div></a> {/block:ifLink4}
  442. {block:ifLink5}<a href="{text:Link 5 URL}">
  443. <div class="buckybear">{text:Link 5}</div></a> {/block:ifLink5}
  444.  
  445. </div>
  446.  
  447.  
  448.  
  449.  
  450. <div id="entries">
  451.  
  452. {block:Posts}
  453. <div id="posts">
  454.  
  455.  
  456. {block:Quote}
  457.  
  458.  
  459. <div id="titlequote">“{Quote}”</div>
  460. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  461. {/block:Quote}
  462.  
  463.  
  464.  
  465. {block:Text}
  466.  
  467. {block:Title}
  468. <div id="title">{Title}</div>{/block:Title}
  469. {Body}
  470. {/block:Text}
  471.  
  472. {block:Link}
  473. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  474. {/block:Link}
  475.  
  476. {block:Chat}
  477. {block:Title}
  478. <h1>{Title}</h1>
  479. {/block:Title}
  480. <div class="chat">
  481. <ol>{block:Lines}
  482. <li class="line {Alt}">
  483. {block:Label}
  484. <span class="label">
  485. {Label}</span>
  486. {/block:Label}{Line}</li>
  487. {/block:Lines}
  488. </ol></div>
  489. {/block:Chat}
  490.  
  491. {block:Photo}
  492. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  493. {/block:Photo}
  494.  
  495. {block:Photoset}
  496. {Photoset-500}
  497. {/block:Photoset}
  498.  
  499. {block:Video}
  500. {Video-500}
  501. {/block:Video}
  502.  
  503. {block:Audio}
  504. <div class="player">{AudioPlayerWhite}</div>
  505. <div class="audioinfo">
  506. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  507. </div>
  508. {/block:Audio}
  509.  
  510. {block:Answer}
  511. <div class="q">
  512. <div class="as">{Asker} said: </div>
  513. {Question}</div>
  514. <div class="a">{Answer}</div>
  515. {/block:Answer}
  516.  
  517. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  518.  
  519. {block:Date}
  520. <div id="permalink">
  521. <a href="{Permalink}" title="{timeago}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  522. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  523. </div>
  524. {/block:Date}
  525.  
  526.  
  527.  
  528.  
  529. </div>
  530.  
  531.  
  532. {block:PostNotes}
  533. <div class="pagenotes">
  534. {PostNotes}
  535. </div>
  536. {/block:PostNotes}
  537.  
  538.  
  539. {/block:Posts}
  540.  
  541. <div id="pagination">
  542. {block:Pagination}
  543. {block:PreviousPage}
  544. <a href="{PreviousPage}">&larr; previous </a>
  545. {/block:PreviousPage}
  546.  
  547.  
  548. {block:NextPage}
  549. <a href="{NextPage}">next &rarr;</a>
  550. {/block:NextPage}
  551. {/block:Pagination}
  552. </div>
  553.  
  554.  
  555.  
  556. </div>
  557.  
  558. </div>
  559.  
  560.  
  561. {block:ContentSource}
  562. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  563. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  564. {/block:SourceLogo}
  565. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  566. {/block:ContentSource}
  567.  
  568. <div id="credit">
  569. <a href="http://stevergers.co.vu" class="credit" title="lenshcrrs">◆</a>
  570. </div>
  571.  
  572. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!