API tools faq
paste
sexmeluke

Theme #15: Breathe

sexmeluke
May 10th, 2014
725
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.82 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.                 THEMES BY
  6.   ╭━━━┳━━━┳━╮╭━┳━╮╭━┳━━━┳╮╱╱╭╮╱╭┳╮╭━┳━━━╮
  7.   ┃╭━╮┃╭━━┻╮╰╯╭┫┃╰╯┃┃╭━━┫┃╱╱┃┃╱┃┃┃┃╭┫╭━━╯
  8.   ┃╰━━┫╰━━╮╰╮╭╯┃╭╮╭╮┃╰━━┫┃╱╱┃┃╱┃┃╰╯╯┃╰━━╮
  9.   ╰━━╮┃╭━━╯╭╯╰╮┃┃┃┃┃┃╭━━┫┃╱╭┫┃╱┃┃╭╮┃┃╭━━╯
  10.   ┃╰━╯┃╰━━┳╯╭╮╰┫┃┃┃┃┃╰━━┫╰━╯┃╰━╯┃┃┃╰┫╰━━╮
  11.   ╰━━━┻━━━┻━╯╰━┻╯╰╯╰┻━━━┻━━━┻━━━┻╯╰━┻━━━╯
  12.  
  13. ******** All themes are optimized for google chrome*********
  14.  
  15. • Don't remove or change the credit
  16.  
  17. • Don't use my themes as a base code
  18.  
  19. • Only edit my themes for personal use
  20.  
  21. • Send me an ask if you need help
  22.  
  23. • Send me an ask OFF ANON!- I can help you better that way
  24. ------------------------------------------------------------------------>
  25.  
  26. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  27. <head>
  28. <link href='http://fonts.googleapis.com/css?family=Expletus+Sans' rel='stylesheet' type='text/css'>
  29.  
  30.     <meta name="color:background" content="#FFFFFF">
  31.     <meta name="color:link" content="#78c9a1">
  32.     <meta name="color:linkhover" content="#fa5882">
  33.     <meta name="color:text" content="#979797">
  34.     <meta name="color:tags" content="#c9c9c9">
  35.     <meta name="color:scrollbar" content="#737373">
  36.    
  37.     <meta name="image:pic1" content="https://31.media.tumblr.com/21b2ebb1a195e82779095c55eeb16dd5/tumblr_n5cx20C1YL1trl9e3o1_250.jpg">
  38.     <meta name="image:pic2" content="https://31.media.tumblr.com/21b2ebb1a195e82779095c55eeb16dd5/tumblr_n5cx20C1YL1trl9e3o1_250.jpg">
  39.    
  40.    
  41.     <meta name="text:link1" content="link1">
  42.     <meta name="text:link1 url" content="/">
  43.     <meta name="text:link2" content="link2">
  44.     <meta name="text:link2 url" content="/">
  45.     <meta name="text:link3" content="link3">
  46.     <meta name="text:link3 url" content="/">
  47.     <meta name="text:link4" content="link4">
  48.     <meta name="text:link4 url" content="/">
  49.     <meta name="text:link5" content="link5">
  50.     <meta name="text:link5 url" content="/">
  51.    
  52.      
  53.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54.     <title>{Title}</title>
  55.    
  56.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57.    
  58.     <link rel="shortcut icon" href="{Favicon}" />
  59.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  60.  
  61.  
  62.  <style type="text/css">body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  63.  
  64.     <style type="text/css">
  65.     #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 50px; right: 15px;}
  66.  
  67.     a {
  68.     color:{color:link};
  69.     text-decoration:none;
  70.     -moz-transition-duration:0.5s;
  71.     -webkit-transition-duration:0.5s;
  72.     -o-transition-duration:0.5s;
  73.     }
  74.    
  75.     a:hover {
  76.     color:{color:linkhover};
  77.     text-decoration:none;
  78.     -moz-transition-duration:0.5s;
  79.     -webkit-transition-duration:0.5s;
  80.     -o-transition-duration:0.5s;
  81.     }
  82.  
  83.    
  84. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:5px}
  85. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  86. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  87.  
  88. body {
  89.     background-color:{color:background};
  90.     font-family:calibri;
  91.     font-weight:normal;
  92.     line-height:100%
  93.     }
  94.  
  95. h1 {
  96.     font-weight:normal;
  97.     font-size:10px;
  98.     text-align:center;
  99.     font-style:normal;
  100.     line-height:100%;
  101.     letter-spacing:1px;
  102.     text-transform:uppercase;
  103.     color:{color:text};
  104.     }
  105.  
  106. h2 {
  107.     font-size:15px;
  108.     text-align:center;
  109.     line-height:100%;
  110.     letter-spacing:-0.5px;
  111.     color:{color:text};
  112.     font-weight:normal;
  113.     padding:5px;
  114.     padding-bottom:2px;
  115.     }
  116.  
  117.  
  118. blockquote {
  119.     border-left:2px solid {color:text};
  120.     padding-left:5px;
  121.     margin:5px;
  122.     line-height:100%;
  123.     }
  124.  
  125.  
  126. #sidebar{
  127.     position:fixed;
  128.     margin-top:100px;
  129.     margin-left:50px;
  130.     width:420px;
  131.     height:600px;
  132.     z-index:-1;
  133.    
  134. }
  135.  
  136.  #title{
  137.      margin-left:0px;
  138.      margin-top:50px;
  139.      width:420px;
  140.      height:30px;
  141.      position:fixed;
  142.      text-align:center;
  143.      font-size:40px;
  144.      border-bottom:1px solid #D8D8D8;
  145.      color:#A4A4A4;
  146.      font-family:vivaldi;
  147.      font-style:italic;
  148.      
  149.  }
  150.  
  151.  #pic1 img{
  152.      margin-top:120px;
  153.      margin-left:130px;
  154.      position:fixed;
  155.      width:150px;
  156.      height:150px;
  157.      border:3px solid #D8D8D8;
  158.      padding:3px;
  159.        -moz-transition-duration:1s;
  160.     -webkit-transition-duration:1s;
  161.     -o-transition-duration:1s;
  162.  }
  163.  
  164.  #sidebar:hover #pic1 img{
  165.      margin-left:40px;
  166.       -moz-transition-duration:1s;
  167.     -webkit-transition-duration:1s;
  168.     -o-transition-duration:1s;
  169.  }
  170.  
  171.  #pic2 img{
  172.      margin-top:310px;
  173.      margin-left:130px;
  174.      position:fixed;
  175.      width:150px;
  176.      height:150px;
  177.      border:3px solid #D8D8D8;
  178.      padding:3px;
  179.          -moz-transition-duration:1s;
  180.     -webkit-transition-duration:1s;
  181.     -o-transition-duration:1s;
  182.      
  183.  }
  184.   #sidebar:hover #pic2 img{
  185.      margin-left:230px;
  186.       -moz-transition-duration:1s;
  187.     -webkit-transition-duration:1s;
  188.     -o-transition-duration:1s;
  189.  }
  190.  
  191.  
  192.  #links{
  193.     width: 80px;
  194.     position: fixed;
  195.     margin-top: 120px;
  196.     margin-left: 250px;
  197.     font-size: 8px;
  198.     text-align: center;
  199.     background-color:transparent;
  200.   opacity:0;
  201.  
  202.      -moz-transition-duration:1s;
  203.     -webkit-transition-duration:1s;
  204.     -o-transition-duration:1s;
  205.    
  206.  }
  207.  
  208.  #links a{
  209.       font-family: century gothic;
  210.     display: inline-block;
  211.     width: 120px;
  212.     padding: 6.5px 0px 6.5px 0px;
  213.     margin-bottom: 5px;
  214.     line-height: 100%;
  215.     letter-spacing: 1px;
  216.     text-transform: uppercase;
  217.     font-size: 9px;
  218.     color:{color:text};
  219.     border:3px double #D8D8D8;
  220.     font-weight:bold;
  221.    
  222.  
  223.       -moz-transition-duration:.5s;
  224.     -webkit-transition-duration:.5s;
  225.     -o-transition-duration:.5s;
  226.  }
  227.  
  228.  #links a:hover{
  229.      color:{color:linkhover};
  230.      font-weight:bold;
  231.      -moz-transition-duration:.5s;
  232.     -webkit-transition-duration:.5s;
  233.     -o-transition-duration:.5s;
  234.  }
  235.  
  236.  #sidebar:hover #links{
  237.    opacity:1;
  238.    
  239.      -moz-transition-duration:.5s;
  240.     -webkit-transition-duration:.5s;
  241.     -o-transition-duration:.5s;
  242.  }
  243.  
  244.  
  245.  #desc{
  246.       margin-top:310px;
  247.     margin-left:45px;
  248.     font-family:calibri;
  249.     font-size:11px;
  250.     position:fixed;
  251.     width:150px;
  252.     height:155px;
  253.     color:{color:text};
  254.     overflow-y:scroll;
  255.     padding:3px;
  256.     text-align:center;
  257.     opacity:0;
  258.        -moz-transition-duration:.5s;
  259.     -webkit-transition-duration:.5s;
  260.     -o-transition-duration:.5s;
  261.  
  262.  
  263.  }
  264.  
  265.  #sidebar:hover #desc{
  266.      opacity:1;
  267.         -moz-transition-duration:.5s;
  268.     -webkit-transition-duration:.5s;
  269.     -o-transition-duration:.5s;
  270.      
  271.  }
  272.  
  273.     #pagination {
  274.     font-size:10px;
  275.     margin-left:240px;
  276.     margin-top:600px;
  277.     width:50px;
  278.     position:fixed;
  279.     opacity:1;
  280.     color:#A4A4A4;
  281.     border:2px solid #D8D8D8;
  282.     letter-spacing:0px;
  283.     font-style:normal;
  284.     text-align:center;
  285.     -moz-transition-duration:.5s;
  286.     -webkit-transition-duration:.5s;
  287.     -o-transition-duration:.5s;
  288.    
  289.     }
  290.    
  291.     #pagination a{
  292.      color:#A4A4A4;
  293.     }
  294.    
  295.     #pagination a:hover{
  296.      color:{color:linkhover};
  297.     }
  298.    
  299.     .ask {
  300.     padding:10px;
  301.     font-family:trebuchet ms;
  302.     text-align:left;
  303.     color:{color:text};
  304.     font-style:italic;
  305.   border:7px solid #E6E6E6;
  306.     }
  307.  
  308.     .ans {
  309.     text-align:left;
  310.     font-family:trebuchet ms;
  311.     padding:10px;
  312.     color:{color:text};
  313.     }
  314.    
  315.  
  316.     #stuffcontainer {
  317.     float:left;
  318.     margin-left:600px;
  319.     margin-top:42px;
  320.     text-align:justify;
  321.     background-color:{color:bg};
  322.     color:{color:text};
  323.     margin-bottom: 35px;
  324.    width:500px;
  325.     }
  326.  
  327.     #stuff {
  328.     width:500px;
  329.     margin-top:0px;
  330.     padding:15px;
  331.     text-align:justify;
  332.     font-size:11px;
  333.     line-height:90%;
  334.     letter-spacing:0x;
  335.     color:{color:text};
  336.  
  337.     }
  338.  
  339.     .caption {
  340.     width:500px;
  341.     font-family:trebuchet ms;
  342.     text-align:justify;
  343.     line-height:120%;
  344.    
  345.     }
  346.  
  347.     .audio {
  348.     width:500px;
  349.     padding-bottom:10px;
  350.     background-color:{color:infobg};
  351.     }
  352.    
  353.     .albumart {
  354.     float:left;
  355.     padding:0px 10px 10px 0px;
  356.     }
  357.    
  358.     .albumart img {
  359.     width:45px;
  360.     height:45px;
  361.     }
  362.    
  363.     .playercontainer {
  364.     text-align:center;
  365.     padding:10px;
  366.     background-color:#ffffff;
  367.     width:480px;
  368.     }
  369.    
  370.     .audioinfo {
  371.     padding:10px;
  372.     color:{color:text};
  373.     }
  374.  
  375.     #postinfo {
  376.     width:490px;
  377.     padding:5px;
  378.     font-size:9px;
  379.     color:#A4A4A4;
  380.     font-family:century gothic;
  381.     font-style:lowercase;
  382.     letter-spacing:0px;
  383.     text-align:right;
  384.     border-top:1px solid #D8D8D8;
  385.     -moz-transition-duration:0.5s;
  386.     -webkit-transition-duration:0.5s;
  387.     -o-transition-duration:0.5s;
  388.     }
  389.  
  390.     #postinfo a {
  391.     color:#A4A4A4;
  392.     text-align:center;
  393.     letter-spacing:1px;
  394.     }
  395.    
  396.     #postinfo a:hover {
  397.     color:{color:linkhover};
  398.     }
  399.    
  400.     .note {
  401.     text-transform:uppercase;
  402.     font-family:calibri;
  403.     font-style:normal;
  404.     letter-spacing:0px;
  405.     font-size: 9px;
  406.     text-align:left;
  407.     line-height:90%;
  408.     margin-left:-40px;
  409.     }
  410.    
  411.     .note li {
  412.     list-style-type:decimal;
  413.     padding:10px 25px 10px 25px;
  414.     font-size:8px;
  415.     text-align:left;
  416.     margin:0px;
  417.     -moz-transition-duration:0.5s;
  418.     -webkit-transition-duration:0.5s;
  419.     -o-transition-duration:0.5s;
  420.     }
  421.        
  422.     .tags {
  423.     font-style:normal;
  424.     width:500px;
  425.     font-family:tahoma;
  426.     text-transform:lowercase;
  427.     font-style:none;
  428.     color:{color:tags};
  429.     letter-spacing:3px;
  430.     line-height:100%;
  431.     font-size:9px;
  432.     text-align:right;
  433.  
  434.     padding:5px;
  435.     -moz-transition-duration:0.5s;
  436.     -webkit-transition-duration:0.5s;
  437.     -o-transition-duration:0.5s;
  438.     }
  439.    
  440.     .tags a {
  441.     color:{color:tags};
  442.     letter-spacing:1px;
  443.     padding:2px;
  444.     }
  445.    
  446.     .tags a:hover {
  447.     color:{color:link};
  448.     }
  449.    
  450.     ul.chat, .chat ol, .chat li {
  451.     list-style:none;
  452.     margin:0px;
  453.     padding:2px;
  454.     }
  455.    
  456.     .label {
  457.     text-decoration:underline;
  458.     font-weight:700;
  459.     background-color:{color:infobg};
  460.     margin-right:5px;
  461.     }
  462.    
  463.    
  464.  
  465.     #taco {
  466.     font-size:8px;
  467.     font-family:times;
  468.     letter-spacing:1px;
  469.     -moz-transition-duration:0.5s;
  470.     -webkit-transition-duration:0.5s;
  471.     -o-transition-duration:0.5s;
  472.     }
  473.  
  474.     #taco a {
  475.     background-color:#fff;
  476.     color:#A4A4A4;
  477.     padding:5px;
  478.     border:2px solid #ddd;
  479.     position:fixed;
  480.     right:7px;
  481.     bottom:10px
  482.    
  483.     }    
  484.  
  485.     #taco a:hover {
  486.     color:#fff;
  487.     background-color:#000;
  488.     border-radius:110px;
  489.     -moz-transition-duration:2s;
  490.     -webkit-transition-duration:2s;
  491.     -o-transition-duration:2s;
  492.     }
  493.  
  494.  
  495.    
  496.     {CustomCSS}
  497.    
  498.  
  499.  
  500.     </style></head>
  501.        
  502. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="https://lh4.googleusercontent.com/-2vvAYxnLRTA/T68Vc2ShbSI/AAAAAAAAAtI/mWweb7Rtu3g/s54/SH%2521%2520button1.png" border="0"></a>
  503.    
  504. <body>
  505.  
  506. <div id="sidebar">
  507.     <div id="title">{Title}</div>
  508.    
  509.     <div id="pic1"><img src="{image:pic1}"></div>
  510.     <div id="pic2"><img src="{image:pic2}"></div>
  511.    
  512.     <div id="links">
  513.         <a href="{text:link1 url}">{text:link1}</a>
  514.         <a href="{text:link2 url}">{text:link2}</a>
  515.         <a href="{text:link3 url}">{text:link3}</a>
  516.         <a href="{text:link4 url}">{text:link4}</a>
  517.         <a href="{text:link5 url}">{text:link5}</a>
  518.     </div>
  519.    
  520.     <div id="desc">{Description}</div>
  521. </div>
  522.  
  523.  <div id="pagination">
  524. {block:PreviousPage}
  525. <a href="{PreviousPage}">back</a>
  526. {/block:PreviousPage}
  527. {block:NextPage}
  528. ╼ <a href="{NextPage}">next</a>
  529. {/block:NextPage}
  530. </div>
  531. {/block:Pagination}</div></div>
  532. </div>
  533.  
  534.  
  535.   <div id="stuffcontainer">
  536.  
  537. {block:Posts}
  538.  
  539. <div id="stuff">
  540.  
  541. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  542.  
  543. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  544.  
  545. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  546. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  547.  
  548. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  549.  
  550. {block:Photoset}<center>{Photoset-500}</center>
  551. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  552.  
  553. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  554.  
  555. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  556.  
  557. {block:Answer}<div class="ask">{Asker}:{Question}</div><div class="ans">{Answer}</div>{/block:answer}
  558.  
  559. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  560. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  561. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  562. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  563. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  564.  
  565.  
  566.  
  567. {block:Date}<br>
  568. <div id="postinfo">
  569. {Month} {DayOfMonth} | <a href="{Permalink}">{12Hour}:{Minutes}</a>{block:NoteCount} | <a href="{Permalink}">{NoteCount}♥</a>{/block:NoteCount}{block:RebloggedFrom} | <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  570. {block:ContentSource} | <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  571. {block:HasTags}
  572. <div class="tags">
  573. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  574. {/block:HasTags}
  575. <div class="note">
  576. {block:PostNotes}{PostNotes}{/block:PostNotes}
  577. </div>
  578. </div>
  579. {/block:Posts}
  580.  
  581.  
  582.  
  583. </div>
  584. <div id="taco">
  585. <a href="http://sexmeluke.tumblr.com/">SML</a>
  586.                 </div>
  587.  
  588. </div></div></div>
  589.  
  590. </body>
  591. </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!