1/** 2 * codologic CSS 3 * 4 * @link http://codologic.com 5 * 6 * Author: Avinash D'Silva <avinash.roshan.dsilva@gmail.com|codologic.com> 7 * 8 * Previous Authors: 9 * @author Anika Henke <anika@selfthinker.org> 10 * @author Clarence Lee <clarencedglee@gmail.com> 11 * @license GPL 2 (http://www.gnu.org/licenses/gpl.html) 12 */ 13 14 15#dokuwiki__header { 16 padding: 2em 0 1.5em; 17 18 .headings, 19 .tools { 20 margin-bottom: 1.5em; 21 width: 49%; 22 } 23 .tools { 24 margin-top: .2em; 25 } 26 27 h1 { 28 margin: 0; 29 font-size: 1.5em; 30 font-weight: normal; 31 32 img { 33 float: left; 34 margin-right: .5em; 35 } 36 37 span { 38 display: block; 39 padding-top: 10px; 40 } 41 42 a { 43 text-decoration: none; 44 color: @ini_text; 45 background-color: inherit; 46 } 47 } 48 49 p.claim { 50 margin-bottom: 0; 51 font-size: 0.875em; 52 } 53} 54 55[dir=rtl] #dokuwiki__header h1 img { 56 float: right; 57 margin-left: .5em; 58 margin-right: 0; 59} 60 61/* tools 62********************************************************************/ 63 64/* highlight selected tool */ 65.mode_admin a.action.admin, 66.mode_login a.action.login, 67.mode_register a.action.register, 68.mode_profile a.action.profile, 69.mode_recent a.action.recent, 70.mode_index a.action.index, 71.mode_media a.action.media, 72.mode_revisions a.action.revs, 73.mode_backlink a.action.backlink, 74.mode_subscribe a.action.subscribe { 75 font-weight: bold; 76} 77 78#dokuwiki__header .tools { 79 ul { 80 padding-left: 0; 81 margin-bottom: 0; 82 } 83 84 li { 85 font-size: 0.875em; 86 margin-left: 1em; 87 list-style: none; 88 display: inline; 89 } 90 91 form.search div.ajax_qsearch li { 92 font-size: 1em; 93 margin-left: 0; 94 display: block; 95 overflow: hidden; 96 97 text-overflow: ellipsis; 98 } 99} 100 101[dir=rtl] #dokuwiki__header .tools li { 102 margin-right: 1em; 103 margin-left: 0; 104} 105 106#dokuwiki__usertools a.action { 107 padding-left: 20px; 108 background: transparent url(images/usertools.png) no-repeat 0 0; 109} 110 111[dir=rtl] #dokuwiki__usertools a.action { 112 padding-left: 0; 113 padding-right: 20px; 114} 115 116[dir=rtl] #IE7 #dokuwiki__usertools a.action { 117 display: inline-block; 118} 119 120#dokuwiki__header .mobileTools { 121 display: none; /* hide mobile tools dropdown to only show in mobile view */ 122} 123 124/*____________ user tools ____________*/ 125 126#dokuwiki__usertools { 127 position: absolute; 128 top: .5em; 129 right: .5em; 130 text-align: right; 131 width: 100%; 132 133 ul { 134 margin: 0 auto; 135 padding: 0; 136 max-width: @ini_site_width; 137 } 138 139 a.action.admin { 140 background-position: left 0; 141 } 142 143 a.action.profile { 144 background-position: left -32px; 145 } 146 147 a.action.register { 148 background-position: left -64px; 149 } 150 151 a.action.login { 152 background-position: left -96px; 153 } 154 155 a.action.logout { 156 background-position: left -128px; 157 } 158} 159 160[dir=rtl] #dokuwiki__usertools { 161 text-align: left; 162 left: 40px; 163 right: auto; 164 165 a.action.admin { 166 background-position: right 0; 167 } 168 169 a.action.profile { 170 background-position: right -32px; 171 } 172 173 a.action.register { 174 background-position: right -64px; 175 } 176 177 a.action.login { 178 background-position: right -96px; 179 } 180 181 a.action.logout { 182 background-position: right -128px; 183 } 184} 185 186/*____________ site tools ____________*/ 187 188#dokuwiki__sitetools { 189 text-align: center; 190 191 form.search { 192 display: block; 193 font-size: 0.875em; 194 position: relative; 195 196 input.edit { 197 width: 19em; 198 border-radius:12px; 199 outline:none; 200 201 padding: .35em 22px .35em .1em; 202 padding-left:5px; 203 } 204 205 .ajax_qsearch{ 206 display:none; 207 position:static; 208 margin-top:12px; 209 background: #FFFFFF; 210 ul{ 211 text-align:right; 212 213 a{color:#2b73b7;} 214 } 215 } 216 217 input.button, button { 218 background: transparent url(images/search.png) no-repeat 0 0; 219 border-width: 0; 220 width: 19px; 221 height: 14px; 222 text-indent: -99999px; 223 margin-left: -20px; 224 box-shadow: none; 225 padding: 0; 226 } 227 } 228 229 ul { 230 margin-top: 0.5em; 231 } 232 233} 234 235[dir=rtl] #dokuwiki__sitetools { 236 text-align: left; 237 238 form.search { 239 input.edit { 240 padding: .35em .1em .35em 22px; 241 } 242 243 244 245 input.button { 246 background-position: 5px 0; 247 margin-left: 0; 248 margin-right: -20px; 249 position: relative; 250 } 251 } 252} 253 254#IE7 #dokuwiki__sitetools form.search { 255 min-height: 1px; 256 z-index: 21; 257} 258 259/*____________codo wiki ______________*/ 260 261@pad_side:4px; 262 263.codowiki_west{ 264 265background:#343131 !important; 266} 267 268.codo_active{ 269 270 271 background:#FFF; 272 color:black !important; 273 font-weight:bold; 274 275 276} 277 278.codo_side_content{ 279 ul{ 280 padding:0px; 281 } 282 li{ 283 284 285 286 a{ 287 display:block; 288 color:#b3b3b3; 289 } 290 291 a:hover{ 292 text-decoration:none; 293 background:#4e4a4a; 294 } 295 296 297 margin:0; 298 } 299 300} 301 302 303.codowiki_west_header{ 304 305background-color: #2980B9; 306text-align: center; 307color: #FCFCFC; 308 309a{ 310 311color:#FCFCFC; 312text-decoration:none !important; 313 314} 315 316 317 318h1{ 319font-size:12pt; 320 321margin: 20px 0px 20px 0px; 322 323 span{ 324 position: relative; 325 top: 1px; 326 } 327 328} 329 330} 331 332#codowiki_search_ul{ 333 334 text-align:center; 335 padding: 0 0 0 0; 336 padding-bottom:5px; 337 338 ul { 339 margin-top: 0; 340 341 } 342 343 li{ 344 font-size:10px; 345 display:inline; 346 list-style:none; 347 margin:0 0 0 0; 348 margin-right:6px; 349 } 350 351} 352 353/*remove the padding from the plugin 354refer:http://stackoverflow.com/questions/3293771/how-to-get-rid-of-margins-in-jquery-layout 355*/ 356.ui-layout-pane { 357 padding: 0px !important; 358} 359 360 361/*____________ breadcrumbs ____________*/ 362 363.dokuwiki div.breadcrumbs { 364 border-top: 1px solid @ini_border; 365 border-bottom: 1px solid @ini_background; 366 margin-bottom: .5em; 367 font-size: 0.875em; 368 clear: both; 369 370 div { 371 padding: .1em .35em; 372 } 373 374 div:only-child { 375 border-top: 1px solid @ini_background; 376 border-bottom: 1px solid @ini_border; 377 } 378 379 div:first-child { 380 border-top: 1px solid @ini_background; 381 } 382 383 div:last-child { 384 border-bottom: 1px solid @ini_border; 385 } 386 387 a { 388 color: @ini_link; 389 background-color: inherit; 390 } 391 392 .bcsep { 393 font-size: 0.75em; 394 } 395} 396 397#IE7 .dokuwiki div.breadcrumbs div, 398#IE8 .dokuwiki div.breadcrumbs div { 399 border-bottom: 1px solid @ini_border; 400} 401 402/* sidebar 403********************************************************************/ 404 405#dokuwiki__aside { 406 407 > .pad { 408 font-size: 0.875em; 409 overflow: hidden; 410 word-wrap: break-word; 411 } 412 413 /* make sidebar more condensed */ 414 415 h1 { 416 font-size: 1.714em; 417 margin-bottom: .292em; 418 } 419 420 h2 { 421 margin-bottom: .333em; 422 } 423 424 h3 { 425 margin-bottom: .444em; 426 } 427 428 h4 { 429 margin-bottom: .5em; 430 } 431 432 h5 { 433 margin-bottom: .5714em; 434 } 435 436 p, 437 ul, 438 ol, 439 dl, 440 pre, 441 table, 442 fieldset, 443 hr, 444 blockquote, 445 address { 446 margin-bottom: .7em; 447 } 448 449 ul, 450 ol { 451 padding-left: .5em; 452 } 453 454 li ul, 455 li ol { 456 margin-bottom: 0; 457 padding: 0; 458 } 459 460 a:link, 461 a:visited { 462 color: @ini_link; 463 background-color: inherit; 464 } 465} 466 467[dir=rtl] #dokuwiki__aside ul, 468[dir=rtl] #dokuwiki__aside ol { 469 padding-right: .5em; 470} 471 472/* content 473********************************************************************/ 474 475.dokuwiki .pageId { 476 position: absolute; 477 top: -2.3em; 478 right: -1em; 479 overflow: hidden; 480 padding: 1em 1em 0; 481 482 span { 483 font-size: 0.875em; 484 border: solid @ini_background_alt; 485 border-width: 1px 1px 0; 486 background-color: @ini_background; 487 color: @ini_text_alt; 488 padding: .1em .35em; 489 border-top-left-radius: 2px; 490 border-top-right-radius: 2px; 491 box-shadow: 0 0 .5em @ini_text_alt; 492 display: block; 493 } 494} 495 496.dokuwiki div.page { 497 background: @ini_background; 498 color: inherit; 499 /*border: 1px solid @ini_background_alt; 500 box-shadow: 0 0 .5em @ini_text_alt; 501 border-radius: 2px;*/ 502 padding: 1.556em 2em 2em; 503 margin-bottom: .5em; 504 overflow: hidden; 505 word-wrap: break-word; 506} 507 508.dokuwiki .docInfo { 509 font-size: 0.875em; 510 text-align: right; 511} 512 513/* license note under edit window */ 514.dokuwiki div.license { 515 font-size: 93.75%; 516} 517 518[dir=rtl] .dokuwiki .docInfo { 519 text-align: left; 520} 521 522[dir=rtl] .dokuwiki .pageId { 523 right: auto; 524 left: -1em; 525} 526 527/* footer 528********************************************************************/ 529 530.dokuwiki .wrapper { 531 margin-bottom: 1.4em; 532} 533 534#dokuwiki__footer { 535 /* margin-bottom: 1em;*/ 536 text-align: center; 537 538 > .pad { 539 font-size: 0.875em; 540 padding-top:4px; 541 } 542 543 div.license { 544 margin-bottom: 0.5em; 545 font-size: 100%; 546 } 547 548 div.buttons a { 549 img { 550 opacity: 0.5; 551 } 552 553 &:hover img, 554 &:active img, 555 &:focus img { 556 opacity: 1; 557 } 558 } 559 560} 561 562[dir=rtl] #dokuwiki__footer .license img { 563 margin: 0 0 0 .5em; 564} 565