crpena

No. 2 : Coasts

Apr 18th, 2015
406
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.01 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="{favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{rss}">
  7.  
  8. <meta name="color:background" content="" />
  9. <meta name="color:scrollbar" content="" />
  10. <meta name="color:text" content="" />
  11. <meta name="color:link" content="" />
  12. <meta name="color:link hover" content="" />
  13.  
  14. <meta name="image:sidebar" content="" />
  15.  
  16. <meta name="color:accent" content="" />
  17. <meta name="color:caption" content="" />
  18. <meta name="color:content" content="" />
  19. <meta name="color:borders" content="" />
  20.  
  21. <meta name="if:Round Sidebar" content="" />
  22.  
  23. <meta name="text:LINKA" content="message" />
  24. <meta name="text:LINKA URL" content="/ask" />
  25. <meta name="text:LINKB" content="" />
  26. <meta name="text:LINKB URL" content="" />
  27. <meta name="text:LINKC" content="" />
  28. <meta name="text:LINKC URL" content="" />
  29. <meta name="text:LINKD" content="" />
  30. <meta name="text:LINKD URL" content="" />
  31.  
  32. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  33.  
  34. </head>
  35.  
  36. <style text="text/css">
  37.  
  38. ::selection {
  39. color:#FFFFFF;
  40. background:{color:accent};}
  41.  
  42. ::-moz-selection {
  43. color:#FFFFFF;
  44. background:{color:accent};}
  45.  
  46. iframe#tumblr_controls {
  47. right:3px !important;
  48. position:fixed !important;
  49. -webkit-transition:opacity 0.7s linear;
  50. opacity:0.2;
  51. -moz-transition:0.8s ease-in;
  52. -webkit-transition:0.8s ease-in;
  53. -o-transition:0.8s ease-in;
  54. transition:0.8s ease-in;}
  55.  
  56. iframe#tumblr_controls:hover {
  57. -webkit-transition:opacity 0.7s linear;
  58. opacity:0.7;
  59. -moz-transition:0.4s ease-in;
  60. -webkit-transition:0.4s ease-in;
  61. -o-transition:0.4s ease-in;
  62. transition:0.4s ease-in;}
  63.  
  64. ::-webkit-scrollbar-thumb:vertical {
  65. border-left:1px solid {color:scrollbar};
  66. overflow-y:scroll;}
  67.  
  68. ::-webkit-scrollbar-thumb:horizontal{
  69. display:none;}
  70.  
  71. ::-webkit-scrollbar {
  72. height:2px;
  73. width:1px;
  74. overflow-x:hidden;
  75. overflow-y:scroll;}
  76.  
  77. ::-webkit-scrollbar-track-piece {
  78. background:none;width:5pt;}
  79.  
  80. body {
  81. font-size:9px;
  82. cursor:default;
  83. font-family:arial;
  84. background:{color:background};
  85. color:{color:text};
  86. overflow-x:hidden;
  87. line-height:17px;}
  88.  
  89. a:link, a:visited, a:active {
  90. color:{color:link};
  91. cursor:pointer;
  92. text-decoration:none;
  93. -moz-transition:0.3s ease-in;
  94. -webkit-transition:0.3s ease-in;
  95. -o-transition:0.3s ease-in;
  96. transition:0.3s ease-in;}
  97.  
  98. a:hover {
  99. color:{color:link hover};
  100. -moz-transition:0.3s ease-in;
  101. -webkit-transition:0.3s ease-in;
  102. -o-transition:0.3s ease-in;
  103. transition:0.3s ease-in;}
  104.  
  105. a img {
  106. border:none;
  107. opacity:1.0;
  108. text-decoration:none;
  109. background:none;}
  110.  
  111. div#qTip {
  112. font-size:9px;
  113. text-align:center;
  114. height:auto;
  115. letter-spacing:.7px;
  116. width:auto;
  117. padding:4px;
  118. margin-top:20px;
  119. margin-left:15px;
  120. text-transform:lowercase;
  121. line-height:120%;
  122. position:absolute;
  123. z-index:1000;
  124. display:none;
  125. background:{color:content};
  126. color:{color:text};
  127. -moz-transition:0.2s ease-in;
  128. -webkit-transition:0.2s ease-in;
  129. -o-transition:0.2s ease-in;
  130. transition:0.2s ease-in;}
  131.  
  132. blockquote, .blockquote {
  133. border-left:1px solid #e7e7e7;
  134. padding-left:15px;
  135. margin:8px;
  136. max-width:500px;
  137. line-height:17px;}
  138.  
  139. blockquote small {font-size:8px;}
  140. blockquote pre {border-left:solid 0px;}
  141.  
  142. ol {list-style:normal;}
  143. ul {list-style:disc;}
  144.  
  145. pre {
  146. padding:5px;
  147. white-space:pre-wrap;
  148. white-space:-moz-pre-wrap;
  149. white-space:-pre-wrap;
  150. white-space:-o-pre-wrap;
  151. word-wrap:break-word;}
  152.  
  153. .sbar {
  154. width:140px;
  155. position:fixed;
  156. top:150px;
  157. float:left;
  158. left:300px;}
  159.  
  160. .sbar img {
  161. display:center;
  162. margin:0px auto 15px;
  163. {block:ifRoundSidebar}
  164. width:70px;
  165. height:70px;
  166. padding:0px 35px;
  167. border-radius:100%;
  168. {/block:ifRoundSidebar}
  169. {block:ifNotRoundSidebar}
  170. width:120px;
  171. height:120px;
  172. {/block:ifNotRoundSidebar}}
  173.  
  174. .links {
  175. letter-spacing:1px;
  176. font-size:8px;
  177. margin-top:5px;
  178. text-align:left;
  179. text-transform:uppercase;}
  180.  
  181. .links a {
  182. display:block;
  183. padding:5px 7px;
  184. margin-bottom:5px;
  185. color:#666666;
  186. text-decoration:none;
  187. border-bottom:1px solid #f0f0f0;}
  188.  
  189. .links a:hover {
  190. padding-left:9px;
  191. background:#fafafa;}
  192.  
  193. #stext {
  194. font-size:9px;
  195. margin-top:10px;
  196. text-align:justify;}
  197.  
  198. #lbg {
  199. width:0px;
  200. height:2px;
  201. margin:6px 0px -6px -7px;
  202. background:transparent;
  203. -moz-transition:0.4s ease-in;
  204. -webkit-transition:0.4s ease-in;
  205. -o-transition:0.4s ease-in;
  206. transition:0.4s ease-in;}
  207.  
  208. .links a:hover #lbg {
  209. width:140px;
  210. margin-left:-9px;
  211. background:{color:link hover};
  212. -moz-transition:all 0.55s ease-in-out;
  213. -ms-transition:all 0.55s ease-in-out;
  214. -o-transition:all 0.55s ease-in-out;
  215. transition:all 0.55s ease-in-out;}
  216.  
  217. #stext {
  218. margin-top:20px;
  219. font-size:8px;
  220. letter-spacing:.7px;
  221. text-align:justify;}
  222.  
  223. #posts {
  224. width:500px;
  225. margin:70px 0px 70px 500px;}
  226.  
  227. .entry {
  228. display:block;
  229. width:500px;
  230. padding:0px;
  231. border:0px;
  232. position:relative;
  233. margin-bottom:70px;}
  234.  
  235. #titles {
  236. letter-spacing:2px;
  237. color:{color:text};
  238. display:block;
  239. margin-bottom:5px;
  240. padding-left:10px;
  241. font-size:10px;
  242. text-transform:uppercase;}
  243.  
  244. #desc {
  245. margin-top:15px;
  246. text-align:justify;
  247. text-transform:normal;}
  248.  
  249. #quote {
  250. width:340px;
  251. display:block;
  252. font-size:14px;
  253. text-align:left;
  254. padding:5px 5px 15px;
  255. color:{color:text};
  256. letter-spacing:1px;
  257. font-style:italic;}
  258.  
  259. .source {
  260. display:inline-block;
  261. text-align:left;
  262. padding:5px;
  263. width:auto;
  264. border-top:1px solid {color:borders};}
  265.  
  266. #linkx a {
  267. font-size:10px;
  268. color:{color:accent};}
  269.  
  270. #linkdesc {
  271. display:block;
  272. padding-left:10px;
  273. margin-top:5px;
  274. border-left:1px solid {color:borders};}
  275.  
  276. .chat ol {
  277. padding:0;
  278. line-height:180%;
  279. list-style:none;}
  280.  
  281. .line.odd {
  282. margin-bottom:2px;
  283. padding:5px;
  284. color:{color:link};
  285. background:{color:background};}
  286.  
  287. .line.even {
  288. padding:5px;
  289. margin-bottom:2px;
  290. color:{color:text};
  291. background:{color:content};}
  292.  
  293. .label {
  294. padding-right:1px;
  295. font-weight:bold;}
  296.  
  297. #askbox {
  298. width:490px;
  299. display:block;
  300. color:{color:link};
  301. letter-spacing:1px;
  302. text-transform:lowercase;
  303. font-style:italic;
  304. padding:5px;}
  305.  
  306. #askbox a {display:inline-block;}
  307.  
  308. .question {
  309. display:block;
  310. padding-left:10px;
  311. line-height:18px;
  312. padding:0px 0px 0px 10px;
  313. border-left:1px solid {color:borders};
  314. color:{color:text};
  315. text-transform:normal;
  316. font-style:normal;}
  317.  
  318. #askicon img {
  319. width:40px;
  320. height:40px;
  321. float:left;
  322. margin-right:10px;}
  323.  
  324. .answer {
  325. display:block;
  326. margin-top:10px;
  327. padding:10px 5px 0px;
  328. font-weight:normal;
  329. color:{color:text};
  330. border-top:1px solid #fafafa;}
  331.  
  332. .asker {
  333. border:none;
  334. display:block;
  335. color:{color:link};
  336. letter-spacing:1px;
  337. text-transform:lowercase;
  338. font-style:italic;}
  339.  
  340. .answerer {
  341. display:block;
  342. padding-left:10px;
  343. margin:5px 0px 5px 45px;
  344. line-height:18px;
  345. padding:0px 0px 0px 10px;
  346. border-left:1px solid {color:borders};
  347. color:{color:text};
  348. text-transform:normal;
  349. font-style:normal;}
  350.  
  351. #audio {
  352. width:500px;
  353. height:200px;}
  354.  
  355. #audioimg {
  356. float:left;
  357. width:200px;
  358. height:200px;}
  359.  
  360. #audio img {
  361. width:200px;
  362. height:200px;
  363. position:absolute;}
  364.  
  365. .audioinfo {
  366. padding:15px 15px 5px 15px;
  367. font-size:9px;
  368. color:white;
  369. width:260px;
  370. height:65px;
  371. overflow:auto;
  372. border:5px solid black
  373. position:absolute;
  374. margin-left:205px;
  375. letter-spacing:1px;
  376. text-align:center;
  377. background:black;}
  378.  
  379. .audioinfo b {
  380. display:block;
  381. font-weight:700;
  382. font-size:12px;}
  383.  
  384. .playbutton {
  385. width:26px;
  386. height:27px;
  387. overflow:hidden;
  388. position:relative;
  389. z-index:1000;
  390. margin:0px auto 0px;
  391. background:black;}
  392.  
  393. #caption {
  394. padding:5px;
  395. margin-top:5px;}
  396.  
  397. #info {
  398. width:500px;
  399. margin-top:15px;
  400. text-transform:uppercase;
  401. letter-spacing:1px;
  402. color:{color:text};
  403. border-bottom:1px solid {color:borders};}
  404.  
  405. #info a {
  406. padding:5px 8px;
  407. margin-right:-4px;
  408. display:inline-block;
  409. color:{color:accent};
  410. border-bottom:1px solid transparent;}
  411.  
  412. #info b {
  413. padding:5px 8px;
  414. margin:-5px -8px -6px;
  415. display:inline-block;
  416. color:{color:accent};
  417. font-weight:700;
  418. border-bottom:1px solid {color:accent};}
  419.  
  420. #info a:hover {
  421. color:{color:accent};
  422. border-bottom:1px solid {color:accent};}
  423.  
  424. #sources {
  425. float:right;
  426. text-transform:lowercase;}
  427.  
  428. #tags {
  429. margin-top:10px;
  430. text-align:center;}
  431.  
  432. #tags a {
  433. margin-right:7px;
  434. font-style:italic;}
  435.  
  436. #tags a:hover {
  437. color:{color:link hover};}
  438.  
  439. ol.notes {
  440. width:500px;
  441. font-size:8px;
  442. text-align:left;
  443. font-family:arial;
  444. padding:15px;
  445. margin:-70px 0px 25px -15px;
  446. list-style-type:none;
  447. letter-spacing:2px;}
  448.  
  449. ol.notes li.note {
  450. padding:25px;
  451. margin-bottom:5px;
  452. display:block;
  453. background:{color:content};
  454. text-transform:uppercase;}
  455.  
  456. ol.notes li.note img.avatar {
  457. width:16px;
  458. height:16px;
  459. float:left;
  460. border-radius:100%;
  461. margin-right:13px;}
  462.  
  463. ol.notes li.note span.action {
  464. font-weight:normal;}
  465. ol.notes li.note .answer_content {
  466. font-weight:normal;}
  467.  
  468. ol.notes li.note blockquote {letter-spacing:0px;text-transform:none;}
  469. ol.notes li.note blockquote a {color:{color:link hover};}
  470.  
  471. #cr {
  472. bottom:15px;
  473. right:15px;
  474. font-weight:normal;
  475. font-style:normal;
  476. position:fixed;}
  477.  
  478. #cr a {
  479. color:#000;
  480. border:none;
  481. background:none;
  482. text-decoration:none;}
  483.  
  484. #pagination {
  485. font-family:times;
  486. font-size:9px;
  487. letter-spacing:1px;
  488. margin-top:10px;
  489. padding-top:5px;
  490. text-align:center;
  491. font-style:italic;
  492. border-top:1px solid rgba({RGBcolor:borders},0.7);}
  493.  
  494. #pagination a {
  495. margin:3px;}
  496.  
  497. .current_page {
  498. color:{color:text};}
  499.  
  500. </style>
  501.  
  502. <body>
  503.  
  504. <div id="cr"><a href="http://crpthemes.tumblr.com/">&copy;</a></div>
  505.  
  506.  
  507. <div class="sbar">
  508. <a href="/"><img src="{image:sidebar}" /></a>
  509. <div class="links">
  510. <a href="{text:LINKA URL}">{text:LINKA}<div id="lbg"></div></a>
  511. {block:ifLINKB}<a href="{text:LINKB URL}">{text:LINKB}<div id="lbg"></div></a>{/block:ifLINKB}
  512. {block:ifLINKC}<a href="{text:LINKC URL}">{text:LINKC}<div id="lbg"></div></a>{/block:ifLINKC}
  513. {block:ifLINKC}<a href="{text:LINKD URL}">{text:LINKD}<div id="lbg"></div></a>{/block:ifLINKC}
  514.  
  515. </div>
  516. <div id="stext">{description}</div>
  517. {block:Pagination}
  518. <div id="pagination" align="center">
  519. {block:PreviousPage}
  520. <a href="{PreviousPage}">«</a>&nbsp;&nbsp;{/block:PreviousPage}
  521. {block:JumpPagination length="3"}
  522. {block:CurrentPage}<a class="current_page">{PageNumber}</a>&nbsp;&nbsp;{/block:CurrentPage}
  523. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  524. {/block:JumpPagination}
  525. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  526. </div>{/block:Pagination}
  527. </div>
  528.  
  529. <div id="posts">
  530.  
  531. {block:Posts}
  532. <div class="entry">
  533.  
  534.  
  535. {block:Text}
  536. {block:Title}
  537. <div id="titles">
  538. {Title}</div>
  539. {/block:Title}
  540.  
  541. {block:Title}
  542. <div id="desc">
  543. {/block:Title}
  544. {Body}
  545. {block:Title}
  546. </div>
  547. {/block:Title}
  548. {/block:Text}
  549.  
  550.  
  551. {block:Quote}
  552. <div id="quote">
  553. “{Quote}”</div>
  554.  
  555. <span class="source">
  556. {Source}</span>
  557. {/block:Quote}
  558.  
  559.  
  560. {block:Link}
  561. <div id="linkx">
  562. <a href="{URL}">
  563. {Name}</a></div>
  564.  
  565. {block:Description}
  566. <div id="linkdesc">
  567. {Description}</div>
  568. {/block:Description}
  569. {/block:Link}
  570.  
  571.  
  572. {block:Photo}
  573. <center>
  574. <img src="{PhotoURL-500}" />
  575. </center>
  576. {/block:Photo}
  577.  
  578.  
  579. {block:Photoset}
  580. <center>
  581. {Photoset}
  582. </center>
  583. {/block:Photoset}
  584.  
  585.  
  586. {block:Chat}
  587. {block:Title}
  588. <div class="title">
  589. {Title}</div>
  590. {/block:Title}
  591. <div class="chat">
  592. <ol>{block:Lines}
  593. <li class="line {Alt}">
  594. {block:Label}
  595. <span class="label">
  596. {Label}</span>
  597. {/block:Label}{Line}</li>
  598. {/block:Lines}
  599. </ol></div>
  600. {/block:Chat}
  601.  
  602.  
  603. {block:Video}
  604. <center>
  605. {Video-500}
  606. </center>
  607. {/block:Video}
  608.  
  609.  
  610. {block:Answer}
  611. <div id="askbox">
  612. <div id="askicon" style="{block:Answerer}display:none;{/block:Answerer}"><img src="{AskerPortraitURL-64}" /></div>
  613. <a href="{AskerURL}">{Asker}</a>:
  614. <div class="question" style="margin:5px 0px 5px 50px;{block:Answerer}margin:5px 0px 5px 0px;{/block:Answerer}">{Question}</div>
  615. </div>
  616.  
  617. <div class="answer">
  618. {block:Answerer}<div id="askicon"><img src="{AnswererPortraitURL-64}" /></div>{/block:Answerer}
  619. <span class="asker" style="margin-bottom:-10px;">{Answerer}</span>
  620. {block:Answerer}<div class="answerer">{/block:Answerer}{Answer}{block:Answerer}</div>{/block:Answerer}
  621. </div>
  622. {/block:Answer}
  623.  
  624.  
  625. {block:Audio}
  626. <div id="audio">
  627. <div id="audioimg"><img src="http://i.imgur.com/Sf03rK4.jpg">
  628. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  629.  
  630. <div class="audioinfo">
  631. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  632. {block:Artist}{Artist}{/block:Artist}
  633. {block:Album} — {Album}{/block:Album}
  634.  
  635. <div class="playbutton">
  636. {AudioPlayerBlack}
  637. </div></div></div>
  638. {/block:Audio}
  639.  
  640.  
  641.  
  642. {block:caption}<div id="cap">{caption}</div>{/block:caption}
  643.  
  644. {block:Date}
  645. <div id="info">
  646. <a href="{permalink}"><b>{dayofmonthWithZero}.{MonthNumberWithZero}</b></a>
  647. {block:NoteCount}<a href="{permalink}">( {NoteCount}N )</a>{/block:NoteCount}
  648.  
  649. <div id="sources">
  650. {block:RebloggedFrom}
  651. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  652. &emsp;&nbsp;&nbsp;src: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  653. {/block:RebloggedFrom}
  654.  
  655. {block:NotReblog}
  656. src: <a href="{Permalink}">{name}</a>
  657. {/block:NotReblog}
  658. </div>
  659.  
  660. <!--{block:ContentSource}
  661. <a href="{SourceURL}">Source</a>
  662. {/block:ContentSource}-->
  663. </div>
  664. {/block:Date}
  665.  
  666. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>&emsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  667.  
  668. </div>
  669. {/block:Posts}
  670.  
  671. {block:ContentSource}
  672. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}{/block:PostNotes}
  673.  
  674. </div>
  675.  
  676. </div>
  677. </body>
  678. </html>
Advertisement
Add Comment
Please, Sign In to add comment