git.cworth.org Git - turbot-web/blob - overview.css

   1 /* The grid: columns that float next to each other */
   2 .column {
   3   float: left;
   4   width: 15%;
   5   padding: 25px;
   6   text-align: center;
   7   font-size: 20px;
   8   cursor: pointer;
   9   color: black;
  10   border-radius: 25px;
  11   margin: 25px;
  12 }
  13
  14 .containerTab {
  15   padding: 20px;
  16   color: black;
  17   border-radius: 25px;
  18   margin: auto;
  19   width: 40%;
  20
  21
  22 }
  23
  24 /* Clear floats after the columns */
  25 .row:after {
  26   content: "";
  27   display: table;
  28   clear: both;
  29 }
  30
  31 /* Closable button inside the image */
  32 .closebtn {
  33   float: right;
  34   color: black;
  35   font-size: 35px;
  36   cursor: pointer;
  37 }
  38
  39 table {
  40   color: black;
  41   padding: 5px;
  42 }
  43
  44 th, td {
  45   padding: 5px;
  46 }
  47
  48 .solved {
  49   background-color: chartreuse;
  50 }
  51
  52 .unsolved {
  53   background-color: orange;
  54 }
  55
  56 /* The sidebar menu */
  57 .sidenav {
  58   height: 100%; /* Full-height: remove this if you want "auto" height */
  59   width: 160px; /* Set the width of the sidebar */
  60   position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  61   z-index: 1; /* Stay on top */
  62   top: 0; /* Stay at the top */
  63   left: 0;
  64   background-color: #111; /* Black */
  65   overflow-x: hidden; /* Disable horizontal scroll */
  66   padding-top: 20px;
  67 }
  68
  69 /* The navigation menu links */
  70 .sidenav a {
  71   padding: 6px 8px 6px 16px;
  72   text-decoration: none;
  73   font-size: 25px;
  74   color: #818181;
  75   display: block;
  76 }
  77
  78 /* When you mouse over the navigation links, change their color */
  79 .sidenav a:hover {
  80   color: #f1f1f1;
  81 }
  82
  83 /* Style page content */
  84 body {
  85   margin-left: 160px; /* Same as the width of the sidebar */
  86   padding: 0px 10px;
  87   background-color: #BBB;
  88 }
  89
  90 /* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
  91 @media screen and (max-height: 450px) {
  92   .sidenav {padding-top: 15px;}
  93   .sidenav a {font-size: 18px;}
  94 }