Advertisement
crpena

No. 1 : Ride

Mar 28th, 2015
1,192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.55 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <title>{title}</title>
  5.  
  6. <link rel="shortcut icon" href="{favicon}" />
  7. <link rel="alternate" type="application/rss+xml" href="{rss}">
  8.  
  9. <meta name="color:background" content="" />
  10. <meta name="color:scrollbar" content="" />
  11. <meta name="color:text" content="" />
  12. <meta name="color:link" content="" />
  13. <meta name="color:link hover" content="" />
  14.  
  15. <meta name="color:title" content="" />
  16. <meta name="color:borders" content="" />
  17. <meta name="color:caption" content="" />
  18. <meta name="color:askbox" content="" />
  19.  
  20. <meta name="image:sidebar" content="" />
  21.  
  22. <meta name="text:Link1" content="message" />
  23. <meta name="text:Link1 URL" content="/ask" />
  24. <meta name="text:Link2" content="" />
  25. <meta name="text:Link2 URL" content="" />
  26. <meta name="text:Link3" content="" />
  27. <meta name="text:Link3 URL" content="" />
  28. <meta name="text:Link4" content="" />
  29. <meta name="text:Link4 URL" content="" />
  30.  
  31. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic' rel='stylesheet' type='text/css'>
  34.  
  35. </head>
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40. ::selection {
  41. background:transparent;
  42. color:{color:link};}
  43.  
  44. ::-moz-selection {
  45. background:transparent;
  46. color:{color:link};}
  47.  
  48. iframe#tumblr_controls {
  49. right:3px !important;
  50. position:fixed !important;
  51. -webkit-transition:opacity 0.7s linear;
  52. opacity:0.2;
  53. -moz-transition:0.8s ease-in;
  54. -webkit-transition:0.8s ease-in;
  55. -o-transition:0.8s ease-in;
  56. transition:0.8s ease-in;}
  57.  
  58. iframe#tumblr_controls:hover {
  59. -webkit-transition:opacity 0.7s linear;
  60. opacity:0.7;
  61. -moz-transition:0.4s ease-in;
  62. -webkit-transition:0.4s ease-in;
  63. -o-transition:0.4s ease-in;
  64. transition:0.4s ease-in;}
  65.  
  66. ::-webkit-scrollbar-thumb:vertical {
  67. background-color:{color:scrollbar};
  68. border-right:2px solid {color:background};
  69. overflow-y:scroll;}
  70.  
  71. ::-webkit-scrollbar-thumb:horizontal{
  72. display:none;}
  73.  
  74. ::-webkit-scrollbar {
  75. height:5px;
  76. width:7px;
  77. overflow-x:hidden;
  78. overflow-y:scroll;}
  79.  
  80. ::-webkit-scrollbar-track-piece {
  81. background:none;width:5pt;}
  82.  
  83. body {
  84. font-size:9px;
  85. cursor:default;
  86. font-family:arial;
  87. background:{color:background};
  88. color:{color:text};
  89. overflow-x:hidden;
  90. line-height:17px;}
  91.  
  92. a:link, a:visited, a:active {
  93. color:{color:link};
  94. cursor:pointer;
  95. text-decoration:none;
  96. -moz-transition:0.3s ease-in;
  97. -webkit-transition:0.3s ease-in;
  98. -o-transition:0.3s ease-in;
  99. transition:0.3s ease-in;}
  100.  
  101. a:hover {
  102. color:{color:link hover};
  103. -moz-transition:0.3s ease-in;
  104. -webkit-transition:0.3s ease-in;
  105. -o-transition:0.3s ease-in;
  106. transition:0.3s ease-in;}
  107.  
  108. a img {
  109. border:none;
  110. opacity:1.0;
  111. text-decoration:none;
  112. background:none;}
  113.  
  114. div#qTip {
  115. font-size:9px;
  116. text-align:center;
  117. height:auto;
  118. letter-spacing:.7px;
  119. width:auto;
  120. padding:4px;
  121. margin-top:20px;
  122. margin-left:15px;
  123. text-transform:lowercase;
  124. line-height:120%;
  125. position:absolute;
  126. z-index:1000;
  127. display:none;
  128. color:{color:text};
  129. background:{color:background};
  130. -moz-transition:0.2s ease-in;
  131. -webkit-transition:0.2s ease-in;
  132. -o-transition:0.2s ease-in;
  133. transition:0.2s ease-in;}
  134.  
  135. blockquote, .blockquote {
  136. border-left:3px solid #e1e1e1;
  137. padding-left:15px;
  138. margin:8px;
  139. max-width:500px;
  140. line-height:17px;}
  141.  
  142. blockquote small {font-size:9px;}
  143. blockquote pre {border-left:solid 0px;}
  144.  
  145. ol {list-style:normal;}
  146. ul {list-style:disc;}
  147.  
  148. pre {
  149. padding:5px;
  150. white-space:pre-wrap;
  151. white-space:-moz-pre-wrap;
  152. white-space:-pre-wrap;
  153. white-space:-o-pre-wrap;
  154. word-wrap:break-word;
  155. color:#ababab;}
  156.  
  157. #sidebar {
  158. position:fixed;
  159. top:80px;
  160. left:200px;
  161. float:left;
  162. width:150px;}
  163.  
  164. #sidebar img {
  165. width:140px;
  166. padding:0px 5px 10px 5px;
  167. display:center;}
  168.  
  169. .stext {
  170. width:150px;
  171. text-align:justify;
  172. margin-top:15px;}
  173.  
  174. #navi {
  175. margin-top:15px;
  176. text-align:left;}
  177.  
  178. #navi a {
  179. color:#787878;}
  180. #navi a:hover {
  181. text-decoration:underline;}
  182.  
  183. .pagination {
  184. width:150px;
  185. margin-top:15px;
  186. padding-top:10px;
  187. text-align:center;
  188. border-top:1px solid {color:borders};}
  189.  
  190. .pagination a {
  191. color:#787878;}
  192. .pagination a:hover {
  193. color:{color:link hover};}
  194.  
  195. #posts {
  196. width:450px;
  197. margin:80px 0px 80px 400px;}
  198.  
  199. .entry {
  200. width:450px;
  201. height:auto;
  202. display:block;}
  203.  
  204. #titles {
  205. font-weight:700;
  206. text-align:left;
  207. font-size:13px;}
  208.  
  209. #desc {
  210. margin-top:10px;
  211. color:{color:text};
  212. text-align:justify;}
  213.  
  214. .quote {
  215. width:310px;
  216. font-size:20px;
  217. line-height:115%;
  218. padding-left:15px;
  219. font-family:garamound;
  220. border-left:2px solid {color:borders};}
  221.  
  222. .source {
  223. display:block;
  224. margin-top:5px;
  225. text-align:right}
  226.  
  227. #linkx {
  228. font-size:11px;
  229. line-height:17px;
  230. color:{color:link};
  231. text-align:left;}
  232.  
  233. #linkx a {
  234. color:#000;}
  235. #linkx a:hover {
  236. text-decoration:underline;}
  237.  
  238. #linkdesc {
  239. color:{color:text};
  240. text-align:justify;
  241. margin-top:5px;}
  242.  
  243. .chat ol {
  244. padding:0;
  245. line-height:180%;
  246. list-style:none;}
  247.  
  248. .line.odd {
  249. margin-bottom:2px;
  250. border-bottom:1px solid #f4f4f4;
  251. padding:5px;
  252. background:{color:background};}
  253.  
  254. .line.even {
  255. padding:5px;
  256. border-bottom:1px solid #f4f4f4;
  257. margin-bottom:2px;
  258. background:{color:background};}
  259.  
  260. .label {
  261. padding-right:1px;
  262. text-transform:uppercase;
  263. font-weight:bold;
  264. color:{color:link};}
  265.  
  266. #asked {
  267. padding:15px 13px;
  268. width:376px;
  269. background:{color:askbox};
  270. text-align:left;
  271. margin-left:50px; }
  272.  
  273. .ans {
  274. margin-top:5px;
  275. padding:5px 10px;
  276. width:430px;
  277. background:{color:background};
  278. font-size:10px;}
  279.  
  280. #audio {
  281. width:450px;
  282. min-height:80px;
  283. max-height:80px;}
  284.  
  285. #audioimg {
  286. float:left;
  287. width:80px;
  288. height:80px;}
  289.  
  290. #audio img {
  291. width:80px;
  292. height:80px;
  293. position:Absolute;}
  294.  
  295. .playbutton {
  296. width:20px;
  297. height:30px;
  298. overflow:hidden;
  299. position:relative;
  300. z-index:1000;
  301. margin-top:12px;
  302. margin-left:12px;}
  303.  
  304. .playbox {
  305. background-color:#fff;
  306. position:absolute;
  307. z-index:1000;
  308. margin-top:15px;
  309. margin-left:15px;
  310. opacity:0.6;
  311. width:50px;
  312. height:50px;
  313. -moz-border-radius:100%;
  314. border-radius:100%;}
  315.  
  316. .audioinfo {
  317. width:350px;
  318. padding:5px 7px;
  319. margin-left:85px;
  320. position:relative;
  321. background:#fafafa;}
  322.  
  323. #cap {
  324. margin-top:5px;
  325. padding:25px;
  326. background:{color:caption};
  327. text-align:justify;}
  328.  
  329. #perma {
  330. margin-top:15px;
  331. text-align:left;}
  332.  
  333. #perma a {
  334. color:#787878;}
  335. #perma a:hover {
  336. color:{color:link hover};}
  337.  
  338. #tags {
  339. margin-top:10px;
  340. border-top:1px solid {color:borders};
  341. padding-top:10px;}
  342.  
  343. #tags a {
  344. color:{color:Text};}
  345. #tags a:hover {
  346. color:{color:link hover};}
  347.  
  348. #space {
  349. margin:0px auto 100px;}
  350.  
  351. #nots {
  352. font-size:11px;
  353. font-weight:700;
  354. letter-spacing:1px;
  355. margin-top:25px;
  356. text-align:left;
  357. text-transform:uppercase;}
  358.  
  359. ol.notes {
  360. width:500px;
  361. font-size:9px;
  362. text-align:left;
  363. font-family:arial;
  364. padding:10px 0px 0px 0px;
  365. margin:-5px 0px 25px -10px;
  366. list-style-type:none;
  367. letter-spacing:.7px;}
  368.  
  369. ol.notes li.note {
  370. padding:10px 15px 10px 8px;
  371. color:#ababab;
  372. text-transform:lowercase;}
  373.  
  374. ol.notes li.note img.avatar {
  375. width:13px;
  376. height:13px;
  377. float:left;
  378. border-radius:100%;
  379. margin-right:16px;}
  380.  
  381. ol.notes li.note span.action {
  382. font-weight:normal;}
  383. ol.notes li.note .answer_content {
  384. font-weight:normal;}
  385.  
  386. ol.notes li.note blockquote {
  387. border-left:2px solid #e1e1e1;
  388. padding-left:15px;
  389. margin:8px 8px 0px 16px;
  390. font-weight:normal;
  391. font-style:none;
  392. text-align:block;
  393. color:{color:text};
  394. text-transform:none;
  395. line-height:17px;}
  396.  
  397. #cr {
  398. bottom:15px;
  399. right:15px;
  400. font-weight:normal;
  401. font-style:normal;
  402. position:fixed;}
  403.  
  404. #cr a {
  405. color:#000;
  406. border:none;
  407. background:none;
  408. text-decoration:none;}
  409.  
  410. </style>
  411.  
  412. <body>
  413.  
  414. <div id="cr"><a href="http://crpena.tumblr.com/">&copy;</a></div>
  415.  
  416.  
  417. <div id="sidebar">
  418. <div id="sidebarimage"><img src="{image:sidebar}" /></div>
  419.  
  420. <div class="stext">{description}</div>
  421. <div id="navi">
  422. <a href="/">home</a><br>
  423. <a href="{text:Link1 URL}">{text:Link1}</a><br>
  424. <a href="{text:Link2 URL}">{text:Link2}</a><br>
  425. <a href="{text:Link3 URL}">{text:Link3}</a><br>
  426. <a href="{text:Link4 URL}">{text:Link4}</a>
  427. </div>
  428.  
  429. {block:Pagination}<div class="pagination">
  430. {block:PreviousPage}<a href="{PreviousPage}">forth</a>&nbsp;&nbsp;—&nbsp;{/block:PreviousPage}
  431. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  432. </div>{/block:Pagination}
  433. </div>
  434.  
  435. <div id="posts">
  436.  
  437. {block:Posts}
  438. <div class="entry">
  439.  
  440.  
  441. {block:Text}
  442. {block:Title}
  443. <div id="titles">
  444. {Title}</div>
  445. {/block:Title}
  446.  
  447. {block:Title}
  448. <div id="desc">
  449. {/block:Title}
  450. {Body}
  451. {block:Title}
  452. </div>
  453. {/block:Title}
  454. {/block:Text}
  455.  
  456.  
  457. {block:Quote}
  458. <div class="quote">
  459. “{Quote}”</div>
  460.  
  461. <span class="source">
  462. <br>— {Source}</span>
  463. {/block:Quote}
  464.  
  465.  
  466. {block:Link}
  467. <div id="linkx">
  468. <a href="{URL}">
  469. {Name}</a></div>
  470.  
  471. {block:Description}
  472. <div id="linkdesc">
  473. {Description}</div>
  474. {/block:Description}
  475. {/block:Link}
  476.  
  477.  
  478. {block:Photo}
  479. <center>
  480. <img src="{PhotoURL-500}" width="450" />
  481. </center>
  482. {/block:Photo}
  483.  
  484.  
  485. {block:Photoset}
  486. <center>
  487. {Photoset}
  488. </center>
  489. {/block:Photoset}
  490.  
  491.  
  492. {block:Chat}
  493. {block:Title}
  494. <div class="title">
  495. {Title}</div>
  496. {/block:Title}
  497. <div class="chat">
  498. <ol>{block:Lines}
  499. <li class="line {Alt}">
  500. {block:Label}
  501. <span class="label">
  502. {Label}</span>
  503. {/block:Label}{Line}</li>
  504. {/block:Lines}
  505. </ol></div>
  506. {/block:Chat}
  507.  
  508.  
  509. {block:Video}
  510. <center>
  511. {Video-500}
  512. </center>
  513. {/block:Video}
  514.  
  515.  
  516. {block:Answer}
  517. <div id="asked"><b><u>{Asker}</u></b>: {Question}</div>
  518. <img src="{AskerPortraitURL-40}" style="margin-top:-40px; position:absolute; float: left;">
  519. <div class="ans">{Answer}</div>
  520. {/block:Answer}
  521.  
  522.  
  523. {block:Audio}
  524. <div id="audio">
  525. <div id="audioimg"><img src="http://i.imgur.com/Sf03rK4.jpg">
  526. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  527.  
  528. <div class="playbox">
  529. <div class="playbutton">
  530. {AudioPlayerWhite}
  531. </div></div>
  532.  
  533. <div class="audioinfo">
  534. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  535. {block:TrackName}<br><b>Title:</b> {TrackName}{/block:TrackName}
  536.  
  537. <br>{PlayCountWithLabel}</div></div>
  538. {/block:Audio}
  539.  
  540.  
  541. {block:Caption}<div id="cap">{Caption}</div>{/block:Caption}
  542.  
  543. </div>
  544.  
  545. {block:Date}<div id="perma">
  546. <b><a href="{permalink}">{dayofweek} {DayOfMonthWithZero}th</a></b> {block:NoteCount}with {notecountwithlabel}{/block:NoteCount}
  547.  
  548. {block:RebloggedFrom}<br><b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  549. <br><b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  550.  
  551. {block:NotReblog}<br><b>original:</b> <a href="{Permalink}">{name}</a>{/block:NotReblog}
  552.  
  553. <!--{block:ContentSource}
  554. <a href="{SourceURL}">Source</a>
  555. {/block:ContentSource}-->
  556.  
  557. </div>{/block:Date}
  558.  
  559. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>&emsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  560.  
  561. {block:PermalinkPage}{block:NoteCount}<div id="nots">notes</div>{/block:NoteCount}{/block:PermalinkPage}
  562.  
  563. {block:IndexPage}
  564. <div id="space"></div>
  565. {/block:IndexPage}
  566. {/block:Posts}
  567.  
  568. {block:ContentSource}
  569. <!— {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}
  570.  
  571. </div>
  572.  
  573. </body>
  574. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement