Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Theme por Gabs Sperandeo, html-deumarebelde. PLAGIO É CRIME! -->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head profile="http://gmpg.org/xfn/11">
- <head>
- <link href='http://static.tumblr.com/5dbytsa/lpvme5z4x/shake.css' rel='stylesheet' type='text/css'>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- Cores do Appearance -->
- <meta name="image:imgside200x200" content="" />
- <meta name="color:Main Background" content="#f6f6f6"/>
- <meta name="color:Title Background" content="#f6f6f6"/>
- <meta name="color:Title Border" content="#f6f6f6"/>
- <meta name="color:Heading Color" content="#f6f6f6"/>
- <meta name="color:Image Background" content="#f6f6f6"/>
- <meta name="if:Show notes" content="1">
- <meta name="color:letraside" content="#626262" />
- <meta name="image:minigif" content="http://rs774.pbsrc.com/albums/yy22/nbpixel/mini_pixel/Cat_lai3elle_2.gif~c200" />
- <meta name="color:text" content="#000000" />
- <meta name="color:post" content="#f6f6f6" />
- <meta name="color:links" content="#d15e5e" />
- <meta name="color:linkvisited" content="#e73d2d" />
- <meta name="color:linkshover" content="#000" />
- <meta name="color:titleposts" content="#939393" />
- <meta name="color:negrito" content="#868686" />
- <meta name="color:italico" content="#c6c6c6" />
- <meta name="color:sublinhado" content="#e73333" />
- <!-- Links appearance, etc -->
- <meta name="text:Link1 Title" content="home" />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link2 Title" content="nome" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link3 Title" content="nome" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link4 Title" content="nome" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link5 Title" content="nome" />
- <meta name="text:Link5" content="/" />
- <meta name="color:cordafrase" content="#e73333" />
- <meta name="text:frase1" content="suafrase" />
- <meta name="color:hoverdescrip" content="#e73d2d" />
- <!-- Fontes Personalizadas -->
- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
- <!-- fim -->
- <!-- favicon/title -->
- <title>{title}</title>
- <link rel="shortcut icon" href="{image:minigif}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!-- fim -->
- <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script>
- <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/AEwm171ey/jquery.lettering.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/rejm171fx/jquery.easing.1.3.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/2rOm171gi/jquery.hoverword.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- $('#sl_menu').find('li:not(:last) > a')
- .hoverwords({ overlay:true })
- .end()
- .find('li:last > a')
- .hoverwords({ overlay:true , dir:'rightleft' });
- $('#example1').hoverwords({ delay:50 });
- $('#example2').hoverwords();
- $('#example3').hoverwords();
- $('#example4').hoverwords({ overlay:true});
- $('#example5').hoverwords({ delay:60 });
- });
- </script>
- <!-- Rolagem infinita por bombastic design -->
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- </head>
- <style type="text/css" media="screen">
- /* - Corpo ---------- */
- body {text-align:justify; color: {color:Text Color}; font-size: 8px; font-family: Arial; background: {color:Main Background};}
- /***negrito, itálico e blabla***/
- b, strong {color: {color:negrito}; text-decoration: none; cursor: help;}
- s {color: #939393;cursor: help;}
- i {color: {color:italico}; text-decoration: none;cursor: help;}
- u, underline {color: {color:text color}; text-decoration: none; border-bottom: 1px dashed {color:sublinhado};cursor: help;}
- /* - Links ---------- */
- a {color: {color:links}; text-decoration: none;}
- a:visited {{color:Linkvisited}; }
- a:hover {{color:Linkshover};}
- /* - Blockquote ---------- */
- blockquote {margin-bottom: 5px; padding: 3px; background: #f4f4f4; margin-top: 5px; margin-left: 2px; margin-right: 2px; border-left: 6px solid #999;}
- /* --- sidebar - */
- #sidebar {background: {color:sidebar};
- width: 290px;
- float: left;
- color: {color:letraside};
- position: relative;
- margin-left: 10px;
- margin-bottom: 20px;
- margin-top: 10px;}
- /* --- SIDEBAR ------- */
- #sidebar { width: 200px; float: left: ; position: fixed; margin-top: 340px; margin-left: 100px;}
- .side {background: #transparent; padding: 7px;text-align: justify; color: {color:letraside}; margin-bottom: 5px; margin-top: 30px; margin-left: 10px;}
- /* --- SIDEBAR title ------- */
- #sidebar2 { width: 220px; float: left: ; position: fixed; margin-top: 5px; margin-left: 20px;}
- .side2 {background: #transparent; padding: 7px;text-align: justify; color: {color:letraside}; margin-bottom: 5px; margin-top: 30px; margin-left: 10px;}
- /* --- SIDEBAR DO MENUZIN ------- */
- #menuzin { width: 450px; float: left: ; position: fixed; margin-top: 300px; margin-left: -100px;}
- .menuzin {background: {color:sidebar}; padding: 7px;text-align: justify; color: {color:letraside}; margin-bottom: 5px; margin-top: 30px; margin-left: 10px;}
- /* - Theme em Tableless TTHY - */
- #pagina{width: 800px; margin-left: 140px; auto; margin-top: 100px; auto;}
- #posts{width: 550px; margin-top: 0px; float: right;}
- #seemore{width: 80px; margin-top: -70px; margin-left: 50px; float: left; position: fixed;}
- #imgside { width: 200px; height: 200px; float: left: ; position: fixed; margin-top: 100px; margin-left: 100px;}
- .caixa {background: {color:sidebar}; overflow: hidden; padding: 25px;font-family: 'Open Sans Condensed', sans-serif;font-size: 8pt;color: {color:Text Color};text-align: justify;outline: 0px solid #; margin-top: -65px; margin-bottom: 10px;}
- .caixasm {background: #f4f4f4; overflow: hidden; padding: 7px;font-family: "04b03";
- font-size: 8px;
- text-transform: uppercase; color: #c6c6c6;text-align: justify;outline: 0px solid #; margin-top: 10px; margin-bottom: 10px; -moz-border-radius: 2px; -webkit-border-radius: 6px;}
- /*** Quote estilo por: things-to-help-you***********/
- .quote {font-family: 'Play', sans-serif; font-size: 14px; text-align:justy; padding: 4px; color: #ccc; }
- .quotem {overflow: hidden; padding: 5px; background: #ececec; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
- .bottomq {background: url('http://static.tumblr.com/ifqwhnb/RuHm5dmv4/bottomquote.png') no-repeat; width: 69px; height: 19px; margin-left: 30px; margin-bottom: 10px;}
- .ci {color: #fff; display: inline-block;background: #e73d2d; padding: 3px; margin-left: 20px; margin-top: -14px; margin-bottom: 10px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
- .ci a {color: #939393;}
- .ci a:hover {color: #303030;}
- /*-Título personalizado TTHY-*/
- .h1 {line-height: 27px;
- border: none;
- font-style: normal;
- font-size: 8px;
- color: {color:Heading Color};
- letter-spacing: 4px;
- background: #f4f4f4;
- padding: 10px;
- margin-left: 176px;
- display: block;
- margin-top: 0px;
- font-family: "04b03";
- font-style: ;
- text-shadow: 0px 0px 0px #;}
- /*-Título das postagens personalizado TTHY-*/
- .ht1 {line-height: 27px;
- border: none;
- font-style: normal;
- font-size: 27px;
- color: {color:titleposts};
- letter-spacing: 1px;
- background: #f4f4f4;
- padding: 10px;
- margin-left: 16px;
- display: block;
- margin-top: 0px;
- font-family: 'Open Sans Condensed', sans-serif;
- font-style: ;
- text-shadow: 0px 0px 0px #;}
- /*- frase side px-*/
- .fsidpx {font-family: "04b03";
- font-size: 8px;
- text-transform: uppercase;}
- /*- fonte do title -*/
- .descipsid2 {font-family: 'Quicksand', sans-serif;
- font-size: 12px;
- color: #868686;
- }
- /*- deco do titulo -*/
- .descipsid2d {color: #e73d2d;
- }
- /* --- Estilo de ask por html-party --- */
- .ask {
- padding:10px;
- background-color:#fff;
- color:#000;
- text-align:justify;
- font-family:calibri;
- font-size:11px;
- border-bottom:3px solid #000;
- max-width:100%;
- }
- .asker {
- margin-left:10px;
- margin-top:22px;
- }
- .asker img {
- border:6px solid {color:#969696};
- }
- /* --- Reblogue e outros TTHY ------------------------------- */
- .reblogue{
- margin-top: -25px;
- margin-left: 145px;
- position: absolute;
- opacity: 0;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- }
- .caixa:hover .reblogue{
- opacity: 1;
- margin-left: 198px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- }
- .likep a:hover {
- background-position: 0px 0px;
- }
- .likep a {
- background: url("http://static.tumblr.com/8yo5xxv/hDOm5ooyh/heart.png") no-repeat;
- background-position: 0px 0px;
- z-index: 9999999;
- -webkit-transition: all 0s linear;
- -moz-transition: all 0s linear;
- transition: all 0s linear;
- margin-top: -22px;
- margin-left: 28px;
- display: inline-block;
- position: absolute;}
- .likep img {
- width: 21px;
- height: 20px;
- webkit-transition: all 0.2s linear;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- #likeiframe {
- display: none;
- }
- .notas{
- margin-top: -25px;
- margin-left: 55px;
- position: absolute;
- opacity: 0;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- }
- .caixa:hover .notas{
- opacity: 1;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- margin-left: 5px;}
- .notas a{
- background: rgba(0,0,0,0.5);
- padding: 3px 4px 2px 4px;
- font-family: Trebuchet MS;
- font-weight: bold;
- text-align: center;
- display: inline-block;
- color: #fff;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- font-size: 10px;
- }
- /* Chat por Anna *********/
- .chat {background: #e73d2d; margin: 0; font-size:
- 11px; font-family: Verdana;}
- .chat .lines {margin-left: 0; background: #e5b4ae; color:
- #b63434; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
- .chat .lines span{font-weight: bold;}
- /* Efeito Shake by: SEASON HTML */
- .shakefct {-webkit-animation: shake 1500ms alternate infinite linear;-moz-animation: shake 1500ms alternate infinite linear;}
- /* --- Faixa Frase 1 ------- */
- #faixafrase1 {width: 200px; height: 20px; float: left: ; position: fixed; margin-top: 260px; margin-left: 265px;}
- .faixafrase1c {background: #transparent; padding: 7px;text-align: justify; color: {color:cordafrase}; margin-bottom: 5px; margin-top: 30px; margin-left: 10px;}
- /*—-♥—-Efeito Duplicate por c4-pacitada pegar credite! [helpdesigns]—-♥—-*/
- .imagem {position: absolute; width:200px; height:200px; margin-left:30px; margin-top:-20px;position:fixed; padding:5px; padding:10px; -webkit-transform: rotate(-0deg);}
- .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out; /*—-♥—-by c4-pacitada —-♥——*/webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; /*—-♥—-by c4-pacitada*/ height:200px; width: 200px;margin-left:0px; margin-top:0px; opacity:1;border:1px solid #aaa}
- .imagem img.top { opacity:0.9;}
- .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0.2;-webkit-transform: rotate(-10deg);}
- .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray;-webkit-transform: rotate(10deg)}
- /*proibida qualquer copia, ou plagios*//*não remova os créditos*/
- /*******usar credite ao helpdesigns **********/
- #links {width: 190px; padding: 2px;margin-left: 280px; height:15px; margin-top: -260px; position: fixed;}
- #links a {float: left; display: block; width: 30px; font-family:calibri; font-size: 50px; text-transform: lowercase; text-decoration: none; -webkit-transition: all 0.4s ease-out;margin-left: -10px;}
- #links a:hover{-webkit-transition: all .4s ease-in-out;-webkit-transform:scale(1.2);}
- #s-m-t-tooltip {max-width:300px; padding:3px 4px 5px 5px;margin:10px 10px;background-color:#fff; font: 8px PF Arma Five; letter-spacing:1px;text-transform:uppercase; color:#aaa; z-index:9999999;border:1px solid #eee;}
- /*******by futurasuicida usar credite a mim ou ao helpdesigns pegar sem credito vai ter porrada.*** *******/
- .frasezoom {text-align: center;font-family:'Quicksand'; font-size: 12px; font-style: none;height: 1px;color: {color:letraside};background:transparent; margin-left: 25px;margin-top:-20px; text-transform: none; letter-spacing: 1px;position:fixed;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;width:250px;line-height:12px; background-color:;}
- .frasezoom:hover{-webkit-transform:scale(1.5); -moz-transform:scale(1.1); opacity:0.5;-webkit-transition-duration: .59s;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; color: {color:hoverdescrip};}
- </style>
- <body onkeydown="return false">
- <!-- Script do menu bolis2 -->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <!-- fim do script -->
- <center>
- <div id="menuzin">
- <div id="links">
- <a href="{text:Link1}" title="{text:Link1 Title}" style="color:#f5d4d1">•</a>
- <a href="{text:Link2}" title="{text:Link2 Title}" style="color:#e5b4ae">•</a>
- <a href="{text:Link3}" title="{text:Link3 Title}" style="color:#e5a195">•</a>
- <a href="{text:Link4}" title="{text:Link4 Title}" style="color:#d15e5e">•</a>
- <a href="{text:Link5}" title="{text:Link5 Title}" style="color:#b63434">•</a>
- </div></div>
- </div>
- <div id="imgside">
- <div class=
- "imagem"
- class=
- "hover"
- >
- <img class=
- "bottom shadow"
- src=
- "{image:imgside200x200}"style="
- -webkit-filter: grayscale(20%);" >
- <img class=
- "top shadow"
- src=
- "{image:imgside200x200}"
- /></div>
- </div>
- </div>
- </div>
- </div>
- <div id="sidebar">
- <div class="frasezoom">
- {Description}
- </div>
- </div>
- <div id="sidebar2">
- <div class="descipsid2">
- <div class="descipsid2d">♫</div><i>{Title}</i>
- </div>
- </div>
- <div id="faixafrase1">
- <div class="faixafrase1c">
- <div class="fsidpx">
- <div class="shakefct">
- {text:frase1}
- </div>
- </div>
- </div>
- </div>
- <div id="pagina">
- <div id="posts">
- {block:Posts}
- <!-- TEXTOS -->
- {block:Text}
- <div class="caixa">
- {block:Title} <div class="ht1"><a href="{Permalink}">{Title}</a></div> {/block:Title}
- {Body}
- </div>
- {/block:Text}
- <!-- FOTO -->
- {block:Photo}
- <div class="caixa">
- {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
- {block:IndexPage}
- <div class="reblogue">
- <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
- <div class="likep"> <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>
- {block:NoteCount}<div class="notas">
- <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:NoteCount}
- {/block:IndexPage}
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Photo}
- <!-- PHOTOSET -->
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:Caption} {Caption} {/block:Caption}
- {/block:Photoset}
- <!-- QUOTE -->
- {block:Quote}
- <div class="caixa">
- <div class="quotem">
- <div class="quote">{Quote}</div>
- </div>
- <div class="bottomq"></div>
- <div class="ci">{block:Source}
- <div class="source">{Source}</div>
- {/block:Source}</div>
- </div>
- {/block:Quote}
- <!-- LINK -->
- {block:Link}
- <div class="caixa">
- <div class="ht1">~<a href="{URL}" {Target}>{Name}</a></div>
- {block:Description} {Description}{/block:Description}
- </div>
- {/block:Link}
- <!-- CHAT -->
- {block:Chat}
- <div class="caixa">
- {block:Lines}
- <div class="chat">
- <div class="lines">{block:Label}
- <span>{Label}</span>
- {/block:Label}
- {Line}</div></div>
- {/block:Lines}
- </div>
- {block:Chat}
- <!-- VIDEO -->
- {block:Video}
- <div class="caixa">
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Video}
- <!-- AUDIO -->
- {block:Audio}
- <div class="caixa">
- {AudioPlayerGrey}
- {block:TrackName}{TrackName}{/block:TrackName}
- {block:Artist}{Artist}{/block:Artist}
- {block:Album}{Album}{/block:Album}
- {block:PlayCount}{PlayCount}{/block:PlayCount}
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Audio}
- <!-- ASKS -->
- {block:Answer}
- <li class="post answer">
- <div class="ask">
- {Question}<br><div style="flot: right; position:absolute;margin-right:3px;margin-top:2px;"><img src="{AskerPortraitURL-30}"></div>
- </div>
- <div class="asker">
- <div style="text-transform:uppercase;font:12px 'cambria';position:absolute;margin-left:20px;margin-top:-20px;">{Asker} <3</div>
- </div>
- <p>
- <div style="font:11px 'cambria';">{Answer} </div>
- {/block:Answer}
- <!-- NOTES DO PERMALINK-->
- {block:PostNotes}
- <div class="caixa">
- {NoteCount}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- <div id="01" style="display:none;">
- <div class="caixa">
- <div class="h1"><i>®</i>Créditos</div>
- Obrigada à todos.<br> <b>Não retire os créditos, PLÁGIO É CRIME!</b><br>
- <div class="fsidpx">
- <i><a href="http://html-deumarebelde.tumblr.com/gabs">Gabrielle Sperandeo</a></i> -> Todo o theme.<br>
- <i>Things To Help You</i> -> MUITAS ajudas.<br>
- <i>Cantinho-html</i> -> Falso iFrame.<br>
- <i>Helpdesigns</i> -> Menu bolis 2, frase zoom e efeito duplicate.<br>
- <i>BombasticDesign</i> -> Rolagem infinita.<br>
- <i>Season-HTML</i> -> Efeito Shake.<br>
- <i>Tumblr</i> -> Por existir ♥.
- </div>
- </div>
- </div>
- <div id="seemore">
- <div class="caixasm">
- <a onClick="document.getElementById('posts').innerHTML=document.getElementById('01').innerHTML;" class="menu"> <i>See more.</i></a>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement