API tools faq
paste
Advertisement
Pirocando

theme01

Pirocando
Jul 21st, 2014
185
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.87 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="http://static.tumblr.com/4mnaeqb/cDkmgkrf2/tumblr_mcfizfzcln1r4dabgo1_500.jpg"/>
  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: 150px; height:150px; margin-left:310px;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:170px; width:130px; margin-top:-200px;margin-left:-168px;}
  144. #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%)}
  145.  
  146.  
  147.  
  148. #menu{font-size: 11px; font-family: calibri;margin-left:-130px;position:fixed;margin-top:-26px;background-color:#fff;width:200px;text-transform:;}
  149. #menu a:hover {background-color:#000000;color:#ffffff;font-size: 12px; font-family: calibri;font-style:normal;margin-top:}
  150.  
  151.  
  152.  
  153.  .b1{;margin-left:-12px; margin-top:-6px; position:fixed;text-align:left;-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}
  154. .b1 img {width:130px; height:auto;}
  155. #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-top:-108px}
  156.  
  157.  
  158.  
  159. .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:220px; height:16px;margin-top:-218px; text-transform:; padding: 2px ;line-height:12px;margin-left:-70px;font-family: 'cambria', cursive; font-size:13px;text-align:center; position:fixed;color:#000 ;font-style:;}
  160. #sidebar:hover .frase { opacity:0;}
  161.  
  162.  
  163.  #tudo {width:150px; margin-left:70px; margin-top:300px;}
  164.  ::-webkit-scrollbar{width:7px;
  165. height:0px;}
  166. ::-webkit-scrollbar-button:start:decrement
  167. ::-webkit-scrollbar-button:end:increment{display:block;
  168. height:0;
  169. background-color:#000;}
  170. ::-webkit-scrollbar-track-piece{background-color:#fff;
  171. -webkit-border-radius:0;
  172. -webkit-border-bottom-right-radius:3px;
  173. -webkit-border-bottom-left-radius:3px;}
  174. ::-webkit-scrollbar-thumb:vertical{height:50px;
  175. background-color:#000;}
  176. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  177. background-color:#000;}
  178.  
  179. </style><body>
  180.  
  181. </div>
  182. <div id="paginacaoml">
  183.    
  184. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  185.  
  186. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  187. </div></div></div>
  188.  
  189.  
  190. <div id="paginacaoml">
  191.     {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  192. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  193. </div>
  194. </div></div></div></div></div></div>
  195.  
  196.  
  197. <div id="container">
  198. <div id="sidebar">
  199. <div id="tudo">
  200. <div id="foto"><img src="{image:Sidebar}"></div>
  201.  
  202.  
  203.  
  204.  
  205. <div id="menu">
  206.  
  207. <a href="{text:Link1 url}">{text:Link1}</a>
  208. {/block:IfLink1}{block:IfLink2}
  209. <a href="{text:Link2 url}">{text:Link2}</a>
  210. {/block:IfLink2}{block:IfLink3}
  211. <a href="{text:Link3 url}">{text:Link3}</a>
  212. {/block:IfLink3}{block:IfLink4}
  213. <a href="{text:Link4 url}">{text:Link4}</a>
  214. {/block:IfLink4}
  215. </div></div>
  216.  
  217. <div class="b1"><img src="https://38.media.tumblr.com/d1e4b649fa7d292da4192d1f439fddee/tumblr_n7iwih6Pbh1rdnotbo1_500.png" class="b1"></div>
  218.  
  219. <div class="frase">{Description}</div></b>
  220.  
  221. </div></div></div></div></div></div>
  222.  
  223.  
  224.  <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>
  225.  
  226.  
  227.  
  228.     <div id="pagina">
  229.      
  230.      {block:Posts}
  231.      
  232.      
  233.      
  234.     <div class="post">
  235.    
  236.     <div class="noteinf">
  237.  
  238. <div class="notesinfo">
  239.  <a href="{Permalink}">{TimeAgo}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" target="_blank">reblog</a></div>
  240.    
  241.    
  242.     {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  243.      
  244.     {block:Photo}{LinkOpenTag}<div class="imagepost"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  245.      
  246.  {block:Photoset}{Photoset-400}{/block:Photoset}
  247.     {block:Quote}
  248.     <div class="quotex">“{Quote}”</div>
  249.     {block:Source}<div class="quotex1"> — {Source}</div>
  250.     {/block:Source}
  251.     {/block:Quote}
  252.      
  253.     {block:Link}
  254.     <h1><a href="{URL}" {Target}>{Name}</a></h1>
  255.     {block:Description}{Description}{/block:Description}
  256.     {/block:Link}
  257.      
  258.     {block:Chat}
  259.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  260.     <div class="chat"><ul>{block:Lines}
  261.     <li class="person{UserNumber}">{block:Label}
  262.     <span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  263.     {/block:Chat}
  264.      
  265.     {block:Audio}
  266.     <div class="player">{AudioPlayerBlack}</div>
  267.     {block:Caption}{Caption}{/block:Caption}
  268.     {/block:Audio}
  269.      
  270.     {block:Video}{Video-500}{/block:Video}
  271.      
  272.          {block:Answer}
  273.     <img src="{AskerPortraitURL-48}" align="left" class="askfoto">
  274.          <div id="askheere">
  275.        <strong>{Asker}</strong> asked: {Question}<br /></div>
  276.         <div class="askshere2">    {Answer}
  277.     </div>{/block:Answer}
  278.    
  279.      
  280.     <div id="cap">
  281.     {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  282.     {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  283.     {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  284.      
  285.     <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  286.           <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  287.             {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  288.     {/block:ContentSource}</div></div></div>
  289.     <br>
  290.      
  291.     <div class="opant">
  292.     {block:Date}<div id="info">
  293.    </div><center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  294.     </div></center>{/block:Date}</div>
  295.     </div>
  296.    
  297.      {/block:Posts}
  298.     {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  299.      
  300.  
  301.  
  302. </div></div>
  303.  
  304.  
  305.      
  306.  
  307.     </div>
  308.     </div>
  309.   <div id= "via">
  310.     <a href="{ReblogParentURL}"></a>    
  311. </div>  </div>    
  312.  
  313.  
  314.  
  315.        
  316.     </body>
  317.     </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!