Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html><!-------------------------------
- <!DOCTYPE html>
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <!------ SCRIPTS [ DO NOT TOUCH ] ------->
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
- <link href="https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900" rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
- <style type="text/css">
- *****, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- }
- ul, ol {
- list-style:none;
- margin:5px 0;
- padding:0;
- }
- a {
- text-decoration:none;
- color:#9d9da1;
- }
- a:hover {color:#9d9da1;}
- #icon
- {
- position:fixed;
- margin-top:165px;
- margin-left:0px;
- }
- #icon img
- {position:fixed;
- width:35px;
- height:35px;
- margin-left:0px;
- border-radius:5px;
- }
- #title
- {
- margin-top:169px;
- left:49px;
- position:absolute;
- font: 10px 'Montserrat';
- text-transform:uppercase;
- letter-spacing:1px;
- color:#9d9da1;
- text-align:left;
- width:auto;}
- #title span
- {font-size:9px;
- font-family:'Work Sans', sans-serif;
- font-weight:300;
- }
- /* --- NAVGATION ---*/
- #links
- {
- margin-left:-5px;
- position:fixed;
- text-align:left;
- float:right;
- width:200px;
- padding-bottom:25px;
- }
- #links a {
- font-family:'Work Sans', sans-serif;
- font-size:9px;
- font-weight:300;
- color:#9d9da1;
- text-transform:uppercase;
- letter-spacing:0px;
- float:right;
- margin-top:-14px;
- background-color:#FFFFFF;
- padding:8px;
- text-align:left;
- }
- #links li {
- border-bottom:1px solid #eeeeee;
- padding-top:10px;
- width:50%;
- width:200px;
- text-align:left;
- margin-left:-5px;
- color:#9d9da1;
- }
- #links span
- {float:left;
- font-family:'Work Sans', sans-serif;
- font-size:9px;
- font-weight:600;
- margin-top:-14px;
- background-color:#FFFFFF;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:8px;
- text-align:left;
- color:#9d9da1;
- }
- .mm {
- text-transform:uppercase;
- z-index:999;
- margin-top:213px;
- margin-left:-5px;
- position:fixed;
- text-align:center;
- width:200px;
- word-spacing:1px;
- }
- .mm a{
- z-index:9999999;
- letter-spacing:1px;
- color:#9d9da1;
- font-family:'Work Sans', sans-serif;
- font-size:8px;
- text-align:center;
- display:inline;
- width:200px;
- border:1px solid #eeeeee;
- padding:8px;
- }
- .mm a:hover{
- color:#9d9da1;}
- /* --- SIDEBAR CONTAINER & CONTENT ---*/
- .sidebar {
- position:fixed;
- top:0px;
- left:0px;
- padding:10px;
- width:200px;
- height:100vh;
- border-right:1px solid #eeeeee;
- border-bottom:1px solid #eeeeee;
- background-color:#FFFFFF;
- }
- .sidebar img
- {width:200px;
- height:150px;
- position:fixed;
- margin-top:0px;
- margin-left:0px;
- }
- /* --- DESCRIPTION ---*/
- #about {
- color:#9d9da1;
- text-align:left;
- width:205px;
- margin-top:240px;
- margin-left:0px;
- font-family:'Work Sans', sans-serif;
- font-weight:300;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- line-height:13px;
- margin-bottom:10px;
- }
- #about a { color:#9d9da1; }
- </style>
- <meta name="robots" content="noindex"/><link rel="alternate" href="android-app://com.tumblr/tumblr/x-callback-url/blog?blogName=previewbangs" /><link rel="alternate" href="ios-app://305343404/tumblr/x-callback-url/blog?blogName=previewbangs" /><link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?blogName=previewbangs&referrer=twitter-cards" /><link rel="canonical" href="http://previewbangs.tumblr.com" /><link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3"><link rel="canonical" href="http://solodesigns.co/grey" /></head>
- <body>
- <div class="sidebar">
- <div class="sidebarimage"><img src="https://66.media.tumblr.com/084f7d3e0c7d03aaa21ba96cc16db1c5/tumblr_inline_ohru90twrY1uq5jh4_250.gif"></div>
- <div id="icon"><div id="iconimage"><img src="https://s28.postimg.org/wf37rz5q5/dfgfg.png"></div></div>
- <div id="title">Keep this short.<br>
- <span>make this short too baby,</span>
- </div>
- <div class="mm">
- <a href="URL OF LINK HERE" title="home">1</a>
- <a href="URL OF LINK HERE" title="cmt">2</a>
- <a href="URL OF LINK HERE" title="msg">3</a>
- </div>
- <div id="about">
- Write a quote here or something, idk just write something here so it doesn't look empty - unless you're into that. I don't know what else to write here tbh, enjoy.
- <br>
- </div>
- <ul id="links">
- <li><span>01.</span> <a href="URL OF LINK HERE" title="Link 1">Link 1</a></li> <br>
- <li><span>02.</span><a href="URL OF LINK HERE" title="Link 2">Link 2</a></li> <br>
- <li><span>03.</span> <a href="URL OF LINK HERE" title="link 3">Link 3 </a></li> <br>
- <li><span>04.</span> <a href="URL OF LINK HERE" title="Link 4">Link 4</a></li> <br>
- <li><span>05.</span> <a href="URL OF LINK HERE" title="link 5">Link 5</a></li>
- </ul>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement