API tools faq
paste
Advertisement
Pirocando

theme03

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