css/paper.css

   1 /* don't show the name of the page */
   2
   3 div.header {
   4         display:none;
   5 }
   6
   7 /* the first h2 header is the title of the document */
   8
   9 div.content > h2:first-child {
  10         font-size:x-large;
  11         font-weight:bold;
  12         text-align:center;
  13         display:block;
  14 }
  15
  16 /* invert author and address italics */
  17
  18 div.Author {
  19         text-align:center;
  20         font-style:italic;
  21         font-size:smaller;
  22 }
  23
  24 div.Author i {
  25         font-style:normal;
  26         font-size:medium;
  27 }
  28
  29 /* printed smaller, and no "AUTHOR" heading, no numbering */
  30
  31 div.Author, div.Abstract, div.Keywords {
  32         font-size:smaller;
  33 }
  34
  35 div.Author h2 {
  36         display:none;
  37 }
  38
  39 div.Abstract h2, div.Keywords h2 {
  40         display:block;
  41         font-size:medium;
  42 }
  43
  44 /* typical headers are all the same size and bold, h2 is uppercased, h3 is not */
  45
  46 h2, div.footnotes hr + p {
  47         text-transform:uppercase;
  48     font-size:large;
  49         font-weight:bold;
  50 }
  51
  52 h3 {
  53         font-size:large;
  54         font-weight:bold;
  55 }
  56
  57 /* main text */
  58
  59 body {
  60     font:12pt "Times New Roman", serif;
  61     text-align:justify;
  62 }
  63
  64 div.footnotes {
  65         text-align:left;
  66 }
  67
  68 /* images */
  69
  70 img {
  71         border:none;
  72 }
  73
  74 img[smiley] {
  75     display:none;
  76 }
  77
  78 div.Image a.image {
  79         display:block;
  80         padding:2ex;
  81 }
  82
  83 div.Image h2 {
  84         display:none;
  85 }
  86
  87 /* this should keep image and caption together, but it seems not to work. */
  88
  89 div.Image {
  90         page-break-inside:avoid;
  91 }
  92
  93 /* link look like ordinary text */
  94
  95 a.number span {
  96     display:none;
  97 }
  98
  99 @media screen {
 100     body {
 101         padding:10ex;
 102     }
 103     div.header {
 104         display: block;
 105         position: absolute;
 106         top: 0;
 107         left: 0;
 108         margin: 0;
 109         padding: 0;
 110         vertical-align: top;
 111         color:#aaa;
 112         font-size: 10pt;
 113     }
 114     div.header h1 {
 115         margin: 0;
 116         padding: 0;
 117         font-size: inherit;
 118
 119     }
 120     div.header a {
 121         text-decoration: none;
 122     }
 123     div.footer, div.refer, a, a.number:link, a.number:visited,
 124     div.content + form, span.gotobar {
 125         color:#aaa;
 126     }
 127     div.content a, div.footnotes a, div.rc a {
 128         color:#000;
 129         text-decoration:none;
 130     }
 131 }
 132
 133 @media print {
 134         a.edit, div.footer, div.refer, a.number,
 135         div.content + form, span.gotobar {
 136                 display:none;
 137         }
 138         a, a:link, a:visited {
 139                 color:#000;
 140                 text-decoration:none;
 141         }
 142 }
 143
 144 a[class="url number"]:after,
 145 a[class="inter number"]:after {
 146     content:"[" attr(href) "]";
 147 }
 148
 149 a[class="local number"]:after {
 150     content:"[" attr(title) "]";
 151 }
 152
 153 /* footnotes */
 154
 155 a.footnote:before {
 156     content:"[";
 157 }
 158
 159 a.footnote:after {
 160     content:"]";
 161 }
 162
 163 div.footnotes a + a[class="url outside"]:after {
 164     content: ", <" attr(href) ">";
 165 }
 166
 167 div.footnotes a + a[class="url"]:before {
 168     content: "<";
 169 }
 170
 171 div.footnotes a + a[class="url"]:after {
 172     content: ">";
 173 }
 174
 175 div.footnotes hr {
 176     display:none;
 177 }
 178
 179 div.footnotes p {
 180     padding-left:3em;
 181     text-indent:-3em;
 182 }
 183
 184 /* must come at the end */
 185
 186 div.content a:hover {
 187         color:#000;
 188         background-color:#999;
 189 }