API tools faq
paste
Advertisement
ladysephi

Theme #4 by ladysephi | @tunestofly

ladysephi
Jun 7th, 2014
470
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.30 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.  <!--
  4.       Theme por: Sephi
  5.  
  6. Fique a vontade para edita-lo ao seu gosto, mas sempre mantenha os créditos.
  7. Qualquer dúvida me procure nos tumblrs, ask.fm/tunestofly, twitter.com/tunestofly.
  8.               ~be happy
  9.  
  10.                        
  11.  
  12. Base by: Sephi
  13.  
  14. Feel free to edit it to your liking, but always keep the credits.
  15. Any questions look me in the tumblrs, ask.fm/tunestofly, twitter.com/tunestofly.
  16.               ~be happy
  17.      
  18.      © http://ladysephi.tumblr.com/ | http://tunestofly.tumblr.com/
  19. -->
  20.  
  21. <meta name="color:color1" content="#ffffff"/>
  22. <meta name="color:color2" content="#eaeaea"/>
  23. <meta name="color:color3" content="#c7dbcf"/>
  24. <meta name="color:color4" content="#CAC7DB"/>
  25. <meta name="color:color5" content="#000000"/>
  26.  
  27.  
  28. <meta name="text:novidades" content="Novidades sobre seu tumblr"/>
  29.  
  30. <meta name="image:side" content="http://static.tumblr.com/nqcm3ld/hnsn6sfxd/side.png"/>
  31.  
  32. <meta name="text:link1" content="/link1"/>
  33. <meta name="text:link2" content="/link2"/>
  34. <meta name="text:link3" content="/link3"/>
  35. <meta name="text:link4" content="/link4"/>
  36. <meta name="text:link5" content="/link5"/>
  37. <meta name="text:link6" content="/link6"/>
  38. <meta name="text:link7" content="/link7"/>
  39. <meta name="text:link8" content="/link8"/>
  40. <meta name="text:link9" content="/link9"/>
  41.  
  42. <meta name="text:titlelink1" content="title link 1"/>
  43. <meta name="text:titlelink2" content="title link 2"/>
  44. <meta name="text:titlelink3" content="title link 3"/>
  45. <meta name="text:titlelink4" content="title link 4"/>
  46. <meta name="text:titlelink5" content="title link 5"/>
  47. <meta name="text:titlelink6" content="title link 6"/>
  48. <meta name="text:titlelink7" content="title link 7"/>
  49. <meta name="text:titlelink8" content="title link 8"/>
  50. <meta name="text:titlelink9" content="title link 9"/>
  51.  
  52.  
  53. <link rel="stylesheet" href="http://static.tumblr.com/mpornxv/oTzlov58o/lavalamp_test.css" type="text/css" media="screen">
  54.  
  55.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/BnLlov3e2/jquery-1.1.3.1.min.js"></script>
  56.  
  57.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/n3hlov3c1/jquery.easing.min.js"></script>
  58.  
  59.     <script type="text/javascript" src="http://static.tumblr.com/mpornxv/Mwklov3cl/jquery.lavalamp.js"></script>
  60. <script type="text/javascript">
  61.     $(function() {
  62.   $(".lavaLamp").lavaLamp({
  63.   fx: "backout", speed: 700 })
  64.   });
  65.  
  66. </script>
  67.  
  68.  
  69. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  70.  
  71. <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  72.  
  73. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  74. <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
  75.  
  76. <script type="text/javascript">
  77. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  78. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  79. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  80. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  81. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  82. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  83. animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
  84.         //$: Access to jQuery
  85.         //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
  86.         //state: "block" or "none", depending on state
  87. }
  88. animatedcollapse.init()
  89. </script>
  90.  
  91.         <title>{title}</title>
  92.         <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl66suxWH1qfamg6.gif" />
  93.  
  94.         <style>
  95.  
  96. ::-webkit-scrollbar-thumb:vertical {background-color: {color:color2}; height: 50px;}
  97. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:color2}; height: 3px;}
  98. ::-webkit-scrollbar {height: 3px; width: 3px; background-color: {color:color1};}
  99.        
  100.        
  101. body {
  102.     background: {color:color1};
  103.     color: #666666;
  104.     font-family: 'Source Sans Pro', sans-serif;
  105.     font-size: 12px;
  106.     overflow: hidden;
  107. }
  108.  
  109. ::-moz-selection {background: #f9f9f9; color: {color:color4};}
  110.  ::selection {background: #f9f9f9; color:{color:color4};}
  111.  
  112. a:link, a:visited, a:active {
  113.     text-decoration: none;
  114.     color: {color:color3};
  115. }
  116.  
  117. a:hover {
  118.     color: {color:color4};}
  119.  
  120. li {
  121.     list-style: none;}
  122.    
  123. h1, h3, h5 {
  124.     color: {color:color3};
  125.     text-align: justify;
  126.     line-height: 22px;
  127.     letter-spacing: 2px;
  128. }
  129.  
  130. h2, h4 {
  131.     color: {color:color4};
  132.     text-align: justify;
  133. }
  134.  
  135. b, strong {
  136.     color: {color:color3};
  137. }
  138.  
  139. i, em, strike, s, underline, u {
  140.     color: {color:color4};
  141. }
  142.  
  143.    
  144. /* divs base */
  145.            
  146. #head {
  147.     border-bottom: solid thin {color:color2};
  148.     background: {color:color1};
  149.     width: 100%;
  150.     height: 50px;
  151.     position: fixed;
  152.     top: 0px;
  153.     left: 0px;
  154.     z-index: 9999;
  155.     line-height: 50px;
  156. }
  157.  
  158. .menu {
  159.     width: 1000px;
  160.     padding-left: 50px;
  161.     margin-left: auto;
  162.     margin-right: auto;
  163.     font-size: 10px;
  164. }
  165.  
  166. .menu a:link, .menu a:visited {
  167.     color: {color:color5} !important;
  168.     text-transform: uppercase;
  169. }
  170.  
  171. #content {
  172.     width: 880px;
  173.     margin-top: 60px;
  174.     margin-left: auto;
  175.     margin-right: auto;
  176. }
  177.  
  178. .side {
  179.     float: left;
  180.     width: 250px;
  181.     padding: 10px;
  182.     margin-top: 100px;
  183. }
  184.  
  185. .posts {
  186.     float: right;
  187.     width: 600px;
  188.     height: 535px;
  189.     overflow: auto;
  190. }
  191.  
  192. #pagi {
  193.     background: {color:color3};
  194.     position: fixed;
  195.     bottom: 10px;
  196.     height: 30px;
  197.     width: 900px;
  198.     color: {color:color1};
  199. }
  200.  
  201. #pagi a {
  202.     color: {color:color1} !important;
  203.     padding: 3px;
  204. }
  205.  
  206. /* divs bases */
  207.  
  208. #wrap {
  209.   margin: -25px 50px;
  210.   display: inline-block;
  211.   position: relative;
  212.   height: 30px;
  213.   float: right;
  214.   padding: 0;
  215.   position: relative;
  216. }
  217.  
  218. input[type="text"] {
  219.   height: 30px;
  220.   display: inline-block;
  221.   border: none;
  222.   outline: none;
  223.   color: {color:color4};
  224.   padding: 3px;
  225.   padding-right: 60px;
  226.   width: 0px;
  227.   position: absolute;
  228.   top: 0;
  229.   right: 0;
  230.   background: none;
  231.   z-index: 3;
  232.   transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  233.   cursor: pointer;
  234. }
  235.  
  236. input[type="text"]:focus:hover {
  237. }
  238.  
  239. input[type="text"]:focus {
  240.   width: 150px;
  241.   z-index: 1;
  242.   cursor: text;
  243. }
  244.  
  245. input[type="submit"] {
  246.   height: 30px;
  247.   width: 30px;
  248.   display: inline-block;
  249.   float: right;
  250.   background: url(http://static.tumblr.com/nqcm3ld/Acin5y9bb/search.png) center center no-repeat;
  251.   text-indent: -10000px;
  252.   border: none;
  253.   position: absolute;
  254.   top: 0;
  255.   right: 0;
  256.   z-index: 2;
  257.   cursor: pointer;
  258.   opacity: 0.4;
  259.   cursor: pointer;
  260.   transition: opacity .4s ease;
  261. }
  262.  
  263. input[type="submit"]:hover {
  264.   opacity: 0.8;
  265. }
  266. /* search box */
  267.  
  268. .lavaLamp {margin-top: -20px; padding: 20px; color: {color:color5};}
  269.  
  270. .lavaLamp li {float: left; list-style: none;}
  271.  
  272. .lavaLamp li.back {background: {color:color3}; height: 55px; z-index: 8; position: absolute; color: {color:color1};}
  273.  
  274. .lavaLamp li.back .left {background: {color:color3}; height: 55px; color: {color:color1};}
  275.  
  276.  
  277. .lavaLamp li a {
  278.     position: relative;
  279.     text-align: center;
  280.     z-index: 10;
  281.     float: left;
  282.     display: block;
  283.     margin: auto 10px;
  284. }
  285.  
  286. .imgask {
  287.     border-radius: 100%;
  288.     -webkit-filter: grayscale(100%);
  289.     -webkit-transition: all .5s linear;
  290. }
  291.  
  292. .askboxx:hover .imgask {
  293.     -webkit-filter: grayscale(10%);
  294.     -webkit-transition: all .5s linear;
  295. }
  296.  
  297. /* menu 6 -clique- by ladysephi | tunestofly */
  298. .titulo {
  299.  display: block;
  300.  width: 98%;
  301.  background:  {color:color4};
  302.  height: 25px;
  303.  color: {color:color1};
  304.  text-align: center;
  305.  line-height: 25px;
  306.  vertical-align: center;
  307. }
  308. /* menu 6 -clique- by ladysephi | tunestofly */
  309.         </style>
  310.  
  311.  
  312.  
  313.     </head>
  314.     <body>
  315.    
  316. <div id="head">
  317.     <div class="menu">
  318.     <ul class="lavaLamp">
  319.        <li><a href="/">home</a></li>
  320.        <li><a href="{text:link1}">{text:titlelink1}</a></li>
  321.        <li><a href="{text:link2}">{text:titlelink2}</a></li>
  322.        <li><a href="{text:link3}">{text:titlelink3}</a></li>
  323.        <li><a href="{text:link4}">{text:titlelink4}</a></li>
  324.        <li><a href="{text:link5}">{text:titlelink5}</a></li>
  325.        <li><a href="{text:link6}">{text:titlelink6}</a></li>
  326.        <li><a href="{text:link7}">{text:titlelink7}</a></li>
  327.        <li><a href="{text:link8}">{text:titlelink8}</a></li>
  328.        <li><a href="{text:link9}">{text:titlelink9}</a></li>
  329.      </ul>
  330.        
  331.     </div>
  332. </div>
  333. <div id="content">
  334.     <div class="box">
  335.         <div class="side">
  336.        
  337.        <center> <img src="{image:side}" width="250"> </center>
  338.        
  339.         <center><div style="background: #c4c4c4; width: 90%; height: 1px; display: block; margin-top: 3px; margin-bottom: 3px;"></div> </center>
  340.         <br>
  341.             {description}
  342.             <br><br>
  343.             <center><div style="background: #c4c4c4; width: 90%; height: 1px; display: block; margin-top: 3px; margin-bottom: 3px;"></div> </center><br>
  344.             <a href="javascript:animatedcollapse.toggle('dog')"><div class="titulo">NEWS</div></a>
  345. <div id="dog" style="display:none">
  346. <br>
  347.  
  348. {text:novidades}
  349.  
  350. </div>
  351.         </div>
  352.        
  353.        
  354.        
  355.         <div class="posts">
  356.        
  357.        
  358. {block:Posts}
  359. <div style="border: solid thin {color:color2}; margin: 7px; padding: 15px; padding-bottom: 0px;">
  360.                {block:Text}
  361.                         {block:Title}
  362.                             <center> <h1><a href="{Permalink}">{Title}</a></h1> </center>
  363.                         {/block:Title}
  364.  
  365.                         {Body}
  366.                 {/block:Text}
  367.            
  368.  
  369. {block:Photo}
  370.  
  371. <br>
  372. <center>{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</center>
  373. {block:Caption}          
  374. {Caption}
  375. {/block:Caption}
  376. {/block:Photo}
  377.  
  378.  
  379. {block:Photoset}
  380.  
  381.    <center>{Photoset-500}</center>
  382.    
  383.     {block:Caption}
  384.         {Caption}
  385.     {/block:Caption}
  386. {/block:Photoset}
  387.                
  388.                 {block:Quote}
  389.                          <center><h1 style="text-align:justify; font-weight: normal; color: #c4c4c4">“<span style="color: {color:color4};">{Quote}</span>”</h1></center>
  390.  
  391.                         {block:Source}
  392.                             <p align="right">- {Source}</p>
  393.                         {/block:Source}
  394.                 {/block:Quote}
  395.                
  396.                 {block:Link}
  397.                        <center> <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  398.  
  399. </center>
  400.  
  401.                         {block:Description}
  402.                             <div class="description">{Description}</div>
  403.                         {/block:Description}
  404.                 {/block:Link}
  405.                
  406.                 {block:Chat}
  407.                         {block:Title}
  408.                             <center> <h1><a href="{Permalink}">{Title}</a></h1> </center>
  409.                         {/block:Title}
  410.  
  411.                         <ul class="chat">
  412.                             {block:Lines}
  413.                                 <li class="{Alt} user_{UserNumber}">
  414.                                     {block:Label}
  415.                                         <span class="label">{Label}</span>
  416.                                     {/block:Label}
  417.  
  418.                                     {Line}
  419.                             {/block:Lines}
  420.                         </ul>
  421.                 {/block:Chat}  
  422.                
  423.                 {block:Video}
  424.                     <li class="post video">
  425.                         {Video-400}
  426.  
  427.                         {block:Caption}
  428.                             <div class="caption">{Caption}</div>
  429.                         {/block:Caption}
  430.                 {/block:Video}  
  431.                
  432.                 {block:Audio}
  433.                         {AudioPlayerwhite}
  434.  
  435.                         {block:Caption}
  436.                             <div class="caption">{Caption}</div>
  437.                         {/block:Caption}
  438.  
  439.                 {/block:Audio}  
  440.        
  441.  {block:Answer}
  442.  <div class="askboxx">
  443. <h4 style="text-transform: uppercase; text-align: center;">{Question}</h4>
  444.  <img src="{AskerPortraitURL-24}" class="imgask" align="right">
  445.  <p style="text-align: right; padding-right: 40px; line-height: 24px;">- {Asker}</p>
  446.  {Answer}
  447.  </div>
  448. {/block:Answer}
  449.  
  450. <div style="display: none;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  451. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  452.  
  453.  
  454.  <div style="background-color: {color:color2}; width: 104%; padding: 5px; margin-left: -16px;">
  455.  <div align="right"><span style="display: block; padding: 3px;">
  456. {block:Date}{TimeAgo}&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;&nbsp;with
  457. {/block:Date} <a class="" href="{Permalink}">{NoteCountWithLabel}</a>
  458. <br></span>
  459.  
  460. <div style="margin-top: -17px; margin-left: 15px; float: left;"><div style="display: inline-block;">{ReblogButton size="16"}</div> <div style="display: inline-block;">{LikeButton size="16"}</div></div></div>
  461.  
  462.  
  463.  
  464. </div>
  465. </div>
  466.  
  467.  
  468.  
  469.  
  470.  {block:permalinkpage}
  471.  <center>
  472.  
  473.  <div style="text-tranform: uppercase;">
  474.  {block:HasTags}{block:Tags} # <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></center>
  475.  
  476. {/block:permalinkpage}
  477.  
  478.  
  479. {block:PostNotes}<div id="post_notes">{PostNotes}</div>{/block:PostNotes}
  480.  
  481.            {/block:Posts}
  482.                
  483.                
  484.                
  485.         </div>
  486.     </div>
  487.        
  488.     <div id="pagi">
  489.  
  490.  <div style="float:left; width: 300px; text-align: center; line-height: 30px;">
  491.  
  492.  © theme by <a href="http://tunestofly.tumblr.com/">tunestofly</a>
  493.  
  494.  </div>
  495.  
  496.  
  497.  <div style="float:right; width: 600px; text-align: center; line-height: 30px;">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  498. {block:JumpPagination length="5"}
  499. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  500. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  501. {/block:JumpPagination}
  502. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div>
  503.     </div>
  504.     <br>
  505. </div>
  506.        
  507.     </body>
  508. </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!