API tools faq
paste
Jyuubi

[Theme] → #01 Sugarless {v.2)

Jyuubi
Jul 22nd, 2012
10,467
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.07 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: #01 SUGARLESS (VERSION TWO)
  10. jyuubi.org | manatopia.org
  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.  
  20. <meta name="color:BackgroundM" content="#ececec">
  21. <meta name="color:Content Background" content="#F1F1F1">
  22. <meta name="color:Content Text" content="#bf8e71">
  23. <meta name="color:Content Bold" content="#f1928a">
  24. <meta name="color:Content Italic" content="#a9a759">
  25. <meta name="color:Content Link" content="#5AB3B3">
  26.  
  27. <meta name="color:Sidebar Title Background" content="#a8d3d0">
  28. <meta name="color:Sidebar Title" content="#2f7f88">
  29. <meta name="color:Nav Background" content="#f8b0a9">
  30. <meta name="color:Nav Link" content="#FFFFFF">
  31. <meta name="color:Nav Link Hover" content="#e26372">
  32.  
  33. <meta name="color:Pagination Arrows" content="#d65976">
  34.  
  35. <meta name="color:Post Background" content="#EBEBEB">
  36. <meta name="color:Post Title" content="#519e9c">
  37. <meta name="color:Post Blockquote" content="#dddddd">
  38.  
  39. <meta name="color:Stats Background" content="#E6E6E6">
  40. <meta name="color:Stats Link" content="#a9a759">
  41. <meta name="color:Stats Text" content="#f1928a">
  42.  
  43. <meta name="image:BackgroundM" content="http://static.tumblr.com/pdgxkke/ZLTm1h52b/sugarless_v2.png">
  44. <meta name="image:Sidebar" content="http://static.tumblr.com/pdgxkke/WE9m1h52q/sugarless-v2.png">
  45.  
  46. <meta name="font:Content" content="tahoma, sans-serif">
  47.  
  48. <meta name="if:Infinite Scrolling" content="0">
  49. <meta name="if:Smaller Posts" content="0">
  50. <meta name="if:Show Captions" content="0">
  51. <meta name="if:Show High Res Link" content="0">
  52. <meta name="if:Reblog Link" content="1">
  53. <meta name="if:Show Tags" content="1">
  54.  
  55. <meta name="text:Navigation Position" content="100">
  56. <meta name="text:Sidebar Text Size" content="11">
  57. <meta name="text:Post Text Size" content="12">
  58.  
  59. <meta name="text:Name 1" content="">
  60. <meta name="text:URL 1" content="http://">
  61. <meta name="text:Name 2" content="">
  62. <meta name="text:URL 2" content="http://">
  63. <meta name="text:Name 3" content="">
  64. <meta name="text:URL 3" content="http://">
  65. <meta name="text:Name 4" content="">
  66. <meta name="text:URL 4" content="http://">
  67. <meta name="text:Name 5" content="">
  68. <meta name="text:URL 5" content="http://">
  69. <meta name="text:Name 6" content="">
  70. <meta name="text:URL 6" content="http://">
  71.  
  72. <head>
  73. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  74. <title>{Title}</title>
  75. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  76. <link rel="shortcut icon" href="{Favicon}">
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  78.  
  79. <style type="text/css">
  80. /* BODY */
  81. body {
  82. background-image: url('{image:BackgroundM}');
  83. background-attachment: fixed;
  84. background-color: {color:BackgroundM};
  85. margin: 0;
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb:vertical {
  89. background-color: {color:Content Bold};
  90. height: 50px;
  91. }
  92.  
  93. ::-webkit-scrollbar {
  94. background-color: {color:Content Background};
  95. height: 10px;
  96. width: 5px;
  97. }
  98.  
  99. /* SIDEBAR */
  100. #sidebar {
  101. background-color: {color:Content Background};
  102. width: 350px;
  103. {block:IfNotSmallerPosts}left: 528px;{/block:IfNotSmallerPosts}
  104. {block:IfSmallerPosts}left: 428px;{/block:IfSmallerPosts}
  105. bottom: 0;
  106. position: fixed;
  107. z-index: 999;
  108. padding-right: 10px;
  109. padding-top: 10px;
  110. padding-bottom: 10px;
  111. -moz-border-radius: 0px 150px 0px 0px;
  112. -webkit-border-radius: 0px 150px 0px 0px;
  113. border-radius: 0px 150px 0px 0px;
  114. font-family: {font:Content};
  115. font-size: {text:Sidebar Text Size}px;
  116. color: {color:Content Text};
  117. text-align: center;
  118. line-height: 18px;
  119. }
  120.  
  121. #sidebar b, strong {
  122. color: {color:Content Bold};
  123. }
  124.  
  125. #sidebar i, em {
  126. color: {color:Content Italic};
  127. }
  128.  
  129. #sidebar a {
  130. color: {color:Content Link};
  131. text-decoration: none;
  132. }
  133.  
  134. #sidebar img {
  135. max-width: 350px;
  136. -moz-border-radius: 0px 150px 0px 0px;
  137. -webkit-border-radius: 0px 150px 0px 0px;
  138. border-radius: 0px 150px 0px 0px;
  139. }
  140.  
  141. #sidebar h1 {
  142. background-color: {color:Sidebar Title Background};
  143. font-family: courier new;
  144. font-size: 16px;
  145. color: {color:Sidebar Title};
  146. font-weight: normal;
  147. letter-spacing: 2px;
  148. text-align: right;
  149. margin: 0;
  150. }
  151.  
  152. /* NAVIGATION */
  153. #nav {
  154. {block:IfNotSmallerPosts}left: 790px;{/block:IfNotSmallerPosts}
  155. {block:IfSmallerPosts}left: 690px;{/block:IfSmallerPosts}
  156. bottom: {text:Navigation Position}px;
  157. position: fixed;
  158. }
  159.  
  160. #nav a {
  161. background-color: {color:Nav Background};
  162. display: block;
  163. width: 200px;
  164. margin-bottom: 4px;
  165. padding-right: 3px;
  166. font-family: consolas;
  167. font-size: 8px;
  168. color: {color:Nav Link};
  169. text-transform: uppercase;
  170. text-decoration: none;
  171. letter-spacing: 2px;
  172. text-align: right;
  173. -webkit-transition: all 0.5s ease;
  174. -moz-transition: all 0.5s ease;
  175. -o-transition: all 0.5s ease;
  176. -ms-transition: all 0.5s ease;
  177. transition: all 0.5s ease;
  178. -moz-border-radius: 0px 10px 10px 0px;
  179. -webkit-border-radius: 0px 10px 10px 0px;
  180. border-radius: 0px 10px 10px 0px;
  181. }
  182.  
  183. #nav a:hover {
  184. padding-left: 30px;
  185. color: {color:Nav Link Hover};
  186. }
  187.  
  188. /* PAGINATION */
  189. #pagi {
  190. position: fixed;
  191. bottom: 5px;
  192. right: 5px;
  193. }
  194.  
  195. #pagi a {
  196. font-family: courier new;
  197. font-size: 34px;
  198. color: {color:Pagination Arrows};
  199. text-decoration: none;
  200. }
  201.  
  202. /* ENTRIES */
  203. #content {
  204. background-color: {color:Content Background};
  205. {block:IfNotSmallerPosts}width: 518px;{/block:IfNotSmallerPosts}
  206. {block:IfSmallerPosts}width: 418px;{/block:IfSmallerPosts}
  207. height: 100%;
  208. padding: 5px;
  209. position: fixed;
  210. top: 0;
  211. }
  212.  
  213. #posts {
  214. margin-left: 8px;
  215. margin-top: 14px;
  216. }
  217.  
  218. .entry {
  219. background-color: {color:Post Background};
  220. {block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
  221. {block:IfSmallerPosts}width: 400px;{/block:IfSmallerPosts}
  222. border: 5px solid {color:Post Background};
  223. overflow: hidden;
  224. position: relative;
  225. font-family: {font:Content};
  226. font-size: {text:Post Text Size}px;
  227. color: {color:Content Text};
  228. letter-spacing: 1px;
  229. }
  230.  
  231. .entry b, strong {
  232. color: {color:Content Bold};
  233. }
  234.  
  235. .entry i, em {
  236. color: {color:Content Italic};
  237. }
  238.  
  239. .entry a {
  240. color: {color:Content Link};
  241. text-decoration: none;
  242. }
  243.  
  244. .entry h1 {
  245. font-family: consolas;
  246. font-size: 12px;
  247. color: {color:Post Title};
  248. font-weight: normal;
  249. letter-spacing: 2px;
  250. text-transform: uppercase;
  251. border-left: 5px solid {color:Post Blockquote};
  252. padding-left: 5px;
  253. }
  254.  
  255. .entry h1 a {
  256. color: {color:Post Title};
  257. }
  258.  
  259. .entry blockquote {
  260. border-left: 5px solid {color:Post Blockquote};
  261. padding-left: 5px;
  262. margin-left: 5px;
  263. }
  264.  
  265. {block:IfSmallerPosts}
  266. .entry img {
  267. max-width: 400px;
  268. }
  269. {/block:IfSmallerPosts}
  270.  
  271. /* QUOTES */
  272. .entry h2 {
  273. font-family: consolas;
  274. font-size: 12px;
  275. color: {color:Post Title};
  276. font-weight: normal;
  277. text-transform: uppercase;
  278. letter-spacing: 2px;
  279. text-align: left;
  280. }
  281.  
  282. .quote {
  283. font-family: georgia;
  284. font-size: 24px;
  285. color: {color:Content Bold};
  286. float: left;
  287. }
  288.  
  289. /* QUESTION & ANSWERS */
  290. .ask {
  291. background-color: #ebebeb;
  292. padding: 2px;
  293. font-size: 10px;
  294. }
  295.  
  296. /* AUDIO */
  297. .audio img {
  298. max-width: 40px;
  299. float: left;
  300. margin-right: 5px;
  301. }
  302.  
  303. .player {
  304. background-color: #e4e4e4;
  305. height: 27px;
  306. {block:IfSmallerPosts}width: 400px;{/block:IfSmallerPosts}
  307. {block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
  308. }
  309.  
  310. /* STATISTICS BAR */
  311. .stats {
  312. background-color: {color:Stats Background};
  313. {block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
  314. {block:IfSmallerPosts}width: 400px;{/block:IfSmallerPosts}
  315. padding: 5px;
  316. position: relative;
  317. z-index: 999;
  318. margin-bottom: 14px;
  319. font-family: tahoma, sans-serif;
  320. font-size: 8px;
  321. color: {color:Stats Text};
  322. letter-spacing: 2px;
  323. text-transform: uppercase;
  324. }
  325.  
  326. .stats a {
  327. color: {color:Stats Link};
  328. text-decoration: none;
  329. }
  330.  
  331. /* PERMALINK PAGE */
  332. .permalink {
  333. font-family: tahoma, sans-serif;
  334. font-size: 10px;
  335. color: {color:Content Text};
  336. text-transform: lowercase;
  337. text-align: center;
  338. {block:IfNotSmallerPosts}width: 510px;{/block:IfNotSmallerPosts}
  339. {block:IfSmallerPosts}width: 410px;{/block:IfSmallerPosts}
  340. position: relative;
  341. letter-spacing: 2px;
  342. }
  343.  
  344. .permalink b {
  345. color: {color:Content Bold};
  346. font-weight: normal;
  347. }
  348.  
  349. #date {
  350. color: {color:Content Italic};
  351. }
  352.  
  353. .permalink a {
  354. color: {color:Content Link};
  355. text-decoration: none;
  356. }
  357.  
  358. ol.notes {
  359. padding: 0px;
  360. margin: 15px 0px;
  361. list-style-type: none;
  362. background: transparent;
  363. border: 0px;
  364. letter-spacing: 0px;
  365. }
  366.  
  367. ol.notes li.note {
  368. padding: 1px;
  369. text-align: left;
  370. letter-spacing: 0px;
  371. }
  372.  
  373. .notes img{
  374. width: 10px;
  375. position: relative;
  376. top: 1px;
  377. opacity: .5;
  378. }
  379.  
  380. /* FOLLOW CODE */
  381. iframe#tumblr_controls {
  382. right:3px !important;
  383. position: fixed !important;
  384. -webkit-transition: opacity 0.7s linear;
  385. opacity: 0.2;
  386. -webkit-transition: all 0.8s ease-out;
  387. -moz-transition: all 0.8s ease-out;
  388. transition: all 0.8s ease-out;
  389. }
  390.  
  391. iframe#tumblr_controls:hover {
  392. -webkit-transition: opacity 0.7s linear;
  393. opacity: 1;
  394. -webkit-transition: all 0.4s ease-out;
  395. -moz-transition: all 0.4s ease-out;
  396. transition: all 0.4s ease-out;
  397. }
  398. </style>
  399. <style type="text/css">{CustomCSS}</style>
  400. {block:IfInfiniteScrolling}
  401. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  402. {/block:IfInfiniteScrolling}
  403. </head>
  404.  
  405. <body>
  406.  
  407. {block:IfNotInfiniteScrolling}
  408. {block:Pagination}<div id="pagi">
  409. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>&nbsp;&nbsp;&nbsp;{block:PreviousPage}
  410. {block:NextPage}<a href="{NextPage}">&raquo;</a>{block:NextPage}
  411. </div>{/block:Pagination}
  412. {/block:IfNotInfiniteScrolling}
  413.  
  414. <div id="sidebar">
  415. <img src="{image:Sidebar}" alt="">
  416. <h1>{Title}</h1>
  417. {Description}
  418. </div>
  419. <div id="nav">
  420. <a href="/">return?</a>
  421. <a href="/archive">archive</a>
  422. <a href="/ask">message</a>
  423. {block:IfName1}<a href="{text:URL 1}">{text:Name 1}</a>{/block:IfName1}
  424. {block:IfName2}<a href="{text:URL 2}">{text:Name 2}</a>{/block:IfName2}
  425. {block:IfName3}<a href="{text:URL 3}">{text:Name 3}</a>{/block:IfName3}
  426. {block:IfName4}<a href="{text:URL 4}">{text:Name 4}</a>{/block:IfName4}
  427. {block:IfName5}<a href="{text:URL 5}">{text:Name 5}</a>{/block:IfName5}
  428. {block:IfName6}<a href="{text:URL 6}">{text:Name 6}</a>{/block:IfName6}
  429. <a href="http://jyuubi.org">&copy; theme</a>
  430. </div>
  431.  
  432. <div id="content"></div>
  433. <div id="posts">
  434. {block:Posts}
  435.  
  436. <div class="post">
  437. <div class="entry">
  438.  
  439. {block:Text}
  440. {block:Title}<h1>{Title}</h1>{/block:Title}
  441. {Body}
  442. {/block:Text}
  443.  
  444. {block:Photo}
  445. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>{LinkCloseTag}</center>
  446. {block:IfShowHighResLink}{block:HighRes}<font size="1px"><a href="{PhotoURL-HighRes}">high resolution &rarr;</a></font>{/block:HighRes}{/block:IfShowHighResLink}
  447. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  448. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  449. {Caption}
  450. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  451. {/block:Photo}
  452.  
  453. {block:Photoset}
  454. {block:IfNotSmallerPosts}{Photoset-500}{/block:IfNotSmallerPosts}
  455. {block:IfSmallerPosts}{Photoset-400}{/block:IfSmallerPosts}
  456. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  457. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  458. {Caption}
  459. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  460. {/block:Photoset}
  461.  
  462. {block:Quote}
  463. <div class="quote">&#10077;</div>
  464. <h2>{Quote}</h2>
  465. {block:Source}<p align="right">{Source} &mdash;</p>{/block:Source}
  466. {/block:Quote}
  467.  
  468. {block:Link}
  469. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  470. {block:Description}{Description}{/block:Description}
  471. {/block:Link}
  472.  
  473. {block:Chat}
  474. {block:Title}<h1>{Title}</h1>{/block:Title}
  475. {block:Lines}
  476. {block:Label}
  477. <b>{Label}</b>
  478. {/block:Label}
  479. {Line}<br />
  480. {/block:Lines}
  481. {/block:Chat}
  482.  
  483. {block:Audio}
  484. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  485. <div class="player">{AudioPlayerGrey}</div>
  486. <b>{FormattedPlayCount}</b> plays{block:Artist} <b>|</b> by <i>{Artist}</i>{/block:Artist}
  487. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  488. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  489. {Caption}
  490. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  491. {/block:Audio}
  492.  
  493. {block:Video}
  494. {block:IfNotSmallerPosts}{Video-500}{/block:IfNotSmallerPosts}
  495. {block:IfSmallerPosts}{Video-400}{/block:IfSmallerPosts}
  496. <center><i>{FormattedPlayCount}</i> plays</center><br />
  497. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  498. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  499. {Caption}
  500. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  501. {/block:Video}
  502.  
  503. {block:Answer}
  504. <div class="ask">{Asker} <b>sent:</b> {Question}</div>
  505. {Answer}
  506. {/block:Answer}
  507.  
  508. </div>
  509. {block:IndexPage}<div class="stats">
  510. <b>Posted</b>&nbsp;<a href="{Permalink}">{TimeAgo}{block:NoteCount}, with {NoteCountWithLabel}{/block:NoteCount}</a>{block:IfReblogLink}&nbsp;|&nbsp;<a href="{ReblogURL}">Reblog</a>{/block:IfReblogLink}{block:IfShowTags}{block:HasTags}<br />
  511. <b>Tags</b>&nbsp;{block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  512. </div>{/block:IndexPage}
  513. </div>
  514.  
  515. {block:PermalinkPage}
  516. <div class="permalink">
  517. <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;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  518. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  519. {block:PostNotes}
  520. {PostNotes}
  521. {/block:PostNotes}
  522. </div>
  523. {/block:PermalinkPage}
  524.  
  525. {/block:Posts}
  526. </div>
  527.  
  528. </body>
  529. </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!