update,
This commit is contained in:
107
macylee2486/task2/html_ws/head/style.css
Normal file
107
macylee2486/task2/html_ws/head/style.css
Normal file
@@ -0,0 +1,107 @@
|
||||
@page { margin: 0 }
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.sheet {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.title{
|
||||
font-size: 3rem; font-weight: bold; text-decoration: underline;
|
||||
}
|
||||
|
||||
.content{
|
||||
font-size: 1.7rem;
|
||||
margin-top: 2rem;
|
||||
|
||||
}
|
||||
|
||||
.intro_and_meth {
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
|
||||
.intro_and_meth .cell{
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.table-style {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
||||
.explain {
|
||||
margin-left:5rem;
|
||||
margin-right:5rem;
|
||||
margin-top: 2rem;
|
||||
|
||||
}
|
||||
|
||||
.discuss_and_conclu .title{ font-size: 3rem; font-weight: bold; text-decoration: underline;}
|
||||
.discuss_and_conclu .content{ font-size: 1.5rem;}
|
||||
|
||||
.td1 { width: 26px; height: 76px; }
|
||||
|
||||
.td2{ width: 295px;}
|
||||
.td3{ width: 145px;}
|
||||
.td4{ width: 85px;}
|
||||
.td5{ width: 145px;}
|
||||
|
||||
tr td:nth-child(4) {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.italic {
|
||||
font-style:italic ;
|
||||
}
|
||||
|
||||
/** Paper sizes **/
|
||||
body.A1 .sheet { width: 594mm; height: 841mm }
|
||||
body.A3 .sheet { width: 297mm; height: 419mm }
|
||||
body.A3.landscape .sheet { width: 420mm; height: 296mm }
|
||||
body.A4 .sheet { width: 210mm; height: 296mm }
|
||||
body.A4.landscape .sheet { width: 297mm; height: 209mm }
|
||||
body.A5 .sheet { width: 148mm; height: 209mm }
|
||||
body.A5.landscape .sheet { width: 210mm; height: 147mm }
|
||||
body.letter .sheet { width: 216mm; height: 279mm }
|
||||
body.letter.landscape .sheet { width: 280mm; height: 215mm }
|
||||
body.legal .sheet { width: 216mm; height: 356mm }
|
||||
body.legal.landscape .sheet { width: 357mm; height: 215mm }
|
||||
|
||||
/** Padding area **/
|
||||
.sheet.padding-10mm { padding: 10mm }
|
||||
.sheet.padding-15mm { padding: 15mm }
|
||||
.sheet.padding-20mm { padding: 20mm }
|
||||
.sheet.padding-25mm { padding: 25mm }
|
||||
|
||||
/** For screen preview **/
|
||||
@media screen {
|
||||
body { background: #e0e0e0 }
|
||||
.sheet {
|
||||
background: rgba(32,32,32,0.2);
|
||||
box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
|
||||
margin: 5mm auto;
|
||||
}
|
||||
}
|
||||
|
||||
/** Fix for Chrome issue #273306 **/
|
||||
@media print {
|
||||
body.A1 { width: 594mm }
|
||||
body.A3.landscape { width: 420mm }
|
||||
body.A3, body.A4.landscape { width: 297mm }
|
||||
body.A4, body.A5.landscape { width: 210mm }
|
||||
body.A5 { width: 148mm }
|
||||
body.letter, body.legal { width: 216mm }
|
||||
body.letter.landscape { width: 280mm }
|
||||
body.legal.landscape { width: 357mm }
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user