karmaworld/assets/css/home.css

   1 /* HOME */
   2
   3 #home_content
   4 {
   5   padding-top: 46px;
   6 }
   7
   8 /* VIDEO */
   9
  10 #home_video
  11 {
  12   margin-left: -10px;
  13 }
  14
  15 #home_video_overlay
  16 {
  17   background-image: url(../img/home_video_screen_80opacity.png);
  18   position: absolute;
  19   top: -574px;
  20   height: 575px;
  21   width: 1020px;
  22   color: #FFF;
  23   cursor: pointer;
  24 }
  25
  26 #home_video_overlay_headline
  27 {
  28   padding-top: 76px;
  29   font-size: 60px;
  30 }
  31
  32 #home_video_overlay_more
  33 {
  34   padding-top: 164px;
  35   font-size: 28px;
  36   text-transform: uppercase;
  37 }
  38
  39 #home_video_overlay_more_arrow
  40 {
  41   margin-top: -20px;
  42 }
  43
  44 /* HOMEPAGE RECENT */
  45
  46 #recent_uploaded_container
  47 {
  48   background-color: #000;
  49 }
  50
  51 #recent_uploaded_headline
  52 {
  53   text-transform: uppercase;
  54   font-size: 10px;
  55   color: #c0c0c0;
  56   padding-top: 12px;
  57   padding-bottom: 12px;
  58   width: 170px!important;
  59 }
  60
  61 #recent_uploaded_scroller_screen
  62 {
  63   position: absolute;
  64   height: 34px;
  65   width: 140px;
  66   background: url(../img/home_recent_uploaded_scroller_screen.png) repeat-y;
  67   z-index: 2;
  68 }
  69
  70 #recent_uploaded_scroller_screen_right
  71 {
  72   position: absolute;
  73   height: 34px;
  74   width: 140px;
  75   background: url(../img/home_recent_uploaded_scroller_screen_right.png) repeat-y;
  76   z-index: 2;
  77   margin-left: 475px;
  78 }
  79
  80 #recent_uploaded_scroller_sled
  81 {
  82   position: absolute;
  83   top: -15px;
  84   color: #FFF;
  85   overflow-x: hidden;
  86   white-space: nowrap;
  87   width: 613px;
  88 }
  89
  90 #recent_uploaded_scroller_sled ul li.recent_upload_note_name, #recent_uploaded_scroller_sled ul li.recent_upload_note_school
  91 {
  92   list-style: none;
  93   font-size: 13px;
  94   display: inline-block;
  95   margin: 0 5px;
  96 }
  97
  98 #recent_uploaded_scroller_sled ul li.recent_upload_note_name
  99 {
 100   color: #f1592a;
 101   font-size: 13px;
 102 }
 103
 104 #recent_uploaded_scroller_sled ul li.recent_upload_note_school
 105 {
 106   color: #fff;
 107   text-transform: uppercase;
 108   font-size: 11px;
 109   padding-top: 2px;
 110 }
 111
 112
 113 /* HOMEPAGE COPY */
 114
 115 #home_copy p
 116 {
 117   font-family: "MuseoSlab-700";
 118   font-size: 25px;
 119   margin: 40px 0;
 120 }