https://src.bluestatic.org / skeletonkey.git / commitdiff
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: c76f970)
Add mobile style
authorRobert Sesek <rsesek@bluestatic.org>
Sat, 30 Jun 2012 18:51:40 +0000 (14:51 -0400)
committerRobert Sesek <rsesek@bluestatic.org>
Sat, 30 Jun 2012 18:51:40 +0000 (14:51 -0400)
core.css patch | blob | history
hosted.css patch | blob | history
hosted.html patch | blob | history

diff --git a/core.css b/core.css
index ab1b302e3564c3e8df6dfad475a72ce813e29adb..fe48e8059007eca5e69602b792ffee1388bb6cb8 100644 (file)
--- 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 9a79986abe18fca573f985c114c356659b52ae4c..80dc4d83bf7de4809e04bbee892fe6bf3f641a15 100644 (file)
--- 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 5940c2fa7514d5b45cfc07895b16d6fcc6f8a539..7c203997a59167fd12d2ebb7a4175afdd830be41 100644 (file)
--- a/hosted.html
+++ b/hosted.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <title>Skeleton Key Hosted</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
     <link rel="stylesheet" href="common.css" />
     <link rel="stylesheet" href="hosted.css" />
   </head>
A Chrome extension that uses PBKDF2 hashing to generate cryptographically secure passwords.