API tools faq
paste
Advertisement
chelseaxsunshine

sunshine theme nov 25.

chelseaxsunshine
Nov 25th, 2015
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <!-----S U N S H I N E    B Y   T Y S O N - T H E M E S ☾-------->
  4. <head>
  5. <link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  6.      <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script> <script src=”http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script> <script> (function($){ $(document).ready(function(){ $(“[title],a[title],img[title]”).style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:”title” }); }); })(jQuery); </script>
  7. <meta charset="UTF-8" />
  8.     <title>{Title}</title>
  9.     <link rel="shortcut icon" href="{Favicon}">
  10.  {block:PermalinkPage}
  11.  <link rel="shortcut icon" href="{Favicon}">
  12.  {/block:PermalinkPage}
  13.   <meta name="color:sidebar" content=""/>  
  14.   <meta name="color:sidebar shadow" content=""/>
  15.   <meta name="color:background" content=""/>
  16.   <meta name="color:link color" content=""/>
  17.   <meta name="color:word color" content=""/>
  18.   <meta name="color:link hover" content=""/>
  19.   <meta name="color:posts background" content=""/>
  20.   <meta name="color:posts shadow" content=""/>
  21.   <meta name="color:audio player button" content=""/>
  22. <meta name="color:scrollbar" content=""/>
  23.   <meta name="color:scrollbar thumb" content=""/>
  24.   <meta name="color:scrollbar track" content=""/>
  25.   <meta name="color:scrollbar track piece" content=""/>
  26.   <meta name="color:scrollbar button" content=""/>
  27.   <meta name="color:scrollbar resizer" content=""/>
  28.   <meta name="color:scrolllbar corner" content=""/>
  29.  
  30.       <meta name="if:First link" content="1">
  31.    <meta name="if:Second link" content="1">
  32.    <meta name="if:Third link" content="1">
  33.    
  34.    <meta name="image:sidebar image" content=""/>
  35.    <meta name="image:background" content=""/>
  36.    
  37.    <meta name="text:archive label" content=""/>
  38.    <meta name="text:ask label" content=""/>
  39.    <meta name="text:submit label" content=""/>
  40.    <meta name="text:url 1" content=""/>
  41.    <meta name="text:link 1" content="link one"/>
  42.    <meta name="text:url 2" content=""/>
  43.    <meta name="text:link 2" content="link 2"/>
  44.    <meta name="text:reblog label" content=""/>
  45.  
  46.  
  47. <meta name="font:body" content="Sofia Pro"/>
  48.  
  49.  
  50.  
  51.   </head>
  52.   <script type="text/javascript" src="http://codes.bitshare.cm/infinitescrolling.js"></script>
  53.  
  54.   <style>
  55.    .sidebar{
  56.   background-color: {color:sidebar};
  57.   background-image:;
  58.       width: 260px;
  59.       position:absolute;
  60.       top: 150px;
  61.       left: 100px;
  62.       border-top: {color:sidebar} 20px solid;
  63.       border-left:{color:sidebar} 10px solid;
  64.       border-right:{color:sidebar} 10px solid;
  65.       box-shadow:{color:sidebar shadow} 20px 20px;
  66.    }
  67.     body{
  68.       background:{color:background};
  69.   background-image:url('{image:background}');
  70.       font-family: {font:body},'Quicksand';
  71.       cursor:crosshair;
  72.       font-size:15px;
  73.       color:{color:word color};
  74.       background-image:{image:background};
  75.       word-break:keep-all;
  76.   }
  77. .sidebarimage{    
  78.       text-align:center;
  79.     }
  80. .sidebarimage img{
  81.     margin-top:20px;
  82.     margin-bottom:20px;
  83. }
  84.     .description{
  85.        padding-top:10px;
  86.       margin:auto;
  87.       text-align:center;
  88.       word-break:keep-all;    
  89.       vertical-align: top;
  90.      
  91.       }
  92.  .tumblr_audio_player{
  93.     width:500px;
  94. }
  95.     a{
  96.       color:{color:link color};
  97.       text-decoration:none;
  98.       }
  99.     a:hover{  
  100.       color:{color:link hover};
  101.       transition:all ease-out 2s;
  102.       }
  103.     .links{
  104.       padding-top:10px;
  105.       padding-bottom:10px;
  106.       }
  107.     .pagination{  
  108.      text-align:center;
  109.     }
  110.     *{
  111.     margin:0;
  112.     padding:0;
  113.     }
  114.     #content{
  115.     position:relative;
  116.     margin:110px auto;
  117.     width:500px;
  118.     left:150px;
  119.     }
  120.     #posts{
  121.     width:500px;    
  122.     padding:10px;    
  123.     background:{color:posts background};    
  124.     box-shadow:{color:posts shadow} 20px 20px;
  125.     margin:50px;
  126.     }
  127. ::-webkit-scrollbar{        
  128.      width:10px;
  129.      background-color:{color:scrollbar};
  130.     }        
  131.    
  132.     ::-webkit-scrollbar-thumb{        
  133.     background:{color:scrollbar thumb};
  134.     }
  135.    
  136.     ::-webkit-scrollbar-track{
  137.         background:{color:scrollbar track};
  138.      }  
  139.    
  140.     ::-webkit-scrollbar-track-piece{
  141.         background:{color:scrollbar track piece};
  142.     }    
  143.      ::-webkit-scrollbar-button{  
  144.       background:{color:scrollbar button}; }
  145.    
  146.      ::-webkit-resizer{
  147.          background:{color:scrollbar resizer};
  148.      }    
  149.     ::-webkit-scrollbar-corner{
  150.         background:{color:scrollbar corner};
  151.     }
  152.   .thumbnail img{
  153.     width:500px;
  154. }
  155.           ol.notes {
  156.     padding: 0px;
  157.     margin: 0px 0px;
  158.     list-style-type: none;
  159.    
  160. }
  161.  
  162. ol.notes li.note {
  163. padding:10px;
  164. padding-left:0px;
  165.  
  166. }
  167.  
  168. ol.notes li.note img.avatar {
  169.     vertical-align: -4px;
  170.     margin-right: 10px;
  171.     width: 16px;
  172.     height: 16px;
  173. }
  174.  
  175. ol.notes li.note span.action {
  176.    
  177. }
  178.  
  179. ol.notes li.note .answer_content {
  180.     font-weight: normal;
  181. }
  182.  
  183. ol.notes li.note blockquote {
  184.     padding: 4px 10px;
  185.     margin: 10px 0px 0px 25px;
  186. }
  187.  
  188. ol.notes li.note blockquote a {
  189.     text-decoration: none;
  190. }
  191. li{
  192.            list-style-type:none;  
  193.          }  
  194.              li img{
  195.           display:hidden;
  196.           overflow:hidden;
  197.          
  198.           height:16px;
  199.          }
  200.          ul{
  201.              
  202.          }
  203. #s-m-t-tooltip {
  204.  
  205. max-width:300px; padding:4px 4px 4px 4px; margin:20px 0px 0px 20px; background: #fff; /* change the background color you can change it to transparent too*/
  206.  
  207. border:1px solid #000; /* change the border and its color */
  208.  
  209. font-family: ‘Short Stack’, cursive;/* change the font */
  210.  
  211. font-size:10px; /* change the font size */
  212.  
  213. letter-spacing:0px; /* change the letter spacing */
  214.  
  215. text-transform:lowercase; /* can be none , lowercase or even uppercase!*/ color:#0000; /* change the text color */ z-index:999999999999999999999999999999999999; }        
  216.   </style>
  217.   <body>
  218.  
  219.     <div class="sidebar">
  220.   <div class="sidebarimage">
  221.     <a href="/"><img src={image:sidebar image} width="200px"/></a>
  222.     </div>
  223.     <center><a href="/">{Title}</a></br></center>
  224.     <div class="description">
  225.       {Description}
  226.   </div>
  227.   <div class="links">
  228.     <center><a href="/archive">{text:archive label}</a>
  229.     {block:AskEnabled}<a href="/ask">{text:ask label}</a>{/block:AskEnabled}
  230.     {block:IfFirstLink}
  231.     <a href="{text:url 1}" target="_blank">{text:link 1}</a>{block:IfFirstLink}{block:IfSecondLink}
  232.     <a href="{text:url 2}" target="_blank">{text:link 2}</a>{/block:IfSecondLink}
  233.     {block:IfThirdLink}
  234.     <a href="{text:url 3}" target="_blank">{text:link 3}</a> {block:IfThirdLink}
  235.     <a href="http://www.tyson-themes.tumblr.com" title="theme credit">☾</a>
  236.     {block:SubmissionsEnabled}<a href="/submit">{text:submit label}</a>{/block:SubmissionsEnabled}
  237.    
  238. {block:HasPages}{block:Pages}<a href="{url}">{Label} </a>{/block:Pages}{/block:HasPages}
  239.  
  240.     </center>
  241.   </div></div>
  242.  
  243.  
  244.  
  245.  <div id="content">
  246.  <div class="autopagerize_page_element">
  247.  
  248.   {block:Posts}
  249.   <div id="posts">
  250.   {block:Text}
  251.   <i>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</i>
  252.   {Body}
  253.  <center>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}/<a href="{ReblogURL}">{text:reblog label}</a></center>
  254.  {block:PermalinkPage}
  255. {block:HasTags}
  256. {block:Tags}
  257. <a href="{BlogUrl}tagged/{Tag}">#{Tag}</a>
  258. {/block:Tags}  
  259. {/block:HasTags}
  260.    {block:PostNotes}
  261.    <ol>
  262.    <li>{PostNotes}</li>
  263.    </ol>
  264.    {/block:PostNotes}{/block:PermalinkPage}
  265.   {/block:Text}
  266.   {block:Photo}<photo>
  267.   {LinkOpenTag}
  268.  <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  269.   {LinkCloseTag}
  270.  <center>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}/<a href="{ReblogURL}">{text:reblog label}</a></center>
  271.  {block:PermalinkPage}
  272. {block:HasTags}
  273. {block:Tags}
  274. <a href="{BlogUrl}tagged/{Tag}">#{Tag}</a>
  275. {/block:Tags}  
  276. {/block:HasTags}
  277.    {block:PostNotes}
  278.    <ol>
  279.    <li>{PostNotes}</li>
  280.    </ol>
  281.    {/block:PostNotes}{/block:PermalinkPage}
  282.  {/block:Photo}
  283.  {block:Quote}
  284.   <h3>"{Quote}"</h3>
  285.   {block:Source}-{Source}{/block:Source}
  286.  <center>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}/<a href="{ReblogURL}">{text:reblog label}</a></center>
  287.  {block:PermalinkPage}
  288. {block:HasTags}
  289. {block:Tags}
  290. <a href="{BlogUrl}tagged/{Tag}">#{Tag}</a>
  291. {/block:Tags}  
  292. {/block:HasTags}
  293.    {block:PostNotes}
  294.    <ol>
  295.    <li>{PostNotes}</li>
  296.    </ol>
  297.    {/block:PostNotes}{/block:PermalinkPage}
  298.   {/block:Quote}
  299.  {block:Photoset}
  300.   {Photoset-500}
  301.  <center>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}/<a href="{ReblogURL}">{text:reblog label}</a></center>
  302.  {block:PermalinkPage}
  303. {block:HasTags}
  304. {block:Tags}
  305. <a href="{BlogUrl}tagged/{Tag}">#{Tag}</a>
  306. {/block:Tags}  
  307. {/block:HasTags}
  308.    {block:PostNotes}
  309.    <ol>
  310.    <li>{PostNotes}</li>
  311.    </ol>
  312.    {/block:PostNotes}{/block:PermalinkPage}
  313.   {/block:Photoset}
  314.   {block:Link}
  315.       {block:Thumbnail}<div class="thumbnail">
  316.  <img src="{Thumbnail-HighRes}"></div>{/block:Thumbnail}
  317. <a href="{URL}" >{Name}</a>
  318. {block:Description}<br />{Description}{/block:Description}
  319.  <center>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}/<a href="{ReblogURL}">{text:reblog label}</a></center>
  320.  {block:PermalinkPage}
  321. {block:HasTags}
  322. {block:Tags}
  323. <a href="{BlogUrl}tagged/{Tag}">#{Tag}</a>
  324. {/block:Tags}  
  325. {/block:HasTags}
  326.    {block:PostNotes}
  327.    <ol>
  328.    <li>{PostNotes}</li>
  329.    </ol>
  330.    {/block:PostNotes}{/block:PermalinkPage}
  331. {/block:Link}
  332. {block:Chat}
  333. {block:Title}{Title}<br />{/block:Title}
  334. {block:Lines}
  335. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br  />
  336. {/block:Lines}
  337.  <center>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}/<a href="{ReblogURL}">{text:reblog label}</a></center>
  338.  {block:PermalinkPage}
  339. {block:HasTags}
  340. {block:Tags}
  341. <a href="{BlogUrl}tagged/{Tag}">#{Tag}</a>
  342. {/block:Tags}  
  343. {/block:HasTags}
  344.    {block:PostNotes}
  345.    <ol>
  346.    <li>{PostNotes}</li>
  347.    </ol>
  348.    {/block:PostNotes}{/block:PermalinkPage}
  349. {/block:Chat}
  350. {block:Audio}
  351.  {block:AudioEmbed}
  352.  {AudioEmbed}
  353.  {/block:AudioEmbed}
  354.  {block:AudioPlayer}
  355.  {AudioPlayerBlack}
  356.  {/block:AudioPlayer}
  357.  {block:AlbumArt}
  358.  <img src="{AlbumArtUrl}"></br>
  359.  {/block:AlbumArt}
  360. <center>{block:TrackName}
  361.  {TrackName}</br>
  362.  {/block:TrackName}
  363.  {block:Artist}
  364.  {Artist}</br>
  365.  {/block:Artist}
  366.  {block:Album}
  367.  {Album}</br>
  368.  {/block:Album}</center>
  369.  <center>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}/<a href="{ReblogURL}">{text:reblog label}</a></center>
  370.  {block:PermalinkPage}
  371. {block:HasTags}
  372. {block:Tags}
  373. <a href="{BlogUrl}tagged/{Tag}">#{Tag}</a>
  374. {/block:Tags}  
  375. {/block:HasTags}
  376.    {block:PostNotes}
  377.    <ol>
  378.    <li>{PostNotes}</li>
  379.    </ol>
  380.    {/block:PostNotes}{/block:PermalinkPage}
  381. {/block:Audio}    
  382. {block:Video}              
  383.    {Video-500}
  384.         {block:Caption}{Caption}{/block:Caption}
  385.  
  386.  <center>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}/<a href="{ReblogURL}">{text:reblog label}</a></center>
  387.  {block:PermalinkPage}
  388. {block:HasTags}
  389. {block:Tags}
  390. <a href="{BlogUrl}tagged/{Tag}">#{Tag}</a>
  391. {/block:Tags}  
  392. {/block:HasTags}
  393.    {block:PostNotes}
  394.    <ol>
  395.    <li>{PostNotes}</li>
  396.    </ol>
  397.    {/block:PostNotes}{/block:PermalinkPage}
  398.  {/block:Video}
  399.      </div>
  400.     {/block:Posts}</div></div>
  401.  
  402.  
  403.   </body>
  404. </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!