API tools faq
paste
Advertisement
ciralism

for my guinea pig

ciralism
May 7th, 2015
338
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{block:TagPage}#{Tag}:{/block:TagPage}{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9. <!---
  10. theme by CIRALISM
  11.  
  12. work in progress, butt out unless I told you to look
  13. ---->
  14.  
  15. <meta name="if:use avatar" content="1"/>
  16. <meta name="if:upload using url" content="1"/>
  17. <meta name="if:leftsidebar" content="1"/>
  18. <meta name="if:rightsidebar" content="0"/>
  19. <meta name="if:250px posts" content="1"/>
  20. <meta name="if:400px posts" content="0"/>
  21. <meta name="if:500px posts" content="0"/>
  22. <meta name="if:captions" content="1"/>
  23. <meta name="if:tags" content="1"/>
  24. <meta name="if:music player" content="1"/>
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="color:text" content="#000000"/>
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:links" content="#0000000"/>
  29. <meta name="color:accent" content="#ff0000"/>
  30. <meta name="color:fadebg" content="#000000"/>
  31. <meta name="text:sidebar image url" content="http://40.media.tumblr.com/6550e63519f587fc8371f06040cd90b9/tumblr_nkief07sjw1rpjqjso2_250.png"/>
  32. <meta name="text:pop up title" content="hi there"/>
  33. <meta name="text:popup background url" content=""/>
  34. <meta name="text:link1" content="link 1 name"/>
  35. <meta name="text:link1url" content="link 1 url"/>
  36. <meta name="text:link2" content="link 2 name"/>
  37. <meta name="text:link2url" content="link 2 url"/>
  38. <meta name="text:link3" content="link 3 name"/>
  39. <meta name="text:link3url" content="link 3 url"/>
  40. <meta name="text:link4" content="link 4 name"/>
  41. <meta name="text:link4url" content="link 4 url"/>
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
  44. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  45.  
  46. <script type="text/javascript"
  47. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  48.  
  49. <script>
  50. $(document).ready(function() {
  51. //When you click on a link with class of poplight and the href starts with a #
  52. $('a.poplight[href^=#]').click(function() {
  53. var popID = $(this).attr('rel'); //Get Popup Name
  54. var popURL = $(this).attr('href'); //Get Popup href to define size
  55. //Pull Query & Variables from href URL
  56. var query= popURL.split('?');
  57. var dim= query[1].split('&');
  58. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  59. //Fade in the Popup and add close button
  60. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://38.media.tumblr.com/6af5d5c420629727df31cbb9e3b8329b/tumblr_inline_n2aj54kxoa1r7v6wt.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  61. //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
  62. var popMargTop = ($('#' + popID).height() + 80) / 2;
  63. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  64. //Apply Margin to Popup
  65. $('#' + popID).css({
  66. 'margin-top' : -popMargTop,
  67. 'margin-left' : -popMargLeft
  68. });
  69. //Fade in Background
  70. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  71. $('#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
  72. return false;});
  73. //Close Popups and Fade Layer
  74. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  75. $('#fade , .popup_block').fadeOut(function() {
  76. $('#fade, a.close').remove(); });
  77. return false;
  78. });});
  79. </script>
  80.  
  81. {block:If250pxPosts}
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  84. <script type="text/javascript">
  85. $(window).load(function () {
  86. $('#container').masonry({
  87. itemSelector : "#post",
  88. },
  89. function() { $('#container').masonry({ appendedContent: $(this) }); }
  90. );
  91. });
  92. </script>{/block:If250pxPosts}
  93.  
  94.  
  95. <style type="text/css">
  96.  
  97. ::selection {
  98. color:{color:accent};
  99. }
  100.  
  101. #tumblr_controls {
  102. -webkit-transform:scale(.8);
  103. -moz-transform:scale(.8);
  104. -o-transform:scale(.8);
  105. -ms-transform:scale(.8);
  106. -webkit-filter:invert(100%);
  107. -moz-filter:invert(100%);
  108. -o-filter:invert(100%);
  109. -ms-filter:invert(100%);
  110. top:5px;
  111. right:-5px;
  112. position:fixed!important;
  113. opacity:.3;
  114. }
  115.  
  116.  
  117. /* POP UP */
  118. #fade {
  119. display: none;
  120. background:{color:fadebg} url({text:popup background url});
  121. position: fixed;
  122. left: 0;
  123. top: 0;
  124. width: 100%;
  125. height: 100%;
  126. opacity: .8;
  127. z-index: 999;
  128. }
  129.  
  130.  
  131. .popup_block{
  132. display: none;
  133. background: transparent;
  134. padding: 20px;
  135. float: left top;
  136. position: fixed;
  137. left:50%;
  138. top:50%;
  139. z-index: 99;
  140. }
  141.  
  142. img.btn_close {
  143. float: right;
  144. width:7px!important;
  145. height:7px!important;
  146. margin: -10px -10px 0 0;
  147. }
  148.  
  149. *html #fade {
  150. position: absolute;
  151. }
  152.  
  153. *html .popup_block {
  154. position: absolute;
  155. z-index:999;
  156. }
  157.  
  158. .poplight:hover {color:black;}
  159.  
  160. body {
  161. font-size:11px;
  162. background-color:{color:background};
  163. font-family:Lato;
  164. color:{color:text};
  165. -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  166. -moz-animation: fadein 2s; /* Firefox < 16 */
  167. -ms-animation: fadein 2s; /* Internet Explorer */
  168. -o-animation: fadein 2s; /* Opera < 12.1 */
  169. animation: fadein 2s;
  170. }
  171.  
  172. a {
  173. color:{color:links};
  174. text-decoration:none;
  175. -webkit-transition-duration:500ms;-o-transition-duration:500ms;-ms-transition-duration:500ms;-moz-transition-duration:500ms;
  176. }
  177.  
  178. a:hover, a:active {
  179. color:{color:accent};
  180. }
  181.  
  182. b, strong, em {
  183. font-size:1em;
  184. font-weight:bold;
  185. }
  186.  
  187. h1 {
  188. font-family:Montserrat;
  189. text-align:center;
  190. font-size:12px;
  191. text-transform:uppercase;
  192. font-weight:700;
  193. }
  194.  
  195. blockquote {
  196. padding:4px 0px 4px 10px;
  197. margin:0px 0px 0px 10px;
  198. font-weight:200;
  199. border-left:4px solid {color:accent};
  200. text-align:left;
  201. }
  202.  
  203. ul {
  204. margin-left:-23px;
  205. list-style-type:none;
  206. text-align:left;
  207. font-weight:200;
  208. line-height:18px;
  209. }
  210.  
  211. li:before {
  212. position:absolute;
  213. content:"";
  214. width:4px;height:4px;
  215. background-color:{color:accent};
  216. border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;
  217. margin-top:6px;
  218. margin-left:-9px;
  219. }
  220.  
  221.  
  222. @keyframes fadein {
  223. from { opacity: 0; }
  224. to { opacity: 1; }
  225. }
  226.  
  227. /* Firefox < 16 */
  228. @-moz-keyframes fadein {
  229. from { opacity: 0; }
  230. to { opacity: 1; }
  231. }
  232.  
  233. /* Safari, Chrome and Opera > 12.1 */
  234. @-webkit-keyframes fadein {
  235. from { opacity: 0; }
  236. to { opacity: 1; }
  237. }
  238.  
  239. /* Internet Explorer */
  240. @-ms-keyframes fadein {
  241. from { opacity: 0; }
  242. to { opacity: 1; }
  243. }
  244.  
  245. /* Opera < 12.1 */
  246. @-o-keyframes fadein {
  247. from { opacity: 0; }
  248. to { opacity: 1; }
  249. }
  250.  
  251. .sidebar {
  252. position:fixed;
  253. top:100px;
  254. {block:ifleftsidebar}left:50%;margin-left:-400px;{/block:ifleftsidebar}
  255. {block:ifrightsidebar}right:50%;margin-right:-400px;{/block:ifrightsidebar}
  256. width:100px;
  257. z-index:999;
  258. }
  259.  
  260. .sidebarimage {
  261. width:50px;
  262. height:50px;
  263. {block:ifleftsidebar}margin-left:50px;{/block:ifleftsidebar}
  264. {block:ifrightsidebar}margin-left:0px;{/block:ifrightsidebar}
  265. }
  266.  
  267. .sidebarimage img {
  268. width:50px;
  269. height:50px;
  270. -webkit-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;
  271. }
  272.  
  273. .sidebarimage:hover .billy {
  274. opacity:1;
  275. }
  276.  
  277. .billy {
  278. position:absolute;
  279. opacity:0;
  280. width:40px;
  281. height:40px;
  282. background-color:rgba(255,255,255,.8);
  283. margin-top:-47px;
  284. margin-left:5px;
  285. -webkit-transition-duration:600ms;
  286. -moz-transition-duration:600ms;
  287. -o-transition-duration:600ms;
  288. -ms-transition-duration:600ms;
  289. -webkit-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;
  290. }
  291.  
  292. .billy_wrap
  293. {
  294. width:20px;
  295. position:absolute;
  296. margin-top:10px;
  297. margin-left:10px;
  298. overflow:hidden;
  299. }
  300.  
  301.  
  302. .title {
  303. {block:ifleftsidebar}text-align:right;{/block:ifleftsidebar}
  304. {block:ifrightsidebar}text-align:left;{/block:ifrightsidebar}
  305. font-weight:900;
  306. width:100px;
  307. padding-top:5px;
  308. cursor:help;
  309. font-size:16px;
  310. text-transform:lowercase;
  311. font-family:Montserrat;
  312. }
  313.  
  314. .title a {color:#000;}
  315.  
  316. .links:before {
  317. content:"";
  318. position:fixed;
  319. margin-top:-7px;
  320. {block:ifleftsidebar}margin-left:-25px;{/block:ifleftsidebar}
  321. {block:ifrightsidebar}margin-left:0px;{/block:ifrightsidebar}
  322. width:25px;
  323. height:4px;
  324. background-color:{color:accent};
  325. }
  326.  
  327. .links {
  328. margin-top:10px;
  329. {block:ifleftsidebar}text-align:right;{/block:ifleftsidebar}
  330. {block:ifrightsidebar}text-align:left;{/block:ifrightsidebar}
  331. font-family:Lato;
  332. line-height:15px;
  333. }
  334.  
  335. .links a {
  336. display:block;
  337. font-weight:300;
  338. text-transform:uppercase;
  339. font-size:8px;
  340. letter-spacing:1px;
  341. }
  342.  
  343. .links a:hover b {color:{color:links}!important;}
  344. .links a:hover {color:{color:accent};}
  345.  
  346. #container {
  347. {block:If250pxPosts}width:700px;{block:IfRightSidebar}margin-left:-350px;{/block:IfRightSidebar}{block:IfLeftSidebar}margin-left:-300px;{block:IfLeftSidebar}{/block:If250pxPosts}
  348. {block:IfNot250pxPosts}width:500px;margin-left:-250px;{/block:IfNot250pxPosts}
  349. top:0;
  350. position:absolute;
  351. left:50%;
  352. padding-bottom:50px;
  353.  
  354. }
  355.  
  356. #post {
  357. float:left;
  358. {block:If250pxPosts}width:250px;margin-top:40px;margin-left:40px;{/block:If250pxPosts}
  359. {block:If400pxPosts}width:400px;margin-top:80px;{/block:If400pxPosts}
  360. {block:If500pxPosts}width:500px;margin-top:80px;{/block:If500pxPosts}
  361. padding:10px;
  362. background-color:#fff;
  363. display:block;
  364. }
  365.  
  366. .tp {
  367. letter-spacing:1px;
  368. font-size:10px;
  369. line-height:16px;
  370. {block:If250pxPosts}
  371. text-align:center;{/block:If250pxPosts}
  372. }
  373.  
  374.  
  375. .tp h1 {
  376. padding:10px 0px;
  377. color:white;
  378. background-color:{color:accent};
  379. }
  380.  
  381. #info {
  382. margin-top:10px;
  383. opacity:0;
  384. -webkit-transition-duration:500ms;-o-transition-duration:500ms;-ms-transition-duration:500ms;-moz-transition-duration:500ms;
  385. }
  386.  
  387. #post:hover #info {
  388. opacity:1;
  389. }
  390.  
  391. .permalink {
  392. padding:4px 7px;
  393. background-color:#fff;
  394. color:#ddd;
  395. border:1px solid #ddd;
  396. font-weight:300;
  397. -webkit-transition-duration:500ms;-o-transition-duration:500ms;-ms-transition-duration:500ms;-moz-transition-duration:500ms;
  398. }
  399.  
  400. .permalink:hover {
  401. color:#000;
  402. border-color:#000;
  403. }
  404.  
  405. .permalink:hover:after {
  406. -webkit-box-shadow:{block:If250pxPosts}180px{/block:If250pxPosts}{block:If400pxPosts}330px{/block:If400pxPosts}{block:If500pxPosts}430px{/block:If500pxPosts} 0px #000 inset;
  407. }
  408.  
  409. .reblog {
  410. font-size:8px;
  411. text-transform:uppercase;
  412. background-color:#fff;
  413. padding:0px 3px;
  414. letter-spacing:1px;
  415. margin-right:40px;
  416. float:right;
  417. font-weight:300;
  418. -webkit-transition-duration:500ms;-o-transition-duration:500ms;-ms-transition-duration:500ms;-moz-transition-duration:500ms;
  419.  
  420. }
  421.  
  422. #post:hover .reblog {
  423. margin-right:0px;
  424. }
  425.  
  426. .permalink:after {
  427. -webkit-transition-duration:500ms;-o-transition-duration:500ms;-ms-transition-duration:500ms;-moz-transition-duration:500ms;
  428. content:"";
  429. position:absolute;
  430. margin-top:5px;
  431. margin-left:8px;
  432. background-color:#ddd;
  433. {block:if500pxposts}width:380px;{/block:if500pxposts}
  434. {block:if400pxposts}width:280px;{/block:if400pxposts}
  435. {block:if250pxposts}width:130px;{/block:if250pxposts}
  436. height:1px;
  437. -webkit-box-shadow:0px 0px #fff inset;
  438. }
  439.  
  440. #post:hover .permalink:after {
  441. {block:if500pxposts}width:430px;{/block:if500pxposts}
  442. {block:if400pxposts}width:330px;{/block:if400pxposts}
  443. {block:if250pxposts}width:180px;{/block:if250pxposts}
  444. }
  445.  
  446. .tags {
  447. text-align:center;
  448. text-transform:uppercase;
  449. font-weight:300;
  450. }
  451.  
  452. .tag {
  453. letter-spacing:1px;
  454. font-family:Lato, Sans-Serif;
  455. font-size:7px;
  456. color:black;
  457. -webkit-transition-duration:.7s;
  458. -moz-transition-duration:.7s;
  459. -o-transition-duration:.7s;
  460. -ms-transition-duration:.7s;
  461. }
  462.  
  463. #welcome {
  464. background-color:white;
  465. padding:20px;
  466. width:300px;
  467. z-index:999999;
  468. text-align:center;
  469. }
  470.  
  471. #welcome img {
  472. width:50px;
  473. height:50px;
  474. -webkit-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;
  475. }
  476.  
  477. .wtitle {
  478. font-family:Montserrat;
  479. text-align:center;
  480. margin-top:5px;
  481. font-weight:700;
  482. text-transform:lowercase;
  483. font-size:16px;
  484. padding-bottom:10px;
  485. }
  486.  
  487. .wtitle:after {
  488. content:"";
  489. position:absolute;
  490. margin-top:20px;
  491. width:50px;
  492. left:50%;
  493. margin-left:-25px;
  494. height:4px;
  495. background-color:{color:accent};
  496. }
  497.  
  498. .desc {
  499. font-size:12px;
  500. font-family:Lato;
  501. font-weight:200;
  502. letter-spacing:1px;
  503. line-height:18px;
  504. }
  505.  
  506. .innards {
  507. padding:10px;
  508. border:1px solid {color:accent};
  509. }
  510.  
  511. #pagi {
  512. position:relative;
  513. height:15px;
  514. padding-top:135px;
  515. padding-bottom:50px;
  516. text-align:center;
  517. width:100%;
  518. font-family:Lato, Sans-Serif;
  519. }
  520.  
  521. .jump_page {
  522. padding: 10px;
  523. color:#000;
  524. font-size:9px;
  525. text-decoration:none;
  526. margin-top:30px;
  527. font-weight:300;
  528. }
  529.  
  530. .current_page, .jump_page:hover {
  531. padding: 10px;
  532. margin-top:30px;
  533. color: black;
  534. font-size:9px;
  535. text-decoration:none;
  536. font-weight:900;
  537. -webkit-transition-duration:.4s;
  538. -moz-transition-duration:.4s;
  539. -o-transition-duration:.4s;
  540. -ms-transition-duration:.4s;
  541. }
  542.  
  543. #credit {
  544. position:fixed;
  545. width:80px;
  546. text-align:right;
  547. right:5px;
  548. bottom:5px;
  549. padding:5px;
  550. font-family:Montserrat,Lato, Sans-Serif;
  551. font-weight:bold;
  552. font-size:7px;
  553. text-transform:uppercase;
  554. letter-spacing:1px
  555. }
  556.  
  557. #credit a {color:black;font-weight:bold;}
  558.  
  559. .quote {
  560. {block:If250pxPosts}width:250px;{/block:If250pxPosts}
  561. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  562. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  563. text-align:center;
  564. font-style:italic;
  565. }
  566.  
  567. .source {
  568. text-align:center;
  569. font-style:normal;
  570. padding:10px 0px;
  571. text-transform:uppercase;
  572. font-weight:lighter;
  573. font-size:10px;
  574. letter-spacing:1px;
  575. }
  576.  
  577. .qmark {
  578. font-family:Times;
  579. font-style:normal;
  580. color:#000;
  581. padding:5px;
  582. font-weight:900;
  583. font-size:14px;
  584. }
  585.  
  586. .caption {
  587. position:absolute;
  588. opacity:0;
  589. margin-top:-100px;
  590. {block:If250pxPosts}width:210px;{/block:If250pxPosts}
  591. {block:If400pxPosts}width:360px;{/block:If400pxPosts}
  592. {block:If500pxPosts}width:460px;{/block:If500pxPosts}
  593. height:70px;
  594. overflow-y:auto;
  595. margin-left:10px;
  596. background-color:rgba(255,255,255,.9);
  597. -moz-border-radius: 5px;
  598. -webkit-border-radius: 5px;
  599. border-radius: 5px;
  600. padding:10px;
  601. text-align:center;
  602. line-height:4px;
  603. -webkit-transition-duration:600ms;-o-transition-duration:600ms;-ms-transition-duration:600ms;-moz-transition-duration:600ms;
  604. }
  605.  
  606. #post:hover .caption {
  607. opacity:1;
  608. }
  609.  
  610. .caption a {
  611. font-family:Montserrat;
  612. text-transform:uppercase;
  613. font-size:7px;
  614. padding:0px;
  615. font-weight:bold;
  616. letter-spacing:2px;
  617. display:inline-block;
  618. }
  619.  
  620.  
  621. .caption blockquote {
  622. border:none;
  623. text-align:center;
  624. padding:none;
  625. margin-top:0;
  626. line-height:100%;
  627. }
  628.  
  629. .anspost {
  630. display:block;
  631. }
  632.  
  633. .question {
  634. text-align:center;
  635. }
  636.  
  637. .asker {
  638. text-align:center;
  639. text-transform:uppercase;
  640. font-size:9px;
  641. font-weight:900;
  642. padding:5px 0px;
  643. letter-spacing:1px;
  644. }
  645.  
  646.  
  647. .answer {
  648. text-align:center;
  649. font-size:11px;
  650. line-height:200%;
  651. font-weight:300;
  652. letter-spacing:1px;
  653. }
  654.  
  655. .line {
  656. font-weight:300;
  657. text-align:center;
  658. line-height:180%;
  659. }
  660.  
  661. .art {
  662. width:50%;
  663. height:width;
  664. z-index:-9;
  665. border:1px solid black;
  666. }
  667.  
  668. .play_wrap {
  669. width:85px;
  670. height:85px;
  671. background-color:#fff;
  672. position:absolute;
  673. {block:If400pxPosts}margin-left:60px;
  674. margin-top:60px;{/block:If400pxPosts}
  675. {block:If250pxPosts}margin-left:20px;margin-top:20px;{/block:If250pxPosts}
  676. {block:If500pxposts}margin-left:75px;margin-top:75px;{/block:if500pxposts}
  677. z-index:9;
  678. opacity:.3;
  679. -webkit-transition-duration:600ms;-moz-transition-duration:600ms;-ms-transition-duration:600ms;-o-transition-duration:600ms;
  680. }
  681.  
  682. .player {
  683. overflow:hidden;
  684. width:25px;
  685. height:25px;
  686. margin-left:30px;margin-top:30px;
  687. }
  688.  
  689. .play_wrap:hover {
  690. opacity:.9;
  691. }
  692.  
  693. .audioinfo {
  694. {block:If250pxPosts}width:105px;height:100px;margin-top:-129px;margin-left:126px; padding:10px; padding-top:15px;{/block:If250pxPosts}
  695. {block:If400pxPosts}width:180px;padding:10px;padding-top:50px;height:140px;margin-top:-204px;margin-left:201px;{/block:if400pxposts}
  696. {block:if500pxposts}width:220px;margin-top:-254px;margin-left:240px;padding:15px;padding-top:60px;height:175px;{/block:if500pxposts}
  697. border:1px solid black;
  698. position:absolute;
  699. background-color:white;
  700. text-align:center;
  701. line-height:250%;
  702.  
  703. }
  704.  
  705. .track {
  706. text-transform:uppercase;
  707. font-size:10px;
  708. font-weight:bold;
  709. }
  710. .track:after {
  711. content:"";
  712. position:absolute;
  713. height:3px;
  714. width:32px;
  715. background-color:{color:accent};
  716. left:50%;
  717. margin-left:-16px;
  718. {block:if250pxposts}margin-top:25px;{/block:if250pxposts}
  719. {block:if400pxposts}margin-top:30px;{/block:if400pxposts}
  720. {block:If500pxposts}margin-top:30px;{/block:if500pxposts}
  721. }
  722.  
  723. .artist {
  724. letter-spacing:1px;
  725. font-weight:300;
  726. font-size:9px;
  727. {block:ifNot250pxPosts}font-size:12px;{/block:ifnot250pxposts}
  728. margin-top:10px;
  729. }
  730.  
  731. </style>
  732. </head>
  733. <body>
  734.  
  735. <div class="sidebar">
  736. <div class="sidebarimage">
  737. {block:IfUseAvatar}<img src="{PortraitURL-40}">{/block:IfUseAvatar}
  738. {block:IfNotUseAvatar}{block:IfUploadUsingURL}<img src="{text:sidebar image url}">{/block:IfUploadUsingURL}{block:IfNotUploadUsingURL}<img src="{image:sidebar}">{/block:IfNotUploadUsingURL}{/block:IfNotUseAvatar}
  739. {block:IfMusicPlayer}
  740. <div class="billy">
  741. <div class="billy_wrap">
  742. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://k003.kiwi6.com/hotlink/um26xel32p/38305-video-killed-the-radio-star-the-buggles--1411576156.mp3&t0=Video Killed The Radio Star&f1=http://k003.kiwi6.com/hotlink/tu6rfhe40s/Agusti_n_Amigo_-_Video_Killed_The_Radio_Star_The_Buggles_-_Solo_Acoustic_Guitar.mp3&t1=Acoustic Video Killed the Radio Star&total=2" quality="high" wmode="transparent" width="200" height="10" style="margin-left:-20px;" name="billy" align="middle" type="application/x-shockwave-flash" /></div></div><!---THIS IS WHERE YOUR BILLY CODE GOES (MUSIC PLAYER). If you do nothing, your blog will play Video Killed The Radio Star. To create your own music player, go to http://sheepproductions.com/billy. IMPORTANT: in the embedded code they give you, make sure to add style="margin-left:-20px;" Otherwise, your player will not show-->
  743. {/block:IfMusicPlayer}
  744. </div>
  745. <a href="#?w=300" rel="welcome" class="poplight"><div class="title">{Title}</div></a>
  746. <div class="links">
  747. <a href="{text:link1url}"><b>01. </b>{text:link1}</a>
  748. <a href="{text:link2url}"><b>02. </b>{text:link2}</a>
  749. <a href="{text:link3url}"><b>03. </b>{text:link3}</a>
  750. <a href="{text:link4url}"><b>04. </b>{text:link4}</a>
  751. </div>
  752. </div>
  753.  
  754. <div id="container">
  755. {block:Posts}
  756. <div id="post">
  757. <!-- {block:NoRebloggedFrom}
  758. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  759. {/block:NoRebloggedFrom} -->
  760.  
  761. {block:ContentSource}<!-- {SourceURL}
  762. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  763. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  764. {/block:ContentSource}
  765.  
  766. <!--PHOTO POSTS--->
  767. {block:Photo}
  768. {LinkOpenTag}
  769. {block:If250pxPosts}<img src="{PhotoURL-250}">{/block:If250pxPosts}
  770. {block:If400pxPosts}<img src="{PhotoURL-400}">{/block:If400pxPosts}
  771. {block:If500pxPosts}<img src="{PhotoURL-500}">{/block:If500pxPosts}
  772. {LinkCloseTag}
  773. {block:ifCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  774. {/block:Photo}
  775.  
  776. <!---TEXT POSTS--->
  777. {block:Text}
  778. <div class="tp">
  779. {block:Title}<h1>{Title}</h1>{/block:Title}
  780. {Body}
  781. </div>
  782. {/block:Text}
  783.  
  784. <!---PHOTOSET POSTS--->
  785. {block:Photoset}<div class="photoset">
  786. {block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}
  787. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
  788. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  789. {block:ifCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifCaptions}</div>
  790. {/block:Photoset}
  791.  
  792. <!--CHAT POSTS-->
  793. {block:Chat}
  794. {block:Title}<h1>{Title}</h1>{/block:Title}
  795. {block:Lines}<div class="line">{block:Label}<b style="letter-spacing:1px;font-weight:bold;font-size:10px;">{Label}</b> {/block:Label}{Line}</div>{/block:Lines}
  796. {/block:Chat}
  797.  
  798. <!---LINK POSTS--->
  799. {block:Link}
  800. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  801. {block:Description}{Description}{/block:Description}
  802. {/block:Link}
  803.  
  804. <!--ANSWER POSTS-->
  805. {block:Answer}<div class="anspost">
  806. <div class="question"><span class="qmark">❝</span>{Question}<span class="qmark">❞</span></div>
  807. <div class="asker">{Asker}</div>
  808. <div class="answer">{Answer}</div>
  809. </div>{/block:Answer}
  810.  
  811. <!--AUDIO POSTS-->
  812. {block:Audio}
  813. {block:If250pxPosts}{AudioEmbed-250}{/block:If250pxPosts}
  814. {block:If400pxPosts}{AudioEmbed-400}{/block:If400pxPosts}
  815. {block:If500pxPosts}{AudioEmbed-500}{/block:If500pxPosts}
  816. {block:AudioPlayer}<div class="play_wrap"><div class="player">{AudioPlayer}</div></div>{block:AlbumArt}<img class="art" src="{AlbumArtURL}">{/block:AlbumArt}{/block:AudioPlayer}
  817. <div class="audioinfo">
  818. {block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}
  819. {block:Artist}<div class="artist">{Artist}</div>{/block:Artist}
  820. </div>
  821. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  822. {/block:Audio}
  823.  
  824. <!---QUOTE POSTS--->
  825. {block:Quote}<div class="quote"><span class="qmark">❝</span>{Quote}<span class="qmark">❞</span></div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  826.  
  827.  
  828.  
  829. <!---POST INFO (INDEX PAGE)-->
  830. <div id="info">
  831. {block:Date}<a class="permalink" href="{Permalink}">&</a>
  832. <a class="reblog" href="{ReblogURL}">Reblog</a>
  833. {/block:Date}
  834. {block:ifTags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifTags}
  835. </div>
  836.  
  837. </div>
  838. {/block:Posts}
  839.  
  840. <div id="pagi">
  841. {block:Pagination}
  842. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  843.  
  844. {block:JumpPagination length="5"}
  845. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  846. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  847. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  848. {/block:Pagination}
  849. </div></div>
  850.  
  851.  
  852.  
  853. <div id="credit"><a href="http://ciralism.tumblr.com">Ciralism</a></div>
  854.  
  855.  
  856. </body>
  857. <div id="welcome" class="popup_block"><center><div class="innards">
  858.  
  859. {block:IfUseAvatar}<img src="{PortraitURL-40}">{/block:IfUseAvatar}
  860. {block:IfNotUseAvatar}{block:IfUploadUsingURL}<img src="{text:sidebar image url}">{/block:IfUploadUsingURL}{block:IfNotUploadUsingURL}<img src="{image:sidebar}">{/block:IfNotUploadUsingURL}{/block:IfNotUseAvatar}
  861. <div class="wtitle">{text:pop up title}</div>
  862. <div class="desc">{Description}</div>
  863. </div></center></div>
  864. </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!