kakawan

113

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