kakawan

103

Jun 14th, 2014
825
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.44 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="#ffffff">
  21. <meta name="color:border" content="#cccbcb">
  22. <meta name="text:frase" content="e quer mais que você se foda"/>
  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:Flor" content="1"/>
  33. <meta name="if:Customize scrollbar" content="1"/>
  34.  
  35.  
  36. <meta name="image:sidebar" content="http://static.tumblr.com/39331b4dba097fed8cac073c9647f3fb/ewx0oi8/Ogjn770jc/tumblr_static_4f2xsr6egp44k00os0w0kwc8c.jpg"/>
  37.  
  38.  
  39. <meta name="text:Link1" content="/" />
  40. <meta name="text:Link1 Title" content="link" />
  41. <meta name="text:Link2" content="/" />
  42. <meta name="text:Link2 Title" content="link" />
  43. <meta name="text:Link3" content="/" />
  44. <meta name="text:Link3 Title" content="link" />
  45. <meta name="text:Link4" content="/" />
  46. <meta name="text:Link4 Title" content="link" />
  47.  
  48. <meta name="if:Rolagem infinita" content="1"/>
  49.  
  50.  
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56.  
  57. /*** corpo básico ***/
  58.  
  59.  
  60. body {background-color: {color:background}; font-family: calibri; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  61.  
  62. a {color: {color:link}; text-decoration: none; text-transform: none;}
  63. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  64.  
  65. p {margin: 6px 0 0 0}
  66.  
  67. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  68. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  69. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  70. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  71.  
  72. blockquote img{max-width: 480px!important}
  73. blockquote blockquote img{max-width: 450px!important}
  74. blockquote blockquote blockquote img{max-width: 430px!important}
  75. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  76.  
  77.  
  78. #container {text-align: center; width: 100px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  79.  
  80. iframe#tumblr_controls {
  81. top:0px !important;
  82. right:3px !important;
  83. position: fixed !important;
  84. -webkit-transition: opacity 0.7s linear;
  85. opacity: 0.4;
  86. -webkit-transition: all 0.8s ease-out;
  87. -moz-transition: all 0.8s ease-out;
  88. transition: all 0.8s ease-out;
  89. z-index:999999999999999999;}
  90.  
  91. iframe#tumblr_controls:hover{
  92. -webkit-transition: opacity 0.7s linear;
  93. opacity: 1;
  94. -webkit-transition: all 0.4s ease-out;
  95. -moz-transition: all 0.4s ease-out;
  96. transition: all 0.4s ease-out;
  97. z-index:999999999999999999999;}
  98.  
  99.  
  100. #entries {width:400px; float:left; margin-left:465px; margin-top:8px; position:relative; z-index:999; padding-right:5px; padding-left:5px;border-left: 0px solid #f7f7f7; border-right: 0px solid #f7f7f7;}
  101.  
  102. .entries {width:400px; padding:0px; background-color:{color:background}; margin:0px 0px 0px 0px; margin-bottom:4px; float:right; text-align:justify;
  103. }
  104.  
  105. #reblogs {display:none; background-color:{color:post};}
  106.  
  107. .entries:hover #information {opacity:1;}
  108.  
  109. #information{position:absolute; font:11px calibri;border-left:0px solid #ececec; text-transform:uppercase; color:{color:link}; margin-left:400px; opacity:0; height:auto; width: 80px; margin-bottom:0px; margin-top:-5px; background-color:{color:background}; display:block; text-align:left; padding:4px; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
  110. #information a{ color:{color:text}; font-style:normal}
  111. #information a:hover {}
  112.  
  113. .noted a{font:9px verdana!important; color:{color:permalink}!important; letter-spacing:0px; text-transform:lowercase!important; font-style:normal!important; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; font-weight:300!important;}
  114. .noted a:hover {color:{color:text}!important;}
  115.  
  116. .dated {font:9px verdana; text-transform:lowercase; color:{color:permalink};}
  117.  
  118. /* TEXT POSTS */
  119.  
  120. #title {width:400px;}
  121. .texttitle {font-size:12px; font-family: calibri; margin:0px 0px -03px 0px; font-weight:normal; color: {color:text}; text-transform:none; padding:2px 1px; text-align:left}
  122. .texttitle a {font-size:12px; font-family: calibri; margin:0px 0px -03px 0px; font-weight:normal; color: {color:text}; text-transform:none; padding:2px 1px; text-align:left;}
  123.  
  124. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; text-align:center; text-transform: lowercase;}
  125. .tags a {font-size: 9px; color: verdana; display: inline; text-align:center; text-transform: lowercase;}
  126.  
  127.  
  128. /* CHAT POSTS */
  129.  
  130. .chat .line{
  131. font:10px {font:Body};
  132. background-color:{color:chat1};
  133. margin: 0 0 1px;
  134. padding: 2px;
  135. }
  136. .chat .line.odd{ background-color:{color:chat2};}
  137.  
  138. .label {font-weight:bold; color:{color:bold}}
  139.  
  140. /* LINK POSTS */
  141.  
  142. .linkdescription {padding:0px; margin:0px; font:10px {font:Body};}
  143.  
  144. /* QUOTES POSTS */
  145.  
  146. .pquote {font-family: calibri; text-align: justify; font-size: 12px; line-height: 15px; padding: 0px;
  147. }
  148. .pquotesource {text-align:left; font-size:12px;text-transform: none; margin-bottom: 5px;}
  149. .pquotesource a, a:hover{text-transform: none; }
  150.  
  151.  
  152. /* AUDIO POSTS */
  153.  
  154. .player {background-color: #000; text-align: left; display:block;}
  155.  
  156.  
  157. /* ANSWER POSTS */
  158.  
  159.  
  160. #asker {margin-left:0px; border-bottom:1px solid #f3f3f3; font-size: 11px; font-family: calibri; text-align: justify;background-color:; {color:border};padding: 2px;}
  161. .answer { margin-left:0px; padding: 2px; font-size: 11px;font-family:calibri;font-style:talic;}
  162. .answer img {max-width: 370px;}
  163.  
  164.  
  165. /* PHOTO POSTS */
  166.  
  167. .hres {opacity:0; height:12px; font:8px calibri; color:{color:permalink}; background-color:{color:posts}; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; width:45px; position:absolute; top:0; left:0; z-index:999; text-align:center; text-transform:uppercase; filter:alpha(opacity=0); padding-top:3px; letter-spacing:1px; padding-left:1px; padding-bottom:1px;}
  168. .hres a {color:{color:permalink}; text-align:center;}
  169. #photox:hover .hres {opacity:0.9; filter:alpha(opacity=90);}
  170. #photox{overflow:hidden; position:relative}
  171.  
  172. .caption {margin:0px; padding:0px; font:10px {font:Body};}
  173.  
  174. /* POST NOTES */
  175.  
  176. #postnotes {display:block; margin-left:3px; width:480px; background-color:{color:background}}
  177.  
  178. ol.notes {list-style-type:none;}
  179.  
  180. .notperm {width:488px; font:9px verdana; text-transform:lowercase; color:{color:link}; padding:2px 4px; line-height:90%; margin-left:8px;}
  181. .tagperm {width:488px; font:9px verdana; text-transform:lowercase; color:{color:link}; padding:2px 4px; line-height:90%; margin-left:8px;}
  182. .rebperm {width:488px; font:9px verdana; text-transform:lowercase; color:{color:link}; padding:2px 4px; line-height:90%; margin-left:8px;}
  183. .notperm a, .tagperm a, .rebperm a {color:{color:permalink};}
  184.  
  185. #damon {position: fixed; margin: 30px 0px 0px -492px;}
  186.  
  187. #sidebar {
  188. width: 160px;
  189. height:height;
  190.  
  191. position:fixed; padding:px; border-top:0px solid #Eee;
  192. border-left:px solid {color:border};
  193. border-bottom:0px solid {color:border};
  194. border-right:px solid {color:border};
  195. margin-left:275px;
  196. margin-top:50px;
  197.  
  198.  
  199. -webkit-transition: all 0.7s ease;
  200. -moz-transition: all 0.7s ease;
  201. -o-transition: all 0.7s ease;}
  202. #sidebar:hover #links {opacity: 1;}
  203.  
  204.  
  205. #sidebarimage {
  206. width 200px;
  207. -webkit-transition: all 0.7s ease;
  208. -moz-transition: all 0.7s ease;
  209. -o-transition: all 0.7s ease;
  210. border-radius: 522px; -webkit-filter: grayscale(0%); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  211.  
  212. #sidebarimage img {
  213. width:160px;
  214. border-left:1px solid transparent;
  215. opacity:1;
  216. height:215px;
  217. padding:10px ;
  218. border-left2px solid {color:border};
  219. -webkit-transition: all 0.7s ease;
  220. -moz-transition: all 0.7s ease;
  221.  
  222. -o-transition: all 0.7s ease;
  223. }
  224.  
  225.  
  226.  
  227. #sidebarimage:hover {
  228.  
  229. opacity:1;
  230. -webkit-transition: all 0.6s ease-out;
  231. -moz-transition: all 0.2s ease-out;
  232. }
  233.  
  234. #sidebar:hover #titulo {margin-top:-10px; opacity:1;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  235. #sidebar:hover #links {margin-top:10px}
  236. #sidebar:hover #descri{opacity:0}
  237. #sidebar:hover .pipi{opacity:0;margin-top:119px}
  238.  
  239. #links {color: ; font-family:cambria;border-top:px solid #aaa; background:#ff;border-left:px solid #EEE; -webkit-border-radius: 00px 00px 00px 00px; background:#ee; font-style:italic; border-bottom:px dotted #ccc; opacity:0;font-size:10px; margin-top:3px; margin-left:2px; position:fixed; line-height: 15px; letter-spacing:px; height: px; z-index:100; text-align:center; font-weight: none; padding:3px; text-shadow: 0px 0px 0px transparent; 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;}
  240. #links a {color: {color:links};border:1px solid #dcdcdc;-webkit-border-radius:100px 0x 00px 00px; display:bock; text-transform: upercase; padding:2px; -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;}
  241. #links a:hover { font-weight:bld;text-shadow: 0px 0px 1px; -moz-opacity:1.0; letter-spacing:px; 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;}
  242.  
  243. #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;}
  244.  
  245.  
  246. {block:IfFlor}#descri{width:175px; background:#00; position:fixed;opacity:0.4; margin-left: 0px;margin-top:-6px; border-bottom:1px solid #ee; text-transform: upercase; font-style:itlic;font-size:30px;font-family:calibris; text-align:left; color: {color:descri}; padding:4px; height:auto; line-height:15px; letter-spacing:px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;-webkit-border-radius:00px 0px 00px 00px;}
  247. #descri:hover{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.6s; }{/block:IfFlor}
  248.  
  249.  
  250. #titulo{
  251. position:fixed;
  252. color: {color:descri};
  253. font-weight:bld;
  254. text-align:center;
  255. width:157px;
  256. background:#ee;
  257. letter-spacing:0px;
  258. border-bottom:px solid #dcdcdc;
  259. padding:2px;
  260. margin-left:11px;
  261. font-style:italic;
  262. opacity: 0;
  263. height:px;
  264. text-transform:upprcase;
  265. margin-top:-15px;
  266. font-family:georgias;
  267. font-size:12px;
  268. line-height:px;
  269.  
  270. -webkit-border-radius:00px 00px 0px 0px;}
  271.  
  272.  
  273.  
  274. @font-face {
  275. font-family:titulo;
  276. src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');,
  277. }
  278. @font-face{font-family:"Basic";src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  279.  
  280. .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;}
  281. .simb2 a{color: transparent;}
  282. .simb2 a:hover{font-size:15px; color: black; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  283.  
  284. .pipi {width:150px;background:000; margin-left:-12px; opacity:0;margin-top:139px;position:fixed;}
  285. .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;}
  286.  
  287.  
  288.  
  289. .pipi {width:160px;background:000;margin-left:-34px; opacity:1;margin-top:115px;position:fixed;}
  290. .pipi {width:160px; height:20px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  291. .pipi1 {width:50px;background:000; margin-left:75px; opacity:1;margin-top:135px;position:fixed;}
  292. .pipi1 {width:12px; height:12px;background:#00;transition:All 8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
  293. {CustomCSS}</style>
  294. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  295. <script type="text/javascript" src="https://31.media.tumblr.com/7be1a522f0ee0b608e8fd011c3f86a51/tumblr_mumrp5hCvu1qhlzvpo1_500.png"></script>
  296.  
  297.  
  298. <script type="text/javascript">
  299.  
  300. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  301. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  302. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  303.  
  304. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  305. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  306. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  307.  
  308. animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
  309. //$: Access to jQuery
  310. //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
  311. //state: "block" or "none", depending on state
  312. }
  313.  
  314. animatedcollapse.init()
  315.  
  316. </script>
  317. </head><body>
  318.  
  319.  
  320. <div id="sidemenu"></div>
  321.  
  322.  
  323. <div id="sidebar">
  324. <div class="pipi"><img src="https://24.media.tumblr.com/3305a3b8f47d713babbab3cf869bc6dc/tumblr_n76py8VLFC1tqvbdzo1_500.png" class="pipi"></div>
  325.  
  326. <div id="sidebarimage"> <img src="{image:sidebar}">
  327. </div>
  328.  
  329. {block:IfFlor}<div id="descri">❀ </div>{/block:IfFlor}
  330. <div id="titulo"> {description} </div>
  331.  
  332.  
  333. <div id="links">
  334. <a href="{text:Link1}">{text:Link1 Title}</a>
  335. <a href="{text:Link2}">{text:Link2 Title}</b></a>
  336. <a href="{text:Link3}">{text:Link3 Title}</b></a>
  337. <a href="{text:Link4}">{text:link4 title}</b> </a>
  338. </div>
  339. </div>
  340. </div>
  341. </div>
  342. </div>
  343. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  344. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  345. <div id="entry">
  346.  
  347. <div id="entries">
  348. {block:Posts}
  349. <div class="entries {block:Photo}photo{/block:Photo}{block:Quote}quote{/block:Quote}{block:Link}link{/block:Link}{block:Text}text{/block:Text}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Video}video{/block:Video}{block:Answer}answer{/block:Answer}">
  350.  
  351. {block:IndexPage}
  352.  
  353.  
  354. <div id="information">
  355. <a href="{Permalink}">{NoteCount}</a><br>
  356. <a href="{ReblogURL}" target="_blank">reblog</a>
  357. {block:RebloggedFrom}
  358. <div class="tagtitle">
  359. <a href="{ReblogRootURL}"></a><br>
  360. </div>
  361. {/block:RebloggedFrom}
  362. </div>
  363. {/block:IndexPage}
  364.  
  365. {block:Text}
  366. <div id="title">
  367. {block:Title}
  368. <div class="texttitle"><a href="{Permalink}" target="_blank">{Title}</a></div>
  369. {/block:Title}
  370. </div>
  371. {Body}
  372. {/block:Text}
  373.  
  374. {block:Photo}
  375. <div id="photox"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  376. {block:HighRes}<div class="hres"><a href="{PhotoURL-HighRes}">High-Res</a></div> {/block:HighRes}</div>
  377. {block:Caption}
  378. <div class="caption">{Caption}</div>
  379. {/block:Caption}
  380. {/block:Photo}
  381.  
  382. {block:Photoset}
  383. {Photoset-400}
  384. {block:Caption}
  385. <div class="caption">{Caption}</div>
  386. {/block:Caption}
  387. {/block:Photoset}
  388.  
  389. {block:Quote}
  390. <div class="pquote">“{Quote}”</div>
  391. {block:Source}<span style="font-size:11px; font-family:calibri;"><div class="pquotesource">— {Source}</div></span>
  392. {/block:Source}
  393. {/block:Quote}
  394.  
  395. {block:Link}
  396. <div id="title"><div class="texttitle"><a href="{URL}" class="linkpost" target="_blank">{Name}</a></div></div>
  397. {block:Description}
  398. <div class="linkdescription">{Description}</div>
  399. {/block:Description}
  400. {/block:Link}
  401.  
  402. {block:Chat}
  403. {block:Title}
  404. <div id="title"><div class="texttitle">{Title}</div></div>
  405. {/block:Title}<br>
  406. <div class="chat">
  407. {block:Lines}<div class="chat"><div class="line {Alt}">
  408. <div class="{Alt} user_{UserNumber}">
  409. {block:Label}
  410. <span class="label"><b>{Label}</b></span>
  411. {/block:Label}
  412. {Line}</div>
  413. </div></div>
  414. {/block:Lines}
  415. </div>
  416. {/block:Chat}
  417.  
  418. {block:Video}
  419. {Video-400}
  420. {block:Caption}
  421. <div class="caption">{Caption}</div>
  422. {/block:Caption}
  423. {/block:Video}
  424.  
  425. {block:Audio}
  426. <div class="player">{AudioPlayerBlack}</div>
  427. {block:Caption}{Caption}{/block:Caption}
  428. {/block:Audio}
  429.  
  430. {block:Answer}
  431. <div id="asker"><b>{Asker} moaned to me:</b> {Question}</div>
  432. <div class="answer">{Answer} </div>
  433. {/block:Answer}
  434.  
  435.  
  436. </div>
  437.  
  438. {block:PermalinkPage}
  439. {block:PostNotes}
  440. <div id="postnotes">{PostNotes}</div><br>
  441. {/block:PostNotes}
  442. {/block:PermalinkPage}
  443. {/block:Posts}
  444.  
  445. <div id=reblogs>{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}"></a>→ reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, {/block:RebloggedFrom}
  446. {block:ContentSource}originally from <a href="{SourceURL}">{SourceLink}</a><br>
  447. {/block:ContentSource}
  448. <a href="{Permalink}">→ {block:NoteCount}{NoteCount} notes, {/block:NoteCount}{block:Date}posted {TimeAgo}{/block:Date}</a></div><p><p>
  449.  
  450. </div></div>
  451. </div>
  452. </div>
  453.  
  454.  
  455.  
  456. </body>
  457.  
  458. </html>
  459.  
  460.  
  461. <a style="font-size:11px; ; font-style: ialic; font-family: consolas; font-style:talic;position:fixed;bottom:28px;right:14px;" href="http://mathkawan.tumblr.com/">mists</a>
Advertisement
Add Comment
Please, Sign In to add comment