API tools faq
paste
helloyesplease

vorfreude

helloyesplease
Dec 7th, 2014
346
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.29 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="color:Background" content="{color}"/>
  13. <meta name="color:Text" content="{color}"/>
  14. <meta name="color:Link" content="{color}"/>
  15. <meta name="color:border" content=""/>
  16.  
  17. <meta name="text:link1url" content=""/>
  18. <meta name="text:link1" content=""/>
  19. <meta name="text:link2url" conent=""/>
  20. <meta name="text:link2" content=""/>
  21. <meta name="text:link3url" conent=""/>
  22. <meta name="text:link3" content=""/>
  23. <meta name="text:link4url" conent=""/>
  24. <meta name="text:link4" content=""/>
  25. <meta name="text:link5url" conent=""/>
  26. <meta name="text:link5" content=""/>
  27.  
  28. <style type="text/css">
  29.  
  30. /*BASICS*/
  31.  
  32. body {
  33. background:{color:background};
  34. margin:0px;
  35. color:{color:text};
  36. font-family:'Lato', sans-serif;
  37. font-size:11px;
  38. line-height:100%;
  39. }
  40.  
  41. a {
  42. color:{color:link};
  43. text-decoration:none;
  44. }
  45.  
  46. a:hover {
  47. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress!important;
  48. color:{color:link hover};
  49. text-decoration:underline;
  50. }
  51.  
  52. blockquote {
  53. padding-left:5px;
  54. border-left:2px solid;
  55. }
  56.  
  57. blockquote blockquote {
  58. padding-left:5px;
  59. border-left:2px solid;
  60. }
  61.  
  62. h1 {
  63. font-size:15px;
  64. color:#2b2b2b;
  65. }
  66.  
  67. /*POSTS*/
  68.  
  69. #entries {
  70. padding:15px;
  71. width:500px;
  72. margin:auto;
  73. }
  74.  
  75. #post {
  76. width:500px;
  77. padding-bottom:100px;
  78. }
  79.  
  80. /*POST DEFAULTS*/
  81.  
  82. .image {
  83. padding:10px;
  84. border:1px solid {color:border};
  85. }
  86.  
  87. #textblock{
  88. padding:10px;
  89. border:1px solid {color:border};
  90. }
  91.  
  92. #photoset {
  93. padding:10px;
  94. border:1px solid {color:border};
  95. margin-right:-22px;
  96. margin-top:10px;
  97. }
  98.  
  99. #posttitle {
  100. padding:10px;
  101. border:1px solid {color:border};
  102.  
  103. }
  104.  
  105. /*ASKS*/
  106.  
  107. .questionwrap {
  108. text-align:right;
  109. padding:10px;
  110. border:1px solid {color:border};
  111. }
  112.  
  113. #asker {
  114. padding:1px;
  115. font-weight:bold;
  116. }
  117.  
  118. #question {
  119. padding:1px;
  120. }
  121.  
  122. #answer {
  123. padding-right:10px;
  124. padding-left:10px;
  125. padding-top:3px;
  126. padding-bottom:3px;
  127. border:1px solid {color:border};
  128. }
  129.  
  130. /*AUDIO PLAYER*/
  131.  
  132. .player {
  133. width:20px;
  134. height:20px;
  135. margin-top:18px;
  136. position:absolute;
  137. margin-left:18px;
  138. overflow:hidden;
  139. padding:3px;
  140. }
  141.  
  142. .audioinfo {
  143. height:40px;
  144. margin-left:0px;
  145. display:block;
  146. line-height:20px;
  147. padding-top:12px;
  148. padding-left:65px;
  149. padding-bottom:13px;
  150. font-size:10px;
  151. border:1px solid {color:border};
  152. text-align:left;
  153. margin-bottom:20px;
  154. }
  155.  
  156. /*LINK POSTS*/
  157.  
  158. #linkposts {
  159. font-size:19px;
  160. font-weight:bold;
  161. text-align:center;
  162. text-transform:uppercase;
  163. }
  164.  
  165. #linkdesc {
  166. font-size:13px;
  167. text-align:center;
  168. padding-top:6px;
  169. }
  170.  
  171. /*CAPTIONS*/
  172.  
  173. #captions {
  174. padding-left:20px;
  175. font-size:12px;
  176. }
  177.  
  178. /*PAGINATION*/
  179.  
  180. #pagination {
  181. bottom:20px;
  182. width:500px;
  183. font-size:13px;
  184. padding:11px;
  185. letter-spacing:1px;
  186. margin:auto;
  187. margin-bottom:20px;
  188. word-spacing:15px;
  189. text-align:center;
  190. background:#fff;
  191. text-transform:lowercase;
  192. opacity:1;
  193. }
  194.  
  195. /*HEADER*/
  196.  
  197. .header {
  198. top:0;
  199. margin:50px auto;
  200. width:400px;
  201. background:transparent;
  202. border-bottom:1px solid {color:border};
  203. overflow: hidden;
  204. text-align:left;
  205. {block:if500px}
  206. width:500px;
  207. {/block:if500px}
  208. transition-duration: 0.6s;
  209. -moz-transition-duration: 0.6s;
  210. -webkit-transition-duration: 0.6s;
  211. -o-transition-duration: 0.6s;
  212. }
  213.  
  214. .header h2 {
  215. position:relative;
  216. text-transform:lowerase;
  217. color:#3b3b3b;
  218. letter-spacing:3px;
  219. font-size:24px;
  220. float:center;
  221. text-align:right;
  222. padding:0px;
  223. font-weight:200;
  224. line-height:175%;
  225. width:400px;
  226. margin-bottom:0px;
  227. {block:if500px}
  228. width:500px;
  229. {/block:if500px}
  230. transition-duration: 0.6s;
  231. -moz-transition-duration: 0.6s;
  232. -webkit-transition-duration: 0.6s;
  233. -o-transition-duration: 0.6s;
  234. }
  235.  
  236. .header h2 a {
  237. color:#8e8e8e;
  238. padding-bottom:5px;
  239. padding-right:2px;
  240. padding-left:7px;
  241. border-bottom:1px solid {color:border};
  242. transition-duration: 0.6s;
  243. -moz-transition-duration: 0.6s;
  244. -webkit-transition-duration: 0.6s;
  245. -o-transition-duration: 0.6s;
  246. }
  247.  
  248. .header h2 a:hover {
  249. text-decoration:none;
  250. border-bottom:1px solid white;
  251. padding-right:3px;
  252. padding-left:30px;
  253. letter-spacing:5px;
  254. transition-duration: 0.6s;
  255. -moz-transition-duration: 0.6s;
  256. -webkit-transition-duration: 0.6s;
  257. -o-transition-duration: 0.6s;
  258. }
  259.  
  260. .description {
  261. width:400px;
  262. font-size:11px;
  263. line-height:170%;
  264. padding-top:15px;
  265. padding-bottom:15px;
  266. text-align:right;
  267. color:#3b3b3b;
  268. margin-left:-11px;
  269. margin-top:-2px;
  270. padding-right:10px;
  271. border-right:1px solid {color:border};
  272. border-bottom:1px solid {color:border};
  273. transition-duration: 0.6s;
  274. -moz-transition-duration: 0.6s;
  275. -webkit-transition-duration: 0.6s;
  276. -o-transition-duration: 0.6s;
  277. }
  278.  
  279. .description:hover {
  280. border-right:1px solid white;
  281. border-bottom:1px solid white;
  282. letter-spacing:0.3px;
  283. transition-duration: 0.6s;
  284. -moz-transition-duration: 0.6s;
  285. -webkit-transition-duration: 0.6s;
  286. -o-transition-duration: 0.6s;
  287. }
  288.  
  289. .nav {
  290. text-align:left;
  291. font-weight:bold;
  292. margin-left:150px;
  293. word-spacing:8px;
  294. padding-top:10px;
  295. padding-left:15px;
  296. padding-bottom:10px;
  297. display: inline-block;
  298. border-left:1px solid {color:border};
  299. color:{color:sidelink};
  300. transition-duration: 0.6s;
  301. -moz-transition-duration: 0.6s;
  302. -webkit-transition-duration: 0.6s;
  303. -o-transition-duration: 0.6s;
  304. }
  305.  
  306. .nav:hover {
  307. border-left:1px solid white;
  308. color:{color:sidelink hover};
  309. transition-duration: 0.6s;
  310. -moz-transition-duration: 0.6s;
  311. -webkit-transition-duration: 0.6s;
  312. -o-transition-duration: 0.6s;
  313. }
  314.  
  315. .nav a {
  316. color:{color:sidelink};
  317. letter-spacing:1px;
  318. font-weight:300;
  319. font-size:10px;
  320. text-transform:lowercase;
  321. text-decoration:none;
  322. transition-duration: 0.6s;
  323. -moz-transition-duration: 0.6s;
  324. -webkit-transition-duration: 0.6s;
  325. -o-transition-duration: 0.6s;
  326. }
  327.  
  328. .nav a:hover {
  329. letter-spacing:1.6px;
  330. color:{color:sidelink hover};
  331. text-decoration:underline;
  332. }
  333.  
  334. #details {
  335. text-align:center;
  336. font-size:8px;
  337. margin-top:10px;
  338. text-transform:uppercase;
  339. letter-spacing:1px;
  340. }
  341.  
  342. /*credit (please don't remove! :)*/
  343.  
  344. #credit {
  345. width: 15px;
  346. height: 15px;
  347. bottom: 0px;
  348. right: 10px;
  349. position: fixed;
  350. padding: 10px; }
  351.  
  352. .credit {
  353. background-color: #f7f7f7;
  354. padding: 3px;
  355. font-size: 10px;
  356. -webkit-transition-duration: .25s;
  357. opacity: .5; }
  358.  
  359. .credit:hover {
  360. opacity: 1; }
  361.  
  362. {CustomCSS}
  363.  
  364. </style>
  365.  
  366. </head>
  367.  
  368. <body>
  369.  
  370. <div class="header">
  371. <h2><a href="/">{Title}</a></h2>
  372. <div class="description">{Description}</div>
  373. <div class="nav">
  374. <a href="{text:link1url}">+{text:link1}</a>
  375. <a href="{text:link2url}">+{text:link2}</a>
  376. <a href="{text:link3url}">+{text:link3}</a>
  377. <a href="{text:link4url}">+{text:link4}</a>
  378. <a href="{text:link5url}">+{text:link5}</a>
  379. </div>
  380. </div>
  381.  
  382. </div>
  383.  
  384. </div>
  385.  
  386. <div id="entries">{block:Posts}<div id="post">
  387.  
  388. {block:Text}<h1>{block:Title}<div id="posttitle">{Title}</div>{/block:Title}</h1>
  389. <div id="textblock">{Body}</div>{/block:Text}
  390.  
  391. {block:Photo}
  392. {LinkOpenTag}
  393. <img src="{PhotoURL-500}" class="image">
  394. {LinkCloseTag}
  395. {block:Caption}
  396. {Caption}
  397. {/block:Caption}
  398. {/block:Photo}
  399.  
  400. {block:Photoset}
  401. <div id="photoset">
  402. {Photoset-500}
  403. </div>
  404. {block:Caption}
  405. <div id="captions">
  406. {Caption}
  407. </div>
  408. {/block:Caption}
  409. {/block:Photoset}
  410.  
  411. <center>
  412. {block:Quote}
  413. <b><h1>“{Quote}”</h1></b>–{Source}
  414. {/block:Quote}
  415. </center>
  416.  
  417. {block:Video}
  418. {Video-500}
  419. {block:Caption}
  420. {Caption}
  421. {/block:Caption}
  422. {/block:Video}
  423.  
  424. {block:Link}
  425. <div id="linkposts"><a href="{URL}" {Target}>{Name}</a></div>
  426. {block:Description}
  427. <div id="linkdesc">
  428. {Description}
  429. </div>
  430. {/block:Description}
  431. {/block:Link}
  432.  
  433. {block:Chat}
  434. {block:Title}
  435. <h1>{Title}</h1>
  436. {/block:Title}
  437. {block:Lines}
  438. {block:Label}
  439. <b>{Label}</b>
  440. {/block:Label}
  441. {Line}<br>
  442. {/block:Lines}
  443. {/block:Chat}
  444.  
  445. {block:Audio}
  446. <div class="player">{AudioPlayerWhite}</div>
  447. <div class="audioinfo">
  448. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  449. </div>
  450. {/block:Audio}
  451.  
  452. {block:Answer}
  453. <div class="questionwrap">
  454. <div id="asker">{Asker}:</div>
  455. <br><div id="question">{Question}</div></div>
  456. <br><div id="answer">{Answer}</div>
  457. {/block:Answer}
  458.  
  459. <div id="details">
  460. <br><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}
  461. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  462.  
  463. </div>
  464. {block:PostNotes}{PostNotes}{/block:PostNotes}
  465. {/block:Posts}</div>
  466.  
  467. <div id="pagination">
  468. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}&nbsp; {block:NextPage}<a href="{NextPage}"> next</a><br />{/block:NextPage}{/block:Pagination}</div></center>
  469.  
  470. <div id="credit">
  471. <a href="http://stevergers.co.vu" class="credit" title="lenshcrrs">◆</a>
  472. </div>
  473.  
  474. </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!