API tools faq
paste
pelides

60 // I N D I G O

pelides
Aug 3rd, 2016
2,797
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <link href='https://fonts.googleapis.com/css?family=Karla:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
  5.  
  6. <link href='https://fonts.googleapis.com/css?family=Exo:400,300,400italic,600,600italic,300italic,900,900italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  7.  
  8. <!-------
  9.  
  10. ( I N D I G O — 60 @ subwrbia.
  11. base code by rnirae. )
  12.  
  13. <!------>
  14.  
  15. <head>
  16. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{FavIcon}" />
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  20.  
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  22.  
  23. <script type="text/javascript"
  24. src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js" ></script>
  25.  
  26. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  29.  
  30. <meta name="color:background" content="#fff" />
  31. <meta name="color:text" content="#929292"/>
  32. <meta name="color:title" content="#929292"/>
  33. <meta name="image:image" content=""/>
  34.  
  35. <meta name="color:scrollbar" content="#f5f5f5"/>
  36. <meta name="color:light backgrounds" content="#fafafa"/>
  37. <meta name="color:light accents" content="#f3f3f3"/>
  38. <meta name="color:link" content="#929292"/>
  39.  
  40. <meta name="text:link 1" content="index"/>
  41. <meta name="text:link 1 url" content="/"/>
  42. <meta name="text:link 2" content="ask"/>
  43. <meta name="text:link 2 url" content="/ask"/>
  44. <meta name="text:link 3" content="archive"/>
  45. <meta name="text:link 3 url" content="/archive"/>
  46.  
  47. <!--post width options-->
  48. <meta name="select:post width" content="250" title="250px"/>
  49. <meta name="select:post width" content="300" title="300px"/>
  50. <meta name="select:post width" content="350" title="350px"/>
  51. <meta name="select:post width" content="400" title="400px"/>
  52. <meta name="select:post width" content="500" title="500px"/>
  53.  
  54. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  55. <script type="text/javascript">
  56. $(document).ready(function(){
  57. $(".foam").hide();
  58. $(".cucumber").click(function(){
  59. $(this).next(".foam").slideToggle('fast');
  60. }); }); </script>
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65. /* follow/dashboard buttons */
  66. iframe#tumblr_controls {
  67. right:2px !important;
  68. position: fixed !important;
  69. -webkit-transition: opacity 0.7s linear;
  70. opacity: 0.16;
  71. -webkit-transition: all 0.8s ease-out;
  72. -moz-transition: all 0.8s ease-out;
  73. transition: all 0.8s ease-out;
  74. -webkit-filter: invert(100%);
  75. }
  76. iframe#tumblr_controls:hover {
  77. -webkit-transition: opacity 0.7s linear;
  78. opacity: 0.16;
  79. -webkit-transition: all 0.4s ease-out;
  80. -moz-transition: all 0.4s ease-out;
  81. transition: all 0.4s ease-out;
  82. -webkit-filter: invert(100%);
  83. }
  84.  
  85. /* basic styles */
  86. body {
  87. color: {color:Text};
  88. background-color: {color:Background};
  89. background-image: url({image:Background});
  90. font-size: 9px;
  91. letter-spacing:0.5px;
  92. font-family: 'Exo', sans-serif;
  93. line-height: 16px;
  94. margin-left:200px;
  95. }
  96.  
  97. h1{
  98. padding:10px;
  99. background:{color:light backgrounds};
  100. border-bottom:1px solid {color:light accents};
  101. font-weight:300;
  102. color:#e3e3e3;
  103. text-transform:lowercase;
  104. }
  105.  
  106. h2{
  107. padding:10px;
  108. background:{color:light backgrounds};
  109. border-bottom:1px solid {color:light accents};
  110. font-weight:300;
  111. color:#e3e3e3;
  112. text-transform:lowercase;
  113. }
  114.  
  115. a {
  116. text-decoration: none;
  117. color: {color:Link};
  118. }
  119. a:hover {
  120. color:{color:Link Hover};
  121. cursor: help;
  122. }
  123. h1 {
  124. font-size: 8px;
  125. text-transform:uppercase;
  126. color:{color:text};
  127. letter-spacing:1px;
  128. padding:15px;
  129. background:{color:light backgrounds};
  130. border:1px solid {color:light accents};
  131. }
  132.  
  133. h2 {
  134. font-size: 8px;
  135. text-transform:uppercase;
  136. color:{color:text};
  137. letter-spacing:1px;
  138. padding:15px;
  139. background:{color:light backgrounds};
  140. border:1px solid {color:light accents};
  141. }
  142.  
  143. blockquote img{
  144. max-width:200px;
  145. }
  146.  
  147. small{
  148. font-size:10px;
  149. }
  150.  
  151. /* scrollbar */
  152. ::-webkit-scrollbar {
  153. width: 3px;
  154. height: 5px;
  155. background: {color:Background};
  156. }
  157. ::-webkit-scrollbar-thumb {
  158. background: {color:Scrollbar};
  159. border-radius: 16px;
  160. border-top: 5px solid {color:Background};
  161. }
  162. /* post customizations */
  163. #content { /* for the whole column of posts */
  164. {block:IndexPage}
  165. width:{select:post width}px;
  166. {/block:IndexPage}
  167. {block:PermalinkPage}
  168. width: 400px;
  169. {/block:PermalinkPage}
  170. position: relative;
  171. margin-left: 300px;
  172. margin-top: 60px;
  173. }
  174.  
  175. #tags {
  176. border-left:1px solid {color:light accents};
  177. border-right:1px solid {color:light accents};
  178. padding-top:15px;
  179. padding-right:15px;
  180. padding-left:15px;
  181. padding-bottom:15px;
  182. border-bottom:1px solid {color:light accents};
  183. text-align:left;
  184. font-weight:300;
  185. text-transform:uppercase;
  186. font-size:7.5px;
  187. letter-spacing:1px;
  188. }
  189.  
  190. #tags a{
  191. color:{color:text};
  192. }
  193.  
  194. #tags i {
  195. font-size:7px;
  196. opacity:0.9;
  197. }
  198.  
  199. .entry { /* for individual posts */
  200. margin-bottom: 80px;
  201. text-align:justify;
  202. }
  203.  
  204. /* questions */
  205. #question {
  206. background:#fff;
  207. margin-bottom:13px;
  208. text-align:left;
  209. padding:10px;
  210. border:1px solid {color:light accents};
  211. }
  212.  
  213. .q{
  214. font-style:italic;
  215. text-transform:uppercase;
  216. font-size:8px;
  217. letter-spacing:1px;
  218. margin-left:50px;
  219. }
  220.  
  221. .a {
  222. opacity:1;
  223. text-transform:uppercase;
  224. letter-spacing:2px;
  225. padding-left:5px;
  226. text-align:left;
  227. font-size:12px;
  228. float:left;
  229. color:{color:text};
  230. margin-right:10px;
  231. border-right:1px solid {color:light accents};
  232. padding-right:10px;
  233. }
  234.  
  235. /* audio */
  236. .crybaby {
  237. width:27px;
  238. height:27px;
  239. overflow:hidden;
  240. border:0px solid #f5f5f5;
  241. }
  242.  
  243. #teddybear{
  244. text-align:right;
  245. margin-top:-30px;
  246. padding-bottom:10px;
  247. font-size:10px;
  248. text-transform:lowercase;
  249. }
  250.  
  251. /* quotes */
  252. #cake {
  253. text-align:center;
  254. margin-bottom:0px;
  255. font-size:8px;
  256. text-transform:uppercase;
  257. letter-spacing:1px;
  258. padding:15px;
  259. padding-left:10px;
  260. }
  261.  
  262. .src {
  263. width:200px;
  264. padding:10px;
  265. }
  266.  
  267. /* chats */
  268. .chat ol {
  269. line-height:200%;
  270. text-align:left;
  271. padding:0px;
  272. list-style:none;
  273. }
  274.  
  275. .label {
  276. font-size:8px;
  277. text-transform:uppercase;
  278. letter-spacing:1px;
  279. padding:3px;
  280. border:1px solid #eee;
  281. margin-right:5px;
  282. background:#fff;
  283. }
  284.  
  285. .line.odd {
  286. padding:10px;
  287. border-top:1px solid {color:light accents};
  288. }
  289.  
  290. .line.even {
  291. padding:10px;
  292. background:{color:light backgrounds};
  293. }
  294.  
  295. /* menu */
  296. .peach {
  297. margin:0px;
  298. padding:0px;
  299. }
  300.  
  301. .grape {
  302. width:65px;
  303. border:1px solid {color:light accents};
  304. }
  305.  
  306. .fa-input {
  307. font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  308. font-size:10px;
  309. background:transparent;
  310. border:0px;
  311. color:#e3e3e3;
  312. width:17px;
  313. text-align:center;
  314. margin-left:-3px;
  315. display:inline-block;
  316. font-size:9px;
  317. }
  318.  
  319. .cucumber {
  320. text-transform:lowercase;
  321. font-size:9px;
  322. color:{color:text};
  323. border:1px solid {color:light accents};
  324. padding:5px;
  325. padding-left:5px;
  326. letter-spacing:1px;
  327. text-align:left;
  328. background:{color:light backgrounds};
  329. }
  330.  
  331. .cucumber i{
  332. padding-right:2px;
  333. }
  334.  
  335. .foam {
  336. padding:2px;
  337. display:none;
  338. border-left:0px solid #e8e8e8;
  339. padding-left:0px;
  340. text-align:justify;
  341. padding-left:10px;
  342. border-left:1px solid {color:light accents};
  343. }
  344.  
  345. .fakefoam {
  346. padding:2px;
  347. border-left:0px solid #e8e8e8;
  348. padding-left:0px;
  349. text-align:justify;
  350. padding-left:10px;
  351. border-left:1px solid {color:light accents};
  352. }
  353.  
  354. .fakefoam2 {
  355. padding:2px;
  356. border-left:0px solid #e8e8e8;
  357. padding-left:0px;
  358. text-align:left;
  359. padding-left:10px;
  360. border-left:1px solid {color:light accents};
  361. }
  362.  
  363. /* permalinks */
  364. #perma {
  365. right: -75px;
  366. letter-spacing: 1px;
  367. text-transform: uppercase;
  368. text-align:center;
  369. font-size:8px;
  370. margin-top:10px;
  371. border:1px solid {color:light accents};
  372. background:{color:light backgrounds};
  373. padding:15px;
  374. padding-top:25px;
  375. line-height:150%;
  376. color:{color:text};
  377. padding-bottom:35px;
  378. -moz-transition-duration:0.5s;
  379. -webkit-transition-duration:0.5s;
  380. -o-transition-duration:0.5s;
  381. }
  382.  
  383. #perma a{
  384. color:{color:text};
  385. -moz-transition-duration:0.5s;
  386. -webkit-transition-duration:0.5s;
  387. -o-transition-duration:0.5s;
  388. }
  389.  
  390. #perma2 {
  391. right: -75px;
  392. letter-spacing: .5px;
  393. text-transform: lowercase;
  394. text-align:left;
  395. margin-top:0px;
  396. border-bottom:1px solid {color:light accents};
  397. padding-bottom:10px;
  398. -moz-transition-duration:0.5s;
  399. -webkit-transition-duration:0.5s;
  400. -o-transition-duration:0.5s;
  401. }
  402.  
  403. #perma2 a{
  404. color:{color:link};
  405. -moz-transition-duration:0.5s;
  406. -webkit-transition-duration:0.5s;
  407. -o-transition-duration:0.5s;
  408. }
  409. #pn {
  410. margin-top:10px;
  411. border-top:0px solid #f5f5f5;
  412. padding:10px;
  413. }
  414.  
  415. .nuts {
  416. width:310px;
  417. text-align:left;
  418. }
  419.  
  420. /* sidebar */
  421. #side {
  422. top: 60px;
  423. left: 250px;
  424. position: fixed;
  425. width: 100px;
  426. text-align:left;
  427. padding-left:20px;
  428. padding-right:65px;
  429. border-right:1px solid #f8f8f8;
  430. padding-top:100px;
  431. height:440px;
  432. -moz-transition-duration:0.5s;
  433. -webkit-transition-duration:0.5s;
  434. -o-transition-duration:0.5s;
  435. }
  436. #side a:hover {
  437. border-bottom: 1px solid transparent;
  438. color: {color:text};
  439. }
  440.  
  441. #cantaloupe {
  442. width:100px;
  443. margin:0 auto;
  444. }
  445.  
  446. #cantaloupe img{
  447. padding-top:10px;
  448. padding-bottom:10px;
  449. width:64px;
  450. padding:5px;
  451. border-radius:0px;
  452. border:1px solid {color:light accents};
  453. }
  454.  
  455. .head {
  456. font-size: 10px;
  457. line-height:120%;
  458. font-family:'Karla', sans-serif;
  459. font-style:normal;
  460. margin-top:15px;
  461. text-transform:uppercase;
  462. color: {color:Title};
  463. letter-spacing: 1px;
  464. border-bottom:1px solid {color:light accents};
  465. padding-bottom:3px;
  466. }
  467.  
  468. .desc {
  469. margin-top:5px;
  470. padding-top:5px;
  471. border-top:1px solid {color:light accents};
  472. }
  473.  
  474. .curly{
  475. margin-top:10px;
  476. }
  477.  
  478. .curly a{
  479. color:{color:text};
  480. }
  481.  
  482. .curly a:hover{
  483. opacity:0.8;
  484. }
  485.  
  486. blockquote {
  487. border-left: 1px solid {color:Light Accents};
  488. margin-left: 6px;
  489. padding-left: 10px;
  490. max-width:90%;
  491. }
  492.  
  493. ul {
  494. list-style-type:katakana;
  495. }
  496.  
  497. ul li {
  498. max-width:90%;
  499. }
  500.  
  501. /* permalink page */
  502. img.avatar {display:none; }
  503. ol.notes {
  504. margin-top: 20px;
  505. }
  506.  
  507. #lourry {
  508. right:5px;
  509. bottom:10px;
  510. position:fixed;
  511. }
  512.  
  513. #lourry a{
  514. color:{color:text};
  515. padding:5px;
  516. font-style:italic;
  517. }
  518.  
  519. </style>
  520.  
  521. <!---infinite scroll---><script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  522.  
  523. </head>
  524.  
  525. <body>
  526.  
  527. <!--sidebar-->
  528. <div id="side">
  529. <div id="cantaloupe"><img src="{image:image}"></div>
  530. <div class="head">{Title}</div>
  531. <div class="curly">
  532. <div class="peach">
  533. <p class="cucumber"><i class="fa fa-user-plus" aria-hidden="true"></i> about</p>
  534. <div class="foam">
  535. <div id="desc">{description}</div>
  536. </div></div>
  537.  
  538. <div class="peach">
  539. <p class="cucumber"><i class="fa fa-bars" aria-hidden="true"></i> menu</p>
  540. <div class="foam" style="text-align:left;">
  541. <a href="/"> index.</a>
  542. <a href="/ask"> contact.</a>
  543. <a href="{text:Link 1 url}">{text:Link 1}.</a>
  544. <a href="{text:Link 2 url}">{text:Link 2}.</a>
  545. <a href="{text:Link 3 url}">{text:Link 3}.</a>
  546. </div></div>
  547.  
  548. <div class="peach">
  549. <p class="cucumber"><i class="fa fa-folder-open" aria-hidden="true"></i>explore</p>
  550. <div class="foam">
  551. <form action="/search" method="get">
  552. <input type="text" name="q" value="{SearchQuery}" class="grape"/>
  553. <input type="submit" class="btn fa-input" value="&#xf002">
  554. </form>
  555. </div>
  556. </div>
  557.  
  558. <div class="peach">
  559. <p class="cucumber"><i class="fa fa-folder-open" aria-hidden="true"></i> <a href="/archive">archive</a></p></div>
  560.  
  561. </div>
  562. </div>
  563. <!----->
  564.  
  565. <div id="content">
  566. {block:Posts}
  567. <!-- {block:NoRebloggedFrom}
  568. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  569. {/block:NoRebloggedFrom} -->
  570.  
  571. <div class="entry">
  572.  
  573. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  574.  
  575. {block:Photoset}<div style="width: 100%;">{Photoset}</div>
  576. {block:Caption}{Caption}{/block:Caption}
  577. {/block:Photoset}
  578.  
  579. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  580.  
  581. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  582.  
  583. {block:Quote}<div id="cake">"{Quote}"</div>{block:Source}<div class="src">{Source}</div>{/block:Source}{/block:Quote}
  584.  
  585. {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}
  586. </ol></div>{/block:Chat}
  587.  
  588. {block:Audio}<div class="crybaby">{AudioPlayerWhite}</div>
  589. <div id="teddybear">{block:TrackName}<span style="text-transform:uppercase;font-size:8px;letter-spacing:1px;">{TrackName}</span>{/block:TrackName}<br>
  590. {block:Artist} {Artist}{/block:Artist}</div>
  591. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  592.  
  593. {block:Video}{block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  594.  
  595. {block:Answer}<div id="question"><span class="a">Q:</span><div class="q">{Question}</div></div>
  596. <p>{Answer}{/block:Answer}
  597.  
  598. <!--permalink page-->
  599. {block:PermalinkPage}
  600. {block:Date}<div id="pn"><div id="perma2">posted <a href="{Permalink}">{timeago}</a>, {block:NoteCount} {NoteCount}n.{/block:NoteCount}{/block:Date}<br>
  601. {block:HasTags}tagged as {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}<br>{/block:HasTags}
  602. {block:ContentSource}originally from <a href="{SourceURL}">{SourceTitle}</a>,
  603. {/block:ContentSource}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}</div>
  604. {block:PostNotes}<div class="nuts">{PostNotes}</div>.{/block:PostNotes}
  605. {/block:PermalinkPage}
  606.  
  607. {block:IndexPage}
  608. {block:Date}<div id="perma"><span style="float:left;"><a href="{Permalink}"><a href="{ReblogURL}" target="_blank" class="details">↺</a> {dayofmonthwithzero}.{monthnumberwithzero}</a>{/block:Date}</span> <span style="float:right;">{block:NoteCount} <a href="{Permalink}"> {NoteCount}n</a></span>{/block:NoteCount}</span>
  609. </div>
  610. {block:HasTags}<div id="tags"><i class="fa fa-tag" aria-hidden="true"></i> {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}
  611. {/block:IndexPage}
  612.  
  613. </div> <!---entry div--->
  614.  
  615. {/block:Posts}
  616.  
  617. {block:ContentSource}<!-- {SourceURL}
  618. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  619. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  620. {/block:ContentSource}
  621. </div><!---content div--->
  622.  
  623. <div id="lourry">
  624. <a href="http://subwrbia.tumblr.com">th.</a>
  625. </div>
  626.  
  627. </body>
  628.  
  629. </html>
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!