1/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"'); */ 2 3html { 4 box-sizing: border-box; 5 text-rendering: optimizeLegibility; 6 -webkit-font-smoothing: antialiased; 7 background-color: __background__; 8 background-attachment: fixed; 9 background-position: center center; 10} 11 12 13.test { 14 border: 1px solid red; 15} 16 17textarea#wiki__text { 18 font-family: "Source Code Pro", "Roboto Mono", "Noto Mono", Monospace, Monaco, "Lucida Console", "DejaVu Sans Mono", "Droid Sans Mono", Courier, Consolas, Fixed, Fixedsys; 19} 20 21 ::-webkit-scrollbar { 22 width: 0.75rem; 23 height: 0.75rem; 24} 25 26 ::-webkit-scrollbar-track { 27 background-color: __background__; 28} 29 30 ::-webkit-scrollbar-thumb { 31 background-color: __border__; 32 border-radius: 0.75rem; 33} 34 35 ::-webkit-scrollbar-thumb:hover { 36 background: __theme_color__; 37} 38 39 ::-webkit-scrollbar-button:start:decrement, 40 ::-webkit-scrollbar-button:end:increment { 41 width: 0; 42 height: 0; 43} 44 45*, 46 :after, 47 :before { 48 box-sizing: inherit; 49} 50 51 52/* '' '' code tag */ 53 54div.dokuwiki h3, 55div.dokuwiki .level3 { 56 margin-left: 1rem; 57} 58 59div.dokuwiki h4, 60div.dokuwiki .level4 { 61 margin-left: 2rem; 62} 63 64div.dokuwiki code { 65 color: __highlight__; 66 background: transparent; 67} 68 69div.dokuwiki div.tags { 70 clear: none 71} 72 73.dokuwiki .search_hit { 74 color: #fff; 75 background-color: transparent; 76 border-bottom: 1px dashed yellow; 77} 78 79.text-center { 80 text-align: center; 81} 82 83#dw__toc h3 { 84 margin: 0; 85 font-family: Arial, sans-serif; 86} 87 88#dokuwiki__header { 89 justify-content: space-between; 90 flex: 1 1 auto; 91 width: 100%; 92 position: fixed; 93 left: 0; 94 right: 0; 95 top: 0; 96 /* background-color: __background__; */ 97 transition: top 0.3s; 98 /* Transition effect when sliding down (and up) */ 99 z-index: 9; 100} 101 102#dw__search { 103 align-items: center; 104 -js-display: flex; 105 display: flex; 106 position: relative; 107 z-index: 1; 108 text-align: Center; 109} 110 111#dw__search button { 112 /* text-indent: -9999px; */ 113 border-radius: 1rem; 114 height: 1.5rem; 115} 116 117#dw__search button:after { 118 text-indent: 0; 119} 120 121.dokuwiki a:hover { 122 background-color: __background_alt__; 123 border-radius: 0.5rem; 124} 125 126strong { 127 color: __text_neu__; 128} 129 130 131/* 이전 판 */ 132 133.dokuwiki .sizechange { 134 color: black; 135} 136 137#dw__toc { 138 border-radius: 0.5rem; 139 opacity: 0.7; 140 background-color: #111; 141} 142 143.dokuwiki button { 144 border: none; 145 border-radius: 0.25rem; 146 background-color: __background_alt__; 147 padding: 0.25rem 0.5rem; 148} 149 150.editButtons button { 151 background-color: #a52802; 152 color: __text_neu__; 153} 154 155.dokuwiki input:focus, 156.dokuwiki button:focus, 157.dokuwiki textarea:focus, 158.dokuwiki input:hover, 159.dokuwiki button:hover, 160.dokuwiki textarea:hover { 161 background-color: __background_neu__; 162} 163 164.editButtons button:focus, 165.editButtons button:hover { 166 background-color: #bd2d02; 167} 168 169#edbtn__save { 170 background-color: #025aa5; 171} 172 173#edbtn__save:focus, 174#edbtn__save:hover { 175 background-color: #0169c4; 176} 177 178#edbtn__preview { 179 background-color: #02a55a; 180} 181 182#edbtn__preview:focus, 183#edbtn__preview:hover { 184 background-color: #00bb64; 185} 186 187#wiki__editbar img { 188 opacity: 0.8; 189} 190 191#wiki__editbar img:hover { 192 opacity: 1; 193} 194 195#dw__editform { 196 display: inline-block; 197} 198 199.table { 200 overflow-x: auto; 201} 202 203.dokuwiki .section_highlight { 204 background-color: __background_alt__; 205 border-radius: 0.5rem; 206 border: none; 207} 208 209 210/* Plugins */ 211 212.dokuwiki .wrap_alert { 213 background-color: #452929; 214} 215 216.dokuwiki .wrap_info { 217 background-color: #293a45; 218} 219 220.dokuwiki .wrap_important { 221 background-color: #6e5435 222} 223 224.dokuwiki .wrap_tip { 225 background-color: #353100; 226} 227 228.dokuwiki .plugin_prosemirror_useWYSIWYG { 229 /* right: 0px; */ 230 /* padding: 0.25rem; */ 231 /* background-color: #bbbbbf; */ 232 top: 6rem; 233} 234 235.dokuwiki .plugin_prosemirror_useWYSIWYG:hover, 236.dokuwiki .plugin_prosemirror_useWYSIWYG:focus { 237 /* background-color: gold; */ 238} 239 240element.style { 241 width: auto; 242 min-height: 0; 243 max-height: none; 244 height: auto; 245} 246 247.dokuwiki .ui-widget-content { 248 background-color: __background__; 249 color: __text__; 250} 251 252 253/* Tool bar */ 254 255#tool__bar button { 256 background-color: #969699; 257 line-height: 1; 258 border-right: 1px dashed #808088; 259} 260 261#tool__bar button:hover { 262 background-color: grey; 263} 264 265#tool__bar button { 266 border-radius: 0; 267} 268 269#tool__bar button:first-child { 270 border-radius: 0.25rem 0 0 0.25rem; 271} 272 273#tool__bar button:last-child { 274 border-radius: 0 0.25rem 0.25rem 0; 275} 276 277#dokuwiki__aside li .li { 278 text-overflow: ellipsis; 279 white-space: nowrap; 280 overflow: hidden; 281} 282 283#dokuwiki__aside>.pad { 284 margin: 1rem 1rem 4rem 1rem; 285} 286 287 288/* debug */ 289 290#dokuwiki__header { 291 /* border: 1px red solid; */ 292} 293 294#dokuwiki__header .headings img { 295 height: 3rem; 296} 297 298 299/*모바일에서 너무 길게 나와서 100%로 수정함 */ 300 301.dokuwiki fieldset, 302#subscribe__form, 303#subscribe__form fieldset { 304 width: 100%; 305 max-width: 100%; 306} 307 308 309/* 우측위 */ 310 311#dokuwiki__usertools { 312 z-index: 8; 313} 314 315 316/* 우측아래 도구 */ 317 318#dokuwiki__pagetools { 319 border: none; 320 background: transparent; 321} 322 323#dokuwiki__pagetools a { 324 text-decoration: none; 325 /* Better Font Rendering =========== */ 326 -webkit-font-smoothing: antialiased; 327 -moz-osx-font-smoothing: grayscale; 328} 329 330#dokuwiki__pagetools ul { 331 padding: 0; 332 margin-right: 0.5rem; 333} 334 335#dokuwiki__pagetools ul li { 336 display: block; 337 margin: 0 auto; 338} 339 340#dokuwiki__pagetools ul li.action a { 341 float: right; 342 background-color: __background_alt__; 343 border-radius: 1rem; 344 padding: 0.5rem 1rem; 345 margin: 0.25rem; 346 text-align: right; 347} 348 349#dokuwiki__pagetools ul li.action a:after { 350 padding-left: 0.5rem; 351 color: __theme_color__; 352 font-family: 'icomoon' !important; 353} 354 355#dokuwiki__pagetools ul li.action a:hover, 356#dokuwiki__pagetools ul li.action a:hover:after { 357 /* background-color: __theme_color__; */ 358 color: __link__; 359} 360 361#dokuwiki__pagetools ul li.create a:after { 362 /* content: "\270E"; */ 363 content: "\e908"; 364} 365 366#dokuwiki__pagetools ul li.source a:after { 367 /* content: "\270E"; */ 368 content: "\e905"; 369} 370 371#dokuwiki__pagetools ul li.edit a:after { 372 /* content: "\270E"; */ 373 content: "\e907"; 374} 375 376#dokuwiki__pagetools ul li.show a:after { 377 /* content: " \1f441"; */ 378 content: "\e909"; 379 font-family: 'icomoon' !important; 380} 381 382#dokuwiki__pagetools ul li.revs a:after { 383 content: "\e904"; 384 font-family: 'icomoon' !important; 385} 386 387#dokuwiki__pagetools ul li.backlink a:after { 388 content: "\e90d"; 389 font-family: 'icomoon' !important; 390} 391 392#dokuwiki__pagetools ul li.subscribe a:after { 393 content: "\e911"; 394 font-family: 'icomoon' !important; 395} 396 397#dokuwiki__pagetools ul li.top a:after { 398 content: "\e921"; 399 font-family: 'icomoon' !important; 400} 401 402#dokuwiki__pagetools ul li.menuitem a:after { 403 content: "\e923"; 404 font-family: 'icomoon' !important; 405} 406 407#dokuwiki__sitetools { 408 padding: 0.5rem 0; 409 margin: 0; 410 background-color: __background_alt__; 411} 412 413#dokuwiki__sitetools ul { 414 padding: 0; 415 margin: 0; 416 list-style: none; 417} 418 419#dokuwiki__sitetools ul li a:before, 420#dokuwiki__usertools ul li a:before { 421 padding-right: 0.5rem; 422 color: __theme_color__; 423 font-family: 'icomoon' !important; 424} 425 426#dokuwiki__sitetools ul li.index a:before { 427 content: "\e91a"; 428} 429 430#dokuwiki__sitetools ul li.media a:before { 431 content: "\e90c"; 432} 433 434#dokuwiki__sitetools ul li.recent a:before { 435 content: "\e900"; 436} 437 438#dokuwiki__usertools { 439 position: relative; 440} 441 442#dokuwiki__usertools ul { 443 list-style: none; 444 padding: 0; 445} 446 447#dokuwiki__usertools ul li.register a:before { 448 content: "\e917"; 449} 450 451#dokuwiki__usertools ul li.login a:before { 452 content: "\e90f"; 453} 454 455#dokuwiki__usertools ul li.logout a:before { 456 content: "\e910"; 457} 458 459#dokuwiki__usertools ul li.profile a:before { 460 content: "\e90a"; 461} 462 463#dokuwiki__usertools ul li.admin a:before { 464 content: "\e919"; 465} 466 467 468/* @media (min-width: 960px) { 469 #dokuwiki__header .headings, 470 #dw__search, 471 .dokuwiki .tools { 472 flex-basis: 33.3333333333%; 473 flex-grow: 0; 474 max-width: 33.3333333333%; 475 476 477 478} 479 480} 481*/ 482 483.tools .user a {} 484 485.tools .login a { 486 color: __theme_color__; 487 font-family: 'icomoon' !important; 488 font-size: 2rem; 489} 490 491#qsearch__out { 492 top: 3rem; 493 left: -1rem; 494 width: 21rem; 495} 496 497#link__wiz, 498.ui-widget, 499.ui-widget input, 500.ui-widget.ui-widget-content, 501.ui-widget-content { 502 background-color: __background_alt__; 503 color: __text__; 504 border-color: rgba(100, 100, 100, 0.3); 505} 506 507.ui-button { 508 background: none; 509} 510 511.ui-dialog-buttonset button:first-child { 512 background-color: red; 513 border: none; 514} 515 516.ui-dialog-buttonset button:nth-child(2) { 517 background-color: green; 518 border: none; 519} 520 521.dokuwiki div.ui-admin ul li { 522 font-weight: normal; 523} 524 525#dokuwiki__aside ul { 526 padding: 0 527} 528 529#dokuwiki__aside p { 530 margin: 0 531} 532 533pre { 534 border-color: __theme_color__; 535} 536 537#smartbtn a { 538 /* float: right; */ 539 padding: 0.5rem; 540 margin: 0.25rem; 541 color: __theme_color__; 542 font-family: 'icomoon' !important; 543 font-size: 2rem; 544} 545 546#smartbtn a:hover { 547 text-decoration: none; 548 background: none; 549} 550 551div.dokuwiki div#disqus__thread 552{ width:100%!important;} 553 554div.dokuwiki img.medialeft { 555 border-radius:0.25rem; 556} 557 558div.dokuwiki a:link { 559 display:inline-block; 560} 561