compass-cornell-plugin 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/LICENSE.mkdn +11 -0
- data/README.mkdn +41 -0
- data/compass-cornell-plugin.gemspec +27 -0
- data/lib/cornell.rb +2 -0
- data/stylesheets/cornell/_cake.scss +722 -0
- data/stylesheets/cornell/_variables.scss +32 -0
- metadata +67 -0
data/LICENSE.mkdn
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
Copyright (c) 2008-2011 Nathan Smith, Christopher M. Eppstein, Matt Sanders
|
|
2
|
+
|
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
4
|
+
|
|
5
|
+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. No attribution is required by products that make use of this software.
|
|
6
|
+
|
|
7
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
8
|
+
|
|
9
|
+
Except as contained in this notice, the name(s) of the above copyright holders shall not be used in advertising or otherwise to promote the sale, use or other dealings in this Software without prior written authorization.
|
|
10
|
+
|
|
11
|
+
Contributors to this project agree to grant all rights to the copyright holder of the primary product. Attribution is maintained in the source control history of the product.
|
data/README.mkdn
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# Cornell University Brand - Compass Plugin
|
|
2
|
+
|
|
3
|
+
This plugin adds various Cornell branding to [Compass][].
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
gem install compass-cornell-plugin
|
|
8
|
+
|
|
9
|
+
## Adding the Cornell plugin to an existing project
|
|
10
|
+
|
|
11
|
+
Add the following to your `compass.rb`/`config.rb` config file:
|
|
12
|
+
|
|
13
|
+
# Require any additional compass plugins here.
|
|
14
|
+
require 'cornell'
|
|
15
|
+
|
|
16
|
+
Then make sure you have imported the variables library to your core `.sass` or `.scss` file with:
|
|
17
|
+
|
|
18
|
+
@import "cornell/variables"
|
|
19
|
+
|
|
20
|
+
Check out the [wiki][compass-cornell-wiki] for variables, styles, and more information.
|
|
21
|
+
|
|
22
|
+
## Credits
|
|
23
|
+
|
|
24
|
+
[Parker Moore][] created this plugin to aid in his development work for [CALS Office of Communications][calscomm] in the Summer of 2012.
|
|
25
|
+
|
|
26
|
+
Many thanks to [Chris Eppstein][] for creating Compass, and [Hampton Catlin][] for creating [Sass][].
|
|
27
|
+
|
|
28
|
+
And many thanks to Chris Eppstein again for creating `compass-960-plugin`, which made the creation of this plugin far easier.
|
|
29
|
+
|
|
30
|
+
## License
|
|
31
|
+
|
|
32
|
+
Licensed under the MIT License. See [LICENSE.mkdn][] for details.
|
|
33
|
+
|
|
34
|
+
[Compass]: http://compass-style.org/
|
|
35
|
+
[compass-cornell-wiki]: https://github.com/CALSCommunications/compass-cornell-plugin/wiki/_pages
|
|
36
|
+
[LICENSE.mkdn]: https://github.com/CALSCommunications/compass-cornell-plugin/blob/master/LICENSE.mkdn
|
|
37
|
+
[Chris Eppstein]: http://chriseppstein.github.com/
|
|
38
|
+
[Hampton Catlin]: http://hamptoncatlin.com/
|
|
39
|
+
[Sass]: http://sass-lang.com/
|
|
40
|
+
[calscomm]: http://cals.cornell.ed/
|
|
41
|
+
[Parker Moore]: http://www.parkermoore.de/
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
|
2
|
+
|
|
3
|
+
Gem::Specification.new do |s|
|
|
4
|
+
s.name = %q{compass-cornell-plugin}
|
|
5
|
+
s.version = "0.1.1"
|
|
6
|
+
|
|
7
|
+
s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
|
|
8
|
+
s.authors = ["Parker Moore"]
|
|
9
|
+
s.date = %q{2012-05-22}
|
|
10
|
+
s.description = %q{A Compass plugin for the creation of Cornell University-branded websites.}
|
|
11
|
+
s.email = %w{pjm336@cornell.edu}
|
|
12
|
+
s.has_rdoc = false
|
|
13
|
+
s.files = [
|
|
14
|
+
"compass-cornell-plugin.gemspec",
|
|
15
|
+
"README.mkdn",
|
|
16
|
+
"LICENSE.mkdn",
|
|
17
|
+
"lib/cornell.rb",
|
|
18
|
+
"stylesheets/cornell/_cake.scss",
|
|
19
|
+
"stylesheets/cornell/_variables.scss"
|
|
20
|
+
]
|
|
21
|
+
s.homepage = %q{https://github.com/CALSCommunications/compass-cornell-plugin}
|
|
22
|
+
s.require_paths = ["lib"]
|
|
23
|
+
s.rubyforge_project = %q{compass-cornell-plugin}
|
|
24
|
+
s.rubygems_version = %q{1.3.6}
|
|
25
|
+
s.summary = %q{Compass compatible Sass port of Cornell University branding.}
|
|
26
|
+
s.add_dependency(%q<compass>, [">= 0.10.0"])
|
|
27
|
+
end
|
data/lib/cornell.rb
ADDED
|
@@ -0,0 +1,722 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Generic CSS for CakePHP, with Cornell Branding
|
|
3
|
+
// Cornell brand book: https://cornellbrand.cornell.edu/
|
|
4
|
+
//
|
|
5
|
+
// Created by Parker Moore, at the College of Agriculture and Life Sciences, Office of Communications
|
|
6
|
+
// Copyright 2012, Parker J. Moore. (http://parkermoore.de)
|
|
7
|
+
//
|
|
8
|
+
// Licensed under The MIT License
|
|
9
|
+
// Redistributions of files must retain the above copyright notice.
|
|
10
|
+
//
|
|
11
|
+
// @copyright Copyright 2012, Parker J. Moore. (http://parkermoore.de)
|
|
12
|
+
// @link http://cals.cornell.edu Cornell University College of Agriculture and Life Sciences Office of Communications
|
|
13
|
+
// @license MIT License (http://www.opensource.org/licenses/mit-license.php)
|
|
14
|
+
//
|
|
15
|
+
|
|
16
|
+
@import "compass/css3";
|
|
17
|
+
@import "cornell/variables";
|
|
18
|
+
|
|
19
|
+
/** General Style Info **/
|
|
20
|
+
body {
|
|
21
|
+
background: $BackgroundColor;
|
|
22
|
+
color: $TextColor;
|
|
23
|
+
font-family: $PalatinoFontStack;
|
|
24
|
+
font-size: 90%;
|
|
25
|
+
margin: 0;
|
|
26
|
+
}
|
|
27
|
+
a {
|
|
28
|
+
color: $LinkColor;
|
|
29
|
+
text-decoration: underline;
|
|
30
|
+
font-weight: bold;
|
|
31
|
+
&:hover {
|
|
32
|
+
color: $LinkColorHover;
|
|
33
|
+
}
|
|
34
|
+
&:visited {
|
|
35
|
+
color: $LinkColorVisited;
|
|
36
|
+
text-decoration: none;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
a img {
|
|
40
|
+
border: none;
|
|
41
|
+
}
|
|
42
|
+
h1, h2, h3, h4 {
|
|
43
|
+
font-weight: normal;
|
|
44
|
+
margin-bottom: 0.5em;
|
|
45
|
+
}
|
|
46
|
+
h1 {
|
|
47
|
+
color: #003d4c;
|
|
48
|
+
font-size: 100%;
|
|
49
|
+
}
|
|
50
|
+
h2 {
|
|
51
|
+
color: lighten(#000, 30%);
|
|
52
|
+
font-family: $FrutigerFontStack;
|
|
53
|
+
font-size: 190%;
|
|
54
|
+
}
|
|
55
|
+
h3 {
|
|
56
|
+
color: #2c6877;
|
|
57
|
+
font-family: $FrutigerFontStack;
|
|
58
|
+
font-size: 165%;
|
|
59
|
+
}
|
|
60
|
+
h4 {
|
|
61
|
+
color: #993;
|
|
62
|
+
font-weight: normal;
|
|
63
|
+
}
|
|
64
|
+
ul, li {
|
|
65
|
+
margin: 0 12px;
|
|
66
|
+
}
|
|
67
|
+
p {
|
|
68
|
+
margin: 0 0 1em 0;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/** Layout **/
|
|
72
|
+
#container {
|
|
73
|
+
text-align: left;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
#header {
|
|
77
|
+
padding: 0px;
|
|
78
|
+
margin: 0px;
|
|
79
|
+
background-color: $CURed;
|
|
80
|
+
h1 {
|
|
81
|
+
line-height: 20px;
|
|
82
|
+
background: #b21d0e image-url('cu_logo.gif') no-repeat left;
|
|
83
|
+
color: #fff;
|
|
84
|
+
padding: 0px 20px;
|
|
85
|
+
margin: 0px 0px 0px 10px;
|
|
86
|
+
height: 45px;
|
|
87
|
+
text-align: right;
|
|
88
|
+
a {
|
|
89
|
+
color: #fff;
|
|
90
|
+
font-weight: normal;
|
|
91
|
+
text-decoration: none;
|
|
92
|
+
@include inline-block;
|
|
93
|
+
padding-top: 10px;
|
|
94
|
+
&:hover {
|
|
95
|
+
text-decoration: underline;
|
|
96
|
+
}
|
|
97
|
+
&:visited {
|
|
98
|
+
color: #fff;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
#content{
|
|
104
|
+
background: $BackgroundColorContent;
|
|
105
|
+
clear: both;
|
|
106
|
+
color: $TextColorContent;
|
|
107
|
+
padding: 10px 20px 40px 20px;
|
|
108
|
+
overflow: auto;
|
|
109
|
+
}
|
|
110
|
+
#footer {
|
|
111
|
+
clear: both;
|
|
112
|
+
padding: 6px 10px;
|
|
113
|
+
text-align: right;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
/** containers **/
|
|
117
|
+
div.form,
|
|
118
|
+
div.index,
|
|
119
|
+
div.view {
|
|
120
|
+
float:right;
|
|
121
|
+
width:76%;
|
|
122
|
+
border-left:1px solid #666;
|
|
123
|
+
padding:10px 2%;
|
|
124
|
+
}
|
|
125
|
+
div.actions {
|
|
126
|
+
float:left;
|
|
127
|
+
width:16%;
|
|
128
|
+
padding:10px 1.5%;
|
|
129
|
+
h3 {
|
|
130
|
+
padding-top:0;
|
|
131
|
+
color:#777;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
/** Tables **/
|
|
137
|
+
table {
|
|
138
|
+
border-right:0;
|
|
139
|
+
clear: both;
|
|
140
|
+
color: #333;
|
|
141
|
+
margin-bottom: 10px;
|
|
142
|
+
width: 100%;
|
|
143
|
+
th {
|
|
144
|
+
border: 0;
|
|
145
|
+
border-bottom: 2px solid #555;
|
|
146
|
+
text-align: left;
|
|
147
|
+
padding: 4px;
|
|
148
|
+
a {
|
|
149
|
+
display: block;
|
|
150
|
+
padding: 2px 4px;
|
|
151
|
+
text-decoration: none;
|
|
152
|
+
&.asc:after {
|
|
153
|
+
content: ' ⇣';
|
|
154
|
+
}
|
|
155
|
+
&.desc:after {
|
|
156
|
+
content: ' ⇡';
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
}
|
|
161
|
+
tr {
|
|
162
|
+
&:nth-child(even) {
|
|
163
|
+
background: #FAFAF7;
|
|
164
|
+
}
|
|
165
|
+
&:nth-child(odd) {
|
|
166
|
+
background: #FFFFFF;
|
|
167
|
+
}
|
|
168
|
+
td {
|
|
169
|
+
padding: 6px;
|
|
170
|
+
text-align: left;
|
|
171
|
+
vertical-align: top;
|
|
172
|
+
border-bottom:1px solid #ddd;
|
|
173
|
+
&.actions {
|
|
174
|
+
text-align: center;
|
|
175
|
+
white-space: nowrap;
|
|
176
|
+
a {
|
|
177
|
+
margin: 0px 6px;
|
|
178
|
+
padding:2px 5px;
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/* SQL log */
|
|
186
|
+
.cake-sql-log {
|
|
187
|
+
background: $BackgroundColorContent;
|
|
188
|
+
td {
|
|
189
|
+
padding: 4px 8px;
|
|
190
|
+
text-align: left;
|
|
191
|
+
font-family: $MonospaceFontStack;
|
|
192
|
+
}
|
|
193
|
+
caption {
|
|
194
|
+
color: $TextColorContent;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
/** Paging **/
|
|
199
|
+
.paging {
|
|
200
|
+
color: #777;
|
|
201
|
+
margin-top: 1em;
|
|
202
|
+
clear:both;
|
|
203
|
+
.current, .disabled, a {
|
|
204
|
+
text-decoration: none;
|
|
205
|
+
padding: 5px 8px;
|
|
206
|
+
@include inline-block;
|
|
207
|
+
}
|
|
208
|
+
> span {
|
|
209
|
+
@include inline-block;
|
|
210
|
+
border: 1px solid #ccc;
|
|
211
|
+
border-left: 0;
|
|
212
|
+
background: #FAFAF7;
|
|
213
|
+
&:hover {
|
|
214
|
+
background: #FFFFFF;
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
.prev {
|
|
218
|
+
border-left: 1px solid #ccc;
|
|
219
|
+
@include border-radius(4px 0 0 4px);
|
|
220
|
+
}
|
|
221
|
+
.next {
|
|
222
|
+
@include border-radius(0px 4px 4px 0px);
|
|
223
|
+
}
|
|
224
|
+
.disabled {
|
|
225
|
+
color: #ddd;
|
|
226
|
+
&:hover {
|
|
227
|
+
background: transparent;
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
.current {
|
|
231
|
+
background: #efefef;
|
|
232
|
+
color: #c73e14;
|
|
233
|
+
&:hover {
|
|
234
|
+
background: #efefef;
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
/** Scaffold View **/
|
|
240
|
+
dl {
|
|
241
|
+
line-height: 2em;
|
|
242
|
+
margin: 0em 0em;
|
|
243
|
+
width: 60%;
|
|
244
|
+
dd:nth-child(4n+2),
|
|
245
|
+
dt:nth-child(4n+1) {
|
|
246
|
+
background: #f4f4f4;
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
dt {
|
|
250
|
+
font-weight: bold;
|
|
251
|
+
padding-left: 4px;
|
|
252
|
+
vertical-align: top;
|
|
253
|
+
width: 10em;
|
|
254
|
+
}
|
|
255
|
+
dd {
|
|
256
|
+
margin-left: 10em;
|
|
257
|
+
margin-top: -2em;
|
|
258
|
+
vertical-align: top;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
/** Forms **/
|
|
262
|
+
form {
|
|
263
|
+
clear: both;
|
|
264
|
+
margin-right: 20px;
|
|
265
|
+
padding: 0;
|
|
266
|
+
width: 95%;
|
|
267
|
+
div {
|
|
268
|
+
clear: both;
|
|
269
|
+
margin-bottom: 1em;
|
|
270
|
+
padding: .5em;
|
|
271
|
+
vertical-align: text-top;
|
|
272
|
+
}
|
|
273
|
+
.input {
|
|
274
|
+
color: #444;
|
|
275
|
+
}
|
|
276
|
+
.required {
|
|
277
|
+
font-weight: bold;
|
|
278
|
+
}
|
|
279
|
+
.required label:after {
|
|
280
|
+
color: #e32;
|
|
281
|
+
content: '*';
|
|
282
|
+
display:inline;
|
|
283
|
+
}
|
|
284
|
+
div.submit {
|
|
285
|
+
border: 0;
|
|
286
|
+
clear: both;
|
|
287
|
+
margin-top: 10px;
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
fieldset {
|
|
291
|
+
border: none;
|
|
292
|
+
margin-bottom: 1em;
|
|
293
|
+
padding: 16px 10px;
|
|
294
|
+
legend {
|
|
295
|
+
color: $CURed;
|
|
296
|
+
font-size: 160%;
|
|
297
|
+
font-weight: bold;
|
|
298
|
+
}
|
|
299
|
+
fieldset {
|
|
300
|
+
margin-top: 0;
|
|
301
|
+
padding: 10px 0 0;
|
|
302
|
+
legend {
|
|
303
|
+
font-size: 120%;
|
|
304
|
+
font-weight: normal;
|
|
305
|
+
}
|
|
306
|
+
div {
|
|
307
|
+
clear: left;
|
|
308
|
+
margin: 0 20px;
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
label {
|
|
313
|
+
display: block;
|
|
314
|
+
font-size: 110%;
|
|
315
|
+
margin-bottom:3px;
|
|
316
|
+
}
|
|
317
|
+
input, textarea {
|
|
318
|
+
clear: both;
|
|
319
|
+
font-size: 140%;
|
|
320
|
+
font-family: $FrutigerFontStack;
|
|
321
|
+
padding: 1%;
|
|
322
|
+
width:98%;
|
|
323
|
+
}
|
|
324
|
+
select {
|
|
325
|
+
clear: both;
|
|
326
|
+
font-size: 120%;
|
|
327
|
+
vertical-align: text-bottom;
|
|
328
|
+
}
|
|
329
|
+
select[multiple=multiple] {
|
|
330
|
+
width: 100%;
|
|
331
|
+
}
|
|
332
|
+
option {
|
|
333
|
+
font-size: 120%;
|
|
334
|
+
padding: 0 3px;
|
|
335
|
+
}
|
|
336
|
+
input[type=checkbox] {
|
|
337
|
+
clear: left;
|
|
338
|
+
float: left;
|
|
339
|
+
margin: 0px 6px 7px 2px;
|
|
340
|
+
width: auto;
|
|
341
|
+
}
|
|
342
|
+
div.checkbox label {
|
|
343
|
+
display: inline;
|
|
344
|
+
}
|
|
345
|
+
input[type=radio] {
|
|
346
|
+
float:left;
|
|
347
|
+
width:auto;
|
|
348
|
+
margin: 6px 0;
|
|
349
|
+
padding: 0;
|
|
350
|
+
line-height: 26px;
|
|
351
|
+
}
|
|
352
|
+
.radio label {
|
|
353
|
+
margin: 0 0 6px 20px;
|
|
354
|
+
line-height: 26px;
|
|
355
|
+
}
|
|
356
|
+
input[type=submit] {
|
|
357
|
+
display: inline;
|
|
358
|
+
font-size: 110%;
|
|
359
|
+
width: auto;
|
|
360
|
+
}
|
|
361
|
+
form .submit input[type=submit] {
|
|
362
|
+
background:#62af56;
|
|
363
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
|
|
364
|
+
background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
|
|
365
|
+
background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
|
|
366
|
+
border-color: #2d6324;
|
|
367
|
+
color: #fff;
|
|
368
|
+
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
|
|
369
|
+
padding: 8px 10px;
|
|
370
|
+
}
|
|
371
|
+
form .submit input[type=submit]:hover {
|
|
372
|
+
background: #5BA150;
|
|
373
|
+
}
|
|
374
|
+
/* Form errors */
|
|
375
|
+
form {
|
|
376
|
+
.error {
|
|
377
|
+
background: #FFDACC;
|
|
378
|
+
@include border-radius(4px);
|
|
379
|
+
font-weight: normal;
|
|
380
|
+
}
|
|
381
|
+
.error-message {
|
|
382
|
+
@include border-radius(none);
|
|
383
|
+
border: none;
|
|
384
|
+
background: none;
|
|
385
|
+
margin: 0;
|
|
386
|
+
padding-left: 4px;
|
|
387
|
+
padding-right: 0;
|
|
388
|
+
}
|
|
389
|
+
.error,
|
|
390
|
+
.error-message {
|
|
391
|
+
color: #9E2424;
|
|
392
|
+
@include box-shadow(none);
|
|
393
|
+
box-shadow: none;
|
|
394
|
+
text-shadow: none;
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
/** Notices and Errors **/
|
|
398
|
+
.message {
|
|
399
|
+
clear: both;
|
|
400
|
+
color: #fff;
|
|
401
|
+
font-size: 140%;
|
|
402
|
+
font-weight: bold;
|
|
403
|
+
margin: 0 0 1em 0;
|
|
404
|
+
padding: 5px;
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
.success,
|
|
408
|
+
.message,
|
|
409
|
+
.cake-error,
|
|
410
|
+
.cake-debug,
|
|
411
|
+
.notice,
|
|
412
|
+
p.error,
|
|
413
|
+
.error-message {
|
|
414
|
+
font-family: $FrutigerFontStack;
|
|
415
|
+
background: $CURed;
|
|
416
|
+
background-repeat: repeat-x;
|
|
417
|
+
@include background(linear-gradient(top, lighten($CURed, 5%), darken($CURed, 5%)));
|
|
418
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
419
|
+
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
420
|
+
margin-bottom: 18px;
|
|
421
|
+
padding: 7px 14px;
|
|
422
|
+
color: #404040;
|
|
423
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
424
|
+
@include border-radius(4px);
|
|
425
|
+
@include box-shadow(inset 0 1px 0 rgba(255, 255, 255, 0.25));
|
|
426
|
+
}
|
|
427
|
+
.success,
|
|
428
|
+
.message,
|
|
429
|
+
.cake-error,
|
|
430
|
+
p.error,
|
|
431
|
+
.error-message {
|
|
432
|
+
clear: both;
|
|
433
|
+
color: #fff;
|
|
434
|
+
background: $CURed;
|
|
435
|
+
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
436
|
+
background-repeat: repeat-x;
|
|
437
|
+
@include background(linear-gradient(top, lighten($CURed, 5%), darken($CURed, 5%)));
|
|
438
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
|
|
439
|
+
}
|
|
440
|
+
.success {
|
|
441
|
+
clear: both;
|
|
442
|
+
color: #fff;
|
|
443
|
+
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
444
|
+
background: #3B8230;
|
|
445
|
+
background-repeat: repeat-x;
|
|
446
|
+
@include background(linear-gradient(top, #76BF6B, #3B8230));
|
|
447
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
|
|
448
|
+
}
|
|
449
|
+
p.error {
|
|
450
|
+
font-family: $MonospaceFontStack;
|
|
451
|
+
font-size: 120%;
|
|
452
|
+
padding: 0.8em;
|
|
453
|
+
margin: 1em 0;
|
|
454
|
+
}
|
|
455
|
+
p.error em {
|
|
456
|
+
font-weight: normal;
|
|
457
|
+
line-height: 140%;
|
|
458
|
+
}
|
|
459
|
+
.notice {
|
|
460
|
+
color: #000;
|
|
461
|
+
@include background(linear-gradient(top, lighten(#f8981d, 5%), darken(#f8981d, 5%)));
|
|
462
|
+
display: block;
|
|
463
|
+
font-size: 120%;
|
|
464
|
+
padding: 0.8em;
|
|
465
|
+
margin: 1em 0;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/** Actions **/
|
|
469
|
+
.actions ul {
|
|
470
|
+
margin: 0;
|
|
471
|
+
padding: 0;
|
|
472
|
+
}
|
|
473
|
+
.actions li {
|
|
474
|
+
margin:0 0 0.5em 0;
|
|
475
|
+
list-style-type: none;
|
|
476
|
+
white-space: nowrap;
|
|
477
|
+
padding: 0;
|
|
478
|
+
}
|
|
479
|
+
.actions ul li a {
|
|
480
|
+
font-weight: normal;
|
|
481
|
+
display: block;
|
|
482
|
+
clear: both;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
/* Buttons and button links */
|
|
486
|
+
input[type=submit],
|
|
487
|
+
.actions ul li a,
|
|
488
|
+
.actions a {
|
|
489
|
+
font-weight:normal;
|
|
490
|
+
padding: 4px 8px;
|
|
491
|
+
background: #dcdcdc;
|
|
492
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
|
|
493
|
+
background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
|
|
494
|
+
background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
|
|
495
|
+
background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
|
|
496
|
+
background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
|
|
497
|
+
background-image: linear-gradient(top, #fefefe, #dcdcdc);
|
|
498
|
+
color:#333;
|
|
499
|
+
border:1px solid #bbb;
|
|
500
|
+
-webkit-border-radius: 4px;
|
|
501
|
+
-moz-border-radius: 4px;
|
|
502
|
+
border-radius: 4px;
|
|
503
|
+
text-decoration: none;
|
|
504
|
+
text-shadow: #fff 0px 1px 0px;
|
|
505
|
+
min-width: 0;
|
|
506
|
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
|
|
507
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
|
|
508
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
|
|
509
|
+
-webkit-user-select: none;
|
|
510
|
+
user-select: none;
|
|
511
|
+
}
|
|
512
|
+
.actions ul li a:hover,
|
|
513
|
+
.actions a:hover {
|
|
514
|
+
background: #ededed;
|
|
515
|
+
border-color: #acacac;
|
|
516
|
+
text-decoration: none;
|
|
517
|
+
}
|
|
518
|
+
input[type=submit]:active,
|
|
519
|
+
.actions ul li a:active,
|
|
520
|
+
.actions a:active {
|
|
521
|
+
background: #eee;
|
|
522
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
|
|
523
|
+
background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
|
|
524
|
+
background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
|
|
525
|
+
background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
|
|
526
|
+
background-image: -o-linear-gradient(top, #dfdfdf, #eee);
|
|
527
|
+
background-image: linear-gradient(top, #dfdfdf, #eee);
|
|
528
|
+
text-shadow: #eee 0px 1px 0px;
|
|
529
|
+
-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
|
|
530
|
+
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
|
|
531
|
+
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
|
|
532
|
+
border-color: #aaa;
|
|
533
|
+
text-decoration: none;
|
|
534
|
+
}
|
|
535
|
+
|
|
536
|
+
form#UnsubscriptionAutoAddForm div.submit {
|
|
537
|
+
font-size: 2em;
|
|
538
|
+
}
|
|
539
|
+
|
|
540
|
+
/** Related **/
|
|
541
|
+
.related {
|
|
542
|
+
clear: both;
|
|
543
|
+
display: block;
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
/** Debugging **/
|
|
547
|
+
pre {
|
|
548
|
+
color: #000;
|
|
549
|
+
background: #f0f0f0;
|
|
550
|
+
padding: 15px;
|
|
551
|
+
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
|
|
552
|
+
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
|
|
553
|
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
|
|
554
|
+
}
|
|
555
|
+
.cake-debug-output {
|
|
556
|
+
padding: 0;
|
|
557
|
+
position: relative;
|
|
558
|
+
}
|
|
559
|
+
.cake-debug-output > span {
|
|
560
|
+
position: absolute;
|
|
561
|
+
top: 5px;
|
|
562
|
+
right: 5px;
|
|
563
|
+
background: rgba(255, 255, 255, 0.3);
|
|
564
|
+
-moz-border-radius: 4px;
|
|
565
|
+
-webkit-border-radius: 4px;
|
|
566
|
+
border-radius: 4px;
|
|
567
|
+
padding: 5px 6px;
|
|
568
|
+
color: #000;
|
|
569
|
+
display: block;
|
|
570
|
+
float: left;
|
|
571
|
+
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
572
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
573
|
+
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
574
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
|
|
575
|
+
}
|
|
576
|
+
.cake-debug,
|
|
577
|
+
.cake-error {
|
|
578
|
+
font-size: 16px;
|
|
579
|
+
line-height: 20px;
|
|
580
|
+
clear: both;
|
|
581
|
+
}
|
|
582
|
+
.cake-error > a {
|
|
583
|
+
text-shadow: none;
|
|
584
|
+
}
|
|
585
|
+
.cake-error {
|
|
586
|
+
white-space: normal;
|
|
587
|
+
}
|
|
588
|
+
.cake-stack-trace {
|
|
589
|
+
background: rgba(255, 255, 255, 0.7);
|
|
590
|
+
color: #333;
|
|
591
|
+
margin: 10px 0 5px 0;
|
|
592
|
+
padding: 10px 10px 0 10px;
|
|
593
|
+
font-size: 120%;
|
|
594
|
+
line-height: 140%;
|
|
595
|
+
overflow: auto;
|
|
596
|
+
position: relative;
|
|
597
|
+
-moz-border-radius: 4px;
|
|
598
|
+
-webkit-border-radius: 4px;
|
|
599
|
+
border-radius: 4px;
|
|
600
|
+
}
|
|
601
|
+
.cake-stack-trace a {
|
|
602
|
+
text-shadow: none;
|
|
603
|
+
background: rgba(255, 255, 255, 0.7);
|
|
604
|
+
padding: 5px;
|
|
605
|
+
-moz-border-radius: 10px;
|
|
606
|
+
-webkit-border-radius: 10px;
|
|
607
|
+
border-radius: 10px;
|
|
608
|
+
margin: 0px 4px 10px 2px;
|
|
609
|
+
font-family: sans-serif;
|
|
610
|
+
font-size: 14px;
|
|
611
|
+
line-height: 14px;
|
|
612
|
+
display: inline-block;
|
|
613
|
+
text-decoration: none;
|
|
614
|
+
-moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
|
|
615
|
+
-webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
|
|
616
|
+
box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
|
|
617
|
+
}
|
|
618
|
+
.cake-code-dump pre {
|
|
619
|
+
position: relative;
|
|
620
|
+
overflow: auto;
|
|
621
|
+
}
|
|
622
|
+
.cake-context {
|
|
623
|
+
margin-bottom: 10px;
|
|
624
|
+
}
|
|
625
|
+
.cake-stack-trace pre {
|
|
626
|
+
color: #000;
|
|
627
|
+
background-color: #F0F0F0;
|
|
628
|
+
margin: 0px 0 10px 0;
|
|
629
|
+
padding: 1em;
|
|
630
|
+
overflow: auto;
|
|
631
|
+
text-shadow: none;
|
|
632
|
+
}
|
|
633
|
+
.cake-stack-trace li {
|
|
634
|
+
padding: 10px 5px 0px;
|
|
635
|
+
margin: 0 0 4px 0;
|
|
636
|
+
font-family: monospace;
|
|
637
|
+
border: 1px solid #bbb;
|
|
638
|
+
-moz-border-radius: 4px;
|
|
639
|
+
-wekbkit-border-radius: 4px;
|
|
640
|
+
border-radius: 4px;
|
|
641
|
+
background: #dcdcdc;
|
|
642
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
|
|
643
|
+
background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
|
|
644
|
+
background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
|
|
645
|
+
background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
|
|
646
|
+
background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
|
|
647
|
+
background-image: linear-gradient(top, #fefefe, #dcdcdc);
|
|
648
|
+
}
|
|
649
|
+
/* excerpt */
|
|
650
|
+
.cake-code-dump pre,
|
|
651
|
+
.cake-code-dump pre code {
|
|
652
|
+
clear: both;
|
|
653
|
+
font-size: 12px;
|
|
654
|
+
line-height: 15px;
|
|
655
|
+
margin: 4px 2px;
|
|
656
|
+
padding: 4px;
|
|
657
|
+
overflow: auto;
|
|
658
|
+
}
|
|
659
|
+
.cake-code-dump .code-highlight {
|
|
660
|
+
display: block;
|
|
661
|
+
background-color: rgba(255, 255, 0, 0.5);
|
|
662
|
+
}
|
|
663
|
+
.code-coverage-results div.code-line {
|
|
664
|
+
padding-left:5px;
|
|
665
|
+
display:block;
|
|
666
|
+
margin-left:10px;
|
|
667
|
+
}
|
|
668
|
+
.code-coverage-results div.uncovered span.content {
|
|
669
|
+
background:#ecc;
|
|
670
|
+
}
|
|
671
|
+
.code-coverage-results div.covered span.content {
|
|
672
|
+
background:#cec;
|
|
673
|
+
}
|
|
674
|
+
.code-coverage-results div.ignored span.content {
|
|
675
|
+
color:#aaa;
|
|
676
|
+
}
|
|
677
|
+
.code-coverage-results span.line-num {
|
|
678
|
+
color:#666;
|
|
679
|
+
display:block;
|
|
680
|
+
float:left;
|
|
681
|
+
width:20px;
|
|
682
|
+
text-align:right;
|
|
683
|
+
margin-right:5px;
|
|
684
|
+
}
|
|
685
|
+
.code-coverage-results span.line-num strong {
|
|
686
|
+
color:#666;
|
|
687
|
+
}
|
|
688
|
+
.code-coverage-results div.start {
|
|
689
|
+
border:1px solid #aaa;
|
|
690
|
+
border-width:1px 1px 0px 1px;
|
|
691
|
+
margin-top:30px;
|
|
692
|
+
padding-top:5px;
|
|
693
|
+
}
|
|
694
|
+
.code-coverage-results div.end {
|
|
695
|
+
border:1px solid #aaa;
|
|
696
|
+
border-width:0px 1px 1px 1px;
|
|
697
|
+
margin-bottom:30px;
|
|
698
|
+
padding-bottom:5px;
|
|
699
|
+
}
|
|
700
|
+
.code-coverage-results div.realstart {
|
|
701
|
+
margin-top:0px;
|
|
702
|
+
}
|
|
703
|
+
.code-coverage-results p.note {
|
|
704
|
+
color:#bbb;
|
|
705
|
+
padding:5px;
|
|
706
|
+
margin:5px 0 10px;
|
|
707
|
+
font-size:10px;
|
|
708
|
+
}
|
|
709
|
+
.code-coverage-results span.result-bad {
|
|
710
|
+
color: #a00;
|
|
711
|
+
}
|
|
712
|
+
.code-coverage-results span.result-ok {
|
|
713
|
+
color: #fa0;
|
|
714
|
+
}
|
|
715
|
+
.code-coverage-results span.result-good {
|
|
716
|
+
color: #0a0;
|
|
717
|
+
}
|
|
718
|
+
|
|
719
|
+
/** Elements **/
|
|
720
|
+
#url-rewriting-warning {
|
|
721
|
+
display:none;
|
|
722
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Useful variables for Compass-wielding web developer using Cornell University's designs.
|
|
3
|
+
// Cornell brand book: https://cornellbrand.cornell.edu/
|
|
4
|
+
//
|
|
5
|
+
// Created by Parker Moore, at the College of Agriculture and Life Sciences, Office of Communications
|
|
6
|
+
// Copyright 2012, Parker J. Moore. (http://parkermoore.de)
|
|
7
|
+
//
|
|
8
|
+
// Licensed under The MIT License
|
|
9
|
+
// Redistributions of files must retain the above copyright notice.
|
|
10
|
+
//
|
|
11
|
+
// @copyright Copyright 2012, Parker J. Moore. (http://parkermoore.de)
|
|
12
|
+
// @link http://cals.cornell.edu Cornell University College of Agriculture and Life Sciences Office of Communications
|
|
13
|
+
// @license MIT License (http://www.opensource.org/licenses/mit-license.php)
|
|
14
|
+
//
|
|
15
|
+
|
|
16
|
+
// Font stacks
|
|
17
|
+
$PalatinoFontStack: "Palatino Linotype", "Palatino", "Palladio", "URW Palladio L", "Book Antiqua", "Baskerville", "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
|
|
18
|
+
$FrutigerFontStack: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
19
|
+
$MonospaceFontStack: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
|
|
20
|
+
|
|
21
|
+
// Colors
|
|
22
|
+
$TextColor: #222;
|
|
23
|
+
$BackgroundColor: #fff;
|
|
24
|
+
$BackgroundColorContent: #f0eee3;
|
|
25
|
+
$TextColorContent: #333;
|
|
26
|
+
|
|
27
|
+
$LinkColor: #b21d10;
|
|
28
|
+
$LinkColorHover: #ff0000;
|
|
29
|
+
$LinkColorVisited: #B37474;
|
|
30
|
+
|
|
31
|
+
// General purpose colors.
|
|
32
|
+
$CURed: #b21d10;
|
metadata
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: compass-cornell-plugin
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.1.1
|
|
5
|
+
prerelease:
|
|
6
|
+
platform: ruby
|
|
7
|
+
authors:
|
|
8
|
+
- Parker Moore
|
|
9
|
+
autorequire:
|
|
10
|
+
bindir: bin
|
|
11
|
+
cert_chain: []
|
|
12
|
+
date: 2012-05-22 00:00:00.000000000 Z
|
|
13
|
+
dependencies:
|
|
14
|
+
- !ruby/object:Gem::Dependency
|
|
15
|
+
name: compass
|
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
|
17
|
+
none: false
|
|
18
|
+
requirements:
|
|
19
|
+
- - ! '>='
|
|
20
|
+
- !ruby/object:Gem::Version
|
|
21
|
+
version: 0.10.0
|
|
22
|
+
type: :runtime
|
|
23
|
+
prerelease: false
|
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
25
|
+
none: false
|
|
26
|
+
requirements:
|
|
27
|
+
- - ! '>='
|
|
28
|
+
- !ruby/object:Gem::Version
|
|
29
|
+
version: 0.10.0
|
|
30
|
+
description: A Compass plugin for the creation of Cornell University-branded websites.
|
|
31
|
+
email:
|
|
32
|
+
- pjm336@cornell.edu
|
|
33
|
+
executables: []
|
|
34
|
+
extensions: []
|
|
35
|
+
extra_rdoc_files: []
|
|
36
|
+
files:
|
|
37
|
+
- compass-cornell-plugin.gemspec
|
|
38
|
+
- README.mkdn
|
|
39
|
+
- LICENSE.mkdn
|
|
40
|
+
- lib/cornell.rb
|
|
41
|
+
- stylesheets/cornell/_cake.scss
|
|
42
|
+
- stylesheets/cornell/_variables.scss
|
|
43
|
+
homepage: https://github.com/CALSCommunications/compass-cornell-plugin
|
|
44
|
+
licenses: []
|
|
45
|
+
post_install_message:
|
|
46
|
+
rdoc_options: []
|
|
47
|
+
require_paths:
|
|
48
|
+
- lib
|
|
49
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
50
|
+
none: false
|
|
51
|
+
requirements:
|
|
52
|
+
- - ! '>='
|
|
53
|
+
- !ruby/object:Gem::Version
|
|
54
|
+
version: '0'
|
|
55
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
56
|
+
none: false
|
|
57
|
+
requirements:
|
|
58
|
+
- - ! '>='
|
|
59
|
+
- !ruby/object:Gem::Version
|
|
60
|
+
version: 1.3.5
|
|
61
|
+
requirements: []
|
|
62
|
+
rubyforge_project: compass-cornell-plugin
|
|
63
|
+
rubygems_version: 1.8.24
|
|
64
|
+
signing_key:
|
|
65
|
+
specification_version: 3
|
|
66
|
+
summary: Compass compatible Sass port of Cornell University branding.
|
|
67
|
+
test_files: []
|