Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---- compacto theme made by madarathemes
- don't take off the credits
- don't steal any code
- don't use this theme as a base ---->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-- DEFAULTS LINKS -->
- <meta name="text:URL 01" content="http://"/>
- <meta name="text:URL 01 Title" content="Link 1"/>
- <meta name="text:URL 02" content="/"/>
- <meta name="text:URL 02 Title" content="Link 2"/>
- <meta name="text:URL 03" content="http://"/>
- <meta name="text:URL 03 Title" content="Link 3"/>
- <meta name="text:ask" content="message"/>
- <!-- DEFAULTS -->
- <meta name="if:Caption" content="1"/>
- <meta name="if:Tags" content="0"/>
- <meta name="if:Submit" content="1"/>
- <meta name="if:Archive" content="1"/>
- <meta name="if:Gray Scale" content="0"/>
- <meta name="if:Fade Hover" content="0">
- <!-- DEFAULTS COLORS -->
- <meta name="color:Background" content="#f9f9f9"/>
- <meta name="color:Scrollbar" content="#999"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Link" content="#a9a9a9"/>
- <meta name="color:Link Hover" content="#997744"/>
- <meta name="color:Blockquote" content="#d1d1d1"/>
- <meta name="color:Postbox" content="#fff"/>
- <meta name="color:Postbox wrapper" content="#eee"/>
- <meta name="color:Posts wrapper" content="#fff"/>
- <meta name="color:Title" content="#777"/>
- <meta name="color:Title Hover" content="#000"/>
- <meta name="color:Title BG Hover" content="#eee"/>
- <meta name="color:Asker Border" content="#eee"/>
- <meta name="color:Ask" content="#999"/>
- <meta name="color:Asker Link" content="#997744"/>
- <meta name="color:Permalink Box" content="#ddd"/>
- <meta name="color:Permalink Text" content="#fff"/>
- <meta name="color:Sidebar" content="#eee"/>
- <meta name="color:Navigation Text" content="#000"/>
- <meta name="color:Picture Border" content="#f9f9f9"/>
- <meta name="color:Description" content="#666"/>
- <meta name="color:Pagination" content="#000"/>
- <meta name="color:Selection BG" content="#000"/>
- <meta name="color:Selection Text" content="#fff"/>
- <meta name="color:Blog Name" content="#999"/>
- <!-- DEFAULT IMAGE -->
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar BG" content=""/>
- <meta name="image:Posts wrapper" content=""/>
- <meta name="image:PostBox wrapper" content=""/>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfEndlessScrolling}
- <style type="text/css">
- iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- @font-face {
- font-family: "futura";
- src: url('https://dl.dropboxusercontent.com/u/109376002/futura__light_.ttf');
- }
- ::-webkit-scrollbar-thumb {
- background-color: {color:Scrollbar};
- height:100px;
- }
- ::-webkit-scrollbar {
- height:5px;
- width:5px;
- background-color: #fff;
- }
- body {
- font-family:calibri;
- font-size:11px;
- color:{color:Text};
- background-color:{color:Background};
- background-image:url('{image:Background}');
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;}
- ::-moz-selection { color: {color:Selection Text}; background: {color:Selection BG};}
- ::selection { color:{color:Selection Text}; background: {color:Selection BG}; }
- a:link,a:active,a:visited {
- text-decoration: none;
- color: {color:Link};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- a:hover {
- color: {color:Link Hover};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- blockquote {
- padding: 0px;
- padding-left: 5px;
- font: 11px arial;
- letter-spacing: 1px;
- margin-right: 2px;
- margin-left: 20px;
- border-left: 10px solid {color:Blockquote};
- color:{color:Text};
- }
- #entry {width:450px; overflow:hidden; z-index:1;}
- #entry img {max-width:400px;
- {block:IfGrayScale}{block:IndexPage}filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;{/block:IndexPage}{/block:IfGrayScale}
- {block:IfFadeHover}{block:IndexPage}opacity:0.75;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;{/block:IndexPage}{/block:IfFadeHover}}
- #entry img:hover{filter: none; opacity:1; -webkit-filter: grayscale(0%); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;}
- #entry blockquote img{max-width:350px;}
- #postar{
- width:475px;
- height:480px;
- padding-top:5px;
- border: 10px solid {color:Postbox wrapper};
- border-bottom:25px solid {color:Postbox wrapper};
- background-color:{color:Postbox wrapper};
- background-image:url('{image:PostBox wrapper}');
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;
- }
- #wrapper{
- width:495px;
- height:525px;
- padding:25px;
- margin-top: 50px;
- margin-left: 390px;
- background-color:{color:Posts wrapper};
- background-image:url('{image:Posts wrapper}');
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;
- }
- #posts{
- float:left;
- width: 400px;
- padding: 15px;
- margin-left:10px;
- margin-bottom:5px;
- color: {color:Text};
- background: {color:Postbox};
- }
- #posts:hover{
- {block:IfFadeHover}{block:IndexPage}opacity:1;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;{/block:IndexPage}{/block:IfFadeHover}}
- .titulo{
- font: 20px 'calibri';
- text-align:left;
- margin-left:3px;
- text-transform:uppercase;
- }
- .titulo a{
- color:{color:Title};
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .titulo a:hover{
- color:{color:Title Hover};
- background:{color:Title BG Hover};
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- .linku{
- font: 18px 'calibri';
- text-align:left;
- margin-left:3px;
- text-transform:uppercase;
- }
- .linku a{
- color:{color:Title};
- background:{color:Title BG Hover};
- padding:3px;
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .linku a:hover{
- color:{color:Title Hover};
- background:transparent;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- .quote{
- font:16px 'century gothic';
- text-align: center;
- display:block;
- }
- #asker{
- float:left;
- background:transparent;
- border:5px solid {color:Asker Border};
- padding:5px;
- border-radius:50px;
- margin:0px 5px 15px 3px;
- }
- #ask{
- text-align: left;
- background: transparent;
- position: relative;
- font: 11px 'calibri';
- color: {color:Ask};
- margin-bottom:10px;
- min-height:80px;
- }
- .asker{
- font:12px 'calibri';
- text-transform:uppercase;
- letter-spacing:1px;
- color:#888;
- margin-bottom:4px;
- }
- .asker a{color:{color:Asker Link}; background:{color:Asker Border};}
- #photoset{{block:IfGrayScale}{block:IndexPage}filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;{/block:IndexPage}{/block:IfGrayScale}
- {block:IfFadeHover}{block:IndexPage}opacity:0.75;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;{/block:IndexPage}{/block:IfFadeHover}}
- #photoset:hover{filter: none; opacity:1; -webkit-filter: grayscale(0%); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;}
- .data{
- padding:5px;
- border-top: 3px double {color:Scrollbar};
- border-bottom: 3px double {color:Scrollbar};
- margin-top: 10px;
- font:11px 'consolas';
- color:{color:Text};
- text-align:right;
- margin-bottom:4px;
- }
- ol.notes{
- padding: 0px;
- margin: 25px 0px;
- list-style-type: none;
- }
- #sidebar{
- position:fixed;
- float:left;
- margin-left:233px;
- margin-top:15px;
- }
- .side{
- width:132px;
- padding:15px;
- background-color: {color:Sidebar};
- background-image:url('{image:Sidebar BG}');
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;
- font: 11px consolas;
- color:{color:Description};
- text-align:center;
- border-radius:25px 0px 0px 25px;
- }
- .descr{
- width:140px;
- height:135px;
- margin-bottom:5px;
- overflow: hidden;
- transition: all 0.8s ease-out;
- -o-transition: all 0.8s ease-out;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- }
- .descr:hover{
- min-height: 250px;
- transition: all 0.8s ease-out;
- -o-transition: all 0.8s ease-out;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;}
- #image{width:120px; height:120px; background:{color:Picture Border}; padding:6px; margin-bottom:5px;}
- .links{
- width:90px;
- height:18px;
- font: 22px 'courier new';
- letter-spacing:1px;
- color:{color:Navigation Text};
- text-transform:uppercase;
- margin:8px 0px 0px 15px;
- padding:5px;
- text-align:center;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .links:hover{
- text-shadow: 2px 0 .2px #999, -2px 0 .2px #eee;
- margin-left:35px;
- -webkit-transform: scale(1.2);
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .page{font-size:24px; margin-top:25px; text-align:center; width: 120px;}
- .page a{color: {color:Pagination};}
- #perma{
- margin:10px 0px -15px -15px;
- text-align:center;
- width:420px;
- padding:5px;
- font: 11px 'consolas';
- color:{color:Permalink Text};
- background: {color:Permalink Box};
- }
- .bloggu{
- font:28px 'futura';
- text-shadow: 2px 0 .2px #fff, -2px 0 .2px #eee;
- color:{color:Blog Name};
- margin-left:25px;
- position:fixed;
- left:390px;
- top:28px;
- text-transform:uppercase;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- {CustomCSS}
- </style>
- <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
- </head>
- <body>
- <div id="top"></div>
- <div id="sidebar">
- <div class="side">
- <div class="descr">
- <img src="{PortraitURL-128}" id="image" width="120" height="120">
- {description}</div>
- <a href="/"><div class="links">home</div></a>
- <a href="/ask"><div class="links">{text:ask}</div></a>
- {block:IfArchive}<a href="/archive"><div class="links">archive</div></a>{/block:IfArchive}
- {block:IfSubmit}<a href="/submit"><div class="links">submit</div></a>{/block:IfSubmit}
- {block:IfURL01}<a href="{text:URL 01}"><div class="links">{text:URL 01 Title}</div></a>{/block:IfURL01}
- {block:IfURL02}<a href="{text:URL 02}"><div class="links">{text:URL 02 Title}</div></a>{/block:IfURL02}
- {block:IfURL03}<a href="{text:URL 03}"><div class="links">{text:URL 03 Title}</div></a>{/block:IfURL03}
- {block:Pagination}<div class="page">
- {block:PreviousPage}<a href="{PreviousPage}">◀</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}</div>{/block:Pagination}
- </div></div>
- <div class="bloggu"><a style="color:{color:Blog Name}" href="/">{title}</a></div>
- <div id="wrapper">
- <div id="postar" style="overflow:auto; line-height:100%">
- <table width="40%" border="0">
- <tr>
- <td align="center">
- {block:Posts}
- <div id="entry">
- <table width="500" border="0">
- <tr>
- <td>
- <div id="posts">
- {block:Text}
- {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a>{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
- {block:IfCaption} {block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Photo}
- {block:Photoset}
- <div id="photoset">{Photoset-400}</div>
- {block:IfCaption} {block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">❝{Quote}❞</div>
- {block:Source}
- <div align="right">- {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="linku"><a href="{URL}" class="link" {Target}>{Name} →</a></div>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- <div style="margin-left:16px;">{block:Lines}{block:Label}<b><span style="color:{color:Scrollbar};">{Label}</span></b>{/block:Label} {Line}<br>{/block:Lines}</div>
- {/block:Chat}
- {block:Audio}
- {AudioPlayerGrey}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:IfCaption} {block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Video}
- {block:Answer}
- <div id="ask" align="right"><div id="asker"><img style="border-radius:50px;" src="{AskerPortraitURL-64}" align="left"></div>
- <div class="asker">{Asker} said:</div>❝ {Question} ❞</div>
- <div style="border-bottom: 1px dotted {color:Link}; margin-bottom:5px; margin-top:10px;"></div>
- {Answer}
- {/block:Answer}
- {block:IndexPage}<div id="perma">
- <a style="color:{color:Permalink Text};" href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> · <a style="color:{color:Permalink Text};" href="{Permalink}">{NoteCountWithLabel}</a> · <a style="color:{color:Permalink Text};" href="{ReblogURL}" target="_blank">Reblog</a><br>
- {block:IfTags}{block:HasTags}{block:Tags}#<a style="color:{color:Permalink Text};" href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfTags}
- </div>{/block:IndexPage}
- {block:PermalinkPage}{block:Date}
- <div class="data">
- {Month} {DayOfMonthWithZero}, {Year} - {12Hour}:{Minutes}{AmPm} [{TimeAgo}]<br>
- {NoteCountWithLabel}<br>
- {block:RebloggedFrom}
- <b>via:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
- <b>source:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> <br>{/block:RebloggedFrom}
- {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- {/block:Date}
- {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}</div>
- </td>
- </tr>
- </table>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:IndexPage}</div>{block:IfTags}</div>{/block:IfTags}{/block:IndexPage}
- {/block:Posts}
- </td>
- </tr>
- </table>
- </div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement