kakawan

101

Jun 12th, 2014
914
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.40 KB | None | 0 0
  1. <!-- MISTS -->
  2.  
  3. <meta name="text:Caixa Opacity" content="9" />
  4. <meta name="image:Sidebar" content="http://static.tumblr.com/eb0f3aad3636cdbe76979efa3e87599f/ewx0oi8/7T6n05idl/tumblr_static_tumblr_static_tumblr_static_m1676.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="#000000" />
  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: center;-webkit-border-radius:px 100px 100px 100px; background-color: #aaa; font-style:italic;font-family:georgia ; text-transform:upercase;border-bottom:px solid #eee; position: fixed; font-size:9px; border-top:0px solid #000; margin-left:137px; width:50px; color: #fff;{color:titulo};; padding: 10px; margin-top:299px;opacity: 0; 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;{color:transp};opacity:0; 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: 200px; font-family: georgia; margin-top:299px; margin-left: 287px; text-transform: none; position: fixed; padding: 2px; font-size: 20px;}
  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 a{opacity:1; color:#000;margin-left:75px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  154. #content:hover .desc{opacity:1; margin-left:143px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  155. #content:hover .pipi{opacity:0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  156. #content:hover #frase{opacity:1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  157.  
  158. .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:1;width: 146px;padding:10px; background:#ff;margin-top: 304px; height:30px; text-align: center; margin-left:15px;}
  159. .nav a {float: center; width:146px; border-bottom:px solid #eee; margin-right: 0px; opacity:0; letter-spacing: 1px; font-family:consolas; font-size: 10px; display:lock;text-align: center; 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: 00px;;}
  160. .nav a:hover {color:#000; }
  161.  
  162. .nav1 {z-index:999999999999999999999999999999999999999;clear: both; float: left; display:block; width: 100px; margin-top: 1px; text-align: left; margin-left:10px;}
  163. .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;;}
  164.  
  165.  
  166.  
  167. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 629px; right: 40px;}
  168.  
  169. .r {margin-top: 0px;margin-left: 25px;position: absolute;opacity: 1;}
  170. .r img{width: 24px;height: 20px;line-height: 30px;display: inline;}
  171. .l a:hover {background-position: 0px 0px;}.l a {position: absolute;
  172. 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;}
  173. .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;}
  174. .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;}
  175.  
  176. .pipi {width:160px;background:000; margin-left:75px; opacity:1;margin-top:151px;position:fixed;}
  177. .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;}
  178. </style>
  179.  
  180. <body>
  181.  
  182. <div id="content">
  183.  
  184. <div class="pipi"><img src="https://31.media.tumblr.com/fb693baff048a6449df7b5d9bf508dba/tumblr_mt493eQK9d1s3q9iio1_500.jpg" class="pipi"></div>
  185.  
  186.  
  187.  
  188. <div id="sidebar">
  189.  
  190. <div class="nav">
  191. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  192. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} </b>
  193. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  194. <a href="http://mists.tumblr.com"></a>
  195. </div></div>
  196.  
  197.  
  198.  
  199. <div id="frase">❀</br>✿</br>❀</br></div>
  200.  
  201.  
  202.  
  203.  
  204.  
  205.  
  206. <div id="sidebarimage"><img src="{image:Sidebar}"/></div>
  207.  
  208. <div class="desc"> {description}
  209.  
  210.  
  211. </div>
  212.  
  213. <div id="main">
  214. {block:Posts}
  215. <div class="caixa">
  216. {block:IndexPage}
  217. <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}
  218.  
  219. {block:Text}
  220. {block:Title}<div class="t">{Title}</div>{/block:Title}
  221. {body}
  222. {/block:Text}
  223.  
  224. {Block:Photo}
  225. {block:IndexPage}{block:IfNotDuasColunas}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:IfNotDuasColunas}
  226. {block:IfDuasColunas}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{/block:IfDuasColunas}{/block:IndexPage}
  227. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}{/block:PermalinkPage}
  228. {block:Caption}{Caption}{/block:Caption}
  229. {/Block:Photo}
  230.  
  231. {block:Photoset}
  232. {block:IndexPage}{block:IfNotDuasColunas}{LinkOpenTag}{Photoset-400}{LinkCloseTag}{/block:IfNotDuasColunas}
  233. {block:IfDuasColunas}{LinkOpenTag}{Photoset-250}{LinkCloseTag}{/block:IfDuasColunas}
  234. {/block:IndexPage}
  235. {block:PermalinkPage}{LinkOpenTag}{Photoset-500}{LinkCloseTag}{/block:PermalinkPage}
  236. {block:Caption}{Caption}{/block:Caption}
  237. {/block:Photoset}
  238.  
  239. {block:Quote}<div class="caixap"><div class="tg"><div class="q"><p class=cit>{Quote}</div></div>
  240. <div class="s">{Source}</div></div>
  241. {/block:Quote}
  242.  
  243. {block:Chat}
  244. {block:Lines}
  245. <div class="chat">
  246. <div class="lines">{block:Label}
  247. <span>{Label}</span>
  248. {/block:Label}
  249. {Line}</div></div>
  250. {/block:Lines}
  251. {/block:Chat}
  252.  
  253. {block:Link}
  254. <a href="{URL}" target="{Target}"><div class="t">{Name}</div></a>
  255. {block:Description}{Description}{/block:Description}
  256. {/block:Link}
  257.  
  258. {block:Audio}
  259. <span class="post_title">
  260. {block:TrackName}<div class="t">{TrackName}{/block:TrackName} - {block:Artist}{Artist}</div>{/block:Artist}</span>
  261. <p>
  262. <div class="audio-info-pam">
  263. {block:AlbumArt}
  264. <div class="audio-info-left-pam">
  265. <img src="{AlbumArtURL}" />
  266. </div>
  267. {/block:AlbumArt}
  268. <div class="clear:both;"></div>
  269. </div><br>
  270. {AudioPlayerWhite}
  271. {block:Caption}
  272. {Caption}
  273. {/block:Caption}
  274. {/block:Audio}
  275.  
  276. {block:Video}
  277. {block:Indexpage}{block:IfNotDuasColunas}{Video-400}{/block:IfNotDuasColunas}{/block:IndexPage}
  278. {block:Indexpage}{block:IfDuasColunas}{Video-250}{/block:IfDuasColunas}{/block:IndexPage}
  279. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  280. {block:Caption}{Caption}{/block:Caption}
  281. {/block:Video}
  282.  
  283. {block:Answer}
  284. <div id="questionpam">{Question}</div>
  285. <div id="setapam"></div>
  286. <br>
  287. <div id="askerpam"><img src="{AskerPortraitURL-24}">{Asker}</div>
  288. {Answer}
  289. {/block:Answer}
  290. </div>
  291.  
  292. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  293. {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  294. {/block:Posts}
  295. {block:PermalinkPage}{block:PostNotes} {PostNotes} {/block:PostNotes}{/block:PermalinkPage}
  296. </div>
  297. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  298. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  299. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  300. <script type="text/javascript">
  301. $(window).load(function () {
  302. $('#main').masonry(),
  303. $('.masonryWrap').infinitescroll({
  304. navSelector : "div#navigation",
  305. nextSelector : "div#navigation a#nextPage",
  306. itemSelector : ".caixa",
  307. bufferPx : 10000,
  308. extraScrollPx: 11000,
  309. loadingImg : "http://static.tumblr.com/blmf2ck/ixomlqvak/ajax-loader__3_.gif",},
  310. function() { $('#main').masonry({ appendedContent: $(this) }); }); });
  311. </script>
  312. {block:IndexPage}
  313. <div class="column navigation" id="navigation">
  314. {block:Pagination}
  315. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  316. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  317. </div>{/block:IndexPage}
  318.  
  319. </body>
  320. </html>
  321.  
  322. <style>
  323. .thm {position:fixed;bottom:30px;right:22px;font-size:11px;font-family:consolas;color:#555;font-style:ialic;}</style>
  324.  
  325. <div class="thm" title=""><a href="http://mathkawan.tumblr.com/">mists</a></div>
Advertisement
Add Comment
Please, Sign In to add comment