← Back to branch summary

~loggerhead-team/loggerhead/trunk-rich

« back to all changes in this revision

Viewing changes to loggerhead/static/css/diff.css

  • Committer: Michael Hudson
  • Date: 2009-03-02 05:44:20 UTC
  • Revision ID: michael.hudson@canonical.com-20090302054420-rb67u40azt5b80bi
so it turns out that doing the whitespace compression when we load the template
works just as well as doing it when we generate the content, so do it then.
this makes me less worried about mangling whitespace in user content...

Show diffs side-by-side

added added

removed removed

Lines of Context:
loggerhead/static/css/diff.css
1
1
/*Info Box*/
2
2
.infoContainer {
3
 
    width: 970px;
4
 
    padding: 10px 10px 0 10px;
5
 
    margin: 0 0 10px 0;
6
 
    color: #666;
7
 
    background: #fcfcfc url(../images/bg_infobox.gif) repeat-y top right;
8
 
    border: 1px solid #b7b7b7;
9
 
    }
 
3
    width:970px;
 
4
    padding:10px 10px 0px 10px;
 
5
    margin:0px 0px 10px 0px;
 
6
    color:#666;
 
7
    background:#fcfcfc url(../images/bg_infobox.gif) repeat-y top right;
 
8
    border:1px solid #b7b7b7;
 
9
}
10
10
ul#list-files {
11
 
    float: right;
12
 
    width: 460px;
13
 
    font-size: 77%;
14
 
    color: #000;
15
 
    }
 
11
    float:right;
 
12
    width:460px;
 
13
    list-style:none;
 
14
    margin:0px;
 
15
    padding:0px;
 
16
    font:normal 11px/normal sans-serif;
 
17
    color:#000;
 
18
}
16
19
ul#list-files li {
17
 
    width: 440px;
18
 
    padding: 2px 0 2px 20px;
19
 
    margin: 0 0 2px 8px;
20
 
    background: url(../images/ico_file.gif) 2px 0 no-repeat;
21
 
    }
 
20
    width:440px;
 
21
    padding:2px 0px 2px 20px;
 
22
    margin:0px 0px 2px 8px;
 
23
    background:url(../images/ico_file.gif) 2px 0px no-repeat;
 
24
}
22
25
ul#list-files li.desc {
23
26
    margin-left: 0;
24
 
    background: url(../images/ico_description.gif) 0 0 no-repeat;
25
 
    }
 
27
    background:url(../images/ico_description.gif) 0px 0px no-repeat;
 
28
}
26
29
#infTxt {
27
 
    float: left;
28
 
    width: 493px;
29
 
    margin: 0 0 5px 0;
30
 
    font-size:  77%;
31
 
    color: #666;
32
 
    }
 
30
    float:left;
 
31
    width:493px;
 
32
    margin:0px 0px 5px 0px;
 
33
}
 
34
.information, .committer, .timer, .mfrom, .mto, .revid {
 
35
    clear:both;
 
36
    margin:0px;
 
37
    padding:0px 0px 2px 18px;
 
38
    font:normal 11px/1.3 sans-serif;
 
39
    color:#666;
 
40
    background:url(../images/ico_description.gif) no-repeat top left;
 
41
}
 
42
.revid {
 
43
    padding:1px 0px 0px 18px;
 
44
    margin:0px 10px 5px 0px;
 
45
}
 
46
.committer, .mfrom, .mto {
 
47
    color:#000;
 
48
    padding:1px 0px 0px 18px;
 
49
    margin:0px 10px 5px 0px;
 
50
    float:left;
 
51
    display:inline;
 
52
    background:url(../images/ico_committer.gif) no-repeat 2px 0px;
 
53
}
 
54
.timer {
 
55
    margin:0px 10px 5px 0px;
 
56
    padding:1px 0px 0px 18px;
 
57
    float:left;
 
58
    clear:none;
 
59
    display:inline;
 
60
    background:url(../images/ico_time.gif) no-repeat top left;
 
61
}
 
62
.mfrom {
 
63
    background:url(../images/ico_mergefrom.gif) no-repeat top left;
 
64
}
 
65
.mto {
 
66
    background:url(../images/ico_mergeto.gif) no-repeat top left;
 
67
}
 
68
/**/
 
69
#loggerheadCont p.expand, #loggerheadCont p.expand a, #loggerheadCont p.expand a:link, #loggerheadCont p.expand a:visited, #loggerheadCont p.expand a:hover {
 
70
    color:#0f6b97;
 
71
    text-decoration:none;
 
72
    margin-right:10px;
 
73
    float:left;
 
74
}
 
