Make admin panel headers readable in Airy theme
[mediagoblin.git] / mediagoblin / themes / airy / assets / css / airy.css
1 html, body {
2 color: #4a4a4a;
3 background-color: #F7F7F7;
4 }
5
6 h1,h2,h3 {
7 color: #4a4a4a;
8 }
9
10 a {
11 color: #37AB74;
12 }
13
14 .navigation_button {
15 background-color: #fff;
16 border: 1px solid;
17 border-color: #e4e4e4;
18 border-width: 1px 1px 2px;
19 color: #4a4a4a;
20 font-weight: bold;
21 box-shadow: 0 0 3px #E4E4E4 inset;
22 }
23
24 p.navigation_button {
25 font-weight: normal;
26 color: #A2A2A2;
27 }
28
29 header {
30 background-color: #f7f7f7;
31 border-bottom: 1px solid #e4e4e4;
32 width: 940px;
33 margin-left: auto;
34 margin-right: auto;
35 }
36
37 .header_right a {
38 color: #4a4a4a;
39 }
40
41 #code_of_conduct_list strong {
42 color: #4a4a4a;
43 }
44
45 @media screen and (max-width: 940px) {
46 header {
47 width: 100%;
48 }
49 }
50
51 footer {
52 border-top: 1px solid #E4E4E4;
53 }
54
55 table.admin_panel th {
56 color: #4a4a4a;
57 }
58
59 .button_action, .button_action_highlight, .button_form {
60 color: #4a4a4a;
61 background-color: #fff;
62 border: 1px solid;
63 border-color: #E4E4E4;
64 border-width: 1px 1px 2px;
65 padding: 5px 10px;
66 box-shadow: 0 0 3px #E4E4E4 inset;
67 }
68
69 .button_action_highlight, .button_form {
70 color: #fff;
71 background-color: #37AB74;
72 border-color: #6CAA8E;
73 border-width: 1px 1px 2px;
74 box-shadow: 0 0 3px #6CAA8E inset;
75 }
76
77 .button_info {
78 background-color: #9dbed5;
79 border-color: #E4E4E4;
80 color: #C3C3C3;
81 box-shadow: 0 0 3px #49717F inset;
82 }
83
84 .button_warning {
85 background-color: #d6ae96;
86 border-color: #E4E4E4;
87 color: #4a4a4a;
88 box-shadow: 0 0 3px #7F6859 inset;
89 }
90
91 input, textarea {
92 color: #4a4a4a;
93 }
94
95 .form_box, .form_box_xl {
96 background-color: #fff;
97 border: 1px solid #e4e4e4;
98 border-radius: 6px;
99 }
100
101 .media_thumbnail {
102 background-color: #fff;
103 border-color: #e4e4e4;
104 box-shadow: 0 0 3px #c4c4c4;
105 }
106
107 .media_thumbnail a {
108 color: #4a4a4a;
109 }
110
111 .empty_space {
112 background-image: url("../images/empty_dots.png");
113 }