API tools faq
paste
pelides

55 // T O O G O O D

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