API tools faq
paste
pelides

42 // R O S L Y N

pelides
May 20th, 2015
2,889
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.23 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <link href='//fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  5.  
  6. <script type="text/javascript">
  7. <!--
  8. function handleThis(formElm)
  9. {
  10. window.location="http://{Name}.tumblr.com/tagged/"+formElm.number.value+"";
  11. return false;
  12.  
  13. }
  14. // -->
  15. </script>
  16.  
  17.  
  18. <title>{Title}</title>
  19.  
  20.  
  21. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23.  
  24. <!--------------------------------------------
  25.  
  26. 42 // R O S L Y N
  27. ,,,,,,, by chircn
  28.  
  29. --------------------------------------------->
  30.  
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}"/>
  35. {/block:Description}
  36.  
  37.  
  38. <meta name="color:Background" content="#FFFFFF">
  39. <meta name="color:Hover" content="#000">
  40. <meta name="color:Link" content="#393939">
  41. <meta name="image:Sidebar" content="">
  42. <meta name="color:Text" content="#4c4c4c">
  43. <meta name="text:Link 1" content="">
  44. <meta name="text:Link 1 Title" content="/">
  45. <meta name="text:Link 2" content="">
  46. <meta name="text:Link 2 Title" content="/">
  47. <meta name="text:Link 3" content="">
  48. <meta name="text:Link 3 Title" content="/">
  49.  
  50. <style type="text/css">
  51.  
  52. @font-face {font-family:Inconsolata; src: url(//www.filehosting.org/file/download/488024/h036ZOE9nStdiq81) format("truetype"); }
  53.  
  54. h1 {
  55. font-weight:normal;
  56. font-size:12px;
  57. text-align:center;
  58. line-height:50%;
  59. font-family:Inconsolata;
  60. text-transform:none;
  61. color:{color:Text};
  62. }
  63.  
  64. h2 {
  65. font-size:12px;
  66. font-family:Inconsolata;
  67. margin-bottom:12px;
  68. text-transform:lowercase;
  69. padding:15px;
  70. border-bottom:1px solid #f5f5f5;
  71. font-weight:normal;
  72. line-height:90%;
  73. color:{color:Text};
  74. }
  75.  
  76. pre {
  77. width:400px;
  78. text-align: left;
  79. word-wrap: break-word;
  80. color:{color:Text};
  81. }
  82.  
  83. blockquote {
  84. border-left:1px solid #e8e8e8;
  85. padding-left:6px;
  86. }
  87.  
  88. body {
  89. font-family:Inconsolata;
  90. margin-left:0px;
  91. color: {color:Text};
  92. background-color:{color:Background};
  93. }
  94.  
  95. a {
  96. color: {color:Link};
  97. text-decoration: none;
  98. }
  99.  
  100. a:hover {
  101. color:{color:Hover};
  102. text-decoration:line-through;
  103. }
  104.  
  105. #sidebar{
  106. position:fixed;
  107. margin-top:150px;
  108. margin-left:320px;
  109. width:120px;
  110. text-align:right;
  111. }
  112.  
  113. #sidebar img {
  114. margin-left:40px;
  115. width:48px;
  116. margin-bottom:5px;
  117. border-radius:0px;
  118. }
  119.  
  120. #sidebar img:hover{
  121. opacity:0.8;
  122. }
  123.  
  124. #sam {
  125. margin-top:10px;
  126. padding-left:20px;
  127. margin-bottom:10px;
  128. font-family:Inconsolata;
  129. font-stretch:normal;
  130. text-decoration:underline;
  131. text-transform:lowercase;
  132. font-size:10px;
  133. color:#000;
  134. }
  135.  
  136. #sam a{
  137. color:#000;
  138. cursor:help;
  139. }
  140.  
  141. #links{
  142. margin-top:5px;
  143. padding-top:10px;
  144. border-top:1px solid #f5f5f5;
  145. line-height:200%;
  146. font-size:10px;
  147. font-family:Inconsolata;
  148. text-align:right;
  149. }
  150.  
  151. #links a{
  152. background:#000;
  153. color:#fff;
  154. padding:3px;
  155. padding-top:0px;
  156. padding-bottom:0px;
  157. color:{color:Sidebar Links};
  158. }
  159.  
  160. #links a:hover{
  161. text-decoration:line-through;
  162. cursor:help;
  163. }
  164.  
  165. #desc{
  166. margin-top:5px;
  167. line-height:120%;
  168. text-align:right;
  169. font-size:10px;
  170. color:{color:Description};
  171. }
  172.  
  173. #pagination {
  174. font-family:Inconsolata;
  175. background:#000;
  176. color:#fff;
  177. width:150px;
  178. margin: 0 auto;
  179. text-align:center;
  180. font-size:9px;
  181. padding:10px;
  182. margin-bottom:100px;
  183. }
  184.  
  185. #pagination a {
  186. color:#fff;
  187. padding:7px;
  188. -moz-transition-duration: 0.5s;
  189. -o-transition-duration: 0.5s;
  190. -webkit-transition-duration: 0.5s;
  191. transition-duration: 0.5s;
  192. }
  193.  
  194. #pagination a:hover {
  195. -moz-transition-duration: 0.5s;
  196. -o-transition-duration: 0.5s;
  197. -webkit-transition-duration: 0.5s;
  198. transition-duration: 0.5s;
  199. }
  200.  
  201. /*audio*/
  202.  
  203. #song {
  204. font-size:11px;
  205. padding:5px;
  206. text-align:right;
  207. margin-bottom:-10px;
  208. }
  209.  
  210. .audiop {
  211. padding:15px;
  212. background:#f9f9f9;
  213. border:5px double #fff;
  214. padding-top:10px;
  215. position:relative;
  216. }
  217.  
  218. .audioinfo {
  219. color:{color:text};
  220. font-size:7px;
  221. text-align:right;
  222. }
  223.  
  224. .player {
  225. width:15px;
  226. vertical-align:middle;
  227. margin-top:10px;
  228. margin-left:-10px;
  229. height:15px;
  230. border-radius:400px;
  231. padding:10px;
  232. overflow:hidden;
  233. }
  234.  
  235. .playerb {
  236. margin-top:-10px;
  237. width:40px;
  238. border-radius:400px;
  239. height:40px;
  240. z-index:3;
  241. vertical-align:middle;
  242. position:absolute;
  243. opacity:1;
  244. -webkit-transition:all 0.6s ease-out;
  245. -moz-transition:all 0.6s ease-out;
  246. transition:all 0.6s ease-out;
  247. }
  248.  
  249. .audiop:hover .playerb {
  250. opacity:0.5;
  251. -webkit-transition:all 0.6s ease-out;
  252. -moz-transition:all 0.6s ease-out;
  253. transition:all 0.6s ease-out;}
  254.  
  255.  
  256. .container {
  257. width:400px;
  258. margin-left: 550px;
  259. }
  260.  
  261. .postscontainer {
  262. max-width:400px;
  263. margin: auto;
  264. margin-top:-40px;
  265. margin-left:0px;
  266. }
  267.  
  268. .posts {
  269. width:400px;
  270. line-height:100%;
  271. font-size:11px;
  272. font-family:Inconsolata;
  273. margin-top:100px;
  274. text-align:justify;
  275. }
  276.  
  277. .posts a:hover {
  278. color:{color:Hover};
  279. }
  280.  
  281. .posts img {
  282. max-width:400px;
  283. }
  284.  
  285. #info {
  286. margin-top:10px;
  287. padding:10px;
  288. text-align:center;
  289. font-size:10px;
  290. text-transform:lowercase;
  291. border-top:1px solid #f9f9f9;
  292. }
  293.  
  294. #info a:hover {
  295. color:{color:text};
  296. }
  297.  
  298.  
  299. .tags {
  300. text-align:center;
  301. font-family:Inconsolata;
  302. font-size:10px;
  303. letter-spacing:0px;
  304. padding:0px 0px 0px 0px;
  305. text-transform:lowercase;
  306. display:inline;
  307. }
  308.  
  309. .tags a {
  310. background:#fcfcfc;
  311. margin:5px 5px 0px 0px;
  312. line-height:16px;
  313. }
  314.  
  315. .tags a:hover {
  316. text-decoration:none;
  317. background-color:{color:background};
  318. }
  319.  
  320. .postnote {
  321. width:400px;
  322. font-family:Inconsolata;
  323. text-transform:lowercase;
  324. font-size:11px;
  325. text-align:left;
  326. line-height:120%;
  327. margin-top:40px;
  328. }
  329.  
  330. .postnote li {
  331. list-style-type:none;
  332. padding:10px;
  333. text-align:justify;
  334. margin-left:-45px;
  335. -moz-transition-duration:0.5s;
  336. -webkit-transition-duration:0.5s;
  337. -o-transition-duration:0.5s;
  338. }
  339.  
  340. .postnote img {
  341. width:15px;
  342. padding: 3px;
  343. margin:2px 7px -3px 6px;
  344. text-align:left;
  345. }
  346.  
  347. .postnote img:hover {
  348. background:transparent;
  349. }
  350.  
  351. .quote {
  352. font-size:12px;
  353. font-family:Inconsolata;
  354. letter-spacing:0px;
  355. padding:15px;
  356. background:#f9f9f9;
  357. border:5px double #fff;
  358. line-height:120%;
  359. text-align:left;
  360. color:{color:Text};
  361. }
  362.  
  363. .source {
  364. font-family:Inconsolata;
  365. font-size:10px;
  366. margin-top:10px;
  367. margin-bottom:20px;
  368. text-align:center;
  369. }
  370.  
  371. .chat ol {
  372. font-size:11px;
  373. font-family:Inconsolata;
  374. line-height:150%;
  375. text-align:justify;
  376. padding:0px;
  377. list-style:none;
  378. }
  379.  
  380. .label {
  381. text-transform:uppercase;
  382. font-size:11px;
  383. font-family:Inconsolata;
  384. padding-right:5px;
  385. color:{color:Text};
  386. }
  387.  
  388. .line.odd {
  389. padding:5px;
  390. margin-bottom:2px;
  391. }
  392.  
  393. .line.even {
  394. padding:5px;
  395. margin-bottom:2px;
  396. background-color:#f9f9f9;
  397. }
  398.  
  399. #answer {
  400. width:400px;
  401. margin-top:15px;
  402. }
  403.  
  404. #questions {
  405. text-align:justify;
  406. background:#f9f9f9;
  407. font-family:Inconsolata;
  408. font-weight:normal;
  409. line-height:100%;
  410. font-size:12px;
  411. border:5px double #fff;
  412. padding:15px;
  413. color:{color:text};
  414. }
  415.  
  416. .credit {
  417. position:fixed;
  418. font-family:Inconsolata;
  419. font-size:11px;
  420. font-weight:normal;
  421. line-height:150%;
  422. bottom:10px;
  423. right:10px;
  424. text-align:center;
  425. -moz-transition-duration: 0.4s;
  426. -o-transition-duration: 0.4s;
  427. -webkit-transition-duration: 0.4s;
  428. transition-duration: 0.4s;
  429. }
  430.  
  431. .credit a {
  432. font-style:normal;
  433. padding:3px;
  434. color:{color:Link};
  435. padding:2px;
  436. }
  437.  
  438. .credit:hover {
  439. background:transparent;
  440. text-decoration:underline;
  441. }
  442.  
  443. </style>
  444. </head>
  445.  
  446. <body>
  447.  
  448. <div id="sidebar">
  449.  
  450. <img src="{image:Sidebar}">
  451.  
  452. <div id="sam"><a href="/">{Title}</a></div>
  453.  
  454. <div id="desc">
  455. {description}</div>
  456.  
  457. <div id="links">
  458. <a href="/">index</a>
  459. <a href="/ask">ask</a>
  460. <a href="{text:Link 1}">{text:Link 1 Title}</a><br>
  461. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  462. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  463. </div>
  464.  
  465. </div>
  466.  
  467. <div class="container">
  468.  
  469. <div class="postscontainer">
  470. {block:Posts}
  471.  
  472. {block:ContentSource}
  473.  
  474. <!— {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  475.  
  476. {/block:SourceLogo}
  477.  
  478. {block:NoSourceLogo}{/block:NoSourceLogo} —>
  479.  
  480. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  481. <div class="posts">
  482.  
  483. {block:Text}
  484. {block:Title}<h2>{Title}</h2>{/block:Title}
  485. {Body}
  486. {/block:Text}
  487.  
  488. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
  489.  
  490. {/block:Quote}
  491.  
  492. {block:Link}
  493. <h2><a href="{URL}">{Name}</a></h2>
  494. {block:Description}{Description}{/block:Description}
  495. {/block:Link}
  496.  
  497. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  498. </ol></div>{/block:Chat}
  499.  
  500. {block:Answer}<div id="questions"><u>{asker}</u><br>
  501. {Question}<br></div>
  502. <div id="answer">
  503. {Answer}</div>
  504. {/block:Answer}
  505.  
  506. {block:Photo}
  507. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  508. {/block:Photo}
  509.  
  510. {block:Photoset}
  511. {Photoset-400}
  512. {block:Caption}{Caption}{/block:Caption}
  513. {/block:Photoset}
  514.  
  515. {block:Audio}
  516. <div class="audiop">
  517. <div class="playerb" style="vertical-align:middle;"><div class="player" style="vertical-align:middle;">
  518. {AudioPlayerWhite}
  519. </div></div>
  520. <div class="audioinfo">
  521. {block:TrackName}<div id="song"><u>{TrackName}</u>{/block:TrackName}
  522. {block:Artist} / {Artist}{/block:Artist}<br> {block:Playcount} — {Playcount} plays<br>{/block:Playcount}</div></div><br></div>
  523. {/block:Audio}
  524.  
  525. {block:Video}
  526. {Video-400}
  527. {block:Caption}{Caption}{/block:Caption}
  528. {/block:Video}
  529.  
  530. {block:Date}
  531. <div id="info">
  532. {block:Date}<a href="{Permalink}">{MonthNumberWithZero} {DayOfMonthWithZero} {ShortYear}</a>{/block:Date}{block:NoteCount} · <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}
  533. {block:HasTags} · <div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  534. </div>
  535. {/block:Date}
  536.  
  537.  
  538. <div class="postnote">
  539. {block:PostNotes}
  540. <center>
  541. {block:ContentSource}
  542. source: <a href="{SourceURL}">{SourceTitle}</a>,
  543. {/block:ContentSource}
  544. {block:RebloggedFrom}
  545. via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br><br><br><br>
  546. {/block:RebloggedFrom}
  547. </center>
  548. {PostNotes}{/block:PostNotes}
  549. </div>
  550. {/block:Posts}
  551.  
  552. {block:Pagination}
  553. <div id="pagination">
  554. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  555. {block:JumpPagination length="5"}
  556. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  557. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  558. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  559. </div>
  560. {/block:Pagination}
  561.  
  562. <div class="credit"><a href="http://chircn.tumblr.com/">th.</a></div>
  563.  
  564. </div>
  565. </div>
  566. </div>
  567. </body>
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!