gjankowiak/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

undeed css

Browse source
This commit is contained in:
Gaspard Jankowiak 2014-01-28 17:21:55 +01:00
parent a971056d3a
commit 27eb552d08
3 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
_layouts/default.html
View file

@ -27,7 +27,6 @@
</script> </script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script> <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>
{% endif %} {% endif %}
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/base-min.css">
<link rel="stylesheet" href="/stylesheets/screen.css"> <link rel="stylesheet" href="/stylesheets/screen.css">
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>

5
_sass/screen.scss
View file

@ -11,6 +11,7 @@ $links: #55f;
$rule: #999; $rule: #999;
$width: 800px; $width: 800px;
$small-width: 500px;
@import "compass/reset"; @import "compass/reset";
@import "compass/css3"; @import "compass/css3";
@ -78,6 +79,10 @@ li { margin-left: 1em; }
#foot_image { height: 150px; background-image: url('../images/antennes.png'); #foot_image { height: 150px; background-image: url('../images/antennes.png');
position: absolute; bottom: 0; width: 100%; } position: absolute; bottom: 0; width: 100%; }
@media (max-width: $small-width) {
.switcher { float: none; }
}
@media (max-width: $width) { @media (max-width: $width) {
#outter-wrapper { width: 100%; } #outter-wrapper { width: 100%; }
header h1 { font-size: 1.2em; } header h1 { font-size: 1.2em; }

5
stylesheets/screen.css
View file

@ -241,6 +241,11 @@ li {
width: 100%; width: 100%;
} }
@media (max-width: 500px) {
.switcher {
float: none;
}
}
@media (max-width: 800px) { @media (max-width: 800px) {
#outter-wrapper { #outter-wrapper {
width: 100%; width: 100%;