karmaworld/assets/css/home.css

   1 #splash {
   2   padding: 4% 5% 4% 5%;
   3   color: #ffffff;
   4   text-align: center;
   5   font-size: 3.3em;
   6   background-size: cover;
   7   background-position: center center;
   8   line-height: 1.5;
   9 }
  10
  11 @media only screen and (max-width: 500px) {
  12   #splash {
  13     background-image: url('/static/img/banner_small.jpg');
  14   }
  15 }
  16
  17 @media only screen and (min-width: 501px) {
  18   #splash {
  19     background-image: url('/static/img/banner_large.jpg');
  20   }
  21 }
  22
  23 @media only screen and (max-width: 40.063em) {
  24   #splash {
  25     font-size: 1.8em;
  26   }
  27 } /* medium screens and down */
  28
  29 #course-search-bar {
  30   background: #f5f5f5;
  31   padding: 15px 0 0 0;
  32   font: 1em 'museo300';
  33 }
  34
  35 #intro-video-button {
  36   color: #f1592a;
  37   background: #ffffff;
  38   margin: 10px 0 0 0;
  39   padding: 5px 5px 5px 5px;
  40   box-shadow: 1px 1px 3px black;
  41 }
  42
  43 #add-course-btn {
  44   width: 100%;
  45   font-size: 1.2em;
  46   border-radius: 3px;
  47   height: 40px;
  48   margin-bottom: 10px;
  49 }
  50