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