mcloud 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.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +52 -0
- data/_includes/disqus_comments.html +20 -0
- data/_includes/footer.html +7 -0
- data/_includes/google-analytics.html +11 -0
- data/_includes/head.html +22 -0
- data/_includes/header.html +39 -0
- data/_includes/img.html +1 -0
- data/_includes/video.html +3 -0
- data/_layouts/default.html +25 -0
- data/_layouts/home.html +31 -0
- data/_layouts/page.html +15 -0
- data/_layouts/post.html +21 -0
- data/_sass/mcloud/_bootstrap.min.scss +7 -0
- data/_sass/mcloud/_carousel.scss +138 -0
- data/_sass/mcloud/_custom.scss +27 -0
- data/_sass/mcloud.scss +49 -0
- data/assets/js/bootstrap.js +1953 -0
- data/assets/js/bootstrap.min.js +6 -0
- data/assets/js/docs.min.js +24 -0
- data/assets/js/includefunction.js +6 -0
- data/assets/js/jquery.min.js +4 -0
- data/assets/main.scss +5 -0
- metadata +109 -0
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
/* GLOBAL STYLES
|
|
2
|
+
-------------------------------------------------- */
|
|
3
|
+
/* Padding below the footer and lighter body text */
|
|
4
|
+
|
|
5
|
+
body {
|
|
6
|
+
padding-bottom: 40px;
|
|
7
|
+
color: #5a5a5a;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
/* CUSTOMIZE THE NAVBAR
|
|
13
|
+
-------------------------------------------------- */
|
|
14
|
+
|
|
15
|
+
/* Special class on .container surrounding .navbar, used for positioning it into place. */
|
|
16
|
+
.navbar-wrapper {
|
|
17
|
+
position: absolute;
|
|
18
|
+
top: 0;
|
|
19
|
+
right: 0;
|
|
20
|
+
left: 0;
|
|
21
|
+
z-index: 20;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/* Flip around the padding for proper display in narrow viewports */
|
|
25
|
+
.navbar-wrapper > .container {
|
|
26
|
+
padding-right: 0;
|
|
27
|
+
padding-left: 0;
|
|
28
|
+
}
|
|
29
|
+
.navbar-wrapper .navbar {
|
|
30
|
+
padding-right: 15px;
|
|
31
|
+
padding-left: 15px;
|
|
32
|
+
}
|
|
33
|
+
.navbar-wrapper .navbar .container {
|
|
34
|
+
width: auto;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
/* CUSTOMIZE THE CAROUSEL
|
|
39
|
+
-------------------------------------------------- */
|
|
40
|
+
|
|
41
|
+
/* Carousel base class */
|
|
42
|
+
.carousel {
|
|
43
|
+
height: 500px;
|
|
44
|
+
margin-bottom: 60px;
|
|
45
|
+
}
|
|
46
|
+
/* Since positioning the image, we need to help out the caption */
|
|
47
|
+
.carousel-caption {
|
|
48
|
+
z-index: 10;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/* Declare heights because of positioning of img element */
|
|
52
|
+
.carousel .item {
|
|
53
|
+
height: 500px;
|
|
54
|
+
background-color: #777;
|
|
55
|
+
}
|
|
56
|
+
.carousel-inner > .item > img {
|
|
57
|
+
position: absolute;
|
|
58
|
+
top: 0;
|
|
59
|
+
left: 0;
|
|
60
|
+
min-width: 100%;
|
|
61
|
+
height: 500px;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
/* MARKETING CONTENT
|
|
67
|
+
-------------------------------------------------- */
|
|
68
|
+
|
|
69
|
+
/* Center align the text within the three columns below the carousel */
|
|
70
|
+
.marketing .col-lg-4 {
|
|
71
|
+
margin-bottom: 20px;
|
|
72
|
+
text-align: center;
|
|
73
|
+
}
|
|
74
|
+
.marketing h2 {
|
|
75
|
+
font-weight: normal;
|
|
76
|
+
}
|
|
77
|
+
.marketing .col-lg-4 p {
|
|
78
|
+
margin-right: 10px;
|
|
79
|
+
margin-left: 10px;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
/* Featurettes
|
|
84
|
+
------------------------- */
|
|
85
|
+
|
|
86
|
+
.featurette-divider {
|
|
87
|
+
margin: 80px 0; /* Space out the Bootstrap <hr> more */
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/* Thin out the marketing headings */
|
|
91
|
+
.featurette-heading {
|
|
92
|
+
font-weight: 300;
|
|
93
|
+
line-height: 1;
|
|
94
|
+
letter-spacing: -1px;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
/* RESPONSIVE CSS
|
|
100
|
+
-------------------------------------------------- */
|
|
101
|
+
|
|
102
|
+
@media (min-width: 768px) {
|
|
103
|
+
|
|
104
|
+
/* Navbar positioning foo */
|
|
105
|
+
.navbar-wrapper {
|
|
106
|
+
margin-top: 20px;
|
|
107
|
+
}
|
|
108
|
+
.navbar-wrapper .container {
|
|
109
|
+
padding-right: 15px;
|
|
110
|
+
padding-left: 15px;
|
|
111
|
+
}
|
|
112
|
+
.navbar-wrapper .navbar {
|
|
113
|
+
padding-right: 0;
|
|
114
|
+
padding-left: 0;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
/* The navbar becomes detached from the top, so we round the corners */
|
|
118
|
+
.navbar-wrapper .navbar {
|
|
119
|
+
border-radius: 4px;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
/* Bump up size of carousel content */
|
|
123
|
+
.carousel-caption p {
|
|
124
|
+
margin-bottom: 20px;
|
|
125
|
+
font-size: 21px;
|
|
126
|
+
line-height: 1.4;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.featurette-heading {
|
|
130
|
+
font-size: 50px;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
@media (min-width: 992px) {
|
|
135
|
+
.featurette-heading {
|
|
136
|
+
margin-top: 120px;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* Move down content because we have a fixed navbar that is 50px tall */
|
|
2
|
+
body {
|
|
3
|
+
padding-top: 30px;
|
|
4
|
+
padding-bottom: 20px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
img {
|
|
8
|
+
margin:0 auto;
|
|
9
|
+
text-align:center;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
#rcosvideo {
|
|
13
|
+
margin:0 auto;
|
|
14
|
+
text-align:center;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
table{
|
|
18
|
+
margin:0 auto;
|
|
19
|
+
text-align:center;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.center {
|
|
23
|
+
margin:0 auto;
|
|
24
|
+
display: block;
|
|
25
|
+
width: 80%;
|
|
26
|
+
}
|
|
27
|
+
|
data/_sass/mcloud.scss
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
@charset "utf-8";
|
|
2
|
+
|
|
3
|
+
// Define defaults for each variable.
|
|
4
|
+
|
|
5
|
+
//$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
6
|
+
//$base-font-size: 16px !default;
|
|
7
|
+
//$base-font-weight: 400 !default;
|
|
8
|
+
//$small-font-size: $base-font-size * 0.875 !default;
|
|
9
|
+
//$base-line-height: 1.5 !default;
|
|
10
|
+
//
|
|
11
|
+
//$spacing-unit: 30px !default;
|
|
12
|
+
//
|
|
13
|
+
//$text-color: #111 !default;
|
|
14
|
+
//$background-color: #fdfdfd !default;
|
|
15
|
+
//$brand-color: #2a7ae2 !default;
|
|
16
|
+
//
|
|
17
|
+
//$grey-color: #828282 !default;
|
|
18
|
+
//$grey-color-light: lighten($grey-color, 40%) !default;
|
|
19
|
+
//$grey-color-dark: darken($grey-color, 25%) !default;
|
|
20
|
+
//
|
|
21
|
+
//// Width of the content area
|
|
22
|
+
//$content-width: 800px !default;
|
|
23
|
+
//
|
|
24
|
+
//$on-palm: 600px !default;
|
|
25
|
+
//$on-laptop: 800px !default;
|
|
26
|
+
//
|
|
27
|
+
//// Use media queries like this:
|
|
28
|
+
//// @include media-query($on-palm) {
|
|
29
|
+
//// .wrapper {
|
|
30
|
+
//// padding-right: $spacing-unit / 2;
|
|
31
|
+
//// padding-left: $spacing-unit / 2;
|
|
32
|
+
//// }
|
|
33
|
+
//// }
|
|
34
|
+
//@mixin media-query($device) {
|
|
35
|
+
// @media screen and (max-width: $device) {
|
|
36
|
+
// @content;
|
|
37
|
+
// }
|
|
38
|
+
//}
|
|
39
|
+
//
|
|
40
|
+
//@mixin relative-font-size($ratio) {
|
|
41
|
+
// font-size: $base-font-size * $ratio;
|
|
42
|
+
//}
|
|
43
|
+
|
|
44
|
+
// Import partials.
|
|
45
|
+
@import
|
|
46
|
+
"mcloud/carousel",
|
|
47
|
+
"mcloud/bootstrap.min",
|
|
48
|
+
"mcloud/custom"
|
|
49
|
+
;
|