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 #footnotes {
 191   margin-top: 2rem;
 192   border-top: solid thin #ccc;
 193   padding-top: 0.5rem;
 194   font-size: smaller;
 195   font-style: italic;
 196 }
 197
 198 #footnotes h4 {
 199   display: none;
 200 }
 201
 202 .navbar-dever {
 203   margin-bottom: 0;
 204   -moz-border-radius: 0;
 205   -webkit-border-radius: 0;
 206   border-radius: 0;
 207   background: black;
 208 }
 209
 210 .navbar-dever li > :link , .navbar-dever li > :visited {
 211   background-color: black;
 212   color: white;
 213 }
 214
 215 .navbar-dever li > :link:hover , .navbar-dever li > :visited:hover {
 216   background-color: #333;
 217   color: white;
 218 }
 219
 220 .navbar-dever .navbar-toggle {
 221   border: solid 1px #999;
 222 }
 223
 224 .navbar-dever .icon-bar {
 225   background-color: white;
 226 }
 227
 228 #license {
 229   margin-top: 0.5rem;
 230   color: #666;
 231   font-style: italic;
 232 }
 233
 234 #license p {
 235   margin-bottom: 0.25rem;
 236 }
 237
 238 /******************************************************************************/
 239 @media only screen and (min-width: 479px) {
 240 }
 241
 242 /******************************************************************************/
 243 @media only screen and (min-width: 768px) {
 244   body {
 245     padding-bottom: 1rem;
 246   }
 247
 248   .container {
 249     padding-top: 0;
 250     padding-left: 15px;
 251     padding-right: 15px;
 252   }
 253
 254   #main-header {
 255     position: relative;
 256   }
 257
 258   #logo {
 259     display: block;
 260     position: absolute;
 261     top: 10px;
 262     left: 10px;
 263     height: 100px;
 264     width: 93px;
 265   }
 266
 267   #project-aon-logo {
 268     display: block;
 269     position: absolute;
 270     top: 17px;
 271     right: 10px;
 272     width: 93px;
 273     height: 93px;
 274   }
 275
 276   #main-header h1 {
 277     height: 80px;
 278     line-height: 110px;
 279     text-align: center;
 280     font-size: 36px;
 281   }
 282
 283   #main-header h2 {
 284     height: 40px;
 285     line-height: 40px;
 286     text-align: center;
 287     font-size: 30px;
 288   }
 289
 290   article {
 291     border-left: solid thin #ccc;
 292     border-right: solid thin #ccc;
 293   }
 294
 295   article h3, article h4, article h5, article h6 {
 296     padding-top: 0.5rem;
 297   }
 298 }