Advertisement
Guest User

Untitled

a guest
Jun 25th, 2016
192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.38 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5. <!DOCTYPE html>
  6.  
  7. <html>
  8.  
  9. <head>
  10.  
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  12.  
  13. <title>mochi</title>
  14.  
  15. </head>
  16. <style>
  17.  
  18. :root {
  19. /* VARIABLES */
  20. --color-1: #38343C; /* bar */
  21. --color-2: #FDE3DD; /* white */
  22. }
  23. #bgu {
  24. background-image: url('bg.png');
  25. background-size: cover;
  26. display: block;
  27. filter: blur(5px);
  28. -webkit-filter: blur(5px);
  29. height: 105%;
  30. width:105%;
  31. left: -12px;
  32. top: -12px;
  33. position: fixed;
  34. right: 0;
  35. z-index: 1;
  36. }
  37.  
  38. #banners {
  39. background-color:var(--color-1);
  40. position:fixed;
  41. width:102%;
  42. height:44px;
  43. margin:auto;
  44. top:49%;
  45. left:0px;
  46. border-top:1px solid var(--color-2);
  47. border-bottom:1px solid var(--color-2);
  48. outline:1px solid var(--color-1);
  49. z-index:9998;
  50. }
  51.  
  52. #linksu {
  53. position:fixed;
  54. text-transform:lowercase;
  55. font-size:16px;
  56. font-family:haxrcorpttf;
  57. letter-spacing:1px;
  58. font-style:normal;
  59. margin:auto;
  60. top:50%;
  61. margin-top:1px;
  62. width:100%;
  63. padding:8px 0px;
  64. z-index:9999;
  65. }
  66.  
  67. #linksu a {
  68. color:var(--color-2);
  69. text-decoration:none;
  70. -moz-transition-duration:.7s;
  71. -webkit-transition-duration:.7s;
  72. -o-transition-duration:.7s;
  73. padding:2px;
  74. border:1px solid var(--color-1);
  75. outline:1px solid var(--color-1);
  76. }
  77.  
  78. #linksu a:hover {
  79. color:var(--color-1);
  80. background-color:var(--color-2);
  81. -moz-transition-duration:.4s;
  82. -webkit-transition-duration:.4s;
  83. -o-transition-duration:.4s;
  84. border:1px solid var(--color-1);
  85. outline:1px solid var(--color-2);
  86. padding:2px;
  87. }
  88.  
  89.  
  90. </style>
  91.  
  92.  
  93.  
  94. <body>
  95. <div id="bgu"></div>
  96. <div id="banners"></div>
  97. <div id="linksu" align="center">
  98. <a href="http://boards.4chan.org/a/catalog">/a/</a>
  99. <a href="http://boards.4chan.org/cgl/catalog">/cgl/</a>
  100. <a href="http://boards.4chan.org/vg/catalog">/vg/</a>
  101. <a href="http://boards.4chan.org/w/catalog">/w/</a>
  102. <a href="http://www.gaiaonline.com">gaia</a>
  103. <a href="http://kancolle.wikia.com/wiki/Kancolle_Wiki">kancolle</a>
  104. <a href="http://www.tumblr.com">tumblr</a>
  105. <a href="http://twitter.com/">twitter</a>
  106. </div>
  107.  
  108.  
  109. </body>
  110. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement