2020
2121 .theme-bg {background : # 000 ;}
2222 .metro-pivot .headers { white-space : nowrap; height : 60px ; display : block; clear : both; }
23- .metro-pivot .pivot-item h3 , .metro-pivot .headers .header { font-size : 250% ; font-weight : light;font-family : "Segoe UI Light" , SUIL, Arial, sans-serif; display : inline-block; vertical-align : top; padding : 0 ; cursor : pointer; margin-right : 15 px ; }
23+ .metro-pivot .pivot-item h3 , .metro-pivot .headers .header { font-size : 250% ; font-weight : light;font-family : "Segoe UI Light" , SUIL, Arial, sans-serif; display : inline-block; vertical-align : top; padding : 0 ; cursor : pointer; margin-right : 45 px ; }
2424 .metro-pivot .headers .header .current { }
2525 .metro-pivot .items { position : relative; }
2626 .metro-pivot .items .pivotItem { display : block; white-space : normal; text-align : justify; width : 100% ; }
27- .metro-pivot .items .pivotItem .pivot-item { padding : 10px ; }
2827
2928 ul .metro-list { padding : 0 ; }
3029 ul .metro-list li { display : block; margin : 10px 0 ; height : 20px ; padding : 5px ; overflow : hidden; border-left : solid 30px ; list-style : none; }
6261
6362 body {
6463 overflow : auto;
64+ font-family : "Segoe UI" , "Segoe WP" , Helvetica, Arial, sans-serif;
6565 }
6666 # container
6767 {
6868 max-width : 800px ;
69- height : 500px ;
69+ min- height: 500px ;
7070 margin-left : auto;
7171 margin-right : auto;
7272 margin-top : 150px ;
7373 }
7474 .metro-pivot {
75- height : 350px ;
75+ min- height: 350px ;
7676 margin-left : 2px ;
7777 }
7878 .footer ul {
113113 background : # 13678b
114114 }
115115
116+ .Tile {
117+ float : left;
118+ margin-right : 10px ;
119+ margin-bottom : 10px ;
120+ text-align : center;
121+ padding : 5px ;
122+ opacity : 0.75 ;
123+ }
124+
125+ .Tile img { border : 0 ;}
126+ .Tile : hover { opacity : 1 ;}
127+ .one {
128+ width : 130px ;
129+ height : 130px ;
130+ }
131+ .two-h {
132+ width : 280px ;
133+ height : 130px ;
134+ }
135+ .two-v {
136+ width : 130px ;
137+ height : 280px ;
138+ }
139+ .four {
140+ width : 280px ;
141+ height : 280px ;
142+ }
143+ .blue {
144+ background : # 00a9da ;
145+ background-image : linear-gradient (left top, # 00ABDA 0% , # 00BEF2 80% );
146+ background-image : -o-linear-gradient (left top, # 00ABDA 0% , # 00BEF2 80% );
147+ background-image : -moz-linear-gradient (left top, # 00ABDA 0% , # 00BEF2 80% );
148+ background-image : -webkit-linear-gradient (left top, # 00ABDA 0% , # 00BEF2 80% );
149+ background-image : -ms-linear-gradient (left top, # 00ABDA 0% , # 00BEF2 80% );
150+ background-image : -webkit-gradient (
151+ linear,
152+ left top,
153+ right bottom,
154+ color-stop (0 , # 00ABDA ),
155+ color-stop (0.8 , # 00BEF2 )
156+ );
157+ }
158+
159+
160+ .lime {
161+ background : # 8CBE29 ;
162+ background-image : linear-gradient (left top, # 8CBE29 0% , # 95C92C 80% );
163+ background-image : -o-linear-gradient (left top, # 8CBE29 0% , # 95C92C 80% );
164+ background-image : -moz-linear-gradient (left top, # 8CBE29 0% , # 95C92C 80% );
165+ background-image : -webkit-linear-gradient (left top, # 8CBE29 0% , # 95C92C 80% );
166+ background-image : -ms-linear-gradient (left top, # 8CBE29 0% , # 95C92C 80% );
167+
168+ background-image : -webkit-gradient (
169+ linear,
170+ left top,
171+ right bottom,
172+ color-stop (0 , # 8CBE29 ),
173+ color-stop (0.8 , # 95C92C )
174+ );
175+ }
176+
177+ .Tile h2 { color : white; font-size : 1.75em ; margin-top : -10px ; margin-left : 0px ;}
178+
116179 @media screen and (max-width : 800px )
117180 {
118181 h1 {font-size : 2em ;}
@@ -135,6 +198,8 @@ <h2 style="display:inline;">a new coding project every week</h2>
135198 {% include get_involved.html %}
136199
137200 {% include links.html %}
201+
202+ {% include past.html %}
138203 </ div >
139204
140205 {% include footer.html %}
0 commit comments