Advertisement
kakawan

102

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