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-form p {
  44   margin: 0 0 0 0;
  45 }
  46
  47 #add-course-form .results_on_deck {
  48   margin-top: -10px;
  49 }
  50
  51 .required-field {
  52   opacity: 0.5;
  53 }
  54
  55 ul.validation_error {
  56   margin: 0 0 0 0;
  57   list-style-type: none;
  58 }
  59
  60 label.validation_error {
  61   color: #F04124;
  62 }
  63
  64 #add-course-btn {
  65   width: 100%;
  66   font-size: 1.2em;
  67   border-radius: 3px;
  68   height: 40px;
  69   margin-bottom: 10px;
  70 }
  71