Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!------
- theme made by mary @stilesflop
- (oficinadehtml.tumblr.com)
- ------->
- <link rel="shortcut icon"{favicon}">
- <title>{title}</title>
- <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
- <!-- start of script tooltip -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- end of script tooltip -->
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#939394"/>
- <meta name="color:Menu" content="#f54e4e"/>
- <meta name="color:Menu Hover" content="#8f9191"/>
- <meta name="color:Info letter" content="#ffffff"/>
- <meta name="image:Sidebar" content="http://static.tumblr.com/4a5c10a7a971bbbdd562766103bf3183/nqcm3ld/03Smymrj0/tumblr_static_tumblr_inline_my6oigh1hh1s2tyft.png"/>
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 1 Text" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 2 Text" content=""/>
- <meta name="text:Link 3" content=""/>
- <meta name="text:Link 3 Text" content=""/>
- <meta name="text:Link 4" content=""/>
- <meta name="text:Link 4 Text" content=""/>
- <meta name="text:title" content="tumblr name" />
- <style>
- body{background:{color:background}; color: {color:text}; font-family: 'News Cycle', sans-serif; font-size:14px; width:700px; margin-left:auto; margin-right:auto; text-align:justify; margin-top: 50px;}
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Menu};
- }
- ::-webkit-scrollbar {
- height:5px;
- width:10px;
- background-color:#eee;
- }
- a:link,a:active,a:visited { color: {color:text}; text-decoration: none; -webkit-transition-duration: .50s;}
- a:hover { color: {color:Info};}
- b, strong {color: #000000; text-decoration: none;}
- s {color: #000000;cursor: help;}
- i {color: #000000; text-decoration: none;}
- u, underline {color: #000000; text-decoration: none; border-bottom: 1px dashed #000000;}
- h1 {color: {color:text}; font-family: 'News Cycle', sans-serif; font-size:25px; line-height:30px; margin:0px; padding:0px; margin-bottom:-0px; text-align:justify; letter-spacing: 1px;}
- h2 {color: {color:text}; font-family: 'News Cycle', sans-serif; font-size:35px; line-height:25px; margin:0px; padding:0px; margin-bottom:-0px; text-align:justify; letter-spacing: 1px;}
- .side {color: 000; margin-bottom: 25px; padding: 5px; width: 138px; text-align: justify; position: fixed; top:-5px; font-family: arial; font-size:10px; margin-left:545px; height:100%; background:#fff; padding-top:80px;}
- .posts {background: #ffffff;color: {color:text}; padding: 5px; width:500px; margin-left:0px; margin-top: 20px;}
- .info {color: {color:Info letter}; text-align:center; width:495px; padding:5px; margin-left:0px; border-top:1px solid #eee; border-bottom:1px solid #eee; text-transform: uppercase; font: 11px 'verdana'; margin-top:10px;}
- .info a {color: {color:Info letter};}
- .menu{text-align: center; text-decoration: none;}
- .menu a{text-transform:uppercase!important; padding: 3px; display: inline-block; background:{color:background}; margin-top: 5px; font-size: 12px; color: {color:Menu}; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; border-radius:0px; width:100%; border-bottom:1px solid #eee; font-family: 'News Cycle', sans-serif; letter-spacing: 2px;}
- .menu a:hover{letter-spacing: 4px;}
- blockquote {font-size: 11px; font-family: 'verdana'; color: {color:text}; background: #ffffff; border-left:3px solid {color:Border}; padding-left:5px;}
- .pics {width:120px; border:1px solid #eee; padding:8px; }
- .nome {color: {color:Menu}; font-family: 'News Cycle', sans-serif; font-size:22px; text-align:center; margin-bottom:10px; padding:5px; letter-spacing:5px; text-transform: uppercase; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; border:0px solid {color:Menu}; background:#fff;}
- .pagn {font-family: 'News Cycle', sans-serif; font-size:22px; color: {color:Menu};}
- .pagn a {color: {color:Menu};}
- .desc {margin-bottom:6px; padding:5px; letter-spacing:1px; text-transform: uppercase; text-align:justify; font-size:10px; background:{color:background}; color: {color:text}; margin-top:12px; font-family: 'News Cycle', sans-serif;}
- #s-m-t-tooltip {
- max-width:300px; /* maximum width */
- background-color:#ffffff; /* color background */
- border:1px solid #eee; /* color, shape and thickness of the border */
- font-size:10px; /* font size */
- color:#363636; /* font color */
- letter-spacing:1px; /* font spacing */
- text-transform:lowercase; /* uppercase, lowercase, none */
- padding:3px; /* padding size */
- margin:20px 0px 0px 20px; /* margin size */
- z-index:9999999999999999999999;
- border-radius: 2px; /* border radius */
- }
- </style>
- </head>
- <body>
- <div class="side">
- <div class="nome">
- {text:title}
- </div>
- <img src="{image:Sidebar}"class="pics">
- <div class="desc">{description}</div>
- <div class="menu">
- <a href="/" class="menus">refresh</a>
- <a href="{text:Link 1}" class="menus">{text:Link 1 Text}</a>
- <a href="{text:Link 2}" class="menus">{text:Link 2 Text}</a>
- <a href="{text:Link 3}" class="menus">{text:Link 3 Text}</a>
- <a href="{text:Link 4}" class="menus">{text:Link 4 Text}</a>
- </div>
- <center>
- <div class="pagn">
- {block:PreviousPage}
- <a href="{PreviousPage}"> ← </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"> → </a>
- {/block:NextPage}
- </div>
- </center>
- </div>
- </div></div></div></div>
- <div class="post">
- {block:Posts}
- <!--TEXTOS-->
- {block:Text}<div class="posts">
- {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
- <div>{Body}</div>
- </div>{/block:Text}
- <!--PERGUNTAS E MENSAGENS-->
- {block:Answer}<div class="posts">
- {Question}
- <strong>@{Asker}</strong><br />
- {Answer}
- </div>{/block:Answer}
- <!--LINKS-->
- {block:Link}<div class="posts">
- <a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}{Description}{/block:Description}
- </div>{block:Link}
- <!--FOTOS-->
- {block:Photo}<div class="posts">
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center>
- {block:Caption}{Caption}{/block:Caption}
- </div>{/block:Photo}
- {block:Photoset}
- <div class="post photoset">
- <img src="{Photoset-500}"/>
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Photoset}
- <!--FRASES-->
- {block:Quote}<div class="posts">
- <h1>❝{Quote}❞</h1>
- {block:Source}— {Source}{/block:Source}
- </div>{/block:Quote}
- <!--DIALOGOS-->
- {block:Chat}<div class="posts">
- {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
- <table>
- {block:Lines}
- <tr>
- {block:Label}<td class="name">{Label}</td>{block:Label}
- <td class="words">{Line}</td>
- </tr>
- {/block:Lines}
- </table>
- </div>{/block:Chat}
- <!--MUSICAS-->
- {block:Audio}<div class="posts">
- <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
- <center>{AudioPlayerWhite}</centeR>
- {block:Caption}{Caption}{/block:Caption}<br />
- </div>{/block:Audio}
- <!--VIDEOS-->
- {block:Video}<div class="posts">
- <center>{Video-400}</center>
- {block:Caption}{Caption}{/block:Caption}<br />
- </div>{/block:Video}
- <div class="info"><small>{TimeAgo} with {NoteCount} notes • <a href="{ReblogURL}" target="_blank">Reblog</a> • <a href="{Permalink}"> Like </a></small></div>
- <div class="tags"><small></small></div>
- {/block:Posts}</div></div><br><br>
- </div></div></div></div></div></div></div></div></div></div></div>
- <div style="bottom:30px;right:20px;position:fixed;font-size:12px; padding:5px;"><a href="http://oficinadehtml.tumblr.com" title="© THEME BY MARY | @stilesflop">THEME</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement