API tools faq
paste
Advertisement
luscifers

THEME #1: DEVIL'S CANDY

luscifers
May 3rd, 2014
3,873
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.57 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. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  5.  
  6. <!--THEME #1 "DEVIL'S CANDY" © NOIR @ LUSCIFERS.TUMBLR.COM
  7. - don't steal bits of code.
  8. - don't reproduce.
  9. - don't remove the credit.
  10. - don't you dare use it as a base code.-->
  11.  
  12. <html>
  13.  
  14. <head>
  15.  
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{image:Favicon}"/>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <!--custom fonts-->
  22. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Amaranth' rel='stylesheet' type='text/css'>
  25.  
  26. <!--default variables-->
  27.  
  28. <meta name="image:Favicon" content="https://31.media.tumblr.com/dd15062bb8e935365d49151e5dd1656a/tumblr_inline_n4wlrruLoI1rc2rwl.gif"/>
  29. <meta name="image:Background" content="https://31.media.tumblr.com/b6c26e764a760542f75b151f59931997/tumblr_inline_n50d201jcq1rc2rwl.png"/>
  30. <meta name="color:Background" content="#FFF"/>
  31. <meta name="color:Text" content="black"/>
  32. <meta name="color:Link" content="#ffb5bf"/>
  33. <meta name="color:Blog Title" content="#fff"/>
  34. <meta name="color:Title Shadow" content="#b6abbb"/>
  35. <meta name="color:Second Title" content="#fff"/>
  36. <meta name="color:Description" content="#000"/>
  37. <meta name="color:Triangles" content="#fec3ce"/>
  38. <meta name="image:Triangle Left Icon" content="https://31.media.tumblr.com/0ae3ff56aedaa4bf99b7a81388c139f5/tumblr_inline_n50sx2cC4K1rc2rwl.png"/>
  39. <meta name="image:Triangle Right Icon" content="https://31.media.tumblr.com/3baec8774da198e437732a5834d883fc/tumblr_inline_n50sxfThmo1rc2rwl.png"/>
  40. <meta name="image:Cursor" content="https://31.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_n50qb2j2gV1rc2rwl.png"/>
  41. <meta name="color:Post Title" content="#ffb5bf"/>
  42. <meta name="color:Post Border" content="#f5f3f4"/>
  43. <meta name="color:Post Info Text" content="#a6a5b2"/>
  44. <meta name="color:Post Info BG" content="#f5f5f5"/>
  45. <meta name="image:Post Info Pixel" content="https://31.media.tumblr.com/c2ce911eea163a8489ea1ae8ec091a54/tumblr_inline_n50ta8ezMS1rc2rwl.gif"/>
  46. <meta name="color:Tags" content="#a6a5b2"/>
  47. <meta name="text:Second Title" content="kiss kiss bang bang"/>
  48. <meta name="color:Scrollbar" content="#a6a5b2"/>
  49. <meta name="text:Title Description" content="Description"/>
  50. <meta name="text:Title Navigation" content="Navigation"/>
  51. <meta name="color:Side Titles" content="#ffb5bf"/>
  52.  
  53. <meta name="image:Sidebar Image" content="https://31.media.tumblr.com/ca897f10d561882499f09d4a7ff030e6/tumblr_inline_n50tsh9NPU1rc2rwl.png"/>
  54.  
  55. <meta name="text:Link 1 URL" content="" />
  56. <meta name="text:Link 1 Title" content="Index"/>
  57. <meta name="image:Link 1 Icon" content="https://31.media.tumblr.com/4f404bd10a7e5a54ca70b48199836445/tumblr_inline_n50sxuMjka1rc2rwl.png" />
  58. <meta name="text:Link 2 URL" content="" />
  59. <meta name="text:Link 2 Title" content="Message"/>
  60. <meta name="image:Link 2 Icon" content="https://31.media.tumblr.com/a34bdd9e893b38e30ae30db0d0a7295e/tumblr_inline_n50t1jf7WE1rc2rwl.png" />
  61. <meta name="text:Link 3 URL" content="" />
  62. <meta name="text:Link 3 Title" content="Link"/>
  63. <meta name="image:Link 3 Icon" content="https://31.media.tumblr.com/34b50d0dd9f7734ff053d468d11e754c/tumblr_inline_n50t00iNzj1rc2rwl.png" />
  64. <meta name="text:Link 4 URL" content="" />
  65. <meta name="text:Link 4 Title" content="Link"/>
  66. <meta name="image:Link 4 Icon" content="https://31.media.tumblr.com/e957eb75390a80087cf9755e46fd4464/tumblr_inline_n50t0918vi1rc2rwl.png" />
  67. <meta name="text:Link 5 URL" content="" />
  68. <meta name="text:Link 5 Title" content="Link"/>
  69. <meta name="text:Link 6 URL" content="" />
  70. <meta name="text:Link 6 Title" content="Link"/>
  71. <meta name="text:Link 7 URL" content="" />
  72. <meta name="text:Link 7 Title" content="Link"/>
  73. <meta name="text:Link 8 URL" content="" />
  74. <meta name="text:Link 8 Title" content="Link"/>
  75.  
  76. <!--script para hover links-->
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("a[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:100,
  85. tip_fade_speed:300,
  86. attribute:"title"
  87. });
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92. <!--script para popup circle-->
  93. <script type="text/javascript"
  94. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  95.  
  96. <script>
  97.  
  98.  
  99.  
  100. $(document).ready(function() {
  101.  
  102. //
  103.  
  104.  
  105.  
  106. //When you click on a link with class of poplight and the href starts with a #
  107.  
  108. $('a.poplight[href^=#]').click(function() {
  109.  
  110. var popID = $(this).attr('rel'); //Get Popup Name
  111.  
  112. var popURL = $(this).attr('href'); //Get Popup href to define size
  113.  
  114.  
  115.  
  116. //Pull Query & Variables from href URL
  117.  
  118. var query= popURL.split('?');
  119.  
  120. var dim= query[1].split('&');
  121.  
  122. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  123.  
  124.  
  125.  
  126. //Fade in the Popup and add close button
  127.  
  128. $('#' + 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>');
  129.  
  130.  
  131. //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
  132.  
  133. var popMargTop = ($('#' + popID).height() + 80) / 2;
  134.  
  135. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  136.  
  137.  
  138.  
  139. //Apply Margin to Popup
  140.  
  141. $('#' + popID).css({
  142.  
  143. 'margin-top' : -popMargTop,
  144.  
  145. 'margin-left' : -popMargLeft
  146.  
  147. });
  148.  
  149.  
  150.  
  151. //Fade in Background
  152.  
  153. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  154.  
  155. $('#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
  156.  
  157.  
  158.  
  159. return false;
  160.  
  161. });
  162.  
  163.  
  164.  
  165. //Close Popups and Fade Layer
  166.  
  167. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  168.  
  169. $('#fade , .popup_block').fadeOut(function() {
  170.  
  171. $('#fade, a.close').remove(); //fade them both out
  172.  
  173. });
  174.  
  175. return false;
  176.  
  177. });
  178.  
  179.  
  180.  
  181.  
  182.  
  183. });
  184.  
  185. </script>
  186.  
  187. <style type="text/css">
  188.  
  189. #s-m-t-tooltip{
  190. max-width:200px;
  191. z-index:999999;
  192. margin-top:10px;
  193. margin-left:12px;
  194. padding:2px 2px;
  195. text-transform:uppercase;
  196. font-family:'consolas';
  197. font-size:9px;
  198. box-shadow:2px 2px 2px rgba(0,0,0,.1);
  199. border:1px solid {color:Post Border};
  200. background:white;
  201. color:{color:Link};}
  202.  
  203. /*lo básico*/
  204. body {
  205. color:{color:Text};
  206. text-align:justify;
  207. font-family:'consolas';
  208. font-size:10px;
  209. cursor:url({image:Cursor}), auto;
  210. background:url({image:Background});
  211. background-color:{color:Background};}
  212.  
  213. blockquote {padding:0px 0 0px 10px;
  214. border-left:1px solid {color:Post Border};
  215. margin-left:30px;}
  216.  
  217. blockquote img {max-width: 100%; !important}
  218.  
  219. a {
  220. color:{color:Link};
  221. text-decoration:none;}
  222.  
  223. a:hover {
  224. cursor:url({image:Cursor}), auto;
  225. -webkit-transition: all .4s ease-in-out;}
  226.  
  227. img {opacity:1;
  228. border:none;
  229. text-decoration:none
  230. display:block;}
  231.  
  232. small {
  233. font-size:9px;}
  234.  
  235. big {
  236. font-size:12px;}
  237.  
  238. /*scrollbar*/
  239. ::-webkit-scrollbar-thumb {background-color: {color:Scrollbar}; height: auto; border: 4px solid {color:Background}; }
  240. ::-webkit-scrollbar {background-color: {color:Triangles}; height:10px; width:13px; border: 6px solid {color:Background};}
  241.  
  242. /*la sidebar*/
  243. #sidebar {
  244. background:transparent;
  245. width:400px;
  246. height:200px;
  247. margin-top:100px;
  248. margin-left:430px;
  249. margin-bottom:10px;
  250. position:relative;
  251. padding:5px;}
  252.  
  253. #sidebarimagen {
  254. width:170px;
  255. height:170px;
  256. margin-left:115px;
  257. margin-top:20px;}
  258.  
  259. #sidebarimagen img {
  260. width:170px;
  261. height:170px;
  262. -moz-border-radius: 100px;
  263. -webkit-border-radius: 100px;
  264. border-radius: 100px;
  265. background:url({image:Sidebar Image}) no-repeat;}
  266.  
  267. #blogtitle {
  268. font-family: 'lobster', 'cursive';
  269. letter-spacing:0px;
  270. text-transform:normal;
  271. font-size:22px;
  272. text-align:center;
  273. margin-top:-110px;
  274. margin-bottom:0.5px;
  275. color:{color:Blog Title};
  276. text-shadow:2px 2px {color:Title Shadow};}
  277.  
  278. #title2 {
  279. font-family:'consolas';
  280. text-transform:uppercase;
  281. letter-spacing:1px;
  282. font-style:italic;
  283. text-align:center;
  284. font-size:9px;
  285. word-spacing:-2px;
  286. color:{color:Second Title};}
  287.  
  288. #description {
  289. text-transform:uppercase;
  290. letter-spacing:1px;
  291. font-style:italic;
  292. text-align:center;
  293. font-size:9px;
  294. word-spacing:-2px;
  295. color:{color:Description};}
  296.  
  297. #linku {
  298. margin-top:-1px;
  299. text-align:center;
  300. font-family:'consolas';
  301. text-transform:uppercase;}
  302.  
  303. #linku img {
  304. -webkit-transition-duration: 0.8s;
  305. -moz-transition-duration: 0.8s;
  306. -o-transition-duration: 0.8s;
  307. transition-duration: 0.8s;
  308.  
  309. -webkit-transition-property: -webkit-transform;
  310. -moz-transition-property: -moz-transform;
  311. -o-transition-property: -o-transform;
  312. transition-property: transform;
  313. overflow:hidden;}
  314.  
  315. #linku img:hover{
  316. -webkit-transform:rotate(360deg);
  317. -moz-transform:rotate(360deg);
  318. -o-transform:rotate(360deg);}
  319.  
  320. /*los símbolos*/
  321. #triangleleft {
  322. margin-top:78px;
  323. margin-left:20px;
  324. position:absolute;
  325. width: 0px;
  326. height: 0px;
  327. border-right: 60px solid {color:Triangles};
  328. border-top: 30px solid transparent;
  329. border-bottom: 30px solid transparent;}
  330.  
  331. #triangleleft img {
  332. display:block;
  333. margin-left:24px;
  334. margin-top:-17px;}
  335.  
  336. #triangleright {
  337. margin-top:78px;
  338. margin-left:320px;
  339. position:absolute;
  340. width: 0;
  341. height: 0;
  342. border-left: 60px solid {color:Triangles};
  343. border-top: 30px solid transparent;
  344. border-bottom: 30px solid transparent;}
  345.  
  346. #triangleright img {
  347. margin-left:-57px;
  348. margin-top:-17px;}
  349.  
  350. /*el container*/
  351. #container {
  352. height:auto;
  353. width:430px;
  354. margin-left:414px;
  355. margin-top:30px;
  356. background-color:transparent;
  357. position:static;
  358. padding:10px;}
  359.  
  360. /*los posts*/
  361. #post {
  362. background-color:#fff;
  363. width:400px;
  364. float:center;
  365. outline:thin solid {color:Post Border};
  366. border-width:1px;
  367. padding:15px;
  368. margin-bottom:80px;}
  369.  
  370. #post .perma a {
  371. overflow:hidden;}
  372.  
  373. #post .perma {
  374. margin-top: -5px;
  375. margin-left:370px;
  376. padding: 2px;
  377. position: absolute;
  378. font-family: consolas;
  379. text-transform: uppercase;
  380. font-size: 20px;
  381. width:30px;
  382. letter-spacing: 1px;
  383. text-align:center;
  384. overflow:hidden;
  385. opacity: 0.0;
  386. background-color:white;
  387. -webkit-transition-duration: 0.8s;
  388. -moz-transition-duration: 0.8s;
  389. transition-duration: 0.8s;
  390. -o-transition-duration: 0.8s;}
  391.  
  392. #post:hover .perma{
  393. margin-left:370px;
  394. overflow:visible;
  395. opacity: 1;
  396. -webkit-transition: all .3s linear;
  397. -webkit-transition: all .3s linear;
  398. -moz-transition: all .3s linear;
  399. transition: all .3s linear;}
  400.  
  401. #postitle {
  402. font-size:18px;
  403. padding:0 10px 0 10px;
  404. margin-bottom:10px;
  405. text-transform:normal;
  406. text-align:left;
  407. font-family: 'lobster', 'cursive';
  408. color:{color:Post Title};}
  409.  
  410. /*los text posts*/
  411. #text {
  412. padding:0px 10px 0px 10px;}
  413.  
  414. #text img {max-width:100%; !important;}
  415.  
  416. /*las quotes*/
  417. #titlequote {
  418. font-family: 'Amaranth', 'sans-serif';
  419. font-style:italic;
  420. text-align:justify;
  421. font-size:15px;
  422. text-transform:none;
  423. padding:20px;
  424. color:{color:Post Info Text};}
  425.  
  426. #source {
  427. font-size:10px;
  428. letter-spacing:1px;
  429. text-align:right;
  430. padding:15px;
  431. text-transform:uppercase;}
  432.  
  433. /*las preguntas*/
  434. #question {
  435. padding:15px;
  436. -moz-border-radius-bottomleft: 15px;
  437. -moz-border-radius-bottomright: 15px;
  438. -moz-border-radius-topleft: 15px;
  439. -moz-border-radius-topright: 15px;
  440. -webkit-border-top-left-radius: 15px;
  441. -webkit-border-top-right-radius: 15px;
  442. -webkit-border-bottom-left-radius: 15px;
  443. -webkit-border-bottom-right-radius: 15px;
  444. border:1px dashed {color:Post Info BG};}
  445.  
  446. #q {
  447. margin-left:30px;}
  448.  
  449. #asker {margin-top:1px;
  450. margin-left:30px;
  451. font-weight:bold;}
  452.  
  453. #askerimg {
  454. float:left;
  455. margin-right:5px;}
  456.  
  457. #askerimg img {
  458. width: 24px;
  459. height: 24px;
  460. border-radius: 12px;
  461. -webkit-border-radius: 12px;
  462. -moz-border-radius: 12px;
  463. background: url({AskerPortraitURL-24}) no-repeat;
  464. position:absolute;
  465. display:block;}
  466.  
  467. #answer {
  468. padding:10px}
  469.  
  470. #answer img {max-width:100% !important;}
  471.  
  472. /*el chat*/
  473. .chat ol {
  474. padding:0;
  475. list-style:none;}
  476.  
  477. .line.odd {
  478. background:#fafafa;
  479. padding:15px;}
  480.  
  481. .line.even {
  482. padding:15px;}
  483.  
  484. .label {
  485. padding-right:1px;
  486. letter-spacing:2px;
  487. text-transform:uppercase;
  488. font-weight:bold;
  489. color:{color:Text};}
  490.  
  491. /*el audio player*/
  492. .button {
  493. width:20px;
  494. height:30px;
  495. overflow:hidden;
  496. position:relative;
  497. opacity:0.6;
  498. margin-top:12px;
  499. margin-left:12px;
  500. z-index:100;
  501. -webkit-border-radius: 25px;
  502. -moz-border-radius: 25px;
  503. border-radius: 25px;
  504. }
  505.  
  506. .box {
  507. width:50px;
  508. height:50px;
  509. margin-top:12px;
  510. margin-left:12px;
  511. opacity:0.6;
  512. background-color:white;
  513. position:absolute;
  514. z-index:100;
  515. -webkit-border-radius:50%;
  516. -moz-border-radius:50%;
  517. border-radius:50%;}
  518.  
  519. .audio{
  520. position:absolute;
  521. width:20px;
  522. height:20px;}
  523.  
  524. .audioimg {
  525. width:75px;
  526. height:75px;
  527. position:absolute;}
  528.  
  529. .audioimg img {
  530. margin-left:0px;
  531. float:left;
  532. width:75px;
  533. -webkit-border-radius:100%;
  534. -moz-border-radius:100%;
  535. border-radius:100%;}
  536.  
  537. .audiodatos {
  538. font-size:9px;
  539. color:{color:Text};
  540. padding:10px;
  541. text-transform:uppercase;
  542. font-style:italic;
  543. text-align:center;
  544. letter-spacing:2px;
  545. height:55px;
  546. width:305px;
  547. margin-left:75px;
  548. background-color:white;}
  549.  
  550. /*la info de los posts*/
  551. #postinfo {
  552. margin-top:10px;
  553. color:{color:Post Info Text};
  554. padding:7px;
  555. background-color:{color:Post Info BG};;
  556. font-size:9px;
  557. text-transform:uppercase;
  558. text-align:center;}
  559.  
  560. #rebloginfo {
  561. float:center;}
  562.  
  563. #tags{
  564. margin-top:2px;
  565. padding:4px;
  566. font-size:9px;
  567. text-transform:lowercase;
  568. font-style:none;
  569. text-align:center;}
  570.  
  571. #tags a {
  572. color:{color:Post Info Text};
  573. -webkit-transition: all .4s ease-in-out;}
  574.  
  575. #tags a:hover {
  576. color:{color:Link};
  577. font-style:italic;}
  578.  
  579. /*permalink*/
  580. #notecount {
  581. font-family: 'Roboto', sans-serif;
  582. text-transform:uppercase;
  583. letter-spacing:2px;
  584. font-size:9px;
  585. text-align:center;
  586. color:{color:Post Info Text}}
  587.  
  588. #postnotes {
  589. padding:10px;
  590. font-size:8px;
  591. letter-spacing:1px;
  592. margin-right:40px;
  593. line-height:20px;}
  594.  
  595. #postnotes a {
  596. color:{color:Text};
  597. text-transform:uppercase;}
  598.  
  599. #postnotes a:hover {
  600. color:{color:Link};}
  601.  
  602. #postnotes img {
  603. width:10px
  604. display:inline-block;
  605. position:left;
  606. margin-right:5px;
  607. margin-top:3px;
  608. margin-bottom:-5px;
  609. -webkit-border-radius:10px;
  610. -moz-border-radius:10px;
  611. border-radius:10px;}
  612.  
  613. /*la pagination*/
  614. #pagination {
  615. margin:50px 0;
  616. font-size:9px;
  617. letter-spacing:2px;
  618. text-align:center;
  619. text-transform:uppercase;}
  620.  
  621. #pagination a {
  622. padding:5px 10px;
  623. background-color:white}
  624.  
  625. #pagination a:hover{
  626. font-style:none;}
  627.  
  628. /*credit logo*/
  629. #credit{
  630. position:fixed;
  631. bottom:10px;
  632. left:10px;
  633. opacity:1;
  634. z-index:1;}
  635.  
  636. #credit img {
  637. -webkit-transition-duration: 0.8s;
  638. -moz-transition-duration: 0.8s;
  639. -o-transition-duration: 0.8s;
  640. transition-duration: 0.8s;
  641.  
  642. -webkit-transition-property: -webkit-transform;
  643. -moz-transition-property: -moz-transform;
  644. -o-transition-property: -o-transform;
  645. transition-property:transform;
  646. overflow:hidden;}
  647.  
  648. #credit img:hover {
  649. -webkit-transform:translateY(-50%);
  650. -moz-transform:translateY(-50%);
  651. -o-transform:translateY(-50%)}
  652.  
  653. /*POPUP WINDOW*/
  654. #fade {
  655. display: none;
  656. background: #000;
  657. position: fixed;
  658. left: 0;
  659. top: 0;
  660. width: 100%;
  661. height: 100%;
  662. opacity: 0.9;
  663. z-index: 1;}
  664.  
  665. #triangleleftdesc {
  666. padding:50px;
  667. text-align:center;
  668. color:{color:Description};}
  669.  
  670. #titledesc {
  671. text-align:center;
  672. font-family: 'lobster', 'cursive';
  673. color:{color:Side Titles};
  674. font-size:20px;
  675. margin-bottom:5px;}
  676.  
  677. #trianglerightdesc {
  678. margin-top:-10px;
  679. padding:50px;
  680. text-align:center;
  681. color:{color:Description};}
  682.  
  683. #navilinks {
  684. width: 100px;
  685. margin-left:25px;
  686. margin-top:-10px;}
  687.  
  688. #navilinks a {
  689. display: block;
  690. height: 23px;
  691. padding: 0px;
  692. line-height: 25px;
  693. text-align: center;
  694. background-color:black;
  695. margin-top: -7px;
  696. float: center;
  697. text-transform: uppercase; color: white;
  698. letter-spacing: 3px;
  699. font-size: 9px;
  700. border: 1px solid white;}
  701.  
  702. #navilinks a:hover{
  703. background-color:#ccc;
  704. font-style:italic;
  705. -webkit-transition: all .4s ease-in-out;}
  706.  
  707. .popup_block{
  708. display: none;
  709. background: #FFFFFF;
  710. padding: 20px;
  711. height:150px;
  712. float: left;
  713. position: fixed;
  714. top: 50%;
  715. left: 50%;
  716. z-index: 99999;
  717. -moz-border-radius: 100%;
  718. -webkit-border-radius: 100%;
  719. border-radius: 100%;}
  720.  
  721. img.btn_close {
  722. display:none;
  723. position:absolute;
  724. float: right;
  725. margin:70px 20px 5px;}
  726.  
  727. *html #fade {
  728. position: absolute;}
  729.  
  730. *html .popup_block {
  731. position: absolute;}
  732.  
  733.  
  734. {CustomCSS}
  735.  
  736. </style>
  737.  
  738. </head>
  739. <body>
  740.  
  741. <div id="sidebar">
  742.  
  743. <div id="triangleleft"><a href="#?w=150" rel="triangleleftdesc" class="poplight" title="description"><img src="{image:Triangle Left Icon}"></a></div>
  744.  
  745. <div id="triangleleftdesc" class="popup_block">
  746. <div id="titledesc">{text:Title Description}</div>
  747. {Description}</div>
  748.  
  749. <div id="triangleright"><a href="#?w=150" rel="trianglerightdesc" class="poplight"title="navigation"><img src="{image:Triangle Right Icon}"></a></div>
  750.  
  751. <div id="trianglerightdesc" class="popup_block">
  752. <div id="titledesc">{text:Title Navigation}</div>
  753. <br><div id="navilinks"><a href="{text:Link 5 URL}">{text:Link 5 Title}</a>
  754. <br><a href="{text:Link 6 URL}">{text:Link 6 Title}</a>
  755. <br><a href="{text:Link 7 URL}">{text:Link 7 Title}</a>
  756. <br><a href="{text:Link 8 URL}">{text:Link 8 Title}</a></div>
  757. </div>
  758.  
  759. <div id="sidebarimagen">
  760.  
  761. <img src="{image:Sidebar Image}">
  762.  
  763. </div>
  764.  
  765. <div id="blogtitle">{Title}</div>
  766.  
  767. <div id="title2">{text:Second Title}</div>
  768.  
  769. <div id="linku">
  770. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}"><img src="{image:Link 1 Icon}" width="28" height="28"></a>
  771. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}"><img src="{image:Link 2 Icon}" width="28" height="28"></a>
  772. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}"><img src="{image:Link 3 Icon}" width="28" height="28"></a>
  773. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}"><img src="{image:Link 4 Icon}" width="28" height="28"></a>
  774. </div>
  775.  
  776. </div>
  777.  
  778. <div id="container">
  779.  
  780. {block:Posts}
  781.  
  782. <div id="post">
  783.  
  784. <div class="perma"><a href="{reblogurl}" title="reblog?">↺</a></div>
  785.  
  786. {block:Title}<div id="postitle">{Title}</div>{/block:Title}
  787.  
  788. {block:Text}
  789. <div id="text">{Body}</div>
  790. {/block:Text}
  791.  
  792. {block:Photo}
  793. <a href="{permalink}"><img src="{PhotoURL-400}" width="400"/></a>
  794. {/block:Photo}
  795.  
  796. {block:Photoset}
  797. {Photoset-400}
  798. {/block:Photoset}
  799.  
  800. {block:Quote}
  801. <div id="titlequote">"{Quote}"</div>
  802. {block:Source}<div id="source">{Source}</div>{/block:Source}
  803. {/block:Quote}
  804.  
  805. {block:Video}
  806. {Video-400}<br>
  807. {PlayCountWithLabel}
  808. {/block:Video}
  809.  
  810. {block:Link}
  811. <div id="postitle"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  812. {block:Description}{Description}{/block:Description}
  813. {/block:Link}
  814.  
  815. {block:Chat}
  816. <div class="chat">
  817. <ol>{block:Lines}
  818. <li class="line {Alt}">
  819. {block:Label}
  820. <span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  821. </ol></div>
  822. {/block:Chat}
  823.  
  824. {block:Audio}
  825. <div class="audio">
  826. <div class="box"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  827. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  828. <br><div class="audiodatos"><small>Now playing:</small><br>{block:TrackName}<b>{TrackName}</b> - {/block:TrackName}
  829. {block:Artist}{Artist}{/block:Artist}<br><small>{PlayCountWithLabel}</small></div>{/block:Audio}
  830.  
  831. {block:Answer}
  832. <div id="question"><div id="askerimg"><img src="{AskerPortraitURL-24}"></div>
  833. <div id="asker">{Asker} whispered:</div>
  834. <div id="q">{Question}</div></div>
  835. <div id="answer">{Answer}</div>
  836. {/block:Answer}
  837.  
  838. <!-- permalink page -->
  839. {block:PermalinkPage}
  840. {block:Caption}
  841. {Caption}
  842. {/block:Caption}
  843. {block:ContentSource}<a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}"></a>{/block:SourceLogo}{/block:ContentSource}
  844. {/block:PermalinkPage}
  845.  
  846. <!-- post info -->
  847.  
  848. {block:Date}<div id="postinfo"><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{Year}</a> <img src="{image:Post Info Pixel}"> {NoteCountWithLabel}
  849. {block:RebloggedFrom}<div id="rebloginfo">VIA <a href="{ReblogParentURL}">{ReblogParentName}</a> + SOURCE <a href="{ReblogRootURL}">{ReblogRootName}</a>
  850. </div>{/block:RebloggedFrom}
  851. </div>{/block:Date}
  852.  
  853. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  854.  
  855. {block:PermalinkPage}
  856. {block:PostNotes}
  857. <div id="postnotes">{PostNotes}</div>
  858. {/block:PostNotes}
  859. {/block:PermalinkPage}
  860.  
  861. </div>
  862.  
  863. {/block:Posts}
  864.  
  865. <!-- pagination -->
  866. <div id="pagination">
  867. {block:Pagination}
  868. {block:PreviousPage}
  869. <a href="{PreviousPage}">⇠ Prev</a>
  870. {/block:PreviousPage}
  871. {block:NextPage}
  872. <a href="{NextPage}"> Next ⇢</a>
  873. {/block:NextPage}
  874. {/block:Pagination}
  875. </div>
  876.  
  877. <!-- credit (DO NOT REMOVE UNDER ANY CIRCUMSTANCE) -->
  878. <div id="credit"><a href="http://luscifers.tumblr.com/" title="theme © luscifers"><img src="https://31.media.tumblr.com/18a7fb07afd303d0ef1f3c9770dd4192/tumblr_inline_n4uv6mWyPy1rc2rwl.png"></a></div>
  879.  
  880. </div>
  881. </div>
  882. </body>
  883.  
  884. </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!