162 lines
3.7 KiB
CSS
Executable File
162 lines
3.7 KiB
CSS
Executable File
@charset "UTF-8";
|
|
/* LISIBILITY */
|
|
* {
|
|
font-size: 14px; }
|
|
|
|
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; }
|