API tools faq
paste
flowerpaetal

1998.

flowerpaetal
Jul 17th, 2016
3,650
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.40 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!DOCTYPE html>
  3.  
  4. <!--
  5. theme by freesides.
  6.  
  7. Don't claim as your own, redistribute or use as a base.
  8. Don't move or make changes to the credit.
  9.  
  10. enjoy!
  11. -->
  12.  
  13. <head>
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20.  
  21. <!-- Scripts -->
  22.  
  23. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  24.  
  25.  
  26. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  27. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  28.  
  29.  
  30. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  31. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  32. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  33. <script>
  34. $(document).ready(function(){
  35. $('.photo-slideshow').pxuPhotoset({
  36. lightbox: true,
  37. rounded: false,
  38. gutter: '{select:Gutter}',
  39. borderRadius: '0px',
  40. photoset: '.photo-slideshow',
  41. photoWrap: '.photo-data',
  42. photo: '.pxu-photo'
  43. });
  44. });
  45. </script>
  46.  
  47. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:200,
  54. tip_fade_speed:300
  55. }
  56. );
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61.  
  62.  
  63.  
  64. <!-- Fonts -->
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  67. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  68. <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  69.  
  70.  
  71. <!-- Options -->
  72. <meta name="image:Sidebar" content=""/>
  73.  
  74. <meta name="color:Background" content="#fbfbfb"/>
  75. <meta name="color:Content Background" content="#ffffff"/>
  76. <meta name="color:Border" content="#f3f3f3"/>
  77. <meta name="color:Text" content="#555555"/>
  78. <meta name="color:Link" content="#8C8C8C"/>
  79. <meta name="color:Accent" content="#B2DFEE"/>
  80.  
  81. <meta name="text:Ask Link" content="message"/>
  82. <meta name="text:Link 1" content=""/>
  83. <meta name="text:Link 1 Url" content=""/>
  84. <meta name="text:Link 2" content=""/>
  85. <meta name="text:Link 2 Url" content=""/>
  86. <meta name="text:Link 3" content=""/>
  87. <meta name="text:Link 3 Url" content=""/>
  88.  
  89. <meta name="select:Font" content="'Source Sans Pro', sans-serif" title="Source Sans Pro">
  90. <meta name="select:Font" content="'Open Sans', sans-serif" title="Open Sans">
  91. <meta name="select:Font" content="'Lato', sans-serif" title="Lato">
  92. <meta name="select:Font" content="Helvetica" title="Helvetica">
  93. <meta name="select:Font" content="Times New Roman" title="Times New Roman">
  94.  
  95. <meta name="select:Font Size" content="10px" title="10px">
  96. <meta name="select:Font Size" content="9px" title="9px">
  97. <meta name="select:Font Size" content="11px" title="11px">
  98. <meta name="select:Font Size" content="12px" title="12px">
  99.  
  100. <meta name="select:Post Width" content="400px" title="400px">
  101. <meta name="select:Post Width" content="250px" title="250px">
  102. <meta name="select:Post Width" content="300px" title="300px">
  103. <meta name="select:Post Width" content="350px" title="350px">
  104. <meta name="select:Post Width" content="450px" title="450px">
  105. <meta name="select:Post Width" content="475px" title="475px">
  106. <meta name="select:Post Width" content="500px" title="500px">
  107.  
  108. <meta name="select:Gutter" content="2px" title="2px">
  109. <meta name="select:Gutter" content="1px" title="1px">
  110. <meta name="select:Gutter" content="3px" title="3px">
  111. <meta name="select:Gutter" content="4px" title="4px">
  112. <meta name="select:Gutter" content="5px" title="5px">
  113. <meta name="select:Gutter" content="6px" title="6px">
  114. <meta name="select:Gutter" content="7px" title="7px">
  115. <meta name="select:Gutter" content="8px" title="8px">
  116.  
  117. <meta name="if:Show Icon" content="1"/>
  118. <meta name="if:Hide Tags" content="0"/>
  119.  
  120. <style type="text/css">
  121.  
  122. /*General*/
  123.  
  124. body {background-color:{color:Background};
  125. color:{color:Text};
  126. font-family:{select:Font};
  127. font-size:{select:Font Size};
  128. letter-spacing:.5px;}
  129.  
  130. a {font-family:{select:Font};
  131. color:{color:Link};
  132. text-decoration: none;
  133. -moz-transition-duration: 0.7s;
  134. -o-transition-duration: 0.7s;
  135. -webkit-transition-duration: 0.7s;
  136. transition-duration: 0.7s;}
  137. a:hover {color: {color:Accent};
  138. -moz-transition-duration: 0.7s;
  139. -o-transition-duration: 0.7s;
  140. -webkit-transition-duration: 0.7s;
  141. transition-duration: 0.7s;}
  142.  
  143. bold, b {font-weight:bold;
  144. color: {color:Accent};}
  145.  
  146. #s-m-t-tooltip{
  147. max-width:200px;
  148. margin:20px 0px 0px 10px;
  149. letter-spacing:1px;
  150. padding:5px 10px 5px 10px;
  151. border:1px solid {color:Border};
  152. background-color:{color:Content Background};
  153. color:{color:Text};
  154. z-index:999999;
  155. font-size:9px;
  156. text-transform:uppercase;}
  157.  
  158.  
  159. .container {width:900px;
  160. margin:auto;}
  161.  
  162.  
  163. /*Sidebar*/
  164.  
  165. .sidebar {width:130px;
  166. background-color:{color:Content Background};
  167. padding:15px;
  168. margin-left:20px;
  169. margin-top:50px;
  170. border:1px solid {color:Border};
  171. position:fixed;}
  172. .sig {width:130px;}
  173. .sig img {width:60px;
  174. margin-left:35px;
  175. height:auto;
  176. -webkit-border-radius: 100px;
  177. -moz-border-radius: 100px;
  178. border-radius: 100px;}
  179. .sidebar h1 {font-size:calc({select:Font Size} + 3px);
  180. font-weight:normal;
  181. text-align:center;
  182. margin-top:15px;}
  183. .desc {width:130px;
  184. padding-top:10px;
  185. margin-top:-10px;
  186. border-top:1px solid {color:Border};}
  187.  
  188. .linkage {max-width:130px;
  189. text-align:center;}
  190. .linkage a {font-family:{select:Font};
  191. display:inline-block;
  192. margin-bottom:20px;
  193. font-size:calc({select:Font Size} - 1px);
  194. font-weight:bold;
  195. width:26px;
  196. color:{color:Accent};
  197. text-decoration: none;
  198. -moz-transition-duration: 0.7s;
  199. -o-transition-duration: 0.7s;
  200. -webkit-transition-duration: 0.7s;
  201. transition-duration: 0.7s;}
  202. .linkage a:hover {color: {color:Link};
  203. -moz-transition-duration: 0.7s;
  204. -o-transition-duration: 0.7s;
  205. -webkit-transition-duration: 0.7s;
  206. transition-duration: 0.7s;}
  207.  
  208. .pagi {width:160px;
  209. margin-top:30px;
  210. margin-left:-16px;
  211. text-align:center;
  212. position:fixed;
  213. background-color:{color:Background};}
  214. .pagi a {font-size:calc({select:Font Size} + 5px);
  215. font-weight:normal;
  216. display:inline-block;
  217. width:20px;
  218. color:{color:Link};
  219. text-decoration: none;
  220. -moz-transition-duration: 0.7s;
  221. -o-transition-duration: 0.7s;
  222. -webkit-transition-duration: 0.7s;
  223. transition-duration: 0.7s;}
  224. .pagi a:hover {color: {color:Accent};
  225. -moz-transition-duration: 0.7s;
  226. -o-transition-duration: 0.7s;
  227. -webkit-transition-duration: 0.7s;
  228. transition-duration: 0.7s;}
  229.  
  230. /*Posts*/
  231.  
  232. .postcol {width:calc({select:Post Width} + 5px);
  233. margin-left:300px;
  234. margin-top:50px;}
  235.  
  236. .posts {width:{select:Post Width};
  237. border:1px solid {color:Border};
  238. padding:15px;
  239. margin-bottom:170px;
  240. background-color:{color:Content Background};}
  241. .posts img {max-width:100%;
  242. height:auto;}
  243. .posts h1 {font-size:calc({select:Font Size} + 5px);
  244. font-weight:normal;}
  245. .posts blockquote {border-left:1px solid {color:Border};
  246. margin-left:0px;
  247. padding-left:10px;}
  248. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  249.  
  250. /*Quote*/
  251.  
  252. .quote {font-size:calc({select:Font Size} + 2px);
  253. font-weight:normal;
  254. text-align:center;}
  255. .scont {width:{select:Post Width};
  256. margin-top:20px;
  257. text-align:center;}
  258. .source {text-align:center;
  259. width:200px;
  260. margin:auto;
  261. padding-top:10px;
  262. border-top:1px solid {color:Border};}
  263.  
  264. /*Question*/
  265.  
  266. .question {width:{select:Post Width};
  267. padding:10px 0px 10px 0px;
  268. border-bottom:1px {color:Border} solid;}
  269.  
  270. /*Chat*/
  271. .chat {margin-left:-40px;}
  272. .chat li {list-style:none; padding:15px; border:1px solid {color:Border};text-align:left;margin-top:-1px;}
  273.  
  274. /*Audio*/
  275.  
  276. .audio {background-color:#fff;
  277. padding:15px;
  278. border:1px solid {color:Border};
  279. width:calc({select:Post Width} - 30px)}
  280. .audinf {text-align:right;
  281. color:{color:Font};
  282. width:200px;
  283. margin-left:auto;
  284. margin-top:-30px;
  285. position:relative;}
  286. .playbut {width: 20px;
  287. height: 30px;
  288. overflow: hidden;
  289. position:relative;}
  290.  
  291. /*Post Info & Permalink*/
  292.  
  293. .inf {width:{select:Post Width};
  294. padding:15px;
  295. text-align:center;
  296. position:absolute;
  297. margin-left:-16px;
  298. margin-top:25px;}
  299. .date {border-bottom:1px solid {color:Border};
  300. max-width:100px;
  301. margin:auto;
  302. padding-bottom:5px;}
  303. .tags {text-align:center;
  304. padding-top:7px;
  305. margin:0px 10px 0px 0px;}
  306. .tags a{font-family:{select:Font};
  307. color:{color:Link};
  308. padding-left:10px;
  309. text-align:center;
  310. font-size:calc({select:Font Size} - 1px);
  311. text-decoration: none;
  312. -moz-transition-duration: 0.7s;
  313. -o-transition-duration: 0.7s;
  314. -webkit-transition-duration: 0.7s;
  315. transition-duration: 0.7s;}
  316. .tags a:hover{color: {color:Accent};
  317. -moz-transition-duration: 0.7s;
  318. -o-transition-duration: 0.7s;
  319. -webkit-transition-duration: 0.7s;
  320. transition-duration: 0.7s;}
  321.  
  322. .notes {width:{select:Post Width} ;
  323. margin-top:-50px;
  324. padding:15px;
  325. position:absolute;
  326. margin-bottom:20px;}
  327. .notes li {list-style-type: none;
  328. margin: -10px 0px 0px 0px;
  329. padding: 0;}
  330. .notes img {margin-right: 5px;
  331. margin-top:16px;
  332. width: 16px;
  333. height: 16px;}
  334.  
  335. /*Don't Touch*/
  336. .credit {position:fixed;
  337. right:14px;
  338. bottom:10px;}
  339.  
  340. </style>
  341. </head>
  342.  
  343. <body>
  344.  
  345. <div class="container">
  346.  
  347. <!-- Sidebar -->
  348. <div class="sidebar">
  349. {block:IfShowIcon}<div class="sig"><img src="{image:Sidebar}"></div>{/block:IfShowIcon}
  350. <h1><a href="/">{Title}</a></h1>
  351. <div class="linkage">
  352. <a href="/ask" title="{text:Ask Link}">.01</a>
  353. <a href="{text:Link 1 URL}" title="{text:Link 1}">.02</a>
  354. <a href="{text:Link 2 URL}" title="{text:Link 2}">.03</a>
  355. <a href="{text:Link 3 URL}" title="{text:Link 3}">.04</a>
  356. </div>
  357. <div class="desc">
  358. {Description}
  359. </div>
  360. {block:Pagination}
  361. <div class="pagi">
  362. {block:PreviousPage}
  363. <a href="{PreviousPage}"><</a>
  364. {/block:PreviousPage}
  365. {block:NextPage}
  366. <a href="{NextPage}">></a>
  367. {/block:NextPage}
  368. </div>
  369. {/block:Pagination}
  370. </div>
  371.  
  372. <div class="postcol">
  373. {block:Posts}
  374.  
  375. <!--Blocks Source-->
  376. {block:ContentSource}
  377. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  378. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  379. {/block:SourceLogo}
  380. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  381. {/block:ContentSource}
  382. <!--Blocks Via-->
  383. <!-- {block:NoRebloggedFrom}
  384. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  385. {/block:NoRebloggedFrom} -->
  386.  
  387. <div class="posts">
  388.  
  389. <!-- Text -->
  390.  
  391. {block:Text}
  392. {block:Title}<h1>{Title}</h1>{/block:Title}
  393. {Body}
  394. {/block:Text}
  395.  
  396. <!-- Ask -->
  397.  
  398. {block:Answer}
  399. <div class="question">{Asker} asked: {Question}</div>
  400. {Answer}
  401. {/block:Answer}
  402.  
  403. <!-- Quote -->
  404.  
  405. {block:Quote}
  406. <div class="quote">
  407. "{Quote}"
  408. </div>
  409. {block:Source}<div class="scont"><div class="source">{Source}</div></div>{/block:Source}
  410. {/block:Quote}
  411.  
  412. <!-- Chat -->
  413.  
  414. {block:Chat}
  415. {block:Title}<h1>{Title}</h1>{/block:Title}
  416. <div class="chat">
  417. {block:Title}{Title}{/block:Title}
  418. <ul>{block:Lines}
  419. <li>{block:Label}<b>{Label}</b>{/block:Label}
  420. {Line}</li>{/block:Lines}</ul>
  421. </div>
  422. {/block:Chat}
  423.  
  424. <!-- Link-->
  425.  
  426. {block:Link}
  427. <h1><a href="{URL}">{Name}</a></h1>
  428. {block:Description}{Description}{/block:Description}
  429. {/block:Link}
  430.  
  431. <!-- Photo -->
  432.  
  433. {block:Photo}
  434. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  435. {block:Caption}{Caption}{/block:Caption}
  436. {/block:Photo}
  437.  
  438. <!-- Photoset -->
  439.  
  440. {block:Photoset}
  441. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  442. {block:Caption}{Caption}{/block:Caption}
  443. {/block:Photoset}
  444.  
  445. <!-- Video -->
  446.  
  447. {block:Video}
  448. <div class="video">{Video-500}</div>
  449. {block:Caption}{Caption}{/block:Caption}
  450. {/block:Video}
  451.  
  452. <!-- Audio -->
  453.  
  454. {block:Audio}
  455. <div class="audio">
  456. {block:AudioPlayer}<div class="playbut">{AudioPlayerWhite}</div>
  457. {/block:AudioPlayer}
  458. <div class="audinf">
  459. {block:TrackName}
  460. {TrackName}
  461. {/block:TrackName}<br>
  462. {block:Artist}
  463. {Artist}
  464. {/block:Artist}
  465. </div>
  466. </div>
  467. {block:Caption}{Caption}{/block:Caption}
  468. {/block:Audio}
  469.  
  470. <!-- Post Info -->
  471. {block:IndexPage}
  472. <div class="inf">
  473. {block:Date} <div class="date"><a href="{Permalink}" title="{TimeAgo}">{MonthNumberWithZero} . {DayOfMonthWithZero} . {ShortYear}</a> {/block:Date}<br>{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel} </a> {/block:NoteCount}</div>
  474. {block:IfNotHideTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:IfNotHideTags}
  475. </div>
  476.  
  477. </div>
  478. {/block:IndexPage}
  479. <!-- Permalink -->
  480. {block:PermalinkPage}
  481. <div class="inf">
  482. {block:Date} <div class="date"><a href="{Permalink}" title="{TimeAgo}">{MonthNumberWithZero} . {DayOfMonthWithZero} . {ShortYear}</a> {/block:Date}<br>{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel} </a> {/block:NoteCount}</div>
  483. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  484. </div>
  485.  
  486. </div>
  487. {block:PostNotes}
  488. <div id="notes">{PostNotes}</div>
  489. {/block:PostNotes}
  490. {/block:PermalinkPage}
  491.  
  492.  
  493. {/block:Posts}
  494. </div>
  495.  
  496. </div>
  497. <div class="credit"><a href="http://freesides.tumblr.com" title="theme by freesides">C</a></div>
  498. </body>
  499. </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!