mediagoblin/static/css/base.css

   1 body {
   2     background-color: #272727;
   3     color: #f7f7f7;
   4     font-family: sans;
   5     padding:none;
   6     margin:0px;
   7 }
   8
   9 /* Carter One font */
  10
  11 @font-face {
  12   font-family: 'Carter One';
  13   font-style: normal;
  14   font-weight: normal;
  15   src: local('CarterOne'), url('http://themes.googleusercontent.com/font?kit=VjW2qt1pkqVtO22ObxgEBRsxEYwM7FgeyaSgU71cLG0') format('woff');
  16 }
  17
  18 /* text styles */
  19
  20 h1 {
  21     font-family: 'Carter One', arial, serif;
  22     margin-bottom: 20px;
  23     margin-top:40px;
  24 }
  25
  26 a {
  27     color: #86D4B1;
  28 }
  29
  30 label {
  31   font-weight: normal;
  32 }
  33
  34 /* website structure */
  35
  36 .mediagoblin_header {
  37     width:100%;
  38     height:36px;
  39     background-color:#393939;
  40     padding-top:14px;
  41     margin-bottom:40px;
  42 }
  43
  44 .icon {
  45     vertical-align:middle;
  46     margin-right:10px;
  47 }
  48
  49 .mediagoblin_container {
  50     width: 960px;
  51     margin-left: auto;
  52     margin-right: auto;
  53 }
  54
  55 .mediagoblin_header_right {
  56     float:right;
  57 }
  58
  59 .button {
  60     font-family:'Carter One', arial, serif;
  61     height:32px;
  62     min-width:99px;
  63     background-color:#86d4b1;
  64     box-shadow:0px 0px 4px #000;
  65     border-radius:5px;
  66     border:none;
  67     color:#272727;
  68     margin:10px;
  69     font-size:1em;
  70     float:left;
  71     display:block;
  72     text-align:center;
  73     padding-left:11px;
  74     padding-right:11px;
  75 }
  76
  77 /* common website elements */
  78
  79 .dotted_line {
  80     width:100%;
  81     height:0px;
  82     border-bottom: dotted 1px #5f5f5f;
  83     position:absolute;
  84     left:0px;
  85     margin-top:-20px;
  86 }
  87
  88 /* forms */
  89
  90 .form_box {
  91     width:300px;
  92     margin-left:auto;
  93     margin-right:auto;
  94     background-color:#393939;
  95     padding:50px 83px 83px;
  96     border-top:5px solid #d49086;
  97     font-size:18px;
  98 }
  99
 100 .form_field_input input {
 101     width:300px;
 102     font-size:18px;
 103 }
 104
 105 .form_field_box {
 106     margin-bottom:20px;
 107 }
 108
 109 .form_field_label {
 110     margin-bottom:4px;
 111 }