public/css/article_hors_editeur.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

article{width: 630px;}
article:after{content: ""; display: block; clear: both;}

img{vertical-align: bottom;}
@media screen and (max-width: 1000px)
{img{max-width: 900px;}}

.text-tiny{font-size: x-small;}
.text-small{font-size: small;}
.text-big{font-size: large;}
.text-huge{font-size: x-large;}

blockquote{border-left: 5px #cccccc solid; margin: 14px 0px; padding: 2px 25px; font-style: italic;}

.marker-yellow{background-color: #fdfd77;}
.marker-green{background-color: #62f962;}
.marker-pink{background-color: #fc7899;}
.marker-blue{background-color: #72ccfd;}
.pen-red{background-color: white; color: red;}
.pen-green{background-color: white; color: green;}

ul{padding-left: 10px;}
.todo-list>li{list-style-type : none;}
input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;
height: 16px; width: 16px; border: 1px solid black; border-radius: 2px; position: relative; top: 5px; margin-right: 10px;}
input[type="checkbox"]:checked{border: none; background: #26ab33;}

.table>table{border-collapse: collapse;}
.table td{border: 1px grey solid; padding: 7px; min-width: 30px;}
td p{margin: 0px;}

.image{margin: 0px; text-align: center; display: inline-block;}
.image-style-side{float: right;}
.image img{max-width: 630px;}
.image-style-side img{max-width: 315px;}
.image>figcaption{margin: 0px 10px;  padding: 7px; text-align: center; font-size: small; background-color: #f7f7f7;}

iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;}