documenter_style.css (9039B)
1 /*! 2 * Documenter 2.0 3 * http://rxa.li/documenter 4 * 5 * Copyright 2011, Xaver Birsak 6 * http://revaxarts.com 7 * 8 */ 9 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ 10 margin:0; 11 padding:0; 12 border:0; 13 outline:0; 14 font-weight:inherit; 15 font-style:inherit; 16 font-size:100%; 17 font-family:inherit; 18 vertical-align:baseline; 19 } 20 html { 21 font-size:101%; 22 font-family:Arial,verdana,arial,sans-serif; 23 font-size:12px; 24 -webkit-text-size-adjust:none; 25 color:#6F6F6F; 26 background-color:#efefef; 27 } 28 body{ 29 min-height:100%; 30 height:auto; 31 width:100%; 32 } 33 footer, header, section { 34 display:block; 35 } 36 a{ color:#6F6F6F; text-decoration:none; cursor:pointer; } 37 a:hover { text-decoration:underline } 38 p, ul, ol{ 39 margin:18px 0; 40 line-height:1.5em; 41 } 42 li{ 43 list-style:none; 44 } 45 li.placeholder{ 46 height:70px; 47 width:100%; 48 font-size:16px; 49 } 50 hr { 51 display:block; 52 height:0px; 53 line-height:0px; 54 border:0; 55 border-top:1px solid #ddd; 56 border-bottom:1px solid #aaa; 57 margin:16px 0; 58 padding:0; 59 clear:both; 60 float:none; 61 } 62 hr.notop{ 63 margin-top:0; 64 } 65 strong{ 66 font-weight:700; 67 } 68 #documenter_buttons{ 69 position:absolute; 70 right:10px; 71 margin-top:-30px; 72 } 73 .btn{ 74 cursor:pointer; 75 width:auto; 76 padding:7px 7px 8px; 77 border-radius:3px; 78 border:1px solid #ccc; 79 } 80 .btn:hover{ 81 border:1px solid #B1B4B0; 82 box-shadow:0px 2px 2px rgba(0,0,0,0.1); 83 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); 84 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); 85 text-decoration:none; 86 } 87 .btn:active{ 88 border:1px solid #B1B4B0; 89 box-shadow:inset 0px 2px 2px rgba(0,0,0,0.1); 90 -moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.1); 91 -webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.1); 92 background-color:#eee; 93 } 94 95 #documenter_content{ 96 position:absolute; 97 right:18px; 98 left:218px; 99 padding-left:10px; 100 padding-bottom:800px; 101 min-height:100%; 102 height:auto; 103 z-index:1; 104 } 105 #documenter_sidebar{ 106 -moz-box-shadow:0 0 6px rgba(3,3,3,0.6); 107 -webkit-box-shadow:0 0 6px rgba(3,3,3,0.6); 108 box-shadow:0 0 6px rgba(3,3,3,0.6); 109 position:fixed; 110 left:0; 111 width:200px; 112 height:100%; 113 min-height:100%; 114 z-index:100; 115 } 116 #documenter_sidebar a{ 117 position:relative; 118 z-index:100; 119 } 120 img{ 121 border:0; 122 } 123 #documenter_copyright{ 124 position:absolute; 125 bottom:10px; 126 font-size:10px; 127 right:15px; 128 width:200px; 129 text-align:right; 130 z-index:1 131 } 132 noscript{ 133 display:block; 134 position:absolute; 135 top:238px; 136 margin:0 auto; 137 width:800px; 138 bottom:0; 139 z-index:20; 140 } 141 noscript p{ 142 width:800px; 143 font-size:20px; 144 padding-top:20px; 145 margin:0 auto; 146 color:#4D4D4D; 147 } 148 .small{ 149 font-size:10px; 150 letter-spacing:0; 151 } 152 153 /*----------------------------------------------------------------------*/ 154 /* Sidebar 155 /*----------------------------------------------------------------------*/ 156 157 #documenter_sidebar #documenter_logo{ 158 display:block; 159 height:20%; 160 max-height:200px; 161 min-height:70px; 162 width:200px; 163 background-position:center center; 164 background-repeat:no-repeat; 165 } 166 #documenter_sidebar ul{ 167 font-size:12px; 168 font-weight:700; 169 min-height:150px; 170 height:75%; 171 overflow:auto; 172 } 173 174 #documenter_sidebar ul li{ 175 text-align:right; 176 padding:0; 177 } 178 #documenter_sidebar ul a{ 179 display:block; 180 border-top:1px solid #ddd; 181 border-bottom:1px solid #aaa; 182 padding:6px 15px 7px 0; 183 text-align:right; 184 } 185 #documenter_sidebar ul a:hover,#documenter_sidebar ul a.current{ 186 -webkit-text-shadow:none; 187 -moz-text-shadow:none; 188 text-shadow:none; 189 text-decoration:none; 190 } 191 #documenter_sidebar ul li ul{ 192 border-top:0; 193 font-size:10px; 194 min-height:10px; 195 height:auto; 196 overflow:auto; 197 margin:0; 198 display:none; 199 } 200 #documenter_sidebar ul li ul li a{ 201 display:block; 202 padding:4px 15px 5px 0; 203 text-align:right; 204 } 205 206 /*----------------------------------------------------------------------*/ 207 /* Content 208 /*----------------------------------------------------------------------*/ 209 210 #documenter_cover{ 211 position:relative; 212 height:800px; 213 padding-top:200px !important; 214 } 215 #documenter_cover li{ 216 list-style:none !important; 217 margin-left:0 !important; 218 } 219 #documenter_cover p{ 220 width:500px; 221 } 222 #documenter_content section{ 223 padding-top:70px; 224 } 225 #documenter_content h1{ 226 font-size:30px; 227 font-weight:700; 228 } 229 #documenter_content h2{ 230 font-size:20px; 231 margin-bottom:18px; 232 font-weight:100; 233 } 234 #documenter_content h3{ 235 font-size:26px; 236 margin:18px 0 0; 237 font-weight:100; 238 } 239 #documenter_content h4{ 240 font-size:20px; 241 margin:18px 0; 242 font-weight:100; 243 } 244 #documenter_content h5{ 245 font-size:16px; 246 margin:18px 0; 247 font-weight:100; 248 } 249 #documenter_content h6{ 250 font-size:14px; 251 margin:18px 0; 252 font-weight:100; 253 } 254 #documenter_content p{ 255 margin:18px 0; 256 } 257 #documenter_content ol li{ 258 list-style:decimal; 259 margin-left:36px; 260 } 261 #documenter_content ul li{ 262 list-style:square; 263 margin-left:36px; 264 } 265 #documenter_content dl{ 266 } 267 #documenter_content dl dt{ 268 padding-top:12px; 269 font-weight:700; 270 font-size:14px; 271 } 272 #documenter_content dl dd{ 273 padding-top:3px; 274 margin-left:18px; 275 } 276 #documenter_content table{ 277 border-collapse:collapse; 278 } 279 #documenter_content table th{ 280 font-weight:700; 281 } 282 #documenter_content table th, #documenter_content table td{ 283 padding:3px; 284 text-align:left; 285 } 286 #documenter_content code{ 287 font-family:"Courier New", Courier, monospace; 288 font-size:12px; 289 } 290 #documenter_content .warning{ 291 padding:10px 10px 10px 30px; 292 border:1px solid #D5D458; 293 background-color:#F0FEB1; 294 background-image:url(img/warning.png); 295 background-repeat:no-repeat; 296 background-position: 8px 11px; 297 } 298 #documenter_content .info{ 299 padding:10px 10px 10px 30px; 300 border:1px solid #6AB3FF; 301 background-color:#A3D0FF; 302 background-image:url(img/info.png); 303 background-repeat:no-repeat; 304 background-position: 8px 11px; 305 } 306 #documenter_content div.alert { 307 padding: 8px 35px 8px 14px; 308 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 309 background-color: #fcf8e3; 310 border: 1px solid #fbeed5; 311 -webkit-border-radius: 4px; 312 -moz-border-radius: 4px; 313 border-radius: 4px; 314 } 315 #documenter_content div.alert-success,#documenter_content div.alert-success div.alert-heading { 316 color: #468847; 317 } 318 #documenter_content div.alert-danger,#documenter_content div.alert-error { 319 background-color: #f2dede; 320 border-color: #eed3d7; 321 } 322 #documenter_content div.alert-danger, 323 #documenter_content div.alert-error, 324 #documenter_content div.alert-danger div.alert-heading, 325 #documenter_content div.alert-error div.alert-heading { 326 color: #b94a48; 327 } 328 #documenter_content div.alert-info { 329 background-color: #d9edf7; 330 border-color: #bce8f1; 331 } 332 #documenter_content div.alert-info,#documenter_content div.alert-info div.alert-heading { 333 color: #3a87ad; 334 } 335 #documenter_content div.alert-block { 336 padding-top: 14px; 337 padding-bottom: 14px; 338 } 339 #documenter_content div.alert-block > p,#documenter_content div.alert-block > ul { 340 margin-bottom: 0; 341 } 342 #documenter_content div.alert-block p + p { 343 margin-top: 5px; 344 } 345 346 347 348 349 350 /*----------------------------------------------------------------------*/ 351 /* Print Styles 352 /*----------------------------------------------------------------------*/ 353 354 @media print { 355 * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; 356 -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ 357 a, a:visited { color: #444 !important; text-decoration: underline; } 358 a[href]:after { content: " (" attr(href) ")"; } 359 abbr[title]:after { content: " (" attr(title) ")"; } 360 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ 361 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } 362 thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 363 tr, img { page-break-inside: avoid; } 364 @page { margin: 0.5cm; } 365 p, h2, h3 { orphans: 3; widows: 3; } 366 h2, h3{ page-break-after: avoid; } 367 hr { border-top:1px solid #000 !important;border-bottom:0 !important; } 368 369 #documenter_sidebar{ 370 -moz-box-shadow:none; 371 -webkit-box-shadow:none; 372 box-shadow:none; 373 position:absolute; 374 left:10px; 375 top:0; 376 width:100%; 377 margin-top:500px; 378 } 379 #documenter_sidebar ul:before { content: "Table of Contents"; } 380 381 #documenter_sidebar ul{ 382 border:0 !important; 383 } 384 #documenter_sidebar ul li{ 385 border:0 !important; 386 text-align:left; 387 } 388 #documenter_sidebar ul li a{ 389 border:0 !important; 390 text-align:left; 391 padding:4px; 392 } 393 #documenter_sidebar ul li a:hover{ 394 border:0 !important; 395 } 396 #documenter_sidebar #documenter_logo{ 397 display:none; 398 } 399 #documenter_sidebar #documenter_copyright{ 400 display:none; 401 } 402 #documenter_content{ 403 left:10px; 404 } 405 #documenter_cover{ 406 margin-bottom:300px; 407 } 408 #documenter_content .warning{ 409 background-image:url(img/warning.png) !important; 410 background-repeat:no-repeat !important; 411 background-position: 8px 11px !important; 412 } 413 #documenter_content .info{ 414 background-image:url(img/info.png) !important; 415 background-repeat:no-repeat !important; 416 background-position: 8px 11px !important; 417 } 418 }