Advertisement
Guest User

ugh trying

a guest
Jun 17th, 2019
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.55 KB | None | 0 0
  1.  
  2.  
  3. <!DOCTYPE html><!-------------------------------
  4.  
  5.  
  6. <!DOCTYPE html>
  7.  
  8.  
  9. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  10.  
  11. <!------ SCRIPTS [ DO NOT TOUCH ] ------->
  12.  
  13.  
  14.  
  15.  
  16. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  17. <link href="https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  18. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  19.  
  20. <style type="text/css">
  21.  
  22.  
  23.  
  24.  
  25.  
  26. *****, img, embed, object, video {
  27. max-width: 100%;
  28. }
  29. img {
  30. height: auto;
  31. width: auto;
  32. }
  33.  
  34. ul, ol {
  35. list-style:none;
  36. margin:5px 0;
  37. padding:0;
  38. }
  39.  
  40. a {
  41. text-decoration:none;
  42. color:#9d9da1;
  43. }
  44.  
  45. a:hover {color:#9d9da1;}
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52. #icon
  53. {
  54. position:fixed;
  55. margin-top:165px;
  56. margin-left:0px;
  57.  
  58. }
  59.  
  60. #icon img
  61. {position:fixed;
  62. width:35px;
  63. height:35px;
  64. margin-left:0px;
  65. border-radius:5px;
  66. }
  67.  
  68.  
  69.  
  70.  
  71.  
  72. #title
  73. {
  74. margin-top:169px;
  75. left:49px;
  76. position:absolute;
  77. font: 10px 'Montserrat';
  78. text-transform:uppercase;
  79. letter-spacing:1px;
  80. color:#9d9da1;
  81. text-align:left;
  82. width:auto;}
  83.  
  84. #title span
  85. {font-size:9px;
  86. font-family:'Work Sans', sans-serif;
  87. font-weight:300;
  88. }
  89.  
  90. /* --- NAVGATION ---*/
  91.  
  92. #links
  93. {
  94. margin-left:-5px;
  95. position:fixed;
  96. text-align:left;
  97. float:right;
  98. width:200px;
  99. padding-bottom:25px;
  100. }
  101.  
  102. #links a {
  103. font-family:'Work Sans', sans-serif;
  104. font-size:9px;
  105. font-weight:300;
  106. color:#9d9da1;
  107. text-transform:uppercase;
  108. letter-spacing:0px;
  109. float:right;
  110. margin-top:-14px;
  111. background-color:#FFFFFF;
  112. padding:8px;
  113. text-align:left;
  114.  
  115. }
  116.  
  117.  
  118. #links li {
  119. border-bottom:1px solid #eeeeee;
  120. padding-top:10px;
  121. width:50%;
  122. width:200px;
  123. text-align:left;
  124. margin-left:-5px;
  125. color:#9d9da1;
  126. }
  127.  
  128.  
  129. #links span
  130. {float:left;
  131. font-family:'Work Sans', sans-serif;
  132. font-size:9px;
  133. font-weight:600;
  134. margin-top:-14px;
  135. background-color:#FFFFFF;
  136. letter-spacing:1px;
  137. text-transform:uppercase;
  138. padding:8px;
  139. text-align:left;
  140. color:#9d9da1;
  141. }
  142.  
  143.  
  144. .mm {
  145. text-transform:uppercase;
  146. z-index:999;
  147. margin-top:213px;
  148. margin-left:-5px;
  149. position:fixed;
  150. text-align:center;
  151. width:200px;
  152. word-spacing:1px;
  153. }
  154.  
  155. .mm a{
  156. z-index:9999999;
  157. letter-spacing:1px;
  158. color:#9d9da1;
  159. font-family:'Work Sans', sans-serif;
  160. font-size:8px;
  161. text-align:center;
  162. display:inline;
  163. width:200px;
  164. border:1px solid #eeeeee;
  165. padding:8px;
  166. }
  167.  
  168. .mm a:hover{
  169. color:#9d9da1;}
  170.  
  171.  
  172. /* --- SIDEBAR CONTAINER & CONTENT ---*/
  173.  
  174.  
  175. .sidebar {
  176. position:fixed;
  177. top:0px;
  178. left:0px;
  179. padding:10px;
  180. width:200px;
  181. height:100vh;
  182. border-right:1px solid #eeeeee;
  183. border-bottom:1px solid #eeeeee;
  184. background-color:#FFFFFF;
  185. }
  186.  
  187.  
  188.  
  189. .sidebar img
  190. {width:200px;
  191. height:150px;
  192. position:fixed;
  193. margin-top:0px;
  194. margin-left:0px;
  195.  
  196. }
  197.  
  198.  
  199.  
  200.  
  201. /* --- DESCRIPTION ---*/
  202.  
  203.  
  204.  
  205. #about {
  206. color:#9d9da1;
  207. text-align:left;
  208. width:205px;
  209. margin-top:240px;
  210. margin-left:0px;
  211. font-family:'Work Sans', sans-serif;
  212. font-weight:300;
  213. font-size:8px;
  214. letter-spacing:1px;
  215. text-transform:uppercase;
  216. line-height:13px;
  217. margin-bottom:10px;
  218.  
  219. }
  220.  
  221. #about a { color:#9d9da1; }
  222.  
  223.  
  224.  
  225.  
  226.  
  227. </style>
  228. <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>
  229.  
  230.  
  231. <body>
  232.  
  233.  
  234.  
  235.  
  236.  
  237. <div class="sidebar">
  238.  
  239. <div class="sidebarimage"><img src="https://66.media.tumblr.com/084f7d3e0c7d03aaa21ba96cc16db1c5/tumblr_inline_ohru90twrY1uq5jh4_250.gif"></div>
  240.  
  241. <div id="icon"><div id="iconimage"><img src="https://s28.postimg.org/wf37rz5q5/dfgfg.png"></div></div>
  242.  
  243. <div id="title">Keep this short.<br>
  244. <span>make this short too baby,</span>
  245. </div>
  246.  
  247.  
  248. <div class="mm">
  249. <a href="URL OF LINK HERE" title="home">1</a>
  250. <a href="URL OF LINK HERE" title="cmt">2</a>
  251. <a href="URL OF LINK HERE" title="msg">3</a>
  252. </div>
  253.  
  254.  
  255. <div id="about">
  256.  
  257. 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.
  258. <br>
  259. </div>
  260.  
  261.  
  262. <ul id="links">
  263. <li><span>01.</span> <a href="URL OF LINK HERE" title="Link 1">Link 1</a></li> <br>
  264. <li><span>02.</span><a href="URL OF LINK HERE" title="Link 2">Link 2</a></li> <br>
  265. <li><span>03.</span> <a href="URL OF LINK HERE" title="link 3">Link 3 </a></li> <br>
  266. <li><span>04.</span> <a href="URL OF LINK HERE" title="Link 4">Link 4</a></li> <br>
  267. <li><span>05.</span> <a href="URL OF LINK HERE" title="link 5">Link 5</a></li>
  268. </ul>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement