summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLuke Shumaker <lukeshu@sbcglobal.net>2011-10-06 20:48:19 -0700
committerLuke Shumaker <lukeshu@sbcglobal.net>2011-10-06 20:48:19 -0700
commita7d01d7e2d8af20a4dd5ea5b15b1a2be197d10cd (patch)
treee99bcd7d378da0b83956b87e0f1923dbc8024682
parent66184aab11c86d4d6d6d05dbe7dd4e7f5110b3d2 (diff)
I ran magit to make my small commit, but noticed that apparently I hadn't commited in a while. So here.
-rw-r--r--.gitignore3
-rw-r--r--Makefile7
-rw-r--r--twentyeleven-fix.scss71
3 files changed, 77 insertions, 4 deletions
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);
+ }
+}