Interface Total Rekall

Recherche à base de bleu, déclinable en rouge et vert

by toubia95

HTML

<p class="rouge">TITRE</p>
<p class="regular">On sait depuis longtemps que travailler avec du texte lisible et contenant du <span class="rouge">sens</span> est source de <span class="vert">distractions</span>, et empêche de se <span class="bleu">concentrer</span> sur la mise en page elle-même.</p>
<p class="rouge">L'avantage du Lorem Ipsum sur un texte générique comme 'Du texte. Du texte. Du texte.' est qu'il possède une distribution de lettres plus ou moins normale, et en tout cas comparable avec celle du français standard.</p>
<p class="vert">De nombreuses suites logicielles de mise en page ou éditeurs de sites Web ont fait du Lorem Ipsum leur faux texte par défaut, et une recherche pour 'Lorem Ipsum' vous conduira vers de nombreux sites qui n'en sont encore qu'à leur phase de construction.</p>
<p class="bleu">Plusieurs versions sont apparues avec le temps, parfois par accident, souvent intentionnellement (histoire d'y rajouter de petits clins d'oeil, voire des phrases embarassantes).</p>
<p class="rose">Plusieurs versions sont apparues avec le temps, parfois par accident, souvent intentionnellement (histoire d'y rajouter de petits clins d'oeil, voire des phrases embarassantes).</p>
<p class="or">Plusieurs versions sont apparues avec le temps, parfois par accident, souvent intentionnellement (histoire d'y rajouter de petits clins d'oeil, voire des phrases embarassantes).</p>
<p class="orange">Plusieurs versions sont apparues avec le temps, parfois par accident, souvent intentionnellement (histoire d'y rajouter de petits clins d'oeil, voire des phrases embarassantes).</p>

CSS

body {
    background-color: rgb(0,10,10);
    padding: 20px;
}
p {
   font-family: 'Courier New';
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 14px;
    font-size: 13px;
    /*font-weight: bold;*/
}

.regular {
    color: white;
    text-shadow:0 0 5px cyan,0 0 2px cyan;
}


.rouge {
    color: red;
    text-shadow:0 0 20px red,0 0 15px red;
}

.vert {
    color: greenyellow;
    text-shadow:0 0 5px greenyellow,0 0 2px greenyellow;
}

.bleu {
    color: aqua;
    text-shadow:0 0 5px aqua,0 0 2px aqua;
}

.jaune {
    color: yellow;
    text-shadow:0 0 5px yellow,0 0 2px yellow;
}

.rose {
    color: deeppink;
    text-shadow:0 0 5px deeppink,0 0 2px deeppink;
}

.or {
    color: gold;
    text-shadow:0 0 5px gold,0 0 2px gold;
}


.orange {
    color: darkorange;
    text-shadow:0 0 5px darkorange,0 0 2px darkorange;
}