JuuhOliva

Melancolizava 02

Jan 6th, 2015
232
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.12 KB | None | 0 0
  1. <!-- BASE THEME FOR EXPLANATORY FCKRAW.TUMBLR.COM -->
  2.  
  3.  
  4.  
  5. <!---- Não RETIRE meus créditos ---->
  6. <a style=" font-size:10px; color:#aaa00;font-family:pf arma five;;position:fixed;bottom:30px;padding:3px;z-index:55554235555;border-bottom:0px dashed #e55ba9 ;left:1280px;" href="http://melancolizava.tumblr.com/" title="Melancolizava">DESIGN <font color="#e55ba9"></font></a></div>
  7. <!---- Não RETIRE meus créditos ---->
  8.  
  9. <html>
  10.  
  11. <head>
  12. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/sPRne7lc5/ljquery.js"></script>
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17. <meta name="text:frase" content="Mélancolie" />
  18. <meta name="image:background" content="/"/>
  19. <meta name="color:background" content="#FCFCFC" />
  20. <meta name="color:frase" content="#c8938e" />
  21. <meta name="color:text" content="#000000" />
  22. <meta name="color:frase" content="#000000" />
  23. <meta name="text:Link1" content="URL" />
  24. <meta name="text:Link1 Title" content="Link1" />
  25. <meta name="text:Link2" content="URL" />
  26. <meta name="text:Link2 Title" content="Link2" />
  27. <meta name="text:Link3" content="URL" />
  28. <meta name="text:Link3 Title" content="Link3" />
  29. <meta name="text:Link4" content="URL" />
  30. <meta name="text:Link4 Title" content="Link4" />
  31.  
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Great+Vibes|Unkempt' rel='stylesheet' type='text/css'>
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Baumans|Lora:400italic|Rouge+Script' rel='stylesheet' type='text/css'>
  36.  
  37.  
  38.  
  39.  
  40. <title>{Title}</title>
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Indie+Flower|Gloria+Hallelujah|Dancing+Script|Courgette|Marck+Script|Satisfy|Pinyon+Script|Reenie+Beanie|Niconne|Tangerine|Great+Vibes|Sacramento|Love+Ya+Like+A+Sister|Parisienne|Allura|Montez|Zeyada|Arizonia|Clicker+Script' rel='stylesheet' type='text/css'>
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Great+Vibes|Unkempt' rel='stylesheet' type='text/css'>
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Baumans|Lora:400italic|Rouge+Script' rel='stylesheet' type='text/css'>
  47.  
  48.  
  49. <link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50.  
  51. <script src="http://static.tumblr.com/kcrxiw3/LDBlqq9ia/jquerry.js"></script> <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script> <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script> <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57.  
  58. /*** CORPO BÁSICO
  59.  
  60.  
  61.  
  62. ***/
  63.  
  64. body {background-color:{color:background} ;
  65. background-image: url('{image:background}');
  66. background-repeat: no-repeat;
  67. background-attachment:fixed;
  68. background-size:100% 100%;
  69. color: {color:text}. ;}
  70.  
  71. a {color: #666; text-decoration: none; text-transform: none;}
  72. a:hover {color: #666;}
  73. p {margin: 6px 0 0 0}
  74.  
  75. blockquote {margin: 0px; padding-left: 0px; }
  76. blockquote img{width: 400px!important; text-align:justify;}
  77.  
  78.  
  79.  
  80.  
  81.  
  82. /*** CONFIGURAÇÕES DOS POSTS
  83.  
  84.  
  85. ***/
  86.  
  87. #container {width: 350px; margin:70px auto: 70px auto;}
  88. #entry {float:left; margin-top:-10px; margin-bottom:-25px; margin-left:358px; width:380px;}
  89.  
  90. .posts {width: 380px; background-color: transparent; padding: 10px; text-align: justify; margin-bottom:0px; position: relative; font-size:0px;}
  91.  
  92. .source {display: none;}
  93. #captt {width: 380px; margin-top: -2px; text-align: center;}
  94.  
  95.  
  96.  
  97.  
  98.  
  99. /*** CONFIGURAÇÕES DAS FONTES
  100.  
  101.  
  102.  
  103. ***/
  104.  
  105. h1 {font-family: 'capita'; font-size: 13px; letter-spacing:0px; line-height: 13px; text-align: center; font-weight: normal;color: #444444; margin-bottom:-15px;}
  106. h1 a {color: #444444;}
  107.  
  108. h2 {font-family: arial; font-size: 13px; line-height: 13px; text-align: justify; margin-top:25px; font-weight: normal;color: #696969; margin-bottom:3px;}
  109. h2 a {color: #696969;}
  110.  
  111.  
  112.  
  113.  
  114.  
  115. /*** CONFIGURAÇÕES DAS IMAGENS E PHOTOSETS
  116.  
  117.  
  118. ***/
  119.  
  120. .image {text-align: left;}
  121. .image img {width: 380px; opacity:0.9; -webkit-filter: grayscale(40%);border-radius: 8px;}
  122. .photoset {width: 380px;opacity:0.9; -webkit-filter: grayscale(40%)}
  123.  
  124.  
  125.  
  126.  
  127.  
  128. /*** CONFIGURAÇÕES DOS QUOTES
  129.  
  130.  
  131.  
  132. ***/
  133.  
  134. .quote {font-family: 'capita'; font-size: 13px; letter-spacing:0px; line-height: 13px; text-align: justify; font-weight: normal;color: #444444; margin-bottom:5px;}
  135.  
  136. .quote:first-letter {font-style:none;font-family: ‘gabriola’;font-size: 16px;line-height:15px; font-weight:bold; color: {color:letras};}
  137. .sorc {font-family: arial; font-size: 9px; line-height: 9px; padding:3px; text-align: right; font-weight: normal;color: #696969; text-transform: uppercase; background-color: transparent; }
  138. .sorc a {text-transform: uppercase; color:#696969}
  139.  
  140.  
  141.  
  142.  
  143.  
  144. /*** CONFIGURAÇÕES DOS CHATS
  145.  
  146.  
  147. ***/
  148.  
  149. .chat {text-align: justify; margin-top:-15px; margin-bottom:-15px; font-size: 12px; line-height: 12px; list-style: none;font-family: arial; font-size: 9px; }
  150. .chat ul { list-style: none; padding: 0px; line-height:12px;font-family: arial; font-size: 9px;}
  151. .person1 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  152. .person1 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  153. .person2 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  154. .person2 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  155.  
  156.  
  157.  
  158.  
  159.  
  160. /*** CONFIGURAÇÕES DOS AUDIOS
  161.  
  162. -
  163.  
  164. ***/
  165.  
  166. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
  167. .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
  168. .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px; margin-right:11px}
  169. .audioinfo {margin-left:110px; line-height:155%; font-family: arial; font-size:9px!important;}
  170. .audiocaption {margin-left:162px;}
  171. .audiocaption img {width:130px!important}
  172. .audiocaption blockquote img {max-width:320px!important}
  173. .audiocaption blockquote blockquote img {max-width:310px!important}
  174.  
  175.  
  176.  
  177.  
  178.  
  179. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS
  180.  
  181.  
  182. ***/
  183.  
  184.  
  185. .ask {
  186. font-size:14px;
  187. text-align:left;
  188. padding:10px;
  189. color:{color:textos};
  190. background-color:transparent;text-transform:lowercase;
  191. }
  192. .ask img{
  193. border-radius:30px;
  194. padding:3px; float:left;
  195. border:0px solid #f1f1f1;
  196.  
  197. }
  198.  
  199. .ans {
  200. text-align:left;
  201. padding:1px; font-size:14px;
  202.  
  203. color:{color:textos};
  204. }
  205.  
  206.  
  207.  
  208. /*ESTILO DE ASK POR MAY, DO MIR4GEM.TUMBLR.COM E DO HTML-PARTY.TUMBLR.COM */
  209. .boxask {background: #fff; padding: 10px; font: normal 12px capita; text-align:left; border-radius: 7px; z-index: 1;text-transform:lowercase;}
  210. .seta {background: #fff; width: 10px; height: 10px; -webkit-transform: rotate(45deg); margin-left: 20px; margin-top: -5px; z-index: 1;}
  211. .perguntou {font-size: 12px; font-family: capita; text-transform: lowercase, bold;margin-left: 14px;font-style:bold;}
  212. .perguntou img {-webkit-border-radius: 5px;
  213. -moz-border-radius: 5px;
  214. border-radius: 5px;}
  215. .resposta {
  216. text-align:left;
  217. padding:5px; font-size:12px;
  218.  
  219. color:{color:textos};}
  220.  
  221.  
  222.  
  223.  
  224. /*** INFORMAÇOES DOS POSTS
  225.  
  226.  
  227.  
  228. ***/
  229.  
  230. #info {text-align: right; margin-top:0px; font-size: 11px; font-family: Always Forever; z-index: 11; letter-spacing:0px; margin-left:0px; width: 350px; margin-bottom: -19px; color:#666;-webkit-transition-duration: 0.4s; -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;opacity:0;}
  231. #info a {font-size:9px; text-transform: lowercase; color:#666; -webkit-transition-duration: 0.4s;}
  232. #info:hover {color:#666}
  233. .posts:hover #info {opacity:9; padding-top:4px; margin-bottom:0px;}
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241. ::-webkit-scrollbar{width:5px;height:5px;}
  242. ::-webkit-scrollbar-button:start:decrement
  243. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  244. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  245. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  246. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  247.  
  248. iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  249.  
  250. .tumblrAutoPager_page_separator,
  251. .tumblrAutoPager_page_info {display: none;}
  252.  
  253. #tumblr_controls{position: fixed!important}
  254. #tumblr_controls{position: fixed!important}
  255. #tumblr_controls{position: fixed!important}
  256. #tumblr_controls{position: fixed!important}
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263.  
  264. #sidebar {position:fixed; width : auto; height:auto; margin-left:150px;margin-top:100px;}
  265.  
  266.  
  267.  
  268. #frufru1 {height:70px; margin-top:-55px; margin-left:10px; position:fixed; text-align:left;}
  269. #frufru1 img { width:180px; height:180px; {block:IfOpacidade}opacity:0.9; -webkit-filter: grayscale(40%){/block:IfOpacidade};}
  270.  
  271.  
  272.  
  273.  
  274. #descryp {z-index:9;background:#000 transparent;padding:2px; margin-top:100px; margin-left:25px; padding:2px; text-align:Left; position:fixed; font-family:'capita'; font-size:14px; color:{color:descricao}; width:165px;}
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281. #links {width: 126px; height:24px; margin-top:255px; margin-left:0px; position:fixed; font-family:arial; text-align:center;background-color:#000;}
  282. #links a {line-height:20px; text-align: center; padding:2px; background-color:#fff; border: 1px solid #eee; color:#9c9c9c; font-size:8px; }
  283.  
  284.  
  285.  
  286.  
  287. .lado1 {position: fixed; z-index:1000; width: 1px; height:750px; background-color: #aaa; top: 0px; left:355px;}
  288.  
  289.  
  290. /*—-♥—-Menu Riscado por C4-pacitada pegar credite ao HelpDesigns! [helpdesigns]—-♥—-*/
  291.  
  292. #isinha {z-index:999999999999999;position: fixed; width:50px; margin-left:25px; margin-top:255px; padding: 0px; text-align: center;}
  293.  
  294. #isinha a {float: left; display: block; letter-spacing:2px; font-size:11px; font-family:Calibri; text-align: center; margin-bottom:2px; margin-left:2px; color:#44444; text-decoration: none; line-height:16px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; height:20px;width:40px}
  295.  
  296. #isinha a:hover { -webkit-transition: all 0.9s ease-out;opacity:0.8; color:#000; font-weight:calibri;-webkit-transition: all 0.9s ease-out;text-decoration:line-through}
  297.  
  298. /*proibida qualquer copia, ou plagios*//*não remova os créditos*/
  299.  
  300.  
  301.  
  302.  
  303. </style>
  304. <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
  305.  
  306.  
  307. </style>
  308. </style>
  309. <body>
  310.  
  311.  
  312. <div id="sidebar">
  313.  
  314.  
  315.  
  316.  
  317.  
  318. <div id="frufru1"><img src="https://40.media.tumblr.com/f5a75f90cb6f2db821d9ff2231160276/tumblr_niaj15hxmJ1u6v2u4o1_250.png"></div>
  319.  
  320.  
  321. <div id="descryp">{description} </div>
  322.  
  323.  
  324. <div class="lado1"></div>
  325.  
  326.  
  327.  
  328. <div id="isinha">
  329. <a href="{text:link1}">{text:link1 title}</a>
  330. <a href="{text:link2}">{text:Link2 Title}</a>
  331. <a href="{text:link3}">{text:link3 Title}</a>
  332. <a href="{text:link4}">{text:link4 title}</a>
  333. </div></div>
  334. </div>
  335.  
  336.  
  337.  
  338.  
  339. </div></div>
  340.  
  341.  
  342.  
  343.  
  344. </div>{block:IfRolagemInfinita}<div class="autopagerize_page_element">
  345. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita} <div id="entry"> <div class="autopagerize_page_element">{block:Posts}<div class="posts">
  346.  
  347. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<h2>{body}</h2>{/block:Text}
  348.  
  349. {block:Photo}<div class="image"><img src="{PhotoURL-400}"></div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photo}
  350.  
  351. {block:Photoset}<div class="photoset">{Photoset-400}</div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photoset}
  352.  
  353. {block:Quote}<div class="quote">{Quote}</div><br><div class="sorc">{Source}</div>{/block:Quote}
  354.  
  355. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
  356.  
  357. {block:Chat}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  358.  
  359.  
  360. {block:Audio}<div class="audio">{block:AlbumArt}<img src="{AlbumArtURL}" width="85px" height="85px" align="left" style="margin-left:0px; -webkit-filter: grayscale(40%); opacity: 0.8; border: 1px solid #ededed; padding: 3px;" />{/block:AlbumArt}
  361. <div class="audioplayer" style="margin-left:50px;">{AudioPlayerWhite}</div>
  362. <div class="audioinfo">
  363. {block:TrackName}Song: {TrackName}{/block:TrackName}<br>
  364. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  365. {block:Album}Album: {Album}{/block:Album}</div></div>{/block:Audio}
  366.  
  367.  
  368. {block:Video}{Video-400}{/block:Video}
  369.  
  370.  
  371.  
  372. {block:Answer}<div class="boxask">{Question}</div>
  373. <div class="seta"></div><br>
  374. <div class="perguntou"><img src="{AskerPortraitURL-24}" border="0" align="left"/>&nbsp;&nbsp;
  375. {Asker}:</div><br>
  376. <div class="resposta">{Answer}</div>
  377.  
  378. {/block:Answer}
  379.  
  380.  
  381. <div id="captt">
  382.  
  383. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div></div><br>
  384.  
  385. {block:Date}<div id="info"><left> <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> ♥ {block:Date}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}{block:IndexPage} ↻ <a href="{ReblogUrl}" target="_blank">Compartilhe</a>{/block:IndexPage}</div>{/block:Date}</div>
  386.  
  387. {/block:Posts}</div></div></div></div></div>
  388.  
  389.  
  390. </body>
  391. </html>
Advertisement
Add Comment
Please, Sign In to add comment