kakawan

119

Sep 6th, 2014
848
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.31 KB | None | 0 0
  1. <!---- mists
  2. --->
  3.  
  4.  
  5.  
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" XML :lang="en" lang="en">
  9. <head><title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15. <meta name="color:background" content="#FFFFFF">
  16. <meta name="color:link" content="#000000">
  17. <meta name="color:scrollbar" content="#D6D5D5">
  18. <meta name="color:scrollbg" content="#FFFFFF">
  19. <meta name="color:descri" content="#000000">
  20. <meta name="color:links" content="#000000">
  21. <meta name="color:border" content="#eaeaea">
  22. <meta name="text:frase" content="Você anda vestindo o nosso passado e nem percebe."/>
  23. <meta name="color:hover" content="#eeeeee">
  24. <meta name="color:detalhes" content="#eeeeee"/>
  25. <meta name="color:Font" content="#444444"/>
  26.  
  27. <meta name="color:background" content="#fff" />
  28. <meta name="color:posts" content="#fff" />
  29. <meta name="color:scrollbar" content="#f8f8f8" />
  30. <meta name="color:texts" content="#000" />
  31.  
  32. <meta name="if:Opacity in IMAGES " content="1"/>
  33. <meta name="if:Post width 400px" content="0"/>
  34. <meta name="if:Customize scrollbar" content="1"/>
  35.  
  36.  
  37. <meta name="image:sidebar" content=""/>
  38.  
  39.  
  40. <meta name="text:Link1" content="/" />
  41. <meta name="text:Link1 Title" content="link" />
  42. <meta name="text:Link2" content="/" />
  43. <meta name="text:Link2 Title" content="link" />
  44. <meta name="text:Link3" content="/" />
  45. <meta name="text:Link3 Title" content="link" />
  46. <meta name="text:Link4" content="/" />
  47. <meta name="text:Link4 Title" content="link" />
  48.  
  49. <meta name="if:Rolagem infinita" content="1"/>
  50.  
  51.  
  52. <link href='http://fonts.googleapis.com/CSS ?family=Dosis:500|PT+Sans+Narrow|Roboto+Condensed:700|Oswald|Yanone+Kaffeesatz' rel='stylesheet' type='text/CSS '>
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59.  
  60. /*** corpo básico ***/
  61.  
  62.  
  63. body {background-color: {color:background}; background-image:url('{image:background}'); color: {color:text}; font:12px calibri; text-align: center;}
  64.  
  65.  
  66. a {color: {color:link}; text-decoration: none ; text-transform: none ;}
  67. a:hover {color: {color:hover};}
  68.  
  69. p {margin: 6px 0 0 0}
  70.  
  71. ::-webkit-scrollbar{width:9px;
  72. height:0px;}
  73. ::-webkit-scrollbar-button:start:decrement
  74. ::-webkit-scrollbar-button:end:increment{display:block;
  75. height:0;
  76. background-color:{color:scrollbar bg};}
  77. ::-webkit-scrollbar-track-piece{background-color:{color:scrollbar bg};
  78. -webkit-border-radius:0;
  79. -webkit-border-bottom-right-radius:3px;
  80. -webkit-border-bottom-left-radius:3px;}
  81. ::-webkit-scrollbar-thumb:vertical{height:50px;
  82. background-color:{color:scrollbar};}
  83. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  84. background-color:{color:scrollbar};}
  85.  
  86.  
  87.  
  88. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  89.  
  90. blockquote {margin: 3px; border-left: 3px solid {color:background}; padding-left: 5px; }
  91. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background};}
  92. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  93. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  94.  
  95. blockquote img{max-width: 470px!important}
  96. blockquote blockquote img{max-width: 450px!important}
  97. blockquote blockquote blockquote img{max-width: 430px!important}
  98. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  99.  
  100. #container {width: 420px; margin:50px auto: 50px auto;}
  101.  
  102. iframe#tumblr_controls {
  103. top:0px !important;
  104. right:3px !important;
  105. position: fixed !important;
  106. -webkit-transition: opacity 0.7s linear;
  107. opacity: 0.4;
  108. -webkit-transition: all 0.8s ease-out;
  109. -moz-transition: all 0.8s ease-out;
  110. transition: all 0.8s ease-out;
  111. z-index:999999999999999999;}
  112.  
  113. iframe#tumblr_controls:hover{
  114. -webkit-transition: opacity 0.7s linear;
  115. opacity: 1;
  116. -webkit-transition: all 0.4s ease-out;
  117. -moz-transition: all 0.4s ease-out;
  118. transition: all 0.4s ease-out;
  119. z-index:999999999999999999999;}
  120.  
  121.  
  122. #entries {width:450px; float:left; margin-left:470px; margin-top:5px; position:relative; z-index:999; padding-right:5px; padding-top:10px}
  123. .entries {width:450px; padding:0px; background-color:#ffffff; margin:0px 0px 0px 0px; margin-bottom:4px; float:right; text-align:justify; padding-right:5px; padding-left:px; padding-top:px; padding-bottom:px; border-top: px solid ;}
  124.  
  125.  
  126. h1 {font-family: calibri; font-size: 13px; line-height: 15px; text-align: center; font-weight: normal; margin-bottom:8px;}
  127. h1 a {color: {color:link};}
  128. h1 a:hover {color: {color:hover};}
  129.  
  130. .image {text-align: center; border: 0px}
  131. .image img {width: 450px; margin-bottom: 1px; }
  132. .image img:hover { -webkit-filter: grayscale(50%);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  133.  
  134. .quote {font-family:calibri; text-align: left; font-size: 12px; line-height:15px; padding: 5px; border-top: px solid #eee;}
  135. .quotesource {text-align;left; padding:5px; text-transform: none; font-style:italic; margin-bottom: 1px;font-family:calibri; font-size: 12px;}
  136.  
  137. .chat {line-height: 13px; list-style: none }
  138. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  139. .person1 {color: {color:text}; padding: 2px; }
  140. .person1 .LABEL {font-weight: bold; color:{color:text}}
  141. .person2 {color: {color:text}; padding: 2px; }
  142. .person2 .LABEL {font-weight: bold; color:{color:text}}
  143.  
  144. .player {background-color: #000; text-align: left; display:block;}
  145.  
  146. #asker { -webkit-border-radius: 20px 0px 0px 0px; font-family:calibri; text-align: justify; background-color:#;color:#000; font-size:11px;padding:2px; border-bottom:1px solid #eee; border-left:px solid #f2f2f2; border:px dashed #ddd }
  147. .answer {padding: 1px; font-family:calibri; font-size:11px;}
  148. .answer img {max-width: 400px;}
  149. #asker a:hover {color:{color:lhover};}
  150. #ssource{margin-left:10px; display:none}
  151.  
  152. #hoverphoto { padding:3px;opacity:0; margin:0px 0px 495px 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:{color:post}; }
  153. #hoverphoto:hover {color:{color:hover};}
  154.  
  155. .entries:hover #hoverphoto { opacity:1.0;}
  156. .entries:hover #marihuana {margin-left:-42px;-webkit-transition: all 0.7s ease;
  157. -moz-transition: all 0.7s ease;}
  158. #marihuana {margin-left:-50px; text-align:left; font-size: 10px; font-family: calibri; width:100px;height: auto;-webkit-transition: all 0.7s ease;
  159. -moz-transition: all 0.7s ease;}
  160. #marihuana a {font-size: 10px;font-family: calibri;-webkit-transition: all 0.7s ease;
  161. -moz-transition: all 0.7s ease;border-left:px solid #000}
  162. #marihuana:hover {color:{color:hover} ;}
  163.  
  164.  
  165. .notes img {width:13px;-webkit-border-radius: 360px; position:relative; top:0px}
  166. ol.notes, .notes li{width:425px; list-style:none; margin:0px 0 0px 5px; padding:2px;}
  167.  
  168.  
  169. #sidebar {
  170. width: 160px;
  171. height:height;
  172.  
  173. position:fixed; padding:px; border-top:0px solid #Eee;
  174. border-left:px solid {color:border};
  175. border-bottom:0px solid {color:border};
  176. border-right:px solid {color:border};
  177. margin-left:275px;
  178. margin-top:80px;
  179.  
  180.  
  181. -webkit-transition: all 0.7s ease;
  182. -moz-transition: all 0.7s ease;
  183. -o-transition: all 0.7s ease;}
  184. #sidebar:hover #links {opacity: 1;}
  185.  
  186.  
  187. #sidebarimage {
  188. width 200px;
  189. -webkit-transition: all 0.7s ease;
  190. -moz-transition: all 0.7s ease;
  191. -o-transition: all 0.7s ease;
  192. border-radius: 522px; -webkit-filter: grayscale(0%); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  193.  
  194. #sidebarimage img {
  195. width:162px;
  196. opacity:0.9;
  197. outline: 0px double #eee; outline-offset: -30px;
  198. border-bottom:px solid {color:border};
  199. padding:5px ;
  200. border-left2px solid {color:border};
  201. -webkit-transition: all 0.6s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.4s linear;
  202. }
  203.  
  204.  
  205.  
  206. #sidebarimage:hover {
  207.  
  208. opacity:1;
  209. -webkit-transition: all 0.6s ease-out;
  210. -moz-transition: all 0.2s ease-out;
  211. }
  212.  
  213. #sidebar:hover #links {margin-top:-4px;background:transparent;opacity:1;color:#fff;-webkit-transition: all 0.6s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.4s linear;}
  214. #sidebar:hover #sidebarimage img {-webkit-transition: all 0.6s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.4s linear; outline: 0px inset #fff; outline-offset: 1px;}
  215.  
  216.  
  217. #links {color: ;text-shadow: 5px 0px 0px; font-family:consolas; -webkit-border-radius:00px 00px 0px 0px;border-top:px solid #aaa; background:#ff;border-left:px solid #EEE; background:#ff2f2; font-style:itlic; border-bottom:px dotted #ccc; opacity:0;font-size:10px; margin-top:-10px; margin-left:11px; position:fixed; line-height: 11px; letter-spacing:0px; height: px; z-index:100; text-align:center; font-weight: none; padding:1px; text-shadow: 0px 0px 0px transparent; width: 150px;-webkit-transition: all 0.6s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.4s linear;}
  218. #links a {color:{color:links};-webkit-border-radius:00px 00px 0px 0px;border:px solid #dcdcdc;-webkit-border-radius:100px 0x 00px 00px; display:bock; text-transform: upercase; padding:0px; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.4s linear; transition: all 0.5s linear; opacity: 1.7; width: 170px;}
  219. #links a:hover { background:#6; font-weight:bold;text-shadow: 0px 0px -1px; -moz-opacity:1.0; letter-spacing:px; border-bottom:px solid #fff;font-style:itaic; text-transform:upprcase; font-size:px;font-style:ialic; color: {color:hover};-khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;}
  220.  
  221. #frase {z-index:9999999999;{color:transp};opacity:1; background:#aaa;display:block;font-weight: normal;font-style:itlic; letter-spacing: px; color: #fff; {color:titulo}; text-align:center; width: px; height: 53px; line-height: 18px; position: absolute; -moz-transition: all 0.4s ease-out; margin-left: 280px; font-family: georgia; margin-top:-10px; margin-left: 155px; text-transform: none; position: fixed; padding: 2px; font-size: 20px;}
  222.  
  223.  
  224. #descri{width:175px; background:#00; position:fixed;opacity:1; margin-left:27px;margin-top:110px; border-bottom:1px solid #ee; text-transform: upprcase; font-style:itlic;font-size:11px; font-family:calibri; text-align:left; color: {color:descri}; padding:2px; height:auto; line-height:15px; letter-spacing:1px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;-webkit-border-radius:00px 0px 00px 00px;}
  225. #descri:hover{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.6s; }
  226.  
  227.  
  228. #titulo{
  229. position:fixed;
  230. color: {color:descri};
  231. font-weight:bld;
  232. text-align:center;
  233. width:165px;
  234. border-top:px solid #ccc;
  235. background:#ee;
  236. letter-spacing:0px;
  237. border-bottom:px solid #ccc;
  238. padding:2px;
  239. margin-left:2px;
  240. border-left:px solid #ccc;
  241. font-style:italic;
  242. opacity: 1;
  243. height:px;
  244. text-transform:upprcase;
  245. margin-top:-7px;
  246. font-family:cambria;
  247. font-size:11px;
  248. line-height:px;
  249. -webkit-transition: all 0.6s linear; -webkit-transition: all 0.6s linear;
  250. -webkit-border-radius:100px 00px 0px 0px;}
  251.  
  252. #sidebar:hover #titulo {-webkit-transition: all 0.6s linear; -webkit-transition: all 0.6s linear; background:#fff; margin-top:6px; }
  253.  
  254.  
  255. @font-face {
  256. font-family:titulo;
  257. src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');,
  258. }
  259. @font-face{font-family:"Basic";src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  260.  
  261. .simb2{width:100px; position:fixed; margin-left:41px; margin-top:5px; font-size:15px; font-family: 'Old Standard TT'; text-align:center; color: {color:border}; line-height:1px; z-index: 9999999;}
  262. .simb2 a{color: transparent;}
  263. .simb2 a:hover{font-size:15px; color: black; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  264.  
  265. .pipi {width:150px;background:000; margin-left:-12px; opacity:0;margin-top:143px;position:fixed;}
  266. .pipi {width:100px; height:20px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  267.  
  268.  
  269.  
  270. .pipi {width:160px;background:000;margin-left:115px; opacity:0;margin-top:130px;position:fixed;}
  271. .pipi {width:40px; height:45px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  272. .pipi1 {width:50px;background:000; margin-left:195px; opacity:0;margin-top:131px;position:fixed;}
  273. .pipi1 {width:40px; height:35px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  274. {CustomCSS}</style>
  275. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  276. <script type="text/javascript" src="https://31.media.tumblr.com/7be1a522f0ee0b608e8fd011c3f86a51/tumblr_mumrp5hCvu1qhlzvpo1_500.png"></script>
  277.  
  278.  
  279. <script type="text/javascript">
  280.  
  281. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  282. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  283. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  284.  
  285. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  286. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  287. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  288.  
  289. animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
  290. //$: Access to jQuery
  291. //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
  292. //state: "block" or "none", depending on state
  293. }
  294.  
  295. animatedcollapse.init()
  296.  
  297. </script>
  298. </head><body>
  299.  
  300.  
  301. <div id="sidemenu"></div>
  302.  
  303.  
  304. <div id="sidebar">
  305.  
  306. <div id="sidebarimage"> <img src="{image:sidebar}">
  307. </div>
  308.  
  309. <div id="descri"></b>
  310. </div>
  311. <div id="titulo">{description}
  312.  
  313. </div>
  314.  
  315.  
  316. <div id="links">
  317. <a href="{text:Link1}">oh /</a>
  318. <a href="{text:Link2}">mesg /</b></a>
  319. <a href="{text:Link3}">baguis /</b></a>
  320. <a href="{text:Link4}">thms</b> </a>
  321. <a href="http://mists.tumblr.com"></a>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </div>
  327. <div id="entries">
  328. <div class="autopagerize_page_element">
  329.  
  330.  
  331. {IfRolagemInfinita}<div class="autopagerize_page_element">
  332. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  333.  
  334.  
  335. {block:Posts}
  336.  
  337.  
  338. <div class="entries">
  339.  
  340. <div id="hoverphoto">
  341. <div id="marihuana"><a href="{Permalink}">{block:NoteCount}{notecount}{/block:NoteCount}</a></div>{LinkCloseTag}
  342. {block:RebloggedFrom}<div id="marihuana"><a href="{ReblogParentURL}"></a><a href="{ReblogRootURL}">source</a></div>
  343. {/block:RebloggedFrom}<div id="marihuana"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  344. {block:HasTags}{block:Tags} <div id="marihuana"><a href="{TagURL}"><b></b>#{Tag}</a>&nbsp;</div>{/block:Tags}{/block:HasTags}</div>
  345.  
  346.  
  347. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  348.  
  349. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  350.  
  351. {block:Photoset}{Photoset-450}{/block:Photoset}
  352.  
  353. {block:Quote}
  354. <div class="quote">“{Quote}”</div>
  355. {block:Source}<div class="quotesource">
  356. <b>— {Source}</b></div>
  357. {/block:Source}
  358. {/block:Quote}
  359.  
  360. {block:Link}
  361. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  362. {block:Description}{Description}{/block:Description}
  363. {/block:Link}
  364.  
  365. {block:Chat}
  366. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  367. <div class="chat"><ul>{block:Lines}
  368. <li class="person{UserNumber}">{block:Label}
  369. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  370. {/block:Chat}
  371.  
  372. {block:Audio}
  373. <div class="player">{AudioPlayerBlack}</div>
  374. {block:Caption}{Caption}{/block:Caption}
  375. {/block:Audio}
  376.  
  377. {block:Video}{Video-400}{/block:Video}
  378.  
  379.  
  380. {block:Answer}
  381. <div id="asker"> <b>{Asker}</b>:</i> {Question}</div>
  382. <div class="answer">{Answer}</div>
  383. {/block:Answer}
  384.  
  385. <div id="photoset">
  386. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  387. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  388. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  389. </div>
  390.  
  391.  
  392.  
  393. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  394. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  395. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  396. {/block:ContentSource}</div>
  397.  
  398. </div>
  399.  
  400. {/block:Posts}
  401.  
  402. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  403.  
  404.  
  405. </div>
  406. </div>
  407. </div>
  408. </div>
  409.  
  410.  
  411.  
  412. </div>
  413. </div>
  414. </div>
  415.  
  416.  
  417. </body>
  418.  
  419.  
  420.  
  421.  
  422. <style>
  423. .thm {position:fixed;bottom:30px;right:15px;font-size:11px; font-family:consolas;color:#ccc;text-transform:upercase}</style>
  424.  
  425. <div class="thm" title=""><a href="http://mathkawan.tumblr.com/">mists</u></a> </a></div>
Advertisement
Add Comment
Please, Sign In to add comment