Skip to content

Commit 24fce9c

Browse files
shivam5992shivam5992
committed
Pure Css Framework added, Bootstrap removed
1 parent d64c53e commit 24fce9c

12 files changed

+373
-19354
lines changed

‎css/bootstrap.css

Lines changed: 0 additions & 6315 deletions
This file was deleted.

‎css/bootstrap.min.css

Lines changed: 0 additions & 874 deletions
This file was deleted.

‎css/email.css

Lines changed: 177 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
* {
2+
-webkit-box-sizing: border-box;
3+
-moz-box-sizing: border-box;
4+
box-sizing: border-box;
5+
font-family: 'Oxygen', sans-serif;
6+
}
7+
8+
a {
9+
text-decoration: none;
10+
color: rgb(142, 142, 214);
11+
}
12+
a:hover,
13+
a:focus {
14+
text-decoration: underline;
15+
}
16+
17+
/* LAYOUT CSS */
18+
#layout {
19+
padding-left: 25%; /* "left col (nav + list)" width */
20+
position: relative;
21+
}
22+
23+
.sidebar {
24+
position: fixed;
25+
top: 0;
26+
bottom: 0;
27+
width: 25%;
28+
margin-left: -25%;
29+
background: rgb(24, 33, 61);
30+
color: #fff;
31+
}
32+
33+
.header {
34+
margin: 50% 2em 0;
35+
text-align: right;
36+
}
37+
38+
.brand-title,
39+
.brand-tagline {
40+
margin: 0;
41+
}
42+
.brand-title {
43+
text-transform: uppercase;
44+
}
45+
.brand-tagline {
46+
font-weight: 300;
47+
color: rgb(142, 142, 214);
48+
}
49+
50+
.nav-list {
51+
margin: 0;
52+
padding: 0;
53+
list-style: none;
54+
}
55+
.nav-item {
56+
display: inline-block;
57+
*display: inline;
58+
zoom: 1;
59+
}
60+
.nav-item a {
61+
background: transparent;
62+
border: 3px solid rgb(103, 103, 180);
63+
color: #fff;
64+
margin-top: 1em;
65+
}
66+
.nav-item a:hover,
67+
.nav-item a:focus {
68+
border: 3px solid rgb(142, 142, 214);
69+
color: rgb(142, 142, 214);
70+
text-decoration: none;
71+
}
72+
73+
.content-subhead {
74+
text-transform: uppercase;
75+
color: #aaa;
76+
border-bottom: 1px solid #eee;
77+
padding: 0.4em 0;
78+
font-size: 80%;
79+
font-weight: 500;
80+
letter-spacing: 0.1em;
81+
}
82+
83+
.content {
84+
padding: 2em 3em 0;
85+
}
86+
87+
.post {
88+
padding-bottom: 2em;
89+
}
90+
.post-title {
91+
font-size: 2em;
92+
color: #222;
93+
margin-bottom: 0.2em;
94+
}
95+
.post-avatar {
96+
border-radius: 50px;
97+
float: right;
98+
margin-left: 1em;
99+
}
100+
.post-description {
101+
font-family: Georgia, "Cambria", serif;
102+
color: #444;
103+
line-height: 1.8em;
104+
}
105+
.post-meta {
106+
color: #999;
107+
font-size: 90%;
108+
margin: 0;
109+
}
110+
111+
.post-category {
112+
margin: 0 0.1em;
113+
padding: 0.3em 1em;
114+
color: #fff;
115+
background: #999;
116+
font-size: 80%;
117+
}
118+
.post-category-design {
119+
background: #5aba59;
120+
}
121+
.post-category-pure {
122+
background: #4d85d1;
123+
}
124+
.post-category-yui {
125+
background: #8156a7;
126+
}
127+
.post-category-js {
128+
background: #df2d4f;
129+
}
130+
131+
.post-images {
132+
margin: 1em 0;
133+
}
134+
.post-image-meta {
135+
margin-top: -3.5em;
136+
margin-left: 1em;
137+
color: #fff;
138+
text-shadow: 0 1px 1px #333;
139+
}
140+
141+
.footer {
142+
text-align: center;
143+
padding: 1em 0;
144+
}
145+
.footer a {
146+
color: #ccc;
147+
font-size: 80%;
148+
}
149+
.footer .pure-menu a:hover,
150+
.footer .pure-menu a:focus {
151+
background: none;
152+
}
153+
154+
@media (max-width: 767px) {
155+
.sidebar {
156+
width: 100%;
157+
position: relative;
158+
margin: 0;
159+
}
160+
161+
.header {
162+
text-align: center;
163+
top: auto;
164+
margin: 3em auto;
165+
position: static;
166+
}
167+
168+
#layout {
169+
padding: 0;
170+
}
171+
}
172+
173+
@media (max-width: 480px) {
174+
.content {
175+
padding: 2em 1em 0;
176+
}
177+
}

