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 #hero_image_caption_container
  22 {
  23   position: absolute;
  24   z-index: 5;
  25   bottom: 20px;
  26 }
  27
  28 #hero_image_caption
  29 {
  30   font-family: "MuseoSlab-700";
  31   font-size: 17px;
  32   color: #FFF;
  33   line-height: 150%;
  34 }
  35
  36 /* COPY */
  37
  38 #about_copy_header
  39 {
  40   padding-top: 40px;
  41   color: #f05a28;
  42   font-family: "MuseoSlab-700";
  43   font-size: 38px;
  44 }
  45
  46 #about_copy_body
  47 {
  48   padding-bottom: 40px;
  49 }
  50
  51 #about_copy_body p
  52 {
  53   font-family: "MuseoSlab-500";
  54   font-size: 17px;
  55   margin: 20px 0 0;
  56   line-height: 150%;
  57 }
  58
  59 #about_copy_body p a
  60 {
  61   color: #f05a28;
  62   text-decoration: underline;
  63 }
  64
  65 /* DONATE */
  66
  67 #donate_container
  68 {
  69   background-color: #efefef;
  70   background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d7d7d8)); /* Safari 4+, Chrome */
  71   background-image: -webkit-linear-gradient(top, #efefef, #d7d7d8); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  72   background-image:    -moz-linear-gradient(top, #efefef, #d7d7d8); /* Firefox 3.6-15 */
  73   background-image:      -o-linear-gradient(top, #efefef, #d7d7d8); /* Opera 11.10-12.00 */
  74   background-image:         linear-gradient(to bottom, #efefef, #d7d7d8); /* Firefox 16+, IE10, Opera 12.50+ */
  75   border-top: 1px solid white;
  76   border-bottom: 1px solid #c5c5c5;
  77   height: 149px;
  78 }
  79
  80 #donate_copy_header
  81 {
  82   font-family: "MuseoSlab-700";
  83   font-size: 40px;
  84   color: #3a3a3a;
  85   padding-top: 28px;
  86 }
  87
  88 #donate_copy_body
  89 {
  90   font-family: "MuseoSlab-700";
  91   font-size: 20px;
  92   color: #3a3a3a;
  93   padding-top: 10px;
  94   padding-bottom: 28px;
  95 }
  96
  97 #donate_button_container
  98 {
  99   height: 70px;
 100   margin-top: 40px;
 101 }
 102
 103 #donate_button
 104 {
 105   height: 66px;
 106   margin: 1px;
 107   font-family: "MuseoSlab-900";
 108   font-size: 32px;
 109   text-align: center;
 110   color: #FFF;
 111   padding-top: 20px;
 112 }
 113
 114 /* LEADERBOARD */
 115
 116 #leaderboard_header
 117 {
 118   padding-top: 75px;
 119   font-family: "MuseoSlab-700";
 120   font-size: 25px;
 121 }
 122
 123 #leaderboard_copy
 124 {
 125   font-family: "MuseoSlab-500";
 126   font-size: 17px;
 127   padding-top: 3px;
 128   padding-bottom: 30px;
 129 }
 130
 131 #leaderboard_table
 132 {
 133   padding-bottom: 85px;
 134 }
 135
 136 #leaderboard_table .leaderboard_item:last-child
 137 {
 138   border: none;
 139   padding-bottom: 0px;
 140 }
 141
 142 .leaderboard_item
 143 {
 144   border-bottom: 1px solid #000;
 145   padding-bottom: 10px;
 146   padding-top: 10px;
 147 }
 148
 149 .leaderboard_rank
 150 {
 151   font-family: "MuseoSans-900";
 152   font-size: 14px;
 153   width: 20px!important;
 154   padding-top: 4px;
 155 }
 156
 157 .leaderboard_school, .leaderboard_score
 158 {
 159   font-family: "MuseoSlab-500";
 160   font-size: 19px;
 161 }
 162
 163 .bullets li
 164 {
 165   font-family: "MuseoSlab-500";
 166   font-size: 17px;
 167 }