API tools faq
paste
pelides

58 // U N F O L D

pelides
Feb 5th, 2016
1,749
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.25 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. <!-------
  5.  
  6. ( theme 58 @ subwrbia.
  7. base code by rnirae. )
  8.  
  9. <!------>
  10.  
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{FavIcon}" />
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  15.  
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  17.  
  18. <script type="text/javascript"
  19. src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js" ></script>
  20.  
  21. <meta name="color:background" content="#fff" />
  22. <meta name="color:text" content="#bbb"/>
  23. <meta name="image:background" content=""/>
  24. <meta name="image:image" content=""/>
  25.  
  26. <meta name="color:scrollbar" content="#000"/>
  27.  
  28. <meta name="color:light accents" content="#eee"/>
  29. <meta name="color:link" content="#aaa"/>
  30. <meta name="color:link hover" content="#e4baff"/>
  31.  
  32. <meta name="color:title" content="#a5a5a5"/>
  33.  
  34. <meta name="color:sidebar link" content="#a5a5a5"/>
  35. <meta name="color:sidebar link border" content="#eee"/>
  36. <meta name="color:sidebar link hover" content="#e4baff"/>
  37.  
  38. <meta name="text:link 1" content="link one"/>
  39. <meta name="text:link 1 url" content="/"/>
  40. <meta name="text:link 2" content="link two"/>
  41. <meta name="text:link 2 url" content="/"/>
  42. <meta name="text:link 3" content="link three"/>
  43. <meta name="text:link 3 url" content="/"/>
  44.  
  45. <!--post width options-->
  46. <meta name="if:250px" content="1"/>
  47. <meta name="if:400px" content="0"/>
  48. <meta name="if:500px" content="0"/>
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53. /* follow/dashboard buttons */
  54. iframe#tumblr_controls {
  55. right:2px !important;
  56. position: fixed !important;
  57. -webkit-transition: opacity 0.7s linear;
  58. opacity: 0.16;
  59. -webkit-transition: all 0.8s ease-out;
  60. -moz-transition: all 0.8s ease-out;
  61. transition: all 0.8s ease-out;
  62. -webkit-filter: invert(100%);
  63. }
  64. iframe#tumblr_controls:hover {
  65. -webkit-transition: opacity 0.7s linear;
  66. opacity: 0.16;
  67. -webkit-transition: all 0.4s ease-out;
  68. -moz-transition: all 0.4s ease-out;
  69. transition: all 0.4s ease-out;
  70. -webkit-filter: invert(100%);
  71. }
  72.  
  73. /* basic styles */
  74. body {
  75. color: {color:Text};
  76. background-color: {color:Background};
  77. background-image: url({image:Background});
  78. font: 10px consolas;
  79. line-height: 16px;
  80. margin-left:70px;
  81. }
  82.  
  83. h1{
  84. padding:10px;
  85. background:#fcfcfc;
  86. border-bottom:1px solid #f5f5f5;
  87. font-weight:300;
  88. color:#e3e3e3;
  89. text-transform:lowercase;
  90. }
  91.  
  92. h2{
  93. padding:10px;
  94. background:#fcfcfc;
  95. border-bottom:1px solid #f5f5f5;
  96. font-weight:300;
  97. color:#e3e3e3;
  98. text-transform:lowercase;
  99. }
  100.  
  101. a {
  102. text-decoration: none;
  103. color: {color:Link};
  104. }
  105. a:hover {
  106. color:{color:Link Hover};
  107. cursor: help;
  108. }
  109. h1 {
  110. font-size: 12px;
  111. color:#bbb;
  112. }
  113.  
  114. blockquote img{
  115. max-width:200px;
  116. }
  117.  
  118. small{
  119. font-size:10px;
  120. }
  121.  
  122. /* scrollbar */
  123. ::-webkit-scrollbar {
  124. width: 3px;
  125. height: 5px;
  126. background: {color:Background};
  127. }
  128. ::-webkit-scrollbar-thumb {
  129. background: {color:Scrollbar};
  130. border-radius: 16px;
  131. border-top: 5px solid {color:Background};
  132. }
  133. /* post customizations */
  134. #content { /* for the whole column of posts */
  135. {block:IndexPage}
  136. {block:if250px} /* post widths */
  137. width: 250px;
  138. {/block:if250px}
  139. {block:if400px}
  140. width: 400px;
  141. {/block:if400px}
  142. {block:if500px}
  143. width: 500px;
  144. {/block:if500px}
  145. {/block:IndexPage}
  146. {block:PermalinkPage}
  147. width: 400px;
  148. {/block:PermalinkPage}
  149. position: relative;
  150. margin-left: 300px;
  151. margin-top: 60px;
  152. }
  153. .entry { /* for individual posts */
  154. margin-bottom: 80px;
  155. border:1px solid #f5f5f5;
  156. padding:10px;
  157. text-align:justify;
  158. background:#fff;
  159. }
  160.  
  161. /* questions */
  162. #question {
  163. padding:10px;
  164. padding-bottom:15px;
  165. border-bottom:1px solid #f5f5f5;
  166. background:#fff;
  167. margin-bottom:13px;
  168. }
  169.  
  170. /* audio */
  171. .crybaby {
  172. width:27px;
  173. height:27px;
  174. overflow:hidden;
  175. border:1px solid #f5f5f5;
  176. }
  177.  
  178. #teddybear{
  179. text-align:right;
  180. margin-top:-30px;
  181. padding-bottom:10px;
  182. font-size:10px;
  183. text-transform:lowercase;
  184. border-bottom:1px solid #f5f5f5;
  185. }
  186.  
  187. /* quotes */
  188. #cake {
  189. padding:5px;
  190. padding-bottom:10px;
  191. border-bottom:1px solid #f5f5f5;
  192. }
  193.  
  194. /* chats */
  195. .chat ol {
  196. line-height:150%;
  197. text-align:justify;
  198. padding:0px;
  199. list-style:none;
  200. }
  201.  
  202. .label {
  203. font-size:10px;
  204. border-bottom:1px solid #eee;
  205. }
  206.  
  207. .line.odd {
  208. padding:7px;
  209. }
  210.  
  211. .line.even {
  212. padding:7px;
  213. border-top:1px solid #f5f5f5;
  214. border-bottom:1px solid #f5f5f5;
  215. }
  216.  
  217. /* permalinks */
  218. #perma {
  219. right: -75px;
  220. letter-spacing: .5px;
  221. text-transform: lowercase;
  222. text-align:left;
  223. margin-top:10px;
  224. border-top:1px solid #f5f5f5;
  225. padding-top:10px;
  226. -moz-transition-duration:0.5s;
  227. -webkit-transition-duration:0.5s;
  228. -o-transition-duration:0.5s;
  229. }
  230.  
  231. #perma a{
  232. color:{color:link};
  233. -moz-transition-duration:0.5s;
  234. -webkit-transition-duration:0.5s;
  235. -o-transition-duration:0.5s;
  236. }
  237.  
  238. #perma2 {
  239. right: -75px;
  240. letter-spacing: .5px;
  241. text-transform: lowercase;
  242. text-align:left;
  243. margin-top:0px;
  244. border-bottom:1px solid #f5f5f5;
  245. padding-bottom:10px;
  246. -moz-transition-duration:0.5s;
  247. -webkit-transition-duration:0.5s;
  248. -o-transition-duration:0.5s;
  249. }
  250.  
  251. #perma2 a{
  252. color:{color:link};
  253. -moz-transition-duration:0.5s;
  254. -webkit-transition-duration:0.5s;
  255. -o-transition-duration:0.5s;
  256. }
  257.  
  258. .tags {
  259. display:inline-block;
  260. -moz-transition-duration:0.5s;
  261. -webkit-transition-duration:0.5s;
  262. -o-transition-duration:0.5s;
  263. }
  264.  
  265. #perma:hover .tags{
  266. display:inline-block;
  267. -moz-transition-duration:0.5s;
  268. -webkit-transition-duration:0.5s;
  269. -o-transition-duration:0.5s;
  270. }
  271.  
  272. #pn {
  273. margin-top:10px;
  274. border-top:0px solid #f5f5f5;
  275. background:#fcfcfc;
  276. padding:10px;
  277. }
  278.  
  279. .nuts {
  280. width:310px;
  281. text-align:left;
  282. }
  283.  
  284. /* sidebar */
  285. #side {
  286. top: 60px;
  287. left: 150px;
  288. position: fixed;
  289. width: 120px;
  290. border-left:1px solid #f5f5f5;
  291. padding:20px;
  292. padding-top:20px;
  293. background:#fff;
  294. padding-bottom:20px;
  295. border:1px solid #f5f5f5;
  296. }
  297. #side a{
  298. border-bottom: 1px solid {color:Sidebar Link Border};
  299. color: {color:Sidebar Link};
  300. }
  301. #side a:hover {
  302. border-bottom: 1px solid transparent;
  303. color: {color:Sidebar Link Hover};
  304. }
  305.  
  306. #side img{
  307. margin-bottom:5px;
  308. width:100px;
  309. border-left:1px solid #f2f2f2;
  310. border-right:1px solid #f2f2f2;
  311. border-top:1px solid #f2f2f2;
  312. padding:10px;
  313. padding-bottom:30px;
  314. margin-left:-2px;
  315. background:#fcfcfc;
  316. }
  317.  
  318. #head {
  319. font-size: 12px;
  320. margin-top:-30px;
  321. text-align:center;
  322. width:110px;
  323. margin-left:-2px;
  324. padding:5px;
  325. padding-top:0px;
  326. padding-bottom:10px;
  327. border-left:1px solid #f2f2f2;
  328. border-right:1px solid #f2f2f2;
  329. font-family:courier new;
  330. background:#fcfcfc;
  331. margin-bottom: 15px;
  332. color: {color:Title};
  333. letter-spacing: .5px;
  334. border-bottom:1px solid #f2f2f2;
  335. }
  336.  
  337. .desc {
  338. margin-top:10px;
  339. margin-bottom:5px;
  340. text-align:justify;
  341. }
  342.  
  343. blockquote {
  344. border-left: 1px solid {color:Light Accents};
  345. margin-left: 6px;
  346. padding-left: 10px;
  347. max-width:90%;
  348. }
  349.  
  350. ul li {
  351. max-width:90%;
  352. }
  353.  
  354. /* permalink page */
  355. img.avatar {display:none; }
  356. ol.notes {
  357. margin-top: 20px;
  358. }
  359.  
  360. #lourry {
  361. right:5px;
  362. bottom:10px;
  363. position:fixed;
  364. background:#fff;
  365. }
  366.  
  367. #lourry a{
  368. color:#aaa;
  369. border:1px solid #eee;
  370. padding:5px;
  371. background:#fff;
  372. }
  373.  
  374. </style>
  375.  
  376. <!---infinite scroll---><script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  377.  
  378. </head>
  379.  
  380. <body>
  381.  
  382. <!--sidebar-->
  383. <div id="side">
  384. <img src="{image:image}">
  385. <div id="head">{Title}</div>
  386. <div class="desc">{Description}</div>
  387. <select style="margin-top:10px; width: 120px; border: 1px solid #f2f2f2; padding: 3px; color: #bbb; background-color: #fcfcfc; font-family: consolas; text-transform: lowercase; font-size: 10px; letter-spacing: 0px;" onChange="location.href=this.options[this.selectedIndex].value;">
  388. <option selected hidden>navigation</option>
  389. <option value="/">index</option>
  390. <option value="/ask">contact</option>
  391. <option value="{text:Link 1 url}">{text:Link 1}</option>
  392. <option value="{text:Link 2 url}">{text:Link 2}</option>
  393. <option value="{text:Link 3 url}">{text:Link 3}</option>
  394. </select>
  395. </div>
  396. <!----->
  397.  
  398. <div id="content">
  399. {block:Posts}
  400.  
  401. <!-- {block:NoRebloggedFrom}
  402. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  403. {/block:NoRebloggedFrom} -->
  404. <div class="entry">
  405. {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}
  406.  
  407. {block:Photoset}<div style="width: 100%;">{Photoset}</div>
  408. {block:Caption}{Caption}{/block:Caption}
  409. {/block:Photoset}
  410.  
  411. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  412.  
  413. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  414.  
  415. {block:Quote}<div id="cake">"{Quote}"</div>{block:Source}<br>{Source}{/block:Source}{/block:Quote}
  416.  
  417. {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}
  418. </ol></div>{/block:Chat}
  419.  
  420. {block:Audio}<div class="crybaby">{AudioPlayerWhite}</div>
  421. <div id="teddybear">{block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  422. {block:Artist} {Artist}{/block:Artist}<br>
  423. {block:Album}{Album}{/block:Album}</div>
  424. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  425.  
  426. {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}
  427.  
  428. {block:Answer}<div id="question"><div style="text-transform:lowercase;letter-spacing:0.5px;text-align:left;font-style:normal;border-bottom:1px solid #f5f5f5;padding:5px;padding-bottom:10px;padding-top:0px;background:#fff;font-weight:normal;">✉ {Asker}:</div> <br>{Question}</div>
  429. <p>{Answer}{/block:Answer}
  430.  
  431. <!--permalink page-->
  432. {block:PermalinkPage}
  433. <div id="pn">
  434. {block:Date}<div id="perma2">posted <a href="{Permalink}">{timeago}</a>, {block:NoteCount} {NoteCount}n.{/block:NoteCount}{/block:Date}<br>
  435. {block:HasTags}tagged as {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}<br>
  436. {block:ContentSource}originally from <a href="{SourceURL}">{SourceTitle}</a>,
  437. {/block:ContentSource}{block:RebloggedFrom} reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}</div>
  438. {block:PostNotes}<div class="nuts">{PostNotes}</div>.{/block:PostNotes}
  439. {/block:PermalinkPage}
  440.  
  441. {block:IndexPage}{block:Date}<div id="perma">posted <a href="{Permalink}">{timeago}</a>,{/block:Date}{block:NoteCount} <a href="{Permalink}"> {NoteCount}n</a>.{/block:NoteCount}<br>
  442. <div style="padding-top:0px;">{block:HasTags}tagged as <div class="tags">{block:Tags} <a href="{TagUrl}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</span></div></div>{/block:IndexPage}
  443.  
  444. </div> <!---entry div--->
  445.  
  446. {/block:Posts}
  447.  
  448. {block:ContentSource}<!-- {SourceURL}
  449. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  450. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  451. {/block:ContentSource}
  452. </div><!---content div--->
  453.  
  454. <div id="lourry"><a href="http://subwrbia.tumblr.com">‘ ♡ ∗ ☾ ˙✧</a></div>
  455.  
  456. </body>
  457.  
  458. </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!