75
#loggerheadCont p.codin, #loggerheadCont p.codin a, #loggerheadCont p.codin a:link, #loggerheadCont p.codin a:visited, #loggerheadCont p.codin a:hover {
 
76
    color:#000;
 
77
    font-size:12px;
 
78
    text-decoration:none;
 
79
    margin-right:10px;
 
80
    float:left;
 
81
}
33
82
/*Diff Boxes*/
34
83
.diffBox {
35
 
    width: 100%;
36
 
    padding: 6px 0;
37
 
    background: #eef6fa;
38
 
    border: 1px solid #d2d2d2;
39
 
    margin: 10px 0 0 0;
40
 
    }
 
84
    width:100%;
 
85
    padding:6px 0%;
 
86
    background:#eef6fa;
 
87
    border:1px solid #d2d2d2;
 
88
    margin:10px 0px 0px 0px;
 
89
}
41
90
.diffBox img {
42
 
    vertical-align: middle;
43
 
    }
44
 
.diffBox a {
45
 
    text-decoration: none;
46
 
    }
 
91
    vertical-align:middle;
 
92
}
 
93
.diffBox a, .diffBox a:link, .diffBox a:visited, .diffBox a:hover {
 
94
    text-decoration:none;
 
95
}
47
96
.diff {
48
 
    margin: 2em 0;
49
 
    }
 
97
    margin: 2em 0 2em 0;
 
98
}
50
99
.diffinfo {
51
100
    overflow: hidden;
52
 
    }
 
101
}
53
102
.lineNumber {
54
 
    width: 2%;
55
 
    border-width: 0 1px;
56
 
    border-style: solid;
57
 
    border-color: #d5d5d5;
58
 
    background: #f8fbfd;
59
 
    text-align: right;
60
 
    }
 
103
    width:2%;
 
104
    border-right:1px solid #d5d5d5;
 
105
    border-left:1px solid #d5d5d5;
 
106
    background:#f8fbfd;
 
107
    text-align:right;
 
108
}
61
109
.unified .lineNumber.second {
62
 
    border-left: 0;
63
 
    }
64
 
.code,
65
 
.lineNumber {
66
 
    float: left;
67
 
    padding: 0 1%;
68
 
    color: #000;
69
 
    font-size: 85%;
70
 
    font-family: 'UbuntuBeta Mono', 'Ubuntu Mono', monospace;
71
 
    line-height: 180%;
72
 
    }
73
 
.blank {
74
 
    float: left;
75
 
    padding: 0 1%;
76
 
    }
77
 
.unified .code {
78
 
    width: 89%;
79
 
    }
80
 
.sbs .code,
81
 
.blank {
82
 
    width: 43%;
 
110
    border-left:0px;
 
111
}
 
112
.code, .lineNumber {
 
113
    float:left;
 
114
    padding:0px 1%;
 
115
    color:#000;
 
116
    font:normal 12px/1.8 monospace;
 
117
}
 
118
.blank {
 
119
    float: left;
 
120
    padding:0px 1%;
 
121
}
 
122
.unified .code { width:89%; }
 
123
.sbs .code, .blank {
 
124
    width:43%;
83
125
    overflow: hidden;
84
 
    }
 
126
}
85
127
.unified .insert-row .lineNumber.first {
86
 
    background: #c9ffc9;
87
 
    }
 
128
    background:#c9ffc9;
 
129
}
88
130
.unified .delete-row .lineNumber.second {
89
 
    background: #ffbfbf;
90
 
    }
91
 
.code.insert,
92
 
.insert-row .lineNumber.second,
93
 
.both-row .lineNumber.second {
94
 
    background: #92ed92;
95
 
    }
96
 
.code.delete,
97
 
.delete-row .lineNumber.first,
98
 
.both-row .lineNumber.first {
99
 
    background: #ff7f7f;
100
 
    }
 
131
    background:#ffbfbf;
 
132
}
 
133
.code.insert, .insert-row .lineNumber.second, .both-row .lineNumber.second {
 
134
    background:#92ed92;
 
135
}
 
136
.code.delete, .delete-row .lineNumber.first, .both-row .lineNumber.first {
 
137
    background:#ff7f7f;
 
138
}
101
139
.separate {
102
140
    height: 2em;
103
141
    background: #e3e3e3;
104
 
    }
 
142
}
105
143
ul#pages {
106
 
    margin-top: 10px;
107
 
    }
 
144
    margin-top:10px;
 
145
}
108
146
/*Foot Links*/
109
147
#loggerheadCont p.lpandbzr {
110
 
    float: left;
111
 
    padding: 3px 0 0 0;
112
 
    margin-top: 10px;
113
 
    }
 
148
    float:left;
 
149
    padding:3px 0px 0px 0px;
 
150
    margin-top:10px;
 
151
}