API tools faq
paste
Advertisement
deviousgleerpthemes

nutbush

deviousgleerpthemes
Jun 2nd, 2016
357
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.69 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.  
  4. <head>
  5. <link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
  6.  
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <script>
  10. $(document).ready(function() {
  11. //
  12. $('a.poplight[href^=#]').click(function() {
  13. var popID = $(this).attr('rel'); //Get Popup Name
  14. var popURL = $(this).attr('href'); //Get Popup href to define size
  15. var query= popURL.split('?');
  16. var dim= query[1].split('&');
  17. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  18. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  19. var popMargTop = ($('#' + popID).height() + 80) / 2;
  20. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  21. //Apply Margin to Popup
  22. $('#' + popID).css({
  23. 'margin-top' : -popMargTop,
  24. 'margin-left' : -popMargLeft
  25. });
  26. $('body').append('<div id="fade"></div>');
  27. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  28. return false;
  29. });
  30. $('a.close, #fade').live('click', function() {
  31. $('#fade , .popup_block').fadeOut(function() {
  32. $('#fade, a.close').remove(); //fade them both out
  33. });
  34. return false;
  35. });
  36. });
  37. </script>
  38.  
  39.  
  40.  
  41. <title>{Title}</title>
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46. <!-- "NUTBUSH" by youainshitrps
  47. This is all my coding. So please don't steal. -->
  48.  
  49.  
  50.  
  51. <meta name="color:background" content="#ffffff"/>
  52. <meta name="color:container" content="#ffffff"/>
  53. <meta name="color:text" content="#a8a8a8"/>
  54. <meta name="color:bold" content="#ccdd66"/>
  55. <meta name="color:italic" content="#dfea98"/>
  56. <meta name="color:links" content="#007dc7"/>
  57. <meta name="color:hover" content="#ffffff"/>
  58. <meta name="color:blockquote" content="#007dc7"/>
  59. <meta name="color:links border" content="#007dc7"/>
  60. <meta name="color:links hover" content="#007dc7"/>
  61. <meta name="color:links hover text" content="#ffffff"/>
  62. <meta name="color:border" content="#007dc7"/>
  63. <meta name="color:post border" content="#007dc7"/>
  64. <meta name="color:description text" content="#000000"/>
  65. <meta name="color:sidebar links text" content="#ffffff"/>
  66. <meta name="color:sidebar background" content="#000000"/>
  67. <meta name="color:blog title" content="#ffffff"/>
  68. <meta name="color:subtitle" content="#ffffff"/>
  69. <meta name="color:drop shadow" content="#000000"/>
  70. <meta name="color:post background" content="#ffffff"/>
  71. <meta name="color:pagination background" content="#000000"/>
  72. <meta name="color:pre text" content="#ffffff"/>
  73. <meta name="color:pre color" content="#000000"/>
  74. <meta name="color:pagination text" content="#007dc7"/>
  75. <meta name="color:ask bubble" content="#ebf1c2"/>
  76. <meta name="color:scrollbar" content="#000000"/>
  77. <meta name="color:scrollbar background" content="#ffffff"/>
  78. <meta name="text:subtitle" content="muses">
  79.  
  80. <meta name="color:side title 1" content="#ffffff"/>
  81. <meta name="color:side title 2" content="#ffffff"/>
  82. <meta name="color:side title 3" content="#ffffff"/>
  83. <meta name="color:side title 4" content="#ffffff"/>
  84. <meta name="color:side title 5" content="#ffffff"/>
  85. <meta name="color:side content" content="#ffffff"/>
  86. <meta name="color:slider border" content="#efefef"/>
  87.  
  88.  
  89. <meta name="text:side title 1" content="side1">
  90. <meta name="text:side title 2" content="side2">
  91. <meta name="text:side title 3" content="side3">
  92. <meta name="text:side title 4" content="side4">
  93. <meta name="text:side title 5" content="side5">
  94.  
  95. <meta name="text:slider header 1" content="header1">
  96. <meta name="text:slider header 2" content="header2">
  97. <meta name="text:slider header 3" content="header3">
  98. <meta name="text:slider header 4" content="header4">
  99. <meta name="text:slider header 5" content="header5">
  100.  
  101. <meta name="color:side header text 1" content="#b9b9b9"/>
  102. <meta name="color:side header text 2" content="#b9b9b9"/>
  103. <meta name="color:side header text 3" content="#b9b9b9"/>
  104. <meta name="color:side header text 4" content="#b9b9b9"/>
  105. <meta name="color:side header text 5" content="#b9b9b9"/>
  106.  
  107. <meta name="text:side content 1" content="content 1">
  108. <meta name="text:side content 2" content="content 2">
  109. <meta name="text:side content 3" content="content 3">
  110. <meta name="text:side content 4" content="content 4">
  111. <meta name="text:side content 5" content="content 5">
  112.  
  113. <meta name="image:background" content=""/>
  114. <meta name="image:sidebar" content=""/>
  115. <meta name="image:corner image" content=""/>
  116.  
  117. <meta name="image:icon1" content="">
  118. <meta name="image:icon2" content="">
  119. <meta name="image:icon3" content="">
  120.  
  121. <meta name="image:muse1" content="">
  122. <meta name="image:muse2" content="">
  123. <meta name="image:muse3" content="">
  124.  
  125. <meta name="text:muse1 descript" content="write about muse 1 here.">
  126. <meta name="text:muse2 descript" content="write about muse 2 here.">
  127. <meta name="text:muse3 descript" content="write about muse 3 here.">
  128.  
  129. <meta name="text:link 1 name" content="link"/>
  130. <meta name="text:link 1 url" content=""/>
  131. <meta name="text:link 2 name" content="link"/>
  132. <meta name="text:link 2 url" content=""/>
  133. <meta name="text:link 3 name" content="link"/>
  134. <meta name="text:link 3 url" content=""/>
  135. <meta name="text:link 4 name" content="link"/>
  136. <meta name="text:link 4 url" content=""/>
  137. <meta name="text:link 5 name" content="link"/>
  138. <meta name="text:link 5 url" content=""/>
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146. <style type="text/css">
  147.  
  148.  
  149. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  150. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  151. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  152. <script>
  153. (function($){
  154. $(document).ready(function(){
  155. $("[title]").style_my_tooltips({
  156. tip_follows_cursor:true,
  157. tip_delay_time:200,
  158. tip_fade_speed:300
  159. });
  160. });
  161. })(jQuery);
  162. </script>
  163.  
  164. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  165.  
  166. <style type="text/css">
  167.  
  168. #fade { /*--Transparent background layer--*/
  169. display: none; /*--hidden by default--*/
  170. background: #fff;
  171. background-image: url(''); /*if you want to add a background image to go behind your popup */
  172. position: fixed; left: 0; top: 0;
  173. width: 100%; height: 100%;
  174. opacity: .80;
  175. z-index: 9999999999999;
  176. }
  177. .popup_block{
  178. display: none;
  179. background: #fff;
  180. padding: 20px;
  181. border: 1px solid #ddd;
  182. float: left;
  183. font-size: 9 px;
  184. position: fixed;
  185. top: 50%; left: 50%;
  186. z-index: 999999999999;
  187. -webkit-animation: bounceIn ·2s;
  188. -moz-animation: bounceIn 2s;
  189. -ms-animation: bounceIn 2s;
  190. -o-animation: bounceIn 2s;
  191. animation: bounceIn 2s;
  192. }
  193. img.btn_close {
  194. float: right;
  195. margin: -5px -5px 0 0;
  196. }
  197. /*--Making IE6 Understand Fixed Positioning--*/
  198. *html #fade {
  199. position: absolute;
  200. }
  201. *html .popup_block {
  202. position: absolute;
  203. }
  204.  
  205.  
  206. ::-webkit-scrollbar-thumb {
  207. height:auto;
  208. background-color:{color:Scrollbar};
  209. }
  210.  
  211. ::-webkit-scrollbar {
  212. height:9px;
  213. width:4px;
  214. background-color:{color:ScrollbarBg};
  215. }
  216.  
  217.  
  218. body {
  219. background:{color:background};
  220. margin:0px;
  221. color:{color:text};
  222. font-family: 'PT Sans Narrow', sans-serif;
  223. line-height:150%;
  224. font-size:13px;
  225. text-align:justify;
  226. background-image:url('{image:background}');
  227. }
  228.  
  229. b,strong{
  230. color:{color:bold};
  231. }
  232.  
  233.  
  234. i,em{
  235. color:{color:italic};
  236. }
  237.  
  238.  
  239. a {
  240. color: {color:links};
  241. text-decoration: none;
  242.  
  243. }
  244.  
  245. a:hover {
  246. color:{color:hover};
  247. transition:all 0.5s ease-in-out;
  248. -o-transition:all 0.5s ease-in-out;
  249. -moz-transition:all 0.5s ease-in-out;
  250. -webkit-transition:all 0.5s ease-in-out;
  251.  
  252. }
  253.  
  254.  
  255. #title{
  256. position:fixed;
  257. color:{color:blog title};
  258. padding:5px;
  259. letter-spacing:5px;
  260. top:135px;
  261. margin-top:-33px;
  262. margin-left:-170px;
  263. font-weight:bold;
  264. font-family: 'PT Sans Narrow', sans-serif;
  265. font-size:13px;
  266. text-align:center;
  267. width:625px;
  268. height:20px;
  269. text-transform:uppercase;
  270. text-shadow: 2px 1px 0px {color:drop shadow};
  271.  
  272. }
  273.  
  274.  
  275.  
  276. #subtitle{
  277. position:fixed;
  278. color:{color:subtitle};
  279. padding:7px;
  280. line-height:80%;
  281. letter-spacing:20px;
  282. top:265px;
  283. margin-top:-33px;
  284. margin-left:150px;
  285. font-weight:bold;
  286. font-family: 'PT Sans Narrow', sans-serif;
  287. font-size:11px;
  288. text-align:center;
  289. width:125px;
  290. height:10px;
  291. text-transform:uppercase;
  292. text-shadow: 2px 1px 0px {color:drop shadow};
  293. border-top: solid 1px {color:border};
  294. border-bottom: solid 1px {color:border};
  295.  
  296. }
  297.  
  298. img {
  299. border:none;
  300. }
  301.  
  302.  
  303. pre {
  304. font-family: 'PT Sans Narrow', sans-serif;
  305. font-size:10px;
  306. text-transform:uppercase;
  307. padding-left:8px;
  308. padding-right:8px;
  309. padding-top:1px;
  310. padding-bottom:1px;
  311. text-align:center;
  312. color:{color:pre text};
  313. background-color:{color:pre color};
  314. word-wrap:break-word;
  315. }
  316.  
  317. small{font-size:9px;}
  318.  
  319. h1 {
  320. font-size:15px;
  321. color:{color:text};
  322. text-transform:uppercase;
  323. font-family: 'PT Sans Narrow', sans-serif;
  324. background-color:{color:background};
  325. padding:10px;
  326. font-style:bold, italic;
  327. text-align:center;
  328. }
  329.  
  330. blockquote {
  331. border-left:1px solid {color:blockquote};
  332. padding-left:5px;
  333. margin-left:10px;
  334. margin-top:10px;
  335. }
  336.  
  337.  
  338. /*ENTRIES*/
  339.  
  340.  
  341.  
  342. #container {
  343.  
  344. width:590px;
  345. height:505px;
  346. margin-left:555px;
  347. top:20px;
  348. background-color:{color:container};
  349. position:fixed;
  350. padding:5px;
  351. overflow:auto;
  352. z-index:9999999999;
  353. }
  354.  
  355.  
  356.  
  357. #entries {
  358. width:500px;
  359. padding:10px;
  360. margin-left:30px;
  361. margin-top:0px;
  362. margin-bottom:30px;
  363. background-color:{color:post background};
  364. border:solid 1px {color:post border};
  365. }
  366.  
  367.  
  368. #posttitle {
  369. margin-bottom: 5px;
  370. color:{color:sidebar link};
  371. font-size:20px;
  372. line-height:115%;
  373. text-align:left;
  374. text-transform: uppercase;
  375. }
  376.  
  377. /*SIDEBAR*/
  378.  
  379. #description {
  380. position:fixed;
  381. height:75px;
  382. width:110px;
  383. top:180px;
  384. padding:5px;
  385. font-family: 'PT Sans Narrow', sans-serif;
  386. font-size:11px;
  387. margin-top:50px;
  388. margin-left:0px;
  389. text-align:justify;
  390. overflow:auto;
  391. color:{color:description text};
  392. }
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399. #sidebar {
  400. padding: 5px;
  401. z-index:-9999;
  402. text-align:center;
  403. position:fixed;
  404. margin-top:50px;
  405. font-size:10px;
  406. margin-left:195px;
  407. width:292px;
  408. height:430px;
  409. font-family: 'PT Sans Narrow', sans-serif;
  410. color:{color:background};
  411. }
  412.  
  413. .sidebarimg {
  414.  
  415. margin-top:-50px;
  416. margin-left:-101px;
  417. }
  418.  
  419.  
  420. .sidebarimg img {
  421. position:fixed;
  422. opacity:1;
  423. width:295px;
  424. height:125px;
  425. top:210px;
  426. margin-top:160px;
  427. margin-left:-96px;
  428. border:solid 1px {color:border};
  429. z-index:9999999;
  430.  
  431. }
  432.  
  433.  
  434.  
  435. /*PAGINATION*/
  436.  
  437. #pagination {
  438. position: fixed;
  439. font-size:11px;
  440. line-height:130%;
  441. padding-top:5px;
  442. padding-bottom:5px;
  443. width:600px;
  444. height:14px;
  445. font:georgia;
  446. font-weight:bold;
  447. font-style:italic;
  448. text-align:center;
  449. letter-spacing: .5px;
  450. margin-top: 536px;
  451. margin-left:554px;
  452. color: {color:pagination text};
  453. background-color:{color:pagination background};
  454. text-shadow: 1px 1px 0px {color:drop shadow};
  455. border-bottom:solid 1px {color:border};
  456. border-left:solid 1px {color:border};
  457. border-right:solid 1px {color:border};
  458. }
  459.  
  460. /*SIDELINKS*/
  461. #links {
  462. padding:1px;
  463. padding-bottom:6px;
  464. line-height:120%;
  465. z-index:10000000000000000;
  466. text-align:center;
  467. font-size:9px;
  468. letter-spacing:2px;
  469. margin-top:320px;
  470. opacity:1;
  471. font-family: 'PT Sans Narrow', sans-serif;
  472. position:absolute;
  473. text-transform:uppercase;
  474. text-align:center;
  475. border-top:1px solid {color:border};
  476. border-bottom:1px solid {color:border};
  477. }
  478.  
  479. #links a{
  480. z-index:10000000000000000;
  481. margin-left:10px;
  482. padding:3px;
  483. display:inline-block;
  484. -webkit-transition: opacity 0.6s linear;
  485. -webkit-transition: all 0.6s ease-in-out;
  486. -moz-transition: all 0.6s ease-in-out;
  487. -o-transition: all 0.6s ease-in-out;
  488. border-left:0px solid transparent;
  489.  
  490. opacity:1;
  491. }
  492.  
  493. #links a:hover{
  494. color:{color:links hover text};
  495. border-left:5px solid {color:links border};
  496. background-color:{color:links hover};
  497. }
  498.  
  499.  
  500. #icon1 {
  501. position:fixed;
  502. opacity:1;
  503. background-image:url('{image:icon1}');
  504. width:85px;
  505. height:85px;
  506. top:130px;
  507. margin-left:205px;
  508. border:solid 1px {color:border};
  509. z-index:9999999;
  510. }
  511.  
  512.  
  513. #icon2 {
  514. position:fixed;
  515. opacity:1;
  516. background-image:url('{image:icon2}');
  517. width:85px;
  518. height:85px;
  519. top:130px;
  520. margin-left:303px;
  521. border:solid 1px {color:border};
  522. z-index:9999999;
  523. }
  524.  
  525. #icon3 {
  526. position:fixed;
  527. opacity:1;
  528. background-image:url('{image:icon3}');
  529. width:85px;
  530. height:85px;
  531. top:130px;
  532. margin-left:403px;
  533. border:solid 1px {color:border};
  534. z-index:9999999;
  535. }
  536.  
  537. #muse1 {
  538. position:fixed;
  539. opacity:1;
  540. background-image:url('{image:muse1}');
  541. width:40px;
  542. height:40px;
  543. top:275px;
  544. margin-left:348px;
  545. border:solid 1px {color:border};
  546. z-index:9999999;
  547. }
  548.  
  549.  
  550. #muse2 {
  551. position:fixed;
  552. opacity:1;
  553. background-image:url('{image:muse2}');
  554. width:40px;
  555. height:40px;
  556. top:275px;
  557. margin-left:398px;
  558. border:solid 1px {color:border};
  559. z-index:9999999;
  560. }
  561.  
  562. #muse3 {
  563. position:fixed;
  564. opacity:1;
  565. background-image:url('{image:muse3}');
  566. width:40px;
  567. height:40px;
  568. top:275px;
  569. margin-left:448px;
  570. border:solid 1px {color:border};
  571. z-index:9999999;
  572. }
  573.  
  574.  
  575.  
  576. /*----------QUOTE---------*/
  577.  
  578. .quote {
  579. padding:10px;
  580. font-size:15px;
  581. }
  582.  
  583. .quotesource {
  584. padding:10px;
  585. text-align:center;
  586. }
  587.  
  588. /*----------CHAT---------*/
  589.  
  590. .chat ol {
  591. padding:0;
  592. list-style:none;
  593. }
  594.  
  595.  
  596. .line {
  597. list-style:none;
  598. padding:5px 0;
  599. }
  600.  
  601.  
  602. .label {
  603. text-decoration:bold;
  604. }
  605.  
  606. /*----------AUDIO---------*/
  607.  
  608. .cover {
  609. position:relative;
  610. z-index:1;
  611. max-width:100px;
  612. padding:10px;
  613. float:left;
  614. }
  615.  
  616. .playbutton {
  617. width:20px;
  618. height:30px;
  619. overflow:hidden;
  620. position:relative;
  621. z-index:2;
  622.  
  623. }
  624.  
  625.  
  626. .playbox {
  627. background-color:#000;
  628. position:absolute;
  629. z-index:2;
  630. padding:15px 24px 13px 16px;
  631. margin-top:30px;
  632. margin-left:30px;
  633. opacity:0.5;
  634. }
  635.  
  636. .trackdetails {
  637. padding:10px;
  638. width:auto;
  639. height:100px;
  640. margin-top:10px;
  641. margin-left:100px;
  642. }
  643.  
  644. /*----------ASK---------*/
  645.  
  646. .bubble {
  647. width:400px;
  648. position: relative;
  649. background:{color:ask bubble};
  650. left:60px;
  651. margin: 0;
  652. padding:10px;
  653. text-align:center;
  654. -moz-border-radius:10px;
  655. -webkit-border-radius:10px;
  656. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  657. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  658. box-shadow: 0px 0 1px rgba(0,0,0,0);
  659. }
  660.  
  661.  
  662. .bubble:after {
  663. position: absolute;
  664. display: block;
  665. content: "";
  666. border-color: {color:ask bubble} transparent transparent transparent;
  667. border-style: solid;
  668. border-width: 15px 15px 0px;
  669. height:0;
  670. width:0;
  671. position:absolute;
  672. left:-15px;
  673. top:10px;
  674. }
  675.  
  676. /*----------INFO---------*/
  677.  
  678. .info {
  679. padding:10px;
  680. text-transform:uppercase;
  681. border-top:1px solid #eee;
  682. margin-top:25px;
  683. }
  684.  
  685.  
  686. .tags {
  687. margin-left:10px;
  688. margin-top:-5px;
  689. }
  690.  
  691. .tags a {
  692. margin-right:10px;
  693. letter-spacing:1px;
  694. }
  695.  
  696. /*----------POST NOTES---------*/
  697.  
  698. ol.notes {
  699. padding:0px;
  700. margin:25px 0px 0px -10px;
  701. list-style-type:none;
  702. }
  703.  
  704. ol.notes li.note {
  705. padding:10px;
  706. }
  707.  
  708. ol.notes li.note img.avatar {
  709. vertical-align:-4px;
  710. margin-right:10px;
  711. width:16px;
  712. height:16px;
  713. }
  714.  
  715. ol.notes li.note span.action {
  716. font-weight:none;
  717. }
  718.  
  719. ol.notes li.note .answer_content {
  720. font-weight:normal;
  721. }
  722.  
  723. ol.notes li.note blockquote {
  724. padding:4px 10px;
  725. margin:10px 0px 0px 25px;
  726. }
  727.  
  728. ol.notes li.note blockquote a {
  729. text-decoration:none;
  730. }
  731.  
  732. /*----------CREDIT---------*/
  733.  
  734. #credit {
  735. text-align:center;
  736. position:fixed;
  737. bottom:10px;
  738. right:10px;
  739. width:15px;
  740. height:15px;
  741. padding:3px;
  742. text-shadow: 1px 0px 0px {color:drop shadow};
  743. -webkit-transition: all 0.5s ease;
  744. -moz-transition: all 0.5s ease;
  745. -o-transition: all 0.5s ease;
  746. }
  747.  
  748. #credit:hover {
  749. background:transparent;
  750. transform: rotate(360deg);
  751. -ms-transform: rotate(360deg);
  752. -webkit-transform: rotate(360deg);
  753. -o-transform: rotate(360deg);
  754. -moz-transform: rotate(30deg);
  755. -webkit-transition: all 0.5s ease;
  756. -moz-transition: all 0.5s ease;
  757. -o-transition: all 0.5s ease;
  758. }
  759. #credit a {
  760. text-decoration:none;
  761. font-size:25px;
  762. color:{color:hover links text};
  763. text-shadow: 1px 0px 0px {color:drop shadow};
  764.  
  765. -webkit-transition: all 0.5s ease;
  766. -moz-transition: all 0.5s ease;
  767. -o-transition: all 0.5s ease;
  768. }
  769.  
  770. #credit a:hover {
  771. color:{color:hover};
  772. transform: rotate(360deg);
  773. -ms-transform: rotate(360deg);
  774. -webkit-transform: rotate(360deg);
  775. -o-transform: rotate(360deg);
  776. -moz-transform: rotate(30deg);
  777. -webkit-transition: all 0.5s ease;
  778. -moz-transition: all 0.5s ease;
  779. -o-transition: all 0.5s ease;
  780. }
  781.  
  782.  
  783. #thekey img{
  784. width:80px;
  785. margin-top: 0px;
  786. margin-left: 50px;
  787. position:fixed;
  788. z-index: 9999;
  789. }
  790.  
  791. #slider1{
  792. height:14px;
  793. text-align:center;
  794. overflow:hidden;
  795. margin-top:-1px;
  796. border-bottom:3px solid {color:slider border};
  797. text-transform:uppercase;
  798. background-color:;
  799. letter-spacing:1px;
  800. font-size:8px;
  801. line-height:10px;
  802. z-index:999999999999999999999;
  803. -webkit-transition: all 0.5s ease-in-out;
  804. -moz-transition: all 0.5s ease-in-out;
  805. -o-transition: all 0.5s ease-in-out;
  806. }
  807. #slider1:hover{
  808. height:100px;
  809. -webkit-transition: all 0.5s ease-in-out;
  810. -moz-transition: all 0.5s ease-in-out;
  811. -o-transition: all 0.5s ease-in-out;
  812. }
  813.  
  814. #slider2{
  815. height:14px;
  816. text-align:center;
  817. overflow:hidden;
  818. border-bottom:3px solid {color:slider border};
  819. text-transform:uppercase;
  820. background-color:;
  821. letter-spacing:1px;
  822. font-size;8px;
  823. line-height:13px;
  824. z-index:999999999999999999999;
  825. -webkit-transition: all 0.5s ease-in-out;
  826. -moz-transition: all 0.5s ease-in-out;
  827. -o-transition: all 0.5s ease-in-out;
  828. }
  829.  
  830. #slider2:hover{
  831. height:100px;
  832. -webkit-transition: all 0.5s ease-in-out;
  833. -moz-transition: all 0.5s ease-in-out;
  834. -o-transition: all 0.5s ease-in-out;
  835. }
  836.  
  837. #slider3{
  838. height:14px;
  839. text-align:center;
  840. overflow:hidden;
  841. border-bottom:3px solid {color:slider border};
  842. text-transform:uppercase;
  843. background-color:;
  844. letter-spacing:1px;
  845. font-size;8px;
  846. line-height:13px;
  847. z-index:999999999999999999999;
  848. -webkit-transition: all 0.5s ease-in-out;
  849. -moz-transition: all 0.5s ease-in-out;
  850. -o-transition: all 0.5s ease-in-out;
  851. }
  852.  
  853. #slider3:hover{
  854. height:100px;
  855. -webkit-transition: all 0.5s ease-in-out;
  856. -moz-transition: all 0.5s ease-in-out;
  857. -o-transition: all 0.5s ease-in-out;
  858. }
  859.  
  860. #slider4{
  861. height:14px;
  862. text-align:center;
  863. overflow:hidden;
  864. border-bottom:3px solid {color:slider border};
  865. text-transform:uppercase;
  866. background-color:;
  867. letter-spacing:1px;
  868. font-size;8px;
  869. line-height:13px;
  870. z-index:999999999999999999999;
  871. -webkit-transition: all 0.5s ease-in-out;
  872. -moz-transition: all 0.5s ease-in-out;
  873. -o-transition: all 0.5s ease-in-out;
  874. }
  875.  
  876. #slider4:hover{
  877. height:100px;
  878. -webkit-transition: all 0.5s ease-in-out;
  879. -moz-transition: all 0.5s ease-in-out;
  880. -o-transition: all 0.5s ease-in-out;
  881. }
  882.  
  883. #slider5{
  884. height:14px;
  885. text-align:center;
  886. overflow:hidden;
  887. border-bottom:0px solid {color:slider border};
  888. text-transform:uppercase;
  889. background-color:;
  890. letter-spacing:1px;
  891. font-size;8px;
  892. line-height:13px;
  893. z-index:999999999999999999999;
  894. -webkit-transition: all 0.5s ease-in-out;
  895. -moz-transition: all 0.5s ease-in-out;
  896. -o-transition: all 0.5s ease-in-out;
  897. }
  898.  
  899. #slider5:hover{
  900. height:100px;
  901. -webkit-transition: all 0.5s ease-in-out;
  902. -moz-transition: all 0.5s ease-in-out;
  903. -o-transition: all 0.5s ease-in-out;
  904. }
  905.  
  906. #slider{
  907. text-align:left;
  908. font-size:8px;
  909. text-transform:uppercase;
  910. opacity: .8;
  911. position:fixed;
  912. font-family:calibri;
  913. left:25px;
  914. background-color:transparent;
  915. letter-spacing:1px;
  916. width:130px;
  917. z-index:9999;
  918. padding:4px;
  919. top:125px;
  920.  
  921. }
  922.  
  923.  
  924. {CustomCSS}</style></head><body>
  925.  
  926. </div>
  927.  
  928. <div id="thekey"><img src="{image:corner image}"></div>
  929. <div id="slider">
  930. <center>
  931. <div id="slider1">
  932. <div style="font-size:11px;">{text:side title 1}</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center;color: {color:side content};">
  933. <br><div style="color:{color:side header text 1}; background-color:{color:side title 1}; padding:1px;">{text:slider header 1}<br></div>
  934. <br>{text:side content 1}<br>
  935. <p></p>
  936. </div>
  937. </div>
  938.  
  939. <div id="slider2">
  940. <div style="font-size:11px;">{text:side title 2}</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center; color:{color:side content};">
  941. <br><div style="color:{color:side header text 2}; background-color:{color:side title 2}; padding:1px;">{text:slider header 2}<br></div>
  942. <br>{text:side content 2}<br>
  943. <p></p>
  944. </div></div>
  945.  
  946. <div id="slider3">
  947. <div style="font-size:11px;">{text:side title 3}</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center; color:{color:side content};">
  948. <br><div style="color:{color:side header text 3}; background-color:{color:side title 3}; padding:1px;">{text:slider header 3}<br></div>
  949. <br>{text:side content 3}<br>
  950. <p></p>
  951. </div>
  952. </div>
  953.  
  954. <div id="slider4">
  955. <div style="font-size:11px;">{text:side title 4}</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center; color:{color:side content};">
  956. <br><div style="color:{color:side header text 4}; background-color:{color:side title 4}; padding:1px;">{text:slider header 4}<br></div>
  957. <br>{text:side content 4}<br>
  958. <p></p>
  959. </div></div>
  960.  
  961. <div id="slider5">
  962. <div style="font-size:11px;">{text:side title 5}</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:center; color:{color:side content};">
  963. <br><div style="color:{color:side header text 5}; background-color:{color:side title 5}; padding:1px;">{text:slider header 5}<br></div>
  964. <br>{text:side content 5}<br>
  965. <p></p>
  966. </div></div>
  967. </div></div></div></div>
  968.  
  969. </div>
  970. </div></div>
  971.  
  972. <div id="sidebar"><div id="title">{title}</div>
  973. <div id="subtitle">{text:subtitle}</div>
  974.  
  975.  
  976.  
  977.  
  978. <div class="sidebarimg"><img src="{image:sidebar}"></div>
  979. <div id="description">{description}</div>
  980.  
  981. <div id="side1"><img src="{image:side1}"></div>
  982.  
  983.  
  984.  
  985.  
  986. <div id="links">
  987. <a href="/" title="index">♻️home</a>
  988. <a href="/ask" title="ask">✉msg</a>
  989. <a href="/submit" title="submit">📥submit</a>
  990. <a href="{text:link 1 url}">❇️{text:link 1 name}</a>
  991. <a href="{text:link 2 url}">❇️{text:link 2 name}️</a>
  992. <a href="{text:link 3 url}">❇️{text:link 3 name}️</a>
  993. <a href="{text:link 4 url}">❇️{text:link 4 name}️</a>
  994. <a href="{text:link 5 url}">❇️{text:link 5 name}️</a>
  995. </div>
  996.  
  997. </div>
  998.  
  999. <div id="icon1"><img src="{image:icon1}"></div></div>
  1000. <div id="icon2"><img src="{image:icon2}"></div>
  1001. <div id="icon3"><img src="{image:icon3}"></div>
  1002.  
  1003. <div id="muse1"><a href="#?w=400" rel="02" class="poplight"><img src="{image:muse1}"></a></div></div>
  1004. <div id="muse2"><a href="#?w=400" rel="03" class="poplight"><img src="{image:muse2}"></a></div>
  1005. <div id="muse3"><a href="#?w=400" rel="04" class="poplight"><img src="{image:muse3}"></a></div>
  1006.  
  1007. <div id="pagination">
  1008. {block:Pagination}
  1009. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  1010. {block:JumpPagination length="7"}
  1011. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1012. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1013. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  1014. {/block:Pagination} </div></div></div>
  1015.  
  1016.  
  1017.  
  1018. <div id="container">
  1019.  
  1020. {block:Posts}
  1021. <div id="entries">
  1022.  
  1023. {block:Text}
  1024. <h1>{block:Title}{Title}{/block:Title}</h1>
  1025. {Body}{/block:Text}
  1026.  
  1027.  
  1028. {block:Photo}
  1029. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1030. {block:Caption}{Caption}{/block:Caption}
  1031. {/block:Photo}
  1032.  
  1033.  
  1034. {block:Photoset}
  1035. {Photoset-500}
  1036. {block:Caption}{Caption}{/block:Caption}
  1037. {/block:Photoset}
  1038.  
  1039.  
  1040. {block:Quote}
  1041. <div class="quote">"{Quote}"</div>
  1042. {block:Source}<div class="quotesource"> — {Source}</div>
  1043. {/block:Source}{/block:Quote}
  1044.  
  1045.  
  1046. {block:Link}
  1047. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1048. {block:Description}{Description}{/block:Description}
  1049. {/block:Link}
  1050.  
  1051.  
  1052. {block:Chat}
  1053. {block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">
  1054. <b>{Label}</b></span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>
  1055. {/block:Chat}
  1056.  
  1057.  
  1058. {block:Audio}
  1059.  
  1060. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1061.  
  1062. {block:AlbumArt}
  1063. <img src="{AlbumArtURL}" class="cover">
  1064. {/block:AlbumArt}
  1065.  
  1066.  
  1067. <div class="trackdetails"><br>
  1068. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  1069.  
  1070. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1071.  
  1072. <b>PLAYS:</b> {FormattedPlayCount}</div>
  1073.  
  1074.  
  1075. {block:Caption}
  1076. <div class="caption">{Caption}</div>
  1077. {/block:Caption}
  1078. {/block:Audio}
  1079.  
  1080.  
  1081. {block:Video}
  1082. {Video-500}
  1083. {block:Caption}{Caption}{/block:Caption}
  1084. {/block:Video}
  1085.  
  1086.  
  1087. {block:Answer}
  1088. <div class="post"><br>
  1089. <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} wondered: {Question}</div><br>
  1090. <div style="margin-left:-7px;">{Answer}</div>
  1091. </div>
  1092. {/block:Answer}
  1093.  
  1094. <div class="info">
  1095. {block:Date}
  1096. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  1097. {/block:Date}
  1098.  
  1099. &nbsp;&nbsp;
  1100. <a href="{Permalink}">{NoteCount}</a>
  1101. &nbsp;&nbsp;
  1102.  
  1103. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
  1104.  
  1105. <font style="float:right">
  1106. {block:RebloggedFrom}
  1107. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  1108. {block:ContentSource}
  1109. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  1110. {/block:ContentSource}
  1111. {/block:RebloggedFrom}
  1112. </font style>
  1113.  
  1114.  
  1115. </div>
  1116.  
  1117.  
  1118. {block:HasTags}
  1119. <div class="tags">
  1120. {block:Tags}
  1121. <a href="{TagURL}">➷{Tag}</a>
  1122. {/block:Tags}
  1123. </div>
  1124. {/block:HasTags}
  1125.  
  1126. </div>
  1127.  
  1128.  
  1129. {block:PostNotes}
  1130. {PostNotes}
  1131. {/block:PostNotes}
  1132.  
  1133. {/block:Posts}
  1134.  
  1135. {block:ContentSource}
  1136. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1137. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1138. {/block:SourceLogo}
  1139. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1140. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1141.  
  1142. <div id="credit">
  1143. <a href="http://youaintshitrps.tumblr.com/">➳</a>
  1144. </div>
  1145.  
  1146. </body>
  1147.  
  1148. <div id="02" class="popup_block">
  1149.  
  1150. {text:muse1 descript}
  1151.  
  1152. </div></div>
  1153.  
  1154. <div id="03" class="popup_block">
  1155.  
  1156. {text:muse2 descript}
  1157.  
  1158. </div></div>
  1159.  
  1160. <div id="04" class="popup_block">
  1161.  
  1162. {text:muse3 descript}
  1163.  
  1164. </div></div>
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!