karmaworld/assets/css/about.css

   1 /* ABOUT */
   2
   3 #about_content
   4 {
   5   padding-top: 46px;
   6 }
   7
   8 #about_rule
   9 {
  10   border-bottom: solid 1px #d2d2d2;
  11 }
  12
  13 /* HERO */
  14
  15 #hero_image
  16 {
  17   height: 525px;
  18   background: url(../img/team_crop.jpg);
  19 }
  20
  21 /* COPY */
  22
  23 #about_copy_header
  24 {
  25   padding-top: 40px;
  26   color: #f05a28;
  27   font-size: 38px;
  28 }
  29
  30 #about_copy_body
  31 {
  32   padding-bottom: 40px;
  33 }
  34
  35 #about_copy_body p
  36 {
  37   font-size: 17px;
  38   margin: 20px 0 0;
  39   line-height: 150%;
  40 }
  41
  42 #about_copy_body p a
  43 {
  44   color: #f05a28;
  45   text-decoration: underline;
  46 }
  47
  48 /* DONATE */
  49
  50 #donate_container
  51 {
  52   background-color: #efefef;
  53   background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d7d7d8)); /* Safari 4+, Chrome */
  54   background-image: -webkit-linear-gradient(top, #efefef, #d7d7d8); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  55   background-image:    -moz-linear-gradient(top, #efefef, #d7d7d8); /* Firefox 3.6-15 */
  56   background-image:      -o-linear-gradient(top, #efefef, #d7d7d8); /* Opera 11.10-12.00 */
  57   background-image:         linear-gradient(to bottom, #efefef, #d7d7d8); /* Firefox 16+, IE10, Opera 12.50+ */
  58   border-top: 1px solid white;
  59   border-bottom: 1px solid #c5c5c5;
  60   height: 149px;
  61 }
  62
  63 #donate_copy_header
  64 {
  65   font-size: 40px;
  66   color: #3a3a3a;
  67 }
  68
  69 #donate_copy_body
  70 {
  71   font-size: 20px;
  72   color: #3a3a3a;
  73   padding-top: 10px;
  74 }
  75
  76 #donate_button_container
  77 {
  78   height: 70px;
  79 }
  80
  81 #donate_button
  82 {
  83 }
  84
  85 #amazon-donate-form {
  86   margin: 1em 1em 0;
  87 }
  88 #donate-text {
  89   margin: 1em 0;
  90   text-align: center;
  91 }
  92 /* LEADERBOARD */
  93
  94 #leaderboard_header
  95 {
  96   padding-top: 75px;
  97   font-size: 25px;
  98 }
  99
 100 #leaderboard_copy
 101 {
 102   font-size: 17px;
 103   padding-top: 3px;
 104   padding-bottom: 30px;
 105 }
 106
 107 #leaderboard_table
 108 {
 109   padding-bottom: 85px;
 110 }
 111
 112 #leaderboard_table .leaderboard_item:last-child
 113 {
 114   border: none;
 115   padding-bottom: 0px;
 116 }
 117
 118 .leaderboard_item
 119 {
 120   border-bottom: 1px solid #000;
 121   padding-bottom: 10px;
 122   padding-top: 10px;
 123 }
 124
 125 .leaderboard_rank
 126 {
 127   font-size: 14px;
 128   padding-top: 4px;
 129 }
 130
 131 .leaderboard_school, .leaderboard_score
 132 {
 133   font-size: 19px;
 134 }
 135
 136 .bullets li
 137 {
 138   font-size: 17px;
 139 }