API tools faq
paste
Advertisement
flowerpaetal

west coast.

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