Changeset 367:ac02b334e367

Timestamp:

06/14/11 19:15:31 (14 years ago)

Author:

kozlika

Branch:

themes

Message:

And the last one (comment ca je l ai deja dit ?)

Location:

themes/ductile

Files:

• mediaqueries.css (modified) (9 diffs)
• tpl/_top.html (modified) (2 diffs)

themes/ductile/mediaqueries.css

@@ -71 +71 @@
      #top {
           padding-top: 24px;
-          padding-bottom: 4px;
           }
      h1 {
           font-size: 2em;
           padding-right: 240px;
+          padding-bottom: 4px;
           margin-left: 32px;
           }
@@ -137 +137 @@
 }
 
-@media only screen and (min-width: 640px) and (max-width: 1024px) {
+@media only screen and (min-width: 640px) and (max-width: 1023px) {
      #wrapper {
           padding: 0 10%;
@@ -152 +152 @@
 }
 
-@media only screen and (min-width: 840px) and (max-width: 1024px) {
+@media only screen and (min-width: 840px) and (max-width: 1023px) {
      #wrapper {
           padding: 0 13%;
@@ -161 +161 @@
 }
 
-@media only screen and (min-width: 1025px) {
-     #wrapper {
-          padding: 0 32px;
+@media only screen and (min-width: 1024px) {
+     #wrapper {
+          padding: 0 7%;
           }
      #main {
@@ -175 +175 @@
           padding : 0 0 2em 0;
           }
-     #footer {
-          clear : both;
-          text-align:center;
-          }
      #sidebar {
           width : 22%;
@@ -187 +183 @@
           }
      #stickers {
-          padding-right: 32px;
+          padding-right: 7%;
           }
 
@@ -199 +195 @@
           padding-bottom: 2px;
           font-size: 1em;
+          border: 1px solid #ddd;
+          border-top: none 0;
           }
      #sidebar div#search:first-child h2 {
@@ -213 +211 @@
 
 @media only screen and (min-width: 1280px) {
-     #wrapper {
-          padding: 0 96px 0 296px;
-          }
-     .dc-tags #wrapper, .dc-archive-month #wrapper, .dc-404 #wrapper {
-          padding: 0 96px;
+     #content {
+          margin : 0 30% 0 200px;
           }
      p.post-info { 
           margin-left: -200px; 
           float: left; 
-          width: 140px; 
+          width: 150px; 
           text-align: right;
           }
@@ -231 +226 @@
           text-align: left;
           }
-     #stickers {
-          padding-right: 96px;
-          }
-}
+}
+
+@media only screen and (min-width: 1600px) {
+     #wrapper {
+          padding: 0 12%;
+          }
+     #stickers {
+          padding-right: 12%;
+          }
+}

themes/ductile/tpl/_top.html

@@ -1 +1 @@
 <div id="header">
-     <div id="top">
-     <h1><span><a href="{{tpl:BlogURL}}">{{tpl:BlogName encode_html="1"}}</a></span></h1>
-  
-     <!-- # --BEHAVIOR-- publicTopAfterContent -->
-     {{tpl:SysBehavior behavior="publicTopAfterContent"}}
-     </div>
 
      <ul id="prelude">
@@ -13 +7 @@
      </ul>
 
-     <!-- Pour Franck: 
-     Il faudrait trouver un moyen pour que 
-     1. la balise <p /> ne soit présente que si la description est non vide
-     2. que l'utilisateur puisse indiquer si oui ou non il souhaite afficher la description (?)
-     -->
-     <p id="blogdesc">{{tpl:BlogDescription}}</p>
+     <div id="top">
+     <h1><span><a href="{{tpl:BlogURL}}">{{tpl:BlogName encode_html="1"}}</a></span></h1>
+
+          <!-- Pour Franck: 
+          Il faudrait trouver un moyen pour que 
+          1. la balise <p /> ne soit présente que si la description est non vide
+          2. que l'utilisateur puisse indiquer si oui ou non il souhaite afficher la description (?)
+          -->
+          <p id="blogdesc">{{tpl:BlogDescription}}</p>
+
+     <!-- # --BEHAVIOR-- publicTopAfterContent -->
+     {{tpl:SysBehavior behavior="publicTopAfterContent"}}
+     </div>
 
      <!-- Pour Franck: