Advertisement
Jyuubi

[Theme] → #35 Bittersweet

Oct 20th, 2012
58,841
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.47 KB | None | 0 0
  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: #35 BITTERSWEET
  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 UNLESS PROVIDED.
  18. -->
  19.  
  20. <meta name="color:BackgroundM" content="#f7f3ea">
  21.  
  22. <meta name="color:Nav Background" content="#5e4348">
  23. <meta name="color:Nav Link Background" content="#6a4c51">
  24. <meta name="color:Nav Link Text" content="#dfd2c1">
  25. <meta name="color:Nav Link Background Hover" content="#dfd2c1">
  26. <meta name="color:Nav Link Text Hover" content="#6a4c51">
  27.  
  28. <meta name="color:Info Background" content="#efe8d6">
  29. <meta name="color:Info Border" content="#b99f8b">
  30.  
  31. <meta name="color:Info Titles" content="#845e64">
  32. <meta name="color:Description Text" content="#422b29">
  33. <meta name="color:Description Bold" content="#714f51">
  34. <meta name="color:Description Italic" content="#96896b">
  35. <meta name="color:Description Link" content="#a57260">
  36.  
  37. <meta name="color:Icon Border" content="#d6cfc0">
  38. <meta name="color:Custom Link Background" content="#e4ddcd">
  39. <meta name="color:Custom Link Text" content="#945846">
  40.  
  41. <meta name="color:Post Wrap" content="#f1ede5">
  42. <meta name="color:Entry Background" content="#ebe7df">
  43. <meta name="color:Entry Text" content="#615f5a">
  44. <meta name="color:Entry Bold" content="#714f51">
  45. <meta name="color:Entry Italic" content="#96896b">
  46. <meta name="color:Entry Link" content="#a57260">
  47. <meta name="color:Entry Titles" content="#845e64">
  48.  
  49. <meta name="color:Question Background" content="#efebe3">
  50.  
  51. <meta name="color:Stats Date Background" content="#e6dfcf">
  52. <meta name="color:Stats Date Border" content="#b99f8b">
  53. <meta name="color:Stats Date Text" content="#a57260">
  54. <meta name="color:Stats Tags" content="#714f51">
  55.  
  56. <meta name="image:BackgroundM" content="">
  57. <meta name="image:Banner" content="http://static.tumblr.com/ljotsrb/UzOmc7f2d/bittersweet.png">
  58. <meta name="image:Icon" content="http://static.tumblr.com/ljotsrb/ebQmc7f4k/bitticon.png">
  59.  
  60. <meta name="if:Show Captions" content="0">
  61. <meta name="if:Show Tags" content="1">
  62. <meta name="if:Liked Posts" content="0">
  63. <meta name="if:Submit Link" content="0">
  64. <meta name="if:Custom Icon" content="1">
  65.  
  66. <meta name="text:Header" content="BITTERSWEET [SINK YOUR TEETH IN ME]">
  67. <meta name="text:Custom Nav Header" content="blog navigate">
  68. <meta name="text:Liked Posts URL" content="/liked/by/yoururl">
  69. <meta name="text:Entry Text Size" content="12">
  70.  
  71. <meta name="text:Link Title 1" content="">
  72. <meta name="text:Link URL 1" content="">
  73. <meta name="text:Link Title 2" content="">
  74. <meta name="text:Link URL 2" content="">
  75. <meta name="text:Link Title 3" content="">
  76. <meta name="text:Link URL 3" content="">
  77. <meta name="text:Link Title 4" content="">
  78. <meta name="text:Link URL 4" content="">
  79. <meta name="text:Link Title 5" content="">
  80. <meta name="text:Link URL 5" content="">
  81. <meta name="text:Link Title 6" content="">
  82. <meta name="text:Link URL 6" content="">
  83. <meta name="text:Link Title 7" content="">
  84. <meta name="text:Link URL 7" content="">
  85.  
  86. <head>
  87. <link href='http://fonts.googleapis.com/css?family=BenchNine' rel='stylesheet' type='text/css'>
  88. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  89. <title>{Title}</title>
  90. <link rel="shortcut icon" href="{Favicon}">
  91. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  92. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  93.  
  94. <style type="text/css">
  95. /* BODY */
  96. body {
  97. background-image: url('{image:BackgroundM}');
  98. background-color: {color:BackgroundM};
  99. background-attachment: fixed;
  100. margin: 0;
  101. }
  102.  
  103. /* THEME SPECIALS */
  104. ::-webkit-scrollbar-thumb:vertical {
  105. background-color: {color:Entry Bold};
  106. height: 50px;
  107. }
  108.  
  109. ::-webkit-scrollbar {
  110. height: 10px;
  111. width: 8px;
  112. background-color: {color:BackgroundM};
  113. }
  114.  
  115. /* CONTAINER */
  116. #container {
  117. margin: auto;
  118. width: 650px;
  119. }
  120.  
  121. #banner {
  122. margin-bottom: -5px;
  123. width: 650px;
  124. }
  125.  
  126. #banner img {
  127. width: 650px;
  128. }
  129.  
  130. /* MAIN NAV */
  131. #mainnav {
  132. background-color: {color:Nav Background};
  133. width: 650px;
  134. height: 20px;
  135. font-family: calibri;
  136. font-size: 8px;
  137. letter-spacing: 1px;
  138. text-align: center;
  139. line-height: 20px;
  140. text-transform: uppercase;
  141. }
  142.  
  143. #mainnav a {
  144. background-color: {color:Nav Link Background};
  145. display: inline-block;
  146. width: 80px;
  147. height: 12px;
  148. line-height: 12px;
  149. color: {color:Nav Link Text};
  150. text-decoration: none;
  151. -webkit-transition: all 0.5s ease-in-out;
  152. -moz-transition: all 0.5s ease-in-out;
  153. -o-transition: all 0.5s ease-in-out;
  154. -ms-transition: all 0.5s ease-in-out;
  155. transition: all 0.5s ease-in-out;
  156. }
  157.  
  158. #mainnav a:hover {
  159. background-color: {color:Nav Link Background Hover};
  160. color: {color:Nav Link Text Hover};
  161. }
  162.  
  163. /* FOOTER */
  164. #footer {
  165. background-color: {color:Nav Background};
  166. width: 650px;
  167. height: 20px;
  168. font-family: calibri;
  169. font-size: 8px;
  170. color: {color:Nav Link Text};
  171. letter-spacing: 1px;
  172. text-align: center;
  173. line-height: 20px;
  174. text-transform: uppercase;
  175. margin-top: -10px;
  176. }
  177.  
  178. #footer a {
  179. background-color: {color:Nav Link Background};
  180. display: inline-block;
  181. width: 20px;
  182. height: 12px;
  183. line-height: 12px;
  184. color: {color:Nav Link Text};
  185. text-decoration: none;
  186. }
  187.  
  188. .current_page {
  189. background-color: {color:Nav Link Background Hover};
  190. color: {color:Nav Link Text Hover};
  191. display: inline-block;
  192. width: 20px;
  193. height: 12px;
  194. line-height: 12px;
  195. }
  196.  
  197. /* INFO BOX */
  198. #info {
  199. background-color: {color:Info Background};
  200. width: 650px;
  201. height: 125px;
  202. border-bottom: 3px solid {color:Info Border};
  203. }
  204.  
  205. #info img {
  206. width: 96px;
  207. height: 96px;
  208. padding: 5px;
  209. border: 1px solid {color:Icon Border};
  210. margin-bottom: -5px;
  211. }
  212.  
  213. #info td {
  214. font-family: calibri;
  215. font-size: 10px;
  216. }
  217.  
  218. #title {
  219. font-family: 'BenchNine', sans-serif;
  220. font-size: 16px;
  221. color: {color:Info Titles};
  222. text-transform: uppercase;
  223. letter-spacing: 1px;
  224. }
  225.  
  226. #info td a.custom {
  227. background-color: {color:Custom Link Background};
  228. display: block;
  229. width: 150px;
  230. margin-bottom: 2px;
  231. font-size: 9px;
  232. text-transform: uppercase;
  233. color: {color:Custom Link Text};
  234. text-decoration: none;
  235. letter-spacing: 1px;
  236. }
  237.  
  238. #info b, strong {
  239. color: {color:Description Bold};
  240. }
  241.  
  242. #info i, em {
  243. color: {color:Description Italic};
  244. }
  245.  
  246. #info a {
  247. color: {color:Description Link};
  248. text-decoration: none;
  249. }
  250.  
  251. /* POSTS */
  252. #posts {
  253. background-color: {color:Post Wrap};
  254. width: 630px;
  255. padding: 10px;
  256. }
  257.  
  258. .entry {
  259. background-color: {color:Entry Background};
  260. border: 30px solid {color:Entry Background};
  261. width: 500px;
  262. overflow: hidden;
  263. font-family: calibri;
  264. font-size: {text:Entry Text Size}px;
  265. color: {color:Entry Text};
  266. text-align: justify;
  267. margin-bottom: 6px;
  268. }
  269.  
  270. .entry b, strong {
  271. color: {color:Entry Bold};
  272. }
  273.  
  274. .entry i, em {
  275. color: {color:Entry Italic};
  276. }
  277.  
  278. .entry a {
  279. color: {color:Entry Link};
  280. text-decoration: none;
  281. }
  282.  
  283. .entry p {
  284. margin-bottom: 0px;
  285. }
  286.  
  287. .entry h1 {
  288. font-family: 'BenchNine', sans-serif;
  289. font-size: 16px;
  290. color: {color:Entry Titles};
  291. text-transform: uppercase;
  292. letter-spacing: 1px;
  293. font-weight: normal;
  294. margin: 0;
  295. }
  296.  
  297. .entry img {
  298. max-width: 500px;
  299. margin-bottom: -5px;
  300. }
  301.  
  302. .entry h1 a {
  303. color: {color:Entry Titles};
  304. }
  305.  
  306. .entry blockquote {
  307. border-left: 3px solid {color:Entry Italic};
  308. margin-left: 10px;
  309. padding-left: 10px;
  310. }
  311.  
  312. /* QUOTES */
  313. .entry h2 {
  314. font-family: 'BenchNine', sans-serif;
  315. font-size: 14px;
  316. color: {color:Entry Titles};
  317. font-weight: normal;
  318. letter-spacing: 1px;
  319. }
  320.  
  321. .quote {
  322. font-family: georgia;
  323. font-size: 24px;
  324. color: {color:Entry Bold};
  325. float: left;
  326. margin-top: 2px;
  327. }
  328.  
  329. /* AUDIO */
  330. .audio img {
  331. max-width: 50px;
  332. float: left;
  333. margin-right: 5px;
  334. border: 5px solid {color:Question Background};
  335. }
  336.  
  337. .player {
  338. background-color: #000;
  339. height: 25px;
  340. width: 25px;
  341. padding: 5px;
  342. margin-left: 85px;
  343. margin-top: 10px;
  344. overflow: hidden;
  345. position: absolute;
  346. margin-left: 13px;
  347. margin-top: 13px;
  348. opacity: .2;
  349. transition: 0.5s;
  350. -moz-transition: 0.5s;
  351. -webkit-transition: 0.5s;
  352. -o-transition: 0.5s;
  353. }
  354.  
  355. .player:hover {
  356. opacity: .7;
  357. }
  358.  
  359. /* STATISTICS */
  360. .stats {
  361. margin-bottom: 15px;
  362. font-family: calibri;
  363. font-size: 8px;
  364. text-transform: uppercase;
  365. text-align: justify;
  366. width: 560px;
  367. }
  368.  
  369. .stats a {
  370. color: {color:Stats Tags};
  371. text-decoration: none;
  372. }
  373.  
  374. .date {
  375. border: 1px solid {color:Stats Date Border};
  376. padding: 3px;
  377. margin-right: 5px;
  378. }
  379.  
  380. .date a {
  381. background-color: {color:Stats Date Background};
  382. font-size: 9px;
  383. color: {color:Stats Date Text};
  384. text-decoration: none;
  385. }
  386.  
  387. /* PERMALINK PAGE */
  388. .permalink {
  389. font-family: arial;
  390. font-size: 8px;
  391. color: {color:Entry Text};
  392. text-transform: uppercase;
  393. width: 560px;
  394. position: relative;
  395. letter-spacing: 1px;
  396. z-index: 999px;
  397. }
  398.  
  399. .permalink b {
  400. color: {color:Entry Bold};
  401. font-weight: normal;
  402. }
  403.  
  404. #date {
  405. color: {color:Entry Italic};
  406. }
  407.  
  408. .permalink a {
  409. color: {color:Entry Link};
  410. text-decoration: none;
  411. }
  412.  
  413. ol.notes {
  414. padding: 0px;
  415. margin: 15px 0px;
  416. list-style-type: none;
  417. background: transparent;
  418. border: 0px;
  419. letter-spacing: 1px;
  420. text-transform: uppercase;
  421. }
  422.  
  423. ol.notes li.note {
  424. padding: 1px;
  425. text-align: left;
  426. letter-spacing: 1px;
  427. text-transform: uppercase;
  428. }
  429.  
  430. .notes img{
  431. width: 8px;
  432. position: relative;
  433. top: 1px;
  434. opacity: .7;
  435. -moz-border-radius: 8px;
  436. -webkit-border-radius: 8px;
  437. border-radius: 8px;
  438. }
  439.  
  440. /* FOLLOW CODE */
  441. iframe#tumblr_controls {
  442. right:3px !important;
  443. position: fixed !important;
  444. -webkit-transition: opacity 0.7s linear;
  445. opacity: 0.2;
  446. -webkit-transition: all 0.8s ease-out;
  447. -moz-transition: all 0.8s ease-out;
  448. transition: all 0.8s ease-out;
  449. }
  450.  
  451. iframe#tumblr_controls:hover {
  452. -webkit-transition: opacity 0.7s linear;
  453. opacity: 1;
  454. -webkit-transition: all 0.4s ease-out;
  455. -moz-transition: all 0.4s ease-out;
  456. transition: all 0.4s ease-out;
  457. }
  458.  
  459. {CustomCSS}
  460. </style>
  461. </head>
  462. <body>
  463.  
  464. <div id="container">
  465.  
  466. <div id="banner"><img src="{image:Banner}"></div>
  467. <div id="mainnav">
  468. <a href="/">main page</a>
  469. <a href="/ask">message</a>
  470. <a href="/archive">archive</a>
  471. {block:IfLikedPosts}<a href="http://tumblr.com{text:Liked Posts URL}">liked</a>{/block:IfLikedPosts}
  472. {block:IfSubmitLink}<a href="/submit">submit</a>{/block:IfSubmitLink}
  473. <a href="http://jyuubi.org">credit</a>
  474. </div>
  475. <div id="info">
  476. <center><table width="635px" height="125px"><tr>
  477. <td width="105px"><center>
  478. {block:IfCustomIcon}<img src="{image:Icon}">{/block:IfCustomIcon}
  479. {block:IfNotCustomIcon}<img src="{PortraitURL-96}">{/block:IfNotCustomIcon}
  480. </center></td>
  481. <td valign="top" width="{block:IfLinkTitle1}270px{/block:IfLinkTitle1}{block:IfNotLinkTitle1}400px;{/block:IfNotLinkTitle1}">
  482. <div id="title">{text:Header}</div>
  483. <div style="color: {color:Description Text}; text-align: justify; {block:IfNotLinkTitle1}margin-right: 15px;{/block:IfNotLinkTitle1}">
  484. {Description}
  485. </div></td>
  486. {block:IfLinkTitle1}<td valign="top" width="150px"><div id="title" style="margin-left: 14px;">{text:Custom Nav Header}</div><center>
  487. {block:IfLinkTitle1}<a class="custom" href="{text:Link URL 1}">{text:Link Title 1}</a>{/block:IfLinkTitle1}
  488. {block:IfLinkTitle2}<a class="custom" href="{text:Link URL 2}">{text:Link Title 2}</a>{/block:IfLinkTitle2}
  489. {block:IfLinkTitle3}<a class="custom" href="{text:Link URL 3}">{text:Link Title 3}</a>{/block:IfLinkTitle3}
  490. {block:IfLinkTitle4}<a class="custom" href="{text:Link URL 4}">{text:Link Title 4}</a>{/block:IfLinkTitle4}
  491. {block:IfLinkTitle5}<a class="custom" href="{text:Link URL 5}">{text:Link Title 5}</a>{/block:IfLinkTitle5}
  492. {block:IfLinkTitle6}<a class="custom" href="{text:Link URL 6}">{text:Link Title 6}</a>{/block:IfLinkTitle6}
  493. {block:IfLinkTitle7}<a class="custom" href="{text:Link URL 7}">{text:Link Title 7}</a>{/block:IfLinkTitle7}
  494. </center></td>{/block:IfLinkTitle1}
  495. </tr></table></center>
  496. </div>
  497.  
  498. <div id="posts"><center>
  499. {block:Posts}
  500.  
  501. <div class="entry">
  502.  
  503. {block:Text}
  504. {block:Title}<h1>{Title}</h1>{/block:Title}
  505. {Body}
  506. {/block:Text}
  507.  
  508. {block:Photo}
  509. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  510. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  511. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  512. {Caption}
  513. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  514. {/block:Photo}
  515.  
  516. {block:Photoset}
  517. <div class="photo">
  518. {Photoset-500}
  519. </div>
  520. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  521. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  522. {Caption}
  523. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  524. {/block:Photoset}
  525.  
  526. {block:Quote}
  527. <div class="quote">&#10077;</div>
  528. <h2>{Quote}</h2>
  529. {block:Source}<p align="right">{Source} <b>&mdash;</b></p>{/block:Source}
  530. {/block:Quote}
  531.  
  532. {block:Link}
  533. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  534. {block:Description}{Description}{/block:Description}
  535. {/block:Link}
  536.  
  537. {block:Chat}
  538. {block:Title}<h1>{Title}</h1>{/block:Title}
  539. {block:Lines}
  540. {block:Label}
  541. <b>{Label}</b>
  542. {/block:Label}
  543. {Line}<br />
  544. {/block:Lines}
  545. {/block:Chat}
  546.  
  547. {block:Audio}
  548. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  549. <div class="player">{AudioPlayerBlack}</div>
  550. <div style="font-size: 9px; margin-top: 8px; margin-left: 10px; text-transform: uppercase; line-height: 11px;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}</div>
  551. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  552. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  553. {Caption}
  554. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  555. {block:IfNotShowCaptions}<div style="padding: 4px;"></div>{/block:IfNotShowCaptions}
  556. {/block:Audio}
  557.  
  558. {block:Video}
  559. {Video-500}
  560. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  561. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  562. {Caption}
  563. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  564. {/block:Video}
  565.  
  566. {block:Answer}
  567. <table>
  568. <tr><td colspan="3" width="500px" style="padding:8px; text-align:center; background-color:{color:Question Background};">{Question}</td></tr>
  569. <tr>
  570. <td width="190" style="text-align:right; font-size:30px;"><div style="position:relative; margin-top:-18px; margin-left:35px; color:{color:Question Background};">&#9701;</div></td>
  571. <td width="5" style="text-align:right;"><div style="margin-left:-5px"><img src="{AskerPortraitURL-16}" style="padding:2px;"></div></td>
  572. <td width="180"style="text-align:left; padding-left:2px; font-family:calibri; font-size:10px; letter-spacing:0px; text-transform:uppercase;">{Asker}</td>
  573. </tr>
  574. </table>
  575. {Answer}
  576. {/block:Answer}
  577. </div>
  578. {block:IndexPage}<div class="stats">
  579. <span class="date"><a href="{Permalink}">{TimeAgo}{block:NoteCount} &middot; {NoteCount}{/block:NoteCount}</a></span>{block:IfShowTags}&nbsp;&nbsp;{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  580. </div>{/block:IndexPage}
  581.  
  582. {block:PermalinkPage}
  583. <div class="permalink">
  584. <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}
  585. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  586. {block:PostNotes}
  587. {PostNotes}
  588. {/block:PostNotes}
  589. </div>
  590. {/block:PermalinkPage}
  591.  
  592. {/block:Posts}
  593. </center></div>
  594.  
  595. <div id="footer">{block:Pagination}<div id="pagination">
  596. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  597. {block:JumpPagination length="6"}
  598. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  599. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  600. {/block:JumpPagination}
  601. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  602. </div>{/block:Pagination}</div>
  603.  
  604. </div>
  605.  
  606. </body>
  607. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement