API tools faq
paste
dreamysams

Theme #3

dreamysams
Jun 11th, 2015
550
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.87 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.  
  3. <!--
  4. _ _  _| _  |_      _|    |_|_  _ _. _  _ _  _  
  5. (_(_)(_|(-  |_)\/  _)|\/\/|_| )(-| || )_)(_||||
  6.               /      / /                      
  7.              
  8. Don't remove the credit, use as a base, steal parts of code, or redistribute as your own!!!!
  9.  
  10. If you have any questions about the code, please ask me!!
  11. -->
  12.  
  13.  
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head><title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#444444"/>
  24. <meta name="color:title" content="#000000" />
  25. <meta name="color:Link" content="#915C1C"/>
  26. <meta name="color:Hover" content="#ebe0c8"/>
  27. <meta name="color:sidebar links" content="#444444" />
  28. <meta name="color:sidebar links bg" content="#ffca05" />
  29. <meta name="color:audio bg" content="#f9f2ee" />
  30. <meta name="color:info border" content="#fad6ab" />
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="image:bg" content="" />
  33. <meta name="text:Link 1" content="/" />
  34. <meta name="text:Link 1 Text" content="Link 1" />
  35. <meta name="text:Link 2" content="/" />
  36. <meta name="text:Link 2 Text" content="Link 2" />
  37. <meta name="text:Link 3" content="/" />
  38. <meta name="text:Link 3 Text" content="Link 3" />
  39. <meta name="text:Link 4" content="/" />
  40. <meta name="text:Link 4 Text" content="Link 4" />
  41. <meta name="color:scrollbarbg" content="ffffff"/>
  42. <meta name="color:scrollbar" content="#ffca05" />
  43.  
  44. <!--link for the special fonts-->
  45. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans|Dancing+Script' rel='stylesheet' type='text/css'>
  46.  
  47. <!-- tooltip script -->
  48. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  51. <script>
  52. (function($){
  53. $(document).ready(function(){
  54. $("[title]").style_my_tooltips({
  55. tip_follows_cursor:true,
  56. tip_delay_time:200,
  57. tip_fade_speed:300
  58. });
  59. });
  60. })(jQuery);
  61. </script>
  62.  
  63.  
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68. /*--- SMALL CURSOR ---*/
  69. *, body, a {cursor: url('http://38.media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png'), auto;}
  70.  
  71.  
  72. #s-m-t-tooltip {
  73.     max-width:150px;
  74.     position:absolute;
  75.     z-index:9999999999999999;
  76.     margin-top:20px;
  77.     padding:2px 4px 2px 4px;
  78.     background-color:{color:Background};
  79.     font-family:'Josefin Sans', calibri;
  80.     font-size:10px;
  81.     text-transform:uppercase;
  82.     color:{color:sidebar links};
  83.     border-bottom:1px solid {color:sidebar links};
  84.     border-right:1px solid {color:sidebar links};
  85.     box-shadow:2px 2px 2px {color:sidebar links};
  86. }
  87.  
  88. /* --- SCROLLBAR ---*/
  89. ::-webkit-scrollbar {width: 5px;height: 0px;background:{color:scrollbarbg};}
  90. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  91.  
  92. ::selection {color: #fff; background: #000; }::-moz-selection {color: #fff; background: #000; }::-webkit-selection {color: #fff; background: #000; }
  93.  
  94. /* --- BODY ---*/
  95.  
  96. body {
  97.     background:{color:Background} url({image:bg}) repeat right top fixed;
  98.     margin:0px;
  99.     color:{color:text};
  100.     font-family:'Josefin Sans', calibri;
  101.     font-size:12px;
  102.     line-height:100%;
  103. }
  104.  
  105. /* --- GENERAL LINK STYLES ---*/
  106. a {
  107.     text-decoration:none;
  108.     outline:none;
  109.     -moz-outline-style:none;
  110.     color:{color:link};
  111.     -webkit-transition: all 0.5s ease;
  112.     -moz-transition: all 0.5s ease;
  113.     -o-transition: all 0.5s ease;
  114. }
  115.  
  116. img {
  117.     border:none;
  118. }
  119.  
  120. blockquote {
  121.     padding-left:10px;
  122.     border-left:1px solid;
  123.     border-color:{color:info border};
  124.     margin:10px;
  125. }
  126.    
  127. blockquote blockquote {
  128.     padding-left:3px;
  129.     border-left:1px solid;
  130.     border-color:{color:info border};
  131. }
  132.  
  133. h1 {
  134.     font-size:14px;
  135. }
  136.  
  137. /* --- HOVER LINK STYLES ---*/
  138. a:hover {
  139.     opacity:10;
  140.     color:{color:hover};
  141.      -webkit-transition: all 0.5s ease;
  142.     -moz-transition: all 0.5s ease;
  143.     -o-transition: all 0.5s ease;
  144. }
  145.  
  146.  
  147. /* --- POST ENTRIES ---*/
  148.  
  149. #entries {
  150.     padding:10px;
  151.     width:500px;
  152.     margin-left:600px;
  153.     margin-top:40px;
  154.     margin-bottom:25px;
  155.    
  156. }
  157.  
  158. /* --- BODY: POSTS ---*/
  159.  
  160.  
  161. #post {
  162.     width:500px;
  163.     padding-bottom:20px;
  164.     padding:10px;
  165.     margin-top:15px;
  166.     background-color:{color:Background};
  167. }
  168.  
  169. /* --- SIDEBAR IMAGE ---*/
  170.  
  171. #sidebar {
  172.     width:270px;
  173.     position:fixed;
  174.     margin-left:230px;
  175.     margin-top:100px;
  176.     background-color:{color:Background};
  177. }
  178.  
  179. #sidebarimage {
  180.     width 270px;
  181.     margin-bottom:-15px;
  182. }
  183.  
  184. #sidebarimage img {
  185.     width:270px;
  186.     padding:6px;
  187.     background-color:{color:Background};
  188. }
  189.  
  190. /* --- TITLE ---*/
  191. #title {
  192.     width:265px;
  193.     height:auto;
  194.     font-family: 'Dancing Script', cambria;
  195.     padding:9px;
  196.     font-size:25px;
  197.     text-align:center;
  198.     color:{color:title};
  199. }
  200.  
  201. /* --- SIDEBAR LINKS ---*/
  202.  
  203. .links {
  204.     width:265px;
  205.     padding: 9px;
  206.     text-align:center;
  207.     margin-top:10px;
  208.     margin-left:auto;
  209.     margin-right:auto;
  210.     opacity:1;
  211.     text-transform:uppercase;
  212.     word-spacing:2px;
  213.     position:fixed;
  214. }
  215.  
  216. .links a {
  217.     font-size: 11px;
  218.     letter-spacing:1px;
  219.     -webkit-transition: all 0.5s ease;
  220.     -moz-transition: all 0.5s ease;
  221.     -o-transition: all 0.5s ease;
  222.     color:{color:sidebar links};
  223. }
  224.  
  225. .links a:hover {
  226.    letter-spacing:6px;
  227.     -webkit-transition: all 0.5s ease;
  228.     -moz-transition: all 0.5s ease;
  229.     -o-transition: all 0.5s ease;
  230.  
  231. }  
  232.  
  233. .linkbox {
  234.     width:126px;
  235.     height:16px;
  236.     float:left;
  237.     display:inline;
  238.     padding-top:3px;
  239.     background-color:{color:sidebar links bg};
  240.     margin-left:3px;
  241.     margin-right:3px;
  242.     margin-bottom:5px;
  243. }
  244.  
  245.  
  246. /* --- DESCRIPTION ---*/
  247.  
  248. #description {
  249.     position:fixed;
  250.     line-height:120%;
  251.     font-size:10px;
  252.     letter-spacing:1px;
  253.     width:270px;
  254.     margin-top:90px;
  255.     padding:8px;
  256.     margin-left:0px;
  257.     text-align:center;
  258.     color:{color:text};
  259.     }
  260.    
  261.  
  262. /* --- PAGINATION---*/
  263.  
  264.  
  265. #pagination {
  266.     width:270px;
  267.     font-size:12px;
  268.     text-align:center;
  269.     position:fixed;
  270.     font-family:consolas;
  271.     letter-spacing:0px;
  272.     padding-top:5px;
  273.     margin-top:150px;
  274.     height:18px;
  275.     z-index:9999999;
  276. }
  277.  
  278. #pagination a {
  279.     padding:7px;
  280.     -webkit-transition: all 0.5s ease;
  281.     -moz-transition: all 0.5s ease;
  282.     -o-transition: all 0.5s ease;
  283. }
  284.  
  285. #pagination a:hover {
  286.     background-color:{color:sidebar links bg};
  287.     color:{color:sidebar links};
  288.     -webkit-transition: all 0.5s ease;
  289.     -moz-transition: all 0.5s ease;
  290.     -o-transition: all 0.5s ease;
  291. }
  292.  
  293. /* --- POST INFO ---*/
  294.  
  295. #info {
  296.     text-transform:uppercase;
  297.     display:block;
  298.     padding:10px;
  299.     text-align:center;
  300.     font-size:9px;
  301.     margin-top:0px;
  302.     margin-bottom:40px;
  303.     margin-left:0px;
  304.     width:500px;
  305.     border-bottom:1px solid {color:info border};
  306.     border-right:1px solid {color:info border};
  307.     box-shadow:2px 2px 2px {color:info border};
  308. }
  309.  
  310.  
  311.  
  312. /* --- POST TAGS---*/
  313.  
  314. #tags {
  315.     text-transform:lowercase;
  316.     font-size:11px;
  317.     margin-top:4px;
  318. }
  319.    
  320. #tags a {
  321.     display:inline-block;
  322.     color:{color:Link};
  323.     padding:-3px;
  324.     margin-right:5px;
  325.     -webkit-transition: all 0.5s ease-in-out;
  326.     -moz-transition: all 0.5s ease-in-out;
  327.     -o-transition: all 0.5s ease-in-out;
  328.     -ms-transition: all 0.5s ease-in-out;
  329.     transition: all 0.5s ease-in-out;
  330. }  
  331.  
  332. #tags a:hover {
  333.     color:{color:Hover};
  334.     -webkit-transition: all 0.5s ease-in-out;
  335.     -moz-transition: all 0.5s ease-in-out;
  336.     -o-transition: all 0.5s ease-in-out;
  337.     -ms-transition: all 0.5s ease-in-out;
  338.     transition: all 0.5s ease-in-out;
  339. }
  340.  
  341.  
  342. /* --- QUESTIONS ---*/
  343.  
  344. .question {
  345.     display:block;
  346.     padding-bottom:20px;
  347.     border-bottom:1px solid {color:audio bg};
  348. }
  349.  
  350. #asker {
  351.     padding:5px;
  352.     font-size:9px;
  353.     letter-spacing:1px;
  354.     text-align:left;
  355.     margin-left:10px;
  356. }
  357.  
  358. .askerportrait {
  359.     width:40px;
  360.     float:left;
  361.     border:3px double {color:audio bg};
  362.     margin-left:5px;
  363.     margin-top:3px;
  364.     margin-right:5px;
  365. }
  366.  
  367. /* --- QUOTES ---*/
  368.  
  369. .quote {
  370.     font-size:14px;
  371.     padding-bottom:5px;
  372.     text-align:center;
  373.     text-transform:uppercase;
  374.     line-height:120%;
  375.     letter-spacing:1px;
  376. }
  377.  
  378. .source {
  379.     font-size:10px;
  380.     text-align:center;
  381.     padding-bottom:5px;
  382. }
  383.  
  384. /* --- AUDIO ---*/
  385.  
  386. .buttontwo {
  387. position: relative;
  388. width: 40px;
  389. height: 50px;
  390. overflow: hidden;
  391. }
  392.            
  393. .playerbuttonmargins {
  394. margin-top: 10px;
  395. margin-left: 20px;
  396. }
  397.  
  398. .tumblr_audio_player {
  399. border: none;
  400. padding: 0px;
  401. margin: 0px;
  402. height: 50px;
  403. width: 500px;
  404. }
  405.  
  406. .buttonbackground {
  407. position: absolute;
  408. left: 15px;
  409. top: 5px;
  410. width: 68px;
  411. height: 68px;
  412. background-color: #e4e4e4;
  413. padding: 10px;
  414. -webkit-border-radius: 0px;
  415. -moz-border-radius: 0px;
  416. border-radius: 0px;
  417. opacity: 0;
  418. filter: alpha(opacity=40);
  419. -moz-opacity: 0.4;
  420. -khtml-opacity: 0.4;
  421. transition: opacity .7s ease-in-out;
  422. -moz-transition: opacity .7s ease-in-out;
  423. -webkit-transition: opacity .7s ease-in-out;
  424. }
  425.            
  426. .buttonbackground:hover {
  427. opacity: 1;
  428. filter: alpha(opacity=100);
  429. -moz-opacity: 1;
  430. -khtml-opacity: 1;
  431. }
  432.  
  433. .audioalbumart {
  434. position: absolute;
  435. left: 5px;
  436. top: -5px;
  437. -webkit-border-radius: 50px;
  438. -moz-border-radius: 50px;
  439. border-radius: 0px;                
  440. overflow: hidden;
  441. width: 88px;
  442. height: 88px;
  443. border:10px solid {color:audio bg};
  444. }
  445.            
  446. .audioalbumart img {
  447. width: 100%;
  448. height: auto;      
  449. -webkit-border-radius: 50px;
  450. -moz-border-radius: 50px;
  451. border-radius: 0px;                
  452. }
  453.            
  454. .trackinfo {
  455. width: 345px;
  456. letter-spacing:1px;
  457. font-size:9px;
  458. display:inline-block;
  459. margin-left: 110px;
  460. height: 68px;
  461. padding: 20px 20px 20px 30px;
  462. margin-top:-5px;
  463. line-height:220%;
  464. text-transform:uppercase;
  465. background-color:{color:audio bg};
  466. }
  467.            
  468. .audiobox {
  469. position: relative;
  470. display:inline-block;
  471. }
  472.  
  473. /* --- CHAT ---*/
  474. .chat {
  475. line-height:160%;
  476. list-style:none;
  477. }
  478.  
  479. .line.odd {
  480. margin-bottom:2px;
  481. padding:5px;
  482. list-style:none;
  483. color:{color:link};
  484. }
  485.  
  486. .line.even {
  487. margin-bottom:2px;
  488. padding:5px;
  489. list-style:none;
  490. }
  491.  
  492. .label {
  493. padding-right:1px;
  494. text-transform:uppercase;
  495. font-weight:bold;
  496. }
  497.  
  498.  
  499. /* --- THIS IS THE CREDIT. BE A DECENT PERSON AND LEAVE IT ALONE PLEASE AND THANK YOU ---*/
  500. #gaston {
  501.     position:fixed;
  502.     bottom:3px;
  503.     right:3px;
  504.     font-size:9px;
  505.     letter-spacing:1px;
  506.     color:#000;
  507.     z-index:9999999;
  508. }
  509.  
  510. {CustomCSS}</style></head><body>
  511.  
  512. <div id="sidebar">
  513. <div id="title">{Title}</div>
  514. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  515. <div id="description">
  516. {Description}
  517. </div>
  518.  
  519.  
  520. <div class="links">
  521. <a href="/"><div class="linkbox">home</div></a>
  522. <a href="/ask"><div class="linkbox">mssg</div></a>
  523. <a href="{text:Link 1}"><div class="linkbox">{text:Link 1 Text}</div></a>
  524. <a href="{text:Link 2}"><div class="linkbox">{text:Link 2 Text}</div></a>
  525. <a href="{text:Link 3}"><div class="linkbox">{text:Link 3 Text}</div></a>
  526. <a href="{text:Link 4}"><div class="linkbox">{text:Link 4 Text}</div></a>
  527. </div>
  528.  
  529. {block:Pagination}<div id="pagination">
  530. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  531. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  532. </div>{/block:Pagination}
  533.  
  534. </div>
  535.  
  536. <div id="entries">{block:Posts}<div id="post">
  537.  
  538. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  539.  
  540. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  541.  
  542. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  543.  
  544. {block:Quote}<div class="quote">"{Quote}"</div>
  545. <div class="source">-{Source}</div>{/block:Quote}
  546.  
  547. {block:Link}<h1><a href="{URL}" {Target}>{Name} &rarr;</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  548.  
  549. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}
  550.  
  551. {block:Audio}{block:AudioPlayer}
  552. <div class="audiobox">
  553. {block:AlbumArt}
  554. <div class="audioalbumart"><img src="{AlbumArtURL}"></div>
  555. {/block:AlbumArt}
  556. <div class="buttonbackground"><div class="buttontwo"><div class="playerbuttonmargins">{AudioPlayerGrey}
  557. </div></div></div>
  558. <div class="trackinfo">
  559. {block:TrackName}<span style="border-bottom:1px solid #eeeeee; padding-bottom:5px;"><b>{TrackName}</b></span>{/block:TrackName}</br>
  560. {block:Artist}<p>{Artist}{/block:Artist}<br/>
  561. {FormattedPlayCount} PLAYS</div></div></p>
  562. {/block:AudioPlayer}</span>
  563. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  564. {/block:Audio}
  565.  
  566. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  567.  
  568. {block:Answer}
  569. <div class="question">
  570. <img class="askerportrait" src="{AskerPortraitURL-40}">
  571. <div id="asker"><span style="font-size:14px;display:block;padding-bottom:5px;font-weight:bold;"> {Asker} asked: </span>{Question}</div>
  572. </div>
  573. {Answer}{/block:Answer}
  574.  
  575.    
  576. {block:IndexPage}    
  577. <div id="info">
  578. {block:Date}<a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date} &nbsp; <a href="{Permalink}">
  579. {NoteCountWithLabel}</a>
  580. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}<br>{block:HasTags}<div id="tags">{block:Tags} +<a href="{TagURL}" title="Posts tagged: {Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  581. </div>
  582. {/block:IndexPage}
  583.  
  584. {block:PermalinkPage}    
  585. <div id="info">
  586. {block:Date}<a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date} &nbsp; <a href="{Permalink}">
  587. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}"
  588. title="{ReblogParentTitle}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> {block:HasTags}<div id="tags">{block:Tags} +<a href="{TagURL}" title="Posts tagged: {Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  589. </div>
  590. {/block:PermalinkPage}
  591.  
  592.  
  593. </div>
  594. {/block:Posts}
  595. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  596. {/block:Posts}</div></div></div>
  597.  
  598.  
  599.  
  600.  
  601. <!--AGAIN WITH THE LEAVING THE CREDIT ALONE, THANKS -->
  602. <a id="gaston" href="http://slyytherinsam.tumblr.com/" title="code by slyytherinsam">cheyenne</a>
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609.    
  610. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!