140 lines
2.5 KiB
CSS
140 lines
2.5 KiB
CSS
/* Century Schoolbook font is very similar to Computer Modern Math: cmmi */
|
|
.MATH { font-family: "Century Schoolbook", serif; }
|
|
.MATH I { font-family: "Century Schoolbook", serif; font-style: italic }
|
|
.BOLDMATH { font-family: "Century Schoolbook", serif; font-weight: bold }
|
|
|
|
/* implement both fixed-size and relative sizes */
|
|
SMALL.XTINY { font-size : xx-small }
|
|
SMALL.TINY { font-size : x-small }
|
|
SMALL.SCRIPTSIZE { font-size : smaller }
|
|
SMALL.FOOTNOTESIZE { font-size : small }
|
|
SMALL.SMALL { }
|
|
BIG.LARGE { }
|
|
BIG.XLARGE { font-size : large }
|
|
BIG.XXLARGE { font-size : x-large }
|
|
BIG.HUGE { font-size : larger }
|
|
BIG.XHUGE { font-size : xx-large }
|
|
|
|
/* heading styles */
|
|
H1 { }
|
|
H2 { }
|
|
H3 { }
|
|
H4 { }
|
|
H5 { }
|
|
|
|
/* mathematics styles */
|
|
DIV.displaymath { } /* math displays */
|
|
TD.eqno { } /* equation-number cells */
|
|
|
|
|
|
/* document-specific styles come next */
|
|
|
|
HTML {
|
|
background: #ffffff;
|
|
color: #000000;
|
|
font-size: 12.7pt; /* this is because there were many <p> missing. We can change this value to 7pt to easily detect missing <p> */
|
|
line-height: 1.6;
|
|
|
|
}
|
|
BODY {
|
|
width: 6.5in;
|
|
margin-left: 0.8in;
|
|
font-family: Georgia, serif;
|
|
}
|
|
H1 {
|
|
font-size: 22.7pt; /*32.7pt;*/
|
|
text-align: center;
|
|
}
|
|
H2 {
|
|
font-size: 22.7pt;
|
|
text-align: center;
|
|
}
|
|
H3 {
|
|
font-size: 14.7pt;
|
|
text-align: left;
|
|
}
|
|
H4 {
|
|
font-size: 12.7pt;
|
|
text-align: left;
|
|
}
|
|
H5 {
|
|
font-size: 10.7pt;
|
|
text-align: left;
|
|
}
|
|
H6 {
|
|
font-size: 10.7pt;
|
|
text-align: left;
|
|
}
|
|
PRE {
|
|
font-size: 80%;
|
|
background-color:rgb(240, 240, 240);
|
|
text-align: left;
|
|
}
|
|
|
|
ol{
|
|
font-size: 14.5pt;
|
|
text-align: left;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
|
|
p{
|
|
font-size: 12pt;
|
|
text-align: left;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* standard link */
|
|
|
|
a:link {
|
|
text-decoration: none;
|
|
color: #006699;
|
|
}
|
|
|
|
a:visited {
|
|
text-decoration: none;
|
|
color: #006699;
|
|
}
|
|
|
|
a:hover {
|
|
|
|
background-color:#eeeee4;
|
|
}
|
|
|
|
a:active {
|
|
text-decoration: none;
|
|
color: blue;
|
|
}
|
|
|
|
IMG {
|
|
|
|
/*display: block;*/
|
|
margin: 0 auto;
|
|
width: auto;
|
|
filter: brightness(1) contrast(1);
|
|
|
|
}
|
|
|
|
/* responsive css for small "devices" */
|
|
|
|
@media screen and (max-device-width: 700px) {
|
|
body {
|
|
padding: 10px;
|
|
width: auto;
|
|
margin-left: 6px;
|
|
}
|
|
H1 {font-size: 25pt;}
|
|
IMG {max-width: 100%; height: auto;}
|
|
}
|
|
|
|
/* responsive css for small "browser window" */
|
|
|
|
@media screen and (max-width: 701px) {
|
|
body {
|
|
padding: 10px;
|
|
width: auto;
|
|
margin-left: 6px;
|
|
}
|
|
H1 {font-size: 25pt;}
|
|
IMG {max-width: 100%; height: auto;}
|
|
} |