[SPIP][PLUGINS] v3.0-->v3.2

[lhc/web/www.git] / www / squelettes-dist / css / clear.css

diff --git a/www/squelettes-dist/css/clear.css b/www/squelettes-dist/css/clear.css
index d5f72fd..6273026 100644 (file)
--- a/www/squelettes-dist/css/clear.css
+++ b/www/squelettes-dist/css/clear.css
@@ -1,58 +1,100 @@
-/* --------------------------------------------------------------
+/* --------------------------------------------------
 
    clear.css
-   Classes pour faciliter la composition
-   Cf.: https://contrib.spip.net/3820
-
--------------------------------------------------------------- */
-
+   Aides a la composition
+  (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net
+  
+ ----------------------------------------------------- */
+/* Modele de boite
+[fr] http://blog.goetter.fr/post/27612618411/box-sizing-et-pourquoi-pas
+[en] http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
+*,
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
 /* Blocs */
-.bloc { display: block; margin-bottom: 1.5em; }
-.box { display: block; margin-bottom: 1.5em; padding: 1.5em; background: #EEE; }
-
-/* Listes, tableaux et mosaiques */
-.first { margin-left: 0; padding-left: 0; }
-.last { margin-right: 0; padding-right: 0; }
-.top { margin-top: 0; padding-top: 0; }
-.bottom { margin-bottom: 0; padding-bottom: 0; }
-.odd {}
-.even {}
-.sep {}
-
-/* Alignements */
-.left { float: left !important; }
-.right { float: right !important; }
-.center { text-align: center; margin-right: auto; margin-left: auto; }
-
-/* Espaceur de blocs */
-.clear { clear: both; }
-br.clear, .nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }
-hr.clear { visibility: hidden; }
-
+.block {
+  display: block;
+  margin-bottom: 1.5em;
+}
+.inline {
+  display: inline;
+}
+.inline-block {
+  display: inline-block;
+}
+/* Positionnement */
+.left {
+  float: left;
+}
+.right {
+  float: right;
+}
+.center {
+  margin-right: auto;
+  margin-left: auto;
+}
+/* Espace de blocs
+[fr] Espaceur de blocs : http://romy.tetue.net/657 */
+.clear {
+  clear: both;
+}
+br.clear {
+  clear: both;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  height: 0;
+  line-height: 1px;
+  font-size: 1px;
+}
+hr.clear {
+  visibility: hidden;
+}
 /* clearfix : http://www.positioniseverything.net/easyclearing.html */
 .clearfix:after {
-    content: "\0020";
-    display: block; 
-    height: 0; 
-    clear: both; 
-    visibility: hidden;
-    overflow: hidden;
-}
-.clearfix { display: inline-table; }
-
+  content: "\0020";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  overflow: hidden;
+}
+.clearfix {
+  display: inline-table;
+}
 /* Hides from IE-mac \*/
-.clearfix { height: 1%; }
-.clearfix { display: block; }
+.clearfix {
+  height: 1%;
+}
+.clearfix {
+  display: block;
+}
 /* End hide from IE-mac */
-
-/* Non visible a l'ecran */
-.offscreen, .invisible { position: absolute; left: -999em; height: 1%; }
-.hidden { visibility: hidden; }
-.none { display: none; }
-
+/* Not visible */
+.offscreen {
+  position: absolute;
+  left: -999em;
+  height: 1%;
+}
+.hidden {
+  visibility: hidden;
+}
+.none {
+  display: none;
+}
 /* debug */
-.todo { opacity: 0.5; }
-.todo:hover { opacity: 1; }
-.blink { text-decoration: blink; }
+.todo {
+  opacity: 0.5;
+}
+.todo:hover {
+  opacity: 1;
+}
+.blink {
+  text-decoration: blink;
+}
 
-/* end */
\ No newline at end of file
+/* fin */
\ No newline at end of file