Skip to content

Commit 61d8f68

Browse files
WebCrewWebCrew
committed
First Submission
1 parent e775833 commit 61d8f68

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+36873
-0
lines changed

‎assets/css/_sass/ryancv/basic.scss‎

Lines changed: 1363 additions & 0 deletions
Large diffs are not rendered by default.

‎assets/css/_sass/ryancv/blogs.scss‎

Lines changed: 339 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,339 @@
1+
/**
2+
* RyanCV - Resume/CV/vCard Theme (Jekyll)
3+
* Version: 1.0
4+
* Author: beshleyua
5+
* Author URL: https://themeforest.net/user/beshleyua
6+
* Copyright © RyanCV by beshleyua. All Rights Reserved.
7+
**/
8+
9+
10+
/* TABLE OF CONTENTS
11+
1. Blog Post
12+
*/
13+
14+
15+
/*
16+
1. Blog Post
17+
*/
18+
.post-box {
19+
&:after {
20+
content: '';
21+
display: block;
22+
clear: both;
23+
}
24+
25+
.blog-detail {
26+
margin: 0 0 25px 0;
27+
font-size: $small-size;
28+
color: $extra-color;
29+
}
30+
.blog-detail > span:first-child {
31+
padding-right: 0;
32+
}
33+
.blog-detail span:first-child:before {
34+
display: none;
35+
}
36+
.blog-detail > span {
37+
text-transform: uppercase;
38+
font-size: 12px;
39+
font-weight: 500;
40+
padding-right: 4px;
41+
}
42+
.blog-detail > span:before {
43+
content: '';
44+
content: "\02022";
45+
font-family: serif;
46+
padding: 0 6px 0 6px;
47+
}
48+
.blog-detail > span .author {
49+
color: $dark-color;
50+
}
51+
.blog-detail a {
52+
color: $active-color;
53+
54+
&:hover {
55+
text-decoration: underline;
56+
}
57+
}
58+
.blog-image {
59+
margin: 0 0 25px 0;
60+
font-size: 0;
61+
62+
img {
63+
width: 100%;
64+
}
65+
}
66+
.blog-content {
67+
blockquote {
68+
margin: 25px 0;
69+
padding: 0 20px;
70+
color: $default-color;
71+
font-style: italic;
72+
font-weight: 300;
73+
border-left: 2px solid $active-color;
74+
}
75+
ul {
76+
list-style: none;
77+
78+
& > li {
79+
margin: 8px 0;
80+
padding: 0 0 0 18px;
81+
position: relative;
82+
font-weight: 400;
83+
84+
&:before {
85+
content: '';
86+
position: absolute;
87+
left: 0;
88+
top: 11px;
89+
width: 4px;
90+
height: 4px;
91+
background: $active-color;
92+
@include border-radius(4px);
93+
}
94+
}
95+
}
96+
ol {
97+
& > li {
98+
margin: 8px 0;
99+
position: relative;
100+
font-weight: 400;
101+
padding: 0;
102+
103+
& > &:before {
104+
display: none;
105+
}
106+
}
107+
}
108+
.post-lightbox {
109+
margin: 25px 0;
110+
111+
img {
112+
display: block;
113+
width: 100%;
114+
margin-bottom: 20px;
115+
}
116+
}
117+
a {
118+
color: $active-color;
119+
text-decoration: none;
120+
121+
&:hover {
122+
text-decoration: underline;
123+
}
124+
}
125+
img {
126+
max-width: 100%;
127+
}
128+
}
129+
.post-text-bottom {
130+
margin: 0;
131+
132+
.tags-links {
133+
margin-right: 30px;
134+
display: inline-block;
135+
vertical-align: top;
136+
color: #999;
137+
138+
span {
139+
color: #999;
140+
margin-bottom: 0;
141+
142+
&:first-child {
143+
margin-right: 10px;
144+
}
145+
}
146+
a {
147+
margin: 0 10px 10px 0;
148+
display: inline-block;
149+
padding: 0 5px;
150+
line-height: 18px;
151+
font-weight: 400;
152+
font-size: 13px;
153+
color: $active-color;
154+
border: 1px solid $active-color;
155+
text-decoration: none;
156+
157+
&:first-child {
158+
margin-left: 10px;
159+
}
160+
}
161+
}
162+
.social-share {
163+
margin-right: 30px;
164+
margin-bottom: 20px;
165+
display: inline-block;
166+
vertical-align: top;
167+
168+
span {
169+
color: #999;
170+
margin-bottom: 0;
171+
}
172+
.share-btn {
173+
position: relative;
174+
display: inline-block;
175+
top: 1px;
176+
margin-left: 7px;
177+
margin-right: 7px;
178+
font-size: 16px;
179+
color: $active-color;
180+
}
181+
}
182+
}
183+
.post-navigation {
184+
margin: 10px 0 10px 0;
185+
186+
&:after {
187+
content: '';
188+
position: relative;
189+
clear: both;
190+
display: block;
191+
}
192+
193+
a {
194+
position: relative;
195+
font-size: 14px;
196+
font-weight: 400;
197+
text-transform: uppercase;
198+
color: #aca3a3;
199+
line-height: 20px;
200+
position: relative;
201+
margin: 0;
202+
padding: 5px 10px;
203+
display: inline-block;
204+
-webkit-transition: all 0.2s ease-out 0s;
205+
transition: all 0.2s ease-out 0s;
206+
207+
&:hover {
208+
color: $default-color;
209+
}
210+
}
211+
.nav-previous, .nav-next {
212+
a {
213+
&:before {
214+
margin-top: -10px;
215+
position: absolute;
216+
content: '';
217+
left: 0;
218+
top: 50%;
219+
display: block;
220+
width: 11px;
221+
height: 20px;
222+
background: url(../images/pag.png) no-repeat center center;
223+
-webkit-transform: scaleX(-1);
224+
transform: scaleX(-1);
225+
-webkit-transition: all 0.3s ease 0s;
226+
transition: all 0.3s ease 0s;
227+
}
228+
229+
&:hover {
230+
&:before {
231+
left: -4px;
232+
}
233+
}
234+
}
235+
}
236+
.nav-previous {
237+
a {
238+
float: left;
239+
padding-left: 25px;
240+
}
241+
}
242+
.nav-next {
243+
a {
244+
float: right;
245+
padding-right: 25px;
246+
247+
&:before {
248+
left: auto;
249+
right: 0;
250+
-webkit-transform: scaleX(1);
251+
transform: scaleX(1);
252+
}
253+
254+
&:hover {
255+
&:before {
256+
left: auto;
257+
right: -4px;
258+
}
259+
}
260+
}
261+
}
262+
}
263+
.post-comments {
264+
margin: 0 0 40px 0;
265+
li {
266+
margin: 0 0 20px -20px;
267+
padding: 0 0 20px 20px;
268+
position: relative;
269+
display: block;
270+
list-style: none;
271+
&:last-child {
272+
&:before {
273+
display: none;
274+
}
275+
}
276+
&:before {
277+
content: '';
278+
position: absolute;
279+
left: 0;
280+
bottom: 0;
281+
width: 100%;
282+
height: 1px;
283+
background: -moz-radial-gradient(left, ellipse cover, rgba(197,202,213,0.7) 0%, rgba(255,255,255,0) 70%);
284+
background: -webkit-radial-gradient(left, ellipse cover, rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
285+
background: radial-gradient(ellipse at left, rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
286+
}
287+
&:after {
288+
content: '';
289+
position: relative;
290+
clear: both;
291+
display: block;
292+
}
293+
img {
294+
width: 54px;
295+
float: left;
296+
@include border-radius(100%);
297+
}
298+
.comment-info {
299+
margin: 0 0 0 66px;
300+
padding: 5px 0 0 0;
301+
.name {
302+
margin: 0 0 10px 0;
303+
position: relative;
304+
font-size: $small-size;
305+
color: $dark-color;
306+
font-weight: 500;
307+
a {
308+
position: absolute;
309+
top: 0;
310+
right: 0;
311+
font-size: $extra-small-size;
312+
color: $dark-color;
313+
text-transform: uppercase;
314+
}
315+
h6 {
316+
margin: 0;
317+
font-size: $default-size;
318+
line-height: $default-size;
319+
color: $active-color;
320+
span {
321+
margin: 0 0 0 10px;
322+
padding: 0 0 0 10px;
323+
display: inline-block;
324+
font-size: $extra-small-size;
325+
line-height: $extra-small-size;
326+
color: $extra-color;
327+
font-weight: 400;
328+
text-transform: none;
329+
border-left: 1px solid $light-color;
330+
}
331+
}
332+
}
333+
p {
334+
margin: 0;
335+
}
336+
}
337+
}
338+
}
339+
}

0 commit comments

Comments
 (0)