Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <!---------------------------------------------------------------------------
- BASE DO THEME FEITA POR WAJESTOU
- THEME FEITO POR: CARIOCASSO
- ----------------------------------------------------------------------------->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-- APPEARANCE -->
- <meta name="color:background" content="#eeeeee" />
- <meta name="color:text" content="#999999" />
- <meta name="color:side" content="#7b7b7b" />
- <meta name="color:bordas" content="#555555" />
- <meta name="text:descricao" content="uma descrição aqui desse tamanho, não ultrapasse se não vai bugar, tey e é nós" />
- <meta name="image:sidebar" content="" />
- <meta name="if: 5 colunas" content="1"/>
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 Title" content="HOME TO PAGE" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 Title" content="MESSAGE TO ME" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 Title" content="LITTLE THINGS" />
- <meta name="text:Link4" content="" />
- <meta name="text:Link4 Title" content="SUBMIT" />
- <title>{Title}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="stylesheet" href="http://static.tumblr.com/eil5ib9/z40o5c08u/.css"><script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"></link>
- <style type="text/css">
- /* BOTÕES DE FOLLOW, DASHBOARD DO THEME, NÃO MEXA NESSE CODIGO */
- iframe#tumblr_controls{top: 1px !important;margin: 0 0 0 0; right: 6px !important;position: fixed !important;z-index:52;}
- /* BACKGROUND E AFINS, CONFIGURAÇÕES TOTAIS DO THEME */
- body{background:{color:background}; color:{color:text}; font-family:'courier'; font-size:9px; text-align:left;}
- a {color:{color:text}; text-decoration:none;}
- /* NO CONTENT VC MUDA O LEFT E O TOP DOS POSTS, NÃO MEXA NO LEFT E TOP DA ENTRY */
- #content{float:left; margin-top:36px; margin-left:150px; width:1000px;
- padding-bottom:30px;{block:If5Colunas}{block:IndexPage} width:1200px; {/block:IndexPage}{/block:If5Colunas}}
- /* CODIGO DOS POSTS, AQUI VC PERSONALIZA OS POSTS */
- .entry {{block:indexpage} width:200px; -webkit-transition: all 2.0s ease-in-out; {/block:indexpage}width: 200px; float:center; position: fixed; top: 800px; background:{color:background}; margin-left:10px; margin-top:10px; padding:8px; border:1px solid {color:bordas}; box-shadow:2px 2px 0px {color:bordas}; font-family:courier; font-size:11px; text-align:center;}
- /* AQUI É O TAMANHO DAS IMAGENS NO POST, TEM QUE ESTAR IGUAL AO TAMANHO DA ENTRY, PARA FICAR TUDO CERTO */
- .entry img{max-width:200px; height:auto; transition:1s;}
- /* BLOQUEIO DA VIA E SOURCE DOS QUOTES */
- .vsanna{display:none;}
- /* CODIGO DOS NOTES DOS TEXTOS */
- .entry .linkspost {position: relative; text-align: center;width:208px; top:5px; height:14px; margin-left:-5px; border:1px solid #333;background:rgba(0,0,0,.4); }
- .entry .linkspost a {font-size:9px; letter-spacing:0px; font-family:courier; text-transform:uppercase;color:{color:text}; line-height:14px; }
- /* AQUI É O TEXTO DO THEME, OS TITULOS */
- texto{font-family:courier; font-size:11px; line-height:11px;text-transform:uppercase;}
- /* AQUI É O CORPO DOS TEXTOS, O QUE TIVER ESCRITO ABAIXO */
- frase{font-family:courier; font-size:11px;text-transform:uppercase;}
- /* CODIGO DOS NOTES DA FOTO */
- .entry .pht{position:absolute; left:18%; margin-top:-30px; width:132px; height:12px; opacity:0; transition:1s; padding:2px; border:1px solid #333;background:rgba(0,0,0,.4);font-size:9px; -webkit-transform: scale(0,0); text-transform:uppercase;}
- .entry:hover .pht{position:absolute; opacity: 0.9; transition:.7s; -webkit-transform: scale(1,1); }
- /* BLOCKQUOTE DOS TEXTOS (O QUE TEM NO CORPO DE UM TITULO) */
- blockquote {margin:0px; text-align:left; padding:4px;}
- /* PERSONALIZAÇÃO DA ASK, 1° CAIXA, COM A URL (HÁ OUTROS ESTILOS, ALGUMAS PESSOAS DISPONIBILIZAM) */
- .question {text-align:justify; color:{color:text};font-size:10px;font-family:courier; position: relative;min-height:auto;padding:2px 5px;margin-bottom:2px;margin-right:-10px; text-transform:uppercase; text-align:center; width:200px; background:rgba(0,0,0,.4); border-top:2px solid #333; border-left:2px solid #333; border-right:2px solid #333;margin-left:-7px; border-bottom:2px solid #333;}
- .question a {font-size: 10px; color:{color:text}; }
- /* A PERGUNTA DA ASK */
- .question2 {padding:2px; padding-left:-10px; padding-right:4px; font-family:courier; font-size:10px; text-transform:uppercase; margin-top:-2px; width:200px;margin-left:4px;text-align:left;}
- /* A RESPOSTA */
- .answer {margin-top: -4px; font-family:courier; font-size:10px; line-height:10px; text-transform:uppercase; margin-left:0px; text-align:left; padding-left:4px; padding-right:4px; width:191px; margin-top:-1px; border:1px solid #333;background:rgba(0,0,0,.4);}
- /* SELEÇÃO DO TEXTO DO THEME */
- ::selection {color:#000; background-color:gray;}
- /* BARRA DE ROLAGEM */
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:cor principal}; border: 1px solid {color:bordas} ;
- height:100px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:cor principal}; height:10px;}
- ::-webkit-scrollbar {height:0px; width:5px; background-color:{color:cor principal}}
- /* FOTO DO THEME */
- .foto{position:fixed; z-index:999;}
- .foto img {position:fixed; width:65px; height:64px; margin-left:6px; margin-top:173px; padding:4px; border:1px solid #333;background:#555; }
- /* TITULO DO THEME */
- #titulo {position:fixed; width:92px; height:40px; margin-top:152px; margin-left:202px; font-family:Impact; text-align:center; line-height:10px; padding:3px;font-size:16px; text-transform:uppercase;}
- /* LINKS DO THEME */
- .links1 {position:fixed; float:left; margin-left:11px; margin-top:178px; transition:1s; opacity:1; -webkit-transform: scale(0,0);}
- .links1 a {display:block; float:left; font-family:Calibri; font-size:10px; text-align:left; padding-left:3px; margin-bottom:0px; width:27px; height:31px; line-height:17px; background:#555; border:1px solid #777; text-transform: uppercase; transition:1s;}
- .links1 a:hover {box-shadow:inset 0px -33px 0px #444;color:white; transition:.9s;}
- .foto:hover .links1 {-webkit-transform: scale(1,1);}
- .links2 {position:fixed; float:left; margin-left:43px; margin-top:178px; transition:1s; opacity:1;-webkit-transform: scale(0,0);}
- .links2 a {display:block; float:left; font-family:Calibri; font-size:10px; text-align:left; padding-left:3px; margin-bottom:0px; width:28px; height:31px; line-height:17px; background:#555; border:1px solid #777; text-transform: uppercase; transition:1s; }
- .links2 a:hover {box-shadow:inset 0px 33px 0px #444;color:white; transition:.9s;}
- .foto:hover .links2 {-webkit-transform: scale(1,1);}
- .links3 {position:fixed; float:left; margin-left:11px; margin-top:211px; transition:1s; opacity:1;-webkit-transform: scale(0,0);}
- .links3 a {display:block; float:left; font-family:Calibri; font-size:10px; text-align:left; padding-left:3px; margin-bottom:0px; width:27px; height:29px; line-height:17px; background:#555; border:1px solid #777; text-transform: uppercase; transition:1s; }
- .links3 a:hover {box-shadow:inset 0px -33px 0px #444;color:white; transition:.9s;}
- .foto:hover .links3 {-webkit-transform: scale(1,1);}
- .links4 {position:fixed; float:left; margin-left:43px; margin-top:211px; transition:1s; opacity:1;-webkit-transform: scale(0,0);}
- .links4 a {display:block; float:left; font-family:Calibri; font-size:10px; text-align:left; padding-left:3px; margin-bottom:0px; width:28px; height:29px; line-height:17px; background:#555; border:1px solid #777; text-transform: uppercase; transition:1s; }
- .links4 a:hover {box-shadow:inset 0px 33px 0px #444;color:white; transition:.9s;}
- .foto:hover .links4 {-webkit-transform: scale(1,1);}
- .descricao{position:fixed; margin-left:2px; margin-top:270px; height:43px; width:82px; background:#555; border:1px solid #333; font-size:10px; font-family:Calibri; text-align:center; line-height:15px; text-transform:uppercase; -webkit-transform:scale(1,1); }
- .caixa{position:fixed; margin-left:4px; margin-top:250px; height:15px; width:77px; background:#555; border:1px solid #333; font-size:10px; font-family:Calibri; text-align:center; line-height:15px; text-transform:uppercase; -webkit-transform:scale(1,1); }
- .foto:hover .caixa {-webkit-transform: scale(1,1);}
- .titulo1{position:fixed;margin-left:20px;margin-top:75px;font-family:courier new;font-size:10px;z-index:99999999;opacity:0;color:#222;text-transform:uppercase;width:100px;}
- .links1:hover .titulo1 {opacity:1; transition:.8s;}
- .titulo2{position:fixed;margin-left:-20px;margin-top:75px;font-family:courier new;font-size:10px;z-index:99999999;opacity:0;color:#222;text-transform:uppercase;width:100px;}
- .links2:hover .titulo2 {opacity:1; transition:.8s;}
- .titulo3{position:fixed;margin-left:16px;margin-top:42px;font-family:courier new;font-size:9px;z-index:99999999;opacity:0;color:#222;text-transform:uppercase;width:100px;}
- .links3:hover .titulo3 {opacity:1; transition:.2s;}
- .titulo4{position:fixed;margin-left:-15px;margin-top:42px;font-family:courier new ;font-size:9px;z-index:99999999;opacity:0;color:#222;text-transform:uppercase;}
- .links4:hover .titulo4 {opacity:1; transition:.8s;}
- </style>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"
- />
- <meta name="viewport" content="width=820" />
- <!--- FONTES PERSONALIZADAS GOOGLE --->
- <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <body>
- <!-- AVISO: NÃO É PRA RETIRE OS DEVIDOS CRÉDITOS DO THEME, PLÁGIO É CRIME! -->
- <div id="exatu"><a href="http://cariocasso.tumblr.com/" target="_blank" title="DESIGN CARIOCASSO, 16/03/2016, NO COPY!">ORIGINAL<ed>cariocasso</ed></a></div>
- <!-- AVISO: NÃO É PRA RETIRE OS DEVIDOS CRÉDITOS DO THEME, PLÁGIO É CRIME! -->
- <!--- SIDE DO THEME --->
- <div style="position:fixed; background:{color:side}; border:4px solid {color:bordas}; margin-left:-15px; margin-top:-10px; height:1300px; width:105px;border-top:1px;"></div>
- <div style="position:fixed; background:{color:side}; border:4px solid {color:bordas}; margin-left:94px; margin-top:-10px; height:40px; width:3110px;border-top:1px;z-index:99;"></div>
- <!--- DESCRIÇÃO --->
- <div style="position:fixed; margin-left:3.5px; margin-top:274px; height:13px; width:80px;z-index:999;text-align:center;COLOR:#222;text-transform:uppercase;font-family:calibri;font-size:8px;z-index:9999;line-height:9px;">{text:descricao}</div>
- <!--- FOTO DO THEME --->
- <div class="foto"><img src="{image:sidebar}">
- <!--- CODIGO DO NAVIGATE + LINKS --->
- <div class="caixa"></div>
- <div class="descricao"></div>
- <div class="links1">
- <a href="{text:link1}"><div style="position:fixed; margin-left:4px; margin-top:7px;line-height:4px;color:#333;font-size:15px;"><i class="fa fa-home"></i></div></a>
- <div class="titulo1">{text:link1 title}
- </div>
- </div>
- <div class="links2">
- <a href="{text:link2}"><div style="position:fixed; margin-left:6px; margin-top:7px;line-height:4px;color:#333;font-size:13px;"><i class="fa fa-envelope"></i></div></a>
- <div class="titulo2">{text:link2 title}
- </div>
- </div>
- <div class="links3">
- <a href="{text:link3}"><div style="position:fixed; margin-left:4px; margin-top:7px;line-height:4px;color:#333;font-size:15px;"><i class="fa fa-tags"></i></div></a>
- <div class="titulo3">{text:link3 title}
- </div>
- </div>
- <div class="links4">
- <a href="{text:link4}"><div style="position:fixed; margin-left:4px; margin-top:7px;line-height:4px;color:#333;font-size:15px;"><i class="fa fa-cogs"></i></div></a>
- <div class="titulo4">{text:link4 title}
- </div>
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="entry">
- <!-- TEXTOS -->
- {block:Text}
- {block:Title}<texto>{Title}</texto>{/block:Title}
- <corpo>{body}</corpo>
- <div class="linkspost">
- <a href="{ReblogURL}"><a href="{ReblogURL}" target="_blank">Reblog this</a><font style="font-size:10px;margin-left:5px;color:green;"><i class="fa fa-retweet"></i></font></a> <a href="{Permalink}" title="{DayOfMonth}/{MonthNumberWithZero}"><font style="font-size:8px;margin-left:8px;color:red;"><i class="fa fa-heart"></i></font></a>
- <a href="{Permalink}"><font style="letter-spacing:0px">{NoteCount} notes</font></a>
- </div>
- {/block:Text}
- <!-- FOTOS -->
- {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- <div class="pht">
- <a href="{ReblogURL}"><a href="{ReblogURL}" target="_blank">Reblog</a><font style="font-size:10px;margin-left:5px;color:green;"><i class="fa fa-retweet"></i></font></a> <a href="{Permalink}" title="{DayOfMonth}/{MonthNumberWithZero}"><font style="font-size:8px;margin-left:8px;color:red;"><i class="fa fa-heart"></i></font></a>
- <a href="{Permalink}"><font style="letter-spacing:0px">{NoteCount} notes</font></a>
- </div>
- {/block:Photo}
- <!-- PHOTOSETS -->
- {block:Photoset}{Photoset}
- <div class="pht">
- <a href="{ReblogURL}"><a href="{ReblogURL}" target="_blank">Reblog</a><font style="font-size:10px;margin-left:5px;color:green;"><i class="fa fa-retweet"></i></font></a> <a href="{Permalink}" title="{DayOfMonth}/{MonthNumberWithZero}"><font style="font-size:8px;margin-left:8px;color:red;"><i class="fa fa-heart"></i></font></a>
- <a href="{Permalink}"><font style="letter-spacing:0px">{NoteCount} notes</font></a>
- </div>
- {/block:Photoset}
- <!-- QUOTES -->
- {block:Quote}
- <font style="font-family:courier; font-size:10px; text-transform:uppercase;text-align:center;">"{Quote}"</font>
- {block:Source}<center><font style="font-family:courier; font-size:8px; text-transform:uppercase">{Source}</font></center>{/block:Source}
- <div class="linkspost">
- <a href="{ReblogURL}"><a href="{ReblogURL}" target="_blank">Reblog this</a><font style="font-size:10px;margin-left:5px;color:green;"><i class="fa fa-retweet"></i></font></a> <a href="{Permalink}"></a><font style="font-size:9px;margin-left:8px;color:red;"><i class="fa fa-heart"></i></font></a>
- <a href="{Permalink}"><font style="letter-spacing:0px">{NoteCount} notes</font></a>
- </div>
- {/block:Quote}
- <!-- VIDEOS -->
- {block:Video}{block:Indexpage}<div style="max-width:190px; height:auto; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
- <div class="pht">
- <a href="{ReblogURL}" title="Reblog now!"><img style="float:left; margin-left:2px; border:1px solid #fff; opacity:.8; background: #fff; margin-top:2px; width:16px; " src="http://static.tumblr.com/nipbkt5/Eb9o1qwhe/reblogged.png" ></a>
- <a href="{permalink}" title="{NoteCount} likes"> <img style="float:left; border:1px solid #fff; opacity:.8; margin-left:2px; background: #fff; margin-top:2px; width:16px; " src="http://static.tumblr.com/nipbkt5/hwYo1qwk0/moree.png"></a>
- <a href="{Permalink}" title="{DayOfMonth}/{MonthNumberWithZero}"><img style="float:left; border:1px solid #fff; opacity:.8; margin-left:3px; background: #fff; margin-top:2px; width:16px; " src="http://static.tumblr.com/nipbkt5/e0Ko1qqvn/time.wjt.png"></a>
- </div>
- {/block:Video}
- <!-- LINKS -->
- {block:Link}
- <div class="text"><div class="title"><center><a href="{URL}" class="link" {Target}>{Name}</a></center></div> {block:Description}<div class="description">{Description}</div>{/block:Description}</div><br>
- <div class="linkspost">
- <a href="{ReblogURL}" title="Reblog now!" target="_blank"><font style="font-size:13px">↻</font></a> <a href="{Permalink}" title="{DayOfMonth}/{MonthNumberWithZero}"><font style="font-size:10px;">✚</font></a>
- <a href="{Permalink}"><font style="letter-spacing:0px">{NoteCount} notes</font></a>
- </div>
- {/block:Link}
- <!-- CHAT -->
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <ul>{block:Lines}
- <li class="person{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- <!-- ASKS -->
- {block:Answer}
- <div class="postd">
- <div class="question"><img style="float:left; left:38px; border:1px solid #555; margin-top:-1px; width:13px; border-radius:px;color:#999999;border-radius:50px; " src="{AskerPortraitURL-48}"></a> {Asker} asked:
- <a href="{Permalink}" target="_blank">
- </div>
- <div class="question2">{Question}</div>
- <div class="answer">{Answer}</div></div>
- <div class="linkspost">
- <a href="{ReblogURL}"><a href="{ReblogURL}" target="_blank">Reblog this</a><font style="font-size:10px;margin-left:5px;color:green;"><i class="fa fa-retweet"></i></font></a><font style="font-size:8px;margin-left:8px;color:red;"><i class="fa fa-heart"></i></font></a>
- <a href="{Permalink}"><font style="letter-spacing:0px">{NoteCount} notes</font></a>
- </div>
- {/block:Answer}
- {block:Audio}
- {AudioPlayer}
- {/block:Audio}
- <!-- BLOQUEIO VIA/SOURCE -->
- <div class="vsanna">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}">source</a>
- {/block:ContentSource}
- </div>
- </div>
- {/block:Posts}
- </div>
- <!-- SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
- <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
- <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
- <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "div#navigation",
- nextSelector : "div#navigation a#nextPage",
- itemSelector : ".entry",
- bufferPx : 10000,
- extraScrollPx: 11000,
- loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
- loadingText : "carregando",
- },
- // call masonry as a callback.
- function() { $('#content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- <!-- FIM DO SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
- <!-- ROLAGEM INFINITA PARA TEMA EM GRADE -->
- {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}
- <!-- FIM - ROLAGEM INFINITA PARA TEMA EM GRADE -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement