www

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

editeur.css (3208B)

      1 /* Hacks :
      2  * 
      3  * Si on fait <span class="important">un truc</span> avec
      4  *     .important        { background-color: pink; }
      5  *     .important:before { background-color: red;  font-size: x-small; content: "Important"; }
      6  * alors le "Important" est sur fond rouge, mais la ligne est moins haute, donc on voit du rose an haut et en bas.
      7  * Par contre, en faisant <span class="important"><span class="étiquette"></span>un truc</span> et avec
      8  *     .important                  { background-color: pink; }
      9  *     .important.étiquette        { background-color: red;}
     10  *     .important.étiquette:before { font-size: x-small; content: "Important"; }
     11  * on a l'effet désiré (le .étiquette est en rouge, et le "important" est sur une ligne moins haute _à l'intérieur_
     12  * du .étiquette, donc on ne remarque pas qu'elle est moins haute.
     13  */
     14 
     15 .conteneur-esem {
     16 	border: thin solid black;
     17 }
     18 
     19 .conteneur-esem .aperçu {
     20 	margin: 0.5em;
     21 }
     22 
     23 .conteneur-esem .boutons {
     24 	margin: 0.5em;
     25 }
     26 
     27 .conteneur-esem .éditeur {
     28 	margin: 0.5em;
     29 }
     30 
     31 .conteneur-esem .boutons .bouton {
     32 	border: thin solid black;
     33 	background-color: white;
     34 }
     35 
     36 
     37 /* Noeuds Multi-ligne */
     38 .conteneur-esem .noeud.multi-ligne {
     39 	display:block;
     40 	margin-bottom: 0.3em;
     41 }
     42 .conteneur-esem .noeud.multi-ligne .étiquette {
     43 	display:block;
     44 }
     45 .conteneur-esem .noeud.multi-ligne .étiquette:before {
     46 	font-size: smaller;
     47 }
     48 
     49 /* Noeuds Mono-ligne */
     50 .conteneur-esem .noeud.mono-ligne {
     51 	display: block;
     52 	margin-bottom: 0.3em;
     53 }
     54 .conteneur-esem .noeud.mono-ligne .étiquette {
     55 	border-right: medium solid white;
     56 	padding: 0 0.3em;
     57 	display: inline-block;
     58 }
     59 .conteneur-esem .noeud.mono-ligne .étiquette:before {
     60 }
     61 
     62 /* Noeuds En-ligne */
     63 .conteneur-esem .noeud.en-ligne {
     64 	display: inline;
     65 }
     66 .conteneur-esem .noeud.en-ligne .étiquette {
     67 	padding: 0 0.3em;
     68 	display: inline-block;
     69 }
     70 .conteneur-esem .noeud.en-ligne .étiquette:before {
     71 	font-size: smaller;
     72 }
     73 
     74 /* Titre */
     75 .conteneur-esem .noeud.titre {
     76 	font-weight: bold;
     77 	font-size: large;
     78 	border: thick solid #ddd;
     79 }
     80 .conteneur-esem .noeud.titre .étiquette {
     81 	background-color: #ddd;
     82 }
     83 .conteneur-esem .noeud.titre .étiquette:before {
     84 	content: "Titre";
     85 	font-weight: bold;
     86 }
     87 
     88 /* Paragraphe */
     89 .conteneur-esem .noeud.paragraphe {
     90 	border: thick solid #ddd;
     91 }
     92 .conteneur-esem .noeud.paragraphe .étiquette {
     93 	background-color: #ddd;
     94 }
     95 .conteneur-esem .noeud.paragraphe .étiquette:before {
     96 	content: "Paragraphe";
     97 }
     98 
     99 /* Important */
    100 .conteneur-esem .noeud.important {
    101 	background-color: mistyrose;
    102 }
    103 .conteneur-esem .noeud.important .étiquette {
    104 	background-color: pink;
    105 	border: thin solid pink;
    106 }
    107 .conteneur-esem .noeud.important .étiquette:before {
    108 	content: "Important";
    109 }
    110 .conteneur-esem .noeud.important .contenu {
    111 	border: thin solid pink;
    112 }
    113 
    114 /* Lien */
    115 .conteneur-esem .noeud.lien {
    116 	background-color: #ddf;
    117 }
    118 .conteneur-esem .noeud.lien .étiquette {
    119 	background-color: #aaf;
    120 	border: thin solid #aaf;
    121 }
    122 .conteneur-esem .noeud.lien .étiquette:before {
    123 	content: "Lien";
    124 }
    125 .conteneur-esem .noeud.lien .cible {
    126 	border: thin solid #aaf;
    127 	padding: 0 0.2em;
    128 	color: blue;
    129 	background-color: #eef;
    130 }
    131 .conteneur-esem .noeud.lien .texte {
    132 	border: thin solid #aaf;
    133 	border-left: none;
    134 	padding: 0 0.2em;
    135 }