API tools faq
paste
Advertisement
Jyuubi

[Theme] → #32 Arcana Famiglia

Jyuubi
Sep 8th, 2012
36,812
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.89 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: #32 ARCANA FAMIGLIA
  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="#232323">
  21.  
  22. <meta name="color:Top Background" content="#2b2b2b">
  23. <meta name="color:Header" content="#4f4f4f">
  24. <meta name="color:Subtitle" content="#777777">
  25.  
  26. <meta name="color:Links Background" content="#4c4c4c">
  27. <meta name="color:Links Text" content="#000000">
  28. <meta name="color:Links Background Hover" content="#131313">
  29. <meta name="color:Links Text Hover" content="#4c4c4c">
  30. <meta name="color:Links Shadow" content="#141414">
  31.  
  32. <meta name="color:Description Text" content="#8e8e8e">
  33. <meta name="color:Description Bold" content="#c8c8c8">
  34. <meta name="color:Description Italic" content="#8e8e8e">
  35. <meta name="color:Description Link" content="#e4e4e4">
  36.  
  37. <meta name="color:Entry Background" content="#1e1e1e">
  38. <meta name="color:Entry Text" content="#808080">
  39. <meta name="color:Entry Bold" content="#a7a7a7">
  40. <meta name="color:Entry Italic" content="#808080">
  41. <meta name="color:Entry Link" content="#cccccc">
  42. <meta name="color:Entry Titles" content="#ebebeb">
  43.  
  44. <meta name="color:Question Background" content="#1a1a1a">
  45.  
  46. <meta name="color:Stats Background 1" content="#2b2b2b">
  47. <meta name="color:Stats Background 2" content="#202020">
  48. <meta name="color:Stats Links" content="#727272">
  49. <meta name="color:Tags Bold" content="#727272">
  50. <meta name="color:Tags Link" content="#9f9f9f">
  51.  
  52. <meta name="image:BackgroundM" content="">
  53. <meta name="image:Top Background" content="http://static.tumblr.com/ljotsrb/5cjma0qqy/arcana-header.png">
  54. <meta name="image:Sidebar1" content="http://static.tumblr.com/ljotsrb/irBma0qo8/arcana-1.png">
  55. <meta name="image:Sidebar2" content="http://static.tumblr.com/ljotsrb/k7Ima0qoo/arcana-2.png">
  56. <meta name="image:Sidebar3" content="http://static.tumblr.com/ljotsrb/zecma0qp4/arcana-3.png">
  57. <meta name="image:Sidebar4" content="http://static.tumblr.com/ljotsrb/HDVma0qpk/arcana-4.png">
  58. <meta name="image:Sidebar5" content="http://static.tumblr.com/ljotsrb/1fVma0qq0/arcana-5.png">
  59. <meta name="image:Sidebar6" content="http://static.tumblr.com/ljotsrb/xrWma0qqi/arcana-6.png">
  60.  
  61. <meta name="if:Infinite Scroll" content="0">
  62. <meta name="if:Show Captions" content="0">
  63. <meta name="if:Sidebar Monochrome Images" content="1">
  64. <meta name="if:Post Monochrome Images" content="1">
  65. <meta name="if:Show Tags" content="1">
  66.  
  67. <meta name="text:Header" content="">
  68. <meta name="text:Subtitle" content="">
  69. <meta name="text:Entry Text Size" content="12">
  70. <meta name="text:Sidebar Image Height" content="200">
  71.  
  72. <meta name="text:Link Name 1" content="">
  73. <meta name="text:Link URL 1" content="">
  74. <meta name="text:Link Name 2" content="">
  75. <meta name="text:Link URL 2" content="">
  76. <meta name="text:Link Name 3" content="">
  77. <meta name="text:Link URL 3" content="">
  78. <meta name="text:Link Name 4" content="">
  79. <meta name="text:Link URL 4" content="">
  80. <meta name="text:Link Name 5" content="">
  81. <meta name="text:Link URL 5" content="">
  82. <meta name="text:Link Name 6" content="">
  83. <meta name="text:Link URL 6" content="">
  84. <meta name="text:Link Name 7" content="">
  85. <meta name="text:Link URL 7" content="">
  86. <meta name="text:Link Name 8" content="">
  87. <meta name="text:Link URL 8" content="">
  88.  
  89. <head>
  90. <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  91. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  92. <title>{Title}</title>
  93. <link rel="shortcut icon" href="{Favicon}">
  94. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  95. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  96.  
  97. <style type="text/css">
  98. /* BODY */
  99. body {
  100. background-image: url('{image:BackgroundM}');
  101. background-attachment: fixed;
  102. background-color: {color:BackgroundM};
  103. margin: 0;
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb:vertical {
  107. background-color: {color:Entry Background};
  108. height: 50px;
  109. }
  110.  
  111. ::-webkit-scrollbar {
  112. height: 10px;
  113. width: 5px;
  114. background-color: {color:BackgroundM};
  115. }
  116.  
  117. /* TOP BAR */
  118. #top {
  119. background-image: url('{image:Top Background}');
  120. background-color: {color:Top Background};
  121. position: fixed;
  122. width: 100%;
  123. height: 60px;
  124. z-index: 888;
  125. }
  126.  
  127. #toptitle {
  128. position: fixed;
  129. width: 100%;
  130. height: 60px;
  131. z-index: 999;
  132. font-family: 'Oswald', sans-serif;
  133. font-size: 24px;
  134. color: {color:Header};
  135. font-weight: 300;
  136. text-transform: uppercase;
  137. letter-spacing: 2px;
  138. text-align: center;
  139. line-height: 55px;
  140. }
  141.  
  142. #subtitle {
  143. font-family: calibri;
  144. font-size: 10px;
  145. margin-top: -35px;
  146. color: {color:Subtitle};
  147. }
  148.  
  149. /* CONTAINER */
  150. #container {
  151. position: relative;
  152. width: 800px;
  153. margin: auto;
  154. top: 60px;
  155. }
  156.  
  157. /* NAVIGATION */
  158. #navigation {
  159. background-image: url('{image:Top Background}');
  160. background-color: {color:Top Background};
  161. position: fixed;
  162. top: 60px;
  163. margin-left: 250px;
  164. width: 550px;
  165. height: 35px;
  166. float: right;
  167. -moz-border-radius: 0px 0px 20px 20px;
  168. border-radius: 0px 0px 20px 20px;
  169. text-align: center;
  170. line-height: 25px;
  171. z-index: 999;
  172. }
  173.  
  174. #navigation a {
  175. background-color: {color:Links Background};
  176. display: inline-block;
  177. {block:IfLinkName1}width: 95px;{/block:IfLinkName1}
  178. {block:IfNotLinkName1}width: 120px;{/block:IfNotLinkName1}
  179. height: 20px;
  180. font-family: calibri;
  181. font-size: 9px;
  182. color: {color:Links Text};
  183. text-transform: uppercase;
  184. text-decoration: none;
  185. text-align: center;
  186. line-height: 20px;
  187. letter-spacing: 1px;
  188. -moz-border-radius: 1em 4em 1em 4em;
  189. border-radius: 1em 4em 1em 4em;
  190. -moz-box-shadow: 1px 1px 3px {color:Links Shadow};
  191. -webkit-box-shadow: 1px 1px 3px {color:Links Shadow};
  192. box-shadow: 1px 1px 3px {color:Links Shadow};
  193. -webkit-transition: all 0.5s ease-in-out;
  194. -moz-transition: all 0.5s ease-in-out;
  195. -o-transition: all 0.5s ease-in-out;
  196. -ms-transition: all 0.5s ease-in-out;
  197. transition: all 0.5s ease-in-out;
  198. }
  199.  
  200. #navigation a:hover {
  201. background-color: {color:Links Background Hover};
  202. color: {color:Links Text Hover};
  203. }
  204.  
  205. /* POP-UP */
  206. #fade {
  207. display: none;
  208. background: #000;
  209. position: fixed;
  210. left: 0;
  211. top: 0;
  212. width: 100%;
  213. height: 100%;
  214. opacity: .80;
  215. z-index: 9999;
  216. }
  217.  
  218. .popup_block{
  219. display: none;
  220. background: {color:Top Background};
  221. padding-left: 20px;
  222. padding-top: 20px;
  223. padding-right: 20px;
  224. padding-bottom: 15px;
  225. float: left;
  226. position: fixed;
  227. top: 50%;
  228. left: 50%;
  229. z-index: 99999;
  230. }
  231.  
  232. img.btn_close {
  233. float: right;
  234. margin: -55px -55px 0 0;
  235. }
  236.  
  237. *html #fade {
  238. position: absolute;
  239. }
  240.  
  241. *html .popup_block {
  242. position: absolute;
  243. }
  244.  
  245. #links a.extra {
  246. background-color: {color:Links Background};
  247. display: block;
  248. width: 300px;
  249. height: 25px;
  250. line-height: 25px;
  251. font-family: calibri;
  252. font-size: 10px;
  253. color: {color:Links Text};
  254. text-decoration: none;
  255. text-transform: uppercase;
  256. letter-spacing: 1px;
  257. text-align: center;
  258. margin-bottom: 3px;
  259. }
  260.  
  261. /* SIDEBAR */
  262. #sidebar {
  263. background-image: url('{image:Top Background}');
  264. background-color: {color:Top Background};
  265. position: fixed;
  266. top: 60px;
  267. width: 180px;
  268. padding-left: 10px;
  269. padding-right: 10px;
  270. padding-bottom: 10px;
  271. float: left;
  272. z-index: 999;
  273. -moz-border-radius: 0px 0px 20px 20px;
  274. border-radius: 0px 0px 20px 20px;
  275. font-family: calibri;
  276. font-size: 10px;
  277. color: {color:Description Text};
  278. letter-spacing: 1px;
  279. text-align: justify;
  280. }
  281.  
  282. #sidebar b, strong {
  283. color: {color:Description Bold};
  284. }
  285.  
  286. #sidebar i, em {
  287. color: {color:Description Italic};
  288. }
  289.  
  290. #sidebar a {
  291. color: {color:Description Link};
  292. text-decoration: none;
  293. }
  294.  
  295. #sidebar img {
  296. max-width: 170px;
  297. padding: 6px;
  298. {block:IfSidebarMonochromeImages}-webkit-filter: grayscale(1);{/block:IfSidebarMonochromeImages}
  299. -webkit-transition: all 0.5s ease-in-out;
  300. -moz-transition: all 0.5s ease-in-out;
  301. -o-transition: all 0.5s ease-in-out;
  302. -ms-transition: all 0.5s ease-in-out;
  303. transition: all 0.5s ease-in-out;
  304. }
  305.  
  306. #sidebar img:hover {
  307. filter: none;
  308. -webkit-filter: grayscale(0);
  309. -webkit-transition: all 0.5s ease-in-out;
  310. -moz-transition: all 0.5s ease-in-out;
  311. -o-transition: all 0.5s ease-in-out;
  312. -ms-transition: all 0.5s ease-in-out;
  313. transition: all 0.5s ease-in-out;
  314. }
  315.  
  316. div.rotator {
  317. position: relative;
  318. height: {text:Sidebar Image Height}px;
  319. margin-left: -41px;
  320. margin-top: -10px;
  321. margin-bottom: 15px;
  322. }
  323.  
  324. div.rotator ul li.show {
  325. z-index: 500;
  326. }
  327.  
  328. div.rotator ul li {
  329. position: absolute;
  330. list-style: none;
  331. }
  332.  
  333. /* PAGINATION */
  334. #pagination {
  335. font-family: calibri;
  336. font-size: 9px;
  337. width: 180px;
  338. text-align: center;
  339. margin-top: 20px;
  340. }
  341.  
  342. .current_page {
  343. background-color: {color:Top Background};
  344. color: {color:Description Text};
  345. padding: 4px;
  346. }
  347.  
  348. #pagination a {
  349. background-color: {color:Top Background};
  350. padding: 4px;
  351. color: {color:Description Link};
  352. text-decoration: none;
  353. }
  354.  
  355. /* POSTS */
  356. #posts {
  357. position: relative;
  358. top: 50px;
  359. margin-left: 268px;
  360. }
  361.  
  362. .entry {
  363. background-color: {color:Entry Background};
  364. width: 500px;
  365. border: 10px solid {color:Entry Background};
  366. overflow: hidden;
  367. margin-bottom: 2px;
  368. font-family: calibri;
  369. font-size: {text:Entry Text Size}px;
  370. color: {color:Entry Text};
  371. letter-spacing: 1px;
  372. text-align: justify;
  373. }
  374.  
  375. .entry b, strong {
  376. color: {color:Entry Bold};
  377. }
  378.  
  379. .entry i, em {
  380. color: {color:Entry Italic};
  381. }
  382.  
  383. .entry a {
  384. color: {color:Entry Link};
  385. text-decoration: none;
  386. }
  387.  
  388. .entry h1 {
  389. font-family: 'Oswald', sans-serif;
  390. font-size: 14px;
  391. color: {color:Entry Titles};
  392. font-weight: normal;
  393. text-transform: uppercase;
  394. letter-spacing: 1px;
  395. }
  396.  
  397. .entry h1 a {
  398. color: {color:Entry Titles};
  399. }
  400.  
  401. .entry blockquote {
  402. border-left: 3px solid {color:Entry Titles};
  403. padding-left: 10px;
  404. margin-left: 20px;
  405. }
  406.  
  407. .entry ul {
  408. list-style-type: circle;
  409. }
  410.  
  411. /* PHOTOS */
  412. .entry img {
  413. {block:IfPostMonochromeImages}-webkit-filter: grayscale(1);{/block:IfPostMonochromeImages}
  414. -webkit-transition: all 0.5s ease-in-out;
  415. -moz-transition: all 0.5s ease-in-out;
  416. -o-transition: all 0.5s ease-in-out;
  417. -ms-transition: all 0.5s ease-in-out;
  418. transition: all 0.5s ease-in-out;
  419. margin-bottom: -3px;
  420. }
  421.  
  422. .entry img:hover {
  423. filter: none;
  424. -webkit-filter: grayscale(0);
  425. -webkit-transition: all 0.5s ease-in-out;
  426. -moz-transition: all 0.5s ease-in-out;
  427. -o-transition: all 0.5s ease-in-out;
  428. -ms-transition: all 0.5s ease-in-out;
  429. transition: all 0.5s ease-in-out;
  430. }
  431.  
  432. .photo {
  433. {block:IfPostMonochromeImages}-webkit-filter: grayscale(1);{/block:IfPostMonochromeImages}
  434. -webkit-transition: all 0.5s ease-in-out;
  435. -moz-transition: all 0.5s ease-in-out;
  436. -o-transition: all 0.5s ease-in-out;
  437. -ms-transition: all 0.5s ease-in-out;
  438. transition: all 0.5s ease-in-out;
  439. margin-bottom: -3px;
  440. }
  441.  
  442. .photo:hover {
  443. filter: none;
  444. -webkit-filter: grayscale(0);
  445. -webkit-transition: all 0.5s ease-in-out;
  446. -moz-transition: all 0.5s ease-in-out;
  447. -o-transition: all 0.5s ease-in-out;
  448. -ms-transition: all 0.5s ease-in-out;
  449. transition: all 0.5s ease-in-out;
  450. }
  451.  
  452. /* QUOTE */
  453. .entry h2 {
  454. font-family: 'Oswald', sans-serif;
  455. font-size: 12px;
  456. color: {color:Entry Titles};
  457. font-weight: normal;
  458. text-transform: uppercase;
  459. letter-spacing: 1px;
  460. }
  461.  
  462. .quote {
  463. font-family: georgia;
  464. font-size: 24px;
  465. color: {color:Entry Bold};
  466. float: left;
  467. margin-top: 2px;
  468. }
  469.  
  470. /* AUDIO */
  471. .audio img {
  472. max-width: 60px;
  473. float: left;
  474. margin-right: 5px;
  475. border: 10px solid {color:Entry Bold};
  476. }
  477.  
  478. .player {
  479. background-color: #000;
  480. padding: 5px;
  481. height: 27px;
  482. width: 405px;
  483. margin-left: 85px;
  484. margin-top: 10px;
  485. }
  486.  
  487. /* STATISTICS */
  488. .stats {
  489. width: 524px;
  490. height: 15px;
  491. line-height: 14px;
  492. margin-bottom: 3px;
  493. margin-left: -2px;
  494. font-family: calibri;
  495. font-size: 9px;
  496. color: {color:Stats Links};
  497. text-transform: uppercase;
  498. letter-spacing: 1px;
  499. }
  500.  
  501. .stats a {
  502. color: {color:Stats Links};
  503. text-decoration: none;
  504. }
  505.  
  506. .tags {
  507. margin-bottom: 25px;
  508. width: 520px;
  509. font-family: calibri;
  510. font-size: 8px;
  511. text-transform: uppercase;
  512. letter-spacing: 1px;
  513. text-align: center;
  514. }
  515.  
  516. .tags b {
  517. color: {color:Tags Bold};
  518. }
  519.  
  520. .tags a {
  521. color: {color:Tags Link};
  522. text-decoration: none;
  523. }
  524.  
  525. /* PERMALINK PAGE */
  526. .permalink {
  527. font-family: calibri;
  528. font-size: 9px;
  529. color: {color:Entry Text};
  530. text-transform: uppercase;
  531. width: 520px;
  532. position: relative;
  533. letter-spacing: 1px;
  534. z-index: 999px;
  535. margin-top: 10px;
  536. }
  537.  
  538. .permalink b {
  539. color: {color:Entry Bold};
  540. font-weight: normal;
  541. }
  542.  
  543. #date {
  544. color: {color:Entry Italic};
  545. }
  546.  
  547. .permalink a {
  548. color: {color:Entry Link};
  549. text-decoration: none;
  550. }
  551.  
  552. ol.notes {
  553. padding: 0px;
  554. margin: 15px 0px;
  555. list-style-type: none;
  556. background: transparent;
  557. border: 0px;
  558. letter-spacing: 0px;
  559. text-transform: uppercase;
  560. }
  561.  
  562. ol.notes li.note {
  563. padding: 1px;
  564. text-align: left;
  565. letter-spacing: 0px;
  566. text-transform: uppercase;
  567. }
  568.  
  569. .notes img{
  570. width: 8px;
  571. position: relative;
  572. top: 1px;
  573. opacity: .7;
  574. -moz-border-radius: 8px;
  575. -webkit-border-radius: 8px;
  576. border-radius: 8px;
  577. }
  578.  
  579. /* FOLLOW CODE */
  580. iframe#tumblr_controls {
  581. right:3px !important;
  582. position: fixed !important;
  583. -webkit-transition: opacity 0.7s linear;
  584. opacity: 0.2;
  585. -webkit-transition: all 0.8s ease-out;
  586. -moz-transition: all 0.8s ease-out;
  587. transition: all 0.8s ease-out;
  588. }
  589.  
  590. iframe#tumblr_controls:hover {
  591. -webkit-transition: opacity 0.7s linear;
  592. opacity: 1;
  593. -webkit-transition: all 0.4s ease-out;
  594. -moz-transition: all 0.4s ease-out;
  595. transition: all 0.4s ease-out;
  596. }
  597.  
  598. {CustomCSS}
  599. </style>
  600. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  601. {block:IfSidebar2Image}<script type="text/javascript">
  602. function theRotator() {
  603. //Set the opacity of all images to 0
  604. $('div.rotator ul li').css({opacity: 0.0});
  605.  
  606. //Get the first image and display it (gets set to full opacity)
  607. $('div.rotator ul li:first').css({opacity: 1.0});
  608.  
  609. //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
  610.  
  611. setInterval('rotate()',6000);
  612.  
  613. }
  614.  
  615. function rotate() {
  616. //Get the first image
  617. var current = ($('div.rotator ul li.show')? $('div.rotator ul li.show') : $('div.rotator ul li:first'));
  618.  
  619. if ( current.length == 0 ) current = $('div.rotator ul li:first');
  620.  
  621. //Get next image, when it reaches the end, rotate it back to the first image
  622. var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div.rotator ul li:first') :current.next()) : $('div.rotator ul li:first'));
  623.  
  624. //Un-comment the 3 lines below to get the images in random order
  625.  
  626. //var sibs = current.siblings();
  627. //var rndNum = Math.floor(Math.random() * sibs.length );
  628. //var next = $( sibs[ rndNum ] );
  629.  
  630.  
  631. //Set the fade in effect for the next image, the show class has higher z-index
  632. next.css({opacity: 0.0})
  633. .addClass('show')
  634. .animate({opacity: 1.0}, 1000);
  635.  
  636. //Hide the current image
  637. current.animate({opacity: 0.0}, 1000)
  638. .removeClass('show');
  639.  
  640. };
  641.  
  642.  
  643.  
  644. $(document).ready(function() {
  645. //Load the slideshow
  646. theRotator();
  647. $('div.rotator').fadeIn(1000);
  648. $('div.rotator ul li').fadeIn(1000); // tweek for IE
  649. });
  650. </script>{/block:IfSidebar2Image}
  651. <script>
  652. $(document).ready(function() {
  653. //
  654. //When you click on a link with class of poplight and the href starts with a #
  655. $('a.poplight[href^=#]').click(function() {
  656. var popID = $(this).attr('rel'); //Get Popup Name
  657. var popURL = $(this).attr('href'); //Get Popup href to define size
  658. //Pull Query & Variables from href URL
  659. var query= popURL.split('?');
  660. var dim= query[1].split('&');
  661. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  662. //Fade in the Popup and add close button
  663. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://s5.postimage.org/ypgcl25pv/close.png" class="btn_close" title="Close Window" alt="Close" style="background-color: {color:Top Background}; padding: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;" /></a>');
  664. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  665. var popMargTop = ($('#' + popID).height() + 80) / 2;
  666. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  667. //Apply Margin to Popup
  668. $('#' + popID).css({
  669. 'margin-top' : -popMargTop,
  670. 'margin-left' : -popMargLeft
  671. });
  672. //Fade in Background
  673. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  674. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  675. return false;
  676. });
  677. //Close Popups and Fade Layer
  678. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  679. $('#fade , .popup_block').fadeOut(function() {
  680. $('#fade, a.close').remove(); //fade them both out
  681. });
  682. return false;
  683. });
  684. });
  685. </script>
  686. {block:IfInfiniteScroll}
  687. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  688. {/block:IfInfiniteScroll}
  689. </head>
  690. <body>
  691.  
  692. <div id="top"></div>
  693. <div id="toptitle">
  694. {text:Header}
  695. <div id="subtitle">{text:Subtitle}</div>
  696. </div>
  697.  
  698. <div id="container">
  699. <div id="sidebar">
  700. <div class="rotator"><ul>
  701. <li class="show"><img src="{image:Sidebar1}" /></li>
  702. {block:IfSidebar2Image}<li><img src="{image:Sidebar2}" /></li>{/block:IfSidebar2Image}
  703. {block:IfSidebar3Image}<li><img src="{image:Sidebar3}" /></li>{/block:IfSidebar3Image}
  704. {block:IfSidebar4Image}<li><img src="{image:Sidebar4}" /></li>{/block:IfSidebar4Image}
  705. {block:IfSidebar5Image}<li><img src="{image:Sidebar5}" /></li>{/block:IfSidebar5Image}
  706. {block:IfSidebar6Image}<li><img src="{image:Sidebar6}" /></li>{/block:IfSidebar6Image}
  707. </ul></div>
  708. {Description}
  709. {block:IfNotInfiniteScroll}{block:Pagination}<div id="pagination">
  710. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  711. {block:JumpPagination length="3"}
  712. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  713. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  714. {/block:JumpPagination}
  715. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  716. </div>{/block:Pagination}{/block:IfNotInfiniteScroll}
  717. </div>
  718.  
  719. <div id="navigation">
  720. <a href="/">main page</a> <a href="/ask">message</a> <a href="/archive">archive</a> <a href="http://jyuubi.org" target="_blank">credit</a> {block:IfLinkName1}<a href="#?w=300" rel="links" class="poplight">+ more</a>{/block:IfLinkName1}
  721. </div>
  722.  
  723. <div id="links" class="popup_block">
  724. {block:IfLinkName1}<a class="extra" href="{text:Link URL 1}">{text:Link Name 1}</a>{/block:IfLinkName1}
  725. {block:IfLinkName2}<a class="extra" href="{text:Link URL 2}">{text:Link Name 2}</a>{/block:IfLinkName2}
  726. {block:IfLinkName3}<a class="extra" href="{text:Link URL 3}">{text:Link Name 3}</a>{/block:IfLinkName3}
  727. {block:IfLinkName4}<a class="extra" href="{text:Link URL 4}">{text:Link Name 4}</a>{/block:IfLinkName4}
  728. {block:IfLinkName5}<a class="extra" href="{text:Link URL 5}">{text:Link Name 5}</a>{/block:IfLinkName5}
  729. {block:IfLinkName6}<a class="extra" href="{text:Link URL 6}">{text:Link Name 6}</a>{/block:IfLinkName6}
  730. {block:IfLinkName7}<a class="extra" href="{text:Link URL 7}">{text:Link Name 7}</a>{/block:IfLinkName7}
  731. {block:IfLinkName8}<a class="extra" href="{text:Link URL 8}">{text:Link Name 8}</a>{/block:IfLinkName8}
  732. </div>
  733.  
  734. <div class="autopagerize_page_element">
  735. <div id="posts">
  736. {block:Posts}
  737.  
  738. <div class="entry">
  739.  
  740. {block:Text}
  741. {block:Title}<h1>{Title}</h1>{/block:Title}
  742. {Body}
  743. {/block:Text}
  744.  
  745. {block:Photo}
  746. <center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>{LinkCloseTag}</center>
  747. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  748. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  749. {Caption}
  750. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  751. {/block:Photo}
  752.  
  753. {block:Photoset}
  754. <div class="photo">
  755. {Photoset-500}
  756. </div>
  757. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  758. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  759. {Caption}
  760. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  761. {/block:Photoset}
  762.  
  763. {block:Quote}
  764. <div class="quote">&#10077;</div>
  765. <h2>{Quote}</h2>
  766. {block:Source}<p align="right">{Source} <b>&mdash;</b></p>{/block:Source}
  767. {/block:Quote}
  768.  
  769. {block:Link}
  770. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  771. {block:Description}{Description}{/block:Description}
  772. {/block:Link}
  773.  
  774. {block:Chat}
  775. {block:Title}<h1>{Title}</h1>{/block:Title}
  776. {block:Lines}
  777. {block:Label}
  778. <b>{Label}</b>
  779. {/block:Label}
  780. {Line}<br />
  781. {/block:Lines}
  782. {/block:Chat}
  783.  
  784. {block:Audio}
  785. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  786. <div class="player">{AudioPlayerBlack}</div>
  787. <div style="font-size: 14px; margin-top: 5px; margin-left: 10px;">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} | <b>{Artist}</b>{/block:Artist}</div>
  788. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  789. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  790. {Caption}
  791. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  792. {/block:Audio}
  793.  
  794. {block:Video}
  795. {Video-500}
  796. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  797. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  798. {Caption}
  799. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  800. {/block:Video}
  801.  
  802. {block:Answer}
  803. <table>
  804. <tr><td colspan="3" width="500px" style="padding:8px; text-align:center; background-color:{color:Question Background};">{Question}</td></tr>
  805. <tr>
  806. <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>
  807. <td width="5" style="text-align:right;"><div style="margin-left:-5px"><img src="{AskerPortraitURL-16}" style="padding:2px;"></div></td>
  808. <td width="180"style="text-align:left; padding-left:2px; font-family:calibri; font-size:10px; letter-spacing:0px; text-transform:uppercase;">{Asker}</td>
  809. </tr>
  810. </table>
  811. {Answer}
  812. {/block:Answer}
  813. </div>
  814. {block:IndexPage}<div class="stats"><table><tr>
  815. <td width="320px" style="background-color: {color:Stats Background 1}; text-align: center;">&nbsp;&nbsp;<a href="{Permalink}">{TimeAgo}{block:NoteCount} &middot; {NoteCountWithLabel}{/block:NoteCount}</a></td>
  816. <td width="320px" style="background-color: {color:Stats Background 2}; text-align: center;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> &middot; <a href="{ReblogRootURL}">source</a> &middot;{/block:RebloggedFrom} <a href="{ReblogURL}">reblog</a>&nbsp;&nbsp;</td>
  817. </tr></table></div>
  818. <div class="tags">{block:IfShowTags}{block:HasTags}<b>tags &rarr;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}</div>{/block:IndexPage}
  819.  
  820. {block:PermalinkPage}
  821. <div class="permalink">
  822. <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}
  823. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  824. {block:PostNotes}
  825. {PostNotes}
  826. {/block:PostNotes}
  827. </div>
  828. {/block:PermalinkPage}
  829.  
  830. {/block:Posts}
  831. </div>
  832. </div>
  833.  
  834.  
  835.  
  836. </body>
  837. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!