Advertisement
Pirocando

theme08

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