update,

macylee2486/task2/html_ws/draft_0002/style.css

@@ -0,0 +1,88 @@
+@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;
+}
+
+.intro_and_meth {
+  font-size: 2rem;
+
+}
+
+
+.intro_and_meth .cell{
+  padding-top: 3rem;
+
+}
+
+.intro_and_meth .title {
+  font-size: 3rem;
+}
+
+.intro_and_meth .content {
+  margin-top: 2rem;
+}
+
+.discuss_and_conclu {
+  background-color: gold;
+}
+
+.discuss_and_conclu  .title{
+  font-size: 3rem;
+}
+
+.discuss_and_conclu  .content{
+  font-size: 2rem;
+  margin-top: 2rem;
+}
+
+/** 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 }
+}
+
+