Skip to content

Commit cd59917

Browse files
author
Konrad Lewandowski
committed
Pokrojony layout
1 parent 295ca03 commit cd59917

30 files changed

+2008
-0
lines changed

‎css/font-awesome.min.css

+403
Large diffs are not rendered by default.

‎css/grid.css

+440
Large diffs are not rendered by default.

‎css/lato.css

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
@font-face {
2+
font-family: 'Lato';
3+
font-style: normal;
4+
font-weight: 100;
5+
src: local('Lato Hairline'), local('Lato-Hairline'), url(../font/hairline.woff) format('woff');
6+
}
7+
@font-face {
8+
font-family: 'Lato';
9+
font-style: normal;
10+
font-weight: 300;
11+
src: local('Lato Light'), local('Lato-Light'), url(../font/light.woff) format('woff');
12+
}
13+
@font-face {
14+
font-family: 'Lato';
15+
font-style: normal;
16+
font-weight: 400;
17+
src: local('Lato Regular'), local('Lato-Regular'), url(../font/regular.woff) format('woff');
18+
}
19+
@font-face {
20+
font-family: 'Lato';
21+
font-style: normal;
22+
font-weight: 700;
23+
src: local('Lato Bold'), local('Lato-Bold'), url(../font/bold.woff) format('woff');
24+
}
25+
@font-face {
26+
font-family: 'Lato';
27+
font-style: normal;
28+
font-weight: 900;
29+
src: local('Lato Black'), local('Lato-Black'), url(../font/black.woff) format('woff');
30+
}
31+
@font-face {
32+
font-family: 'Lato';
33+
font-style: italic;
34+
font-weight: 100;
35+
src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url(../font/hairline-italic.woff) format('woff');
36+
}
37+
@font-face {
38+
font-family: 'Lato';
39+
font-style: italic;
40+
font-weight: 300;
41+
src: local('Lato Light Italic'), local('Lato-LightItalic'), url(../font/light-italic.woff) format('woff');
42+
}
43+
@font-face {
44+
font-family: 'Lato';
45+
font-style: italic;
46+
font-weight: 400;
47+
src: local('Lato Italic'), local('Lato-Italic'), url(../font/italic.woff) format('woff');
48+
}
49+
@font-face {
50+
font-family: 'Lato';
51+
font-style: italic;
52+
font-weight: 700;
53+
src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(../font/bold-italic.woff) format('woff');
54+
}
55+
@font-face {
56+
font-family: 'Lato';
57+
font-style: italic;
58+
font-weight: 900;
59+
src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(../font/black-italic.woff) format('woff');
60+
}

‎css/theme.css

