Project

General

Profile

RE: A 37signals basecamp theme for Redmine ยป application.css

Simon Shaw, 2009-07-03 08:54

 
1
/* Gazebo CLEAN stylesheet, based on "alternate" */
2

    
3
@import url(../../../stylesheets/application.css);
4

    
5
body, #wrapper { background-color:#eee; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; }
6

    
7
a:hover { text-decoration: underline; }
8
a:hover, a:active { color: #2A5685; }
9

    
10
#header, #top-menu { margin: 0; }
11
#header { background-color: #333; padding: 8px 8px 0 8px; height: 5.5em; }
12
#header h1 { margin: 0 24px; }
13
#header #quick-search { margin: 0 24px; }
14
#top-menu { background-color: #000; font-size: 10px; position: relative; padding: 0; height: 21px }
15
#top-menu ul { padding: 0 21px; }
16
#top-menu li, #top-menu #loggedas { color: #ddd; line-height: 21px; margin-right: 4px; }
17
#top-menu li a { color: #999; font-weight: normal; padding:4px 5px; }
18
#top-menu li a:hover { color: #fff; text-decoration: none; }
19
#main { background: #EEEEEE; margin: 8px 24px 0px 24px; }
20
#content { background: #fff; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; width: 70%; overflow: auto;}
21
#sidebar { width: 26%; }
22
#footer { background-color:#EEEEEE; border: 0px; clear: left; color:#666666; font-size:9px; margin:4px 0 20px 20px; padding-bottom:15px; text-align:left; }
23
#footer a:hover { background:#666666 none repeat scroll 0 0; color:#FFFFFF !important;}
24
#footer a:link, #footer a:visited { color:#666666; }
25

    
26
/* Headers */
27
h1, h2, h3, h4 { font-family: "Lucida Grande",arial,sans-serif; }
28
h1 { font-size: 24px; font-weight: normal; margin:0pt 0pt 0pt 0.25em; padding:0pt 0pt 10px; text-align:left; }
29
h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px;}
30

    
31
h2, .wiki h1 { background-color: #edf3fe; margin: -6px -10px 10px; padding: 10px 20px; font-size: 14px; color: #000; }
32
.wiki h1 { font-family:"Trebuchet MS",Verdana,sans-serif; font-weight: bold;}
33
.wiki h2 { background-color: #fff; }
34

    
35
h3, h4 { font-weight: normal; }
36

    
37
#sidebar h3 { border-bottom:1px solid #DCDCDC; padding:6px 8px; }
38

    
39
/* Links */
40

    
41
#sidebar a:hover { background-color:#003399; color:#FFFFFF; text-decoration: none;}
42

    
43
/* Menu */
44
#main-menu { margin: 0 24px; }
45
#main-menu li a { background-color: #666; font-weight: normal; padding:4px 8px 6px; }
46
#main-menu li a:hover { background: #999; text-decoration: none; }
47
#main-menu li a.selected, #main-menu li a.selected:hover { background-color:#EEEEEE; color: #111; font-weight:bold; }
48

    
49
/* Tables */
50
table.list { border: none; }
51
table.list th { background-color: #fff; }
52
table.list tbody td, table.list tbody tr td { border-bottom: solid 1px #ddd; font-size: 11px; padding:4px 10px 4px 3px; }
53
table.list thead th {
54
	border: none;
55
	border-bottom:1px solid #999999;
56
	font-size:9px;
57
	font-weight:normal;
58
	padding:0pt 3px 3px;
59
	text-transform:uppercase;
60
}
61

    
62
table.list thead th a { color: #000; }
63
table.list thead th a:hover { color: #000; }
64

    
65
/* Issues grid styles by priorities (provided by Wynn Netherland) */
66
table.list tr.issue a { color: #333; }
67

    
68
tr.odd.priority-5, table.list tbody tr.odd.priority-5:hover { color: #900; font-weight: bold; }
69
tr.odd.priority-5 { background: #ffc4c4; }
70
tr.even.priority-5, table.list tbody tr.even.priority-5:hover { color: #900; font-weight: bold; }
71
tr.even.priority-5 { background: #ffd4d4; }
72
tr.priority-5 a, tr.priority-5:hover a { color: #900; }
73
tr.odd.priority-5 td, tr.even.priority-5 td { border-color: #ffb4b4; }
74

    
75
tr.odd.priority-4, table.list tbody tr.odd.priority-4:hover { color: #900; }
76
tr.odd.priority-4 { background: #ffc4c4; }
77
tr.even.priority-4, table.list tbody tr.even.priority-4:hover { color: #900; }
78
tr.even.priority-4 { background: #ffd4d4; }
79
tr.priority-4 a { color: #900; }
80
tr.odd.priority-4 td, tr.even.priority-4 td { border-color: #ffb4b4; }
81

    
82
tr.odd.priority-3, table.list tbody tr.odd.priority-3:hover { color: #900; }
83
tr.odd.priority-3 { background: #fee; }
84
tr.even.priority-3, table.list tbody tr.even.priority-3:hover { color: #900; }
85
tr.even.priority-3 { background: #fff2f2; }
86
tr.priority-3 a { color: #900; }
87
tr.odd.priority-3 td, tr.even.priority-3 td { border-color: #fcc; }
88

    
89
tr.odd.priority-1, table.list tbody tr.odd.priority-1:hover { color: #559; }
90
tr.odd.priority-1 { background: #eaf7ff; }
91
tr.even.priority-1, table.list tbody tr.even.priority-1:hover { color: #559; }
92
tr.even.priority-1 { background: #f2faff; }
93
tr.priority-1 a { color: #559; }
94
tr.odd.priority-1 td, tr.even.priority-1 td { border-color: #add7f3; }
95

    
96
p.breadcrumb {
97
	background-color:#EEEEEE;
98
	border-bottom:1px solid white;
99
	font-size:0.9em;
100
	margin:-6px -10px 6px;
101
	padding:6px;
102
	text-indent:15px;
103
}
104

    
105
/* Fields */
106
input[type="text"], textarea, select { padding: 2px; border: 1px solid #d7d7d7; }
107
input[type="text"] { padding: 4px; }
108
input[type="text"]:focus, textarea:focus, select:focus { border: 1px solid #888866; }
109
option { border-bottom: 1px dotted #d7d7d7; }
110
input#issue_subject { font-size: 200%; width: 90%; }
111

    
112
/* Misc */
113
.box { background-color: #fcfcfc; }
114

    
115
.contextual { font-size: 0.9em; font-family:verdana; }
116

    
117
hr { background:#eee none repeat scroll 0% 0%; }
    (1-1/1)