Différences entre versions de « MediaWiki:Print.css »
De médecine.top
| Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici affectera les impressions */ | /* Le CSS placé ici affectera les impressions */ | ||
| − | html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,a,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;color:#222;font-family:"helvetica neue",helvetica,arial,sans-serif; | + | /* |
| − | + | Adapted from https://github.com/murtaugh/HTML5-Reset | |
| − | + | Formatted using http://procssor.com/ | |
| − | + | */ | |
| + | |||
| + | html, | ||
| + | body, | ||
| + | body div, | ||
| + | span, | ||
| + | object, | ||
| + | iframe, | ||
| + | h1, | ||
| + | h2, | ||
| + | h3, | ||
| + | h4, | ||
| + | h5, | ||
| + | h6, | ||
| + | a, | ||
| + | p, | ||
| + | blockquote, | ||
| + | pre, | ||
| + | abbr, | ||
| + | address, | ||
| + | cite, | ||
| + | code, | ||
| + | del, | ||
| + | dfn, | ||
| + | em, | ||
| + | img, | ||
| + | ins, | ||
| + | kbd, | ||
| + | q, | ||
| + | samp, | ||
| + | small, | ||
| + | strong, | ||
| + | sub, | ||
| + | sup, | ||
| + | var, | ||
| + | b, | ||
| + | i, | ||
| + | dl, | ||
| + | dt, | ||
| + | dd, | ||
| + | ol, | ||
| + | ul, | ||
| + | li, | ||
| + | fieldset, | ||
| + | form, | ||
| + | label, | ||
| + | legend, | ||
| + | table, | ||
| + | caption, | ||
| + | tbody, | ||
| + | tfoot, | ||
| + | thead, | ||
| + | tr, | ||
| + | th, | ||
| + | td, | ||
| + | article, | ||
| + | aside, | ||
| + | figure, | ||
| + | footer, | ||
| + | header, | ||
| + | hgroup, | ||
| + | menu, | ||
| + | nav, | ||
| + | section, | ||
| + | time, | ||
| + | mark, | ||
| + | audio, | ||
| + | video { | ||
| + | margin: 0 !important; | ||
| + | padding: 0 !important; | ||
| + | border: 0; | ||
| + | outline: 0; | ||
| + | font-size: 100%; | ||
| + | color: #222; | ||
| + | font-family: "helvetica neue", helvetica, arial, sans-serif; | ||
| + | font-weight: normal; | ||
| + | vertical-align: baseline; | ||
} | } | ||
| − | + | h1, | |
| − | + | h2, | |
| − | + | h3, | |
| − | + | h4, | |
| + | h5, | ||
| + | h6 { | ||
| + | font-weight: bold!important | ||
| + | } | ||
| + | article, | ||
| + | aside, | ||
| + | figure, | ||
| + | footer, | ||
| + | header, | ||
| + | hgroup, | ||
| + | nav, | ||
| + | section { | ||
| + | display: block | ||
| + | } | ||
| + | /* Responsive images and other embedded objects | ||
| + | Note: keeping IMG here will cause problems if you're using foreground images as sprites. | ||
| + | If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */ | ||
| + | img, | ||
| + | object, | ||
| + | embed { | ||
| + | max-width: 100% | ||
| + | } | ||
| + | ul { | ||
| + | list-style: none | ||
| + | } | ||
| + | blockquote, | ||
| + | q { | ||
| + | quotes: none | ||
| + | } | ||
| + | blockquote:before, | ||
| + | blockquote:after, | ||
| + | q:before, | ||
| + | q:after { | ||
| + | content: ''; | ||
| + | content: none; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
a { | a { | ||
| − | text-decoration: | + | margin: 0; |
| + | padding: 0; | ||
| + | vertical-align: baseline; | ||
| + | background: transparent; | ||
| + | } | ||
| + | del { | ||
| + | text-decoration: line-through | ||
| + | } | ||
| + | abbr[title], | ||
| + | dfn[title] { | ||
| + | border-bottom: 1px dotted #000; | ||
| + | cursor: help; | ||
| + | } | ||
| + | /* tables still need cellspacing="0" in the markup */ | ||
| + | table { | ||
| + | font-size: inherit; | ||
| + | font: 100%; | ||
| + | border-collapse: collapse; | ||
| + | border-spacing: 0; | ||
} | } | ||
| − | + | th { | |
| − | + | font-weight: bold; | |
| − | + | vertical-align: bottom; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | td { | |
| − | + | font-weight: normal; | |
| − | + | vertical-align: top; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | td, | |
| − | + | td img { | |
| − | + | vertical-align: top | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | hr { | |
| − | + | display: block; | |
| − | + | height: 1px; | |
| − | + | border: 0; | |
| + | border-top: 1px solid #ccc; | ||
| + | margin: 1em 0; | ||
| + | padding: 0; | ||
} | } | ||
| − | + | .clickable, | |
| − | + | button, | |
| − | + | input, | |
| − | + | select, | |
| + | textarea { | ||
| + | display: none | ||
} | } | ||
| − | + | pre { | |
| − | + | white-space: pre; /* CSS2 */ | |
| − | + | white-space: pre-wrap; /* CSS 2.1 */ | |
| − | + | white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ | |
| − | + | word-wrap: break-word; /* IE */ | |
} | } | ||
| − | + | /* Accessible focus treatment | |
| − | + | people.opera.com/patrickl/experiments/keyboard/test */ | |
| − | / | + | a:hover, |
| − | + | a:active { | |
| − | + | outline: none | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | small { | |
| − | + | font-size: 85% | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | strong, | |
| − | + | th { | |
| − | + | font-weight: bold | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Make sure sup and sub don't screw with your line-heights | |
| − | + | gist.github.com/413930 */ | |
| − | + | sub, | |
| − | + | sup { | |
| − | /* | + | font-size: 75%; |
| − | + | line-height: 0; | |
| − | + | position: relative; | |
| − | / | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | sup { | |
| − | + | top: -0.5em | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | sub { | |
| − | + | bottom: -0.25em | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* standardize any monospaced elements */ | |
| − | /** | + | pre, |
| − | + | code, | |
| − | + | kbd, | |
| − | + | samp { | |
| − | + | font-family: consolas, "lucida console", "courier new", courier, monospace, sans-serif | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* scale images in IE7 more attractively */ | |
| − | + | .ie7 img { | |
| − | + | -ms-interpolation-mode: bicubic | |
| − | /* | ||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* let's clear some floats */ | |
| − | /* | + | .clearfix:before, |
| − | . | + | .clearfix:after { |
| − | . | + | content: "\0020"; |
| − | + | display: block; | |
| − | + | height: 0; | |
| − | + | overflow: hidden; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .clearfix:after { |
| − | + | clear: both | |
| − | |||
} | } | ||
| − | + | .clearfix { | |
| − | + | zoom: 1 | |
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Version du 7 octobre 2021 à 13:10
/* Le CSS placé ici affectera les impressions */
/*
Adapted from https://github.com/murtaugh/HTML5-Reset
Formatted using http://procssor.com/
*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
margin: 0 !important;
padding: 0 !important;
border: 0;
outline: 0;
font-size: 100%;
color: #222;
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-weight: normal;
vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold!important
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
display: block
}
/* Responsive images and other embedded objects
Note: keeping IMG here will cause problems if you're using foreground images as sprites.
If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
max-width: 100%
}
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
vertical-align: baseline;
background: transparent;
}
del {
text-decoration: line-through
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
font-size: inherit;
font: 100%;
border-collapse: collapse;
border-spacing: 0;
}
th {
font-weight: bold;
vertical-align: bottom;
}
td {
font-weight: normal;
vertical-align: top;
}
td,
td img {
vertical-align: top
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
.clickable,
button,
input,
select,
textarea {
display: none
}
pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
/* Accessible focus treatment
people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
outline: none
}
small {
font-size: 85%
}
strong,
th {
font-weight: bold
}
/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
font-family: consolas, "lucida console", "courier new", courier, monospace, sans-serif
}
/* scale images in IE7 more attractively */
.ie7 img {
-ms-interpolation-mode: bicubic
}
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both
}
.clearfix {
zoom: 1
}
