COSC4606-Assignment-02

Database front end that allows for CRUD operations and user management
git clone git://mattcarlson.org/repos/COSC4606-Assignment-02.git
Log | Files | Refs | README

main.css (2416B)

      1 /* Default */
      2 * {
      3     font-family     : 'Open Sans', sans-serif;
      4     font-size       : .75rem;
      5     list-style-type : none;
      6 }
      7 
      8 /* Links should not be so ugly */
      9 a {
     10     color           : white;
     11     text-decoration : none;
     12 }
     13 
     14 /* Forms */
     15 form input, label {
     16     margin  : 0.25rem 0.25rem 0.25rem 0;
     17     padding : 0.25rem 0.25rem 0.25rem 0;
     18 }
     19 
     20 h1 {
     21     font-size   : 2rem;
     22     font-weight : normal;
     23 }
     24 
     25 ul {
     26     margin  : 0;
     27     padding : 0;
     28 }
     29 
     30 /* Buttons */
     31 input[type='submit'] {
     32     background-color : #b3212c;
     33     border           : 0 !important;
     34     color            : white;
     35     outline          : 0 !important;
     36     outline-style    : none;
     37     padding          : 1rem;
     38 }
     39 input[type='submit']:active { padding : 0.75rem; }
     40 input[type='submit']:hover { background-color : #d72836; }
     41 
     42 /* Login screen */
     43 
     44 #login_header, #login_form { padding-left: 1.25rem; }
     45 
     46 /* Navigation bar that shows actions (e.g., forms, reports, etc.) */
     47 .nav {
     48      background-color : #b3212c;
     49      height           : 100%;
     50      left             : 0;
     51      overflow-x       : hidden;
     52      padding-top      : 3.75rem;
     53      position         : fixed;
     54      top              : 0;
     55      transition       : .5s;
     56      width            : 0;
     57      z-index          : 1;
     58 }
     59 
     60 /* Navbar text */
     61 .nav a, .nav h1 {
     62     color           : white;
     63     display         : block;
     64     padding         : .5rem .5rem .5rem 2rem;
     65 }
     66 
     67 /* Hover over actions */
     68 .nav a:hover { color : #cccccc; }
     69 
     70 /* Exit button */
     71 .nav .exit {
     72     font-size   : 3rem;
     73     position    : absolute;
     74     right       : 1rem;
     75     top         : 0;
     76 }
     77 
     78 #main {
     79     /* Transition when navbar is opened or closed */
     80     padding-left : 1.25rem;
     81     transition   : margin-left .5s;
     82 }
     83 
     84 #header {
     85     /* border-bottom         : 0.2rem; */
     86     /* border-color          : black;  */
     87     /* border-bottom-style   : solid;  */
     88     color                 : white;
     89     background-color      : #b3212c;
     90     display               : flex;
     91     font-size             : 1.25rem;
     92     padding-left          : 1.25rem;
     93     /* Transition when navbar is opened or closed */
     94     transition            : margin-left .5s;
     95     height: 5.625rem;
     96 }
     97 
     98 #header #header_options {
     99     line-height   : 4.375rem;
    100     margin-left   : auto;
    101     padding-right : 1.25rem;
    102 }
    103 
    104 #actions, #logout {
    105     font-size        : 1.75rem;
    106     padding          : 0.5rem;
    107     vertical-align   : middle;
    108 }
    109 #actions:hover, #logout:hover { color: #cccccc; }