ifttt-gdash 0.0.5 → 0.0.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -13
- data/lib/gdash.rb +56 -0
- data/lib/gdash/dashboard.rb +52 -0
- data/lib/gdash/monkey_patches.rb +37 -0
- data/lib/gdash/sinatra_app.rb +202 -0
- data/public/js/bootstrap-alerts.js +104 -0
- data/public/js/bootstrap-dropdown.js +50 -0
- data/public/js/bootstrap-modal.js +238 -0
- data/public/js/bootstrap-popover.js +77 -0
- data/public/js/bootstrap-scrollspy.js +105 -0
- data/public/js/bootstrap-tabs.js +62 -0
- data/public/js/bootstrap-twipsy.js +307 -0
- data/public/js/jquery-1.5.2.min.js +16 -0
- data/public/js/jquery.tablesorter.min.js +4 -0
- data/public/js/less-1.1.3.min.js +16 -0
- data/public/lib/bootstrap.less +26 -0
- data/public/lib/forms.less +465 -0
- data/public/lib/mixins.less +217 -0
- data/public/lib/patterns.less +1006 -0
- data/public/lib/reset.less +141 -0
- data/public/lib/scaffolding.less +135 -0
- data/public/lib/tables.less +170 -0
- data/public/lib/type.less +187 -0
- data/public/lib/variables.less +60 -0
- data/sample/README.md +5 -0
- data/sample/email-full-screen.png +0 -0
- data/sample/email.png +0 -0
- data/sample/email/cpu.graph +19 -0
- data/sample/email/dash.yaml +2 -0
- data/sample/email/io.graph +12 -0
- data/sample/email/load.graph +6 -0
- data/sample/email/network.graph +11 -0
- data/views/README.md +177 -0
- data/views/_interval_filter.erb +5 -0
- data/views/dashboard.erb +47 -0
- data/views/detailed_dashboard.erb +45 -0
- data/views/full_size_dashboard.erb +36 -0
- data/views/index.erb +18 -0
- data/views/layout.erb +66 -0
- metadata +55 -17
@@ -0,0 +1,141 @@
|
|
1
|
+
/* Reset.less
|
2
|
+
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
|
3
|
+
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
|
4
|
+
|
5
|
+
|
6
|
+
// ERIC MEYER RESET
|
7
|
+
// --------------------------------------------------
|
8
|
+
|
9
|
+
html, body { margin: 0; padding: 0; }
|
10
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
|
11
|
+
table { border-collapse: collapse; border-spacing: 0; }
|
12
|
+
ol, ul { list-style: none; }
|
13
|
+
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
|
14
|
+
|
15
|
+
|
16
|
+
// Normalize.css
|
17
|
+
// Pulling in select resets form the normalize.css project
|
18
|
+
// --------------------------------------------------
|
19
|
+
|
20
|
+
// Display in IE6-9 and FF3
|
21
|
+
// -------------------------
|
22
|
+
// Source: http://github.com/necolas/normalize.css
|
23
|
+
html {
|
24
|
+
overflow-y: scroll;
|
25
|
+
font-size: 100%;
|
26
|
+
-webkit-text-size-adjust: 100%;
|
27
|
+
-ms-text-size-adjust: 100%;
|
28
|
+
}
|
29
|
+
// Focus states
|
30
|
+
a:focus {
|
31
|
+
outline: thin dotted;
|
32
|
+
}
|
33
|
+
// Hover & Active
|
34
|
+
a:hover,
|
35
|
+
a:active {
|
36
|
+
outline: 0;
|
37
|
+
}
|
38
|
+
|
39
|
+
// Display in IE6-9 and FF3
|
40
|
+
// -------------------------
|
41
|
+
// Source: http://github.com/necolas/normalize.css
|
42
|
+
article,
|
43
|
+
aside,
|
44
|
+
details,
|
45
|
+
figcaption,
|
46
|
+
figure,
|
47
|
+
footer,
|
48
|
+
header,
|
49
|
+
hgroup,
|
50
|
+
nav,
|
51
|
+
section {
|
52
|
+
display: block;
|
53
|
+
}
|
54
|
+
|
55
|
+
// Display block in IE6-9 and FF3
|
56
|
+
// -------------------------
|
57
|
+
// Source: http://github.com/necolas/normalize.css
|
58
|
+
audio,
|
59
|
+
canvas,
|
60
|
+
video {
|
61
|
+
display: inline-block;
|
62
|
+
*display: inline;
|
63
|
+
*zoom: 1;
|
64
|
+
}
|
65
|
+
|
66
|
+
// Prevents modern browsers from displaying 'audio' without controls
|
67
|
+
// -------------------------
|
68
|
+
// Source: http://github.com/necolas/normalize.css
|
69
|
+
audio:not([controls]) {
|
70
|
+
display: none;
|
71
|
+
}
|
72
|
+
|
73
|
+
// Prevents sub and sup affecting line-height in all browsers
|
74
|
+
// -------------------------
|
75
|
+
// Source: http://github.com/necolas/normalize.css
|
76
|
+
sub,
|
77
|
+
sup {
|
78
|
+
font-size: 75%;
|
79
|
+
line-height: 0;
|
80
|
+
position: relative;
|
81
|
+
vertical-align: baseline;
|
82
|
+
}
|
83
|
+
sup {
|
84
|
+
top: -0.5em;
|
85
|
+
}
|
86
|
+
sub {
|
87
|
+
bottom: -0.25em;
|
88
|
+
}
|
89
|
+
|
90
|
+
// Img border in a's and image quality
|
91
|
+
// -------------------------
|
92
|
+
// Source: http://github.com/necolas/normalize.css
|
93
|
+
img {
|
94
|
+
border: 0;
|
95
|
+
-ms-interpolation-mode: bicubic;
|
96
|
+
}
|
97
|
+
|
98
|
+
// Forms
|
99
|
+
// -------------------------
|
100
|
+
// Source: http://github.com/necolas/normalize.css
|
101
|
+
|
102
|
+
// Font size in all browsers, margin changes, misc consistency
|
103
|
+
button,
|
104
|
+
input,
|
105
|
+
select,
|
106
|
+
textarea {
|
107
|
+
font-size: 100%;
|
108
|
+
margin: 0;
|
109
|
+
vertical-align: baseline;
|
110
|
+
*vertical-align: middle;
|
111
|
+
}
|
112
|
+
button,
|
113
|
+
input {
|
114
|
+
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
115
|
+
*overflow: visible; // Inner spacing ie IE6/7
|
116
|
+
}
|
117
|
+
button::-moz-focus-inner,
|
118
|
+
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
119
|
+
border: 0;
|
120
|
+
padding: 0;
|
121
|
+
}
|
122
|
+
button,
|
123
|
+
input[type="button"],
|
124
|
+
input[type="reset"],
|
125
|
+
input[type="submit"] {
|
126
|
+
cursor: pointer; // Cursors on all buttons applied consistently
|
127
|
+
-webkit-appearance: button; // Style clicable inputs in iOS
|
128
|
+
}
|
129
|
+
input[type="search"] { // Appearance in Safari/Chrome
|
130
|
+
-webkit-appearance: textfield;
|
131
|
+
-webkit-box-sizing: content-box;
|
132
|
+
-moz-box-sizing: content-box;
|
133
|
+
box-sizing: content-box;
|
134
|
+
}
|
135
|
+
input[type="search"]::-webkit-search-decoration {
|
136
|
+
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
137
|
+
}
|
138
|
+
textarea {
|
139
|
+
overflow: auto; // Remove vertical scrollbar in IE6-9
|
140
|
+
vertical-align: top; // Readability and alignment cross-browser
|
141
|
+
}
|
@@ -0,0 +1,135 @@
|
|
1
|
+
/*
|
2
|
+
* Scaffolding
|
3
|
+
* Basic and global styles for generating a grid system, structural layout, and page templates
|
4
|
+
* ------------------------------------------------------------------------------------------- */
|
5
|
+
|
6
|
+
|
7
|
+
// STRUCTURAL LAYOUT
|
8
|
+
// -----------------
|
9
|
+
|
10
|
+
html, body {
|
11
|
+
background-color: @white;
|
12
|
+
}
|
13
|
+
body {
|
14
|
+
margin: 0;
|
15
|
+
#font > .sans-serif(normal,@basefont,@baseline);
|
16
|
+
color: @grayDark;
|
17
|
+
}
|
18
|
+
|
19
|
+
// Container (centered, fixed-width layouts)
|
20
|
+
.container {
|
21
|
+
.fixed-container();
|
22
|
+
}
|
23
|
+
|
24
|
+
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
25
|
+
.container-fluid {
|
26
|
+
position: relative;
|
27
|
+
min-width: 940px;
|
28
|
+
padding-left: 20px;
|
29
|
+
padding-right: 20px;
|
30
|
+
.clearfix();
|
31
|
+
> .sidebar {
|
32
|
+
float: left;
|
33
|
+
width: 220px;
|
34
|
+
}
|
35
|
+
// TODO in v2: rename this and .popover .content to be more specific
|
36
|
+
> .content {
|
37
|
+
margin-left: 240px;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
|
42
|
+
// BASE STYLES
|
43
|
+
// -----------
|
44
|
+
|
45
|
+
// Links
|
46
|
+
a {
|
47
|
+
color: @linkColor;
|
48
|
+
text-decoration: none;
|
49
|
+
line-height: inherit;
|
50
|
+
font-weight: inherit;
|
51
|
+
&:hover {
|
52
|
+
color: @linkColorHover;
|
53
|
+
text-decoration: underline;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
// Quick floats
|
58
|
+
.pull-right {
|
59
|
+
float: right;
|
60
|
+
}
|
61
|
+
.pull-left {
|
62
|
+
float: left;
|
63
|
+
}
|
64
|
+
|
65
|
+
// Toggling content
|
66
|
+
.hide {
|
67
|
+
display: none;
|
68
|
+
}
|
69
|
+
.show {
|
70
|
+
display: block;
|
71
|
+
}
|
72
|
+
|
73
|
+
|
74
|
+
// GRID SYSTEM
|
75
|
+
// -----------
|
76
|
+
// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
|
77
|
+
|
78
|
+
.row {
|
79
|
+
.clearfix();
|
80
|
+
margin-left: -1 * @gridGutterWidth;
|
81
|
+
}
|
82
|
+
|
83
|
+
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
|
84
|
+
// Credit to @dhg for the idea
|
85
|
+
[class*="span"] {
|
86
|
+
.gridColumn();
|
87
|
+
}
|
88
|
+
|
89
|
+
// Default columns
|
90
|
+
.span1 { .columns(1); }
|
91
|
+
.span2 { .columns(2); }
|
92
|
+
.span3 { .columns(3); }
|
93
|
+
.span4 { .columns(4); }
|
94
|
+
.span5 { .columns(5); }
|
95
|
+
.span6 { .columns(6); }
|
96
|
+
.span7 { .columns(7); }
|
97
|
+
.span8 { .columns(8); }
|
98
|
+
.span9 { .columns(9); }
|
99
|
+
.span10 { .columns(10); }
|
100
|
+
.span11 { .columns(11); }
|
101
|
+
.span12 { .columns(12); }
|
102
|
+
.span13 { .columns(13); }
|
103
|
+
.span14 { .columns(14); }
|
104
|
+
.span15 { .columns(15); }
|
105
|
+
.span16 { .columns(16); }
|
106
|
+
|
107
|
+
// For optional 24-column grid
|
108
|
+
.span17 { .columns(17); }
|
109
|
+
.span18 { .columns(18); }
|
110
|
+
.span19 { .columns(19); }
|
111
|
+
.span20 { .columns(20); }
|
112
|
+
.span21 { .columns(21); }
|
113
|
+
.span22 { .columns(22); }
|
114
|
+
.span23 { .columns(23); }
|
115
|
+
.span24 { .columns(24); }
|
116
|
+
|
117
|
+
// Offset column options
|
118
|
+
.offset1 { .offset(1); }
|
119
|
+
.offset2 { .offset(2); }
|
120
|
+
.offset3 { .offset(3); }
|
121
|
+
.offset4 { .offset(4); }
|
122
|
+
.offset5 { .offset(5); }
|
123
|
+
.offset6 { .offset(6); }
|
124
|
+
.offset7 { .offset(7); }
|
125
|
+
.offset8 { .offset(8); }
|
126
|
+
.offset9 { .offset(9); }
|
127
|
+
.offset10 { .offset(10); }
|
128
|
+
.offset11 { .offset(11); }
|
129
|
+
.offset12 { .offset(12); }
|
130
|
+
|
131
|
+
// Unique column sizes for 16-column grid
|
132
|
+
.span-one-third { width: 300px; }
|
133
|
+
.span-two-thirds { width: 620px; }
|
134
|
+
.offset-one-third { margin-left: 340px; }
|
135
|
+
.offset-two-thirds { margin-left: 660px; }
|
@@ -0,0 +1,170 @@
|
|
1
|
+
/*
|
2
|
+
* Tables.less
|
3
|
+
* Tables for, you guessed it, tabular data
|
4
|
+
* ---------------------------------------- */
|
5
|
+
|
6
|
+
|
7
|
+
// BASELINE STYLES
|
8
|
+
// ---------------
|
9
|
+
|
10
|
+
table {
|
11
|
+
width: 100%;
|
12
|
+
margin-bottom: @baseline;
|
13
|
+
padding: 0;
|
14
|
+
border-collapse: separate; // Done so we can round those corners!
|
15
|
+
*border-collapse: collapse; /* IE7, collapse table to remove spacing */
|
16
|
+
font-size: @basefont;
|
17
|
+
border: 1px solid #ddd;
|
18
|
+
.border-radius(4px);
|
19
|
+
th, td {
|
20
|
+
padding: 10px 10px 9px;
|
21
|
+
line-height: @baseline;
|
22
|
+
text-align: left;
|
23
|
+
}
|
24
|
+
th {
|
25
|
+
padding-top: 9px;
|
26
|
+
font-weight: bold;
|
27
|
+
vertical-align: middle;
|
28
|
+
border-bottom: 1px solid #ddd;
|
29
|
+
}
|
30
|
+
td {
|
31
|
+
vertical-align: top;
|
32
|
+
}
|
33
|
+
th + th,
|
34
|
+
td + td {
|
35
|
+
border-left: 1px solid #ddd;
|
36
|
+
}
|
37
|
+
tr + tr td {
|
38
|
+
border-top: 1px solid #ddd;
|
39
|
+
}
|
40
|
+
tbody tr:first-child td:first-child {
|
41
|
+
.border-radius(4px 0 0 0);
|
42
|
+
}
|
43
|
+
tbody tr:first-child td:last-child {
|
44
|
+
.border-radius(0 4px 0 0);
|
45
|
+
}
|
46
|
+
tbody tr:last-child td:first-child {
|
47
|
+
.border-radius(0 0 0 4px);
|
48
|
+
}
|
49
|
+
tbody tr:last-child td:last-child {
|
50
|
+
.border-radius(0 0 4px 0);
|
51
|
+
}
|
52
|
+
}
|
53
|
+
|
54
|
+
|
55
|
+
// ZEBRA-STRIPING
|
56
|
+
// --------------
|
57
|
+
|
58
|
+
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
59
|
+
.zebra-striped {
|
60
|
+
tbody {
|
61
|
+
tr:nth-child(odd) td {
|
62
|
+
background-color: #f9f9f9;
|
63
|
+
}
|
64
|
+
tr:hover td {
|
65
|
+
background-color: #f5f5f5;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
70
|
+
table {
|
71
|
+
// Tablesorting styles w/ jQuery plugin
|
72
|
+
.header {
|
73
|
+
cursor: pointer;
|
74
|
+
&:after {
|
75
|
+
content: "";
|
76
|
+
float: right;
|
77
|
+
margin-top: 7px;
|
78
|
+
border-width: 0 4px 4px;
|
79
|
+
border-style: solid;
|
80
|
+
border-color: #000 transparent;
|
81
|
+
visibility: hidden;
|
82
|
+
}
|
83
|
+
}
|
84
|
+
// Style the sorted column headers (THs)
|
85
|
+
.headerSortUp,
|
86
|
+
.headerSortDown {
|
87
|
+
background-color: rgba(141,192,219,.25);
|
88
|
+
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
89
|
+
}
|
90
|
+
// Style the ascending (reverse alphabetical) column header
|
91
|
+
.header:hover {
|
92
|
+
&:after {
|
93
|
+
visibility:visible;
|
94
|
+
}
|
95
|
+
}
|
96
|
+
// Style the descending (alphabetical) column header
|
97
|
+
.headerSortDown,
|
98
|
+
.headerSortDown:hover {
|
99
|
+
&:after {
|
100
|
+
visibility:visible;
|
101
|
+
.opacity(60);
|
102
|
+
}
|
103
|
+
}
|
104
|
+
// Style the ascending (reverse alphabetical) column header
|
105
|
+
.headerSortUp {
|
106
|
+
&:after {
|
107
|
+
border-bottom: none;
|
108
|
+
border-left: 4px solid transparent;
|
109
|
+
border-right: 4px solid transparent;
|
110
|
+
border-top: 4px solid #000;
|
111
|
+
visibility:visible;
|
112
|
+
.box-shadow(none); //can't add boxshadow to downward facing arrow :(
|
113
|
+
.opacity(60);
|
114
|
+
}
|
115
|
+
}
|
116
|
+
// Blue Table Headings
|
117
|
+
.blue {
|
118
|
+
color: @blue;
|
119
|
+
border-bottom-color: @blue;
|
120
|
+
}
|
121
|
+
.headerSortUp.blue,
|
122
|
+
.headerSortDown.blue {
|
123
|
+
background-color: lighten(@blue, 40%);
|
124
|
+
}
|
125
|
+
// Green Table Headings
|
126
|
+
.green {
|
127
|
+
color: @green;
|
128
|
+
border-bottom-color: @green;
|
129
|
+
}
|
130
|
+
.headerSortUp.green,
|
131
|
+
.headerSortDown.green {
|
132
|
+
background-color: lighten(@green, 40%);
|
133
|
+
}
|
134
|
+
// Red Table Headings
|
135
|
+
.red {
|
136
|
+
color: @red;
|
137
|
+
border-bottom-color: @red;
|
138
|
+
}
|
139
|
+
.headerSortUp.red,
|
140
|
+
.headerSortDown.red {
|
141
|
+
background-color: lighten(@red, 50%);
|
142
|
+
}
|
143
|
+
// Yellow Table Headings
|
144
|
+
.yellow {
|
145
|
+
color: @yellow;
|
146
|
+
border-bottom-color: @yellow;
|
147
|
+
}
|
148
|
+
.headerSortUp.yellow,
|
149
|
+
.headerSortDown.yellow {
|
150
|
+
background-color: lighten(@yellow, 40%);
|
151
|
+
}
|
152
|
+
// Orange Table Headings
|
153
|
+
.orange {
|
154
|
+
color: @orange;
|
155
|
+
border-bottom-color: @orange;
|
156
|
+
}
|
157
|
+
.headerSortUp.orange,
|
158
|
+
.headerSortDown.orange {
|
159
|
+
background-color: lighten(@orange, 40%);
|
160
|
+
}
|
161
|
+
// Purple Table Headings
|
162
|
+
.purple {
|
163
|
+
color: @purple;
|
164
|
+
border-bottom-color: @purple;
|
165
|
+
}
|
166
|
+
.headerSortUp.purple,
|
167
|
+
.headerSortDown.purple {
|
168
|
+
background-color: lighten(@purple, 40%);
|
169
|
+
}
|
170
|
+
}
|
@@ -0,0 +1,187 @@
|
|
1
|
+
/* Typography.less
|
2
|
+
* Headings, body text, lists, code, and more for a versatile and durable typography system
|
3
|
+
* ---------------------------------------------------------------------------------------- */
|
4
|
+
|
5
|
+
|
6
|
+
// BODY TEXT
|
7
|
+
// ---------
|
8
|
+
|
9
|
+
p {
|
10
|
+
#font > .shorthand(normal,@basefont,@baseline);
|
11
|
+
margin-bottom: @baseline / 2;
|
12
|
+
small {
|
13
|
+
font-size: @basefont - 2;
|
14
|
+
color: @grayLight;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
|
19
|
+
// HEADINGS
|
20
|
+
// --------
|
21
|
+
|
22
|
+
h1, h2, h3, h4, h5, h6 {
|
23
|
+
font-weight: bold;
|
24
|
+
color: @grayDark;
|
25
|
+
small {
|
26
|
+
color: @grayLight;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
h1 {
|
30
|
+
margin-bottom: @baseline;
|
31
|
+
font-size: 30px;
|
32
|
+
line-height: @baseline * 2;
|
33
|
+
small {
|
34
|
+
font-size: 18px;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
h2 {
|
38
|
+
font-size: 24px;
|
39
|
+
line-height: @baseline * 2;
|
40
|
+
small {
|
41
|
+
font-size: 14px;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
h3, h4, h5, h6 {
|
45
|
+
line-height: @baseline * 2;
|
46
|
+
}
|
47
|
+
h3 {
|
48
|
+
font-size: 18px;
|
49
|
+
small {
|
50
|
+
font-size: 14px;
|
51
|
+
}
|
52
|
+
}
|
53
|
+
h4 {
|
54
|
+
font-size: 16px;
|
55
|
+
small {
|
56
|
+
font-size: 12px;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
h5 {
|
60
|
+
font-size: 14px;
|
61
|
+
}
|
62
|
+
h6 {
|
63
|
+
font-size: 13px;
|
64
|
+
color: @grayLight;
|
65
|
+
text-transform: uppercase;
|
66
|
+
}
|
67
|
+
|
68
|
+
|
69
|
+
// COLORS
|
70
|
+
// ------
|
71
|
+
|
72
|
+
// Unordered and Ordered lists
|
73
|
+
ul, ol {
|
74
|
+
margin: 0 0 @baseline 25px;
|
75
|
+
}
|
76
|
+
ul ul,
|
77
|
+
ul ol,
|
78
|
+
ol ol,
|
79
|
+
ol ul {
|
80
|
+
margin-bottom: 0;
|
81
|
+
}
|
82
|
+
ul {
|
83
|
+
list-style: disc;
|
84
|
+
}
|
85
|
+
ol {
|
86
|
+
list-style: decimal;
|
87
|
+
}
|
88
|
+
li {
|
89
|
+
line-height: @baseline;
|
90
|
+
color: @gray;
|
91
|
+
}
|
92
|
+
ul.unstyled {
|
93
|
+
list-style: none;
|
94
|
+
margin-left: 0;
|
95
|
+
}
|
96
|
+
|
97
|
+
// Description Lists
|
98
|
+
dl {
|
99
|
+
margin-bottom: @baseline;
|
100
|
+
dt, dd {
|
101
|
+
line-height: @baseline;
|
102
|
+
}
|
103
|
+
dt {
|
104
|
+
font-weight: bold;
|
105
|
+
}
|
106
|
+
dd {
|
107
|
+
margin-left: @baseline / 2;
|
108
|
+
}
|
109
|
+
}
|
110
|
+
|
111
|
+
// MISC
|
112
|
+
// ----
|
113
|
+
|
114
|
+
// Horizontal rules
|
115
|
+
hr {
|
116
|
+
margin: 20px 0 19px;
|
117
|
+
border: 0;
|
118
|
+
border-bottom: 1px solid #eee;
|
119
|
+
}
|
120
|
+
|
121
|
+
// Emphasis
|
122
|
+
strong {
|
123
|
+
font-style: inherit;
|
124
|
+
font-weight: bold;
|
125
|
+
}
|
126
|
+
em {
|
127
|
+
font-style: italic;
|
128
|
+
font-weight: inherit;
|
129
|
+
line-height: inherit;
|
130
|
+
}
|
131
|
+
.muted {
|
132
|
+
color: @grayLight;
|
133
|
+
}
|
134
|
+
|
135
|
+
// Blockquotes
|
136
|
+
blockquote {
|
137
|
+
margin-bottom: @baseline;
|
138
|
+
border-left: 5px solid #eee;
|
139
|
+
padding-left: 15px;
|
140
|
+
p {
|
141
|
+
#font > .shorthand(300,14px,@baseline);
|
142
|
+
margin-bottom: 0;
|
143
|
+
}
|
144
|
+
small {
|
145
|
+
display: block;
|
146
|
+
#font > .shorthand(300,12px,@baseline);
|
147
|
+
color: @grayLight;
|
148
|
+
&:before {
|
149
|
+
content: '\2014 \00A0';
|
150
|
+
}
|
151
|
+
}
|
152
|
+
}
|
153
|
+
|
154
|
+
// Addresses
|
155
|
+
address {
|
156
|
+
display: block;
|
157
|
+
line-height: @baseline;
|
158
|
+
margin-bottom: @baseline;
|
159
|
+
}
|
160
|
+
|
161
|
+
// Inline and block code styles
|
162
|
+
code, pre {
|
163
|
+
padding: 0 3px 2px;
|
164
|
+
font-family: Monaco, Andale Mono, Courier New, monospace;
|
165
|
+
font-size: 12px;
|
166
|
+
.border-radius(3px);
|
167
|
+
}
|
168
|
+
code {
|
169
|
+
background-color: lighten(@orange, 40%);
|
170
|
+
color: rgba(0,0,0,.75);
|
171
|
+
padding: 1px 3px;
|
172
|
+
}
|
173
|
+
pre {
|
174
|
+
background-color: #f5f5f5;
|
175
|
+
display: block;
|
176
|
+
padding: (@baseline - 1) / 2;
|
177
|
+
margin: 0 0 @baseline;
|
178
|
+
line-height: @baseline;
|
179
|
+
font-size: 12px;
|
180
|
+
border: 1px solid #ccc;
|
181
|
+
border: 1px solid rgba(0,0,0,.15);
|
182
|
+
.border-radius(3px);
|
183
|
+
white-space: pre;
|
184
|
+
white-space: pre-wrap;
|
185
|
+
word-wrap: break-word;
|
186
|
+
|
187
|
+
}
|