123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175 |
- @charset "UTF-8";
- /* LISIBILITY */
- * {
- font-size: 16px; }
- div {
- border: 1px dashed #D4D4D4; }
- p:after, ul:after {
- content: "¬";
- color: red; }
- h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
- color: blue;
- font-weight: normal;
- font-size: 10px;
- vertical-align: super; }
- h1:before {
- content: "h1 "; }
- h2:before {
- content: "h2 "; }
- h3:before {
- content: "h3 "; }
- h4:before {
- content: "h4 "; }
- h5:before {
- content: "h5 "; }
- h6:before {
- content: "h6 "; }
- h2 {
- font-size: 24px; }
- h3 {
- font-size: 18px; }
- h4 {
- font-size: 16px; }
- h5 {
- font-size: 14px; }
- h6 {
- font-size: 12px; }
- br:after {
- content: "·";
- color: red;
- border: 1px solid #999; }
- /* LAYOUT AND GRAPHICS */
- img {
- height: auto;
- margin: 0.5em 0; }
- p {
- border: 1px dashed #848484; }
- div {
- border: 1px solid #1A1A1A; }
- img, p, div {
- position: relative; }
- img:before, p:before, div:before {
- font-size: 10px;
- color: red;
- background-color: #1A1A1A;
- position: absolute;
- top: 0;
- z-index: 3000; }
- img.full, p.full, div.full {
- width: 99%; }
- img.full:before, p.full:before, div.full:before {
- content: " full "; }
- img.demi, p.demi, div.demi {
- width: 47%;
- margin-right: 2%; }
- img.demi:before, p.demi:before, div.demi:before {
- content: " demi ";
- right: 0; }
- img.tiers, p.tiers, div.tiers {
- width: 29%;
- margin-right: 2%; }
- img.tiers:before, p.tiers:before, div.tiers:before {
- content: " tiers ";
- right: 0; }
- img.quart, p.quart, div.quart {
- width: 23%;
- margin-right: 2%; }
- img.quart:before, p.quart:before, div.quart:before {
- content: " quart ";
- right: 0; }
- img.demi-left, p.demi-left, div.demi-left {
- width: 47%;
- float: left;
- margin-right: 2%; }
- img.demi-left:before, p.demi-left:before, div.demi-left:before {
- content: " demi-left ";
- left: 0; }
- img.demi-right, p.demi-right, div.demi-right {
- width: 47%;
- float: right;
- margin-left: 2%; }
- img.demi-right:before, p.demi-right:before, div.demi-right:before {
- content: " demi-right ";
- right: 0; }
- img.demi-center, p.demi-center, div.demi-center {
- width: 47%;
- display: block;
- margin: 0 auto; }
- img.demi-center:before, p.demi-center:before, div.demi-center:before {
- content: " demi-denter ";
- right: 0; }
- img.tiers-left, p.tiers-left, div.tiers-left {
- width: 29%;
- float: left;
- margin-right: 2%; }
- img.tiers-left:before, p.tiers-left:before, div.tiers-left:before {
- content: " tiers-left ";
- left: 0; }
- img.tiers-right, p.tiers-right, div.tiers-right {
- width: 29%;
- float: right;
- margin-left: 2%; }
- img.tiers-right:before, p.tiers-right:before, div.tiers-right:before {
- content: " tiers-right ";
- right: 0; }
- img.tiers-center, p.tiers-center, div.tiers-center {
- width: 29%;
- display: block;
- margin: 0 auto; }
- img.tiers-center:before, p.tiers-center:before, div.tiers-center:before {
- content: " tiers-center ";
- right: 0; }
- img.quart-left, p.quart-left, div.quart-left {
- width: 23%;
- float: left;
- margin-right: 2%; }
- img.quart-left:before, p.quart-left:before, div.quart-left:before {
- content: " quart-left ";
- left: 0; }
- img.quart-right, p.quart-right, div.quart-right {
- width: 23%;
- float: right;
- margin-left: 2%; }
- img.quart-right:before, p.quart-right:before, div.quart-right:before {
- content: " quart-right ";
- right: 0; }
- img.quart-center, p.quart-center, div.quart-center {
- width: 23%;
- display: block;
- margin: 0 auto; }
- img.quart-center:before, p.quart-center:before, div.quart-center:before {
- content: " quart-center ";
- right: 0; }
- h2 {
- font-size: 1.5em;
- font-size: 400; }
- h3 {
- font-size: 2em;
- font-weight: 300; }
- p {
- line-height: 1.3; }
- a {
- color: #20c498; }
|