kakawan

111

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