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   font-variant: small-caps;
 166 }
 167
 168 .dedication {
 169   text-align: center;
 170   font-style: italic;
 171   font-weight: bold;
 172   margin-top: 8rem;
 173   margin-bottom: 8rem;
 174 }
 175
 176 .choice, .puzzle, .deadend, .combat {
 177   text-align: left;
 178   margin-left: 1rem;
 179 }
 180
 181 dd {
 182   margin-left: 1rem;
 183   margin-bottom: 0.5rem;
 184 }
 185
 186 ul figure {
 187   margin-left: -2.5rem;
 188 }
 189
 190 .maintext .random-number-table td {
 191   border: solid 1px black;
 192   text-align: center;
 193   line-height: 2.5em;
 194   font-size: larger;
 195   font-weight: bold;
 196 }
 197
 198   .maintext .random-number-table tr:nth-child(2n) td:nth-child(2n)
 199 , .maintext .random-number-table tr:nth-child(2n+1) td:nth-child(2n+1)
 200 , .maintext .combat-results-table tr:nth-child(2n) td
 201 , .maintext .action-chart tr:nth-child(2n) {
 202   background-color: #ccc;
 203 }
 204
 205 .maintext .combat-results-table th, .maintext .combat-results-table td,
 206 .maintext .action-chart th, .maintext .action-chart td {
 207   border: solid 1px black;
 208 }
 209
 210 .maintext .combat-results-table tbody th, .maintext .combat-results-table tbody td {
 211   white-space: nowrap;
 212 }
 213
 214 .maintext caption {
 215   caption-side: bottom;
 216   text-align: center;
 217   font-style: italic;
 218 }
 219
 220 .maintext td.kai-rank {
 221   width: 33%;
 222   text-align: right;
 223   font-size: smaller;
 224   font-style: italic;
 225 }
 226
 227 #footnotes {
 228   margin-top: 2rem;
 229   border-top: solid thin #ccc;
 230   padding-top: 0.5rem;
 231   font-size: smaller;
 232   font-style: italic;
 233 }
 234
 235 #footnotes h4 {
 236   display: none;
 237 }
 238
 239 .navbar-dever {
 240   margin-bottom: 0;
 241   -moz-border-radius: 0;
 242   -webkit-border-radius: 0;
 243   border-radius: 0;
 244   background: black;
 245 }
 246
 247 .navbar-dever li > :link , .navbar-dever li > :visited {
 248   background-color: black;
 249   color: white;
 250 }
 251
 252 .navbar-dever li > :link:hover , .navbar-dever li > :visited:hover {
 253   background-color: #333;
 254   color: white;
 255 }
 256
 257 .navbar-dever .navbar-toggle {
 258   border: solid 1px #999;
 259 }
 260
 261 .navbar-dever .icon-bar {
 262   background-color: white;
 263 }
 264
 265 #license {
 266   margin-top: 0.5rem;
 267   color: #666;
 268   font-style: italic;
 269 }
 270
 271 #license p {
 272   margin-bottom: 0.25rem;
 273 }
 274
 275 /******************************************************************************/
 276 @media only screen and (min-width: 479px) {
 277 }
 278
 279 /******************************************************************************/
 280 @media only screen and (min-width: 768px) {
 281   body {
 282     padding-bottom: 1rem;
 283   }
 284
 285   .container {
 286     padding-top: 0;
 287     padding-left: 15px;
 288     padding-right: 15px;
 289   }
 290
 291   #main-header {
 292     position: relative;
 293   }
 294
 295   #logo {
 296     display: block;
 297     position: absolute;
 298     top: 10px;
 299     left: 10px;
 300     height: 100px;
 301     width: 93px;
 302   }
 303
 304   #project-aon-logo {
 305     display: block;
 306     position: absolute;
 307     top: 17px;
 308     right: 10px;
 309     width: 93px;
 310     height: 93px;
 311   }
 312
 313   #main-header h1 {
 314     height: 80px;
 315     line-height: 110px;
 316     text-align: center;
 317     font-size: 36px;
 318   }
 319
 320   #main-header h2 {
 321     height: 40px;
 322     line-height: 40px;
 323     text-align: center;
 324     font-size: 30px;
 325   }
 326
 327   article {
 328     border-left: solid thin #ccc;
 329     border-right: solid thin #ccc;
 330   }
 331
 332   article h3, article h4, article h5, article h6 {
 333     padding-top: 0.5rem;
 334   }
 335 }