class_management_system

Senior Project - Spring 2019
Log | Files | Refs | README

style.css (2191B)

      1 body
      2 {
      3     background: #FFF3DD;
      4     background-color: #FFF3DD;
      5     height: 100%;
      6     margin-left: auto;
      7     margin-right: auto;
      8     margin-top: 0px;
      9     font-family: Arial;
     10 }
     11 
     12 html
     13 {
     14     background: #FFF3DD;
     15     background-color: #FFF3DD;
     16     height: 100%;
     17     margin-left: auto;
     18     margin-right: auto;
     19     margin-top: 0px;
     20     font-family: Arial;
     21 }
     22 
     23 div
     24 {
     25     height: 100px;
     26     width: 1000px;
     27     padding: 10px;
     28     border: 5px solid #57150B;
     29     border-top: 50px solid #57150B;
     30     margin-top: 0px;
     31     margin-left: auto;
     32     margin-right: auto;
     33 }
     34 
     35 .button 
     36 {
     37     background-color: #57150B;
     38     border: none;
     39     color: #FFDD4D;
     40     padding: 15px 32px;
     41     text-align: center;
     42     text-decoration: none;
     43     display: inline-block;
     44     font-size: 16px;
     45     margin: 4px 2px;
     46     cursor: pointer;
     47 }
     48 
     49 .navbox{
     50     width: 65em;
     51     display: flex;
     52     border-radius: 25px;
     53     margin: 0 auto;
     54     padding: 10px;
     55     background-color: #40e0d0;
     56 }
     57 .nav {
     58     margin: 0 auto;
     59     display: inline;
     60     overflow: hidden;
     61     font-family: Arial;
     62 }
     63 .nav a {
     64     margin:0 auto;
     65     border-radius: 25px;
     66     float: left;
     67     font-size: 16px;
     68     color: #000;
     69     background-color: #40e0d0;
     70     text-align: center;
     71     padding: 10px 16px;
     72     text-decoration: none;
     73 }
     74 
     75 .input
     76 {
     77     background-color: #57150B;
     78     border: none;
     79     color: #FFDD4D;
     80     padding: 15px 32px;
     81     text-align: center;
     82     text-decoration: none;
     83     display: inline-block;
     84     font-size: 16px;
     85     margin: 4px 2px;
     86     cursor: pointer;
     87 }
     88 
     89 h1 
     90 { 
     91     color: #57150B;
     92     margin-left: auto;
     93     margin-right: auto;
     94 }
     95 
     96 h2 
     97 { 
     98     color: #57150B; 
     99     margin-left: auto;
    100     margin-right: auto;
    101 }
    102 
    103 h3 
    104 { 
    105     color: #57150B; 
    106     margin-left: auto;
    107     margin-right: auto;
    108 }
    109 
    110 h4 
    111 { 
    112     color: #57150B; 
    113     margin-left: auto;
    114     margin-right: auto;
    115 }
    116 
    117 .tablink 
    118 {
    119     background-color: #57150B;
    120     color: #FFCC00;
    121     float: left;
    122     border: none;
    123     outline: none;
    124     cursor: pointer;
    125     padding: 14px 16px;
    126     font-size: 17px;
    127     width: 25%;
    128 }
    129 
    130 .tablink:hover 
    131 {
    132     background-color: #FFCC00;
    133     color: #57150B;
    134 }
    135 
    136 .tabcontent 
    137 {
    138     color: #57150B;
    139     /* display: none; */
    140     padding: 20px 20px;
    141     height: auto;
    142 }