1body { 2 margin:0; 3 padding:0; 4 border:0; 5 line-height:140%; 6 background-color:#ffffff; 7 font-family:'Source Sans Pro',sans-serif; 8 color:#202020; 9 width:100%; 10} 11 12#content { 13 padding:0.3em; 14 background-color:#ffffff; 15 width:95%; 16 overflow-x:auto; 17 -ms-overflow-x:auto; 18 overflow-y:auto; 19 -ms-overflow-y:auto; 20} 21 22#navigation { 23 top:0; 24 width:100%; 25 color:#f0f0f0; 26 background-color:#686868; 27 border-top:0.25em #e63900 solid; 28 border-bottom:0.25em #ee7811 solid; 29 padding:0.7em; 30 float:left; 31 font-size:1.3em; 32 font-weight:bold; 33 margin:0em; 34} 35 36#navigation a { 37 color:#ffffff; 38 text-decoration:none; 39} 40 41#navigation a:hover { 42 text-decoration:underline; 43} 44 45#navigation a:active { 46 text-decoration:underline; 47} 48 49#footer { 50 width:100%; 51 border-top:1px #202020 solid; 52 margin-top:2em; 53 margin:0; 54 padding:0.5em; 55 font-size:0.8em; 56} 57 58p.pagetitle,p.pagesubtitle,h1,h2,h3,h4 { 59 font-weight:bold; 60} 61 62p.pagetitle { 63 font-size:1.5em; 64 padding-bottom:0.3em; 65 counter-reset: h1counter; 66 margin-left:0; 67} 68 69p.pagesubtitle { 70 font-size:1.2em; 71 padding-bottom:0.1em; 72 margin-left:0; 73} 74 75h1 { 76 font-size:1.3em; 77 padding-bottom:0.2em; 78 counter-increment: h1counter; 79 counter-reset: h2counter; 80} 81 82h2 { 83 font-size:1.2em; 84 padding-bottom:0.1em; 85 counter-increment: h2counter; 86 counter-reset: h3counter; 87} 88 89h3 { 90 font-size:1.1em; 91 padding-bottom:0em; 92 counter-increment: h3counter; 93} 94 95dt { 96 padding:0.2em; 97 font-weight:bold; 98} 99 100p,dl,ul,ol,dd,li,table { 101 padding:0.1em; 102 margin-left:1.25em; 103} 104 105ul { 106 list-style-type:square; 107} 108 109pre.cli { 110 padding:0.4em; 111 margin-left:2em; 112 width:95%; 113 border:1px #404040 dotted; 114} 115 116table ul { 117 padding:0.1em; 118} 119 120th { 121 margin:0.3em; 122 padding:0.3em; 123 background-color:#f8f8f8; 124 border-bottom:1px #404040 solid; 125} 126 127td { 128 margin:0.3em; 129 padding:0.3em; 130 border-bottom:1px #404040 solid; 131} 132 133iframe { 134 padding:0.75em; 135 float:none; 136 width:90%; 137 height:50em; 138} 139 140img { 141 padding:2%; 142 margin:2%; 143 max-width:40%; 144 max-height:180px; 145 border:1px #202020 solid; 146} 147 148/* 149img:hover { 150 position:fixed; 151 display:block; 152 top:5%; 153 left:5%; 154 max-height:80%; 155 max-width:80%; 156 background-color:#ffffff; 157 border:10px solid #f8f8f8; 158} 159*/ 160 161a { 162 text-decoration:underline; 163 color:#9f0000; 164} 165 166a:visited { 167} 168 169a:hover { 170 color:#f7a51b; 171} 172 173a:active { 174 color:#f7a51b; 175} 176 177.float-none { 178 float:none; 179} 180 181.float-left { 182 float:left; 183} 184 185.float-right { 186 float:right; 187} 188 189@media all and (min-width:400px) and (min-height:600px) { 190 191 html>body #navigation { 192 position:fixed; 193 } 194 195 #content { 196 width:90%; 197 margin-top:2.5em; 198 padding:1.5em; 199 } 200 201 :target:before { 202 content:""; 203 display:block; 204 height:4em; 205 margin:-4em 0 0; 206 } 207 208} 209 210kbd.return { 211 font-weight:bold; 212 font-size:1.7em; 213} 214 215span.web2ldap-internal-link { 216 text-align:center; 217 color:#c81f2a; 218 text-decoration:none; 219 font-weight:bold; 220 text-align:center; 221} 222 223span.web2ldap-external-link { 224 text-align:center; 225 padding:0.2em; 226 color:#3385a7; 227 text-decoration:none; 228 font-weight:bold; 229} 230 231span.web2ldap-menu-button { 232 text-align:center; 233 color:#c81f2a; 234 text-decoration:none; 235 font-weight:bold; 236 text-align:center; 237 background-color:#e8e8e8; 238 padding:0.2em; 239 margin:0.5em 0 0.5em 0; 240} 241 242span.web2ldap-dit-navigation { 243 padding:0.1em; 244 color:#ffffff; 245 background-color:#403F3F; 246} 247 248button.web2ldap-submit-button { 249 font-size:0.92em; 250 background-color:#d8d8d8; 251 border:3px solid #cccccc; 252 border-top-color:#eeeeee; 253 border-left-color:#eeeeee; 254} 255 256span.web2ldap-msg-success { 257 font-weight:normal; 258 padding:0.1em; 259 border: 1px solid #e0e0e0; 260} 261 262span.web2ldap-msg-warning { 263 font-weight:bold; 264 padding:0.1em; 265 border: 3px solid #a0a0a0; 266} 267 268span.web2ldap-msg-error { 269 font-weight:bold; 270 padding:0.1em; 271 border: 3px solid #c81f2a; 272} 273 274.thumbnail { 275 max-width: 40%; 276} 277 278figcaption { 279 margin:0; 280 padding:0; 281 font-size: 70%; 282 text-align: middle; 283} 284 285figure.lightbox { 286 display: none; 287 position: fixed; 288 z-index: 999; 289 width: 100%; 290 height: 100%; 291 text-align: center; 292 top: 0; 293 left: 0; 294 margin: 0; 295 background: rgba(255,255,255,0.9); 296} 297 298figure.lightbox img { 299 max-width: 90%; 300 max-height: 85%; 301 margin-top: 2%; 302 background-color: #ffffff; 303} 304 305.lightbox:target { 306 outline: none; 307 display: block; 308} 309