Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!----
- Theme, base made by:
- CHARGHIE
- [ http://charghie.tumblr.com/ ]
- - Don't copy and remove my credits
- ---->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
- <head profile="http://gmpg.org/xfn/11">
- <title>{title}</title>
- <link rel="shortcut icon" href="{favicon}" />
- <!-- colors -->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:background imges" content="#ffffff"/>
- <meta name="color:title" content="#a5a5a5" />
- <meta name="color:text" content="#a5a5a5" />
- <meta name="color:description" content="#a5a5a5" />
- <meta name="color:hover links" content="#bbbbbb" />
- <meta name="color:links" content="#a5a5a5" />
- <meta name="color:hover span" content="#ADD8E6" />
- <meta name="color:span" content="#87CEEB" />
- <!-- sidebar -->
- {block:ifphoto}
- <meta name="image:Sidebar" content=""/>
- <meta name="if:Photo" content=""/>
- {/block:ifphoto}
- <!-- network -->
- {block:ifnetwork}
- <meta name="if:Networks" content=""/>
- <meta name="if:Whatsapp" content="/"/>
- <meta name="if:Instagram" content="/"/>
- <meta name="if:Facebook" content="/"/>
- {/block:ifnetwork}
- <!-- links -->
- <meta name="text:Link1" content="/" />
- <meta name="text:Link 1 Title" content="link" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link 2 Title" content="link" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link 3 Title" content="link" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link 4 Title" content="link" />
- <!-- fonts -->
- <meta name="select:Fonts"content="'Lato'"title="Lato"/>
- <meta name="select:Fonts"content="'Open Sans'"title="Open Sans"/>
- <meta name="select:Fonts"content="'Assistant'"title="Assistant"/>
- <meta name="select:Fonts"content="'Muli'"title="Muli"/>
- <meta name="select:Fonts"content="'Source Sans Pro'"title="Source Sans Pro"/>
- <meta name="select:Fonts"content="'Asap'"title="Asap"/>
- <link href="https://fonts.googleapis.com/css?family=Assistant|Lato|Muli|Open+Sans|Oswald|Source+Sans+Pro" rel="stylesheet">
- </head>
- <style type="text/css">
- /* painel */
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.2;
- /* delete invert(1) from here */
- filter:invert(1) contrast(40%);
- -webkit-filter:invert(1) contrast(40%);
- -o-filter:invert(1) contrast(40%);
- -moz-filter:invert(1) contrast(40%);
- -ms-filter:invert(1) contrast(40%);
- /* to here if your blog has a dark background */
- transform:scale(0.65);
- transform-origin:100% 0;
- -webkit-transform:scale(0.65);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.65);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.65);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.65);
- -ms-transform-origin:100% 0;
- transition:.6s;
- }
- iframe.tmblr-iframe:hover {
- opacity:0.3!important;
- transition:.6s;
- }
- /* painel */
- /* body */
- body {background:{color:background};
- padding:4px;
- font-style:normal;
- font-size: 11px;
- color:{color:text};
- font-family:{select:fonts};
- text-align:center;
- line-height:14px;
- }
- a, a:link, a:active, a:visited
- {color:{color:links};
- text-decoration:none;
- font-weight:normal;
- font-style:normal;
- }
- a:hover {
- color:{color:links hover};
- text-decoration:none;
- }
- h1, h2, h3, h4, h5, h6 {
- margin-top:10px;
- color:{color:title};
- font:400 10px {select:fonts};
- text-transform:uppercase;
- letter-spacing:0.5px;
- line-height:14px;
- padding:10px;
- text-align:center;
- z-index:9999999999;
- }
- /* body */
- /* sidebar */
- .sb-top {
- position:fixed;
- top:0px;left:0px;
- width:150px;
- height:100%;
- background:white;
- border-right:1px solid #f8f7f7;
- opacity:1;
- z-index:6;}
- .ch-photo img{
- width:40px;height:40px;
- background-color:#ffffff;
- position:fixed;
- top:10px;
- left:10px;
- z-index:999;
- padding:6px;}
- .ch-photo{border-radius:6px;}
- .title{position:fixed;
- background:transparent;
- padding:6px;
- width:auto;
- height:auto;
- text-align:center;
- top:60px;left:10px;
- color:{color:Title};
- font-size:16px;
- font-family: 'Oswald', sans-serif;
- letter-spacing:0px;
- line-height:10px;
- z-index:99;
- text-transform:uppercase;}
- .title a:hover{color:{color:Title};}
- .url {
- position:fixed;
- top:78px;
- left:10px;
- width:60px;
- font-size:10px;
- text-align:center;
- text-transform:lowercase;
- color:{color:title};
- padding:2px;
- letter-spacing:1px;
- transition:.8s;
- z-index:10;
- }
- .descri {
- position:fixed;
- background:white;
- padding:10px;
- width:120px;
- height:auto;
- overflow:auto;
- border-top:1px solid #f8f7f7;
- border-bottom:1px solid #f8f7f7;
- text-align:justify;
- top:100px;left:5px;
- margin-bottom:2px;
- color:{color:Description};
- font-size:10px;
- font-family:{select:fonts};
- letter-spacing:0px;
- line-height:15px;
- z-index:10;
- text-transform:normal;}
- .nav {
- position:fixed;
- width:10px;
- background:transparent;
- top:210px;left:0px;
- font-size: 10px;
- z-index:100;
- padding:5px;
- }
- .nav a {
- color:{color:links};
- background:;
- text-align:left;
- width:auto;
- font-size:8.5px;
- padding:0px;
- font-family:{select:fonts};
- display:inline-block;
- letter-spacing:.5px;
- margin:8px;
- line-height:100%;
- text-transform:uppercase;
- }
- .nav a:hover{
- transition:.1s;
- }
- .nav span{
- font-size:14px;
- color:{color:span};
- }
- .nav a:hover span{
- transition:.5s;
- color:{color:hover span};
- }
- navtt {
- padding:4px;
- width:auto;
- font-size:8px;
- left:90px;
- text-align:right;
- font-family:'Lato';
- border-left:1px solid #f8f7f7;
- position:fixed;
- color:{color:links};
- z-index:100;
- margin-top:-12px;
- display:inline-block;
- }
- navtt:hover{padding-left:6px;
- border-left:1px solid #a5a5a5;
- transition:.6s;
- }
- /* sidebar */
- /* network */
- .sky {
- position:fixed;
- top:10px;
- margin-left:52px;
- width:10px;
- font-size:14px;
- padding:5px 10px 5px 10px;
- text-align:center;
- z-index:10;
- color:#a5a5a5;
- }
- .sky *{
- cursor:pointer;
- }
- .lb {
- position:fixed;
- margin-left:16px;
- margin-top:18px;width:180px;
- z-index:9;
- }
- .lb a {
- display:inline-block;
- padding:5px ;
- margin-left:5px;position:relative;
- color:#fff;
- transition:0.2s;
- font-size:14px;
- }
- .lb a:hover {
- transform:scale(1.4);
- transition:0.2s;
- }
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".lb").hide();
- $(".sky").click(function(){
- $(this).next(".lb").slideToggle('slow');
- }); });
- </script>
- <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <body onkeydown="return false">
- {block:ifphoto}
- <div class="ch-photo">
- <img src="{PortraitURL-64}"></div>
- {/block:ifphoto}
- <div class="title"><a href="/">{Title}</a></div>
- <div class="url">@{Name}</div>
- <div class="sb-top"></div>
- <div class="descri">{Description}</div>
- <div class="nav">
- <a href="{text:link1}">
- <span class="lnr lnr-home"></span>
- <navtt>{text:Link 1 Title}</navtt>
- </a>
- <br>
- <a href="{text:link2}">
- <span class="lnr lnr-envelope"></span>
- <navtt>{text:Link 2 Title}</navtt>
- </a>
- <br>
- <a href="{text:link3}">
- <span class="lnr lnr-link"></span>
- <navtt>{text:Link 3 Title}</navtt>
- </a>
- <br>
- <a href="{text:link4}">
- <span class="lnr lnr-bookmark"></span>
- <navtt>{text:Link 4 Title}</navtt>
- </a>
- </div>
- </div>
- <p class="sky"><span class="ion-ios-cloudy-night-outline"></span></p>
- <div class="lb">
- <a href="/" style="color:#00008B">
- <span class="ion-social-facebook"></span></a>
- <a href="/" style="color:#4169E1">
- <span class="ion-social-twitter"></span></a>
- <a href="/" style="color:#808080">
- <span class="ion-social-instagram-outline"></span></a>
- </div>
- </body>
- <!--
- Design originally - Charghie
- Do not remove my credits, do not use the details as a base,
- as if it were yours. It is forbidden to be inspired by any
- detail, if you want something, send a ask, please.
- -->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement