Permalink
Browse files

[mod] improve responsive styles

  • Loading branch information...
1 parent 416ef47 commit 4e49b8ea6c3bfead859ff6d612973a7c065f70b6 @haschek committed Oct 18, 2012
Showing with 30 additions and 4 deletions.
  1. +30 −4 themes/default/style.css
@@ -97,7 +97,6 @@ body {
font-size: 0.8em;
width: auto;
max-width: 80em;
- min-width: 50em;
margin: 0 auto;
}
@@ -548,28 +547,55 @@ h1, h2, h1 a, h2 a {
* =! Simple Layout for smaller Devices (or big font sizes)
******************************************************************/
-
@media screen and (max-width: 50em)
{
+
+ .col1, .col2 {
+ width: 49%;
+ margin: 0;
+ }
+
+ .col2 {
+ float: right;
+ }
+
+ .col3 {
+ float: none;
+ clear: both;
+ width: auto;
+ }
+
+}
+
+@media screen and (max-width: 33em)
+{
body {
font-size: 1em;
padding: 1em;
}
#wrap {
- font-size: 1em;
+ font-size: 0.9em;
max-width: none;
min-width: 0;
}
h1 {
- font-size: 2.8em;
+ font-size: 2em;
line-height: 1;
padding: 0;
margin: 0.25em 0 0.75em 0;
width: 100%;
text-align: center;
}
+
+ .box h2 {
+ font-size: 1.111em;
+ }
+
+ .box h2 span {
+ font-size: 0.8em;
+ }
#footer {
text-align: center;

0 comments on commit 4e49b8e

Please sign in to comment.