1/* Layout Styles 2 Author: Florian Purchess 3 ----------------------------------------------------*/ 4 5 6/* =BASE 7 ----------------------------------------------------*/ 8 9body { 10 background: __bg_all__; 11 overflow-x: hidden; 12} 13 14a,a:hover {color: __text__;} 15a:hover {text-decoration: underline;} 16a {text-decoration: none;} 17 18/* =HEADER 19 ----------------------------------------------------*/ 20 21#icke__header { 22 background: __bg_header__ url(images/layout/head_gradient.jpg) top left repeat-x; 23 height: 126px; 24 overflow: hidden; 25 padding: 0 1em; 26} 27 28#icke__header .logo { 29 border-right: 1px solid __logo_border__; 30 float: left; 31 height: 126px; 32 width: 100px; 33} 34 35#icke__header h5 { 36 color: __link__; 37 font-size: 28px; 38 font-weight: bold; 39 float: left; 40 left: 135px; 41 line-height: 1.3em; 42 position: absolute; 43 top: 30px; 44 padding-right: 200px; 45} 46 47#icke__header h5 span { 48 color: __text__; 49 font-size: 18px; 50 font-weight: normal; 51 line-height: 1.15em; 52} 53 54#icke__header .branding { 55 background: __background__ url(images/logos/icke_logo.png) center center no-repeat; 56 width: 180px; 57 height: 125px; 58 text-indent: -9999px; 59 float: right; 60 display: block; 61} 62 63/* =WRAPPER 64 ----------------------------------------------------*/ 65 66#icke__wrapper { 67 background: transparent url(images/layout/wrap_shadow_x_top.png) top left repeat-x; 68} 69 70/* =QUICKNAV 71 ----------------------------------------------------*/ 72 73#icke__quicknav { 74 float: left; 75 margin: 2em 0; 76 left: 0; 77 width: 10em; 78 position: absolute; 79} 80 81/* first-level navigation */ 82#icke__quicknav li { 83 margin: 0 auto; 84 padding: 5px; 85 position: relative; 86 width: 50px; 87} 88 89#icke__quicknav li.separator { 90 border-top: 1px solid __nav_seperator__; 91 margin-top: 0.5em; 92 padding-top: 0.5em; 93} 94 95/* =PAGE 96 ----------------------------------------------------*/ 97 98#icke__wrapper .wrap { 99 background: transparent url(images/layout/wrap_shadow_y_left.png) top left repeat-y; 100 margin: 0 0 0 9.7em; 101 padding: 0 0 0 14px; 102} 103 104#icke__page { 105 background: transparent url(images/layout/wrap_shadow_y_right.png) top right repeat-y; 106 margin: 0 18.6em 0 0; 107 padding: 0 1.4em 0 0; 108 /* Sidebar falls into content on page preview in IE sometimes without this */ 109 position: relative; 110} 111 112/* drophead */ 113#icke__page #icke__drophead { 114 background: __link__ url(images/layout/wrap_shadow_x_top.png) top left repeat-x; 115 color: __background__; 116 overflow: hidden; 117 padding: 0.5em 2.5em 0.5em 2em; 118} 119 120/* document-meta */ 121#icke__page .content p.meta { 122 line-height: 1.2em; 123 margin: 0; 124} 125 126#icke__page p.meta .lastmod { 127 font-size: 0.9em; 128 color: __mediumgray__; 129} 130 131#icke__page p.meta .author { 132 color: __meta_text__; 133 font-size: 0.8em; 134 text-decoration: none; 135} 136 137#icke__page p.meta .author:hover { 138 border-bottom: 1px dotted __meta_text__; 139} 140 141#icke__page p.meta .subscribe { 142 position: absolute; 143 right: 40px; 144} 145 146#icke__page p.meta #plugin__starred { 147 position: absolute; 148 right: 60px; 149} 150 151/* =FOOTER 152 ----------------------------------------------------*/ 153 154#icke__footer { 155 color: __content_bg__; 156} 157 158#icke__footer .page_toolbar { 159 background: __content_bg__; 160 border-top: 1px solid __border_alt__; 161 height: 45px; 162 padding: 0.25em 2.5em 0.25em 2em; 163 position: relative; 164} 165 166#icke__footer .footer_toolbar { 167 background: __border_alt__ url(images/layout/footer_gradient.jpg) top left repeat-x; 168 height: 17px; 169 padding: 6px 2.5em 0 2em; 170} 171 172#icke__footer .footer_toolbar p { 173 margin: 0 0 0.5em 0; 174 float: left; 175} 176 177#icke__footer .footer_toolbar a { 178 color: __lighter_gray__; 179 margin: 0 0.25em; 180 text-decoration: none; 181} 182 183#icke__footer .footer_toolbar a:hover { 184 border-bottom: 1px dotted __content_bg__; 185} 186 187#icke__footer .footer_toolbar .copy { 188 text-align: right; 189 float: none; 190} 191 192/* =SIDEBAR 193 ----------------------------------------------------*/ 194 195#icke__sidebar { 196 float: right; 197 padding: 0 1em 0 0; 198 width: 190px; 199} 200 201/* default sideclip */ 202#icke__sidebar .sideclip { 203 -moz-border-radius-topright: 10px; 204 -opera-border-top-right-radius: 10px; 205 -webkit-border-top-right-radius: 10px; 206 border-top-right-radius: 10px; 207 -moz-border-radius-bottomright: 10px; 208 -opera-border-bottom-right-radius: 10px; 209 -webkit-border-bottom-right-radius: 10px; 210 border-bottom-right-radius: 10px; 211 background: __content_bg__ url(images/layout/wrap_shadow_y_right.png) top left repeat-y; 212 margin: 2em 0; 213 padding: 1em; 214} 215 216#icke__sidebar h2, 217#icke__sidebar h3 { 218 border-bottom: 1px solid __mediumgray__; 219 font-size: 1.3em; 220 font-weight: bold; 221 margin: 0 0 0.75em; 222} 223 224#icke__sidebar h3 { 225 font-size: 1.2em; 226 margin-top: 1em; 227} 228 229#icke__sidebar table { 230 font-size: 1.2em; 231 line-height: 1.4em; 232} 233 234#icke__sidebar table th { 235 background-color: __table_head__; 236 font-weight: bold; 237 text-align: left; 238 padding: 0.5em 0; 239} 240 241#icke__sidebar table td { 242 padding: 0 0.5em 0 0; 243} 244 245/* logon */ 246#icke__sidebar .logon { 247 background: __background__ url(images/layout/wrap_shadow_x_top.png) top left repeat-x; 248 -moz-border-radius-bottomleft: 10px; 249 -opera-border-bottom-right-radius: 10px; 250 -webkit-border-bottom-right-radius: 10px; 251 border-bottom-right-radius: 10px; 252 -moz-border-radius-bottomright: 10px; 253 -opera-border-bottom-left-radius: 10px; 254 -webkit-border-bottom-left-radius: 10px; 255 border-bottom-left-radius: 10px; 256 margin: 0 0 0 1em; 257 padding: 1em 1em 0.5em 1em; 258 display: flex; 259 justify-content: space-between; 260 flex-wrap: wrap; 261} 262 263#icke__sidebar .logon .profile { 264 color: __mediumgray__; 265 display: block; 266 font-size: 1.2em; 267 font-weight: bold; 268 line-height: 1.3em; 269 text-decoration: none; 270} 271 272#icke__sidebar .logon .logout { 273 background: transparent url(images/icons/logout.png) top left no-repeat; 274 display: block; 275 height: 18px; 276 text-indent: -9999px; 277 width: 18px; 278} 279 280#icke__sidebar .logon .login { 281 background: transparent url(images/icons/login.png) center left no-repeat; 282 font-size: 200%; 283 padding-left: 25px; 284 color: __mediumgray__; 285} 286 287#icke__sidebar .logon .icke__noopentasks, 288#icke__sidebar .logon .icke__opentasks, 289#icke__sidebar .logon .icke__opentask { 290 clear: both; 291 padding-top: 0.5em; 292 font-size: 1.2em; 293 display: block; 294 text-align: center; 295 flex-basis: 100%; 296} 297 298#icke__sidebar .logon .icke__opentasks, 299#icke__sidebar .logon .icke__opentasks:hover, 300#icke__sidebar .logon .icke__opentask, 301#icke__sidebar .logon .icke__opentask:hover { 302 color: red; 303 font-weight: bold; 304} 305 306/* search */ 307#icke__sidebar .search { 308 -moz-border-radius: 10px; 309 -webkit-border-radius: 10px; 310 -opera-border-radius: 10px; 311 border-radius: 10px; 312 background-color: __background__; 313 margin: 2em 0 1em 1em; 314 padding: 0.5em 0.5em 0; 315 /* Fix z-index of #fancysearch__ns_custom ul in IE 7 */ 316 z-index: 21; 317 /* Fix too high search section in IE 7 */ 318 position: relative; 319} 320#icke__sidebar .search #fancysearch__ns_custom { 321 background: transparent url(images/icons/search_drop.png) right center no-repeat; 322 float: left; 323 height: 25px; 324 position: relative; 325 width: 47px; 326} 327 328#icke__sidebar .search #fancysearch__ns_custom.closed { 329 overflow-y: hidden; 330 overflow-x: visible; 331 cursor: pointer; 332} 333 334#icke__sidebar .search #fancysearch__ns_custom ul { 335 -moz-border-radius: 5px; 336 -webkit-border-radius: 10px; 337 -opera-border-radius: 10px; 338 border-radius: 10px; 339 background: __content_bg__; 340 border: 1px solid __mediumgray__; 341 left: 0px; 342 padding: 0 1px; 343 position: absolute; 344 top: 0px; 345 width: 28px; 346 z-index: 20; 347 cursor: pointer; 348} 349 350#icke__sidebar .search #fancysearch__ns_custom.closed ul { 351 background-color: transparent; 352 border: 0; 353} 354 355#icke__sidebar .search #fancysearch__ns_custom ul li { 356 height: 30px; 357 overflow: hidden; 358} 359 360#icke__sidebar .search .query { 361 border: 1px solid __text_other__; 362 float: left; 363 margin: 0.25em 0.25em 0 0.5em; 364 padding: 0 2px; 365 width: 52%; 366} 367 368#icke__sidebar .search .submit { 369 background: transparent url(images/icons/btn_search.png) center center no-repeat; 370 border: 0; 371 height: 25px; 372 margin: 0 0 0.25em; 373 padding: 0; 374 text-indent: -9999px; 375 width: 10%; 376 cursor: pointer; 377 378} 379 /** ie6,7 text indent fix**/ 380* html #icke__sidebar .search .submit { 381 line-height: 0px; 382} 383 384*:first-child+html #icke__sidebar .search .submit { 385 line-height: 0px; 386} 387 388/* table of contents */ 389#icke__sidebar .table_of_contents { 390 -moz-border-radius-topright: 10px; 391 -opera-border-top-right-radius: 10px; 392 -opera-border-bottom-right-radius: 10px; 393 -moz-border-radius-bottomright: 10px; 394 -webkit-border-top-right-radius: 10px; 395 -webkit-border-bottom-right-radius: 10px; 396 border-top-right-radius: 10px; 397 border-bottom-right-radius: 10px; 398 background: __content_bg__ none; 399 margin: 2em 0 3em; 400 z-index: 1; /* Above content, but below quicksearch */ 401 position: relative; 402} 403 404#dw__toc h3.toggle { 405 display: none; 406} 407 408#icke__sidebar .toc li li { 409 display: block; 410} 411 412#icke__sidebar .toc li li li { 413 margin-left: 1em; 414} 415 416#icke__sidebar .toc li.level1 > div.li { 417 border-bottom: 1px solid __mediumgray__; 418 font-weight: bold; 419 padding-bottom: 0em; 420 margin-bottom: 0.8em; 421} 422 423#icke__sidebar .sideclip h1, 424#icke__sidebar .sideclip h3, 425#icke__sidebar .table_of_contents h2, 426#icke__sidebar .table_of_contents h3 { 427 border-bottom: 1px solid __mediumgray__; 428 font-size: 1.3em; 429 font-weight: bold; 430 margin: 0.8em 0 0.55em; 431} 432 433#toc__toggle { 434 display: none; 435} 436 437/* table of contents - toc */ 438 439#icke__sidebar .sideclip div.li { 440 padding-bottom: 0.8em; 441 display: block; 442} 443 444#icke__sidebar .sideclip ul li a, 445#icke__sidebar .table_of_contents ul.toc li a { 446 color: __mediumgray__; 447 font-size: 1.3em; 448 line-height: 1em; 449} 450 451#icke__sidebar .sideclip ul li a:hover, 452#icke__sidebar .table_of_contents ul.toc li a:hover { 453 color: __toc_hover__; 454} 455 456#icke__sidebar .table_of_contents ul.toc li .edit { 457 background: transparent url(images/icons/edit.png) top left no-repeat; 458 display: none; 459 height: 14px; 460 text-indent: -9999px; 461 width: 14px; 462} 463 464#icke__sidebar .table_of_contents ul.toc li:hover .edit { 465 display: block; 466 float: right; 467} 468 469#icke__sidebar .sideclip p .wikilink1 { 470 line-height: 1.4em; 471 font-size: 1.2em; 472} 473 474#icke__page .content a.wikilink2 { 475 color: __wiki_lnk__; 476} 477 478#icke__page .content a.wikilink2:visited { 479 color: __wiki_lnk__; 480} 481 482#icke__page .content a.urlextern { 483 padding-right: 17px; 484 background: transparent url(images/icons/extlink.png) center right no-repeat; 485} 486#icke__page .content a.urlextern:visited { 487 padding-right: 17px; 488 background: transparent url(images/icons/extlink_visited.png) center right no-repeat; 489} 490 491div.insitu-footnote { 492 -moz-border-radius: 5px; 493 -opera-border-radius: 5px; 494 -webkit-border-radius: 5px; 495 border-radius: 5px; 496 background-color:__background_other__; 497 border:1px solid __border__; 498 line-height:1.2em; 499 max-width:40%; 500 padding:6px; 501 text-align:left; 502 font-size: 1.2em; 503 z-index: 60; 504} 505 506/* table of contents - tags */ 507#icke__sidebar .table_of_contents ul.tags { 508 line-height: 1.6em; 509} 510 511#icke__sidebar .table_of_contents ul.tags li { 512 display: inline; 513 margin: 0 0.5em 0 0; 514} 515 516#icke__sidebar .table_of_contents ul.tags .tag_3 { 517 font-size: 1.5em; 518} 519#icke__sidebar .table_of_contents ul.tags .tag_2 { 520 font-size: 1.2em; 521} 522#icke__sidebar .table_of_contents ul.tags .tag_1 { 523 font-size: 1.0em; 524} 525 526div.success, div.error, div.info, div.notify { 527 line-height: 22px; 528 background-position: 7px center; 529 font-family: verdana, sans-serif; 530 border: none; 531 padding: 3px 3px 3px 30px; 532 font-size: 12px; 533 border: none; 534} 535 536div.clearer { 537 clear: left; 538} 539 540#icke__page #page__revisions span.user { 541 font-style: italic; 542} 543 544#icke__page del { 545 text-decoration: line-through; 546} 547 548div.pagenav-prev { 549 float: left; 550} 551div.pagenav-next { 552 float: right; 553} 554 555/* disabled sidebar */ 556div.act_media #icke__sidebar { 557 display: none; 558} 559div.act_media #icke__page { 560 margin: 0; 561} 562 563#icke__page .search_results { 564 font-size: 130%; 565} 566