en/.publisher/style/dever/main.csst

   1 /*******************************************************************************
   2  global styles
   3 *******************************************************************************/
   4
   5 html {
   6   font-size: 16pt;
   7   font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
   8 }
   9
  10 body {
  11   background: %%background-color%%;
  12   color: %%text-color%%;
  13 }
  14
  15 .container {
  16   max-width: 900px;
  17   padding: 0;
  18 }
  19
  20 #main-header {
  21   margin: 0;
  22 }
  23
  24 #main-header h1 {
  25   background-color: black;
  26   color: white;
  27   margin: 0;
  28   padding-left: 10px;
  29   line-height: 40px;
  30   font-size: 30px;
  31 }
  32
  33 #main-header h2 {
  34   border-left: solid thin %%text-color%%;
  35   border-right: solid thin %%text-color%%;
  36   margin: 0;
  37   padding-left: 10px;
  38   background-color: %%link-color%%;
  39   color: white;
  40   line-height: 28px;
  41   font-size: 24px;
  42 }
  43
  44 #logo, #project-aon-logo {
  45   display: none;
  46 }
  47
  48 article {
  49   margin: 0;
  50   padding-top: 1rem;
  51   padding-left: 1rem;
  52   padding-right: 1rem;
  53   padding-bottom: 1.5rem;
  54   background: white;
  55   text-align: justify;
  56   font-family: Constantia, "Palatino Linotype", Palatino, Georgia, serif;
  57   font-size: 1rem;
  58 }
  59
  60 article > div:last-child {
  61   margin-bottom: -1rem;
  62 }
  63
  64 article h3, article h4, article h5, article h6 {
  65   margin-top: 0;
  66   padding-top: 0.5rem;
  67   font-weight: bold;
  68 }
  69
  70 article h2 {
  71   text-align: center;
  72   font-size: 2rem;
  73 }
  74
  75 article h3 {
  76   text-align: center;
  77   font-size: 1.5rem;
  78 }
  79
  80 article h4 {
  81   font-size: 1.25rem;
  82 }
  83
  84 article h5 {
  85   font-size: 1rem;
  86   font-style: italic;
  87 }
  88
  89 article h6 {
  90   font-size: 1rem;
  91   font-weight: normal;
  92   font-style: italic;
  93 }
  94
  95 figure {
  96   max-width: 386px;
  97   margin-left: auto;
  98   margin-right: auto;
  99   margin-top: 1rem;
 100   margin-bottom: 1rem;
 101 }
 102
 103 figcaption {
 104   max-width: 480px;
 105   margin-top: 0.5rem;
 106   margin-left: auto;
 107   margin-right: auto;
 108   margin-bottom: 1rem;
 109   font-size: smaller;
 110   font-style: italic;
 111 }
 112
 113 article table {
 114   margin-left: auto;
 115   margin-right: auto;
 116   margin-bottom: 1rem;
 117 }
 118
 119 a {
 120   background-color: transparent;
 121   color: %%text-color%%;
 122 }
 123
 124 :link, :visited {
 125   background-color: transparent;
 126   color: %%link-color%%;
 127   text-decoration: none;
 128   font-weight: bold;
 129 }
 130
 131 :link:hover, :visited:hover {
 132   background-color: %%hover-link-background-color%%;
 133   color: %%link-color%%;
 134   text-decoration: none;
 135   font-weight: bold;
 136 }
 137
 138 :link:active, :visited:active {
 139   background-color: transparent;
 140   color: %%link-color%%;
 141   text-decoration: none;
 142   font-weight: bold;
 143 }
 144
 145 article p {
 146   margin-bottom: 1.25rem;
 147 }
 148
 149 ul.unbulleted {
 150   list-style-type: none;
 151 }
 152
 153 #page-navigation, div.signpost {
 154   text-align: center;
 155 }
 156
 157 div.signpost {
 158   padding-top: 0.5rem;
 159   padding-bottom: 0.5rem;
 160   line-height: 1.5rem;
 161 }
 162
 163 span.signpost, .smallcaps {
 164   font-size: smaller;
 165 }
 166
 167 .smallcaps {
 168   font-variant: small-caps;
 169 }
 170
 171 .dedication {
 172   text-align: center;
 173   font-style: italic;
 174   font-weight: bold;
 175   margin-top: 8rem;
 176   margin-bottom: 8rem;
 177 }
 178
 179 .choice, .puzzle, .deadend, .combat {
 180   text-align: left;
 181   margin-left: 1rem;
 182 }
 183
 184 dd {
 185   margin-left: 1rem;
 186   margin-bottom: 0.5rem;
 187 }
 188
 189 ul figure {
 190   margin-left: -2.5rem;
 191 }
 192
 193 #footnotes {
 194   margin-top: 2rem;
 195   border-top: solid thin #ccc;
 196   padding-top: 0.5rem;
 197   font-size: smaller;
 198   font-style: italic;
 199 }
 200
 201 #footnotes h4 {
 202   display: none;
 203 }
 204
 205 .navbar-dever {
 206   margin-bottom: 0;
 207   -moz-border-radius: 0;
 208   -webkit-border-radius: 0;
 209   border-radius: 0;
 210   background: black;
 211 }
 212
 213 .navbar-dever li > :link , .navbar-dever li > :visited {
 214   background-color: black;
 215   color: white;
 216 }
 217
 218 .navbar-dever li > :link:hover , .navbar-dever li > :visited:hover {
 219   background-color: #333;
 220   color: white;
 221 }
 222
 223 .navbar-dever .navbar-toggle {
 224   border: solid 1px #999;
 225 }
 226
 227 .navbar-dever .icon-bar {
 228   background-color: white;
 229 }
 230
 231 #license {
 232   margin-top: 0.5rem;
 233   color: #666;
 234   font-style: italic;
 235 }
 236
 237 #license p {
 238   margin-bottom: 0.25rem;
 239 }
 240
 241 /******************************************************************************/
 242 @media only screen and (min-width: 479px) {
 243 }
 244
 245 /******************************************************************************/
 246 @media only screen and (min-width: 768px) {
 247   body {
 248     padding-bottom: 1rem;
 249   }
 250
 251   .container {
 252     padding-top: 0;
 253     padding-left: 15px;
 254     padding-right: 15px;
 255   }
 256
 257   #main-header {
 258     position: relative;
 259   }
 260
 261   #logo {
 262     display: block;
 263     position: absolute;
 264     top: 10px;
 265     left: 10px;
 266     height: 100px;
 267     width: 93px;
 268   }
 269
 270   #project-aon-logo {
 271     display: block;
 272     position: absolute;
 273     top: 17px;
 274     right: 10px;
 275     width: 93px;
 276     height: 93px;
 277   }
 278
 279   #main-header h1 {
 280     height: 80px;
 281     line-height: 110px;
 282     text-align: center;
 283     font-size: 36px;
 284   }
 285
 286   #main-header h2 {
 287     height: 40px;
 288     line-height: 40px;
 289     text-align: center;
 290     font-size: 30px;
 291   }
 292
 293   article {
 294     border-left: solid thin #ccc;
 295     border-right: solid thin #ccc;
 296   }
 297
 298   article h3, article h4, article h5, article h6 {
 299     padding-top: 0.5rem;
 300   }
 301 }