API tools faq
paste
purplesky

Sugraless

purplesky
Feb 26th, 2012
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--
  5. PLEASE DO NOT REMOVE THIS.
  6. THE REMOVAL OF THIS PART WILL CONSIDER YOU A THIEF.
  7. IF YOU REMOVE CREDIT, MAKE SURE IT'S ON A CREDITS PAGE.
  8.  
  9. THEME: #1 SUGARLESS [V.1]
  10. jyuubi.org | sparks-fire.tumblr
  11.  
  12. --RULES--
  13. 1) DO NOT REMOVE CREDIT.
  14. 2) DO NOT USE TO MAKE YOUR OWN THEME TO RESDISTRIBUTE.
  15. 3) DO NOT USE TO MAKE YOUR OWN THEME AND REMOVE CREDIT.
  16. 4) IF YOU USE ANYTHING FROM MY THEMES, ALWAYS CREDIT.
  17. 5) DO USE ANY GRAPHICS MADE FOR A PREVIEW.
  18.  
  19. --MAJOR UPDATES--
  20. 1/17/2012
  21. -->
  22.  
  23. <meta name="color:Background" content="#fff">
  24. <meta name="color:Content Background" content="#878787">
  25. <meta name="color:Content Text" content="#5a5a5a">
  26. <meta name="color:Content Bold" content="#262626">
  27. <meta name="color:Content Italic" content="#b3b3b3">
  28. <meta name="color:Content Link" content="#e3e3e3">
  29.  
  30. <meta name="color:Sidebar Title" content="#b7b7b7">
  31. <meta name="color:Sidebar Subtitle" content="#444444">
  32. <meta name="color:Sidebar Border" content="#707070">
  33. <meta name="color:Sidebar Nav Background" content="#7e7e7e">
  34. <meta name="color:Sidebar Nav Link" content="#484848">
  35. <meta name="color:Sidebar Nav Link Hover" content="#2f2f2f">
  36.  
  37. <meta name="color:Arrow" content="#e2e2e2">
  38. <meta name="color:Arrow Hover" content="#515151">
  39.  
  40. <meta name="color:Post Title" content="#b7b7b7">
  41. <meta name="color:Post Blockquote" content="#b3b3b3">
  42. <meta name="color:Ask Background" content="#919191">
  43.  
  44. <meta name="color:Permalink Bar Background" content="#717171">
  45. <meta name="color:Permalink Bar Symbol" content="#3e3e3e">
  46. <meta name="color:Permalink Bar Link" content="#a7a7a7">
  47. <meta name="color:Permalink Bar Link Hover" content="#3e3e3e">
  48.  
  49. <meta name="image:Background" content="http://s5.postimage.org/lb53im6pj/sugarless.png">
  50. <meta name="image:Sidebar Background" content="">
  51. <meta name="image:Sidebar Image" content="">
  52.  
  53. <meta name="font:Post Content" content="lucida sans">
  54.  
  55. <meta name="if:Infinite Scrolling" content="0">
  56. <meta name="if:Photo Transparency" content="1">
  57. <meta name="if:Show Captions" content="0">
  58. <meta name="if:Reblog Link" content="0">
  59.  
  60. <meta name="text:Sidebar Position" content="50">
  61. <meta name="text:Sidebar Text Size" content="11">
  62. <meta name="text:Post Text Size" content="11">
  63. <meta name="text:Sidebar Title" content="">
  64. <meta name="text:Sidebar Subtitle" content="">
  65. <meta name="text:Permalink Symbol" content="☆">
  66.  
  67. <meta name="text:Name 1" content="">
  68. <meta name="text:URL 1" content="http://">
  69. <meta name="text:Name 2" content="">
  70. <meta name="text:URL 2" content="http://">
  71. <meta name="text:Name 3" content="">
  72. <meta name="text:URL 3" content="http://">
  73.  
  74. <head>
  75. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  76. <title>{Title}</title>
  77. <link rel="shortcut icon" href="{Favicon}">
  78.  
  79. <style type="text/css">
  80. /* BODY */
  81. body {
  82. background-image: url("{image:Background}");
  83. background-attachment: fixed;
  84. background-color: {color:Background};
  85. color: {color:Content Text};
  86. }
  87.  
  88. b, strong {
  89. color: {color:Content Bold};
  90. font-weight: normal;
  91. }
  92.  
  93. i, em {
  94. color: {color:Content Italic};
  95. }
  96.  
  97. a {
  98. color: {color:Content Link};
  99. text-decoration: none;
  100. }
  101.  
  102. @font-face {
  103. font-family: "tinytots";
  104. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  105. }
  106.  
  107. /* NAVIGATION */
  108. #right {
  109. position: fixed;
  110. right: 0px;
  111. margin-top: {text:Sidebar Position}px;
  112. }
  113.  
  114. #sidebar {
  115. background-image: url("{image:Sidebar Background}");
  116. background-color: {color:Content Background};
  117. border-left: 10px solid {color:Sidebar Border};
  118. font-family: lucida sans unicode;
  119. font-size: {text:Sidebar Text Size}px;
  120. letter-spacing: 2px;
  121. text-align: center;
  122. padding: 5px;
  123. width: 400px;
  124. }
  125.  
  126. #sidebar img {
  127. max-width: 400px;
  128. opacity: .8;
  129. margin-bottom: -7px;
  130. }
  131.  
  132. #sidebar h1 {
  133. font-family: courier new;
  134. font-size: 18px;
  135. color: {color:Sidebar Title};
  136. font-weight: normal;
  137. letter-spacing: 5px;
  138. text-transform: lowercase;
  139. text-align: center;
  140. text-decoration: none;
  141. }
  142.  
  143. #sidebar h2 {
  144. font-family: Lucida Console, Monaco, monospace;
  145. font-size: 10px;
  146. color: {color:Sidebar Subtitle};
  147. font-weight: normal;
  148. letter-spacing: 3px;
  149. text-transform: uppercase;
  150. text-align: center;
  151. margin-top: -12px;
  152. }
  153.  
  154. #nav {
  155. background-color: {color:Sidebar Nav Background};
  156. height: 16px;
  157. line-height: 12px;
  158. }
  159.  
  160. #nav a {
  161. font-family: tinytots;
  162. font-size: 8px;
  163. color: {color:Sidebar Nav Link};
  164. text-decoration: none;
  165. text-transform: uppercase;
  166. letter-spacing: 1px;
  167. -webkit-transition: all 0.5s ease;
  168. -moz-transition: all 0.5s ease;
  169. -o-transition: all 0.5s ease;
  170. }
  171.  
  172. #nav a:hover {
  173. color: {color:Sidebar Nav Link Hover};
  174. }
  175.  
  176. /* PAGINATION */
  177. #pages {
  178. text-align: center;
  179. font-size: 30px;
  180. }
  181.  
  182. #pages a {
  183. color: {color:Arrow};
  184. text-decoration: none;
  185. -webkit-transition: all 0.5s ease;
  186. -moz-transition: all 0.5s ease;
  187. -o-transition: all 0.5s ease;
  188. }
  189.  
  190. #pages a:hover {
  191. color: {color:Arrow Hover};
  192. }
  193.  
  194. /* POST */
  195. .entry {
  196. background-color: {color:Content Background};
  197. border: 5px solid {color:Content Background};
  198. font-family: {font:Post Content};
  199. font-size: {text:Post Text Size}px;
  200. text-align: justify;
  201. letter-spacing: 1px;
  202. width: 500px;
  203. overflow: hidden;
  204. }
  205.  
  206. .entry h1 {
  207. font-family: courier new;
  208. font-size: 18px;
  209. color: {color:Post Title};
  210. font-weight: normal;
  211. text-transform: lowercase;
  212. letter-spacing: 2px;
  213. text-decoration: none;
  214. text-align: center;
  215. }
  216.  
  217. .entry h1 a {
  218. font-family: courier new;
  219. font-size: 18px;
  220. color: {color:Post Title};
  221. font-weight: normal;
  222. text-transform: lowercase;
  223. letter-spacing: 2px;
  224. text-decoration: none;
  225. }
  226.  
  227. .entry blockquote {
  228. border-left: 3px solid {color:Post Blockquote};
  229. padding-left: 5px;
  230. }
  231.  
  232. /* PHOTO POSTS */
  233. {block:IfNotPhotoTransparency}
  234. .photo {
  235. text-align: center;
  236. }
  237. {/block:IfNotPhotoTransparency}
  238.  
  239. {block:IfPhotoTransparency}
  240. .photo {
  241. text-align: center;
  242. opacity: .8;
  243. -webkit-transition: all 1s ease;
  244. -moz-transition: all 1s ease;
  245. -o-transition: all 1s ease;
  246. }
  247.  
  248. .photo:hover {
  249. opacity: 1;
  250. }
  251.  
  252. .entry img {
  253. opacity: .8;
  254. -webkit-transition: all 1s ease;
  255. -moz-transition: all 1s ease;
  256. -o-transition: all 1s ease;
  257. }
  258.  
  259. .entry img:hover {
  260. opacity: 1;
  261. }
  262. {/block:IfPhotoTransparency}
  263.  
  264. /* QUOTE POST */
  265. .entry h2 {
  266. font-family: courier new;
  267. font-size: 16px;
  268. color: {color:Post Title};
  269. font-weight: normal;
  270. text-transform: lowercase;
  271. letter-spacing: 2px;
  272. text-align: center;
  273. }
  274.  
  275. .quote {
  276. font-family: georgia;
  277. font-size: 55px;
  278. color: {color:Content Bold};
  279. float: left;
  280. }
  281.  
  282. /* ASK POSTS */
  283. .ask {
  284. background-color: {color:Ask Background};
  285. text-align: center;
  286. line-height: 10px;
  287. padding: 2px;
  288. }
  289.  
  290. .ask h3 {
  291. font-family: courier new;
  292. font-size: 14px;
  293. color: {color:Post Title};
  294. font-weight: normal;
  295. }
  296.  
  297. /* NOTES */
  298. .notes2 {
  299. background-color: {color:Permalink Bar Background};
  300. font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  301. font-size: 10px;
  302. color: {color:Permalink Bar Symbol};
  303. text-align: center;
  304. width: 508px;
  305. margin-bottom: 8px;
  306. padding: 1px;
  307. text-transform: uppercase;
  308. }
  309.  
  310. .notes2 a {
  311. font-size: 9px;
  312. color: {color:Permalink Bar Link};
  313. text-decoration: none;
  314. letter-spacing: 2px;
  315. -webkit-transition: all 0.5s ease;
  316. -moz-transition: all 0.5s ease;
  317. -o-transition: all 0.5s ease;
  318. }
  319.  
  320. .notes2 a:hover {
  321. color: {color:Permalink Bar Link Hover};
  322. }
  323.  
  324. /* PERMALINK PAGE */
  325. .permalink {
  326. font-family: lucida sans unicode;
  327. font-size: 11px;
  328. color: {color:Content Text};
  329. text-transform: lowercase;
  330. text-align: center;
  331. width: 510px;
  332. }
  333.  
  334. .permalink b {
  335. color: {color:Content Bold};
  336. font-weight: normal;
  337. }
  338.  
  339. #date {
  340. color: {color:Content Italic};
  341. }
  342.  
  343. .permalink a {
  344. color: {color:Content Link};
  345. text-decoration: none;
  346. }
  347.  
  348. ol.notes {
  349. padding: 0px;
  350. margin: 15px 0px;
  351. list-style-type: none;
  352. background: transparent;
  353. border: 0px;
  354. letter-spacing: 0px;
  355. }
  356.  
  357. ol.notes li.note {
  358. padding: 5px;
  359. text-align: left;
  360. border-top: 1px dotted {color:Content Text};
  361. letter-spacing: 0px;
  362. }
  363.  
  364. /* FOLLOW CODE */
  365. iframe#tumblr_controls {
  366. right:3px !important;
  367. position: fixed !important;
  368. -webkit-transition: opacity 0.7s linear;
  369. opacity: 0.2;
  370. -webkit-transition: all 0.8s ease-out;
  371. -moz-transition: all 0.8s ease-out;
  372. transition: all 0.8s ease-out;
  373. }
  374.  
  375. iframe#tumblr_controls:hover {
  376. -webkit-transition: opacity 0.7s linear;
  377. opacity: 1;
  378. -webkit-transition: all 0.4s ease-out;
  379. -moz-transition: all 0.4s ease-out;
  380. transition: all 0.4s ease-out;
  381. }
  382. </style>
  383. {block:IfInfiniteScrolling}
  384. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  385. {/block:IfInfiniteScrolling}
  386. </head>
  387.  
  388. <body>
  389.  
  390. <div id="right">
  391. <div id="sidebar">
  392. <img src="{image:Sidebar Image}">
  393. <div id="nav">
  394. <p><a href="/">Index</a>&nbsp;&nbsp;
  395. <a href="/archive">Archive</a>&nbsp;&nbsp;
  396. <a href="/ask">Message</a>&nbsp;&nbsp;
  397. {block:IfName1}<a href="{text:URL 1}">{text:Name 1}</a>&nbsp;&nbsp;{/block:IfName1}
  398. {block:IfName2}<a href="{text:URL 2}">{text:Name 2}</a>&nbsp;&nbsp;{/block:IfName2}
  399. {block:IfName3}<a href="{text:URL 3}">{text:Name 3}</a>&nbsp;&nbsp;{/block:IfName3}
  400. <a href="http://jyuubi.tumblr.com">Theme</a></p>
  401. </div>
  402. <h1>{text:Sidebar Title}</h1>
  403. <h2>{text:Sidebar Subtitle}</h2>
  404. <p>{Description}</p>
  405. </div>
  406. {block:IfNotInfiniteScrolling}
  407. {block:Pagination}<div id="pages">
  408. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{block:PreviousPage}{block:NextPage}<a href="{NextPage}">&rarr;</a>{block:NextPage}
  409. </div>{/block:Pagination}
  410. {/block:IfNotInfiniteScrolling}
  411. </div>
  412.  
  413. <div class="autopagerize_page_element">
  414. {block:Posts}
  415.  
  416. <div class="entry">
  417.  
  418. {block:Text}
  419. <h1>{Title}</h1>
  420. {Body}
  421. {/block:Text}
  422.  
  423. {block:Photo}
  424. {LinkOpenTag}
  425. <img src="{PhotoURL-500}" alt="">
  426. {LinkCloseTag}
  427. {block:HighRes}<a href="{PhotoURL-HighRes}">high resolution &rarr;</a>{/block:HighRes}
  428. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  429. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  430. {Caption}
  431. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  432. {/block:Photo}
  433.  
  434. {block:Photoset}
  435. <div class="photo">{Photoset-500}</div>
  436. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  437. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  438. {Caption}
  439. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  440. {/block:Photoset}
  441.  
  442. {block:Quote}
  443. <div class="quote">&#10077;</div>
  444. <h2>{Quote}</h2>
  445. {block:Source}<p align="right">{Source} &mdash;</p>{/block:Source}
  446. {/block:Quote}
  447.  
  448. {block:Link}
  449. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  450. {block:Description}{Description}{/block:Description}
  451. {/block:Link}
  452.  
  453. {block:Chat}
  454. {block:Title}<h1>{Title}</h1>{/block:Title}
  455. {block:Lines}
  456. {block:Label}
  457. <p><b>{Label}</b>
  458. {/block:Label}
  459. {Line}</p>
  460. {/block:Lines}
  461. {/block:Chat}
  462.  
  463. {block:Audio}
  464. <p><center>{AudioPlayerGrey}<br>
  465. <i>{FormattedPlayCount}</i> plays</center></p>
  466. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  467. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  468. {Caption}
  469. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  470. {/block:Audio}
  471.  
  472. {block:Video}
  473. {Video-500}
  474. <p><center><i>{FormattedPlayCount}</i> plays</center>
  475. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  476. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  477. {Caption}
  478. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  479. {/block:Video}
  480.  
  481. {block:Answer}
  482. <div class="ask">
  483. <h3>{Asker} whispered,</h3>
  484. <p>{Question}</p>
  485. </div>
  486. {Answer}
  487. {/block:Answer}
  488.  
  489. </div>
  490. {block:IndexPage}<div class="notes2">
  491. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}&nbsp;&nbsp;&nbsp;{text:Permalink Symbol}&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:IfReblogLink}&nbsp;&nbsp;&nbsp;{text:Permalink Symbol}&nbsp;&nbsp;&nbsp;<a href="{ReblogURL}">Reblog</a>{/block:IfReblogLink}
  492. </div>{/block:IndexPage}
  493.  
  494. {block:PermalinkPage}
  495. <div class="permalink">
  496. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br />
  497. {block:HasTags}<b>tags &raquo;</b> {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  498. {block:PostNotes}
  499. {PostNotes}
  500. {/block:PostNotes}
  501. </div>
  502. {/block:PermalinkPage}
  503.  
  504. {/block:Posts}
  505. </div>
  506.  
  507. </body>
  508. </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!