From a7d01d7e2d8af20a4dd5ea5b15b1a2be197d10cd Mon Sep 17 00:00:00 2001 From: Luke Shumaker Date: Thu, 6 Oct 2011 20:48:19 -0700 Subject: I ran magit to make my small commit, but noticed that apparently I hadn't commited in a while. So here. --- .gitignore | 3 ++- Makefile | 7 ++--- twentyeleven-fix.scss | 71 +++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 77 insertions(+), 4 deletions(-) create mode 100644 twentyeleven-fix.scss diff --git a/.gitignore b/.gitignore index 4537eb6..639f69d 100644 --- a/.gitignore +++ b/.gitignore @@ -3,10 +3,11 @@ # ignore everyting * # but these: -!img/swoosh.png +!img/swoosh.svg !style.scss !header.php.patch !Makefile !logo-style.scss.php !license.txt !css_shadow.php +!twentyeleven-fix.scss diff --git a/Makefile b/Makefile index aad371c..c782b9b 100644 --- a/Makefile +++ b/Makefile @@ -11,11 +11,12 @@ srcfiles = \ Makefile \ logo-style.scss.php \ license.txt \ - css_shadow.php + css_shadow.php \ + twentyeleven-fix.scss all: header.php style.css img/swoosh.png .gitignore -style.css: logo-style.scss +style.css: logo-style.scss twentyeleven-fix.scss %: %.patch ../twentyeleven/% $(RM) $@ @@ -29,7 +30,7 @@ style.css: logo-style.scss $(PHP) -f $< > $@ %.png: %.svg - rsvg-convert $< > $@ + rsvg-convert $< > $@.$$$$ && pngcrush $@.$$$$ $@ ; $(RM) $@.$$$$ .gitignore: Makefile echo "# DO NOT EDIT, this file is automatically made by \`Makefile'" >$@ diff --git a/twentyeleven-fix.scss b/twentyeleven-fix.scss new file mode 100644 index 0000000..bbfa208 --- /dev/null +++ b/twentyeleven-fix.scss @@ -0,0 +1,71 @@ +body { + padding: 0; + #page header#branding #access { + ul { + :hover > ul, + :hover + ul, + :active > ul, + :active + ul, + :focus > ul, + :focus + ul { + display: block; + } + } + } +} + +@mixin searchform_wide($border_width) { + position: relative !important; + top: auto !important; + bottom: auto !important; + left: auto !important; + right: auto !important; + width: 100%; + max-width: none; + .field { + float: none; + width: 100%; + display: block; + margin-left: -$border_width; + } +} + +@media (max-width: 800px) { + body #page header#branding { + .only-search, #searchform { + padding-right: 10px+28px;// matches twentyeleven values + } + #searchform { + @include searchform_wide(1px); + } + #access { + ul, div { + margin: 0; + padding: 0; + } + ul { + li { + float: none; + display: block; + width: 50%; + ul { + left: 100%; + top: 0; + } + ul { + width: 100%; + li, a { + width: auto; + } + } + } + } + } + } +} + +#ie6 { + body #page header#branding #searchform { + @include searchform_wide(1px); + } +} -- cgit v1.2.3