1+ /*
2+ original: https://github.com/pages-themes/hacker
3+ */
4+
5+ @import " rouge-base16-dark" ;
6+ @import " default_colors" ;
7+
8+ $body-background : $cod-grey !default ;
9+ $body-foreground : $gallery !default ;
10+ $header : $conifer !default ;
11+ $blockquote-color : $silver-chalice !default ;
12+ $blockquote-border : $dove-grey !default ;
13+
14+ body {
15+ margin : 0 ;
16+ padding : 0 ;
17+ background : $body-background url (" ../assets/bkg.png" ) 0 0 ;
18+ color : $body-foreground ;
19+ font-size : 16px ;
20+ line-height : 1.5 ;
21+ font-family : Monaco, " Bitstream Vera Sans Mono" , " Lucida Console" , Terminal, monospace ;
22+ }
23+
24+ /* General & 'Reset' Stuff */
25+
26+ .container {
27+ width : 90% ;
28+ max-width : 1000px ;
29+ margin : 0 auto ;
30+ }
31+
32+
33+ section {
34+ display : block ;
35+ margin : 0 0 20px 0 ;
36+ }
37+
38+ h1 , h2 , h3 , h4 , h5 , h6 {
39+ margin : 0 0 20px ;
40+ }
41+
42+ li {
43+ line-height : 1.4 ;
44+ }
45+
46+ /* Header, <header>
47+ header - container
48+ h1 - project name
49+ h2 - project description
50+ */
51+
52+ header {
53+ background : rgba (0 , 0 , 0 , 0.1 );
54+ border-bottom : 1px dashed $conifer ; // header;
55+ padding : 20px ;
56+ margin : 0 0 40px 0 ;
57+ }
58+
59+ .header-links {
60+ text-align : center ;
61+ }
62+
63+ .header-link {
64+ display : inline ;
65+ }
66+
67+ header h1 {
68+ font-size : 24px ;
69+ line-height : 1.5 ;
70+ margin : 0 ;
71+ text-align : center ;
72+ font-weight : bold ;
73+ font-family : Monaco, " Bitstream Vera Sans Mono" , " Lucida Console" , Terminal, monospace ;
74+ color : $conifer ;// $header;
75+ text-shadow : 0 1px 1px rgba (0 , 0 , 0 , 0.1 ),
76+ 0 0 5px rgba (181 , 232 , 83 , 0.1 ),
77+ 0 0 10px rgba (181 , 232 , 83 , 0.1 );
78+ letter-spacing : -1px ;
79+ -webkit-font-smoothing : antialiased ;
80+ }
81+
82+ header h2 {
83+ font-size : 18px ;
84+ font-weight : 300 ;
85+ color : #666 ;
86+ }
87+
88+ /* Main Content
89+ */
90+
91+ #main_content {
92+ width : 100% ;
93+ -webkit-font-smoothing : antialiased ;
94+ }
95+ section img {
96+ max-width : 100%
97+ }
98+
99+ h1 , h2 , h3 , h4 , h5 , h6 {
100+ font-weight : normal ;
101+ font-family : Monaco, " Bitstream Vera Sans Mono" , " Lucida Console" , Terminal, monospace ;
102+ color : $header ;
103+ letter-spacing : -0.03em ;
104+ text-shadow : 0 1px 1px rgba (0 , 0 , 0 , 0.1 ),
105+ 0 0 5px rgba (181 , 232 , 83 , 0.1 ),
106+ 0 0 10px rgba (181 , 232 , 83 , 0.1 );
107+ }
108+
109+ #main_content h1 {
110+ font-size : 30px ;
111+ }
112+
113+ #main_content h2 {
114+ font-size : 24px ;
115+ }
116+
117+ #main_content h3 {
118+ font-size : 18px ;
119+ }
120+
121+ #main_content h4 {
122+ font-size : 14px ;
123+ }
124+
125+ #main_content h5 {
126+ font-size : 12px ;
127+ text-transform : uppercase ;
128+ margin : 0 0 5px 0 ;
129+ }
130+
131+ #main_content h6 {
132+ font-size : 12px ;
133+ text-transform : uppercase ;
134+ color : #999 ;
135+ margin : 0 0 5px 0 ;
136+ }
137+
138+ dt {
139+ font-style : italic ;
140+ font-weight : bold ;
141+ }
142+
143+ ul li {
144+ list-style-image :url (' ../assets/bullet.png' );
145+ }
146+
147+ blockquote {
148+ color : $blockquote-color ;
149+ padding-left : 10px ;
150+ border-left : 1px dotted $blockquote-border ;
151+ }
152+
153+ pre {
154+ background : rgba (0 , 0 , 0 , 0.9 );
155+ border : 1px solid rgba (255 , 255 , 255 , 0.15 );
156+ padding : 10px ;
157+ font-size : 16px ;
158+ color : #b5e853 ;
159+ border-radius : 2px ;
160+ text-wrap : normal ;
161+ overflow : auto ;
162+ overflow-y : hidden ;
163+ }
164+
165+ code .highlighter-rouge {
166+ background : rgba (0 ,0 ,0 ,0.9 );
167+ border : 1px solid rgba (255 , 255 , 255 , 0.15 );
168+ padding : 0px 3px ;
169+ margin : 0px -3px ;
170+ color : #aa759f ;
171+ border-radius : 2px ;
172+ }
173+
174+ table {
175+ width : 100% ;
176+ margin : 0 0 20px 0 ;
177+ }
178+
179+ th {
180+ text-align : left ;
181+ border-bottom : 1px dashed #b5e853 ;
182+ padding : 5px 10px ;
183+ }
184+
185+ td {
186+ padding : 5px 10px ;
187+ }
188+
189+ hr {
190+ height : 0 ;
191+ border : 0 ;
192+ border-bottom : 1px dashed #b5e853 ;
193+ color : #b5e853 ;
194+ }
195+
196+ /* Buttons
197+ */
198+
199+ .btn {
200+ display : inline-block ;
201+ background : -webkit-linear-gradient (top , rgba (40 , 40 , 40 , 0.3 ), rgba (35 , 35 , 35 , 0.3 ) 50% , rgba (10 , 10 , 10 , 0.3 ) 50% , rgba (0 , 0 , 0 , 0.3 ));
202+ padding : 8px 18px ;
203+ border-radius : 50px ;
204+ border : 2px solid rgba (0 , 0 , 0 , 0.7 );
205+ border-bottom : 2px solid rgba (0 , 0 , 0 , 0.7 );
206+ border-top : 2px solid rgba (0 , 0 , 0 , 1 );
207+ color : rgba (255 , 255 , 255 , 0.8 );
208+ font-family : Helvetica , Arial , sans-serif ;
209+ font-weight : bold ;
210+ font-size : 13px ;
211+ text-decoration : none ;
212+ text-shadow : 0 -1px 0 rgba (0 , 0 , 0 , 0.75 );
213+ box-shadow : inset 0 1px 0 rgba (255 , 255 , 255 , 0.05 );
214+ }
215+
216+ .btn :hover {
217+ background : -webkit-linear-gradient (top , rgba (40 , 40 , 40 , 0.6 ), rgba (35 , 35 , 35 , 0.6 ) 50% , rgba (10 , 10 , 10 , 0.8 ) 50% , rgba (0 , 0 , 0 , 0.8 ));
218+ }
219+
220+ .btn .icon {
221+ display : inline-block ;
222+ width : 16px ;
223+ height : 16px ;
224+ margin : 1px 8px 0 0 ;
225+ float : left ;
226+ }
227+
228+ .btn-github .icon {
229+ opacity : 0.6 ;
230+ background : url (" ../images/blacktocat.png" ) 0 0 no-repeat ;
231+ }
232+
233+ /* Links
234+ a, a:hover, a:visited
235+ */
236+
237+ a {
238+ color : #63c0f5 ;
239+ text-shadow : 0 0 5px rgba (104 , 182 , 255 , 0.5 );
240+ }
241+
242+ a :active , a :focus {
243+ outline : 0 ;
244+ border : none ;
245+ -moz-outline-style : none
246+ }
247+
248+ /* Clearfix */
249+
250+ .cf :before , .cf :after {
251+ content :" " ;
252+ display :table ;
253+ }
254+
255+ .cf :after {
256+ clear :both ;
257+ }
258+
259+ .cf {
260+ zoom :1 ;
261+ }
262+
263+ /* Make footer stick to bottom */
264+
265+ .pagination , footer {
266+ height : 50px ;
267+ line-height : 50px ;
268+ text-align : center ;
269+ }
270+
271+ #wrapper {
272+ min-height : calc (100vh - 100px );
273+ }
0 commit comments