API tools faq
paste
Advertisement
Pirocando

theme02

Pirocando
Jul 23rd, 2014
253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.93 KB | None | 0 0
raw download clone embed print report
  1. <html><head>
  2. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  3.    
  4. <!-- DEFAULT VARIABLES -->
  5. <meta name="color:paginacao" content="#000" />
  6. <meta name="color:background" content="#ffffff" />
  7. <meta name="color:sidebar" content="#ffffff" />
  8. <meta name="color:post" content="#ffffff" />
  9. <meta name="color:text" content="#000000" />
  10. <meta name="color:all" content="#000000" />
  11. <meta name="color:link" content="#000000" />
  12. <meta name="color:borda" content="#000000" />
  13. <meta name="color:ask" content="#eeeeee" />
  14. <meta name="color:bgnotes" content="#eee"/>
  15. <meta name="color:textnotes" content="#000"/>
  16. <meta name="color:linhacoluna" content="#eee" />
  17. <meta name="color:linkshover" content="#999999" />
  18. <meta name="color:title" content="#000000" />
  19. <meta name="image:background" content="" />
  20. <meta name="image:sidebar" content="https://secure.static.tumblr.com/78041097e2cce2ba6992db1698a66b5d/vsrkgtk/WZjn8zib5/tumblr_static_3614zny45o2sgkgww4g4ow8gc.png"/>
  21. <meta name="text:second title" content="I promese" />
  22. <meta name="if:Show tags" content="1"/>
  23. <meta name="text:Link1"content="link 1">
  24. <meta name="text:Link2"content="link 2">
  25. <meta name="text:Link3"content="link 3">
  26. <meta name="text:Link4"content="link 4">
  27. <meta name="text:Link1 url"content="/">
  28. <meta name="text:Link2 url"content="/">
  29. <meta name="text:Link3 url"content="/">
  30. <meta name="text:Link4 url"content="/">
  31. <link rel="shortcut icon" href="{Favicon}" />
  32.      
  33.     <title>{Title}</title>      
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  36.  
  37. <style>
  38. @font-face {
  39.     font-family: 'StarsFromOurEyesRegular';
  40.     src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot');
  41.     src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot?#iefix') format('embedded-opentype'),
  42.          url('http://static.tumblr.com/2lqtwbf/8Obly7nj0/starsfromoureyes-webfont.ttf') format('truetype'),
  43.          url('http://static.tumblr.com/2lqtwbf/8NAly7nnb/starsfromoureyes-webfont.svg') format('svg');
  44.     font-weight: normal;
  45.     font-style: normal;
  46. }
  47. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  48.      
  49.     a {color: {color:link}; text-decoration: none; text-transform: none;}
  50.     a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  51.        
  52.     #pagina {float: left; margin-left: 481px;}
  53.      
  54.     .post {width: 400px; background-color: {color:post}; padding: 10px; top: -3px; margin-bottom: 5px; margin-left: -30px; text-align: justify; font-family: calibri; font-size: 12px; position: relative; color:{color:text}; border-left: 1px solid #eee; border: 1px solid {color:linhacoluna};  }
  55.      
  56.     h1 {font-family: calibri; text-align: left; font-size: 16px; text-transform: ; color: {color:text}; font-weight: normal; line-height: 18px;}
  57.     h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  58.     h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  59.      
  60.          .notes {width: 420px; padding: 0px; margin-top: 10px; margin-bottom: 1px; font-family: calibri; font-size: 10px; text-align: center}
  61.     ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  62.     ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  63.     .notes img{display: none; border:0px}
  64.    
  65.         .quotex {font-family: calibri;   font-style: oblique; text-align: left; font-size: 14px; line-height: 15px; padding: 3px; margin-bottom: 5px;}
  66.     .quotex1 {font-family: calibri; font-size: 12px; text-align: center; text-transform: none; margin-bottom: 5px; border-top: 1px solid #eee;}
  67.     .quotex1 a, a:hover{text-transform: none;}
  68.  
  69.     .chat {line-height: 13px; list-style: none }
  70.     .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  71.      
  72.     .imagepost {text-align: center; border: 0px}
  73.     .imagepost img {max-width: 400px; margin-bottom: 2px }
  74.     .imagepost:hover { opacity:0.95; }
  75.    
  76.     #info {margin-top: -32px; }
  77.  
  78.      
  79.     #cap {width: 400px; margin-top: -2px;}
  80.     .source {display: none;}
  81.  
  82.   #askheere {width:330px; margin-left:40px;padding:10px; opacity:1; text-align:justify; color:#8d8a8a; background-color:#f1f1f1; border-radius:5px;font-size: 11px; font-family: verdana; }
  83.   #askheere a {color:##8d8a8a}
  84.  
  85.      #askhere2 {color:{color:text}; font-size: 11px; font-weight: normal; font-family: verdana; padding:10px; opacity:1; text-align:justify; background-color:{color:post}; border-radius:5px;}
  86.  
  87.    .askfoto {text-align:center; color:{color:text}; font:11px verdana; text-transform:none; border-radius:60px 60px 60px 60px; opacity:1; -webkit-transition-duration:.25s; }
  88.    .askfoto a{color:{color:text};}
  89.    .askfoto img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px; }
  90.    .askfoto:hover { border-radius:60px; opacity:0.7; -webkit-transition-duration:.25s;}
  91.  
  92.    
  93. .tags {display: none;}
  94.  
  95.  
  96. #via {display: none}
  97.  
  98. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Text}; height:auto;-webkit-box-shadow: inset 0 0 6px {color:Text};-webkit-border-radius:1px;}
  99.  
  100. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:Text}; height:5px !important;-webkit-box-shadow: inset 0 0 6px {color:Text};    -webkit-border-radius:1px;}
  101.  
  102. ::-webkit-scrollbar {height:2px; width:7px; background-color:{color:post}; }
  103.  
  104. ::-webkit-scrollbar-corner {background-color:{color:post};}
  105.  
  106.  
  107. .cred {margin-left:20px; margin-top:20px; padding:5px; text-align: center; z-index:3; position: fixed;}
  108. .cred a {float: left; margin-right: 1px; font-family: Calibri; font-size:10px; margin-bottom:1px; width: 90px; background-color:none; color:{color:desc}; display: block; letter-spacing: 1px; text-decoration: none; text-transform:uppercase; line-height:20px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  109. .cred a:hover{background-color:none ;color: {color:desc};text-align: center;}
  110.  
  111.  
  112.  
  113.      
  114. .noteinf {display: block; text-align: justify; overflow: hidden; margin-bottom: 15px;  }
  115.  
  116. .notesinfo {position: absolute; background-color: {color:bgnotes}; text-align:right; margin-left: 0px; text-transform:uppercase; color: transparent; padding: 3px; font-size: 10px; opacity: 0; z-index: 99; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -webkit-transition-duration: .90s; background-image:url('{image:bgcoluna}');}
  117. .notesinfo a {color: {color:textnotes}; text-transform:uppercase;}
  118. .noteinf:hover .notesinfo {opacity:99; color: {color:textnotes}; text-transform:uppercase;}
  119.  
  120. #tumblrcontrols2 {position:fixed; top:25px; right:5px;  z-index:999;}
  121. #tumblrcontrols2 a {opacity:1;}
  122. #tumblrcontrols2 a:hover {opacity:1;}
  123.  
  124. iframe#tumblr_controls {right:3px !important; position: fixed !important; z-index:99; z-index:19;}
  125.  
  126. ::-webkit-scrollbar {width: 7px; height: 5px;}
  127. ::-webkit-scrollbar-track-piece {background-color: #ffffff; repeat scroll 0 0 transparent;}  
  128. ::-webkit-scrollbar-thumb:vertical {height: 6px;background-color: #000000;}
  129. ::-webkit-scrollbar-thumb:horizontal {width: 6px;background-color: #000000;}
  130. #paginacaoml {background-color:transparent; position:fixed; width:200px; height:15px; margin-top:328px; margin-left:750px; text-align:center; font-size: 10px; line-height: 15px; font-family:tahoma; font-weight:bold;}
  131. #paginacaoml a {background: transparent; color:{color:paginacao}; padding: 2px 4px; color:{color:paginacao}; text-decoration: none;}
  132. #paginacaoml a:hover {background: transparent; border: none; color:{color:paginacao}; font-weight:bold;}
  133. #paginacaoml span.pagina_atual {background: transparent; margin: 0 1px 0 0; padding: 2px 4px; color:{color:paginacao}; text-decoration:none; font-weight:bold;}
  134. #paginacaoml span.info {background: transparent; margin: 0 1px 0 0; padding: 2px 4px; color:{color:paginacao}; text-decoration: none;}
  135. #tumblr_controls{position: fixed!important}
  136. #tumblr_controls{position: fixed!important}
  137. #tumblr_controls{position: fixed!important}
  138. #tumblr_controls{position: fixed!important}
  139.  
  140.  #sidebar {position:fixed; width: 170px; height:150px; margin-left:360px;margin-top:70px; -webkit-transition-duration: 0.4s;}
  141.  
  142.  #foto img {display: inline; margin-left:0px; position:fixed; text-align:left;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; margin-top:3px;}
  143. #foto img { height:180px; width:130px; margin-top:-200px;margin-left:-168px;}
  144.  
  145.  
  146. #sidebar:hover #foto img {opacity:10;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out; -webkit-filter: grayscale(10%)}
  147.  
  148.  
  149.  
  150. #menu{font-size: 14px; font-family: calibri;margin-left:-127px;position:fixed;margin-top:-10px;background-color:#fff;width:200px;text-transform:;text-align:center;}
  151. #menu a:hover {color:#ed3996;text-decoration:; text-shadow:0px 0px 10px; font-style:italic;}
  152.  
  153.  
  154.  
  155.  .b1{;margin-left:-56px; margin-top:-8px; position:fixed;text-align:center;-webkit-transition-duration: 0.4s;  -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out}
  156. .b1 img {width:25px; height:auto;}
  157. #sidebar:hover .b1 {-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;all 0.7s ease-out; color:#000; opacity:0;transform: rotateY(360deg); -webkit-transform: rotateY(0deg);opacity:1; margin-left:25px;margin-top:-8px}
  158.  
  159.  
  160.  
  161. .frase { opacity:0; border-left:px solid #ddd;border-right:px solid #ddd;-webkit-transition-duration: 0.4s;  -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;width:140px; height:16px;margin-top:-218px; text-transform:; padding: 2px ;line-height:12px;margin-left:-90px;font-family: 'cambria', cursive; font-size:15px;text-align:center; position:fixed;color:#000 ;font-style:;}
  162. #sidebar:hover .frase { opacity:100;}
  163.  
  164.  
  165.  #tudo {width:150px; margin-left:10px; margin-top:300px;}
  166.  ::-webkit-scrollbar{width:7px;
  167. height:0px;}
  168. ::-webkit-scrollbar-button:start:decrement
  169. ::-webkit-scrollbar-button:end:increment{display:block;
  170. height:0;
  171. background-color:#000;}
  172. ::-webkit-scrollbar-track-piece{background-color:#fff;
  173. -webkit-border-radius:0;
  174. -webkit-border-bottom-right-radius:3px;
  175. -webkit-border-bottom-left-radius:3px;}
  176. ::-webkit-scrollbar-thumb:vertical{height:50px;
  177. background-color:#000;}
  178. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  179. background-color:#000;}
  180. </style><body>
  181.  
  182. </div>
  183. <div id="paginacaoml">
  184.    
  185. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  186.  
  187. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  188. </div></div></div>
  189.  
  190.  
  191. <div id="paginacaoml">
  192.     {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  193. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  194. </div>
  195. </div></div></div></div></div></div>
  196.  
  197.  
  198.  
  199. <div id="container">
  200. <div id="sidebar">
  201. <div id="tudo">
  202. <div id="foto"><img src="{image:Sidebar}"></div>
  203.  
  204.  
  205.  
  206. <div id="menu">
  207.  
  208. <a href="{text:Link1 url}">{text:Link1}</a>
  209. {/block:IfLink1}{block:IfLink2}
  210. <a href="{text:Link2 url}">{text:Link2}</a>
  211. {/block:IfLink2}{block:IfLink3}
  212. <a href="{text:Link3 url}">{text:Link3}</a>
  213. {/block:IfLink3}{block:IfLink4}
  214. <a href="{text:Link4 url}">{text:Link4}</a>
  215. {/block:IfLink4}
  216. </div></div>
  217.  
  218. <div class="b1"><img src="https://31.media.tumblr.com/e37f6fd447239b708286567196061eff/tumblr_n8zj9to8ne1tceoulo1_75sq.png" class="b1"></div>
  219.  
  220. <div class="frase">{Description}</div></b></div>
  221. </div></div></div></div></div>
  222.  <a style="width:120px; font-size:9px; color:#4a4a4a; font-family:cambria;position:fixed;font-style:;text-transform:uppercase;bottom:30px;right:-15px;" href="http://pirocando.tumblr.com/" title=""><u>PIROCANDO</u></b></a>
  223.  
  224.  
  225.  
  226.     <div id="pagina">
  227.      
  228.      {block:Posts}
  229.      
  230.      
  231.      
  232.     <div class="post">
  233.    
  234.     <div class="noteinf">
  235.  
  236. <div class="notesinfo">
  237.  <a href="{Permalink}">{TimeAgo}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target="_blank">reblog</a></div>
  238.    
  239.    
  240.     {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  241.      
  242.     {block:Photo}{LinkOpenTag}<div class="imagepost"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  243.      
  244.  {block:Photoset}{Photoset-400}{/block:Photoset}
  245.     {block:Quote}
  246.     <div class="quotex">“{Quote}”</div>
  247.     {block:Source}<div class="quotex1"> — {Source}</div>
  248.     {/block:Source}
  249.     {/block:Quote}
  250.      
  251.     {block:Link}
  252.     <h1><a href="{URL}" {Target}>{Name}</a></h1>
  253.     {block:Description}{Description}{/block:Description}
  254.     {/block:Link}
  255.      
  256.     {block:Chat}
  257.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  258.     <div class="chat"><ul>{block:Lines}
  259.     <li class="person{UserNumber}">{block:Label}
  260.     <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  261.     {/block:Chat}
  262.      
  263.     {block:Audio}
  264.     <div class="player">{AudioPlayerBlack}</div>
  265.     {block:Caption}{Caption}{/block:Caption}
  266.     {/block:Audio}
  267.      
  268.     {block:Video}{Video-500}{/block:Video}
  269.      
  270.          {block:Answer}
  271.     <img src="{AskerPortraitURL-48}" align="left" class="askfoto">
  272.          <div id="askheere">
  273.        <strong>{Asker}</strong> asked: {Question}<br /></div>
  274.         <div class="askshere2">    {Answer}
  275.     </div>{/block:Answer}
  276.    
  277.      
  278.     <div id="cap">
  279.     {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  280.     {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  281.     {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  282.      
  283.     <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  284.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  285.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  286.     {/block:ContentSource}</div></div></div>
  287.     <br>
  288.      
  289.     <div class="opant">
  290.     {block:Date}<div id="info">
  291.    </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  292.     </div></center>{/block:Date}</div>
  293.     </div>
  294.    
  295.      {/block:Posts}
  296.     {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  297.      
  298.  
  299.  
  300. </div></div>
  301.  
  302.  
  303.      
  304.  
  305.     </div>
  306.     </div>
  307.   <div id= "via">
  308.     <a href="{ReblogParentURL}"></a>    
  309. </div>  </div>    
  310.  
  311.  
  312.  
  313.        
  314.     </body>
  315.     </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!