iot-with-document-store-db

git clone git://git.codymlewis.com/iot-with-document-store-db.git
Log | Files | Refs | README

style.css (2577B)


      1 :root {
      2     --primary-color: #5cff55;
      3     --white: #fff;
      4     --black: #000;
      5     --default-color: #666;
      6     --highlight-color: #333;
      7 }
      8 
      9 h1 {
     10     text-align: center;
     11 }
     12 
     13 h2 {
     14     text-align: center;
     15 }
     16 
     17 body {
     18     padding-top: 2%;
     19     padding-left: 5%;
     20     padding-right: 5%;
     21     padding-bottom: 2%;
     22     font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
     23     background-color: var(--primary-color);
     24     background-image: url("/static/images/background.jpg");
     25     background-repeat: no-repeat;
     26     background-position: center;
     27     background-size: cover;
     28     background-attachment: fixed;
     29 }
     30 
     31 div.root {
     32     background: white;
     33     overflow: hidden;
     34 }
     35 
     36 div.menu {
     37     width: 100%;
     38     height: 40px;
     39 }
     40 
     41 div.menu a {
     42     color: var(--white);
     43 }
     44 
     45 div.item {
     46     background: var(--default-color);
     47     padding: 1%;
     48     height: 100%;
     49     float: left;
     50 }
     51 
     52 div.item:hover {
     53     background: var(--highlight-color);
     54 }
     55 
     56 div.card {
     57     border: solid 1px var(--default-color);
     58     padding: 2%;
     59     margin: 1%;
     60     width: 26%;
     61     float: left;
     62     overflow: hidden;
     63 }
     64 
     65 div.card:hover {
     66     border: solid 1px var(--black);
     67 }
     68 
     69 div.card-img {
     70     overflow: hidden;
     71     width: 100%;
     72     height: 250px;
     73 }
     74 
     75 a {
     76     color: #00B7FF;
     77 }
     78 
     79 button.project {
     80     margin: 3%;
     81     width: 100%;
     82     height: 40px;
     83     background: var(--default-color);
     84     color: white;
     85     font-size: 16px;
     86 }
     87 
     88 button.project:hover {
     89     background: var(--highlight-color);
     90 }
     91 
     92 .text-body {
     93     padding-left: 18%;
     94     padding-right: 18%;
     95 }
     96 
     97 .float-left {
     98     float: left;
     99 }
    100 
    101 .float-right {
    102     float: right;
    103 }
    104 
    105 div.centre {
    106     display: table;
    107     margin: 0 auto;
    108 }
    109 
    110 div.table {
    111     overflow: hidden;
    112     display: table;
    113     width: 100%;
    114 }
    115 
    116 aside.left {
    117     width: 60%;
    118 }
    119 
    120 aside.right {
    121     width: 35%;
    122     margin-top: 5%;
    123 }
    124 
    125 .pad-left-5 {
    126     padding-left: 5%;
    127 }
    128 
    129 .tbl {
    130     border-collapse: collapse;
    131     width: 100%;
    132 }
    133 
    134 th {
    135     border-top: 1px solid black;
    136     background-color: #4CAF50;
    137     color: white;
    138 }
    139 
    140 th, td {
    141     border-bottom: 1px solid black;
    142     padding: 15px;
    143     padding-right: 50px;
    144     text-align: center;
    145 }
    146 
    147 tr:hover {
    148     background-color: #EEE;
    149 }
    150 
    151 /* Responsive css adapters */
    152 @media only screen and (max-width: 1200px) {
    153     div.card {
    154         float: none;
    155         width: 93%;
    156         margin: 0 auto;
    157     }
    158 
    159     div.card-img {
    160         height: 150px;
    161     }
    162 }
    163 
    164 @media only screen and (max-width: 600px) {
    165     body {
    166         margin-left: 0%;
    167         margin-right: 0%;
    168         padding-left: 0%;
    169         padding-right: 0%;
    170     }
    171     .text-body {
    172         padding-left: 10%;
    173         padding-right: 10%;
    174     }
    175 }