API tools faq
paste
Advertisement
abv2

Oh my God, do I try

abv2
Aug 7th, 2016
195
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.20 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.  
  4. <!---
  5.  
  6.  
  7.  
  8.  
  9.                             THEME BY TWO-DAMES.TUMBLR.COM
  10.                         KINDLY DO NOT STEAL OR REMOVE CREDIT!!!
  11.                                   MUCH OBLIGED!!!
  12.  
  13.                     thank you, user little-red-gingersnap, you are my only hope =D
  14.                                  
  15.                                  
  16.                                  
  17. --->
  18.  
  19.  
  20.         <title>{Title}</title>
  21.        
  22.         <!---tooltip--->
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27.  
  28. <script>
  29.  
  30. (function($){
  31.  
  32. $(document).ready(function(){
  33.  
  34. $("a[title]").style_my_tooltips({
  35.  
  36. tip_follows_cursor:true,
  37.  
  38. tip_delay_time:60,
  39.  
  40. tip_fade_speed:300,
  41.  
  42. attribute:"title"
  43.  
  44. });
  45.  
  46. });
  47.  
  48. })(jQuery);
  49.  
  50. </script>
  51. <!--basic tooltip from tutorial-baby! Enjoy-->
  52. <style>
  53. .tooltip{
  54.     display: inline;
  55.     position: relative;
  56. }
  57. #s-m-t-tooltip {
  58. max-width:300px; /*how big the tooltip can be at most*/
  59. border-radius: 0px; /*change your border radius*/
  60. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  61. margin:20px 7px -2px 20px; /*distance from word*/
  62. background-color:#ffffff; /*background color*/
  63.   border:1px solid #E0E0E0; /*border info*/
  64.   font-family:calibri; /*tooltip font*/
  65. font-size:9px; /*tooltip font size*/
  66. letter-spacing:2px; /*tooltip letter spacing*/
  67. text-transform:uppercase; /*makes the tooltip title uppercase*/
  68. color:#000; /*tooltip font color*/
  69. z-index:999999999999999999999999999999999999;
  70. }
  71. </style>
  72.  
  73. <!---end tooltip--->
  74.  
  75.        
  76.        
  77.         <link rel="shortcut icon" href="{Favicon}">
  78.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  79.         {block:Description}
  80.             <meta name="description" content="{MetaDescription}" />
  81.         {/block:Description}
  82.     </head>
  83.    
  84.     <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  85.  
  86. <link href='https://fonts.googleapis.com/css?family=Marcellus+SC' rel='stylesheet' type='text/css'>
  87. <link href='https://fonts.googleapis.com/css?family=Metamorphous' rel='stylesheet' type='text/css'>
  88. <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  89. <link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  90. <link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  91. <link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
  92. <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  93. <link href='https://fonts.googleapis.com/css?family=Lakki+Reddy' rel='stylesheet' type='text/css'>
  94. <link href='https://fonts.googleapis.com/css?family=Freckle+Face' rel='stylesheet' type='text/css'>
  95. <link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'>
  96. <link href='https://fonts.googleapis.com/css?family=Frijole' rel='stylesheet' type='text/css'>
  97. <link href='https://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>
  98.  
  99. <meta name="select:Font" content="Arial" title="Arial">
  100. <meta name="select:Font" content="Consolas" title="Consolas">
  101. <meta name="select:Font" content="Lucida Sans" title="Lucida Sans">
  102. <meta name="select:Font" content="Calibri" title="Calibri">
  103. <meta name="select:Font" content="Verdana" title="Verdana">  
  104. <meta name="select:Font" content="Corbel" title="Corbel">
  105. <meta name="select:Font" content="Vivaldi" title="Vivaldi">
  106. <meta name="select:Font" content="Georgia" title="Georgia">
  107. <meta name="select:Font" content="Balthasar" title="Balthasar">
  108. <meta name="select:Font" content="Mistral" title="Mistral">
  109. <meta name="select:Font" content="Impact" title="Impact">
  110. <meta name="select:Font" content="MV Boli" title="MV Boli">  
  111. <meta name="select:Font" content="Papyrus" title="Papyrus">
  112. <meta name="select:Font" content="Tempus Sans ITC" title="Tempus Sans ITC">
  113.  
  114. <meta name="select:Title Font" content="Marcellus SC" title="Marcellus SC">
  115. <meta name="select:Title Font" content="Metamorphous" title="Metamorphous">
  116. <meta name="select:Title Font" content="Indie flower" title="Indie flower">
  117. <meta name="select:Title Font" content="Bangers" title="Bangers">
  118. <meta name="select:Title Font" content="Rock Salt" title="Rock+Salt">
  119. <meta name="select:Title Font" content="Special Elite" title="Special Elite">
  120. <meta name="select:Title Font" content="Satisfy" title="Satisfy">
  121. <meta name="select:Title Font" content="Lakki+Reddy" title="Lakki Reddy">
  122. <meta name="select:Title Font" content="Freckle Face" title="Freckle Face">
  123. <meta name="select:Title Font" content="Fredericka the Great" title="Fredericka the Great">
  124. <meta name="select:Title Font" content="Frijole" title="Frijole">
  125. <meta name="select:Title Font" content="Oregano" title="Oregano">
  126.  
  127.  
  128.  
  129. <meta name="select:Post Title font" content="Marcellus SC" title="Marcellus SC">
  130. <meta name="select:Post Title font" content="Metamorphous" title="Metamorphous">
  131. <meta name="select:Post Title font" content="Bangers" title="Bangers">  
  132. <meta name="select:Post Title font" content="Rock Salt" title="Rock+Salt">
  133. <meta name="select:Post Title font" content="Special Elite" title="Special Elite">
  134. <meta name="select:Post Title font" content="Satisfy" title="Satisfy">
  135. <meta name="select:Post Title font" content="Lakki+Reddy" title="Lakki Reddy">
  136. <meta name="select:Post Title font" content="Freckle+Face" title="Freckle Face">
  137. <meta name="select:Post Title font" content="Fredericka the Great" title="Fredericka the Great">
  138. <meta name="select:Post Title font" content="Frijole" title="Frijole">
  139. <meta name="select:Post Title font" content="Oregano" title="Oregano">
  140.  
  141.  
  142.  
  143.  
  144. <meta name="text:Font size" content="12">
  145. <meta name="text:Title Size" content="27">
  146. <meta name="text:Post Title Size" content="20">
  147.  
  148.  
  149.  
  150.  
  151.  
  152. <meta name="image:Main Background" content="" />
  153. <meta name="image:Sidebar Image" content=""/>
  154. <meta name="color:Main Background" content=""/>
  155. <meta name="color:Post Background" content=""/>
  156. <meta name="color:Title" content=""/>
  157. <meta name="color:Description" content="">
  158. <meta name="color:Description BG" content="">
  159. <meta name="color:Sidebar links" content=""/>
  160. <meta name="color:Border" content="#cccccc"/>
  161. <meta name="color:Post Title" content=""/>
  162. <meta name="color:Text color" content=""/>
  163. <meta name="color:Blockquote color" content="#737373"/>
  164. <meta name="color:Link color" content=""/>
  165. <meta name="color:Quote color" content=""/>
  166. <meta name="color:Permalink Border" content=""/>
  167. <meta name="color:Permalink text" content=""/>
  168. <meta name="color:Permalink links" content=""/>
  169. <meta name="text:Link URL1" content=""/>
  170. <meta name="text:Link Text1" content=""/>
  171. <meta name="text:Link URL2" content=""/>
  172. <meta name="text:Link Text2" content=""/>
  173. <meta name="text:Link URL3" content=""/>
  174. <meta name="text:Link Text3" content=""/>
  175.  
  176.    
  177. <style type="text/css">
  178.  
  179. body {
  180.    
  181.     background-color: {color:Main background};
  182.     background-image: url('{image:main background}');
  183.     background-repeat:no-repeat;
  184.     background-attachment:fixed;
  185.     background-size:100% 100%;
  186.     font-family: {select:font};
  187.     font-size: {text:Font Size}px;
  188.     color: {color:Text color};
  189. }
  190.  
  191. a {
  192.     text-decoration:none;
  193.     color:{color:link color};
  194.     -webkit-transition: all 0.5s ease;
  195.     -moz-transition: all 0.5s ease;
  196.     -o-transition: all 0.5s ease;
  197. }
  198.  
  199. a:hover {
  200.     color:{color:text color};
  201. }
  202.  
  203. b, strong {
  204.     text-transform:bold;
  205. }
  206.  
  207. i, em {
  208.      text-transform:italic;
  209. }
  210.  
  211. big{
  212.     font-family: {select:Post Title Font};
  213.     font-size: {text:Post Title Size}px;
  214. }
  215.  
  216. blockquote {
  217.     padding:2px 7px;
  218.     margin:3px 0 3px 8px;
  219.     border-left:1px solid {color:blockquote color};
  220. }
  221.    
  222. blockquote img {    
  223.     max-width:100%;
  224.     height:auto;
  225. }
  226.  
  227.  
  228. img {
  229.      max-width: 100%;
  230. }
  231.  
  232.  
  233.  
  234. /*Sidebar*/
  235.  
  236. #sidebar {
  237.     text-align: center;
  238.     height:100%;
  239.     float:right;
  240.     width: 400px;
  241.     position:relative;
  242.     right:0px;
  243.     position: fixed;
  244.     z-index: 9;
  245.  
  246.    
  247. }
  248.  
  249. #title {
  250.     position: relative;
  251.     height:auto;
  252.     padding:5px;
  253.     margin-top:40px;
  254.     margin-left: auto;
  255.     margin-right: 10px;
  256.     margin-bottom:5px;
  257.     font-size: {text:Title Size}px;
  258.     line-height: 105%;
  259.     width: 220px;
  260.     text-align: center;
  261.     word-break:break-word;
  262.     color: {color:Title};
  263.     background:{color:description bg};
  264.     font-family: {select:Title Font};
  265.     z-index: 9;
  266.      -moz-box-shadow: 0 0 10px #888;
  267.     -webkit-box-shadow: 0 0 10px #888;
  268.     box-shadow: 0 0 10px #888;
  269.     float:right;
  270.     border: 3px double {color:Border};
  271.     border-radius: 3px;
  272.         -webkit-border-radius: 3px;
  273.         -moz-border-radius: 3px;
  274.         -o-border-radius: 3px;
  275. }
  276.  
  277. #description {
  278.     position: relative;
  279.     background:{color:Description bg};
  280.     float:right;
  281.     margin-bottom:10px;
  282.     margin-top: auto;
  283.     margin-right: 10px;
  284.     padding: 10px;
  285.     width: 213px;
  286.     text-align: center;
  287.     word-break:break-word;
  288.     color: {color:description};
  289.     overflow:hidden;
  290.     font-size:11px;
  291.     font-family:{select:Font};
  292.     border:2px solid {color:border};
  293.     border-radius: 50% / 10%;
  294.    
  295. }
  296.  
  297.  
  298.  
  299.  
  300. #sidebar img {
  301.     margin-top:30px;
  302.     margin-right:80px;
  303.     margin-bottom:30px;
  304.     width: 230px;
  305.     padding:5px;
  306.     float:right;
  307.    
  308.    
  309.      border-radius: 50% / 10%;
  310.     border: 2px double {color:Border};
  311.  
  312. }
  313.  
  314. #sidebar-links{
  315.     width:70px;
  316.     height:auto;
  317.     margin-right:310px;
  318.     padding:10px;
  319.     word-break:break-word;
  320.     text-align:center;
  321.     font-size: 13px;
  322.     text-decoration:underline;
  323.     line-height:13px;
  324.     background:{color:description bg};
  325.     font-family:{select:Title Font};
  326.     color:{color:sidebar links};
  327.     float:right;
  328.    
  329.     -moz-box-shadow: 0 0 10px #888;
  330.     -webkit-box-shadow: 0 0 10px #888;
  331.     box-shadow: 0 0 10px #888;
  332.    
  333.     border: 2px double {color:Border};
  334.    
  335.    
  336.    
  337. }
  338.  
  339.  
  340.  
  341.  
  342. /*Sidebar end*/
  343.  
  344. /*Body*/
  345.  
  346. #container {
  347.     position:absolute;
  348.     left:200px;
  349.     top:50px;
  350. }
  351.  
  352. .posts {
  353.     width:500px;
  354.     background-color: {color:post background};
  355.     padding:10px;
  356.     margin-bottom:30px;
  357.    
  358.     -moz-box-shadow: 0 0 10px #888;
  359.     -webkit-box-shadow: 0 0 10px #888;
  360.     box-shadow: 0 0 10px #888;
  361.    
  362.     border: 1px solid {color:Border};
  363.     border-radius: 3px;
  364.         -webkit-border-radius: 3px;
  365.         -moz-border-radius: 3px;
  366.         -o-border-radius: 3px;
  367. }
  368.  
  369.  
  370. h1 {
  371.     text-align: center;
  372.     word-break:break-word;
  373.     font-size: {text:Post Title size}px;
  374.     line-height:105%;
  375.     text-decoration:underline;
  376.     color: {color:Post Title};
  377.     font-family: {select:Post Title Font};
  378. }
  379.  
  380. /*Body end*/
  381.  
  382. /*Types of posts*/
  383.  
  384. .link{
  385.     color: {color:link color};
  386.     font-size:20px;
  387.     font-family: {select:Post Title Font};
  388. }
  389.  
  390. .asr {
  391.     font-size:{text:Post Title size}px;
  392.     text-decoration: underline;
  393.     font-family: {select:Post Title font};
  394.     text-align:left;
  395.     margin-bottom:5px;
  396.     padding:5px;
  397.     border-top:3px double {color:border};
  398.     border-left:3px double {color:border};
  399.     border-right:3px double {color:border};
  400. }
  401.  
  402. .question {
  403.     padding-left:50px;
  404.     padding-right:50px;
  405.     padding-bottom:10px;
  406.     border-bottom:3px double {color:border};
  407.     border-left:3px double {color:border};
  408.     border-right:3px double {color:border};
  409. }
  410.  
  411. .quote {
  412.     font-family: {select:Post Title Font};
  413.     font-size: 20px;
  414.     line-height:23px;
  415.     letter-spacing:1px;
  416.     text-indent: 15px;
  417.     text-align: center;
  418.     margin-bottom:5px;
  419.     padding-bottom:3px;
  420. }
  421.  
  422. .quotesource {
  423.     font-size:15px;
  424.     line-height:17px;
  425.     letter-spacing:1px;
  426.     text-align:right;
  427.     margin-bottom:5px;
  428.     font-family: {select:Post Title Font};
  429. }
  430.  
  431. /*Audio*/
  432.  
  433. .playerbuttonbg {
  434.                 position: absolute;
  435.                 left: 20px;
  436.                 top: 20px;
  437.                 width: 19px;
  438.                 height: 19px;
  439.                 background-color: #ffffff;
  440.                 padding: 10px;
  441.                 -webkit-border-radius: 40px;
  442.                 -moz-border-radius: 40px;
  443.                 border-radius: 40px;
  444.                 opacity: .4;
  445.                 filter: alpha(opacity=40);
  446.                 -moz-opacity: 0.4;
  447.                 -khtml-opacity: 0.4;
  448.                 transition: opacity .7s ease-in-out;
  449.                 -moz-transition: opacity .7s ease-in-out;
  450.                 -webkit-transition: opacity .7s ease-in-out;
  451.             }
  452.            
  453. .playerbuttonbg:hover {
  454.                 opacity: 1;
  455.                 filter: alpha(opacity=100);
  456.                 -moz-opacity: 1;
  457.                 -khtml-opacity: 1;
  458.             }
  459.        
  460. .newplayerbutton {
  461.                 position: relative;
  462.                 width: 19px;
  463.                 height: 19px;
  464.                 overflow: hidden;
  465.             }
  466.            
  467. .playerbuttonhug {
  468.                 position: absolute;
  469.                 top: -17px;
  470.                 left: -5px;
  471.             }
  472.        
  473. .tumblr_audio_player {
  474.                 height: 90px;
  475.                 width: 270px;
  476.                 -moz-transform: scale(0.60, 0.60);
  477.                 -webkit-transform: scale(0.60, 0.60);
  478.                 -o-transform: scale(0.60, 0.60);
  479.                 -ms-transform: scale(0.60, 0.60);
  480.                 transform: scale(0.60, 0.60);
  481.                 -moz-transform-origin: top left;
  482.                 -webkit-transform-origin: top left;
  483.                 -o-transform-origin: top left;
  484.                 -ms-transform-origin: top left;
  485.                 transform-origin: top left;
  486.             }
  487.            
  488. .audioimgwrapper {
  489.                 position: absolute;
  490.                 left: 0px;
  491.                 top: 0px;
  492.                 -webkit-border-radius: 40px;
  493.                 -moz-border-radius: 40px;
  494.                 border-radius: 40px;
  495.                 overflow: hidden;
  496.                 width: 79px;
  497.                 height: 79px;
  498.             }
  499.            
  500. .audioimgwrapper img {
  501.                 width: 100%;
  502.                 height: auto;
  503.                 -webkit-border-radius: 40px;
  504.                 -moz-border-radius: 40px;
  505.                 border-radius: 40px;
  506.                 border:1px solid {color:border};
  507.                 -moz-box-shadow: 0 5px #888;
  508.     -webkit-box-shadow: 0 0 5px #888;
  509.     box-shadow: 0 0 5px #888;
  510.                
  511.             }
  512.            
  513. .trackdetails {
  514.                 width: auto;
  515.                 float:center;
  516.                 text-align:center;
  517.                 padding:10px;
  518.                 border: 3px double {color:border};
  519.                 display:inline-block;
  520.                 margin-left: 90px;
  521.                 min-height: 50px;
  522.             }
  523.            
  524. .audiowrapper {
  525.                 position: relative;
  526.                 display:inline-block;
  527.             }
  528.  
  529. /*Audio end*/
  530.  
  531. /*Chat*/
  532.  
  533. .chat{
  534.     height: auto;
  535.     padding-bottom: 5px;
  536.     width: 100%;
  537.     word-break:break-word;
  538. }
  539.  
  540. .chat ul {
  541.  word-break:break-word;
  542.     list-style: none;
  543. }
  544.  
  545.  
  546. .chat .odd {
  547.     text-align: left;
  548.     color: {color:text};
  549.     margin-left:-45px;
  550.     word-break:break-word;
  551.    
  552. }
  553. .chat .even {
  554.     text-align: left;
  555.     margin-left:-35px;
  556.     word-break:break-word;
  557.     color: {color:text};
  558.    
  559. }
  560.  
  561.  
  562. .chat li {
  563.     position: relative;
  564.     margin-bottom: 10px;
  565.     margin-left: auto;
  566.     margin-right:auto;
  567.     word-break:break-word;
  568.     padding: 5px;
  569.  
  570. }
  571.  
  572. /*Chat end*/
  573.  
  574. /*Types of posts end*/
  575.  
  576. /*Permalink*/
  577.  
  578. .permalinks {
  579.     text-align: left;
  580.     color: {color:Permalink text};
  581.     font-size: 10px;
  582.     word-break:break-word;
  583.     border-top: 2px groove {color:Permalink Border};
  584.     position: relative;
  585.     padding:10px;
  586.     height:auto;
  587. }
  588.  
  589. .permalinks a {
  590.     text-decoration:none;
  591.     font-size: 10px;
  592.     color: {color:Permalink text};
  593. }
  594.  
  595. .permalinks a:hover {
  596.     color: {color:text color};
  597. }
  598.  
  599. .date {
  600.     float:left;
  601. }
  602.  
  603. .reblogs {
  604.     float:right;
  605. }
  606.    
  607.    
  608. .tags {
  609.     text-align:left;
  610. }
  611.  
  612. .tags a {
  613.     text-decoration:none;
  614.     font-size: 10px;
  615.     text-transform:lowercase;
  616.     color:{select:Permalink links};
  617. }
  618.  
  619. #content #notecontainer {
  620.       margin: 20px auto;
  621.       width: 500px;
  622.       font-size: 10px;
  623.       background: #fff;
  624. }
  625.  
  626. #content #notecontainer ol.notes {
  627.       list-style-type: none;
  628.       margin: 0;
  629.       padding: 0;
  630. }
  631.  
  632. #content #notecontainer img.avatar {
  633.       margin-right: 10px;
  634.       width: 16px;
  635.       height: 16px;
  636. }
  637.  
  638. /*Permalink end*/
  639.  
  640.  
  641.  
  642. /*Pagination*/
  643.  
  644. .jump_page {
  645. padding: 8px 18px;
  646. margin-left:10px;
  647. border: 2px solid #ccc;
  648. background-color: #ffffff;
  649. font-family: {select:Post Title Font};
  650. color:#585858;
  651. font-size:14px;
  652.  
  653. text-transform:uppercase;
  654.  font-weight:800;
  655.  
  656.        
  657. border: 1px solid #000;
  658. border-radius: 2px;
  659. -webkit-border-radius: 2px;
  660. -moz-border-radius: 2px;
  661. -o-border-radius: 2px;
  662. }
  663.  
  664. .current_page, .jump_page:hover {
  665. padding: 9px 18px;
  666. border: 2px solid #bbb;
  667. background-color: #ccc;
  668. color: #ffffff;
  669. font-family: {select:Post Title Font};
  670. font-size:14px;
  671. font-weight:800;
  672.  
  673. text-transform:uppercase;
  674.  
  675.        
  676. border: 1px solid #000;
  677. border-radius: 2px;
  678. -webkit-border-radius: 2px;
  679. -moz-border-radius: 2px;
  680. -o-border-radius: 2px;
  681. }
  682.  
  683.  
  684. /*Pagination end*/
  685.  
  686.  
  687. /*Lightbox DO NOT TOUCH!!!!! */
  688.  
  689. .vignette, #vignette {
  690.     opacity:0;
  691. }
  692. .lightbox-image, #tumblr_lightbox img {
  693.     box-shadow:none !important;
  694.     border-radius:0 !important;
  695.     max-width:none;
  696. }
  697.  
  698. .tumblr-lightbox, #tumblr_lightbox {
  699.     background-color:rgba(245,245,245,.98) !important;
  700. }
  701.  
  702. /*Lightbox end*/
  703.  
  704.  
  705.  
  706. /*CREDIT, KINDLY DO NOT REMOVE!!!*/
  707.  
  708. .tooltip a{color:#ff4141; text-decoration:none;}
  709. .tooltip {text-align:center;font-size:12px; bottom:5px; right:4px; position: fixed;display: inline-block;z-index:99999999;text-decoration:none;width:17px;height:17px;float:right;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);}
  710. .tooltip a:hover{color:#000;}
  711. .tooltip .tooltiptext {text-shadow:none;letter-spacing:0.5px;font-family:Alegreya sans sc;font-size:10px;visibility: hidden;width: 50px;background-color: rgba(0,0,0,0.8);color: #fff;text-align: center;border-radius: 2px;border:1px solid #ff4141;padding: 5px 5px;position: absolute;z-index: 1;top: -20px;right: 150%;opacity: 0;transition: opacity 1s;font-size:10px;line-height:10px;}
  712. .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
  713. .tooltip .tooltiptext::after {content: " ";position: absolute;top: 50%;left: 100%; /* To the right of the tooltip */margin-top: -5px;border-width: 5px; border-style: solid;border-color: transparent transparent transparent #ff4141;}
  714.  
  715. /*CREDIT END, KINDLY DO NOT REMOVE!!!*/
  716.  
  717.  
  718. </style>
  719.    
  720. <body>
  721. <div id="sidebar">
  722.  
  723. <div id="title">{Title}</div>
  724. <div id="description">{Description}</div>
  725.  
  726.   <img src="{image:Sidebar image}">
  727.   <center>
  728.     <div id=sidebar-links>
  729.       <br>
  730.        <a href="/" title="Home" style="color:{color:sidebar links};" border-bottom="1px solid #000;"> &#x2022; Home</a>
  731.      <p> <a href="/ask" title="Message" style="color:{color:sidebar links};">&#x2022; Message</a>
  732.      <p> <a href="/archive" title="Archive" style="color:{color:sidebar links};">&#x2022; Archive</a>
  733.      
  734.       {block:ifLinkText1}<p> <a href="{text:Link URL1}" title="{text:Link Text1}" style="color:{color:sidebar links};">&#x2022; {text:Link Text1}</a>{/block:ifLinkText1}
  735.      
  736.        {block:ifLinkText2}<p> <a href="{text:Link URL2}" title="{text:Link Text2}" style="color:{color:sidebar links};">&#x2022; {text:Link Text2}</a>{/block:ifLinkText2}
  737.      
  738.        {block:ifLinkText3}<p> <a href="{text:Link URL3}" title="{text:Link Text3}" style="color:{color:sidebar links};">&#x2022; {text:Link Text3}</a>{/block:ifLinkText3}
  739.      
  740.      
  741.  
  742.  
  743.    
  744. </br>
  745. </div>
  746. </center>
  747. </div>
  748.  
  749.  
  750. <div id="container">  
  751.  
  752. {block:Posts}
  753.  
  754. <div class="posts">
  755.  
  756. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  757.  
  758.  
  759. {block:Photo}{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  760.  
  761.  
  762. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  763.  
  764. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  765.  
  766. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource"> &#x2712; {Source}</div>{/block:Source}{/block:Quote}
  767.  
  768. {block:Link}<a href="{URL}" class="link" {Target}>{Name} <i class="fa fa-hand-o-right"></i></a>  {block:Description}{Description}{/block:Description}{/block:Link}
  769.  
  770.  
  771. {block:Chat}
  772. {block:Title}<h1>{Title}</h1>{/block:Title}
  773. <left>
  774. <div class="chat">
  775. <ul>
  776. {block:Lines}<li class="{Alt}">{block:Label} &#x25cf; <b>{Label} </b>{/block:Label}   {Line}</li>{/block:Lines}
  777. </ul>
  778. </div>
  779. </center>
  780. {/block:Chat}
  781.                
  782.                        
  783. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  784.  
  785.  
  786. {block:AudioPlayer}
  787.         <div class="audiowrapper">
  788.         {block:AlbumArt}
  789.             <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  790.         {/block:AlbumArt}
  791.        
  792.         <div class="playerbuttonbg">
  793.             <div class="newplayerbutton">
  794.                 <div class="playerbuttonhug">
  795.            
  796.                     {AudioPlayerWhite}
  797.            
  798.                 </div>
  799.             </div>
  800.         </div>
  801.        
  802.         <div class="trackdetails">
  803.            
  804.                 {block:TrackName} &#x266b;&nbsp; <b><u>{TrackName}</u></b>{/block:TrackName}<br/><p>
  805.                 {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  806.                 {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  807.                 {PlayCountWithLabel}
  808.    
  809.         </div>
  810.         </div>
  811.         {block:caption}<div class="caption">{caption}</div>{/block:caption}
  812.         {/block:AudioPlayer}
  813.    
  814.  
  815.  
  816. {block:Answer}
  817. <div class="asr">{Asker} said: </div><p>
  818. <div class="question"> <i class="fa fa-quote-left" aria-hidden="true"></i>     &nbsp;&nbsp; {Question}&nbsp;&nbsp;   <i class="fa fa-quote-right" aria-hidden="true"></i>  </div> {Answer}
  819. {/block:Answer}
  820.  
  821.  
  822. <div class="permalinks">
  823. <div class="date"><a href="{Permalink}" title="Permalink" style="color:{color:Permalink links}">{24Hour}:{Minutes}, {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a>
  824. &#x2605; <a href="{Permalink}" title="Permalink" style="color:{color:Permalink links}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  825. <div class="reblogs">{block:RebloggedFrom} via:
  826. <a href="{ReblogParentURL}"title="{ReblogParentTitle}" style="color:{color:Permalink links}">{ReblogParentName} </a> &#x2605; source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}" style="color:{color:Permalink links}">{ReblogRootName}</a>{/block:RebloggedFrom} &#x2605;
  827. <a href="{ReblogURL}" target="_blank" class"details" title="Reblog"><i class="fa fa-retweet" aria-hidden="true" style="color:#56bf4b"  ></i></a></div>
  828. </div>
  829. <div class="tags">{block:HasTags}<p><i class="fa fa-tags" aria-hidden="true"></i> : {block:Tags}<a href="{TagUrl}" style="color:{color:Permalink links}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  830.  
  831. </div>
  832.  
  833. {block:PostNotes}
  834. <div id="notecontainer">{PostNotes}</div>
  835. {/block:PostNotes}
  836.  
  837. {/block:Posts}
  838.  
  839. <center>
  840. {block:Pagination}
  841. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page" title="Retreat" style="color:#000" >Retreat</a>{/block:PreviousPage}
  842.  
  843. {block:NextPage}<a href="{NextPage}" class="jump_page" title="Forward" style="color:#000"> Forward</a>{/block:NextPage}
  844. {/block:Pagination}<p style="margin-bottom: 20px;">
  845. </center>
  846.  
  847.  
  848. </div>
  849.  
  850. <div class="tooltip"><a href="http://two-dames.tumblr.com/"><i class="fa fa-coffee" aria-hidden="true"></i></a><span class="tooltiptext">Theme by Two-Dames</span></div>
  851.  
  852. {block:ContentSource}
  853. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  854. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  855. {/block:SourceLogo}
  856. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  857. {/block:ContentSource}
  858.  
  859. </body>
  860. </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!