+169
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,169 @@
1+
body {
2+
margin: 0;
3+
font-family: Lato, "Helvetica Neue", Helvetica, sans-serif;
4+
font-size: 24px;
5+
background: #dfe2e6;
6+
font-weight: 300;
7+
height: 2000px; }
8+
9+
a {
10+
text-decoration: none; }
11+
12+
.wrapper {
13+
float: left;
14+
width: 100%;
15+
padding-bottom: 32px;
16+
border-bottom: 4px solid #c5cbd3;
17+
background: #eaedf1; }
18+
.wrapper:first-child {
19+
padding-top: 32px; }
20+
.wrapper:first-child::before {
21+
display: none; }
22+
.wrapper:first-child::after {
23+
display: none; }
24+
.wrapper:last-child {
25+
border-bottom: none; }
26+
.wrapper.light {
27+
background: url(../img/header-pattern.png) 0 40px repeat-x, #f7fbff; }
28+
.wrapper.dark {
29+
background: #dfe2e6; }
30+
.wrapper.dark::after {
31+
border-top-color: #eaedf1; }
32+
.wrapper::before {
33+
content: "";
34+
display: block;
35+
border-top: 8px solid #c5cbd3;
36+
border-left: 16px solid transparent;
37+
border-right: 16px solid transparent;
38+
height: 0;
39+
margin: 0 auto;
40+
width: 1080px; }
41+
.wrapper::after {
42+
content: "";
43+
display: block;
44+
border-top: 8px solid #f7fbff;
45+
border-left: 16px solid transparent;
46+
border-right: 16px solid transparent;
47+
height: 0;
48+
margin: -12px auto;
49+
width: 1080px; }
50+
51+
.page-header {
52+
font-size: 67px;
53+
font-weight: 400;
54+
color: #e74c3c;
55+
padding: 66px 0;
56+
text-indent: 232px;
57+
background: url(../img/logo.png) top left no-repeat; }
58+
.page-header span {
59+
color: #bdc3c7; }
60+
61+
.introduction {
62+
font-size: 32px;
63+
text-align: justify;
64+
margin-top: 32px; }
65+
.introduction span {
66+
color: #d35400;
67+
font-weight: 400; }
68+
69+
.page-section {
70+
display: block;
71+
margin-top: 32px; }
72+
.page-section header {
73+
padding: 2px 0 4px 0;
74+
border-radius: 4px 4px 0 0;
75+
background: #34495e;
76+
text-align: center;
77+
font-weight: 400;
78+
color: white; }
79+
.page-section p {
80+
text-align: justify;
81+
background: white;
82+
padding: 8px;
83+
margin: 0;
84+
border-radius: 0 0 4px 4px; }
85+
86+
.icon {
87+
display: inline-block;
88+
border-radius: 4px;
89+
border: 1px solid #2c3e50;
90+
padding: 35px 0;
91+
width: 199px;
92+
background: #eaedf1;
93+
text-align: center;
94+
margin-left: 4px;
95+
color: #2c3e50;
96+
text-shadow: 0 1px 0 white; }
97+
.icon:first-child {
98+
margin-left: 0; }
99+
.icon i, .icon img {
100+
font-size: 96px;
101+
display: block; }
102+
.icon img {
103+
margin: 0 auto;
104+
padding-bottom: 7px; }
105+
.icon label {
106+
cursor: inherit;
107+
display: inline-block; }
108+
.icon:hover {
109+
background: #f7fbff;
110+
color: #34495e; }
111+
.icon.wide {
112+
width: 182px; }
113+
114+
.section-img {
115+
border-radius: 4px;
116+
border: 2px solid #eaedf1;
117+
display: inline-block;
118+
margin-left: 4px;
119+
height: 188px;
120+
width: 154px;
121+
background-image: url(../img/footer-items.png); }
122+
.section-img:hover {
123+
-webkit-filter: invert(10%); }
124+
.section-img:first-child {
125+
margin-left: 0; }
126+
.section-img.w2 {
127+
width: 324px; }
128+
.section-img#lyah {
129+
background-position: 0 0; }
130+
.section-img#rwh {
131+
background-position: -154px 0; }
132+
.section-img#code {
133+
background-position: -308px 0; }
134+
.section-img#warsaw {
135+
background-position: -616px 0; }
136+
.section-img#cracov {
137+
background-position: -770px 0; }
138+
139+
#haskell {
140+
margin-top: 4px;
141+
margin-bottom: -4px; }
142+
143+
.links {
144+
margin: -4px 0 0 0;
145+
list-style: none;
146+
padding: 0; }
147+
.links li:last-child a {
148+
border-radius: 0 0 4px 4px; }
149+
.links a {
150+
display: block;
151+
background: white;
152+
font-size: 20px;
153+
padding: 4px 8px;
154+
color: #34495e;
155+
border-top: 2px solid #eaedf1; }
156+
.links a:hover {
157+
color: white;
158+
background: #7f8c8d; }
159+
.links i {
160+
margin-right: 5px;
161+
text-align: center;
162+
display: inline-block;
163+
width: 20px; }
164+
165+
.page-footer {
166+
margin-top: 32px;
167+
text-align: center;
168+
color: #7f8c8d;
169+
font-size: 20px; }

0 commit comments

Comments
 (0)