Don't like ads? PRO users don't see any ads ;-)
Public Pastes

ATL

By: ishvi on May 16th, 2012  |  syntax: None  |  size: 15.95 KB  |  hits: 737  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <head>
  3. <!-- ATL theme by ishvi.tumblr.com -->
  4. <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <meta name="color:Background" content="#ffffff" />
  12. <meta name="image:Background" content="http://static.tumblr.com/vqwkook/X6Vm436qk/background.png" />
  13.  
  14. <meta name="image:Top Background" content="http://static.tumblr.com/vqwkook/6xVm436s9/darkwood.png" />
  15. <meta name="color:Top Background" content="#000000" />
  16. <meta name="color:Border" content="#000000" />
  17.  
  18. <meta name="color:Navigation" content="#ffffff" />
  19. <meta name="color:Navigation Select" content="#ffffff" />
  20. <meta name="color:Links" content="#9dbddc" />
  21. <meta name="color:Links Hover" content="#9dbddc" />
  22.  
  23. <meta name="image:Slider 1" content="http://static.tumblr.com/vqwkook/Xx5m436xx/image001.png" />
  24. <meta name="text:Slider 1 Title" content="Lorem Ipsum" />
  25. <meta name="text:Slider 1 Text" content="dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat." />
  26.  
  27. <meta name="image:Slider 2" content="http://static.tumblr.com/vqwkook/UlLm436yc/image002.png" />
  28. <meta name="text:Slider 2 Title" content="" />
  29. <meta name="text:Slider 2 Text" content="You can add text captions to the slider. Even HTML can be used! <i>Wow!</i>" />
  30.  
  31. <meta name="text:Slider 3 Title" content="Lorem Ipsum" />
  32. <meta name="image:Slider 3" content="http://static.tumblr.com/vqwkook/twwm436yp/image003.png" />
  33. <meta name="text:Slider 3 Text" content="dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat." />
  34.  
  35. <meta name="if:Infinite Scroll" content="0" />
  36. <meta name="if:Show Captions" content="1" />
  37. <meta name="if:Show Slider" content="1" />
  38. <meta name="if:Enable Slider Text" content="1" />
  39.  
  40. <style>
  41. /* LAYOUT STRUCTURE */
  42.  
  43. iframe#tumblr_controls {
  44.     top: 90px !important;
  45.         right: 3px !important;
  46. }
  47.  
  48. body {
  49.         background: {color:Background} url('{image:Background}');
  50.         color: #888888;
  51.         font: 12px "Arial", sans-serif;
  52.         font-weight: normal;
  53.         line-height: 150%;
  54.         text-align: center;
  55. }
  56. @font-face {
  57.         font-family: edelsans;
  58.         src: url('http://static.tumblr.com/vqwkook/xYXm43714/edelsans.otf');
  59. }
  60. a {
  61.         color: {color:Links};
  62.         text-decoration: none;
  63. }
  64. a:hover {
  65.         color: {color:Links Hover};
  66. }
  67. a img {
  68.         border: none;
  69. }
  70. #top {
  71.         position: absolute;
  72.         top: 0px;
  73.         left: 0px;
  74.         width: 100%;
  75.         height: 80px;
  76.         background: {color:Top Background} url('{image:Top Background}');
  77.         border-bottom: 10px solid {color:Border};
  78. }
  79. #title {
  80.         padding-top: 30px;
  81.         padding-left: 30px;
  82.         font-family: "edelsans", Georgia, sans-serif;
  83.         font-size: 35px;
  84.         font-weight: normal;
  85.         letter-spacing: 3px;
  86.         float: left;
  87. }
  88. #title a {
  89.         color: {color:Navigation};
  90. }
  91. ul.navigation {
  92.         font-family: "Arial", sans-serif;
  93.         font-size: 15px;
  94.         letter-spacing: 2px;
  95.         text-align: right;
  96.         padding-top: 20px;
  97.         padding-right: 30px;
  98.         text-transform: uppercase;
  99. }
  100. ul.navigation li {
  101.         list-style-type: none;
  102.         display: inline;
  103. }
  104. ul.navigation li a {
  105.         font-weight: normal;
  106.         color: {color:Navigation};
  107.         margin-right: 10px;
  108.         padding-bottom: 3px;
  109.         text-shadow:1px 1px 0 rgba(0,0,0,0.4);
  110. }
  111. ul.navigation li a:hover {
  112.         border-bottom: 2px solid {color:Navigation Select};
  113. }
  114. #wrapper {
  115.         width: 800px;
  116.         position: static;
  117.         margin-top: 130px;
  118.         margin-right: auto;
  119.         margin-left: auto;
  120.         margin-bottom: 50px;
  121.         background: #ffffff;
  122. }
  123. #header {
  124.         position: static;
  125.         width: 800px;
  126.         height: 300px;
  127.         padding-bottom: 20px;
  128. }
  129. #content {
  130.         position: static;
  131.         width: 800px;
  132. }
  133. .date {
  134.         background: #000000;
  135.         position: absolute;
  136.         top: 30px;
  137.         left: 70px;
  138.         line-height: 20px;
  139.         padding: 10px;
  140.         text-align: center;
  141.         text-transform: uppercase;
  142.         width: 40px;
  143.         border-radius: 40px;
  144.         -moz-border-radius: 40px;
  145.         font-size: 20px;
  146. }
  147. .date a {
  148.         color: #ffffff;
  149. }
  150. .postcontainer {
  151.         overflow: hidden;
  152.         position: relative;
  153.         width: 800px;
  154.         margin-bottom: 50px;
  155. }
  156. .post {
  157.         padding: 10px;
  158.         margin-left: auto;
  159.         margin-right: auto;
  160.         width: 500px;
  161.         text-align: justify;
  162. }
  163. .postbottom {
  164.         margin-top: 20px;
  165.         height: 20px;
  166.         border-top: 1px dotted #dddddd;
  167. }
  168. ul.tags {
  169.         background: url('http://static.tumblr.com/vqwkook/Bzsm439hn/pencil.png') top left no-repeat;
  170.         font-family: "Arial", sans-serif;
  171.         font-size: 10px;
  172.         text-align: left;
  173.         padding-left: 20px;
  174.         text-transform: uppercase;
  175. }
  176. ul.tags li {
  177.         list-style-type: none;
  178.         display: inline;
  179. }
  180. ul.tags a {
  181.         font-weight: normal;
  182.         color: #111111;
  183.         margin-right: 10px;
  184. }
  185. .post h1 {
  186.         font-family: "edelsans", Georgia, sans-serif;
  187.         font-size: 33px;
  188.         font-weight: normal;
  189.         letter-spacing: 3px;
  190.         color: #111111;
  191.         text-align: left;
  192.         text-indent: 3px;
  193.         margin: 0;
  194.         padding-top: 5px;
  195.         padding-bottom: 20px;
  196. }
  197. .subject {
  198.         margin-bottom: 20px;
  199. }
  200. .post img {
  201.         max-width: 500px;
  202. }
  203. .post blockquote {
  204.         border-left: 5px solid #111111;
  205.         padding-left: 6px;
  206.         margin-left: 5px;
  207. }
  208. .photo, .video {
  209.         text-align: center;
  210. }
  211. .quote {
  212.         background: url('http://static.tumblr.com/vqwkook/7R6m43rz1/quotes.png') top left no-repeat;
  213.         padding-left: 40px;
  214.         padding-bottom: 5px;
  215.         font-family: "edelsans", Georgia, sans-serif;
  216.         font-size: 30px;
  217.         float: left;
  218.         color: #111111;
  219.         line-height: 150%;
  220. }
  221. .audio {
  222.         text-align: center;
  223. }
  224. .album {
  225.         float: right;
  226.         display: block;
  227.         z-index:1;
  228. }
  229. .album_art{
  230.         width: 50px;
  231.         height: 50px;
  232.         border: 5px solid #111111;
  233. }
  234. .ask {
  235.         font-family: "Georgia", sans-serif;
  236.         font-size: 10px;
  237.         font-style: italic;
  238.         background: #f5f5f5;
  239.         border: 1px solid #eeeeee;
  240.         padding: 3px;
  241. }
  242. .ask_f {
  243.         font-style: normal;
  244.         text-transform: lowercase;
  245. }
  246. .ask_icon {
  247.         height: 30px;
  248.         width: 30px;
  249.         border: 1px solid #eeeeee;
  250.         padding: 1px;
  251.         margin-right: 3px;
  252.         float: left;
  253. }
  254. .permalink {
  255.         background: url('http://static.tumblr.com/vqwkook/S4Pm43tly/bubble.png') top left no-repeat;
  256.         margin-top: 5px;
  257.         margin-bottom: -5px;
  258. }
  259. .reblog {
  260.         background: url('http://static.tumblr.com/vqwkook/XT6m43tta/arrow.png') top left no-repeat;
  261. }
  262. .permalink, .reblog {
  263.         font-family: "Arial", sans-serif;
  264.         font-size: 10px;
  265.         text-align: left;
  266.         color: #111111;
  267.         width: 100%;
  268.         text-transform: uppercase;
  269.         padding-left: 20px;
  270. }
  271. .lnotes {
  272.         margin-top: 10px;
  273. }
  274. .lnotes, ol.notes li.note{
  275.         font-family: "Courier New", sans-serif;
  276.         font-size: 10px;
  277.         color: #888888;
  278.         text-transform: uppercase;
  279. }
  280. ol.notes {
  281.         list-style-type: none;
  282.         background: transparent;
  283.         border: none;
  284.         margin: 0;
  285.         padding: 0;
  286. }
  287. ol.notes li.note {
  288.         padding: 1px;
  289.         text-align: left;
  290.         letter-spacing: 0px;
  291. }
  292. .notes img{
  293.         width: 10px;
  294.         height: 10px;
  295. }
  296. .clear {
  297.         clear: both;
  298. }
  299. #jump {
  300.         position: fixed;
  301.         bottom: 10px;
  302.         right: 10px;
  303. }
  304. /* NIVO SLIDER */
  305. .theme-default #slider {
  306.         margin:auto;
  307.         width:800px;
  308.         height:280px;
  309. }
  310. #slider img {
  311.         width: 800px;
  312.         height: 280px;
  313. }
  314. .captiontitle {
  315.         font-family: "edelsans", Georgia, sans-serif;
  316.         font-size: 26px;
  317.         font-weight: normal;
  318.         letter-spacing: 3px;
  319.         color: #ffffff;
  320.         text-align: center;
  321.         text-transform: lowercase;
  322.         padding-bottom: 20px;
  323. }
  324. .nivoSlider {
  325.         position: relative;
  326. }
  327. .nivoSlider img {
  328.         position: absolute;
  329.         top: 0px;
  330.         left: 0px;
  331. }
  332. /* If an image is wrapped in a link */
  333. .nivoSlider a.nivo-imageLink {
  334.         position:absolute;
  335.         top: 0px;
  336.         left: 0px;
  337.         width: 100%;
  338.         height: 100%;
  339.         border: 0;
  340.         padding: 0;
  341.         margin: 0;
  342.         z-index: 6;
  343.         display: none;
  344. }
  345. /* The slices and boxes in the Slider */
  346. .nivo-slice {
  347.         display: block;
  348.         position: absolute;
  349.         z-index: 5;
  350.         height: 100%;
  351. }
  352. .nivo-box {
  353.         display: block;
  354.         position: absolute;
  355.         z-index: 5;
  356. }
  357. /* Caption styles */
  358. .nivo-caption {
  359.         position: absolute;
  360.         right: 40px;
  361.         top: 0px;
  362.         background: url('http://static.tumblr.com/vqwkook/4Ozm436tv/blacktrans.png');
  363.         color: #ffffff;
  364.         text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
  365.         width: 300px;
  366.         height: 240px;
  367.         z-index: 8;
  368.         text-align: justify;
  369.         padding: 20px;
  370. }
  371. .nivo-caption p {
  372.         padding: 5px;
  373.         margin: 0;
  374. }
  375. .nivo-caption a {
  376.         display: inline !important;
  377. }
  378. .nivo-html-caption {
  379.     display: none;
  380. }
  381. .nivo-directionNav a {
  382.         position: absolute;
  383.         top: 45%;
  384.         z-index: 9;
  385.         cursor: pointer;
  386. }
  387. .nivo-prevNav {
  388.         left: 0px;
  389. }
  390. .nivo-nextNav {
  391.         right: 0px;
  392. }
  393. .nivo-controlNav a {
  394.         position: relative;
  395.         z-index: 9;
  396.         cursor: pointer;
  397. }
  398. .nivo-controlNav a.active {
  399.         font-weight: bold;
  400. }
  401. /* NIVO STYLES */
  402. .theme-default .nivoSlider {
  403.         position: relative;
  404.         background: #ffffff url(http://static.tumblr.com/vqwkook/1K2m436uy/loading.gif) no-repeat 50% 50%;
  405. }
  406. .theme-default .nivoSlider img {
  407.         position: absolute;
  408.         top: 0px;
  409.         left: 0px;
  410.         display: none;
  411. }
  412. .theme-default .nivoSlider a {
  413.         border: 0;
  414.         display: block;
  415. }
  416.  
  417. .theme-default .nivo-controlNav {
  418.         position: absolute;
  419.         left: 50%;
  420.         bottom: -42px;
  421.         margin-left:-40px;
  422. }
  423. .theme-default .nivo-controlNav a {
  424.         display: block;
  425.         width: 22px;
  426.         height: 22px;
  427.         background: url(http://static.tumblr.com/vqwkook/GX7m436wp/bullets.png) no-repeat;
  428.         text-indent: -9999px;
  429.         border: 0;
  430.         margin-right: 3px;
  431.         float: left;
  432. }
  433. .theme-default .nivo-controlNav a.active {
  434.         background-position: 0 -22px;
  435. }
  436. .theme-default .nivo-directionNav a {
  437.         display: block;
  438.         width: 30px;
  439.         height: 30px;
  440.         background: url(http://static.tumblr.com/vqwkook/KGrm436x2/arrows.png) no-repeat;
  441.         text-indent: -9999px;
  442.         border: 0;
  443. }
  444. .theme-default a.nivo-nextNav {
  445.         background-position: -30px 0;
  446.         right: 0px;
  447. }
  448. .theme-default a.nivo-prevNav {
  449.         left: 0px;
  450. }
  451. .theme-default .nivo-caption {
  452.         font-family: "Georgia", sans-serif;
  453.         font-weight: normal;
  454.         font-size: 13px;
  455.         line-height: 150%;
  456. }
  457. .theme-default .nivo-caption a {
  458.     color: #ffffff;
  459.     border-bottom: 1px dotted #ffffff;
  460. }
  461. .theme-default .nivo-caption a:hover {
  462.     color: #ffffff;
  463. }
  464. </style>
  465. </head>
  466. <body>
  467.  
  468. {block:ifInfiniteScroll}
  469. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/lPHlj76n8/infinitescrollingbycodysherman.js"></script>
  470. {/block:ifInfiniteScroll}
  471.  
  472. {block:ifNotInfiniteScroll}
  473. {block:Pagination}
  474. <div id="jump">
  475. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://static.tumblr.com/vqwkook/J47m3l98a/arrowleft.png"></a>{/block:PreviousPage}
  476. {block:NextPage}<a href="{NextPage}"><img src="http://static.tumblr.com/vqwkook/Wc7m3l99d/arrowright.png"></a>{/block:NextPage}
  477. </div>
  478. {/block:Pagination}
  479. {/block:ifNotInfiniteScroll}
  480.  
  481. <div id="top">
  482. <div id="title"><a href="/">{Title}</a></div>
  483. <ul class="navigation">
  484. <li><a href="/">Index</a></li>
  485. <li><a href="/ask">Ask</a></li>
  486. {block:HasPages}
  487. {block:Pages}
  488. <li><a href="{URL}">{Label}</a></li>
  489. {/block:Pages}
  490. {/block:HasPages}
  491. <li><a href="http://ishvi.tumblr.com" target="_blank">Theme</a></li>
  492. </ul>
  493. </div>
  494.  
  495.         <div id="wrapper">
  496.         {block:ifShowSlider}
  497.         <div id="header">
  498.         <div class="slider-wrapper theme-default">
  499.             <div class="ribbon"></div>
  500.             <div id="slider" class="nivoSlider">
  501.                 <img src="{image:Slider 1}" title="{block:ifEnableSliderText}#caption1{/block:ifEnableSliderText}"/>
  502.                 <img src="{image:Slider 2}" title="{block:ifEnableSliderText}#caption2{/block:ifEnableSliderText}"/>
  503.                 <img src="{image:Slider 3}" title="{block:ifEnableSliderText}#caption3{/block:ifEnableSliderText}"/>
  504.             </div>
  505.         {block:ifEnableSliderText}
  506.             <div id="caption1" class="nivo-html-caption">
  507.                 <div class="captiontitle">{text:Slider 1 Title}</div>
  508.                 {text:Slider 1 Text}
  509.             </div>
  510.             <div id="caption2" class="nivo-html-caption">
  511.                 <div class="captiontitle">{text:Slider 2 Title}</div>
  512.                 {text:Slider 2 Text}
  513.             </div>
  514.             <div id="caption3" class="nivo-html-caption">
  515.                 <div class="captiontitle">{text:Slider 3 Title}</div>
  516.                 {text:Slider 3 Text}
  517.             </div>
  518.         {/block:ifEnableSliderText}
  519.         </div>
  520.         </div>
  521.         {/block:ifShowSlider}
  522.         <div id="content">
  523.  
  524. {block:ifInfiniteScroll}
  525. <div class="autopagerize_page_element">
  526. {/block:ifInfiniteScroll}
  527.  
  528. {block:Posts}
  529.  
  530. <div class="postcontainer">
  531. <div class="post">
  532.  
  533. <div class="subject">
  534. <a href="{Permalink}">
  535. {block:Title}<h1>{Title}</h1>{/block:Title}
  536. </a>
  537. </div>
  538.  
  539. {block:IndexPage}
  540. <div class="date">
  541. <a href="{Permalink}">{ShortMonth}<br />{DayOfMonthWithZero}</a>
  542. </div>
  543. {/block:IndexPage}
  544.  
  545. {block:Text}
  546. {Body}
  547. {/block:Text}
  548.  
  549. {block:Photo}
  550. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  551.  
  552. {block:ifShowCaptions}
  553. {block:Caption}
  554. {Caption}
  555. {/block:Caption}
  556. {/block:ifShowCaptions}
  557.  
  558. {block:ifNotShowCaptions}
  559. {block:PermalinkPage}
  560. {block:Caption}
  561. {Caption}
  562. {/block:Caption}
  563. {/block:PermalinkPage}
  564. {/block:ifNotShowCaptions}
  565.  
  566. {/block:Photo}
  567.  
  568. {block:Photoset}
  569. <div class="photo">{Photoset-500}</div>
  570. {block:ifShowCaptions}
  571. {block:Caption}
  572. {Caption}
  573. {/block:Caption}
  574. {/block:ifShowCaptions}
  575.  
  576. {block:ifNotShowCaptions}
  577. {block:PermalinkPage}
  578. {block:Caption}
  579. {Caption}
  580. {/block:Caption}
  581. {/block:PermalinkPage}
  582. {/block:ifNotShowCaptions}
  583. {/block:Photoset}
  584.  
  585. {block:Quote}
  586. <div class="quote">{Quote}</div>
  587. {block:Source}<p align="right">&mdash; {Source}</p>{/block:Source}
  588. {/block:Quote}
  589.  
  590. {block:Link}
  591. {block:Description}{Description}{/block:Description}
  592. {/block:Link}
  593.  
  594. {block:Chat}
  595. {block:Lines}
  596. {block:Label}
  597. <b>{Label}</b>
  598. {/block:Label}
  599. {Line}<br />
  600. {/block:Lines}
  601. {/block:Chat}
  602.  
  603. {block:Audio}
  604. {block:AlbumArt}<div class="album"><img src="{AlbumArtURL}" class="album_art"></div>{/block:AlbumArt}
  605. <div class="audio">{AudioPlayerBlack}</br>
  606. {block:TrackName}"<b>{TrackName}</b>"{/block:TrackName} {block:Artist} by {Artist}{/block:Artist}
  607. </div>
  608. {block:ifShowCaptions}
  609. {block:Caption}
  610. {Caption}
  611. {/block:Caption}
  612. {/block:ifShowCaptions}
  613.  
  614. {block:ifNotShowCaptions}
  615. {block:PermalinkPage}
  616. {block:Caption}
  617. {Caption}
  618. {/block:Caption}
  619. {/block:PermalinkPage}
  620. {/block:ifNotShowCaptions}
  621. {/block:Audio}
  622.  
  623. {block:Video}
  624. <div class="video">{Video-400}</div>
  625. {block:ifShowCaptions}
  626. {block:Caption}
  627. {Caption}
  628. {/block:Caption}
  629. {/block:ifShowCaptions}
  630.  
  631. {block:ifNotShowCaptions}
  632. {block:PermalinkPage}
  633. {block:Caption}
  634. {Caption}
  635. {/block:Caption}
  636. {/block:PermalinkPage}
  637. {/block:ifNotShowCaptions}
  638. {/block:Video}
  639.  
  640. {block:Answer}
  641. <div class="ask">
  642. <img src="{AskerPortraitURL-30}" class="ask_icon">
  643. <span class="ask_f">{Asker} sent:</span> {Question}
  644. </div>
  645. <div class="clear"></div>
  646. {Answer}
  647. {/block:Answer}
  648.  
  649. <div class="postbottom">
  650. {block:HasTags}
  651. <ul class="tags">
  652. {block:Tags}
  653. <li><a href="{TagURL}">{Tag}</a></li>
  654. {/block:Tags}
  655. </ul>
  656. {/block:HasTags}
  657. </div>
  658. <div class="permalink">
  659. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  660. </div>
  661. {block:RebloggedFrom}
  662. <div class="reblog">
  663. Origin: <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;|&nbsp;  Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  664. </div>
  665. {/block:RebloggedFrom}
  666.  
  667. {block:PermalinkPage}
  668. <div class="lnotes">
  669. {block:PostNotes}
  670. {PostNotes}
  671. {/block:PostNotes}
  672. </div>
  673. {/block:PermalinkPage}
  674.  
  675. </div>
  676. </div>
  677.  
  678. {/block:Posts}
  679.  
  680. </div>
  681.  
  682.         </div>
  683.         </div>
  684.     <script type="text/javascript" src="http://static.tumblr.com/vqwkook/gipm436zg/jquery-1.6.1.min.js"></script>
  685.     <script type="text/javascript" src="http://static.tumblr.com/vqwkook/wSGm43l19/jquery.nivo.slider.js"></script>
  686.     <script type="text/javascript">
  687.     $(window).load(function() {
  688.         $('#slider').nivoSlider();
  689.     });
  690.     </script>
  691. </body>
  692. </html>
create a new version of this paste RAW Paste Data