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