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 a.mediagoblin_logo {
  50   width:34px;
  51   height:25px;
  52   margin-right:10px;
  53   background-image:url('../images/icon.png');
  54   background-position:0px 0px;
  55   display:inline-block;
  56 }
  57
  58 a.mediagoblin_logo:hover {
  59   background-position:0px -28px;
  60 }
  61
  62 .mediagoblin_container {
  63   width: 960px;
  64   margin-left: auto;
  65   margin-right: auto;
  66 }
  67
  68 .mediagoblin_header_right {
  69   float:right;
  70 }
  71
  72 .button {
  73   font-family:'Carter One', arial, serif;
  74   height:32px;
  75   min-width:99px;
  76   background-color:#86d4b1;
  77   box-shadow:0px 0px 4px #000;
  78   border-radius:5px;
  79   border:none;
  80   color:#272727;
  81   margin:10px;
  82   font-size:1em;
  83   display:block;
  84   text-align:center;
  85   padding-left:11px;
  86   padding-right:11px;
  87 }
  88
  89 /* common website elements */
  90
  91 .dotted_line {
  92   width:100%;
  93   height:0px;
  94   border-bottom: dotted 1px #5f5f5f;
  95   position:absolute;
  96   left:0px;
  97   margin-top:-20px;
  98 }
  99
 100 /* forms */
 101
 102 .form_box {
 103   width:300px;
 104   margin-left:auto;
 105   margin-right:auto;
 106   background-color:#393939;
 107   padding:0px 83px 30px 83px;
 108   border-top:5px solid #d49086;
 109   font-size:18px;
 110 }
 111
 112 .submit_box {
 113   width:600px;
 114 }
 115
 116 .form_box h1 {
 117   font-size:28px;
 118 }
 119
 120 .form_field_input input {
 121   width:300px;
 122   font-size:18px;
 123 }
 124
 125 .form_field_box {
 126   margin-bottom:24px;
 127 }
 128
 129 .form_field_label,.form_field_input {
 130   margin-bottom:4px;
 131 }
 132
 133 .form_field_error {
 134   background-color:#87453b;
 135   border:none;
 136   font-size:16px;
 137   padding:9px;
 138   margin-top:8px;
 139   margin-bottom:8px;
 140 }
 141
 142 /* media pages */
 143
 144 img.media_image {
 145   display:block;
 146   margin-left:auto;
 147   margin-right:auto;
 148 }
 149
 150 ul.media_thumbnail {
 151   padding:0px;
 152 }
 153
 154 li.media_thumbnail {
 155   width:200px;
 156   height:133px;
 157   display:-moz-inline-stack;
 158   display:inline-block;
 159   vertical-align:top;
 160   margin:0px 10px 10px 0px;
 161   zoom:1;
 162 . *display:inline;
 163 }