Advertisement
Jyuubi

[Theme] → #27 Golden Tigers

Aug 10th, 2012
22,817
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.11 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: #27 GOLDEN TIGERS
  10. jyuubi.org | manatopia.org
  11.  
  12. SIDEBAR: flickr.com/photos/tambako/
  13.  
  14. --RULES--
  15. 1) DO NOT REMOVE CREDIT.
  16. 2) DO NOT USE TO MAKE YOUR OWN THEME TO RESDISTRIBUTE.
  17. 3) DO NOT USE TO MAKE YOUR OWN THEME AND REMOVE CREDIT.
  18. 4) IF YOU USE ANYTHING FROM MY THEMES, ALWAYS CREDIT.
  19. 5) DO USE ANY GRAPHICS MADE FOR A PREVIEW UNLESS PROVIDED.
  20. -->
  21.  
  22. <meta name="color:BackgroundM" content="#ebebeb">
  23.  
  24. <meta name="color:Scrollbar Background" content="#f2f2f2">
  25. <meta name="color:Scrollbar Face" content="#e19e4c">
  26.  
  27. <meta name="color:Header Background" content="#e19e4c">
  28. <meta name="color:Header Text" content="#ffffff">
  29.  
  30. <meta name="color:Outer Container" content="#e2e2e2">
  31. <meta name="color:Inner Container" content="#ebebeb">
  32.  
  33. <meta name="color:Navigation Background" content="#e19e4c">
  34. <meta name="color:Navigation Text" content="#ffffff">
  35. <meta name="color:Navigation Background Hover" content="#cf8d3c">
  36. <meta name="color:Navigation Text Hover" content="#ffffff">
  37.  
  38. <meta name="color:Pagination Link Background" content="#ffffff">
  39.  
  40. <meta name="color:Entry Background" content="#f2f2f2">
  41. <meta name="color:Entry Text" content="#656565">
  42. <meta name="color:Entry Bold" content="#525252">
  43. <meta name="color:Entry Italic" content="#808080">
  44. <meta name="color:Entry Link" content="#e19e4c">
  45. <meta name="color:Entry Titles" content="#e19e4c">
  46.  
  47. <meta name="color:Question Background" content="#ffffff">
  48.  
  49. <meta name="color:Stats Text" content="#6c6c6c">
  50. <meta name="color:Stats Link" content="#d17721">
  51. <meta name="color:Stats Background" content="#f2f2f2">
  52. <meta name="color:Stats Border" content="#e3e3e3">
  53.  
  54. <meta name="image:BackgroundM" content="">
  55. <meta name="image:Header" content="">
  56. <meta name="image:Sidebar" content="http://static.tumblr.com/ljotsrb/uoqm8kmpj/goldentigers.png">
  57.  
  58. <meta name="if:Show Captions" content="0">
  59. <meta name="if:Show Tags" content="1">
  60. <meta name="if:Reblog Link" content="1">
  61.  
  62. <meta name="text:Header" content="golden tigers">
  63. <meta name="text:Link 1" content="">
  64. <meta name="text:URL 1" content="">
  65. <meta name="text:Link 2" content="">
  66. <meta name="text:URL 2" content="">
  67. <meta name="text:Link 3" content="">
  68. <meta name="text:URL 3" content="">
  69. <meta name="text:Link 4" content="">
  70. <meta name="text:URL 4" content="">
  71. <meta name="text:Link 5" content="">
  72. <meta name="text:URL 5" content="">
  73. <meta name="text:Link 6" content="">
  74. <meta name="text:URL 6" content="">
  75. <meta name="text:Link 7" content="">
  76. <meta name="text:URL 7" content="">
  77. <meta name="text:Link 8" content="">
  78. <meta name="text:URL 8" content="">
  79. <meta name="text:Link 9" content="">
  80. <meta name="text:URL 9" content="">
  81. <meta name="text:Link 10" content="">
  82. <meta name="text:URL 10" content="">
  83.  
  84. <head>
  85. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  86. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  87. <title>{Title}</title>
  88. <link rel="shortcut icon" href="{Favicon}">
  89. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  90. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  91.  
  92. <style type="text/css">
  93. /* BODY */
  94. body {
  95. background-image: url("{image:BackgroundM}");
  96. background-attachment: fixed;
  97. background-color: {color:BackgroundM};
  98. margin-top: 50px;
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb:vertical {
  102. background-color: {color:Scrollbar Face};
  103. height: 50px;
  104. }
  105.  
  106. ::-webkit-scrollbar {
  107. height: 10px;
  108. width: 5px;
  109. background-color: {color:Scrollbar Background};
  110. }
  111.  
  112. /* WHOLE CONTAINER */
  113. #move {
  114. margin: auto;
  115. width: 800px;
  116. }
  117.  
  118. #outer {
  119. background-color: {color:Outer Container};
  120. padding: 20px;
  121. width: 760px;
  122. height: 420px;
  123. margin: auto;
  124. }
  125.  
  126. /* TITLE */
  127. #header {
  128. background-image: url('{image:Header}');
  129. background-color: {color:Header Background};
  130. width: 790px;
  131. padding: 5px;
  132. font-family: 'Tulpen One', cursive;
  133. font-size: 26px;
  134. color: {color:Header Text};
  135. text-transform: uppercase;
  136. letter-spacing: 20px;
  137. text-align: center;
  138. margin: auto;
  139. }
  140.  
  141. /* LEFT SIDE */
  142. #left {
  143. background-color: {color:Inner Container};
  144. width: 235px;
  145. height: 390px;
  146. padding: 15px;
  147. float: left;
  148. }
  149.  
  150. #left img {
  151. width: 235px;
  152. height: 180px;
  153. margin-bottom: -1px;
  154. }
  155.  
  156.  
  157. /* DESCRIPTION */
  158. #info {
  159. background-color: {color:Entry Background};
  160. {block:IfLink1}height: 85px;{/block:IfLink1}
  161. {block:IfNotLink1}height: 104px;{/block:IfNotLink1}
  162. padding: 10px;
  163. font-family: calibri;
  164. font-size: 11px;
  165. color: {color:Entry Text};
  166. text-align: justify;
  167. line-height: 13px;
  168. margin-bottom: 3px;
  169. overflow: auto;
  170. }
  171.  
  172. #info b, strong {
  173. color: {color:Entry Bold};
  174. }
  175.  
  176. #info i, em {
  177. color: {color:Entry Italic};
  178. }
  179.  
  180. #info a {
  181. color: {color:Entry Link};
  182. text-decoration: none;
  183. }
  184.  
  185. /* NAVIGATION */
  186. #navi {
  187. width: 235px;
  188. {block:IfLink1}margin-bottom: -3px;{/block:IfLink1}
  189. }
  190.  
  191. #navi a {
  192. background-color: {color:Navigation Background};
  193. display: inline-block;
  194. width: 116px;
  195. height: 25px;
  196. margin-bottom: 3px;
  197. margin-right: -1px;
  198. font-family: calibri;
  199. font-size: 9px;
  200. color: {color:Navigation Text};
  201. text-transform: uppercase;
  202. letter-spacing: 1px;
  203. text-align: center;
  204. line-height: 25px;
  205. text-decoration: none;
  206. -webkit-transition: all 0.5s ease-in-out;
  207. -moz-transition: all 0.5s ease-in-out;
  208. -o-transition: all 0.5s ease-in-out;
  209. -ms-transition: all 0.5s ease-in-out;
  210. transition: all 0.5s ease-in-out;
  211. }
  212.  
  213. #navi a:hover {
  214. background-color: {color:Navigation Background Hover};
  215. color: {color:Navigation Text Hover};
  216. }
  217.  
  218. /* PAGINATION */
  219. #pages {
  220. background-color: {color:Entry Background};
  221. width: 235px;
  222. height: 21px;
  223. line-height: 17px;
  224. text-align: center;
  225. }
  226.  
  227. #pages a {
  228. background-color: {color:Pagination Link Background};
  229. display: inline-block;
  230. width: 15px;
  231. height: 15px;
  232. line-height: 15px;
  233. font-family: calibri;
  234. font-size: 9px;
  235. color: {color:Entry Link};
  236. text-decoration: none;
  237. text-align: center;
  238. }
  239.  
  240. .current_page {
  241. background-color: {color:Pagination Link Background};
  242. display: inline-block;
  243. width: 15px;
  244. height: 15px;
  245. line-height: 15px;
  246. font-family: calibri;
  247. font-size: 9px;
  248. color: {color:Entry Bold};
  249. text-align: center;
  250. }
  251.  
  252. /* RIGHT SIDE */
  253. #right {
  254. background-color: {color:Inner Container};
  255. width: 435px;
  256. height: 380px;
  257. float: right;
  258. padding: 20px;
  259. }
  260.  
  261. #border {
  262. background-color: {color:Inner Container};
  263. height: 10px;
  264. width: 455px;
  265. position: fixed;
  266. z-index: 999;
  267. margin-top: 20px;
  268. margin-left: 310px;
  269. }
  270.  
  271. #border2 {
  272. background-color: {color:Inner Container};
  273. height: 10px;
  274. width: 455px;
  275. position: fixed;
  276. z-index: 999;
  277. margin-top: 430px;
  278. margin-left: 310px;
  279. }
  280.  
  281. #content {
  282. margin-top: -20px;
  283. margin-left: 0px;
  284. height: 420px;
  285. width: 455px;
  286. overflow: auto;
  287. }
  288.  
  289. /* POSTS */
  290. .entry {
  291. background-color: {color:Entry Background};
  292. width: 400px;
  293. padding: 15px;
  294. margin-top: 10px;
  295. font-family: calibri;
  296. font-size: 12px;
  297. color: {color:Entry Text};
  298. text-align: justify;
  299. }
  300.  
  301. .entry b, strong {
  302. color: {color:Entry Bold};
  303. }
  304.  
  305. .entry i, em {
  306. color: {color:Entry Italic};
  307. }
  308.  
  309. .entry a {
  310. color: {color:Entry Link};
  311. text-decoration: none;
  312. }
  313.  
  314. .entry h1 {
  315. font-family: 'Tulpen One', cursive;
  316. font-size: 22px;
  317. color: {color:Entry Titles};
  318. font-weight: normal;
  319. text-transform: uppercase;
  320. letter-spacing: 2px;
  321. text-align: left;
  322. margin: 0;
  323. }
  324.  
  325. .entry h1 a {
  326. color: {color:Entry Titles};
  327. }
  328.  
  329. .entry blockquote {
  330. border-left: 3px solid {color:Entry Italic};
  331. padding-left: 6px;
  332. margin-left: 10px;
  333. }
  334.  
  335. /* IMAGES */
  336. .entry img {
  337. max-width: 400px;
  338. }
  339.  
  340. .photo {
  341. margin-bottom: -3px;
  342. }
  343.  
  344. /* QUOTE */
  345. .entry h2 {
  346. font-family: calibri;
  347. font-size: 11px;
  348. color: {color:Entry Titles};
  349. font-weight: normal;
  350. text-transform: uppercase;
  351. letter-spacing: 2px;
  352. }
  353.  
  354. .quote {
  355. font-family: georgia;
  356. font-size: 30px;
  357. color: {color:Entry Bold};
  358. float: left;
  359. margin-top: 2px;
  360. }
  361.  
  362. /* AUDIO */
  363. .audio img {
  364. max-width: 70px;
  365. float: left;
  366. margin-right: 5px;
  367. }
  368.  
  369. .player {
  370. background-color: #e4e4e4;
  371. padding: 10px;
  372. height: 27px;
  373. width: 305px;
  374. margin-left: 75px;
  375. }
  376.  
  377. /* STATISTICS */
  378. .stats {
  379. font-family: calibri;
  380. font-size: 8px;
  381. color: {color:Stats Text};
  382. text-transform: uppercase;
  383. line-height: 16px;
  384. text-align: left;
  385. padding-top: 2px;
  386. border-top: 4px solid {color:Stats Border};
  387. letter-spacing: 1px;
  388. width: 430px;
  389. margin-bottom: 15px;
  390. }
  391.  
  392. .stats b {
  393. background-color: {color:Stats Background};
  394. padding: 2px;
  395. }
  396.  
  397. .stats a {
  398. color: {color:Stats Link};
  399. text-decoration: none;
  400. }
  401.  
  402. /* PERMALINK PAGE */
  403. .permalink {
  404. font-family: calibri;
  405. font-size: 10px;
  406. color: {color:Entry Text};
  407. text-transform: uppercase;
  408. text-align: center;
  409. width: 430px;
  410. }
  411.  
  412. .permalink b {
  413. color: {color:Entry Bold};
  414. font-weight: normal;
  415. }
  416.  
  417. #date {
  418. color: {color:Entry Italic};
  419. }
  420.  
  421. .permalink a {
  422. color: {color:Entry Link};
  423. text-decoration: none;
  424. }
  425.  
  426. ol.notes {
  427. padding: 0px;
  428. margin: 15px 0px;
  429. list-style-type: none;
  430. background: transparent;
  431. border: 0px;
  432. letter-spacing: 0px;
  433. text-transform: uppercase;
  434. }
  435.  
  436. ol.notes li.note {
  437. padding: 1px;
  438. text-align: left;
  439. letter-spacing: 0px;
  440. text-transform: uppercase;
  441. }
  442.  
  443. .notes img{
  444. width: 8px;
  445. position: relative;
  446. top: 1px;
  447. opacity: .5;
  448. }
  449.  
  450. /* FOLLOW CODE */
  451. iframe#tumblr_controls {
  452. right:3px !important;
  453. position: fixed !important;
  454. -webkit-transition: opacity 0.7s linear;
  455. opacity: 0.2;
  456. -webkit-transition: all 0.8s ease-out;
  457. -moz-transition: all 0.8s ease-out;
  458. transition: all 0.8s ease-out;
  459. }
  460.  
  461. iframe#tumblr_controls:hover {
  462. -webkit-transition: opacity 0.7s linear;
  463. opacity: 1;
  464. -webkit-transition: all 0.4s ease-out;
  465. -moz-transition: all 0.4s ease-out;
  466. transition: all 0.4s ease-out;
  467. }
  468.  
  469. {CustomCSS}
  470. </style>
  471. </head>
  472.  
  473. <body>
  474. <div id="move">
  475.  
  476. <div id="header">{text:Header}</div>
  477.  
  478. <div id="border"></div>
  479. <div id="border2"></div>
  480.  
  481. <div id="outer"><div id="container">
  482. <div id="left">
  483. <img src="{image:Sidebar}" alt="">
  484. <div id="info">
  485. {Description}
  486. </div>
  487.  
  488. <div id="navi">
  489. <a href="/">refresh</a>
  490. <a href="/archive">archive</a>
  491. <a href="/ask">message</a>
  492. <a href="http://jyuubi.org" target="_blank">credit</a>
  493. </div>
  494.  
  495. {block:IfLink1}<select style="width: 235px; border: 0px solid; padding: 3px; color: {color:Navigation Text}; background-color: {color:Navigation Background}; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; margin-bottom: 3px;" onChange="location.href=this.options[this.selectedIndex].value;">
  496. <option value="/">NAVIGATION &rarr;</option>
  497. {block:HasPages}
  498. {block:Pages}<option value="{URL}">{Label}</option>&nbsp;{/block:Pages}
  499. {/block:HasPages}
  500. {block:IfLink1}<option value="{text:URL 1}">&rarr; {text:Link 1}</option>{/block:IfLink1}
  501. {block:IfLink2}<option value="{text:URL 2}">&rarr; {text:Link 2}</option>{/block:IfLink2}
  502. {block:IfLink3}<option value="{text:URL 3}">&rarr; {text:Link 3}</option>{/block:IfLink3}
  503. {block:IfLink4}<option value="{text:URL 4}">&rarr; {text:Link 4}</option>{/block:IfLink4}
  504. {block:IfLink5}<option value="{text:URL 5}">&rarr; {text:Link 5}</option>{/block:IfLink5}
  505. {block:IfLink6}<option value="{text:URL 6}">&rarr; {text:Link 6}</option>{/block:IfLink6}
  506. {block:IfLink7}<option value="{text:URL 7}">&rarr; {text:Link 7}</option>{/block:IfLink7}
  507. {block:IfLink8}<option value="{text:URL 8}">&rarr; {text:Link 8}</option>{/block:IfLink8}
  508. {block:IfLink9}<option value="{text:URL 9}">&rarr; {text:Link 9}</option>{/block:IfLink9}
  509. {block:IfLink10}<option value="{text:URL 10}">&rarr; {text:Link 10}</option>{/block:IfLink10}
  510. </select>{/block:IfLink1}
  511.  
  512. <div id="pages">
  513. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  514. {block:JumpPagination length="4"}
  515. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  516. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  517. {/block:JumpPagination}
  518. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  519. </div>
  520. </div>
  521.  
  522.  
  523. <div id="right">
  524. <div id="content">
  525.  
  526. {block:Posts}
  527.  
  528. <div class="entry">
  529.  
  530. {block:Text}
  531. {block:Title}<h1>▷ {Title}</h1>{/block:Title}
  532. {Body}
  533. {/block:Text}
  534.  
  535. {block:Photo}
  536. <center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a></div>{LinkCloseTag}</center>
  537. {block:IfHighResLink}{block:HighRes}<font size="1px"><a href="{PhotoURL-HighRes}">high resolution &rarr;</a></font>{/block:HighRes}{/block:IfHighResLink}
  538. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  539. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  540. {Caption}
  541. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  542. {/block:Photo}
  543.  
  544. {block:Photoset}
  545. <div class="photo">{Photoset-400}</div>
  546. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  547. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  548. {Caption}
  549. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  550. {/block:Photoset}
  551.  
  552. {block:Quote}
  553. <div class="quote">&#10077;</div>
  554. <h2>{Quote}</h2>
  555. {block:Source}<p align="right">{Source}</p>{/block:Source}
  556. {/block:Quote}
  557.  
  558. {block:Link}
  559. <h1><a href="{URL}" target="{Target}">▷ {Name}</a></h1>
  560. {block:Description}{Description}{/block:Description}
  561. {/block:Link}
  562.  
  563. {block:Chat}
  564. {block:Title}<h1>▷ {Title}</h1>{/block:Title}
  565. {block:Lines}
  566. {block:Label}
  567. <b>{Label}</b>
  568. {/block:Label}
  569. {Line}<br />
  570. {/block:Lines}
  571. {/block:Chat}
  572.  
  573. {block:Audio}
  574. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  575. <div class="player">{AudioPlayerGrey}</div>
  576. <div style="font-size: 14px; margin-top: 5px; margin-left: 10px;">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} | <b>{Artist}</b>{/block:Artist}</div>
  577. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  578. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  579. {Caption}
  580. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  581. {/block:Audio}
  582.  
  583. {block:Video}
  584. {Video-400}
  585. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  586. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  587. {Caption}
  588. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  589. {/block:Video}
  590.  
  591. {block:Answer}
  592. <table>
  593. <tr><td colspan="3" width="400px" style="padding:8px; text-align:center; background-color:{color:Question Background};">{Question}</td></tr>
  594. <tr>
  595. <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>
  596. <td width="5" style="text-align:right;"><div style="margin-left:-5px"><img src="{AskerPortraitURL-16}" style="padding:2px;"></div></td>
  597. <td width="180"style="text-align:left; padding-left:2px; font-family:calibri; font-size:10px; letter-spacing:0px; text-transform:uppercase;">{Asker}</td>
  598. </tr>
  599. </table>
  600. {Answer}
  601. {/block:Answer}
  602. </div>
  603.  
  604. {block:IndexPage}<div class="stats">
  605. <b>date</b> posted <a href="{Permalink}">{TimeAgo}</a>
  606. {block:NoteCount}, with {NoteCountWithLabel}{/block:NoteCount}
  607. {block:IfReblogLink} &middot; <a href="{ReblogURL}">Reblog</a>{/block:IfReblogLink}</a>
  608. {block:IfShowTags}{block:HasTags}<br /><b>Tags</b>&nbsp;&nbsp;{block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  609. </div>{/block:IndexPage}
  610.  
  611. {block:PermalinkPage}
  612. <div class="permalink">
  613. <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}
  614. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  615. {block:PostNotes}
  616. {PostNotes}
  617. {/block:PostNotes}
  618. </div>
  619. {/block:PermalinkPage}
  620.  
  621. {/block:Posts}
  622.  
  623. </div></div>
  624. </div></div>
  625.  
  626. </div>
  627. </body>
  628. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement