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

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