planejava

peitarei 3 theme

Sep 3rd, 2014
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.53 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4.  
  5. <!--------------- THEME POR PEITAREI, BASE POR MISSCACHACA, NÃO COPIE, NÃO SE INSPIRE, PEGOU DETALHES? CREDITE E ME AVISE PORRA, É PRA AVISAR SE NÃO, NÃO VO LIBERAR MAIS ESSA PORRA BLZ ? ----------------->
  6.  
  7.  
  8. <meta name="color:background" contaent="#ffffff" />
  9. <meta name="image:background" content="/" />
  10. <meta name="image:foto" content="/" />
  11. <meta name="color:text" content="#000000" />
  12. <meta name="color:frase" content="#000" />
  13. <meta name="color:links" content="#000" />
  14. <meta name="color:links hover" content="#8B0A50" />
  15. <meta name="text:frase" content="ladra de salto, ela sabe como chegar" />
  16.  
  17. <meta name="text:link1" content="/" />
  18. <meta name="text:link1 title" content="coé" />
  19. <meta name="text:link2" content="/" />
  20. <meta name="text:link2 title" content="wspp" />
  21. <meta name="text:link3" content="/" />
  22. <meta name="text:link3 title" content="texts" />
  23. <meta name="text:link4" content="/" />
  24. <meta name="text:link4 title" content="ohana" />
  25. <meta name="text:link5" content="/" />
  26. <meta name="text:link5 title" content="themes" />
  27.  
  28.  
  29.  <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  30.  <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  31.  
  32. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  33.  
  34.  
  35.                 <title>{Title}</title>
  36.         <link rel="shortcut icon" href="{FavIcon}">
  37.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38.         {block:Description}
  39.   <meta name="description" content="{MetaDescription}" />
  40.         {/block:Description}
  41.  
  42.  
  43.  </head>
  44.  
  45.    <style type="text/css">
  46.  
  47. body {background-color: {color:background}; background-image:url('{image:background}'); color: {color:text}; font:13px 'calibri'; text-align:center;}
  48.  
  49.  
  50. a {color: {color:text}; text-decoration: none; text-transform: none;}
  51. a:hover {color:{color:text};}
  52. a:hover {font-style:normal}
  53.  
  54.  
  55. p {margin: 6px 0 0 0}
  56.  
  57. blockquote {margin:3px; border-left: 3px solid #fff; padding-left: 5px; }
  58. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff;}
  59. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff; }
  60. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff; }
  61.  
  62. blockquote img{max-width: 470px!important}
  63. blockquote blockquote img{max-width: 450px!important}
  64. blockquote blockquote blockquote img{max-width: 450px!important}
  65. blockquote blockquote blockquote blockquote img{max-width: 450px!important}
  66.  
  67. #container {width: 450px; margin:50px auto: 50px auto;}
  68.  
  69. iframe#tumblr_controls {top:0px !important;right:3px !important;position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.4;
  70. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;
  71. transition: all 0.8s ease-out;z-index:9999;}
  72.  
  73. iframe#tumblr_controls:hover{
  74. -webkit-transition: opacity 0.7s linear;
  75. opacity: 1;
  76. -webkit-transition: all 0.4s ease-out;
  77. -moz-transition: all 0.4s ease-out;
  78. transition: all 0.4s ease-out;
  79. z-index:9999;}
  80.  
  81.  
  82. #red {width:450px; float:left; margin-left:500px; margin-top:13px; position:relative; z-index:999; padding-right:0px; padding-top:0px}
  83. .red a:hover {color: {color:text};}
  84.  
  85.  
  86. .red {width:450px; padding:6px; background-color:#ffffff; margin:0px 0px 0px 0px; margin-bottom:1px; float:right; text-align:justify; font-family:'calibri'; font-size:12px;text-decoration:; }
  87.  
  88.  
  89. gold {font-family: 'calibri'; font-size: 14px; line-height: 14px; text-align:center; font-weight: normal; margin-bottom:4px;}
  90. gold a {color: {color:text};}
  91. gold a:hover {color: {color:text};text-shadow}
  92. .image {text-align: center; border: 0px}
  93. .image img {-webkit-filter: grayscale(20%);width: 450px; margin-bottom: 1px; }
  94. .image img:hover { -webkit-filter: grayscale(0%);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  95.  
  96. .quotes {font-family:'calibri'; line-height:15px; padding: 2px; border-top: px solid #eee; text-align:left; font-size: 13px}
  97. .quotessource {text-align: center; text-transform: none; margin-bottom: 3px;font-family:'calibri'; font-size: 12px; background:}
  98.  
  99. .chat {line-height: 13px; list-style: none }
  100. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  101. .person1 {color: {color:text}; padding: 1px; }
  102. .person1 .label {font-weight: bold;  color:{color:text}}
  103. .person2 {color: {color:text}; padding: 1px;  }
  104. .person2 .label {font-weight: bold;  color:{color:text}}
  105.  
  106. .player {background-color: #ddd; text-align: left; display:block;}
  107.  
  108.  
  109.  
  110. #asker {background-color: #;margin-left:0px; font-size: 13px; font-family: 'cambria'; text-align: justify;}
  111. .answer {margin-left:0px;font-size: 11px; font-family: 'arial'; padding::px}
  112. .answer img {max-width: 370px;}
  113.  
  114. #ssource{margin-left:8px; display:none}
  115. #asker {font-family:'calibri'; text-align: left;color:{color:text}; font-size:13px;padding:-2px;font-style:;background-color:;border-bottom:1px solid #ddd;}
  116.     .answer {padding: 1px; font-family:'calibri'; font-size:13px; text-align:left; margin-top:-3pxfont-style:'arial';}
  117. .answer img {max-width: 450px;}
  118. #asker a:hover  {color:{color:text};}
  119. #ssource{margin-left:10px; display:none}
  120.      
  121. #marizinha {padding:10px;opacity:0; margin:0px 0px 490px 495px; filter: alpha(opacity = 0.2); position:absolute;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;margin-top:-5px; background-color:transparent;margin-left: 1px solid color: #ddd;text-transform:uppercase }
  122. #marizinha:hover  {margin-left: 1px solid color: #ddd;color:{color:text};}
  123.  
  124. .red:hover #marizinha { opacity:1.0;}
  125.  
  126. #ice {margin-left: -50px;margin-top:-8px; text-align:left; font-size: 11px;font-family: 'calibri'; width:90px;height:19px; text-transform:}
  127. #ice a {text-transform:; font-style:normal}
  128. #ice a:hover {margin-left: 1px solid color: #ddd;;color:{color:text};}
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  ::-webkit-scrollbar{width:7px;
  139. height:0px;}
  140. ::-webkit-scrollbar-button:start:decrement
  141. ::-webkit-scrollbar-button:end:increment{display:block;
  142. height:0;
  143. background-color:#000;}
  144. ::-webkit-scrollbar-track-piece{background-color:#fff;
  145. -webkit-border-radius:0;
  146. -webkit-border-bottom-right-radius:3px;
  147. -webkit-border-bottom-left-radius:3px;}
  148. ::-webkit-scrollbar-thumb:vertical{height:50px;
  149. background-color:#000;}
  150. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  151. background-color:#000;}
  152.  
  153. .swag {width: 220px; height: 40px; position: fixed; margin-top: 100px; margin-left: 120px;}
  154. .swag img {position: fixed; width: 170px; height: 235px;}
  155.  
  156.  
  157.  
  158. .peitarei {position:  fixed; width: 100px; margin-top: 700px; margin-left: 1000px;}
  159. .peitarei a {text-align: center; font-size: 14px; color: {color:text}; text-transform: none; font-family: 'Poiret One';letter-spacing:1px;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;text-shadow: 0px 0px 1px {color:text};}
  160. .peitarei a:hover {color:#C71585;text-shadow: 0px 0px 1px #C71585;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  161.  
  162. .via {display: none;}
  163. .source {display: none;}
  164.  
  165.  
  166.  
  167. .frase { width: 180px; height: 70px; position: fixed; margin-top: 235px; margin-left: 105px; font-size: 11px; font-family: 'calibri'; color: {color:frase}; background-color: transparent ;text-shadow: 0px 0px 1px {color:frase};}
  168.  
  169. .hihau {width: 70px; height: 40px; position: fixed; margin-top: 250px; margin-left: 84px;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;  z-index: 9;}
  170. .hihau img {position: fixed; width: 50px; height: 20px;}
  171.  
  172. .hihau2 {width: 70px; height: 40px; position: fixed; margin-top: 250px; margin-left: 134px;-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;  z-index: 9;}
  173. .hihau2 img {position: fixed; width: 50px; height: 20px;}
  174.  
  175. .hihau3 {width: 70px; height: 40px; position: fixed; margin-top: 250px; margin-left: 184px;-webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -o-transition-duration: 1.2s;  z-index: 9;}
  176. .hihau3 img {position: fixed; width: 50px; height: 20px;}
  177.  
  178. .swag:hover .hihau {margin-top:270px; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;opacity:0;}
  179.  
  180. .swag:hover .hihau2 {margin-top:270px; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;opacity:0;}
  181.  
  182. .swag:hover .hihau3 {margin-top:270px; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -o-transition-duration: 1.2s;opacity:0;}
  183.  
  184.   /*** MENU POR PEITAREI, TUTORIAL POR HTML-PARTY **/
  185. .pimenta { font-size: 10px;  display: inline-block; background:transparent;  width:130px; height: 15px; ;text-align: center; position: fixed ; font-family: calibri; margin-top: 250px; line-height: 15px; margin-left: 160px;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s;opacity:0;}
  186. .pimenta a {text-transform: none; color:{color:links};text-shadow: 0px 0px 1px {color:links};}
  187. .pimenta a:hover {text-shadow: 0px 0px 1px {color:links hover};color:{color:links hover} ;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  188.  
  189. .swag:hover .pimenta {opacity:1;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;margin-left:15px;}
  190.  
  191.  
  192.  
  193.  
  194.  
  195.   </style>
  196.      
  197.      
  198.        
  199.     <style type="text/css">{CustomCSS}</style>
  200.  
  201.  
  202.  
  203. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  204.  
  205.   <div class="swag">
  206. <img src="{image:foto}">
  207.  
  208.  
  209. <div class="frase"> {text:frase} </div>
  210.  
  211. <div class="hihau">
  212. <img src="http://static.tumblr.com/3enpkf8/UwDnb1o6j/tumblr_lfjjxewcuo1qgv0ito1_500.gif"> </div>
  213.  
  214. <div class="hihau2">
  215. <img src="http://static.tumblr.com/3enpkf8/UwDnb1o6j/tumblr_lfjjxewcuo1qgv0ito1_500.gif"> </div>
  216.  
  217. <div class="hihau3">
  218. <img src="http://static.tumblr.com/3enpkf8/UwDnb1o6j/tumblr_lfjjxewcuo1qgv0ito1_500.gif"> </div>
  219.  
  220. <div class="pimenta">
  221. <a href="{text:link1}">{text:link1 title} </a>  
  222.  
  223. <a href="{text:link2}">{text:link2 title} </a>
  224.  
  225. <a href="{text:link3}">{text:link3 title}</a>
  226.  
  227. <a href="{text:link4}">{text:link4 title} </a>
  228.  
  229. <a href="{text:link5}">{text:link5 title} </a></div>
  230.    
  231. </div>
  232.  
  233. </div>
  234.  
  235. <div class="peitarei"> <a href="http://peitarei.tumblr.com/" title="base por MISSCACHACA">peitarei</a> </div>
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  <div class ="autopagerize_page_element">
  248. <div id="red">
  249.  
  250.  
  251.  
  252.  
  253. {block:Posts}
  254.  
  255.  
  256. <div class="red">
  257.  
  258. <div id="marizinha">
  259.  
  260.  
  261.  
  262.  
  263.  
  264. <div id= "ice"><a href="{Permalink}"{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a></br></div>{LinkCloseTag}
  265. {block:RebloggedFrom}
  266. {/block:RebloggedFrom}
  267. <div id="ice"><a href="{ReblogURL}" target="_blank">peitem</a></div>
  268. </div>
  269.  
  270.  
  271. {block:Text}{block:Title}<gold>{Title}</gold>{/block:Title}{Body}{/block:Text}
  272.  
  273.  
  274. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  275.  
  276.  
  277. {block:Photoset}{Photoset-400}{/block:Photoset}
  278.  
  279.  
  280. {block:Quote}
  281. <div class="quotes">{Quote}</div>
  282. {block:Source}<div class="quotessource">
  283. <b>{Source}</b></div>
  284. {/block:Source}
  285. {/block:Quote}
  286.  
  287.  
  288. {block:Link}
  289. <gold><a href="{URL}" {Target}>{Name}</a></gold>
  290. {block:Description}{Description}{/block:Description}
  291. {/block:Link}
  292.  
  293.  
  294. {block:Chat}
  295. {block:Title}<gold><a href="{Permalink}">{Title}</a></gold>{/block:Title}
  296. <div class="chat"><ul>{block:Lines}
  297. <li class="person{UserNumber}">{block:Label}
  298. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  299. {/block:Chat}
  300.  
  301.  
  302. {block:Audio}
  303. <div class="player">{AudioPlayerBlack}</div>
  304. {block:Caption}{Caption}{/block:Caption}
  305. {/block:Audio}
  306.  
  307.  
  308. {block:Video}{Video-400}{/block:Video}
  309.  
  310.  
  311. {block:Answer}
  312. <div id="asker"> <b>{Asker} asked you:</b></i> {Question}</div>
  313. <div class="answer">{Answer}</div>
  314. {/block:Answer}
  315.  
  316.  
  317.  
  318.  
  319.  
  320. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  321. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  322. {/block:ContentSource}</div>
  323. </div>
  324.  
  325.  <div class="via">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  326. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  327.  
  328. {/block:Posts}
  329. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  330.  
  331.  
  332.  
  333. </div>
  334. </div>
  335. </div>
  336. </div>
  337.  
  338.  
  339.  
  340. </div>
  341. </div>
  342. </div>
  343.  
  344.  
  345.  
  346. </body>
  347. </html>
Advertisement
Add Comment
Please, Sign In to add comment