‎css/fork.css

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
.github-fork-ribbon {
2+
position: fixed;
3+
padding: 2px 0;
4+
background-color: #a00;
5+
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.15)));
6+
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
7+
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
8+
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
9+
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
10+
background-image: linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
11+
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#000000');
12+
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
13+
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
14+
z-index: 9999;
15+
}
16+
17+
.github-fork-ribbon a,
18+
.github-fork-ribbon a:hover {
19+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
20+
font-size: 13px;
21+
font-weight: 700;
22+
color: white;
23+
text-decoration: none;
24+
text-shadow: 0 -1px rgba(0,0,0,0.5);
25+
text-align: center;
26+
width: 200px;
27+
line-height: 20px;
28+
29+
/* Set the layout properties */
30+
display: inline-block;
31+
padding: 2px 0;
32+
33+
/* Add "stitching" effect */
34+
border-width: 1px 0;
35+
border-style: dotted;
36+
border-color: rgba(255,255,255,0.7);
37+
}
38+
39+
.github-fork-ribbon-wrapper {
40+
width: 150px;
41+
height: 150px;
42+
position: absolute;
43+
overflow: hidden;
44+
top: 0;
45+
z-index: 9999;
46+
}
47+
48+
.github-fork-ribbon-wrapper.fixed {
49+
position: fixed;
50+
}
51+
52+
.github-fork-ribbon-wrapper.left {
53+
left: 0;
54+
}
55+
56+
.github-fork-ribbon-wrapper.right {
57+
right: 0;
58+
}
59+
60+
.github-fork-ribbon-wrapper.left-bottom {
61+
position: fixed;
62+
top: inherit;
63+
bottom: 0;
64+
left: 0;
65+
}
66+
67+
.github-fork-ribbon-wrapper.right-bottom {
68+
position: fixed;
69+
top: inherit;
70+
bottom: 0;
71+
right: 0;
72+
}
73+
74+
.github-fork-ribbon-wrapper.right .github-fork-ribbon {
75+
top: 42px;
76+
right: -43px;
77+
78+
/* Rotate the banner 45 degrees */
79+
-webkit-transform: rotate(45deg);
80+
-moz-transform: rotate(45deg);
81+
-o-transform: rotate(45deg);
82+
transform: rotate(45deg);
83+
}
84+
85+
.github-fork-ribbon-wrapper.left .github-fork-ribbon {
86+
top: 42px;
87+
left: -43px;
88+
89+
/* Rotate the banner -45 degrees */
90+
-webkit-transform: rotate(-45deg);
91+
-moz-transform: rotate(-45deg);
92+
-o-transform: rotate(-45deg);
93+
transform: rotate(-45deg);
94+
}
95+
96+
97+
.github-fork-ribbon-wrapper.left-bottom .github-fork-ribbon {
98+
top: 80px;
99+
left: -43px;
100+
101+
/* Rotate the banner -45 degrees */
102+
-webkit-transform: rotate(45deg);
103+
-moz-transform: rotate(45deg);
104+
-o-transform: rotate(45deg);
105+
transform: rotate(45deg);
106+
}
107+
108+
.github-fork-ribbon-wrapper.right-bottom .github-fork-ribbon {
109+
top: 80px;
110+
right: -43px;
111+
112+
/* Rotate the banner -45 degrees */
113+
-webkit-transform: rotate(-45deg);
114+
-moz-transform: rotate(-45deg);
115+
-o-transform: rotate(-45deg);
116+
transform: rotate(-45deg);
117+
}

‎css/style.css

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎img/git.png

15.2 KB
Loading

‎img/glyphicons-halflings-white.png

-8.57 KB
Binary file not shown.

‎img/glyphicons-halflings.png

-12.5 KB
Binary file not shown.

0 commit comments

Comments
 (0)