mediagoblin/static/css/base.css

   1 body {
   2   background-color: #272727;
   3   color: #f7f7f7;
   4   font-family: sans-serif;
   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 p {
  27   font-family: sans-serif;
  28   font-size:16px;
  29 }
  30
  31 a {
  32   color: #86D4B1;
  33 }
  34
  35 label {
  36   font-weight: normal;
  37 }
  38
  39 /* website structure */
  40
  41 .mediagoblin_header {
  42   width:100%;
  43   height:36px;
  44   background-color:#393939;
  45   padding-top:14px;
  46   margin-bottom:40px;
  47 }
  48
  49 .icon {
  50   vertical-align:middle;
  51   margin-right:10px;
  52 }
  53
  54 .mediagoblin_container {
  55   width: 960px;
  56   margin-left: auto;
  57   margin-right: auto;
  58 }
  59
  60 .mediagoblin_header_right {
  61   float:right;
  62 }
  63
  64 .button {
  65   font-family:'Carter One', arial, serif;
  66   height:32px;
  67   min-width:99px;
  68   background-color:#86d4b1;
  69   box-shadow:0px 0px 4px #000;
  70   border-radius:5px;
  71   border:none;
  72   color:#272727;
  73   margin:10px;
  74   font-size:1em;
  75   display:block;
  76   text-align:center;
  77   padding-left:11px;
  78   padding-right:11px;
  79 }
  80
  81 /* common website elements */
  82
  83 .dotted_line {
  84   width:100%;
  85   height:0px;
  86   border-bottom: dotted 1px #5f5f5f;
  87   position:absolute;
  88   left:0px;
  89   margin-top:-20px;
  90 }
  91
  92 /* forms */
  93
  94 .form_box {
  95   width:300px;
  96   margin-left:auto;
  97   margin-right:auto;
  98   background-color:#393939;
  99   padding:0px 83px 30px 83px;
 100   border-top:5px solid #d49086;
 101   font-size:18px;
 102 }
 103
 104 .form_box h1 {
 105   font-size:28px;
 106 }
 107
 108 .form_field_input input {
 109   width:300px;
 110   font-size:18px;
 111 }
 112
 113 .form_field_box {
 114   margin-bottom:24px;
 115 }
 116
 117 .form_field_label,.form_field_input {
 118   margin-bottom:4px;
 119 }
 120
 121 .form_field_error {
 122   background-color:#87453b;
 123   border:none;
 124   font-size:16px;
 125   padding:9px;
 126   margin-top:8px;
 127   margin-bottom:8px;
 128 }