Advertisement
maliciadinha

Design 53 - 2c

Aug 4th, 2015
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.52 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. <!-- THEME BASE EXPLICATIVO POR FCKRAW.TUMBLR.COM
  5.  
  6. + DETALHES POR TITANIOS
  7.  
  8. + ADAPTADA POR WOSTOSA E PERIGOSEI
  9.  
  10. ♥♥ DESIGN POR MALICIADINHA, NÃO COPIE BABY ♥♥♥♥ DESIGN POR MALICIADINHA, NÃO COPIE BABY ♥♥ ♥♥ DESIGN POR MALICIADINHA, NÃO COPIE BABY ♥♥ ♥♥ DESIGN POR MALICIADINHA, NÃO COPIE BABY ♥♥ ♥♥ DESIGN POR MALICIADINHA, NÃO COPIE BABY ♥♥ ♥♥ DESIGN POR MALICIADINHA, NÃO COPIE BABY ♥♥ ♥♥ DESIGN POR MALICIADINHA ♥♥ -->
  11.  
  12. <a style="width:100px; font-size:8.5px; color:#4f4f4f;letter-spacing:1px; font-family:century gothic;position:fixed;bottom:30px;right:-5px;opacity:1.0;"<a href="http://www.sensurada.tumblr.com" title="design by sensurada, sem plágios"><font color=696969>SENSURADA</font><font color=#ffb8d8><big>✿</big></font></a>
  13.  
  14.  
  15. <html>
  16.  
  17.  
  18. <meta name="color:background" content="#ffffff" />
  19. <meta name="color:text" content="#000000" />
  20. <meta name="color:hovernotes" content="#706f6f" />
  21.  
  22. <meta name="text:frase" content="ela faz qualquer malandro babar" />
  23.  
  24. <meta name="image:sidebar" content="https://secure.static.tumblr.com/9a638bc989f8ee751364cfdff8174fe1/ddlzwbs/KKOnskh2p/tumblr_static_98fve95ei3gg8kkcg4w4wg0gc.jpg" />
  25. <meta name="image:background" content=""/>
  26.  
  27. <meta name="text:Link1" content="/" />
  28. <meta name="text:Link1 Title" content="start" />
  29. <meta name="text:Link2" content="/" />
  30. <meta name="text:Link2 Title" content="call" />
  31. <meta name="text:Link3" content="/" />
  32. <meta name="text:Link3 Title" content="candys" />
  33. <meta name="text:Link4" content="/" />
  34. <meta name="text:Link4 Title" content="designs" />
  35. <meta name="text:Link5" content="/" />
  36. <meta name="text:Link5 Title" content="xoxo" />
  37.  
  38.  
  39.  
  40.  
  41. <script type="text/javascript"
  42. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  44.  
  45. <html><head>
  46.  
  47. <title>{Title}</title>
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.  
  52. {block:IndexPage}<script type="text/javascript">Cufon.now(); </script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>{/block:IndexPage}
  53.  
  54. <style type="text/css">
  55.  
  56. body {background-color:#fff; background-image:url('x'); color: #000; font-family:century gothic; font-size:9.4px; text-align: justify; line-height:15px;}
  57.  
  58.  
  59. /*** hover ***/
  60.  
  61. div#qTip {margin-top:-5px; margin-left:15px; display:none; text-align:left; position:absolute; letter-spacing:0px; text-transform:lowercase; font-family:arial; font-size:8px; font-weight:bold; z-index:99; padding:1px 3px; line-height:13px; color:{color:links}; background:{color:links}; }
  62.  
  63.  
  64.  
  65.  
  66.  
  67. a {color: #000; text-decoration: none; text-transform: none;}
  68. a:hover {color: #000;}
  69.  
  70. p {margin: 6px 0 0 0}
  71.  
  72. blockquote {margin: 0px; padding-left: 0px; }
  73. blockquote img{width: 400px!important; text-align:justify;}
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. #container {width:640px; margin-top:10px; margin-left: 440px;}
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88. .posts {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; width:250px; padding:0px; margin-top:10px; margin-right:15px;position:relative; float:left; {block:PermalinkPage} width:400px;{/block:PermalinkPage};padding:5px;border:px solid #000;}
  89. .posts img{max-width:250px;min-width:auto; {block:PermalinkPage}max-width:500px; {/block:PermalinkPage};}
  90. .posts:hover {opacity:0.;-webkit-filter: grayscale(0%);}
  91.  
  92.  
  93.  
  94.  
  95. h1 {font-family:century gothic; font-size:10.499px; text-align:center;color:#000;line-height:18px; {block:PermalinkPage}padding:0px; {/block:PermalinkPage};padding:0px;font-weight: normal;}
  96. h1 a {color: #000;}
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103. .photoset {min-width:250px;}
  104. .source {display: none; color:transparent;}
  105.  
  106.  
  107.  
  108.  
  109.  
  110. .quote { font-family:century gothic; font-size:10.4px; letter-spacing:0px; line-height: 15px; text-align: justify; color: #000; background-color:#fff; padding:5px; font-weight: normal;}
  111.  
  112. .sorc { font-family:century gothic; font-size:9.5px; line-height: 9px; padding:3px; text-align: justify; color: #000; text-transform:; background-color:#fff; font-weight: normal;}
  113. .sorc a {text-transform: uppercase; color:#000}
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120. .posts .pergunta {background-color:#fff; font-family:century gothic; font-size:9px; color:; width:250px; border-bottom:1px dotted #ccc; padding:1px; outline:1px dotted #ccc;}
  121.  
  122.  
  123. .posts .pergunta a {color:#FFC1C1;font-family:century gothic; font-size:9px; width:5px; padding:0; }
  124.  
  125. .resposta {color:#000;font-family:century gothic; font-size:9px;}
  126. .resposta img {max-width:00%;height:auto;}
  127.  
  128.  
  129.  
  130.  
  131. #permalinks {width:400px; padding:16px; z-index:10; text-align:left; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; }
  132.  
  133. .sorce {text-transform:lowercase;padding:0px; width:250px; height:auto; background-color:#fff; text-align:right; position: absolute; color:#000; opacity:0;font-family:century gothic; font-size:8px;; display:block; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:2px; margin-left:-4px;}
  134. .sorce a{font-family:century gothic; font-size:8.8px;color:#000; text-transform:lowercase;}
  135. .sorce a:hover {color:{color:hovernotes}}
  136. .posts:hover .sorce {opacity:1; z-index:9; font-size:9px; text-transform:lowercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;text-transform:lowercase;margin-top:2px;}
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143. ::-webkit-scrollbar{width:5px;height:5px;}
  144. ::-webkit-scrollbar-button:start:decrement
  145. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  146. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  147. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  148. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  149.  
  150. </style><script type="text/javascript">
  151. $(window).load(function(){
  152. var $wall = $('#container');
  153. $wall.imagesLoaded(function(){
  154. $wall.masonry({
  155. itemSelector: '.posts',
  156. isAnimated : true
  157. });
  158. });
  159. $wall.infinitescroll({
  160. navSelector : "div#navigation",
  161. nextSelector : "div#navigation a#nextPage",
  162. itemSelector : '.posts',
  163. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  164. loadingText : " ",
  165. donetext : " ",
  166. extraScrollPx : 9000,
  167. bufferPx : 10000,
  168. debug : false,
  169. errorCallback: function() {
  170. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  171. }},
  172. function( newElements ) {
  173. var $newElems = $( newElements );
  174. $newElems.hide();
  175. $newElems.imagesLoaded(function(){
  176. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  177. });
  178. }); $('#container').show(500);
  179. });
  180. </script><style>
  181.  
  182. .tumblrAutoPager_page_separator,
  183. .tumblrAutoPager_page_info {display: none;}
  184.  
  185. #tumblr_controls{position: fixed!important}
  186. #tumblr_controls{position: fixed!important}
  187. #tumblr_controls{position: fixed!important}
  188. #tumblr_controls{position: fixed!important}
  189.  
  190. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197. /*** CONFIGURAÇÕES DA SIDEBAR
  198.  
  199.  
  200.  
  201. ***/
  202.  
  203.  
  204. #sidebar {position:fixed; width: auto; height:auto; margin-left:290px;margin-top:90px;; -webkit-transition-duration: 0.4s;}
  205.  
  206. #frufru {height:auto; margin-top:-55px; margin-left:-32px; position:fixed; text-align:left;z-index:6;}
  207. #frufru img { width:145px; height:190px;}
  208. #sidebar:hover #frufru {}
  209.  
  210. #frase {-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; z-index:9; background:transparent; width:150px; color:#000; height:9px; margin-top:130px; margin-left:-40px; text-align:center; position:fixed; font-family: century gothic; font-size:9px; padding:6px;}
  211. #sidebar:hover #frase {}
  212.  
  213. #bordinha {-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.5s ease-in-out;position:fixed; margin-left:-30px; margin-top:152px; width: 140px; height:2px; background-color:#E8E8E8; }
  214.  
  215. #bordinha2 {-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.5s ease-in-out;position:fixed; margin-left:-30px; margin-top:156px; width: 140px; height:1px; background-color:#E8E8E8; }
  216.  
  217.  
  218.  
  219. .linkss {position:fixed; margin-left:-8px;margin-top:80px; height:37px; width:90px; overflow:hidden; z-index:50000000000;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; padding:4px; text-align:left; background-color:#fff; opacity:0;}
  220.  
  221. .linkss:hover {-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;border-radius:2px;background:rgba(100,100,100,0.8); opacity:0;}
  222.  
  223. .linkss a {-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-left: 10px;width:90px; color:#000; font-family:century gothic; font-size:10px; text-transform:; opacity:0.8 ;text-align:left;}
  224.  
  225. .linkss a:hover {-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; color:#fff;text-shadow: 1px 2px 2px #696969; }
  226.  
  227. #sidebar:hover .linkss {opacity:0.6;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;;-webkit-transform: rotateX(360deg);}
  228.  
  229. </style><body>
  230.  
  231.  
  232. <div id="sidebar">
  233. <div id="frufru"><img src="{image:sidebar}"></div>
  234. <div id="frase">{text:frase}</div>
  235. <div id="bordinha"></div>
  236. <div id="bordinha2"></div>
  237.  
  238.  
  239.  
  240. <div class="linkss">
  241.  
  242. <a href="{text:Link1}">{text:Link1 Title}</a> <small>/</small>
  243. <a href="{text:Link2}">{text:Link2 Title}</a>
  244. <a href="{text:Link3}">{text:Link3 Title}</a> <small>/</small>
  245. <a href="{text:Link4}">{text:Link4 Title}</a>
  246. </div>
  247.  
  248.  
  249. </div>
  250. </div>
  251.  
  252.  
  253.  
  254.  
  255. <div id="container">{block:Posts}
  256.  
  257.  
  258. <!-- POSTAGEM DE TEXTO --->
  259.  
  260. {block:Text}
  261. <div class="posts">{block:Title}<h1>{Title}</h1>{/block:Title}{body}
  262. <!-- permalink --->
  263. <div class="sorce"><a href="{Permalink}">{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">reblog</a>{/block:IndexPage} </div>
  264. <!-- permalink ---></div>
  265. {/block:Text}
  266.  
  267. <!-- POSTAGEM DE TEXTO --->
  268.  
  269.  
  270.  
  271. <!-- POSTAGEM DE FOTO --->
  272.  
  273. {block:Photo}<div class="posts"><img src="{PhotoURL-500}">{block:IndexPage}
  274.  
  275. <!-- permalink --->
  276. <div class="sorce"><a href="{Permalink}">{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">reblog</a>{/block:IndexPage} </div>
  277. <!-- permalink ---></div>{/block:Photo}
  278.  
  279.  
  280. <!-- POSTAGEM DE FOTO --->
  281.  
  282.  
  283.  
  284. <!-- POSTAGEM DE PHOTOSET --->
  285.  
  286. {block:Photoset}<div class="posts"><center>{Photoset-250}</center>{block:IndexPage}<!-- permalink --->
  287. <div class="sorce"><a href="{Permalink}">{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">reblog</a>{/block:IndexPage} </div>
  288. <!-- permalink ---></div>{/block:Photoset}
  289.  
  290. <!-- POSTAGEM DE PHOTOSET --->
  291.  
  292.  
  293.  
  294. <!-- POSTAGEM DE QUOTE --->
  295.  
  296. {block:Quote}<div class="posts"><div class="quote">{Quote}</div><div class="sorc"><b>— {Source}</b></div>{block:IndexPage}
  297. <!-- permalink --->
  298. <div class="sorce"><a href="{Permalink}">{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">reblog</a>{/block:IndexPage} </div>
  299. <!-- permalink ---></div>
  300. {/block:Quote}
  301.  
  302. <!-- POSTAGEM DE QUOTE --->
  303.  
  304.  
  305.  
  306. <!-- POSTAGEM DE LINKS --->
  307.  
  308. {block:Link}
  309. <div class="posts">
  310. {block:IndexPage}<h1><a href="{URL}">{Name}</h1></a>{block:Description}{Description}{/block:Description}
  311. <!-- permalink --->
  312. <div class="sorce"><a href="{Permalink}">{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">reblog</a>{/block:IndexPage} </div>
  313. <!-- permalink ---></div>
  314. {/block:IndexPage}</div>{/block:Link}
  315.  
  316. <!-- POSTAGEM DE LINKS --->
  317.  
  318.  
  319.  
  320. <!-- POSTAGEM DE CHAT --->
  321.  
  322. {block:Chat}
  323. <div class="posts">
  324. {block:Title}<h1>{Title}</h1>{/block:Title}<div id="chat">{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}</div>{block:IndexPage}
  325. <!-- permalink --->
  326. <div class="sorce"><a href="{Permalink}">{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">reblog</a>{/block:IndexPage} </div>
  327. <!-- permalink ---></div>{/block:Chat}
  328.  
  329. <!-- POSTAGEM DE CHAT --->
  330.  
  331.  
  332.  
  333. <!-- POSTAGEM DE AUDIO --->
  334.  
  335. {block:Audio}
  336. <div class="posts">
  337. <center>{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}{block:Caption}{Caption} Played {PlayCount} times</center>{/block:Caption}<p>{block:IndexPage}
  338. <!-- permalink --->
  339. <div class="sorce"><a href="{Permalink}">{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">reblog</a>{/block:IndexPage} </div>
  340. <!-- permalink ---></div>{/block:Audio}
  341.  
  342. <!-- POSTAGEM DE AUDIO --->
  343.  
  344.  
  345.  
  346. <!-- POSTAGEM DE VIDEO --->
  347.  
  348. {block:Video}
  349. <div class="posts">
  350. {Video-250}{block:IndexPage}
  351. <!-- permalink --->
  352. <div class="sorce"><a href="{Permalink}">{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">reblog</a>{/block:IndexPage} </div>
  353. <!-- permalink ---></div>
  354. {/block:Video}
  355.  
  356. <!-- POSTAGEM DE VIDEO --->
  357.  
  358.  
  359.  
  360. <!-- POSTAGEM PERGUNTAS-RESPOSTAS --->
  361.  
  362. {block:Answer}
  363. <div class="posts"><div class="pergunta" style="margin-left:0px;"><a href="/" style="text-transform:lowercase; background:#fff; color:#EED5D2; padding-left:2px; padding-top:2px; padding-bottom:2px"><b>{Asker}: </b> </a> {Question}</div><div class="resposta" style=" margin-left:0px;">{Answer}</div>
  364. <!-- permalink --->
  365. <div class="sorce"><a href="{Permalink}">{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">reblog</a>{/block:IndexPage} </div>
  366. <!-- permalink ---></div>
  367. {/block:Answer}
  368.  
  369. <!-- POSTAGEM PERGUNTAS-RESPOSTAS --->
  370.  
  371.  
  372.  
  373.  
  374. {block:PostNotes}<div id="permalinks">{TimeAgo}{NoteCountWithLabel}{block:HasTags}{block:Tags}<a href="{TagURL}" style="margin-right:px;">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:PostNotes}{/block:posts}
  375.  
  376. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  377.  
  378.  
  379.  
  380. </body>
  381.  
  382.  
  383. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement