valkyriethemes

Ace - Version 1

Jun 24th, 2014
1,169
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.55 KB | None | 0 0
  1. <!---
  2. [ #04 ] - Ace
  3. + THEME BY VALHALLASGODDESS/VALKYRIETHEMES +
  4.  
  5. - DO NOT remove credit
  6. - DO NOT redistribute to make your own theme.
  7. - DO NOT use this as a base code.
  8. - Credit me if taking any part of my coding.
  9.  
  10.  
  11. ------->
  12.  
  13.  
  14. <html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20. <meta name="description" content="" />
  21. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  22.  
  23. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  24.  
  25. <meta name="if:Infinite Scrolling" content="0">
  26. <meta name="if:Image Fade" content="0">
  27. <meta name="if:Monochrome" content="0">
  28. <meta name="if:Music Player" content="0">
  29. <meta name="if:Show Tags" content="0" >
  30.  
  31. <meta name="image:Background" content="" >
  32. <meta name="image:Top Sidebar" content="">
  33. <meta name="image:Bottom Sidebar" content="" >
  34. <meta name="image:Render" content="" >
  35.  
  36. <meta name="color:Asks" content="#632728" >
  37. <meta name="color:Background" content="#000">
  38. <meta name="color:Bold" content="#c0bfc5" >
  39. <meta name="color:Italics" content="#c0bfc5">
  40. <meta name="color:Links" content="#c0bfc5" >
  41. <meta name="color:Links Hover" content="#4d5c7b" >
  42. <meta name="color:Navigation Links" content="#fff" >
  43. <meta name="color:Navigation Hover" content="#000" >
  44. <meta name="color:Pagination" content="#632728" >
  45. <meta name="color:Post Border" content="#632728" >
  46. <meta name="color:Post Background" content="000" >
  47. <meta name="color:Right Sidebar" content="#632728" >
  48. <meta name="color:Sidebar" content="#000" >
  49. <meta name="color:Scrollbar" content="#632728" >
  50. <meta name="color:Text" content="#fff" >
  51. <meta name="color:Top Bar" content="#632728" >
  52.  
  53.  
  54. <meta name="text:Link 1 URL" content="" >
  55. <meta name="text:Link 1" content="" >
  56. <meta name="text:Link 2 URL" content="" >
  57. <meta name="text:Link 2" content="" >
  58. <meta name="text:Link 3 URL" content="" >
  59. <meta name="text:Link 3" content="" >
  60. <meta name="text:Link 4 URL" content="" >
  61. <meta name="text:Link 4" content="" >
  62. <meta name="text:Link 5 URL" content="" >
  63. <meta name="text:Link 5" content="" >
  64. <meta name="text:Link 6 URL" content="" >
  65. <meta name="text:Link 6" content="" >
  66. <meta name="text:Link 7 URL" content="" >
  67. <meta name="text:Link 7" content="" >
  68. <meta name="text:Link 8 URL" content="" >
  69. <meta name="text:Link 8" content="" >
  70.  
  71. <!-- Pop up -->
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74.  
  75. <script>
  76.  
  77.  
  78.  
  79. $(document).ready(function() {
  80.  
  81. //
  82.  
  83.  
  84.  
  85. //When you click on a link with class of poplight and the href starts with a #
  86.  
  87. $('a.poplight[href^=#]').click(function() {
  88.  
  89. var popID = $(this).attr('rel'); //Get Popup Name
  90.  
  91. var popURL = $(this).attr('href'); //Get Popup href to define size
  92.  
  93.  
  94.  
  95. //Pull Query & Variables from href URL
  96.  
  97. var query= popURL.split('?');
  98.  
  99. var dim= query[1].split('&');
  100.  
  101. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  102.  
  103.  
  104.  
  105. //Fade in the Popup and add close button
  106.  
  107. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
  108.  
  109.  
  110. //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
  111.  
  112. var popMargTop = ($('#' + popID).height() + 80) / 2;
  113.  
  114. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  115.  
  116.  
  117.  
  118. //Apply Margin to Popup
  119.  
  120. $('#' + popID).css({
  121.  
  122. 'margin-top' : -popMargTop,
  123.  
  124. 'margin-left' : -popMargLeft
  125.  
  126. });
  127.  
  128.  
  129.  
  130. //Fade in Background
  131.  
  132. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  133.  
  134. $('#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
  135.  
  136.  
  137.  
  138. return false;
  139.  
  140. });
  141.  
  142.  
  143.  
  144. //Close Popups and Fade Layer
  145.  
  146. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  147.  
  148. $('#fade , .popup_block').fadeOut(function() {
  149.  
  150. $('#fade, a.close').remove(); //fade them both out
  151.  
  152. });
  153.  
  154. return false;
  155.  
  156. });
  157.  
  158.  
  159.  
  160.  
  161.  
  162. });
  163.  
  164. </script>
  165.  
  166. <style type="text/css">
  167.  
  168. ::-webkit-scrollbar-thumb:vertical {
  169. height: 7px;
  170. width: 1px;
  171. background-color: {color:Scrollbar}}
  172.  
  173. ::-webkit-scrollbar-thumb:horizontal {
  174. background-color: {color:Scrollbar}}
  175.  
  176. ::-webkit-scrollbar {
  177. height: 7px;
  178. width: 5px;}
  179.  
  180. @font-face { font-family: "alienleague"; src: url('http://static.tumblr.com/3lcgguq/SIdn1bh78/alienleague.ttf'); }
  181.  
  182. @font-face {
  183. font-family: "tinytots"; src: url('http://static.tumblr.com/3lcgguq/UXPn25o2c/tinytots.ttf'); }
  184.  
  185. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  186.  
  187. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  188.  
  189. #fade {
  190. display: none;
  191. background: #000;
  192. position: fixed;
  193. left: 0;
  194. top: 0;
  195. background-color: {color:Background};
  196. width: 100%;
  197. height: 100%;
  198. z-index: 9999;}
  199.  
  200. .popup_block{
  201. display: none;
  202. padding: 10px;
  203. float: left;
  204. position: fixed;
  205. top: 50%;
  206. left: 50%;
  207. z-index: 99999;}
  208.  
  209. img.btn_close {
  210. float: right;
  211. margin: -55px -55px 0 0;}
  212.  
  213. *html #fade {
  214. position: absolute;}
  215.  
  216. *html .popup_block {
  217. position: absolute;}
  218.  
  219. body {
  220. font-size: 10px;
  221. font-family: Calibri, Candara, Segoe;
  222. background-color: {color:Background};
  223. background-image:url('{image:Background}');
  224. background-repeat:repeat;
  225. background-attachment:fixed;}
  226.  
  227. a {
  228. color: {color:Links};
  229. text-decoration: none;
  230. -moz-transition-duration: 0.5s;
  231. -o-transition-duration: 0.5s;
  232. -webkit-transition-duration: 0.5s;
  233. transition-duration: 0.5s;}
  234.  
  235. a:hover {
  236. color: {color:LinkS Hover};
  237. -moz-transition-duration: 0.5s;
  238. -o-transition-duration: 0.5s;
  239. -webkit-transition-duration: 0.5s;
  240. transition-duration: 0.5s;}
  241.  
  242. b {
  243. font-weight: normal;
  244. color: {color:Bold}}
  245.  
  246. i {
  247. font-weight: normal;
  248. color: {color:Italics}}
  249.  
  250. /* Content */
  251.  
  252. #container {
  253. width: 100%
  254. height: 800px;
  255. margin: auto;}
  256.  
  257. #postcol {
  258. width: 540px;
  259. margin-top: 105px;
  260. margin-left: 10px;
  261. margin-bottom: 30px;}
  262.  
  263. #posts {
  264. color: #fff;
  265. font-size: 13px;
  266. width: 500px;
  267. margin-bottom: 20px;
  268. background-color: {color:Post Background};
  269. border: 10px solid {color:Post Border};
  270. padding: 20px;}
  271.  
  272. #posts li {list-style: square;}
  273.  
  274. #posts blockquote {
  275. border-left: 2px solid {color:Text};
  276. padding-left: 5px;}
  277.  
  278. #posts h2 {
  279. font-family: arial;
  280. font-size: 20px;
  281. text-align: center;
  282. padding: 10px;
  283. background-color: {color:Post Background};}
  284.  
  285. #posts h2 a {
  286. color: {color:Text};}
  287.  
  288. #posts blockquote blockquote {
  289. border-left: 5px solid {color:Text};
  290. padding-left: 7px;}
  291.  
  292. #posts img, #posts blockquote {max-width: 100%}
  293.  
  294. /* Sidebars */
  295.  
  296. #topbar {
  297. width: 55%;
  298. height: 50px;
  299. top: 0px;
  300. left: 0px;
  301. z-index: 99;
  302. position: fixed;
  303. background-color: {color:Background};}
  304.  
  305. #ftopbar {
  306. width: 50%;
  307. height: 10px;
  308. position: fixed;
  309. top: 15px;
  310. left: 0px;
  311. z-index: 99;
  312. background-color: {color:Top Bar};}
  313.  
  314. #stopbar {
  315. width: 50%;
  316. height: 29px;
  317. z-index: 99;
  318. position: fixed;
  319. top: 35px;
  320. left: 0px;
  321. background-color: {color:Top Bar};}
  322.  
  323. #main {
  324. position: absolute;
  325. left: 110px;
  326. top: 25px
  327. width: 180px;
  328. height: 100px;}
  329.  
  330. #main a {
  331. font-family: calibri;
  332. text-transform: uppercase;
  333. font-size: 8px;
  334. display: inline-block;
  335. margin: 4px 0px;
  336. letter-spacing: 2px;
  337. color: {color:Navigation Links};
  338. text-align: center;
  339. padding: 5px 25px;}
  340.  
  341. #main a:hover {
  342. background-color: {color:Navigation Hover};}
  343.  
  344.  
  345. #pagination a {
  346. bottom:0px;
  347. width:112px;
  348. left: 860px;
  349. z-index:99;
  350. font-family: calibri;
  351. font-size: 8px;
  352. text-transform: uppercase;
  353. text-align: center;
  354. letter-spacing:1px;
  355. position:fixed;
  356. color: {color:Navigation Links};
  357. background-color: {color:Pagination};
  358. padding:4px}
  359.  
  360. #rsidebar {
  361. width: 250px;
  362. height: 100%;
  363. top: 0px;
  364. z-index: 125;
  365. left: 600px;
  366. position: fixed;
  367. background-color: {color:Right Sidebar};}
  368.  
  369. #navi {
  370. font-family: calibri;
  371. text-transform: uppercase;
  372. font-size: 9px;
  373. text-align: center;}
  374.  
  375. #navi a {
  376. margin: 10px;
  377. width: 160px;
  378. margin-left: 10px;
  379. background-color: {color:Right Sidebar};
  380. display: inline-block;
  381. padding: 10px;
  382. color: {color:Navigation Links}}
  383.  
  384. #navi a:hover {
  385. background-color: {color:Navigation Hover};}
  386.  
  387. #spicture {
  388. width: 230px;
  389. height: 150px;
  390. margin: 10px;
  391. position: absolute;
  392. background-color: {color:Sidebar};
  393. -moz-transition-duration: 0.5s;
  394. -o-transition-duration: 0.5s;
  395. -webkit-transition-duration: 0.5s;
  396. transition-duration: 0.5s;}
  397.  
  398. #spic {
  399. width: 210px;
  400. height: 130px;
  401. margin: 10px;
  402. -moz-transition-duration: 0.5s;
  403. -o-transition-duration: 0.5s;
  404. -webkit-transition-duration: 0.5s;
  405. transition-duration: 0.5s;}
  406.  
  407. /* Bottom Sidebars */
  408.  
  409. #bpicture {
  410. width: 230px;
  411. height: 150px;
  412. margin: 10px;
  413. bottom: 0px;
  414. position: absolute;
  415. background-color: {color:Sidebar};
  416. -moz-transition-duration: 0.5s;
  417. -o-transition-duration: 0.5s;
  418. -webkit-transition-duration: 0.5s;
  419. transition-duration: 0.5s;}
  420.  
  421. #bpic {
  422. width: 210px;
  423. height: 130px;
  424. margin: 10px;
  425. -moz-transition-duration: 0.5s;
  426. -o-transition-duration: 0.5s;
  427. -webkit-transition-duration: 0.5s;
  428. transition-duration: 0.5s;}
  429.  
  430.  
  431. /*Description */
  432. #description {
  433. width: 230px;
  434. height: 327px;
  435. margin: 10px;
  436. top: 159px;
  437. position: absolute;
  438. background-color: {color:Sidebar};}
  439.  
  440. #desc {
  441. color: {color:Text};
  442. height: 307px;
  443. margin: 10px;
  444. background-color: #632728;
  445. text-align: justify;
  446. font-family: calibri;
  447. font-size: 11px;
  448. letter-spacing: 2px;}
  449.  
  450. #helladesc {
  451. margin: 10px;}
  452.  
  453.  
  454. /* Monochrome + Image Fade */
  455. {block:IfMonochrome}
  456. #photo{
  457. filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  458. filter: gray; /* IE6-9 */
  459. -webkit-filter: grayscale(1);
  460. -webkit-transition: all 0.5s ease-in-out;
  461. -moz-transition: all 0.5s ease-in-out;
  462. -o-transition: all 0.5s ease-in-out;
  463. -ms-transition: all 0.5s ease-in-out;
  464. transition: all 0.5s ease-in-out;}
  465.  
  466. #photo:hover{
  467. filter: none;
  468. -webkit-filter: grayscale(0);
  469. -webkit-transition: all 0.7s ease-in-out;
  470. -moz-transition: all 0.7s ease-in-out;
  471. -o-transition: all 0.7s ease-in-out;}
  472. {/block:IfMonochrome}
  473.  
  474. {block:IfImageFade}
  475. #photo{
  476. opacity:.5;
  477. -webkit-transition: all 0.5s ease-in-out;
  478. -moz-transition: all 0.5s ease-in-out;
  479. -o-transition: all 0.5s ease-in-out;
  480. -ms-transition: all 0.5s ease-in-out;
  481. transition: all 0.5s ease-in-out;}
  482.  
  483. #photo:hover{
  484. opacity:1.0;
  485. -webkit-transition: all 0.7s ease-in-out;
  486. -moz-transition: all 0.7s ease-in-out;
  487. -o-transition: all 0.7s ease-in-out;}
  488. {/block:IfImageFade}
  489.  
  490.  
  491. /* Post Info */
  492. #details {
  493. font-family: "silkscreen";
  494. text-align: center;
  495. font-size: 9px;
  496. background-color: {color:Post Border};
  497. color: #fff;
  498. text-transform: lowercase;
  499. padding: 8px;}
  500.  
  501. #details a {
  502. color: {color:Text};}
  503.  
  504. #details a:hover {
  505. color: {color:Navigation Hover};}
  506. /* Music Player */
  507.  
  508. #square{
  509. position:fixed;
  510. top:64px;
  511. left:570px;
  512. width:30px;
  513. height:30px;
  514. line-height:10px;
  515. overflow:hidden;
  516. background-color: {color:Right Sidebar};}
  517.  
  518. #gif{
  519. height:30px;
  520. width:60px;
  521. margin-left:-30px;
  522. -webkit-transition: all .7s ease-in-out;
  523. -moz-transition: all .7s ease-in-out;
  524. -o-transition: all .7s ease-in-out;
  525. -ms-transition: all .7s ease-in-out;
  526. transition: all .7s ease-in-out;}
  527.  
  528. #gif:hover{
  529. margin-left:2px;
  530. -webkit-transition: all .7s ease-in-out;
  531. -moz-transition: all .7s ease-in-out;
  532. -o-transition: all .7s ease-in-out;
  533. -ms-transition: all .7s ease-in-out;
  534. transition: all .7s ease-in-out;}
  535.  
  536. #player{
  537. height:30px;
  538. padding:5px;
  539. width:13px;
  540. margin-left:2px;
  541. margin-top: 4px;
  542. overflow:hidden;
  543. position:absolute;}
  544.  
  545. /* Notes */
  546.  
  547. #notes {
  548. width: 558px;
  549. font-family: "calibri";
  550. font-size: 12px;
  551. background-color: #632728;
  552. font-weight: normal;
  553. text-align: left;
  554. top: 50px;
  555. margin-left: 10px;}
  556.  
  557. /* Questions and Answers */
  558. #asks, #answer {
  559. width: 500px;
  560. position: relative;
  561. text-align: justify;}
  562.  
  563. #asker {
  564. font-family: "silkscreen";
  565. color: {color:Text};
  566. font-size: 9px;
  567. margin-top: 25px;
  568. text-transform: lowercase;
  569. margin-left: 85px;}
  570.  
  571. #arrow {
  572. color: {color:Asks};
  573. position: absolute;
  574. margin-top: -22px;
  575. margin-left: 40px;
  576. font-size: 50px;}
  577.  
  578. #question {
  579. background-color: {color:Asks};
  580. border: 10px solid {color:Asks}}
  581.  
  582. #q, #a {margin: 5px;}
  583.  
  584. /* Audio Posts */
  585. .dinky {float:left;}
  586.  
  587.  
  588. #albumart img{
  589. width:150px;
  590. height:150px;
  591. padding:0px;
  592. z-index: -5;
  593. border-width:0px;}
  594.  
  595.  
  596. .player {
  597. width:30px;
  598. overflow:hidden;
  599. height:30px;
  600. padding:0px;
  601. padding-left:5px;
  602. padding-top:3px;
  603. position:absolute;
  604. left:50%;
  605. top:50%;
  606. margin-top:-20px;
  607. margin-left:-20px;
  608. -webkit-transition-duration:500ms;
  609. -moz-transition-duration:500ms;
  610. -o-transition-duration:500ms;
  611. -ms-transition-duration:500ms;}
  612.  
  613. .daplaya:hover {-webkit-transform:scale(.4);}
  614.  
  615. .daplaya:hover .player {-webkit-transform:scale(3);}
  616.  
  617. .daplaya {
  618. background-color:black;
  619. width:120px;
  620. height:120px;
  621. position:absolute;
  622. margin-top:-135px;
  623. margin-left:15px;
  624. -webkit-transition-duration:500ms;
  625. -moz-transition-duration:500ms;
  626. -o-transition-duration:500ms;
  627. -ms-transition-duration:500ms;}
  628.  
  629. .donkey {
  630. float:left top;
  631. margin-left:150px;
  632. background-color:black;
  633. padding:20px;
  634. height:110px;
  635. text-align:center;
  636. color:white;}
  637.  
  638. .track {
  639. font-size:15px;
  640. text-shadow:0px 0px 1px #fff;
  641. letter-spacing:4px;
  642. padding:10px;
  643. font-weight:300;
  644. text-transform:uppercase;
  645. font-family:Helvetica;
  646. color:white;}
  647.  
  648.  
  649. .artist {
  650. letter-spacing:1px;
  651. font-style:italic;
  652. font-weight:bold;}
  653.  
  654. .playcount {
  655. font-size:9px;
  656. text-transform:uppercase;
  657. letter-spacing:3px;}
  658.  
  659.  
  660. #audiolo {
  661. width:500px;
  662. padding-bottom:80px;}
  663.  
  664. .album {font-weight:normal;}
  665.  
  666. /* Tags */
  667. #tags {
  668. font-family: "silkscreen";
  669. text-transform: lowercase;
  670. font-size: 9px;
  671. padding: 2px;}
  672.  
  673. #tags a {
  674. display:inline-block;
  675. padding: 5px;
  676. font-size: 9px;
  677. margin: 1px;
  678. color: {color:Navigation Links};}
  679.  
  680. #tags a:hover {
  681. color: {color:Navigation Hover};
  682. -webkit-transition: all 0.5s ease-in-out;
  683. -moz-transition: all 0.5s ease-in-out;
  684. -o-transition: all 0.5s ease-in-out;}
  685.  
  686.  
  687.  
  688.  
  689.  
  690. {CustomCSS}
  691. </style>
  692.  
  693. {block:IfInfiniteScrolling}
  694. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  695. {/block:IfInfiniteScrolling}
  696.  
  697. </head>
  698.  
  699. <body>
  700.  
  701. <div id="topbar">
  702. <div id="ftopbar">
  703.  
  704. {block:IfNotInfiniteScrolling}
  705. <div id="pagination">
  706.  
  707. {block:Pagination}<div id="pagination">
  708. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  709. {block:JumpPagination length="5"}
  710. {block:CurrentPage}<span class="current_page"></span>&nbsp;&nbsp;{/block:CurrentPage}
  711. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  712. {/block:JumpPagination}
  713. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  714. </div>{/block:Pagination}
  715.  
  716. </div> <!-- End of Pagination -->
  717. {/block:IfNotInfiniteScrolling}
  718. </div> <!-- End of Fbar --->
  719.  
  720.  
  721. <div id="stopbar">
  722. <div id="main">
  723. <a href="/">Home</a>
  724. <a href="/ask">Message</a>
  725. <a href="#?w=500" rel="popup_name" class="poplight">More</a>
  726. <a href="http://valkyriethemes.tumblr.com">Credit</a>
  727. </div> <!--- End of Main -->
  728. </div> <!-- End of Stop Bar -->
  729. </div> <!-- End of Top Bar -->
  730.  
  731. <div id="popup_name" class="popup_block">
  732. <div id="navi">
  733. {block:IfLink1}
  734. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  735. {/block:IfLink1}
  736. {block:IfLink2}
  737. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  738. {/block:IfLink2}
  739. {block:IfLink3}
  740. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  741. {/block:IfLink3}
  742. {block:IfLink4}
  743. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  744. {/block:IfLink4}
  745. {block:IfLink5}
  746. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  747. {/block:IfLink5}
  748. {block:IfLink6}
  749. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  750. {/block:IfLink6}
  751. {block:IfLink7}
  752. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  753. {/block:IfLink7}
  754. {block:IfLink8}
  755. <a href="{text:Link 8 URL}">{text:Link 8}</a>
  756. {/block:IfLink8}
  757. </div>
  758. </div>
  759.  
  760. <div id="rsidebar">
  761.  
  762. <div id="spicture"><div id="spic"><img src="{image:Top Sidebar}"></div></div> <!--- End of spicture --->
  763.  
  764. <div id="description">
  765. <div id="desc"><div id="helladesc">{description}</div></div>
  766. </div> <!-- End of Description -->
  767.  
  768.  
  769. <div id="bpicture"><div id="bpic"><img src="{image:Bottom Sidebar}"></div></div> <!--- End of bpicture -->
  770.  
  771.  
  772. </div> <!--- End of Tall Sidebar --->
  773. {block:IfMusicPlayer}
  774. <div id="square">
  775. <div id="gif">
  776. <div id="player">
  777. <!--- PUT YOUR MUSIC CODE HERE WITHOUT THE <embed src= --->
  778. <embed style="margin-left:-24px;" src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://dl.dropboxusercontent.com/u/111652179/%E3%80%90MAD%E3%80%91%E3%82%BB%E3%82%A4%E3%82%B7%E3%83%A5%E3%83%B3TIP%20OFF!!%20%EF%BD%9EMVP%E9%9D%92%E5%B3%B0ver%E3%80%90%E9%BB%92%E5%AD%90%E3%81%AE%E3%83%90%E3%82%B9%E3%82%B1%E3%80%91.mp3&t0=&f1=https://dl.dropboxusercontent.com/u/111652179/Kuroko%20no%20basket%20_%20Aomine%20Daiki%20song-%20Netsu%20no%20Kakera.mp3&t1=&total=2" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  779. </div>
  780. <img style="margin-left:38px;margin-top:8px;"src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
  781. </div>
  782. </div>
  783. {/block:IfMusicPlayer}
  784.  
  785.  
  786. <div style="z-index:-1;right:0px;bottom:0px;position:fixed"><img src={image:Render}></div>
  787.  
  788.  
  789. <div class="autopagerize_page_element">
  790. <div id="container">
  791.  
  792. <div id="postcol">
  793. {block:Posts}
  794. <div id="posts">
  795.  
  796. <!---------------------------------------------------
  797. TEXT POSTS
  798. ---------------------------------------------------->
  799. {block:Text}
  800. {block:Title}<h2>{Title}</h2>{/block:Title}
  801. {Body}
  802. {/block:Text}
  803.  
  804. <!---------------------------------------------------
  805. ANSWER POSTS
  806. ---------------------------------------------------->
  807.  
  808. {block:Answer}
  809. <div id="asks">
  810. <div id="question">
  811. <div id="q">{Question}
  812. </div></div> <!-- End of Question + Q --->
  813. <div id="arrow">◥</div>
  814. <div id="asker"> {Asker}
  815. </div> <!--- End of Asker --->
  816.  
  817. <div id="answer">
  818. <div id="answercontent"><div id="a">{Answer}</div></div>
  819. <!-- End of A+ Content-->
  820. </div> <!--- End of answer --->
  821. </div> <!--- End of Asks -->
  822. {/block:Answer}
  823.  
  824. <!---------------------------------------------------
  825. QUOTE POSTS
  826. ---------------------------------------------------->
  827. {block:Quote}
  828. <div class="quote">
  829. <div class="quotetext_{Length}">"{Quote}"</div>
  830. {block:Source}<div class="source">{Source}</div>{/block:Source}
  831. </div>
  832. {/block:Quote}
  833.  
  834. <!---------------------------------------------------
  835. LINK POSTS
  836. ---------------------------------------------------->
  837. {block:Link}
  838. <h2><a href="{URL}">{Name}</a></h2>
  839. {block:Description}{Description}{/block:Description}
  840. {/block:Link}
  841.  
  842. <!---------------------------------------------------
  843. CHAT POSTS
  844. ---------------------------------------------------->
  845. {block:Chat}
  846. {block:Title}<h2>{Title}</h2>{/block:Title}
  847. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  848. {Line}</li>{/block:Lines}</ul>
  849. {/block:Chat}
  850.  
  851. <!---------------------------------------------------
  852. PHOTO POSTS
  853. ---------------------------------------------------->
  854. {block:Photo}
  855. {LinkOpenTag}<div id="photo"><img src="{PhotoURL-500}"alt="{PhotoAlt}" width="500px"></div>{LinkCloseTag}
  856. {block:Caption}{Caption}{/block:Caption}
  857. {/block:Photo}
  858.  
  859. <!---------------------------------------------------
  860. PHOTOSET POSTS
  861. ---------------------------------------------------->
  862. {block:Photoset}
  863. <div id="photo">{Photoset-500}</div>
  864. {block:Caption}{Caption}{/block:Caption}
  865. {/block:Photoset}
  866.  
  867.  
  868. <!---------------------------------------------------
  869. AUDIO POSTS :(
  870. ---------------------------------------------------->
  871.  
  872. {block:Audio}
  873. <div id="audiolo">
  874. <div class="dinky">
  875. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>
  876. {/block:AlbumArt}
  877.  
  878. <div class="daplaya"><div class="player">{AudioPlayerBlack}</div></div></div>
  879. <div class="donkey">
  880. <div class="track"> {block:TrackName}{TrackName}{/block:TrackName}</div>
  881.  
  882. <div class="artist">
  883. {block:Artist}
  884. Artist:{Artist}
  885. {/block:Artist}</div>
  886.  
  887. <div class="album">
  888. {block:Album}
  889. Album:{Album}
  890. {/block:Album}</div>
  891.  
  892. <div class="playcount">
  893.  
  894. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  895.  
  896. </div>
  897. </div>{/block:Audio}
  898. <!-- End of Audio -->
  899.  
  900.  
  901. <!---------------------------------------------------
  902. VIDEO POSTS
  903. ---------------------------------------------------->
  904. {block:Video}
  905. {Video-500}
  906. {block:Caption}{Caption}{/block:Caption}
  907. {/block:Video}
  908.  
  909.  
  910. <div id="details">
  911. <div id="posted">
  912. <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} | <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"> | <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} | <a href="{Permalink}">{NoteCountWithLabel}</a>
  913. </div> <!--- End of Posted --->
  914.  
  915. <div id="rcontent">
  916.  
  917. {block:IfShowTags}
  918. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags} <!-- End of Tags -->
  919. {/block:IfShowtags}
  920.  
  921.  
  922. </div> <!--- End of rcontent--->
  923. </div>
  924. <!--- End of Details --->
  925.  
  926.  
  927. </div> <!--- End of Posts --->
  928. {/block:Posts}
  929. </div>
  930. <!--- End of Infinite Jaunt --->
  931.  
  932. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  933.  
  934. </div> <!--- End of Post Col --->
  935. </div> <!--- End of Container --->
  936. </body>
  937. </html>
Advertisement
Add Comment
Please, Sign In to add comment