kakawan

112

Jul 28th, 2014
719
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.97 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="#ffffff">
  20. <meta name="color:links" content="#000000">
  21. <meta name="color:hover" content="#000000">
  22.  
  23. <meta name="color:background" content="#fff" />
  24. <meta name="color:posts" content="#fff" />
  25. <meta name="color:scrollbar" content="#f8f8f8" />
  26. <meta name="color:texts" content="#000" />
  27.  
  28.  
  29.  
  30.  
  31. <meta name="image:sidebar" content="https://secure.static.tumblr.com/81bef170b00ad862fe626495ea3b16f3/ivo5qqu/STRn9fsbe/tumblr_static_aj646r2kov4gg8884kk8w4cg4.jpg"/>
  32.  
  33.  
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="link" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="link" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="link" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="link" />
  42.  
  43. <meta name="if:Rolagem infinita" content="1"/>
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48.  
  49.  
  50. /*** corpo básico ***/
  51.  
  52.  
  53. body {background-color: {color:background}; background-image:url('{image:background}'); color: {color:text}; font:12px calibri; text-align: center;}
  54.  
  55.  
  56. a {color: {color:link}; text-decoration: none ; text-transform: none ;}
  57. a:hover {color: {color:hover};}
  58.  
  59. p {margin: 6px 0 0 0}
  60.  
  61. ::-webkit-scrollbar{width:9px;
  62. height:0px;}
  63. ::-webkit-scrollbar-button:start:decrement
  64. ::-webkit-scrollbar-button:end:increment{display:block;
  65. height:0;
  66. background-color:{color:scrollbar bg};}
  67. ::-webkit-scrollbar-track-piece{background-color:{color:scrollbar bg};
  68. -webkit-border-radius:0;
  69. -webkit-border-bottom-right-radius:3px;
  70. -webkit-border-bottom-left-radius:3px;}
  71. ::-webkit-scrollbar-thumb:vertical{height:50px;
  72. background-color:{color:scrollbar};}
  73. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  74. background-color:{color:scrollbar};}
  75.  
  76.  
  77.  
  78. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
  79.  
  80. blockquote {margin: 3px; border-left: 3px solid {color:background}; padding-left: 5px; }
  81. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background};}
  82. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  83. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  84.  
  85. blockquote img{max-width: 470px!important}
  86. blockquote blockquote img{max-width: 450px!important}
  87. blockquote blockquote blockquote img{max-width: 430px!important}
  88. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  89.  
  90. #container {width: 420px; margin:50px auto: 50px auto;}
  91.  
  92. iframe#tumblr_controls {
  93. top:0px !important;
  94. right:3px !important;
  95. position: fixed !important;
  96. -webkit-transition: opacity 0.7s linear;
  97. opacity: 0.4;
  98. -webkit-transition: all 0.8s ease-out;
  99. -moz-transition: all 0.8s ease-out;
  100. transition: all 0.8s ease-out;
  101. z-index:999999999999999999;}
  102.  
  103. iframe#tumblr_controls:hover{
  104. -webkit-transition: opacity 0.7s linear;
  105. opacity: 1;
  106. -webkit-transition: all 0.4s ease-out;
  107. -moz-transition: all 0.4s ease-out;
  108. transition: all 0.4s ease-out;
  109. z-index:999999999999999999999;}
  110.  
  111.  
  112. #entries {width:450px; float:left; margin-left:480px; margin-top:5px; position:relative; z-index:999; padding-right:5px; padding-top:10px}
  113. .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 ;}
  114.  
  115.  
  116. h1 {font-family: calibri; font-size: 13px; line-height: 15px; text-align: center; font-weight: normal; margin-bottom:8px;}
  117. h1 a {color: {color:link};}
  118. h1 a:hover {color: {color:hover};}
  119.  
  120. .image {text-align: center; border: 0px}
  121. .image img {width: 450px; margin-bottom: 1px; }
  122. .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;}
  123.  
  124. .quote {font-family:calibri; text-align: left; font-size: 12px; line-height:15px; padding: 3px; border-top: px solid #eee;}
  125. .quotesource {text-align;left; padding:5px; text-transform: none; font-style:italic; margin-bottom: 0px;font-family:calibri; font-size: 12px;}
  126.  
  127. .chat {line-height: 13px; list-style: none }
  128. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  129. .person1 {color: {color:text}; padding: 2px; }
  130. .person1 .label {font-weight: bold; color:{color:text}}
  131. .person2 {color: {color:text}; padding: 2px; }
  132. .person2 .label {font-weight: bold; color:{color:text}}
  133.  
  134. .player {background-color: #000; text-align: left; display:block;}
  135.  
  136. #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 }
  137. .answer {padding: 1px; font-family:calibri; font-size:11px;}
  138. .answer img {max-width: 400px;}
  139. #asker a:hover {color:{color:lhover};}
  140. #ssource{margin-left:10px; display:none}
  141.  
  142. #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}; }
  143. #hoverphoto:hover {color:{color:hover};}
  144.  
  145. .entries:hover #hoverphoto { opacity:1.0;}
  146. .entries:hover #marihuana {margin-left:-42px;-webkit-transition: all 0.7s ease;
  147. -moz-transition: all 0.7s ease;}
  148. #marihuana {margin-left:-50px; text-align:left; font-size: 10px; font-family: calibri; width:100px;height: auto;-webkit-transition: all 0.7s ease;
  149. -moz-transition: all 0.7s ease;}
  150. #marihuana a {font-size: 10px;font-family: calibri;-webkit-transition: all 0.7s ease;
  151. -moz-transition: all 0.7s ease;border-left:px solid #000}
  152. #marihuana:hover {color:{color:hover} ;}.notes img {width:13px;-webkit-border-radius: 360px; position:relative; top:0px}
  153. ol.notes, .notes li{width:425px; list-style:none; margin:0px 0 0px 5px; padding:2px;}
  154.  
  155. #title2 { width:130px;position: fixed;font-style:bold; font-family:cambria; font-size:50px; line-height:25px; text-align:center; color: ; padding:5px;margin-top:-90px;margin-left: 99px;border:0px solid #9e9b9b;padding: 2px; background-color: ; text-transform:uppercase;}
  156.  
  157. #titles2 { width:130px;position: fixed;font-style:bold; font-family:cambria; font-size:17px; line-height:25px; text-align:center; color: padding:5px;margin-top:300px;margin-left: 99px;border:0px solid #9e9b9b;padding: 2px; background-color: #fff; text-transform:uppercase;}
  158.  
  159.  
  160. #sidebar {
  161. width: px;
  162. height:225px;
  163.  
  164. position:fixed;
  165. border-top:0px solid #Eee;
  166. border-left:px solid #e6e6e6;
  167. border-bottom:0px solid #000;
  168. border-right:0px solid #000;
  169. margin-left:290px;
  170. margin-top:55px;
  171.  
  172.  
  173. -webkit-transition: all 0.7s ease;
  174. -moz-transition: all 0.7s ease;
  175. -o-transition: all 0.7s ease;}
  176. #sidebar:hover #links {opacity: 1;}
  177.  
  178.  
  179. #sidebarimage {
  180. width 200px;
  181. -webkit-transition: all 0.7s ease;
  182. -moz-transition: all 0.7s ease;
  183. -o-transition: all 0.7s ease;
  184. border-radius: 522px; -webkit-filter: grayscale(0%); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  185.  
  186. #sidebarimage img {
  187. width:155px;
  188. opacity:0.8;
  189. outline: 1px solid #; outline-offset: -7px;
  190. border-left:2px solid transparent;
  191. border-right:2px solid transparent;
  192. padding:2px;
  193. -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;
  194. -webkit-transition: all 0.7s ease;
  195. -moz-transition: all 0.7s ease;
  196.  
  197. -o-transition: all 0.7s ease;
  198. }
  199.  
  200.  
  201.  
  202. #sidebarimage:hover {
  203. opacity:0.9;
  204. -webkit-transition: all 0.6s ease-out;
  205. -moz-transition: all 0.2s ease-out;
  206. }
  207. #sidebar:hover #sidebarimage img{ -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; }
  208. #sidebar:hover #links {opacity:1;}
  209.  
  210.  
  211. #links {color: ; font-family:cambria; font-size:10px; margin-top:-5px; margin-left: 30px; position:fixed; line-height: 13px; font-style:itaic;letter-spacing:0px; height: auto; z-index:100; opacity: 1;text-align: center; font-weight: none; padding:2px; width: 100px;-webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
  212. #links a {color: {color:links}; display:blok; text-transform: upercase; 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: 10px;}
  213. #links a:hover{ -moz-opacity:1.0; font-style:ialic; text-decoration:line-throug; border-bottom:1px solid #00; text-shadow:0px 0px 1px; background:#aa; color: {color:hover};background:#ee; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
  214.  
  215.  
  216. #descri{width:155px; position:fixed; -webkit-border-radius: 00px 00px 00px 00px;text-transform:uppercae; background: #000; opacity:1; border-top:0px dashed #cccbcb; margin-left: 3px;margin-top:-40px; text-transform: uppercas; font-size:9px;font-family:cambria; font-style:italic; text-align:center; color:#fff; {color:descri}; padding:1px; height:auto; line-height:13px; letter-spacing:1px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  217. #descri:hover{-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; }
  218. #sidebar:hover #descri {}
  219.  
  220.  
  221.  
  222. .titulo{
  223. position:fixed;
  224. color: {color:text};
  225. text-align:center;
  226. border-left:0px solid #ccc;
  227. border-right:0px solid #ccc;
  228. display:block;
  229. width:50px;
  230. opacity:0;
  231. letter-spacing:0px;
  232. padding:3px;
  233. height: 20px;
  234. margin-left:105px;
  235. margin-top:-3px;
  236. font-family:basic;
  237. text-transform: uppercase;
  238. font-size:18px;
  239. line-height:13px;
  240. -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;
  241. -webkit-border-radius: 0px 0px 10px 100px;}
  242. @font-face {
  243. font-family:titulo;
  244. src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');,
  245. }
  246. @font-face{font-family:"Basic";src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  247.  
  248. .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;}
  249. .simb2 a{color: transparent;}
  250. .simb2 a:hover{font-size:15px; color: black; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  251.  
  252. #pipi {width:150px;background:000; margin-left:60px; opacity:17;margin-top:107px;position:fixed;}
  253. #pipi {width:23px; height:25px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  254. #pipi2 {width:150px;background:000; margin-left:-1px; opacity:1;margin-top:107px;position:fixed;}
  255. #pipi2 {width:23px; height:25px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;} .pipi3 {width:150px;background:000; margin-left:65px; opacity:1;margin-top:107px;position:fixed;}
  256. .pipi3 {width:25px; height:25px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  257.  
  258. {CustomCSS}</style></head><body>
  259.  
  260.  
  261. <div id="sidemenu"></div>
  262.  
  263.  
  264. <div id="sidebar">
  265.  
  266. <div id="pipi"><img src="http://static.tumblr.com/5b4ad5cf6a50bd7c29b5c57076aa0bb3/5x4yqvm/M06n63ru7/tumblr_static_66vvs6fcx3c4gkw8soosoo8ck.gif" id="pipi"></div> <div id="pipi2"><img src="http://static.tumblr.com/5b4ad5cf6a50bd7c29b5c57076aa0bb3/5x4yqvm/M06n63ru7/tumblr_static_66vvs6fcx3c4gkw8soosoo8ck.gif" id="pipi2"></div>
  267. <div id="sidebarimage"> <img src="{image:sidebar}">
  268. </div>
  269.  
  270.  
  271. <div id="descri">{description}</div>
  272. <div class="titulo">bored</div>
  273. <div id="links">
  274. <a href="{text:Link1}"><b><i>{text:Link1 Title}</b></i></a>
  275. <a href="{text:Link2}">{text:Link2 Title}</b></a>
  276. <a href="{text:Link3}">{text:Link3 Title}</a>
  277. <a href="{text:Link4}"><b><i>{text:Link4 Title}</b></i> </a>
  278. <a href="http://mists.tumblr.com"></a>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283.  
  284. <div id="entries">
  285. <div class="autopagerize_page_element">
  286.  
  287.  
  288. {IfRolagemInfinita}<div class="autopagerize_page_element">
  289. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  290.  
  291.  
  292. {block:Posts}
  293.  
  294.  
  295. <div class="entries">
  296.  
  297. <div id="hoverphoto">
  298. <div id="marihuana"><a href="{Permalink}">{block:NoteCount}{notecount}{/block:NoteCount}</a></div>{LinkCloseTag}
  299. {block:RebloggedFrom}<div id="marihuana"><a href="{ReblogParentURL}"></a><a href="{ReblogRootURL}">source</a></div>
  300. {/block:RebloggedFrom}<div id="marihuana"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  301. {block:HasTags}{block:Tags} <div id="marihuana"><a href="{TagURL}"><b></b>#{Tag}</a>&nbsp;</div>{/block:Tags}{/block:HasTags}</div>
  302.  
  303.  
  304. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  305.  
  306. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  307.  
  308. {block:Photoset}{Photoset-450}{/block:Photoset}
  309.  
  310. {block:Quote}
  311. <div class="quote">“{Quote}”</div>
  312. {block:Source}<div class="quotesource">
  313. — <b>{Source}</b></div>
  314. {/block:Source}
  315. {/block:Quote}
  316.  
  317. {block:Link}
  318. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  319. {block:Description}{Description}{/block:Description}
  320. {/block:Link}
  321.  
  322. {block:Chat}
  323. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  324. <div class="chat"><ul>{block:Lines}
  325. <li class="person{UserNumber}">{block:Label}
  326. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  327. {/block:Chat}
  328.  
  329. {block:Audio}
  330. <div class="player">{AudioPlayerBlack}</div>
  331. {block:Caption}{Caption}{/block:Caption}
  332. {/block:Audio}
  333.  
  334. {block:Video}{Video-400}{/block:Video}
  335.  
  336.  
  337. {block:Answer}
  338. <div id="asker"> <b>{Asker}</b>:</i> {Question}</div>
  339. <div class="answer">{Answer}</div>
  340. {/block:Answer}
  341.  
  342. <div id="photoset">
  343. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  344. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  345. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  346. </div>
  347.  
  348.  
  349.  
  350. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  351. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  352. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  353. {/block:ContentSource}</div>
  354.  
  355. </div>
  356.  
  357. {/block:Posts}
  358.  
  359. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  360.  
  361.  
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366.  
  367.  
  368.  
  369. </div>
  370. </div>
  371. </div>
  372.  
  373.  
  374. </body>
  375.  
  376. <style>
  377. .thm {position:fixed;bottom:30px;right:15px;font-size:11px; font-family:consolas; color:#ccc;text-transform:upperase}</style>
  378.  
  379. <div class="thm" title=""><a href="http://mathkawan.tumblr.com/">mists</a></div>
  380.  
  381. {block:IndexPage}
  382. <div class="column navigation" id="navigation">
  383. {block:Pagination}
  384. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  385. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  386. </div>
  387. {/block:IndexPage}
  388.  
  389. </div>
  390.  
  391. </body>
  392. </html>
Advertisement
Add Comment
Please, Sign In to add comment