Files
Clameurs/sites/all/themes/figureslibres/clameurs/css/dist/wysiwyg.css
T

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; }