Commits

A S committed 76259c6

Initial support for a mobile layout

  • Participants
  • Parent commits d6ab541

Comments (0)

Files changed (1)

File pypysite/static/css/style.css

 
 @media only screen and (max-width: 480px) {
 
-}
+  header,
+  .container,
+  .full-column,
+  .mouth {
+    width: 480px;
+    min-width: 480px;
+    overflow: hidden;
+  }
 
-@media only screen and (max-width: 768px) {
+  #logo {
+    margin-top: -30px;
+  }
 
+  #nav {
+    position: relative;
+    margin-left: -20px;
+    z-index: 200;
+  }
+
+  header h1 {
+    margin-top: 40px;
+    font-size: 24px;
+    line-height: 34px;
+  }
+
+  header .full-column p {
+    margin-top: 77px;
+  }
+
+  .full-column {
+    padding: 0 20px;
+  }
+
+  #main .columns,
+  footer .columns {
+    padding: 20px;
+  }
+
+  #instructions .column {
+    display: none;
+  }
+
+  #sidebar {
+    float: none;
+    width: auto;
+  }
+
+  h3 {
+    margin: 0;
+  }
+
+  img {
+    margin-left: -30px;
+  }
+
+  .columns,
+  .body-column {
+    width: 420px;
+  }
+
+  .column {
+    float: none;
+  }
+
+  .subnav {
+    display: none;
+  }
+
+  #delimit {
+    top: 130px;
+  }
+
+  .binaries,
+  .source {
+    width: 220px;
+  }
+
+  footer {
+    margin-top: -20px;
+  }
+
+  footer .notice {
+    float: left;
+    width: 100px;
+    margin-right: 0;
+  }
+
+  footer dd {
+    width: 320px;
+  }
+
+  footer ul {
+    margin: 0 20px;
+  }
 }