route53web 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,271 @@
1
+ /* Preboot.less
2
+ * Variables and mixins to pre-ignite any new web development project
3
+ * ------------------------------------------------------------------ */
4
+
5
+
6
+ // VARIABLES
7
+ // ---------
8
+
9
+ // Links
10
+ @linkColor: #0069d6;
11
+ @linkColorHover: darken(@linkColor, 10);
12
+
13
+ // Grays
14
+ @black: #000;
15
+ @grayDark: lighten(@black, 25%);
16
+ @gray: lighten(@black, 50%);
17
+ @grayLight: lighten(@black, 75%);
18
+ @grayLighter: lighten(@black, 90%);
19
+ @white: #fff;
20
+
21
+ // Accent Colors
22
+ @blue: #049CDB;
23
+ @blueDark: #0064CD;
24
+ @green: #46a546;
25
+ @red: #9d261d;
26
+ @yellow: #ffc40d;
27
+ @orange: #f89406;
28
+ @pink: #c3325f;
29
+ @purple: #7a43b6;
30
+
31
+ // Baseline grid
32
+ @basefont: 13px;
33
+ @baseline: 18px;
34
+
35
+ // Griditude
36
+ @gridColumns: 16;
37
+ @gridColumnWidth: 40px;
38
+ @gridGutterWidth: 20px;
39
+ @extraSpace: 40px;
40
+ @siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
41
+
42
+ // Color Scheme
43
+ @baseColor: @blue; // Set a base color
44
+ @complement: spin(@baseColor, 180); // Determine a complementary color
45
+ @split1: spin(@baseColor, 158); // Split complements
46
+ @split2: spin(@baseColor, -158);
47
+ @triad1: spin(@baseColor, 135); // Triads colors
48
+ @triad2: spin(@baseColor, -135);
49
+ @tetra1: spin(@baseColor, 90); // Tetra colors
50
+ @tetra2: spin(@baseColor, -90);
51
+ @analog1: spin(@baseColor, 22); // Analogs colors
52
+ @analog2: spin(@baseColor, -22);
53
+
54
+
55
+ // MIXINS
56
+ // ------
57
+
58
+ // Clearfix for clearing floats like a boss h5bp.com/q
59
+ .clearfix {
60
+ zoom: 1;
61
+ &:before, &:after {
62
+ display: table;
63
+ content: "";
64
+ }
65
+ &:after {
66
+ clear: both;
67
+ }
68
+ }
69
+
70
+ // Center-align a block level element
71
+ .center-block {
72
+ display: block;
73
+ margin: 0 auto;
74
+ }
75
+
76
+ // Sizing shortcuts
77
+ .size(@height: 5px, @width: 5px) {
78
+ height: @height;
79
+ width: @width;
80
+ }
81
+ .square(@size: 5px) {
82
+ .size(@size, @size);
83
+ }
84
+
85
+ // Input placeholder text
86
+ .placeholder(@color: @grayLight) {
87
+ :-moz-placeholder {
88
+ color: @color;
89
+ }
90
+ ::-webkit-input-placeholder {
91
+ color: @color;
92
+ }
93
+ }
94
+
95
+ // Font Stacks
96
+ #font {
97
+ .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
98
+ font-size: @size;
99
+ font-weight: @weight;
100
+ line-height: @lineHeight;
101
+ }
102
+ .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
103
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
104
+ font-size: @size;
105
+ font-weight: @weight;
106
+ line-height: @lineHeight;
107
+ }
108
+ .serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
109
+ font-family: "Georgia", Times New Roman, Times, serif;
110
+ font-size: @size;
111
+ font-weight: @weight;
112
+ line-height: @lineHeight;
113
+ }
114
+ .monospace(@weight: normal, @size: 12px, @lineHeight: 20px) {
115
+ font-family: "Monaco", Courier New, monospace;
116
+ font-size: @size;
117
+ font-weight: @weight;
118
+ line-height: @lineHeight;
119
+ }
120
+ }
121
+
122
+ // Grid System
123
+ .container {
124
+ width: @siteWidth;
125
+ margin: 0 auto;
126
+ .clearfix();
127
+ }
128
+ .columns(@columnSpan: 1) {
129
+ width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
130
+ }
131
+ .offset(@columnOffset: 1) {
132
+ margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @extraSpace;
133
+ }
134
+
135
+ // Border Radius
136
+ .border-radius(@radius: 5px) {
137
+ -webkit-border-radius: @radius;
138
+ -moz-border-radius: @radius;
139
+ border-radius: @radius;
140
+ }
141
+
142
+ // Drop shadows
143
+ .box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
144
+ -webkit-box-shadow: @shadow;
145
+ -moz-box-shadow: @shadow;
146
+ box-shadow: @shadow;
147
+ }
148
+
149
+ // Transitions
150
+ .transition(@transition) {
151
+ -webkit-transition: @transition;
152
+ -moz-transition: @transition;
153
+ transition: @transition;
154
+ }
155
+
156
+ // Background clipping
157
+ .background-clip(@clip) {
158
+ -webkit-background-clip: @clip;
159
+ -moz-background-clip: @clip;
160
+ background-clip: @clip;
161
+ }
162
+
163
+ // CSS3 Content Columns
164
+ .content-columns(@columnCount, @columnGap: 20px) {
165
+ -webkit-column-count: @columnCount;
166
+ -moz-column-count: @columnCount;
167
+ column-count: @columnCount;
168
+ -webkit-column-gap: @columnGap;
169
+ -moz-column-gap: @columnGap;
170
+ column-gap: @columnGap;
171
+ }
172
+
173
+ // Add an alphatransparency value to any background or border color (via Elyse Holladay)
174
+ #translucent {
175
+ .background(@color: @white, @alpha: 1) {
176
+ background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
177
+ }
178
+ .border(@color: @white, @alpha: 1) {
179
+ border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
180
+ background-clip: padding-box;
181
+ }
182
+ }
183
+
184
+ // Gradient Bar Colors for buttons and allerts
185
+ .gradientBar(@primaryColor, @secondaryColor) {
186
+ #gradient > .vertical(@primaryColor, @secondaryColor);
187
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
188
+ border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
189
+ border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
190
+ }
191
+ // Shared colors for buttons and alerts
192
+ .btn,
193
+ .alert-message {
194
+ // Set text color
195
+ &.danger,
196
+ &.danger:hover,
197
+ &.error,
198
+ &.error:hover,
199
+ &.success,
200
+ &.success:hover,
201
+ &.info,
202
+ &.info:hover {
203
+ color: @white
204
+ }
205
+ // Danger and error appear as red
206
+ &.danger,
207
+ &.error {
208
+ .gradientBar(#ee5f5b, #c43c35);
209
+ }
210
+ // Success appears as green
211
+ &.success {
212
+ .gradientBar(#62c462, #57a957);
213
+ }
214
+ // Info appears as a neutral blue
215
+ &.info {
216
+ .gradientBar(#5bc0de, #339bb9);
217
+ }
218
+ }
219
+
220
+ // Gradients
221
+ #gradient {
222
+ .horizontal (@startColor: #555, @endColor: #333) {
223
+ background-color: @endColor;
224
+ background-repeat: repeat-x;
225
+ background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror
226
+ background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
227
+ background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
228
+ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
229
+ background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
230
+ background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
231
+ background-image: linear-gradient(left, @startColor, @endColor); // Le standard
232
+ }
233
+ .vertical (@startColor: #555, @endColor: #333) {
234
+ background-color: @endColor;
235
+ background-repeat: repeat-x;
236
+ background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
237
+ background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
238
+ background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
239
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
240
+ background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
241
+ background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
242
+ background-image: linear-gradient(top, @startColor, @endColor); // The standard
243
+ }
244
+ .directional (@startColor: #555, @endColor: #333, @deg: 45deg) {
245
+ background-color: @endColor;
246
+ background-repeat: repeat-x;
247
+ background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
248
+ background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
249
+ background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
250
+ background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
251
+ background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
252
+ }
253
+ .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
254
+ background-color: @endColor;
255
+ background-repeat: no-repeat;
256
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
257
+ background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
258
+ background-image: -moz-linear-gradient(@startColor, @midColor @colorStop, @endColor);
259
+ background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
260
+ background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
261
+ background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
262
+ }
263
+ }
264
+
265
+ // Opacity
266
+ .opacity(@opacity: 100) {
267
+ filter: e(%("alpha(opacity=%d)", @opacity));
268
+ -khtml-opacity: @opacity / 100;
269
+ -moz-opacity: @opacity / 100;
270
+ opacity: @opacity / 100;
271
+ }
@@ -0,0 +1,146 @@
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
+
34
+ // Display in IE6-9 and FF3
35
+ // -------------------------
36
+ // Source: http://github.com/necolas/normalize.css
37
+ article,
38
+ aside,
39
+ details,
40
+ figcaption,
41
+ figure,
42
+ footer,
43
+ header,
44
+ hgroup,
45
+ nav,
46
+ section {
47
+ display: block;
48
+ }
49
+
50
+ // Display block in IE6-9 and FF3
51
+ // -------------------------
52
+ // Source: http://github.com/necolas/normalize.css
53
+ audio,
54
+ canvas,
55
+ video {
56
+ display: inline-block;
57
+ *display: inline;
58
+ *zoom: 1;
59
+ }
60
+
61
+ // Prevents modern browsers from displaying 'audio' without controls
62
+ // -------------------------
63
+ // Source: http://github.com/necolas/normalize.css
64
+ audio:not([controls]) {
65
+ display: none;
66
+ }
67
+
68
+ // Prevents sub and sup affecting line-height in all browsers
69
+ // -------------------------
70
+ // Source: http://github.com/necolas/normalize.css
71
+ sub,
72
+ sup {
73
+ font-size: 75%;
74
+ line-height: 0;
75
+ position: relative;
76
+ vertical-align: baseline;
77
+ }
78
+ sup {
79
+ top: -0.5em;
80
+ }
81
+ sub {
82
+ bottom: -0.25em;
83
+ }
84
+
85
+ // Img border in a's and image quality
86
+ // -------------------------
87
+ // Source: http://github.com/necolas/normalize.css
88
+ img {
89
+ border: 0;
90
+ -ms-interpolation-mode: bicubic;
91
+ }
92
+
93
+ // Forms
94
+ // -------------------------
95
+ // Source: http://github.com/necolas/normalize.css
96
+
97
+ // Font size in all browsers, margin changes, misc consistency
98
+ button,
99
+ input,
100
+ select,
101
+ textarea {
102
+ font-size: 100%;
103
+ margin: 0;
104
+ vertical-align: baseline;
105
+ *vertical-align: middle;
106
+ }
107
+ button,
108
+ input {
109
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
110
+ *overflow: visible; // Inner spacing ie IE6/7
111
+ }
112
+ button::-moz-focus-inner,
113
+ input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
114
+ border: 0;
115
+ padding: 0;
116
+ }
117
+ button,
118
+ input[type="button"],
119
+ input[type="reset"],
120
+ input[type="submit"] {
121
+ cursor: pointer; // Cursors on all buttons applied consistently
122
+ -webkit-appearance: button; // Style clicable inputs in iOS
123
+ }
124
+ input[type="search"] { // Appearance in Safari/Chrome
125
+ -webkit-appearance: textfield;
126
+ -webkit-box-sizing: content-box;
127
+ -moz-box-sizing: content-box;
128
+ box-sizing: content-box;
129
+ }
130
+ input[type="search"]::-webkit-search-decoration {
131
+ -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
132
+ }
133
+ textarea {
134
+ overflow: auto; // Remove vertical scrollbar in IE6-9
135
+ vertical-align: top; // Readability and alignment cross-browser
136
+ }
137
+
138
+ // Tables
139
+ // -------------------------
140
+ // Source: http://github.com/necolas/normalize.css
141
+
142
+ // Remove spacing between table cells
143
+ table {
144
+ border-collapse: collapse;
145
+ border-spacing: 0;
146
+ }
@@ -0,0 +1,204 @@
1
+ /*
2
+ * Scaffolding
3
+ * Basic and global styles for generating a grid system, structural layout, and page templates
4
+ * ------------------------------------------------------------------------------------------- */
5
+
6
+
7
+ // GRID SYSTEM
8
+ // -----------
9
+
10
+ .row {
11
+ .clearfix();
12
+ margin-left: -20px;
13
+
14
+ // Default columns
15
+ .span1,
16
+ .span2,
17
+ .span3,
18
+ .span4,
19
+ .span5,
20
+ .span6,
21
+ .span7,
22
+ .span8,
23
+ .span9,
24
+ .span10,
25
+ .span11,
26
+ .span12,
27
+ .span13,
28
+ .span14,
29
+ .span15,
30
+ .span16 {
31
+ display: inline;
32
+ float: left;
33
+ margin-left: 20px;
34
+ }
35
+
36
+ // Default columns
37
+ .span1 { .columns(1); }
38
+ .span2 { .columns(2); }
39
+ .span3 { .columns(3); }
40
+ .span4 { .columns(4); }
41
+ .span5 { .columns(5); }
42
+ .span6 { .columns(6); }
43
+ .span7 { .columns(7); }
44
+ .span8 { .columns(8); }
45
+ .span9 { .columns(9); }
46
+ .span10 { .columns(10); }
47
+ .span11 { .columns(11); }
48
+ .span12 { .columns(12); }
49
+ .span13 { .columns(13); }
50
+ .span14 { .columns(14); }
51
+ .span15 { .columns(15); }
52
+ .span16 { .columns(16); }
53
+
54
+ // Offset column options
55
+ .offset1 { .offset(1); }
56
+ .offset2 { .offset(2); }
57
+ .offset3 { .offset(3); }
58
+ .offset4 { .offset(4); }
59
+ .offset5 { .offset(5); }
60
+ .offset6 { .offset(6); }
61
+ .offset7 { .offset(7); }
62
+ .offset8 { .offset(8); }
63
+ .offset9 { .offset(9); }
64
+ .offset10 { .offset(10); }
65
+ .offset11 { .offset(11); }
66
+ .offset12 { .offset(12); }
67
+ }
68
+
69
+
70
+ // STRUCTURAL LAYOUT
71
+ // -----------------
72
+
73
+ html, body {
74
+ background-color: #fff;
75
+ }
76
+ body {
77
+ margin: 0;
78
+ #font > .sans-serif(normal,@basefont,@baseline);
79
+ color: @gray;
80
+ text-rendering: optimizeLegibility;
81
+ }
82
+
83
+ // Container (centered, fixed-width layouts)
84
+ .container {
85
+ width: 940px;
86
+ margin: 0 auto;
87
+ }
88
+
89
+ // Fluid layouts (left aligned, with sidebar, min- & max-width content)
90
+ .container-fluid {
91
+ padding: 0 20px;
92
+ .clearfix();
93
+ .sidebar {
94
+ float: left;
95
+ width: 220px;
96
+ }
97
+ .content {
98
+ min-width: 700px;
99
+ max-width: 1180px;
100
+ margin-left: 240px;
101
+ }
102
+ }
103
+
104
+
105
+ // BASE STYLES
106
+ // -----------
107
+
108
+ // Links
109
+ a {
110
+ color: @linkColor;
111
+ text-decoration: none;
112
+ line-height: inherit;
113
+ font-weight: inherit;
114
+ &:hover {
115
+ color: @linkColorHover;
116
+ text-decoration: underline;
117
+ }
118
+ }
119
+
120
+ // Buttons
121
+ .btn {
122
+ display: inline-block;
123
+ #gradient > .vertical-three-colors(#fff, #fff, 0.25, darken(#fff, 10%));
124
+ padding: 4px 14px;
125
+ text-shadow: 0 1px 1px rgba(255,255,255,.75);
126
+ color: #333;
127
+ font-size: 13px;
128
+ line-height: @baseline;
129
+ border: 1px solid #ccc;
130
+ border-bottom-color: #bbb;
131
+ .border-radius(4px);
132
+ @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
133
+ .box-shadow(@shadow);
134
+ &:hover {
135
+ background-position: 0 -15px;
136
+ color: #333;
137
+ text-decoration: none;
138
+ }
139
+ }
140
+ .primary {
141
+ #gradient > .vertical(#049CDB, #0064CD);
142
+ color: #fff;
143
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
144
+ border: 1px solid darken(#0064CD, 10%);
145
+ border-bottom-color: darken(#0064CD, 15%);
146
+ &:hover {
147
+ color: #fff;
148
+ }
149
+ }
150
+
151
+ .btn {
152
+ //.button(#1174C6);
153
+ .transition(.1s linear all);
154
+ &.primary {
155
+ //#gradient > .vertical(@blue, @blueDark);
156
+ color: #fff;
157
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
158
+ border-color: @blueDark @blueDark darken(@blueDark, 15%);
159
+ border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
160
+ &:hover {
161
+ color: #fff;
162
+ }
163
+ }
164
+ &.large {
165
+ font-size: 16px;
166
+ line-height: 28px;
167
+ .border-radius(6px);
168
+ }
169
+ &.small {
170
+ padding-right: 9px;
171
+ padding-left: 9px;
172
+ font-size: 11px;
173
+ }
174
+ &.disabled {
175
+ background-image: none;
176
+ .opacity(65);
177
+ cursor: default;
178
+ .box-shadow(none);
179
+ }
180
+
181
+ // this can't be included with the .disabled def because IE8 and below will drop it ;_;
182
+ &:disabled {
183
+ background-image: none;
184
+ .opacity(65);
185
+ cursor: default;
186
+ .box-shadow(none);
187
+ &.primary {
188
+ color: #fff;
189
+ }
190
+ }
191
+ &:active {
192
+ @shadow: inset 0 3px 7px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
193
+ .box-shadow(@shadow);
194
+ }
195
+ }
196
+
197
+ // Help Firefox not be a jerk about adding extra padding to buttons
198
+ button.btn,
199
+ input[type=submit].btn {
200
+ &::-moz-focus-inner {
201
+ padding: 0;
202
+ border: 0;
203
+ }
204
+ }