jekyll-theme-artsy 0.1.11 → 0.1.12
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 +4 -4
- data/README.md +7 -0
- data/_includes/contact.html +1 -1
- data/_includes/head.html +1 -1
- data/_sass/_blog.scss +155 -0
- data/_sass/_cart.scss +37 -0
- data/_sass/_common.scss +426 -0
- data/_sass/_gallery.scss +14 -0
- data/_sass/_homepage.scss +0 -0
- data/_sass/_newsletter.scss +13 -0
- data/_sass/_services.scss +162 -0
- data/_sass/_shop.scss +55 -0
- data/_sass/colors/green.scss +12 -0
- data/_sass/colors/trina.scss +13 -0
- data/_sass/main.scss +13 -0
- data/assets/css/styles.scss +3 -0
- metadata +13 -2
- data/assets/css/main.css +0 -856
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 876c462441dc9d8c3df647f50293b62af2be30f2
|
|
4
|
+
data.tar.gz: 085e467fd6cf07d405db8bd46e16da282d6d15cf
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ba8a7f99cbb9b11e512a2e8d898bff9429943c64b3e5823c3e137bafc51e3bca6cd23a3c7a0196c4dccab76b980a9d937de988cef022560db187aed0e6730d44
|
|
7
|
+
data.tar.gz: 8b3b19a2edabf4fb87816a09a477cbcde39b5cf322cec4a3f9aca45534f247d788c879f3e89f26a881b4a5afbe3616871e227421fa00b1470d9213f9238efea1
|
data/README.md
CHANGED
|
@@ -5,6 +5,13 @@
|
|
|
5
5
|
|
|
6
6
|
This is Artsy, a Jekyll theme that compiles out to a ruby gem. It provides a rough but useful theme for Jekyll sites that includes a gallery, services and a lame ecommerce methodology built around PayPal Buttons. While eventually the goal is for this to be a useful and optimized jekyll theme, at this point its very early and the only real goal is to provide a decoupled theme and asset repositories for my girlfriend that's still compatible with Prose and Netlify. The point is to allow for the theme proper to be publically availble, while letting us track the _content_ in a private repository. This theme is bundled with a thumbnailer that can shrink images and watermark them, the content repo will be a safe home for all of the artist's content and jekyll will only output images that are safe for the web.
|
|
7
7
|
|
|
8
|
+
# Releasing the Gem
|
|
9
|
+
|
|
10
|
+
```
|
|
11
|
+
$ gem build jekyll-theme-artsy.gemspec
|
|
12
|
+
$ gem push jekyll-theme-artsy-0.1.11.gem
|
|
13
|
+
```
|
|
14
|
+
|
|
8
15
|
# Basics...
|
|
9
16
|
|
|
10
17
|
To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
|
data/_includes/contact.html
CHANGED
data/_includes/head.html
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
<link rel="stylesheet" href="{{ "/assets/css/bootstrap.min.css" | prepend: site.baseurl }}">
|
|
33
33
|
|
|
34
34
|
<!-- Custom CSS -->
|
|
35
|
-
<link rel="stylesheet" href="{{ "/assets/css/
|
|
35
|
+
<link rel="stylesheet" href="{{ "/assets/css/styles.css" | prepend: site.baseurl }}">
|
|
36
36
|
<link rel="stylesheet" href="{{ "/assets/css/galleries.css" | prepend: site.baseurl }}">
|
|
37
37
|
<link rel="stylesheet" href="{{ "/assets/css/super-search.css" | prepend: site.baseurl }}">
|
|
38
38
|
<link rel="stylesheet" href="{{ "/assets/css/magnificpopup.css" | prepend: site.baseurl }}">
|
data/_sass/_blog.scss
ADDED
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
|
|
2
|
+
article img, #post-content img {
|
|
3
|
+
padding: 15px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
article .small, #post-content .small {
|
|
7
|
+
max-width: 30%;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
article img.medium, #post-content img.medium {
|
|
11
|
+
width: 50%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
article .large img, #post-content .large img {
|
|
15
|
+
width: 70%;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
article .full img, #post-content .full img {
|
|
20
|
+
width: 100%;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
@media screen and (max-width: 780px) {
|
|
25
|
+
article .small, #post-content .small, article .medium img, #post-content .medium img, article .large img, #post-content .large img
|
|
26
|
+
{
|
|
27
|
+
clear: both;
|
|
28
|
+
width: 100%;
|
|
29
|
+
text-align: center;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
article .left, #post-content .left {
|
|
36
|
+
float: left;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
article img.center, #post-content img.center {
|
|
40
|
+
margin: 0 auto;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
article .right, #post-content .right {
|
|
45
|
+
float: right;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
article .clear, #post-content .clear {
|
|
49
|
+
clear: all;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.fancytextborder {
|
|
53
|
+
margin-right:1em; text-shadow: -.025em -.025em 0 rgba(102, 0, 85, 0.75), .025em -.025em 0 rgba(102, 0, 85, 0.75), -.025em .025em 0 rgba(102, 0, 85, 0.75), .025em .025em 0 rgba(102, 0, 85, 0.75);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
#donate input {
|
|
58
|
+
width: 200px;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
#donate:hover {
|
|
62
|
+
opacity: .8;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@media only screen and (min-width: 768px) {
|
|
66
|
+
li #donate {
|
|
67
|
+
display: none;
|
|
68
|
+
}
|
|
69
|
+
.donate-outside #donate {
|
|
70
|
+
position: absolute;
|
|
71
|
+
top: 60px;
|
|
72
|
+
right: 0px;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@media only screen and (max-width: 768px) {
|
|
77
|
+
#donate {
|
|
78
|
+
display: block;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.donate-outside #donate {
|
|
82
|
+
display: none;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.center {
|
|
88
|
+
text-align: center;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
#headerwrapper {
|
|
92
|
+
background: no-repeat center center;
|
|
93
|
+
background-size: cover;
|
|
94
|
+
background-attachment: scroll;
|
|
95
|
+
display: block;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
#headerwrapper .intro-header {
|
|
99
|
+
|
|
100
|
+
background-color: rgba(118, 37, 126, 0.8);
|
|
101
|
+
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
.bloglist-header {
|
|
107
|
+
|
|
108
|
+
/* border: 1px solid red; */
|
|
109
|
+
left: 0px;
|
|
110
|
+
right: 0px;
|
|
111
|
+
clear: both;
|
|
112
|
+
position: relative;
|
|
113
|
+
padding: 20px;
|
|
114
|
+
|
|
115
|
+
/* Create the parallax scrolling effect */
|
|
116
|
+
background-attachment: fixed;
|
|
117
|
+
background-position: center;
|
|
118
|
+
background-repeat: no-repeat;
|
|
119
|
+
background-size: cover;
|
|
120
|
+
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
#post-content {
|
|
124
|
+
padding-bottom: 80px;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.bloglist-header h2, .bloglist-header h3, .bloglist-header .meta {
|
|
128
|
+
color: white;
|
|
129
|
+
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
.bloglist-header .meta {
|
|
134
|
+
color: #fff;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
ul#pager {
|
|
138
|
+
position: absolute;
|
|
139
|
+
display: block;
|
|
140
|
+
clear: both;
|
|
141
|
+
/* border: 1px solid red; */
|
|
142
|
+
margin: 0 auto;
|
|
143
|
+
width: 100%;
|
|
144
|
+
}
|
|
145
|
+
#pager li {
|
|
146
|
+
float: center;
|
|
147
|
+
display: block;
|
|
148
|
+
text-align: center;
|
|
149
|
+
margin: 0 auto;
|
|
150
|
+
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.container {
|
|
154
|
+
overflow: hidden;
|
|
155
|
+
}
|
data/_sass/_cart.scss
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
|
|
2
|
+
.view-cart {
|
|
3
|
+
float: right; display: block; margin-top: 13px; width: 36px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.addtocart {
|
|
7
|
+
position: relative;
|
|
8
|
+
width: 320px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.addtocart .addtocart-button {
|
|
12
|
+
float: left;
|
|
13
|
+
width: 100%;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.addtocart .addtocart-button:hover {
|
|
17
|
+
opacity: .7;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.addtocart div {
|
|
21
|
+
display: block;
|
|
22
|
+
text-align: center;
|
|
23
|
+
position: absolute;
|
|
24
|
+
top: 75px;
|
|
25
|
+
right: 40px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.addtocart h2 {
|
|
29
|
+
color: rgb(198, 157, 207);
|
|
30
|
+
margin-bottom: -10px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.addtocart sub {
|
|
34
|
+
font-size: 10pt;
|
|
35
|
+
font-style: italic;
|
|
36
|
+
|
|
37
|
+
}
|
data/_sass/_common.scss
ADDED
|
@@ -0,0 +1,426 @@
|
|
|
1
|
+
body {
|
|
2
|
+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
3
|
+
font-size: 20px;
|
|
4
|
+
color: $textcolor;
|
|
5
|
+
background-color: #1d1919;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.navbar-default .navbar-nav>li>a:hover {
|
|
9
|
+
color: $navhover;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.navbar-default .navbar-nav>.active>a {
|
|
13
|
+
color: $navactive;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
p {
|
|
18
|
+
line-height: 1.5;
|
|
19
|
+
margin: 30px 0;
|
|
20
|
+
}
|
|
21
|
+
p a {
|
|
22
|
+
text-decoration: none;
|
|
23
|
+
}
|
|
24
|
+
h1,
|
|
25
|
+
h2,
|
|
26
|
+
h3,
|
|
27
|
+
h4,
|
|
28
|
+
h5,
|
|
29
|
+
h6 {
|
|
30
|
+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
31
|
+
font-weight: 800;
|
|
32
|
+
clear: both;
|
|
33
|
+
}
|
|
34
|
+
a {
|
|
35
|
+
color: $textlink;
|
|
36
|
+
transition: color .4s;
|
|
37
|
+
text-decorarion: none;
|
|
38
|
+
}
|
|
39
|
+
a:hover,
|
|
40
|
+
a:focus {
|
|
41
|
+
color: #fff;
|
|
42
|
+
transition: color .3s;
|
|
43
|
+
outline: none;
|
|
44
|
+
text-shadow:none;
|
|
45
|
+
}
|
|
46
|
+
a img:hover,
|
|
47
|
+
a img:focus {
|
|
48
|
+
cursor: zoom-in;
|
|
49
|
+
outline: none;
|
|
50
|
+
}
|
|
51
|
+
blockquote {
|
|
52
|
+
color: #808080;
|
|
53
|
+
font-style: italic;
|
|
54
|
+
}
|
|
55
|
+
hr.small {
|
|
56
|
+
max-width: 100px;
|
|
57
|
+
margin: 15px auto;
|
|
58
|
+
border-width: 4px;
|
|
59
|
+
border-color: white;
|
|
60
|
+
}
|
|
61
|
+
.navbar-custom {
|
|
62
|
+
background-color: transparent;
|
|
63
|
+
position: absolute;
|
|
64
|
+
top: 0;
|
|
65
|
+
left: 0;
|
|
66
|
+
width: 100%;
|
|
67
|
+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
68
|
+
}
|
|
69
|
+
.navbar-custom .navbar-brand {
|
|
70
|
+
font-weight: 800;
|
|
71
|
+
}
|
|
72
|
+
.navbar-custom .nav li a {
|
|
73
|
+
color: white;
|
|
74
|
+
text-transform: uppercase;
|
|
75
|
+
font-size: 12px;
|
|
76
|
+
font-weight: 800;
|
|
77
|
+
letter-spacing: 1px;
|
|
78
|
+
}
|
|
79
|
+
@media only screen and (min-width: 768px) {
|
|
80
|
+
.navbar-custom {
|
|
81
|
+
background: transparent;
|
|
82
|
+
border-bottom: 1px solid transparent;
|
|
83
|
+
}
|
|
84
|
+
.navbar-custom .navbar-brand {
|
|
85
|
+
color: white;
|
|
86
|
+
padding: 20px;
|
|
87
|
+
}
|
|
88
|
+
.navbar-custom .navbar-brand:hover,
|
|
89
|
+
.navbar-custom .navbar-brand:focus {
|
|
90
|
+
color: $texthighlight;
|
|
91
|
+
}
|
|
92
|
+
.navbar-custom .nav li a {
|
|
93
|
+
color: white;
|
|
94
|
+
padding: 20px;
|
|
95
|
+
}
|
|
96
|
+
.navbar-custom .nav li a:hover{
|
|
97
|
+
color: $texthighlight;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
@media only screen and (min-width: 1170px) {
|
|
101
|
+
.navbar-custom {
|
|
102
|
+
-webkit-transition: background-color 0.3s;
|
|
103
|
+
-moz-transition: background-color 0.3s;
|
|
104
|
+
transition: background-color 0.3s;
|
|
105
|
+
/* Force Hardware Acceleration in WebKit */
|
|
106
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
107
|
+
-moz-transform: translate3d(0, 0, 0);
|
|
108
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
109
|
+
-o-transform: translate3d(0, 0, 0);
|
|
110
|
+
transform: translate3d(0, 0, 0);
|
|
111
|
+
-webkit-backface-visibility: hidden;
|
|
112
|
+
backface-visibility: hidden;
|
|
113
|
+
}
|
|
114
|
+
.navbar-custom.is-fixed {
|
|
115
|
+
/* when the user scrolls down, we hide the header right above the viewport */
|
|
116
|
+
position: fixed;
|
|
117
|
+
top: -61px;
|
|
118
|
+
background-color: rgba(0, 0, 0, 0.9);
|
|
119
|
+
-webkit-transition: -webkit-transform 0.3s;
|
|
120
|
+
-moz-transition: -moz-transform 0.3s;
|
|
121
|
+
transition: transform 0.3s;
|
|
122
|
+
}
|
|
123
|
+
.navbar-custom.is-fixed .navbar-brand {
|
|
124
|
+
color: #ffffff;
|
|
125
|
+
}
|
|
126
|
+
.navbar-custom.is-fixed .navbar-brand:hover {
|
|
127
|
+
color: $texthighlight;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.navbar-custom.is-fixed .nav li a:hover {
|
|
131
|
+
color: $texthighlight;
|
|
132
|
+
}
|
|
133
|
+
.navbar-custom.is-fixed .nav li a:active{
|
|
134
|
+
color: $texthighlight;
|
|
135
|
+
}
|
|
136
|
+
.navbar-custom.is-visible {
|
|
137
|
+
/* if the user changes the scrolling direction, we show the header */
|
|
138
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
|
139
|
+
-moz-transform: translate3d(0, 100%, 0);
|
|
140
|
+
-ms-transform: translate3d(0, 100%, 0);
|
|
141
|
+
-o-transform: translate3d(0, 100%, 0);
|
|
142
|
+
transform: translate3d(0, 100%, 0);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
.intro-header {
|
|
146
|
+
background: no-repeat center center;
|
|
147
|
+
background-color: $headercolor;
|
|
148
|
+
background-attachment: scroll;
|
|
149
|
+
-webkit-background-size: cover;
|
|
150
|
+
-moz-background-size: cover;
|
|
151
|
+
background-size: cover;
|
|
152
|
+
-o-background-size: cover;
|
|
153
|
+
margin-bottom: 50px;
|
|
154
|
+
}
|
|
155
|
+
.intro-header .site-heading,
|
|
156
|
+
.intro-header .post-heading,
|
|
157
|
+
.intro-header .page-heading {
|
|
158
|
+
padding: 100px 0 50px;
|
|
159
|
+
color: white;
|
|
160
|
+
}
|
|
161
|
+
@media only screen and (min-width: 768px) {
|
|
162
|
+
.intro-header .site-heading,
|
|
163
|
+
.intro-header .post-heading,
|
|
164
|
+
.intro-header .page-heading {
|
|
165
|
+
padding: 150px 0;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
.intro-header .site-heading,
|
|
169
|
+
.intro-header .page-heading {
|
|
170
|
+
text-align: center;
|
|
171
|
+
}
|
|
172
|
+
.intro-header .site-heading h1,
|
|
173
|
+
.intro-header .page-heading h1 {
|
|
174
|
+
margin-top: 0;
|
|
175
|
+
font-size: 50px;
|
|
176
|
+
text-shadow: 1px 1px 4px #000;
|
|
177
|
+
}
|
|
178
|
+
.intro-header .site-heading .subheading,
|
|
179
|
+
.intro-header .page-heading .subheading {
|
|
180
|
+
font-size: 24px;
|
|
181
|
+
line-height: 1.1;
|
|
182
|
+
display: block;
|
|
183
|
+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
184
|
+
font-weight: 300;
|
|
185
|
+
margin: 10px 0 0;
|
|
186
|
+
text-shadow: 1px 1px 4px #000;
|
|
187
|
+
}
|
|
188
|
+
@media only screen and (min-width: 768px) {
|
|
189
|
+
.intro-header .site-heading h1,
|
|
190
|
+
.intro-header .page-heading h1, {
|
|
191
|
+
font-size: 80px;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.intro-header .post-heading h1,
|
|
195
|
+
.intro-header .site-heading h1,
|
|
196
|
+
.intro-header .page-heading h1,
|
|
197
|
+
.wrapper h2,
|
|
198
|
+
.wrapper .entry-summary {
|
|
199
|
+
text-shadow: 2px 2px 2px black;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
.intro-header .post-heading h1 {
|
|
203
|
+
font-size: 35px;
|
|
204
|
+
}
|
|
205
|
+
.intro-header .post-heading .subheading,
|
|
206
|
+
.intro-header .post-heading .meta {
|
|
207
|
+
line-height: 1.1;
|
|
208
|
+
display: block;
|
|
209
|
+
}
|
|
210
|
+
.intro-header .post-heading .subheading {
|
|
211
|
+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
212
|
+
font-size: 24px;
|
|
213
|
+
margin: 10px 0 30px;
|
|
214
|
+
font-weight: 600;
|
|
215
|
+
text-shadow: 1px 1px 4px #000;
|
|
216
|
+
}
|
|
217
|
+
.intro-header .post-heading .meta {
|
|
218
|
+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
219
|
+
font-style: italic;
|
|
220
|
+
text-shadow: 1px 1px 4px #000;
|
|
221
|
+
font-size: 20px;
|
|
222
|
+
}
|
|
223
|
+
.intro-header .post-heading .meta a {
|
|
224
|
+
color: white;
|
|
225
|
+
}
|
|
226
|
+
@media only screen and (min-width: 768px) {
|
|
227
|
+
.intro-header .post-heading h1 {
|
|
228
|
+
font-size: 55px;
|
|
229
|
+
}
|
|
230
|
+
.intro-header .post-heading .subheading {
|
|
231
|
+
font-size: 30px;
|
|
232
|
+
text-shadow: 1px 1px 4px #000;
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
.post-preview > a {
|
|
236
|
+
color: #f5f5f5;
|
|
237
|
+
}
|
|
238
|
+
.post-preview > a:hover,
|
|
239
|
+
.post-preview > a:focus {
|
|
240
|
+
text-decoration: none;
|
|
241
|
+
color: $texthighlight;
|
|
242
|
+
}
|
|
243
|
+
.post-preview > a > .post-title {
|
|
244
|
+
font-size: 30px;
|
|
245
|
+
margin-top: 30px;
|
|
246
|
+
margin-bottom: 10px;
|
|
247
|
+
}
|
|
248
|
+
.post-preview > a > .post-subtitle {
|
|
249
|
+
margin: 0;
|
|
250
|
+
font-weight: 300;
|
|
251
|
+
margin-bottom: 10px;
|
|
252
|
+
}
|
|
253
|
+
.post-preview > .post-meta {
|
|
254
|
+
color: #808080;
|
|
255
|
+
font-size: 18px;
|
|
256
|
+
font-style: italic;
|
|
257
|
+
margin-top: 0;
|
|
258
|
+
}
|
|
259
|
+
.post-preview > .post-meta > a {
|
|
260
|
+
text-decoration: none;
|
|
261
|
+
color: #404040;
|
|
262
|
+
}
|
|
263
|
+
.post-preview > .post-meta > a:hover,
|
|
264
|
+
.post-preview > .post-meta > a:focus {
|
|
265
|
+
color: $texthighlight;
|
|
266
|
+
text-decoration: underline;
|
|
267
|
+
}
|
|
268
|
+
@media only screen and (min-width: 768px) {
|
|
269
|
+
.post-preview > a > .post-title {
|
|
270
|
+
font-size: 36px;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
.section-heading {
|
|
274
|
+
font-size: 36px;
|
|
275
|
+
margin-top: 60px;
|
|
276
|
+
font-weight: 700;
|
|
277
|
+
}
|
|
278
|
+
.caption {
|
|
279
|
+
text-align: center;
|
|
280
|
+
font-size: 14px;
|
|
281
|
+
padding: 10px;
|
|
282
|
+
font-style: italic;
|
|
283
|
+
margin: 0;
|
|
284
|
+
display: block;
|
|
285
|
+
border-bottom-right-radius: 5px;
|
|
286
|
+
border-bottom-left-radius: 5px;
|
|
287
|
+
}
|
|
288
|
+
footer {
|
|
289
|
+
margin: -30px 0 0px;
|
|
290
|
+
}
|
|
291
|
+
footer .list-inline {
|
|
292
|
+
margin: 0;
|
|
293
|
+
padding: 0;
|
|
294
|
+
}
|
|
295
|
+
footer .copyright {
|
|
296
|
+
font-size: 14px;
|
|
297
|
+
text-align: center;
|
|
298
|
+
margin-bottom: 0;
|
|
299
|
+
}
|
|
300
|
+
.floating-label-form-group {
|
|
301
|
+
font-size: 14px;
|
|
302
|
+
position: relative;
|
|
303
|
+
margin-bottom: 0;
|
|
304
|
+
padding-bottom: 0.5em;
|
|
305
|
+
border-bottom: 1px solid #eeeeee;
|
|
306
|
+
}
|
|
307
|
+
.floating-label-form-group input,
|
|
308
|
+
.floating-label-form-group textarea {
|
|
309
|
+
z-index: 1;
|
|
310
|
+
position: relative;
|
|
311
|
+
padding-right: 0;
|
|
312
|
+
padding-left: 0;
|
|
313
|
+
border: none;
|
|
314
|
+
border-radius: 0;
|
|
315
|
+
font-size: 1.5em;
|
|
316
|
+
background: none;
|
|
317
|
+
box-shadow: none !important;
|
|
318
|
+
resize: none;
|
|
319
|
+
}
|
|
320
|
+
.floating-label-form-group label {
|
|
321
|
+
display: block;
|
|
322
|
+
z-index: 0;
|
|
323
|
+
position: relative;
|
|
324
|
+
top: 2em;
|
|
325
|
+
margin: 0;
|
|
326
|
+
font-size: 0.85em;
|
|
327
|
+
line-height: 1.764705882em;
|
|
328
|
+
vertical-align: middle;
|
|
329
|
+
vertical-align: baseline;
|
|
330
|
+
opacity: 0;
|
|
331
|
+
-webkit-transition: top 0.3s ease,opacity 0.3s ease;
|
|
332
|
+
-moz-transition: top 0.3s ease,opacity 0.3s ease;
|
|
333
|
+
-ms-transition: top 0.3s ease,opacity 0.3s ease;
|
|
334
|
+
transition: top 0.3s ease,opacity 0.3s ease;
|
|
335
|
+
}
|
|
336
|
+
.floating-label-form-group::not(:first-child) {
|
|
337
|
+
padding-left: 14px;
|
|
338
|
+
border-left: 1px solid #eeeeee;
|
|
339
|
+
}
|
|
340
|
+
.floating-label-form-group-with-value label {
|
|
341
|
+
top: 0;
|
|
342
|
+
opacity: 1;
|
|
343
|
+
}
|
|
344
|
+
.floating-label-form-group-with-focus label {
|
|
345
|
+
color: $texthighlight;
|
|
346
|
+
}
|
|
347
|
+
form .row:first-child .floating-label-form-group {
|
|
348
|
+
border-top: 1px solid #eeeeee;
|
|
349
|
+
}
|
|
350
|
+
.btn {
|
|
351
|
+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
352
|
+
text-transform: uppercase;
|
|
353
|
+
font-size: 14px;
|
|
354
|
+
font-weight: 800;
|
|
355
|
+
letter-spacing: 1px;
|
|
356
|
+
border-radius: 0;
|
|
357
|
+
padding: 15px 25px;
|
|
358
|
+
}
|
|
359
|
+
.btn-lg {
|
|
360
|
+
font-size: 16px;
|
|
361
|
+
padding: 25px 35px;
|
|
362
|
+
}
|
|
363
|
+
.btn-default:hover,
|
|
364
|
+
.btn-default:focus {
|
|
365
|
+
background-color: $texthighlight;
|
|
366
|
+
border: 1px solid $texthighlight;
|
|
367
|
+
color: white;
|
|
368
|
+
}
|
|
369
|
+
.pager {
|
|
370
|
+
margin: 20px 0 0;
|
|
371
|
+
}
|
|
372
|
+
.pager li > a,
|
|
373
|
+
.pager li > span {
|
|
374
|
+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
375
|
+
text-transform: uppercase;
|
|
376
|
+
font-size: 14px;
|
|
377
|
+
font-weight: 800;
|
|
378
|
+
letter-spacing: 1px;
|
|
379
|
+
padding: 10px 5px;
|
|
380
|
+
background-color: black;
|
|
381
|
+
}
|
|
382
|
+
@media only screen and (min-width: 768px) {
|
|
383
|
+
.pager li > a,
|
|
384
|
+
.pager li > span {
|
|
385
|
+
font-size: 14px;
|
|
386
|
+
padding: 15px 25px;
|
|
387
|
+
}
|
|
388
|
+
}
|
|
389
|
+
.pager li > a:hover,
|
|
390
|
+
.pager li > a:focus {
|
|
391
|
+
color: white;
|
|
392
|
+
background-color: black;
|
|
393
|
+
}
|
|
394
|
+
.pager .disabled > a,
|
|
395
|
+
.pager .disabled > a:hover,
|
|
396
|
+
.pager .disabled > a:focus,
|
|
397
|
+
.pager .disabled > span {
|
|
398
|
+
color: #808080;
|
|
399
|
+
background-color: #404040;
|
|
400
|
+
cursor: not-allowed;
|
|
401
|
+
}
|
|
402
|
+
::-moz-selection {
|
|
403
|
+
color: white;
|
|
404
|
+
text-shadow: none;
|
|
405
|
+
background: $texthighlight;
|
|
406
|
+
}
|
|
407
|
+
::selection {
|
|
408
|
+
color: white;
|
|
409
|
+
text-shadow: none;
|
|
410
|
+
background: $texthighlight;
|
|
411
|
+
}
|
|
412
|
+
img::selection {
|
|
413
|
+
color: white;
|
|
414
|
+
background: transparent;
|
|
415
|
+
}
|
|
416
|
+
img::-moz-selection {
|
|
417
|
+
color: white;
|
|
418
|
+
background: transparent;
|
|
419
|
+
}
|
|
420
|
+
body {
|
|
421
|
+
webkit-tap-highlight-color: $texthighlight;
|
|
422
|
+
}
|
|
423
|
+
.fa-stack-2x {
|
|
424
|
+
color: black;
|
|
425
|
+
}
|
|
426
|
+
|