Changeset 391:77ce8f145513

Timestamp:

06/19/11 01:41:59 (14 years ago)

Author:

kozlika

Branch:

themes

Message:

Ductile, bugfix for colorpicker. Workaround on colorpicker.js with an old bug. Needs javascript sorcerer.

(La ligne 38 ne fonctionne pas comme elle le devrait.)

Files:

• admin/js/color-picker.js (modified) (2 diffs)
• admin/style/default.css (modified) (1 diff)
• themes/ductile/mediaqueries.css (modified) (4 diffs)
• themes/ductile/style.css (modified) (5 diffs)
• themes/ductile/tpl/_top.html (modified) (3 diffs)

admin/js/color-picker.js

@@ -36 +36 @@
           span.css('display','block');
           
-          span.css('width',($(this).width()+12)+'px');
+          //span.css('width',($(this).width()+12)+'px');
+          span.css('width',($(this).width()+7.5)+'em');
           span.css('padding','0 5px 0 0');
           $(this).wrap(span);
@@ -45 +46 @@
                position: 'absolute',
                top: 3,
-               right: 0
+               //right: 0
           });
           

admin/style/default.css

@@ -1127 +1127 @@
 p.field {
      position: relative;
-
+     
 }
 p.field label {

themes/ductile/mediaqueries.css

@@ -13 +13 @@
 -------------------------------------------------------------------- */
 @media only screen and (max-width:480px) {
-     #prelude, #blogdesc, #supranav span {
+     .nomobile {
           display: none !important;
           }
@@ -38 +38 @@
           border-bottom: 1px solid #ccc;
           }
-     h2.post-title {
-          font-size: 2em;
+     .post-title {
+          font-size: 1.5em;
+          font-weight: bold;
+          font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
+          }
+     .post-title a {
+          font-style: normal;
+          font-weight: bold;
           }
      #stickers {
@@ -98 +104 @@
           display: block;
           }
+     .post-title {
+          font-size: 2.5em;
+          font-weight: normal;
+          }
+     .post-title a {
+          font-style: italic;
+          font-weight: normal;
+          }
      #stickers {
           position: absolute;
@@ -114 +128 @@
           display: none;
           }
-     h2.post-title {
+     .post-title {
           font-size: 2.6em;
           }

themes/ductile/style.css

@@ -163 +163 @@
 ------------------------------------------------------------- */
 
-#wrapper { }
+#wrapper { clear:both; }
 #main { }
 #content { 
@@ -233 +233 @@
      display: none;
      }
-h2.post-title {
-     font-weight: normal;
+.post-title {
      margin-bottom: .33em;
      color: #000;
      line-height: 1.17;
      }
-h2.post-title a {
-     font-weight: normal;
-     font-style: italic;
+.post-title a {
      text-decoration: none;
      color: #ad3f4c;
@@ -391 +388 @@
      font-size: 1.14em;
      }
-a.comment-number {
+.comment-number {
      font-size: 2em;
      font-weight: normal;
@@ -573 +570 @@
      line-height: 2em;
      }
-#search #q {
+#q {
      float: left;
      width: 78%;
@@ -579 +576 @@
      padding-left: 2px;
      }
-#search #q:focus {
+#q:focus {
      background: #fcfcf9;
      }

themes/ductile/tpl/_top.html

@@ -1 +1 @@
 <div id="header">
 
-     <ul id="prelude">
+     <ul id="prelude" class="nomobile">
           <li><a href="#main">{{tpl:lang To content}}</a></li>
           <li><a href="#blognav">{{tpl:lang To menu}}</a></li>
@@ -15 +15 @@
           2. que l'utilisateur puisse indiquer si oui ou non il souhaite afficher la description (?)
           -->
-          <p id="blogdesc">{{tpl:BlogDescription}}</p>
+          <p id="blogdesc" class="nomobile">{{tpl:BlogDescription}}</p>
 
      <!-- # --BEHAVIOR-- publicTopAfterContent -->
@@ -26 +26 @@
      -->
      <ul id="supranav">
-          <li id="li1" class="active"><a href="{{tpl:BlogURL}}">Accueil<span> articles récents</span></a></li>
-          <li id="li2"><a href="#">Construire un thème<span> tutoriels</span></a></li>
-          <li id="li3"><a href="#">Maquettes<span> projets graphiques</span></a></li>
-          <li id="li4"><a href="{{tpl:BlogURL}}archive">Archives<span> 2005-2011</span></a></li>
+          <li id="li1" class="active"><a href="{{tpl:BlogURL}}">Accueil<span class="nomobile"> articles récents</span></a></li>
+          <li id="li2"><a href="#">Construire un thème<span class="nomobile"> tutoriels</span></a></li>
+          <li id="li3"><a href="#">Maquettes<span class="nomobile"> projets graphiques</span></a></li>
+          <li id="li4"><a href="{{tpl:BlogURL}}archive">Archives<span class="nomobile"> 2005-2011</span></a></li>
      </ul>
 </div>