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:50px;
  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:60px;
  39     background-color:#393939;
  40     padding-top:40px;
  41     margin-bottom:80px;
  42 }
  43
  44 .mediagoblin_content {
  45     width: 960px;
  46     margin-left: auto;
  47     margin-right: auto;
  48 }
  49
  50 .button_red, .button_green {
  51     font-family: 'Carter One', arial, serif;
  52     height: 28px;
  53     min-width: 99px;
  54     box-shadow: 0px 0px 5px #000;
  55     border-radius: 5px;
  56     border: none;
  57     color: #272727;
  58     margin: 10px;
  59     font-size: 1em;
  60     float: left;
  61     display: block;
  62     text-align: center;
  63     padding-top: 4px;
  64     padding-left:11px;
  65     padding-right:11px;
  66 }
  67
  68 /* common website elements */
  69
  70 .dotted_line {
  71     width:100%;
  72     height:0px;
  73     border-bottom: dotted 1px #5f5f5f;
  74     position:absolute;
  75     left:0px;
  76     margin-top:-20px;
  77 }
  78
  79 .button_red {
  80     background-image: url('../images/button_red.png');
  81 }
  82
  83 .button_green {
  84     background-image: url('../images/button_green.png');
  85 }
  86