Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:background" content="#fafafa">
- <meta name="color:text" content="#999">
- <meta name="color:borders" content="#f1f1f1">
- <meta name="color:accent" content="#e7a297">
- <meta name="color:links" content="#666">
- <meta name="color:links hover" content="#aaa">
- <meta name="image:avatar" content="">
- <meta name="text:link1" content="/">
- <meta name="text:link1 name" content="link">
- <meta name="text:link2" content="/">
- <meta name="text:link2 name" content="link">
- <meta name="text:link3" content="/">
- <meta name="text:link3 name" content="link">
- <meta name="text:link4" content="/">
- <meta name="text:link4 name" content="link">
- <meta name="text:link5" content="/">
- <meta name="text:link5 name" content="link">
- <meta name="text:link6" content="/">
- <meta name="text:link6 name" content="link">
- <meta name="text:link7" content="/">
- <meta name="text:link7 name" content="link">
- <meta name="text:link8" content="/">
- <meta name="text:link8 name" content="link">
- <meta name="text:link9" content="/">
- <meta name="text:link9 name" content="link">
- <meta name="" content="">
- <meta name="" content="">
- <meta name="" content="">
- <meta name="" content="">
- <meta name="" content="">
- <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"><body>
- <style>
- body {
- background:{color:background};
- color:{color:text};
- font: 8pt arial;
- overflow-x: hidden;
- text-align: justify;
- }
- #center {width:660px;
- margin:auto;
- margin-top:80px;
- }
- .posts {width:522px;
- float:right;margin-top:60px;
- }
- .box {background:#fff;
- border-left:1px solid {color:borders};
- border-right:1px solid {color:borders};
- padding:10px;
- border-top:1px solid {color:borders};
- margin-top:-11px;
- padding-top:5px;
- }
- h1 {border-left:1px solid {color:borders};
- border-top:1px solid {color:borders};
- border-right:1px solid {color:borders};
- border-radius:5px 5px 0px 0px;
- font-family: 'roboto';
- text-transform:uppercase;
- font-size:12px;
- letter-spacing:3px;
- padding:10px;
- border-bottom:1px solid {color:borders};
- color:{color:accent};
- background:#fff;
- display:block;
- }
- .enter {border-left:1px solid {color:borders};
- border-top:1px solid {color:borders};
- border-right:1px solid {color:borders};
- border-radius:5px 5px 0px 0px;
- padding:10px;
- background:#fff;z-index:999;
- border-bottom:1px solid #fff;
- display:block;}
- .boximg {border-left:1px solid {color:borders};
- border-top:1px solid {color:borders};
- border-right:1px solid {color:borders};
- border-radius:5px 5px 0px 0px;
- border-bottom:1px solid {color:borders};
- background:#fff;
- padding:10px;
- display:block;
- margin-bottom:10px;
- }
- .info {background:#fff;
- border-left:1px solid {color:borders};
- border-right:1px solid {color:borders};
- border-bottom:1px solid {color:borders};
- border-top:1px solid {color:borders};
- padding:10px;
- min-height:22px;
- display:block;
- border-radius:0px 0px 5px 5px;
- margin-bottom:30px;
- }
- .first {
- min-height:20px;
- float:left;
- }
- bb {display:block;
- font-size:9px;
- font-weight:bold;
- margin-bottom:3px;
- }
- a {color:{color:links}}
- a:hover {color:{color:links hover};}
- cc {font-size:9px;}
- a {text-decoration:none;}
- .2nd {float:right;
- text-align:right;
- }
- dd {display:block;
- text-align:right;font-size:9px;
- font-weight:bold;
- }
- ee {display:block;
- font-size:9px;
- text-align:right;
- }
- dd a, ee a {color:{color:text};}
- blockquote {margin:0px;
- border-left: 2px solid {color:accent};
- padding:10px;
- background:{color:background};
- display:block;
- }
- small {font-size:8pt;}
- .quoteinner {
- letter-spacing:0.1em;
- line-height:1.5;
- font-size:13px;
- }
- .quoteinner .quote-source {
- font-size:9px;
- margin:10px 0;
- text-align:right;
- }
- ul.chat, .chat ol, .chat li {
- list-style:none;
- padding:0;
- margin:15px 0;
- }
- #sidebar {
- position:fixed;
- width:110px;
- }
- .imgava {padding:4px;
- background:#fff;
- border:1px solid {color:borders};
- border-radius:50px;
- z-index:999;
- display:block;
- }
- .imgava img {border-radius:50px; z-index:999;}
- .titledesc {
- z-index:0;
- margin-top:-50px;
- display:block;
- background:#fff;
- padding:6px;
- padding-top:50px;
- border:1px solid {color:borders};
- border-top:none;
- text-align:center;
- }
- hv {font-family: 'roboto';
- text-transform:uppercase;
- font-size:12px;
- letter-spacing:3px;
- padding:4px;
- border-bottom:1px solid {color:borders};
- color:{color:accent};
- font-weight:bold;
- margin-bottom:4px;
- display:block;
- text-align:center;
- }
- /* --- ROLL --- */
- ::-webkit-scrollbar-thumb {height:auto;background-color: #fff;border: 4px solid {color:accent};}
- ::-webkit-scrollbar {height:9px;width:9px;background-color:#fff;border: 2px solid #fff}
- .men {
- text-align:center;
- display:block;
- word-spacing:-1px;}
- .men a {border-radius:0px 0px 10px 10px;
- padding:7px;
- background:#fff;
- color:{color:accent};
- border:1px solid {color:borders};
- border-top:none;
- margin-top:-1px;
- display:inline-block;
- }
- </style>
- </head>
- <body>
- <div id="center">
- <div id="sidebar">
- <a href="/"><div class="imgava"><img src="{image:avatar}"></div>
- <div class="titledesc">
- <hv>{Title}</hv></a>
- {Description}
- </div>
- <div class="men">
- <a href="{text:link1}" title="{text:link1 name}"> <i class="icon icon-home"></i></a>
- <a href="{text:link2}"title="{text:link2 name}"><i class="icon icon-envelope-alt"></i></a>
- <a href="{text:link3}"title="{text:link3 name}"><i class="icon icon-star"></i></a>
- <a href="{text:link4}"title="{text:link4 name}"><i class="icon icon-tag"></i></a>
- </div>
- </div>
- <style>
- .topper {margin-left:137px;
- position:absolute;
- font:10px 'roboto';
- text-transform:uppercase;
- font-weight:bold; padding:10px; background:#fff;border:1px solid {color:borders};
- border-radius:5px;
- word-spacing:25px;
- width:500px;
- text-align:center;
- }
- .topper a {color:{color:accent};letter-spacing:2px;
- }
- </style>
- <Div class="topper">
- <a href="{text:link5}">{text:link5 name}</a>
- <a href="{text:link6}">{text:link6 name}</a>
- <a href="{text:link7}">{text:link7 name}</a>
- <a href="{text:link8}">{text:link8 name}</a>
- <a href="{text:link9}">{text:link9 name}</a>
- </Div>
- <div class="posts">
- {block:Posts}
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="box"><div class="corpo">{Body}</div></div>
- <div class="info"><div class="first">
- <bb><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a></bb> <cc>{TimeAgo}</cc></div>
- <div class="2nd"><dd><a href="{ReblogURL}">{NoteCountWithLabel}</a></dd> {block:HasTags}<ee>{block:Tags}#<a href="{TagURL}">{Tag}</a>, {/block:Tags}</ee> {/block:HasTags}</div></div>
- {/block:Text}
- {block:Link}<h1><a href="{URL}">{Name}</a></h1>
- <div class="box"><div class="corpo">{Description}</div></div>
- <div class="info"><div class="first">
- <bb><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a></bb> <cc>{TimeAgo}</cc></div>
- <div class="2nd"><dd><a href="{ReblogURL}">{NoteCountWithLabel}</a></dd> {block:HasTags}<ee>{block:Tags}#<a href="{TagURL}">{Tag}</a>, {/block:Tags}</ee> {/block:HasTags}</div></div>
- {/block:Link}
- {block:Photo}
- <div class="boximg"><img src="{PhotoURL-500}"></div>
- {block:Caption}<div class="box">{Caption}</div>{/block:Caption}
- <div class="info"><div class="first">
- <bb><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a></bb> <cc>{TimeAgo}</cc></div>
- <div class="2nd"><dd><a href="{ReblogURL}">{NoteCountWithLabel}</a></dd> {block:HasTags}<ee>{block:Tags}#<a href="{TagURL}">{Tag}</a>, {/block:Tags}</ee> {/block:HasTags}</div></div>
- {/block:Photo}
- {block:Photoset}
- <div class="boximg">{Photoset-500}</div>
- {block:Caption}<div class="box">{Caption}</div>{/block:Caption}
- <div class="info"><div class="first">
- <bb><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a></bb> <cc>{TimeAgo}</cc></div>
- <div class="2nd"><dd><a href="{ReblogURL}">{NoteCountWithLabel}</a></dd> {block:HasTags}<ee>{block:Tags}#<a href="{TagURL}">{Tag}</a>, {/block:Tags}</ee> {/block:HasTags}</div></div>
- {/block:Photoset}
- {block:Video}
- <div class="boximg">{Video-500}</div>
- {block:Caption}<div class="box">{Caption}</div>{/block:Caption}
- <div class="info"><div class="first">
- <bb><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a></bb> <cc>{TimeAgo}</cc></div>
- <div class="2nd"><dd><a href="{ReblogURL}">{NoteCountWithLabel}</a></dd> {block:HasTags}<ee>{block:Tags}#<a href="{TagURL}">{Tag}</a>, {/block:Tags}</ee> {/block:HasTags}</div></div>
- {/block:Video}
- {block:Quote}
- <div class="quoteinner">
- <h1>"{Quote}"</h1>
- {block:Source}
- <div class="box"><div class="quote-source">
- {Source}
- </div></div>
- {/block:Source}
- </div>
- <div class="info"><div class="first">
- <bb><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a></bb> <cc>{TimeAgo}</cc></div>
- <div class="2nd"><dd><a href="{ReblogURL}">{NoteCountWithLabel}</a></dd> {block:HasTags}<ee>{block:Tags}#<a href="{TagURL}">{Tag}</a>, {/block:Tags}</ee> {/block:HasTags}</div></div>{/block:Quote}
- {block:Chat}
- <h1>{Title}</h1>
- <div class="box" style="border-top:none;margin-top:-15px;"><ul class="chat">
- {block:Lines}
- <li class="user">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul></div> <div class="info"><div class="first">
- <bb><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a></bb> <cc>{TimeAgo}</cc></div>
- <div class="2nd"><dd><a href="{ReblogURL}">{NoteCountWithLabel}</a></dd> {block:HasTags}<ee>{block:Tags}#<a href="{TagURL}">{Tag}</a>, {/block:Tags}</ee> {/block:HasTags}</div></div>
- {/block:Chat}
- {block:Answer}
- <style>
- .boxask {border-left:1px solid {color:borders};
- border-top:1px solid {color:borders};
- border-right:1px solid {color:borders};
- border-radius:5px 5px 0px 0px;
- border-bottom:1px solid {color:borders};
- background:#fff;
- padding:10px;
- display:block;
- margin-bottom:10px;
- }
- .imgask {border-radius:15px;
- border:2px solid {color:accent};
- position:absolute;
- margin-top:5px;
- }
- .question {padding:10px;
- display:block;
- width:450px;
- background:{color:background};
- text-align:left;
- margin-left:30px;
- }
- </style>
- <div class="boxask">
- <img src="{AskerPortraitURL-16}" class="imgask">
- <div class="question">{Asker}: {Question}</div>
- </div>
- <div class="box">{Answer}</div>
- <div class="info"><div class="first">
- <bb><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a></bb> <cc>{TimeAgo}</cc></div>
- <div class="2nd"><dd><a href="{ReblogURL}">{NoteCountWithLabel}</a></dd> {block:HasTags}<ee>{block:Tags}#<a href="{TagURL}">{Tag}</a>, {/block:Tags}</ee> {/block:HasTags}</div></div>
- {block:Answer}
- {block:Audio}<div class="enter"></div>
- <div class="box" style="border-top:none;margin-top:-15px;padding-top:0px;">
- <div class="audio">
- {block:AudioPlayer}
- <div class="player">
- <div class="audioplayer">
- {AudioPlayerwhite}
- </div>
- </div>
- <div class="audioinfo">
- <div class="cancion">
- {block:TrackName}{TrackName}{/block:TrackName}<br> {block:Artist}{Artist}{/block:Artist}
- </div>
- <div style="font-size:8px;">
- Played: {FormattedPlayCount} times
- </div>
- </div>
- {block:AudioPlayer}
- {block:AudioEmbed}
- <div class="audioembed">
- {AudioEmbed}
- </div>
- {/block:AudioEmbed}
- </div></div>
- <div class="info"><div class="first">
- <bb><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a></bb> <cc>{TimeAgo}</cc></div>
- <div class="2nd"><dd><a href="{ReblogURL}">{NoteCountWithLabel}</a></dd> {block:HasTags}<ee>{block:Tags}#<a href="{TagURL}">{Tag}</a>, {/block:Tags}</ee> {/block:HasTags}</div></div> {/block:Audio}
- {block:PostNotes}
- <div class="enter"></div>
- <div class="box" style="border-top:none;padding:0px">
- <style>
- .notas {
- width: 100%;
- list-style-type: none;
- }
- ol.notes {
- padding: 0;
- margin:0;
- }
- ol.notes li.note {
- display: block;
- margin:10px auto;
- padding:0;margin-bottom:-8px;
- border-bottom:1px solid {color:borders};
- padding:5px;
- }
- ol.notes li.note:before {
- margin-right:5px;
- display:inline-block;
- }
- ol.notes li.note img.avatar {
- display:none;
- }
- ol.notes li.more_notes_link_container {
- display: block;
- margin-top: 10px;
- }
- </style>
- <div class="notas">
- {PostNotes}
- </div>
- <div class="info" style="border-top:none;min-height:0px;"></div>
- {block:PostNotes}
- {block:Posts}
- <style>
- /*** Paginação by madlyluv.com ***/
- #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;text-align:right;display:block;margin-bottom:60px;}
- #paginacaoml a {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: {color:links}; text-decoration: none; border-radius:4px;border:1px solid {color:borders}}
- #paginacaoml a:hover {background: #fff; border: none;border-radius:4px;border:1px solid {color:borders}}
- #paginacaoml span.pagina_atual {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: {color:accent}; text-decoration: none;border-radius:4px;border:1px solid {color:borders}}
- </style>
- <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
- {block:JumpPagination length="10"}
- {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- </div>
- <div style="position:fixed;
- right:20px;
- bottom:20px;"><a href="http://gadree.tumblr.com">©</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement