From 09a1d1558d3c446a34baf18bf14fa8748f35d8a2 Mon Sep 17 00:00:00 2001 From: Robert Sesek Date: Sat, 30 Jun 2012 14:51:40 -0400 Subject: [PATCH] Add mobile style --- core.css | 6 ++++++ hosted.css | 25 +++++++++++++++++++++++++ hosted.html | 1 + 3 files changed, 32 insertions(+) diff --git a/core.css b/core.css index ab1b302..fe48e80 100644 --- a/core.css +++ b/core.css @@ -79,3 +79,9 @@ hr { .clear { clear: both; } + +@media screen and (-webkit-min-device-pixel-ratio: 1.5) { + body { + font-size: 1.1em; + } +} diff --git a/hosted.css b/hosted.css index 9a79986..80dc4d8 100644 --- a/hosted.css +++ b/hosted.css @@ -53,3 +53,28 @@ iframe { #options { height: 6.25em; } + +@media screen and (-webkit-min-device-pixel-ratio: 1.5) { + body { + background-color: #FFF; + } + + h1 { + font-size: 4em; + } + p { + display: none; + } + + iframe { + width: 100%; + border: none; + } + + #core { + height: 20em; + } + #options { + height: 10em; + } +} diff --git a/hosted.html b/hosted.html index 5940c2f..7c20399 100644 --- a/hosted.html +++ b/hosted.html @@ -2,6 +2,7 @@ Skeleton Key Hosted + -- 2.22.5