karmaworld/assets/css/lightbox.css

   1 /* MODAL CONTENT */
   2 .modal_content
   3 {
   4   width: 100%;
   5   height: 100%;
   6   position: absolute;
   7   top: 0px;
   8   left: 0px;
   9   background-color: rgba(0, 0, 0, .8);
  10   z-index: 999;
  11   display:none;
  12 }
  13
  14 .lightbox_modal
  15 {
  16   margin: 121px auto 0px;
  17   background-color: #000;
  18   border: solid 1px rgba(255, 255, 255, .5);
  19 }
  20
  21 .lightbox_header
  22 {
  23   font-family: "MuseoSlab-700";
  24   font-size: 43px;
  25   text-align: center;
  26   padding-top: 65px;
  27   padding-bottom: 54px;
  28   color: #FFF;
  29 }
  30
  31 .lightbox_header.short_row
  32 {
  33   padding-bottom: 15px!important;
  34 }
  35
  36 .lightbox_subhead
  37 {
  38   font-family: "MuseoSlab-500";
  39   font-size: 19px;
  40   color: #FFF;
  41   text-align: center;
  42   padding-bottom: 35px;
  43 }
  44
  45 /* FORM CONTENT */
  46 .lightbox_row
  47 {
  48   padding-bottom: 25px;
  49 }
  50
  51 .lightbox_label
  52 {
  53   font-family: "MuseoSlab-500";
  54   font-size: 14px;
  55   color: #9f9e9e;
  56 }
  57
  58 .lightbox_copy
  59 {
  60   font-family: "MuseoSlab-500";
  61   font-size: 18px;
  62   color: #FFF;
  63 }
  64
  65 .lightbox_instruction
  66 {
  67   font-family: "MuseoSans-500";
  68   font-size: 12px;
  69   color: #fff;
  70   padding-top: 5px;
  71 }
  72
  73 .lightbox_instruction a
  74 {
  75   color: #fff;
  76   text-decoration: underline;
  77 }
  78
  79 .lightbox_textfield
  80 {
  81   -webkit-border-radius: 8px!important; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
  82           border-radius: 8px!important; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
  83   font-size: 18px!important;
  84   font-family: "MuseoSlab-500"!important;
  85   height: 34px!important;
  86   background-color: #e3e3e3!important;
  87   border: 1px solid #333!important;
  88   -webkit-box-shadow: inset 0px 0px 4px 0px rgba( 0, 0, 0, .75 )!important; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  89           box-shadow: inset 0px 0px 4px 0px rgba( 0, 0, 0, .75 )!important; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
  90 }
  91
  92 .lightbox_textarea
  93 {
  94   height: 138px!important;
  95 }
  96
  97 /* JOIN COURSE */
  98 .join_course_row
  99 {
 100   text-align: center;
 101   padding-bottom: 27px;
 102 }
 103
 104 #join_course_or
 105 {
 106   font-family: "MuseoSans-300";
 107   font-size: 14px;
 108   color: #fff;
 109 }
 110
 111 .lightbox_field_label
 112 {
 113   font-family: "MuseoSlab-700";
 114   font-size: 16px;
 115   color: #f05a28;
 116   text-align: center;
 117   padding-bottom: 10px;
 118 }
 119
 120 #lightbox_search_txt
 121 {
 122   background: url(../img/lightbox_search_icon.png) 5px no-repeat;
 123   padding-left: 28px;
 124 }
 125
 126 .signup_course_row
 127 {
 128   text-align: center;
 129   padding-bottom: 15px;
 130 }
 131
 132 #lightbox_signup_submit
 133 {
 134   margin: 0 auto;
 135   width: 108px;
 136   padding-bottom: 27px;
 137 }
 138
 139 #lightbox_signup_submit .lightbox_bevel
 140 {
 141   -webkit-border-radius: 8px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
 142           border-radius: 8px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
 143           /* useful if you don't want a bg color from leaking outside the border: */
 144   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
 145   background-color: #505050;
 146   background-image: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#414141)); /* Safari 4+, Chrome */
 147   background-image: -webkit-linear-gradient(top, #505050, #414141); /* Chrome 10+, Safari 5.1+, iOS 5+ */
 148   background-image:    -moz-linear-gradient(top, #505050, #414141); /* Firefox 3.6-15 */
 149   background-image:      -o-linear-gradient(top, #505050, #414141); /* Opera 11.10-12.00 */
 150   background-image:         linear-gradient(to bottom, #505050, #414141); /* Firefox 16+, IE10, Opera 12.50+ */
 151   padding-bottom: 1px;
 152 }
 153
 154 #lightbox_signup_submit .button_interior
 155 {
 156   margin-top: -1px;
 157   text-align: center;
 158   font-family: "MuseoSlab-700";
 159   font-size: 16px;
 160   padding: 8px;
 161   color: #FFF;
 162   border: 1px solid #000;
 163 }
 164
 165 /* LIGHTBOX CLOSE */
 166 .lightbox_close
 167 {
 168   width: 38px;
 169   height: 38px;
 170   -webkit-border-radius: 19px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
 171           border-radius: 19px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
 172   position: absolute;
 173   z-index: 2;
 174   top: -19px;
 175   right: -19px;
 176   border: solid 2px rgba( 255, 255, 255, .5 ) !important;
 177   background: rgba(0, 0, 0, .8) url(../img/lightbox_close_x.png) 50% 50% no-repeat!important;
 178   cursor: pointer;
 179 }
 180
 181 /* HAXs! */
 182 div#file-uploader-label h2
 183 {
 184   font-size: 12pt;
 185 }
 186
 187 .select_box
 188 {
 189   display:none;
 190 }
 191
 192 .qq-upload-list
 193 {
 194   display: none;
 195 }
 196
 197 button.lightbox-button {
 198     background:none!important;
 199     border:none;
 200     color: #FFF;
 201     cursor: pointer;
 202     padding:0!important;
 203     font-family: "MuseoSlab-700";
 204     font-size: 16px;
 205 }
 206
 207 button.lightbox-button:hover {
 208     text-decoration: underline;
 209 }