Guest User

CSS File (styles.css)

a guest
Nov 13th, 2019
11
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. * {
  2.     box-sizing: border-box;
  3. }
  4.  
  5. body {
  6.     background-color: black;
  7. }
  8. h1 {
  9.     color: darkviolet;
  10. }
  11.  
  12. h2 {
  13.     color: purple;
  14. }
  15.  
  16. h3 {
  17.     color: blue;
  18. }
  19.  
  20. p {
  21.     color: deepskyblue;
  22.     padding: 30px;
  23.     border: 1px outset white;
  24. }
  25. .body_hold {
  26.     background: url('media/tge_cityscape.jpg');
  27.     background-size: 100%;
  28.     height: 100%;
  29.     background-color: black;
  30.     opacity: 0.9;
  31. }
  32. .column {
  33.     float: left;
  34.     padding: 10px;
  35.     text-align: center;
  36.     /*background-color: black;
  37.     opacity: 0.6; */
  38. }
  39. .leftm {
  40.     float: left;
  41.     width: 15%;
  42.     text-align: center;
  43. }
  44.  
  45. .rightm {
  46.     width: 15%;
  47.     float: right;
  48.     text-align: center;
  49. }
  50.  
  51. .middlem {
  52.     text-align: center;
  53.     width: 70%;
  54.     opacity: 1;
  55.    
  56. }
  57. .row {
  58.     background-color: black;
  59.     opacity: 0.7;
  60.  
  61. }
  62.  
  63. .row:after {
  64.     content: "";
  65.     display: table;
  66.     clear: both;
  67.     position: relative;
  68.    
  69. }
  70.  
  71.  
  72. .logo {
  73.     width: 74px;
  74.     height: 74px;
  75. }
  76.  
  77. .main {
  78.     border: 1px solid white;
  79.     height: 95px;
  80.     padding: 10px;
  81. }
  82.  
  83. .header {
  84.     overflow: hidden;
  85.     background-color: black;
  86.     padding: 20px 10px;
  87.     border-style: none none solid none
  88.    
  89. }
  90.  
  91. .header a{
  92.     float: left;
  93.     color: deepskyblue;
  94.     text-align: center;
  95.     padding: 12px;
  96.     text-decoration: none;
  97.     font-size: 18px;
  98.     line-height: 25px;
  99.     border-radius: 4px;
  100. }
  101.  
  102. .header a.logo{
  103.     font-size:25px;
  104.     font-weight: bold;
  105.    
  106. }
  107.  
  108. .header a:hover {
  109.     background-color: purple;
  110.     color: white;
  111. }
  112.  
  113. .header-right {
  114.     float: right;
  115. }
  116.  
  117. .header a.active {
  118.     background-color: mediumblue;
  119.     color: white;
  120. }
  121.  
  122. .footer {
  123.     background-color: black;
  124.     color: deepskyblue;
  125.     width: 100%;
  126.     margin: 0px auto 0px auto;
  127.     clear: both;
  128.  
  129. }
  130.  
  131. @media screen and (max-width: 500px) {
  132.   .header a {
  133.     float: none;
  134.     display: block;
  135.     text-align: left;
  136.   }
  137.   .header-right {
  138.     float: none;
  139.   }
  140. }
RAW Paste Data