Added @font-face to css
[mediagoblin.git] / mediagoblin / static / css / base.css~
1 body {
2 background-color: #272727;
3 background-image: url('back.png');
4 color: #f7f7f7;
5 font-family: sans;
6 padding:none;
7 margin:0px;
8 }
9
10 /* Carter One font */
11
12 @font-face {
13 font-family: 'Carter One';
14 font-style: normal;
15 font-weight: normal;
16 src: local('CarterOne'), url('http://themes.googleusercontent.com/font?kit=VjW2qt1pkqVtO22ObxgEBRsxEYwM7FgeyaSgU71cLG0') format('woff');
17 }
18
19 /* text styles */
20
21 h1 {
22 font-family: 'Carter One', arial, serif;
23 margin-bottom: 20px;
24 margin-top:50px;
25 }
26
27 .dotted_line {
28 width:100%;
29 height:0px;
30 border-bottom: dotted 1px #5f5f5f;
31 position:absolute;
32 left:0px;
33 margin-top:-20px;
34 }
35
36 a {
37 color: #d12929;
38 border-bottom: 1px dotted;
39 text-decoration: none;
40 }
41
42 .mediagoblin_header {
43 width:100%;
44 height:60px;
45 background-image:url('../images/header_back.png');
46 padding-top:40px;
47 margin-bottom:80px;
48 }
49
50 .mediagoblin_content {
51 width: 800px;
52 margin-left: auto;
53 margin-right: auto;
54 }
55
56 .button_red, .button_green {
57 font-family: 'Carter One', arial, serif;
58 height: 28px;
59 min-width: 99px;
60 box-shadow: 0px 0px 5px #000;
61 border-radius: 5px;
62 border: none;
63 color: #272727;
64 margin: 10px;
65 font-size: 1em;
66 float: left;
67 display: block;
68 text-align: center;
69 padding-top: 4px;
70 padding-left:11px;
71 padding-right:11px;
72 }
73
74 .button_red {
75 background-image: url('../images/button_red.png');
76 }
77
78 .button_green {
79 background-image: url('../images/button_green.png');
80 }
81