Advertisement
NouilleOrk

style.css

Mar 25th, 2014
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.63 KB | None | 0 0
  1. body {
  2.     background-color: #4C4C4C;
  3.     margin-top: 72px;
  4.     margin-left: 122px;
  5.     margin-right: 20px;
  6.     margin-bottom: 20px;
  7.     height: 100%;
  8. }
  9.  
  10. nav {
  11.     left: 0px;
  12.     top: 0px;
  13.     height: 40px;
  14.     width: 100%;
  15.     padding: 5px;
  16.     position: fixed;
  17.     background-color: #383838;
  18.     color: white;
  19.     border-bottom: 2px solid #22EE5B;
  20.     text-align: center;
  21.     font-size: 25px;
  22.     overflow-x: auto;
  23.     overflow-y: hidden;
  24. }
  25.  
  26. nav img { vertical-align: middle; }
  27.  
  28. nav ul { display: inline; }
  29.  
  30. nav li {
  31.     display: inline;
  32.     padding: 5px;
  33.     margin: 0px;
  34. }
  35.  
  36. nav li:hover {
  37.     background-color: #242424;
  38.     border-top: 10px #242424 solid;
  39.     border-bottom: 10px #242424 solid;
  40. }
  41.  
  42. nav #current {
  43.     background-color: #02AAD1;
  44.     border-top: 10px #02AAD1 solid;
  45.     border-bottom: 10px #02AAD1 solid;
  46. }
  47.  
  48. nav #impossible {
  49.     background-color: #02AAD1;
  50.     border-top: 10px #02AAD1 solid;
  51.     border-bottom: 10px #02AAD1 solid;
  52. }
  53.  
  54. nav a {
  55.     text-decoration:none;
  56.     color: white;
  57. }
  58.  
  59. nav a:hover { text-decoration: underline; }
  60.  
  61. nav .first {
  62.     width: 100px;
  63.     left: 0px;
  64.     top: 0px;
  65.     height: 50px;
  66.     position: fixed;
  67.     background-color: #242424;
  68. }
  69.  
  70. nav .second {
  71.     width: 100px;
  72.     left: 0px;
  73.     top: 50px;
  74.     height: 100%;
  75.     position: fixed;
  76.     background-color: #383838;
  77.     color: white;
  78.     text-align: center;
  79.     font-size: 25px;
  80.     border-right: 2px solid #22EE5B;
  81. }
  82.  
  83. header, footer, section, article, aside { border: 2px solid #FF5353; }
  84.  
  85. header, footer {
  86.     padding: 5px;
  87.     margin-bottom: 20px;
  88. }
  89.  
  90. section {
  91.     margin-bottom: 20px;
  92.     padding: 20px;
  93. }
  94.  
  95. article {
  96.     margin-right: 274px;
  97. }
  98.  
  99. aside {
  100.     width: 250px;
  101.     position: absolute;
  102.     right: 42px;
  103.     top: 148px;
  104. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement