Advertisement
blondeweb

Untitled

Oct 26th, 2014
410
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.85 KB | None | 0 0
  1. <!--HTML-->
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <link rel="stylesheet" href="assets/css/style.css" type="text/css" />
  7. <title>Priv social - Página inicial</title>
  8. </head>
  9. <body>
  10. <div id="top-sup">
  11. <div class="logo">
  12. <div class="bot">
  13. <a href=""><img src="assets/img/logo.png" alt="assets/img/logo.png" /></a>
  14. </div>
  15. </div>
  16. </div>
  17. <div id="bar-fix-lft">
  18. <ul>
  19. <li><a href=""><img src="#" /></a></li>
  20. <li><a href=""><img src="#" /></a></li>
  21. <li><a href=""><img src="#" /></a></li>
  22. <li><a href=""><img src="#" /></a></li>
  23. <li><a href=""><img src="#" /></a></li>
  24. <li><a href=""><img src="#" /></a></li>
  25. <li><a href=""><img src="#" /></a></li>
  26. <li><a href=""><img src="#" /></a></li>
  27. </ul>
  28. </div>
  29. <div id="block-user">
  30.  
  31. </div>
  32. </body>
  33. </html>
  34.  
  35. <!-CSS -->
  36.  
  37. *{ margin:0; padding:0; }
  38.  
  39. body{
  40. font-family:Open sans;
  41. background:#f2f4f8;
  42. }
  43.  
  44. #top-sup{
  45. width:100%;
  46. height:68px;
  47. background:#FFF;
  48. position:fixed;
  49. z-index:9999;
  50. }
  51.  
  52. #top-sup .logo{
  53. width:68px;
  54. height:68px;
  55. background:#d0574a;
  56. }
  57.  
  58. #top-sup .logo .bot{
  59. width:69px;
  60. height:68px;
  61. background:#d0574a;
  62. overflow:hidden;
  63. }
  64.  
  65. #top-sup .logo img{
  66. margin-top:8px;
  67. margin-left:10px;
  68. z-index:-1;
  69. }
  70.  
  71. #bar-fix-lft{
  72. width:69px;
  73. position:fixed;
  74. background:#202020;
  75. height:90%;
  76. }
  77.  
  78. #bar-fix-lft ul{
  79. list-style:none;
  80. margin-top:65px;
  81. }
  82.  
  83. #bar-fix-lft ul li{
  84.  
  85. }
  86.  
  87. #bar-fix-lft ul li a{
  88. display:block;
  89. height:50px;
  90. width:69px;
  91. line-height:20px;
  92. }
  93.  
  94. #bar-fix-lft ul li a:hover{
  95. background:#2a2a2a;
  96. }
  97.  
  98. #bar-fix-lft ul li a img{
  99. margin-top:15px;
  100. margin-left:23px;
  101. }
  102.  
  103. #block-user{
  104. width:69px;
  105. height:68px;
  106. background:#202020;
  107. float:left;
  108. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement