API tools faq
paste
kakawan

100

kakawan
Jun 2nd, 2014
1,256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.97 KB | None | 0 0
raw download clone embed print report
  1. <!-- MISTS -->
  2.  
  3. <meta name="text:Caixa Opacity" content="9" />
  4. <meta name="image:Sidebar" content="http://static.tumblr.com/de51159e194f0ea239c404e1d5a7933d/ewx0oi8/bDtn6jxji/tumblr_static_17yv1recwglc0088kwww84ccc.jpg"/>
  5. <meta name="image:Background" content="">
  6. <meta name="color:Detalhes" content="#eeeeee" />
  7. <meta name="color:Rolagem" content="#eeeeee" />
  8.  
  9.  
  10. <meta name="color:Background" content="#ffffff" />
  11. <meta name="color:sidebar" content="#ffffff" />
  12. <meta name="color:Text" content="#666666" />
  13. <meta name="color:Coluna" content="#cac9c9" />
  14. <meta name="color:borda" content="#f1f1f1" />
  15. <meta name="color:caixa" content="#fff" />
  16. <meta name="color:ColunaBorda" content="#eeeeee" />
  17. <meta name="color:titulo" content="#ffffff" />
  18. <meta name="if:Duas Colunas" content="1"/>
  19. <meta name="if:Borda posts" content="1"/>
  20.  
  21.  
  22. <meta name="color:links" content="#000000" />
  23. <meta name="color:linkshover" content="#555555" />
  24.  
  25.  
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="link" />
  28. <meta name="text:Link2" content="/" />
  29. <meta name="text:Link2 Title" content="link" />
  30. <meta name="text:Link3" content="/" />
  31. <meta name="text:Link3 Title" content="link" />
  32. <meta name="text:Link4" content="/" />
  33. <meta name="text:Link4 Title" content="link" />
  34.  
  35.  
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  38. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  39. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/tumblr_m6oxuvVWe81qe1m3a.png" border="0"></a>
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  43. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  44. <style> div#qTip { padding: 1px;border-right-width: 1px;border-bottom-width: 1px;display: none;font: bold 9px verdana;text-align: left;position: absolute;z-index: 1000;background: {color:TituloIcones};color: {color:text}; border: 1px solid {color:TituloIcones}; border-radius: 2px;} </style>
  45. <script type="text/javascript" src="http://static.tumblr.com/blmf2ck/zQamlzy1k/like2.js"></script><iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  46. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  47. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  48. </head>
  49. <style type="text/css" media="screen">
  50.  
  51. body {background: URL({image:background});background-color: {color:background};background-size: 100% 100%;background-repeat: repeat; font-family:'calibri';font-size:12px; margin-left:00px; color:{color:Text};text-align:justify;line-height: 17px;background-attachment;}
  52.  
  53. a {color: {color:text}; text-decoration:none;}
  54. a:hover {color:{color:linkshover};}
  55. blockquote{margin:0 0 0 5px; padding:0 0 0 10px; border-left:2px solid {color:detalhes};}
  56. iframe#tumblr_controls {white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4; right:3px !important; position: fixed !important;}
  57. .vsanna{display: none;}
  58.  
  59. #content {width:935px; margin:0px auto 0px auto;}
  60.  
  61.  
  62. {block:IfDuasColunas}#main {width: 595px;float: right;position: relative;margin-left: 0px;margin-top: 0px;}{/block:IfDuasColunas}
  63.  
  64. {block:IfNotDuasColunas}.caixa {background:{color:caixa}; overflow: hidden; {block:IfBordaposts}border: 0px solid {color:detalhes};{/block:IfBordaposts}margin: 4px; padding: 4px; margin-left:-15px; opacity:0.{text:Caixa Opacity};
  65. {block:IndexPage} width: 400px;{/block:IndexPage}
  66. {block:PermalinkPage} width: 500px;{/block:PermalinkPage}}{/block:IfNotDuasColunas}
  67. {block:IfDuasColunas}.caixa {background:{color:caixa}; overflow: hidden; {block:IfBordaposts}border: 0px solid {color:detalhes};{/block:IfBordaposts}margin-left: -10px; margin-right: 16px; margin-bottom: 5px; margin-top: 1px; padding: 8px; opacity:0.{text:Caixa Opacity}; {block:IndexPage} width: 250px;{/block:IndexPage} {block:PermalinkPage} width: 500px;{/block:PermalinkPage}}{/block:IfDuasColunas}
  68.  
  69. .t {text-align:center; font-family: calibri, sans-serif; font-size:14px;}
  70. .q {line-height: 15px; margin-top:-10px; font-size:12px; line-height: 19px;}
  71. .s {text-align:center;padding:-1px;border-top:px solid {color:detalhes};margin-top:-2px; font-weight: bold; font-family:calibri;}
  72. .tg:first-letter {font-size:12px;font-family:'calibri';}
  73.  
  74. ::-webkit-scrollbar-thumb:vertical {background-color:{color:rolagem}; height:5px;}
  75. ::-webkit-scrollbar-thumb:horizontal{background-color:{color:rolagem}; height:5px;}
  76. ::-webkit-scrollbar {height:1px; width:5px; background-color:{color:background}}
  77.  
  78. .chat {background:{color:background}; margin: 0; font-size: 12px; font-family: 'Play';}
  79. .chat .lines {font-family: 'calibri'; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: {color:detalhes}; padding: 5px; margin-bottom: 2px; font-size: 12px; color: {color:text}; text-shadow: 1px 1px 0px #eee; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
  80. .chat .lines:hover {background: {color:sidebar}; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
  81. .chat .lines span {font-weight: bold;}
  82.  
  83. {block:IfNotDuasColunas}#questionpam{width:390px;
  84. padding:5px;
  85. background-color: {color:detalhes};
  86. -webkit-border-radius: 5px 5px 5px 5px;
  87. -moz-border-radius: 5px 5px 5px 5px;
  88. border-radius: 5px 5px 5px 5px;}{/block:IfNotDuasColunas}
  89. {block:IfDuasColunas}#questionpam{width:390px;
  90. padding:5px;
  91. background-color: {color:detalhes};
  92. -webkit-border-radius: 5px 5px 5px 5px;
  93. -moz-border-radius: 5px 5px 5px 5px;
  94. border-radius: 5px 5px 5px 5px;}{/block:IfDuasColunas}
  95. #askerpam{text-align: left;
  96. vertical-align:bottom;
  97. margin-top:-24px;
  98. margin-left:20px;
  99. font-size:11px;
  100. font-family:calibri;}
  101. #askerpam img{vertical-align:center;
  102. float:left;
  103. max-height:15px;
  104. margin-left: 20px;
  105. margin-right: 5px;
  106. -webkit-border-radius: 60px 0px 60px 60px;
  107. -moz-border-radius: 60px 0px 60px 60px;
  108. border-radius: 60px 0px 60px 60px;
  109. box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);}
  110. #setapam {margin-top:-0px;
  111. margin-left:18px;
  112. width: 0;
  113. height: 0;
  114. border-top: 17px solid {color:detalhes};
  115. border-left: 17px solid transparent;}
  116.  
  117. .post_title {font-family:calibri;
  118. color: {color:text};
  119. font-size: 13px;}
  120. .audio-info-left-pam img {width: 100px;
  121. height: 100px;
  122. -webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2);
  123. box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2); }
  124. .audio-info-left-pam {width: 139px;
  125. background: url(http://static.tumblr.com/usaykzx/j6Kky45bc/vinyl.png) no-repeat right center;}
  126. .navsm img{width:18px; height:17px;opacity:0.9;}.navsm{background:rgba(255,255,255,0.5);line-height:16px;height:18px;margin: 1px; display: inline-block;padding:4px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;float:left; }.navsm:hover {padding-top:20px; margin-top:0px; }
  127.  
  128. {block:ifAtivarPretoebranco} img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%);-o-filter:grayscale(100%);; -webkit-transition: 1s;-o-transition:1s;; -moz-transition:1s;-o-transition:1s;} {/block:ifAtivarPretoeBranco}
  129. {block:ifAtivarPretoeBranco} img:hover{-webkit-filter:grayscale(1%); ; -moz-filter:grayscale(1%);-o-filter:grayscale(1%); -webkit-transition: 1s;-o-transition:1s;; -moz-transition:1s;-o-transition:1s;}{/block:ifAtivarPretoeBranco}
  130.  
  131. {block:ifAtivarPretoeBrancoInvertido} img{-webkit-filter:grayscale(1%); ; -moz-filter:grayscale(1%);-o-filter:grayscale(1%); -webkit-transition: 1s;-o-transition:1s;; -moz-transition:1s;-o-transition:1s;}{/block:ifAtivarPretoeBrancoInvertido}
  132.  
  133. {block:ifAtivarPretoeBrancoInvertido} img:hover{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%);-o-filter:grayscale(100%);; -webkit-transition: 1s;-o-transition:1s;; -moz-transition:1s;-o-transition:1s;} {/block:ifAtivarPretoeBrancoInvertido}
  134.  
  135. .desc{text-align: left; font-family:calibri ; text-transform:upercase;border-bottom:px solid #eee; position: fixed; font-size:11px; border-top:0px solid #000; margin-left:146px; width:155px; color: {color:titulo};; padding: 5px; margin-top:270px;opacity: 1; line-height: 13px;}
  136. .desc:hover{opacity:0.7;
  137. }
  138. #sidebarimage { border-right:px solid #eee; position:fixed;margin-left:140px;margin-top:75px;height:247px;}
  139. #sidebarimage img { height:180px; width:100px;padding:3px; height:220px;margin-bottom:px;width:auto;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}
  140. #sidebarimage img:hover { opacity:0.8; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  141.  
  142. #frase {z-index:9999999999;background-color: {color:transp}; font-weight: normal;font-style:italic; letter-spacing: px; color: {color:titulo}; text-align:center; width: 150px; height: 24px; line-height: 18px; position: absolute; -moz-transition: all 0.4s ease-out; margin-left: 50px; font-family: georgia; margin-top:390px; margin-left: 136px; text-transform: none; position: fixed; padding: 2px; font-size: 10px;}
  143.  
  144.  
  145.  
  146. @font-face {
  147. font-family:titulo;
  148. src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');,
  149. }
  150. @font-face{font-family:"Basic";src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  151.  
  152. #sidebar {z-index:99999999999999999;background-color: {color:sidebar}; width: 0px; height: 0x; position: fixed; margin-left: 114px; margin-top: -10px; border-right: px solid {color:border2}; border-left: 0px solid {color:border2}}
  153. #content:hover .nav{opacity:1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  154.  
  155. .nav {z-index:999999999999999999999999999999999999999;clear: both; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; float: center; display:bock; opacity:0;width: 146px;padding:10px; background:#fff;margin-top: 308px; height:30px; text-align: center; margin-left:29px;}
  156. .nav a {float: center; width:100px; border-bottom:px solid #eee; margin-right: 0px; opacity:1; letter-spacing: px; font-family:cambria; font-size: 9px; display:lock;text-align: left; font-style:itaic;margin-bottom: 1px;color:{color:links}; text-decoration: none; text-transform: uppercase; height: 11px; line-height: 13px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding: 0px;;}
  157. .nav a:hover { }
  158.  
  159. .nav1 {z-index:999999999999999999999999999999999999999;clear: both; float: left; display:block; width: 100px; margin-top: 1px; text-align: left; margin-left:10px;}
  160. .nav1 a {float: left; width:100px; margin-right: 0px; opacity:1; letter-spacing: 1px; font-family:calibri; font-size: 14px; display:block;text-align: left; font-style:itaic;margin-bottom: 1px;color:{color:links}; text-decoration: none; text-transform: ppercase; height: 11px; line-height: 13px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding: 1px;;}
  161.  
  162.  
  163.  
  164. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 629px; right: 40px;}
  165.  
  166. .r {margin-top: 0px;margin-left: 25px;position: absolute;opacity: 1;}
  167. .r img{width: 24px;height: 20px;line-height: 30px;display: inline;}
  168. .l a:hover {background-position: 0px 0px;}.l a {position: absolute;
  169. background-image: url("http://static.tumblr.com/blmf2ck/QJOmlzxu0/l.png");background-repeat: no-repeat;background-position: 0px 0px;display: block;z-index: 9999999}.l img {width: 21px; height: 20px;}#likeiframe {display: none;}
  170. .caixa .rl {margin-left:-25px;opacity: 0; width: 80px; font-size: 9px;position:absolute; text-align: center;z-index:9999991;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  171. .caixa:hover .rl {position: absolute;width: 10px;height: auto;padding-top: 3px;padding-left: 55px;float: left;text-align: center;margin-left: -49px;margin-top: 0px;opacity: 1;line-height:17px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}.n {position:absolute;font-size:11px;height:20px;margin-top:0px;margin-left:53px;float:left; line-height: 21px;}.n a{ background: rgba(0,0,0,0.5);padding: 3px 4px 3px 4px;font-family: Arial; color: #fff;font-weight: bold;-moz-border-radius:2px;border-radius:2px;}
  172.  
  173. .pipi {width:160px;background:000; margin-left:75px; opacity:1;margin-top:151px;position:fixed;}
  174. .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;}
  175. </style>
  176.  
  177. <body>
  178.  
  179. <div id="content">
  180.  
  181. <div class="pipi"><img src="https://24.media.tumblr.com/2958420fcc00fc9cd299a73bf326e2fc/tumblr_n45feb04hL1sqm3q1o1_500.jpg" class="pipi"></div>
  182.  
  183.  
  184.  
  185. <div id="sidebar">
  186.  
  187. <div class="nav">
  188. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  189. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} </b>
  190. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  191. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</b>
  192. <a href="http://mists.tumblr.com">@</a>
  193. </div></div>
  194.  
  195.  
  196.  
  197. <div id="frase"></div>
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204. <div id="sidebarimage"><img src="{image:Sidebar}"/></div>
  205.  
  206. <div class="desc"> {description}
  207.  
  208.  
  209. </div>
  210.  
  211. <div id="main">
  212. {block:Posts}
  213. <div class="caixa">
  214. {block:IndexPage}
  215. <div class="rl"><div class="l"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/ifqwhnb/b6Lm5chs7/espa__o.png" width="25" height="35" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="r"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a></div><div class="n"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  216.  
  217. {block:Text}
  218. {block:Title}<div class="t">{Title}</div>{/block:Title}
  219. {body}
  220. {/block:Text}
  221.  
  222. {Block:Photo}
  223. {block:IndexPage}{block:IfNotDuasColunas}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:IfNotDuasColunas}
  224. {block:IfDuasColunas}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{/block:IfDuasColunas}{/block:IndexPage}
  225. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}{/block:PermalinkPage}
  226. {block:Caption}{Caption}{/block:Caption}
  227. {/Block:Photo}
  228.  
  229. {block:Photoset}
  230. {block:IndexPage}{block:IfNotDuasColunas}{LinkOpenTag}{Photoset-400}{LinkCloseTag}{/block:IfNotDuasColunas}
  231. {block:IfDuasColunas}{LinkOpenTag}{Photoset-250}{LinkCloseTag}{/block:IfDuasColunas}
  232. {/block:IndexPage}
  233. {block:PermalinkPage}{LinkOpenTag}{Photoset-500}{LinkCloseTag}{/block:PermalinkPage}
  234. {block:Caption}{Caption}{/block:Caption}
  235. {/block:Photoset}
  236.  
  237. {block:Quote}<div class="caixap"><div class="tg"><div class="q"><p class=cit>{Quote}</div></div>
  238. <div class="s">{Source}</div></div>
  239. {/block:Quote}
  240.  
  241. {block:Chat}
  242. {block:Lines}
  243. <div class="chat">
  244. <div class="lines">{block:Label}
  245. <span>{Label}</span>
  246. {/block:Label}
  247. {Line}</div></div>
  248. {/block:Lines}
  249. {/block:Chat}
  250.  
  251. {block:Link}
  252. <a href="{URL}" target="{Target}"><div class="t">{Name}</div></a>
  253. {block:Description}{Description}{/block:Description}
  254. {/block:Link}
  255.  
  256. {block:Audio}
  257. <span class="post_title">
  258. {block:TrackName}<div class="t">{TrackName}{/block:TrackName} - {block:Artist}{Artist}</div>{/block:Artist}</span>
  259. <p>
  260. <div class="audio-info-pam">
  261. {block:AlbumArt}
  262. <div class="audio-info-left-pam">
  263. <img src="{AlbumArtURL}" />
  264. </div>
  265. {/block:AlbumArt}
  266. <div class="clear:both;"></div>
  267. </div><br>
  268. {AudioPlayerWhite}
  269. {block:Caption}
  270. {Caption}
  271. {/block:Caption}
  272. {/block:Audio}
  273.  
  274. {block:Video}
  275. {block:Indexpage}{block:IfNotDuasColunas}{Video-400}{/block:IfNotDuasColunas}{/block:IndexPage}
  276. {block:Indexpage}{block:IfDuasColunas}{Video-250}{/block:IfDuasColunas}{/block:IndexPage}
  277. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  278. {block:Caption}{Caption}{/block:Caption}
  279. {/block:Video}
  280.  
  281. {block:Answer}
  282. <div id="questionpam">{Question}</div>
  283. <div id="setapam"></div>
  284. <br>
  285. <div id="askerpam"><img src="{AskerPortraitURL-24}">{Asker}</div>
  286. {Answer}
  287. {/block:Answer}
  288. </div>
  289.  
  290. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  291. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  292. {/block:Posts}
  293. {block:PermalinkPage}{block:PostNotes} {PostNotes} {/block:PostNotes}{/block:PermalinkPage}
  294. </div>
  295. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  296. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  297. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  298. <script type="text/javascript">
  299. $(window).load(function () {
  300. $('#main').masonry(),
  301. $('.masonryWrap').infinitescroll({
  302. navSelector : "div#navigation",
  303. nextSelector : "div#navigation a#nextPage",
  304. itemSelector : ".caixa",
  305. bufferPx : 10000,
  306. extraScrollPx: 11000,
  307. loadingImg : "http://static.tumblr.com/blmf2ck/ixomlqvak/ajax-loader__3_.gif",},
  308. function() { $('#main').masonry({ appendedContent: $(this) }); }); });
  309. </script>
  310. {block:IndexPage}
  311. <div class="column navigation" id="navigation">
  312. {block:Pagination}
  313. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  314. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  315. </div>{/block:IndexPage}
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322. </body>
  323. </html>
  324.  
  325. <style>
  326. .thm {position:fixed;bottom:30px;right:22px;font-size:11px;font-family:consolas;color:#555;font-style:ialic;}</style>
  327.  
  328. <div class="thm" title=""><a href="http://mathkawan.tumblr.com/">mists</a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!