Changeset 354:dd1476ad9a88 for themes/ductile/mediaqueries.css

Timestamp:

06/12/11 09:45:05 (14 years ago)

Author:

kozlika

Branch:

themes

Message:

Ductile, jour 4, première passe.

File:

• themes/ductile/mediaqueries.css (modified) (4 diffs)

themes/ductile/mediaqueries.css

@@ -23 +23 @@
           }
      h1 a {
-          display: block;
-          padding: 0 3%;
+          padding: 6px 3%;
           color: #fff;
           text-shadow: 0 1px 1px #333;
           }
      h1 a:hover, h1 a:focus {
-          background: #333;
+          background: #686867;
           }
-     #prelude {
+     #prelude, #blogdesc {
           display: none;
+          }
+     h2.post-title {
+          font-size: 2.5em;
+          }
+     #supranav li {
+          display: block !important;
+          }
+     #supranav li+li {
+          border-top: 1px solid #ddd;
+          }
+     #stickers {
+          margin: 0;
+          padding: 0;
+          border-bottom: 8px solid #fff;
+          }
+     #stickers li {
+          position: relative;
+          line-height: 2.5em;
+          margin-left: 0;
+          padding-left: 0;
+          border: 2px solid #fff;
+          border-left: 8px solid #fff;
+          border-right: 8px solid #fff;
+     }
+     #stickers img {
+          display: block;
+          position: absolute;
+          clip: rect(0px,32px,32px,0px);
+          }
+     #stickers span {
+          margin-left: 40px;
+          }
+     #stickers a {
+          text-decoration: none;
           }
 }
 
 @media only screen and (min-width: 481px) {
-     #page {
-          padding-top: 16px;
+     #top {
+          padding-top: 24px;
           }
      h1 {
-     font-size: 2.25em;
+          font-size: 2em;
+          padding-right: 200px;
           }
      h1 a, h1 a:hover, h1 a:focus {
           background-repeat: no-repeat;
-          background-position: left center;
+          background-position: left top;
           padding-left: 68px;
           background-image: url(img/home-small.png);
+          min-height: 42px;
           }
+     #stickers {
+          position: absolute;
+          top: 0;
+          right: 0;
+          padding-right: 10%;
+          }
+     #stickers li {
+          display: inline;
+          padding: 0 4px;
+          }
+     #stickers li.last {
+          padding-right: 0;
+          }
+     #stickers li span {
+          display: none;
+          }
+     h2.post-title {
+          font-size: 2.8em;
+          }
+     #stickers li a:hover,
+     #stickers li a:active,
+     #stickers li a:focus {
+          background-color: #fff;
+          border-bottom: 4px solid #ad3f4c;
+     }
 }
 
@@ -75 +135 @@
           margin-right: 4%;
      }
+     #stickers {
+          padding-right: 10%;
+          }
 }
 
@@ -103 +166 @@
           margin : 0;
           }
+     #stickers {
+          padding-right: 15%;
+          }
 }
 
@@ -124 +190 @@
           text-align: left;
           }
+     #stickers {
+          padding-right: 140px;
+          }
 }