Skip to content
Browse files

add ipad media queries and retina / non-retina distinction

  • Loading branch information...
1 parent 7dd27e5 commit cff339b5ee0ef602b236779d0a5c438577d900a9 @nuance committed
Showing with 25 additions and 3 deletions.
  1. +23 −1 static/css/base.css
  2. +1 −1 templates/item.thtml
  3. +1 −1 ui/bootstrap.py
View
24 static/css/base.css
@@ -1,5 +1,5 @@
-@media (max-width: 480px) {
+@media (max-width: 480px) and (-webkit-max-device-pixel-ratio: 1) {
.item .itemHeader {
width: 100%
}
@@ -9,6 +9,28 @@
}
}
+@media (max-width: 960px) and (-webkit-min-device-pixel-ratio: 2) {
+ .item .itemHeader {
+ width: 100%
+ }
+
+ .itemHeader h4 {
+ width: 70%;
+ }
+}
+
+@media (min-width: 480px) and (max-width: 768px) and (-webkit-max-device-pixel-ratio: 1) {
+ .item .content {
+ margin-left: 2em;
+ }
+}
+
+@media (min-width: 960px) and (max-width: 1536px) and (-webkit-min-device-pixel-ratio: 2) {
+ .item .content {
+ margin-left: 2em;
+ }
+}
+
#title h1 a {
text-decoration: none;
color: black;
View
2 templates/item.thtml
@@ -14,5 +14,5 @@
{% end %}
</h4>
</div>
- <div class="span8"><p>{% raw item.content %}</p></div>
+ <div class="span8 content"><p>{% raw item.content %}</p></div>
</{{el}}>
View
2 ui/bootstrap.py
@@ -5,4 +5,4 @@ def render(self):
return ''
def css_files(self):
- return ["css/bootstrap/bootstrap.min.css", "css/bootstrap/bootstrap.responsive.min.css"]
+ return ["css/bootstrap/bootstrap.min.css", "css/bootstrap/bootstrap.min.responsive.css"]

0 comments on commit cff339b

Please sign in to comment.
Something went wrong with that request. Please try again.