En résumé:

/* Emphasis: don't play with sizes, use weight & colour !*/
.text-important{
        font-weight:700;
        color:hsl(0,0%,17%)
}
.text-normal{
        font-weight:400;
        color:hsl(0,0%,40%);
}
.text-less-important{
        font-weight:400;
        color:hsl(0,0%,45%);
}

/* on coloured background: use opacity to avoid grey on colour*/
.text-on-colour{
        color:hsla(0,0%,100%,0.6);
}

/* add vertical offset on shadows instead of increase blur*/
.shadow{
        box-shadow: 0 4px 6px 0 hsla(0,0%,0%,0.2);
}
.inset-shadow{
        box-shadow: 0 2px 4px 0 hsla(0,0%,0%,0.08);
}

/* avoid borders if you can and replace it with 
        . a shadow 
        . different background colour
        . extra space
*/
.dialog-box{
        border:0;
        box-shadow: 0 4px 6px 0 hsla(0,0%,0%,0.2);
}
.footer-dialog{
        background: hsl(0,0%,98%);
}
.category-p{
        margin-bottom:48px;
}

/* don't oversize one-coloured icons: 16px -> 24px max; */
[class^="icon-"]:before, [class*=" icon-"]:before {
        font-size:20px;
}

/* accent borders on focused, active or important boxes  */
div.important{
        border-top:6px solid #40A4F4 /*blue*/;
}
}
li.important{
        border-left:6px solid #40A4F4 /*blue*/;
}
.important-inlineblock{
        border-bottom:6px solid #40A4F4 /*blue*/;
}
body.cooool{
        border-top:6px solid #40A4F4 /*blue*/;
}

/* use background color for button only if semantic:
        . positive action: green
        . delete something: red;
        . normal, not important or not the preferred action: TRANSPARENT;
*/
.btn-danger{
        background-color:red;
        color:white;
}
.btn-success{
        background-color:green;
        color:white;
}
.btn{
        background-color:transparent;
        color:hsl(0,0%,40%);
}

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Rho ben mârdalors !
J'en ai plein plantés dans 60cm de terre de bruyère...
PAN dans l'idée reçue...
Weekend project: remplacer la terre de bruyère par le compost de mon bac.

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

@Erase : Mouhouhaha ! C'est tellement ça !!!

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Comment, en une seule récompense, chier à la gueule de toutes les personnes qui se sont investies contre les violences faites aux femmes en particulier depuis ces dernières années...



Qu'attendre d'un pays où :

• on a déroulé le tapis rouge à un dictateur connu pour violer les femmes qui constituaient sa garde personnelle,
  
• on considère qu'une interpellation durant laquelle on a le rectum déchiré par une matraque s'est déroulée normalement,
  
• près de la moitié des personnes interrogées affirment que si une femme est habillée «de façon provocante» alors il est normal qu'elle se fasse violer,
  
• une émission dans laquelle on embrasse ou on touche une femme qui a clairement dit qu'elle ne le voulait pas est toujours à l'antenne et fait toujours plus d'audience
  
• ou une star du porno peut agresser sexuellement une femme sur un plateau télé sans que personne ne trouve à redire,
  etc.
  etc.
  etc.
  etc.
  
  
  Via SammyFisherJr
  
  
  
  Source image

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

./plugins//WDDWebLinks/default_image.jpg

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires