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

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