1@charset "utf-8"; 2 3 body { 4 position: static; 5 color: __text__; 6 overflow-x: hidden; 7 8 -webkit-text-size-adjust:none; 9 font-size: __font_size__; 10 } 11 12 body, 13 h1, 14 h2, 15 h3, 16 h4, 17 h5 { 18 clear: left; 19 font-family: /*'Roboto',*/'Noto Sans KR',"나눔고딕","Nanum Gothic","맑은 고딕", 'Malgun Gothic', arial!important; 20 } 21 22 blockquote { 23 border-left: 5px solid #e6c700!important; 24 background: -webkit-gradient(linear, left top, right top, from(rgba(100,100,100,0.1)), to(rgba(100,100,100,0.01))); 25 background: linear-gradient(to right, rgba(100,100,100,0.1), rgba(100,100,100,0.01)); 26margin:0; 27 } 28 29 blockquote blockquote { 30 border-left: 5px solid #c700e6!important; 31 margin-left:-25px; } 32 33 34svg:not(:root){vertical-align: middle;} 35.ui-admin svg:not(:root) { fill: currentColor;} 36 37input[type="color"], 38input[type="date"], 39input[type="datetime"], 40input[type="datetime-local"], 41input[type="email"], 42input[type="month"], 43input[type="number"], 44input[type="password"], 45input[type="search"], 46input[type="tel"], 47input[type="text"], 48input[type="time"], 49input[type="url"], 50input[type="week"], 51select:focus, 52textarea { 53 font-size: 16px!important; 54} 55 56 .container-fluid { 57 max-width: 980px; 58 } 59 .navbar .dropdown-toggle { 60 height: 34px; 61 } 62 .dokuwiki .insitu-footnote { 63 background-color: rgba(199, 250, 250, 0.9); 64 padding: 5px; 65 border-radius: 6px; 66 border: 1px solid rgb(99, 150, 150, 0.3) 67 } 68 .test { 69 border: 1px dashed red; 70 } 71 .license img { 72 float: right 73 } 74 #dokuwiki__content { 75 margin: 0; 76 } 77 78 .dokuwiki .footnotes .content {display:inline;} 79 .core { 80 /* background-color: #bdc3c7; */ 81 82 background-color: #fff; 83 min-height: 1200px; 84 } 85 .dokuwiki .title { 86 font-size:24px; line-height:1.1; 87 margin: 0.5em 0; 88 } 89 .sidebar .tools { 90 margin: 3px; 91 } 92 .sidebar .content { 93 width: 100%; 94 padding: 5px; 95 border-top: 1px solid rgba(120, 120, 120, 0.1); 96 border-bottom: 1px solid rgba(120, 120, 120, 0.1); 97 } 98 .sidebar ul { 99 margin: 0 5px; 100 padding: 0; 101 li { 102 border-bottom: 1px solid rgba(120, 120, 120, 0.1); 103 max-width: 300px; 104 /* 길이를 명확히 지정! */ 105 106 text-overflow: ellipsis; 107 white-space: nowrap; 108 /* 줄바꿈방지 */ 109 display: inline; 110 overflow: hidden; 111 } 112 li:hover, 113 li:focus { 114 background-color: rgba(120, 120, 120, 0.1) 115 } 116 } 117 /*############## contents general elements #####################*/ 118 119 .summary { 120 /* .well; */ 121 /* .well-sm; */ 122 /* .bg-warning; */ 123 .nowrap { 124 margin-bottom: 0; 125 } 126 } 127 .dokuwiki { 128 p, code { 129 font-size: __font_size__; 130 line-height: 1.6; 131 } 132 a.wikilink2 { 133 color: #aaa; 134 border-bottom: 1px dashed; 135 } 136 a.wikilink2:hover { 137 color: #a22; 138 } 139 a.urlextern { 140 background-repeat: no-repeat; 141 padding-left: 18px; 142 background-position: 0 center; 143 background-image: url(images/external-link.png); 144 } 145 em { 146 color: #c37; 147 } 148 em.u { 149 color: #555; 150 } 151 .search_hit { 152 background-color: #FF9; 153 } 154 .breadcrumb { 155 margin-bottom: 0; 156 padding: 0; 157 border: none; 158 } 159 img.media, 160 img.mediacenter, 161 img.medialeft, 162 img.mediaright { 163 /* .img-responsive; */ 164 /* .img-rounded; */ 165 margin-bottom: 4px; 166 max-width: 100%; 167 } 168 img.media { 169 display: inline; 170 } 171 img.medialeft { 172 margin-right: 0.5em; 173 } 174 img.mediaright { 175 margin-left: 0.5em; 176 } 177 .table img.media { 178 max-width: none; 179 } 180 #tool__bar { 181 /* .btn-group */ 182 } 183 .editBox textarea.edit, #edit__summary { 184 max-width: 100%; 185 } 186 .editButtons { 187 margin: 1em 0; 188 } 189 del { 190 color: #7f7f7f; 191 } 192 dl.file dt a { 193 background-color: #bdc3c7; 194 border: 1px solid #CCC; 195 padding: 0px 3px 3px 21px; 196 border-bottom: none; 197 margin-left: 10px; 198 border-radius: __border_radius__ __border_radius__ 0 0; 199 } 200 .page-header h1 { 201 font-size: 40px; 202 font-weight: bold; 203 /*text-shadow: 1px 1px 3px #777;*/ 204 } 205 h1 { 206 margin-left: 0; 207 border-bottom: 1px #aaa dotted; 208 } 209 h2 { 210 margin-left: 0px; 211 /**/ 212 } 213 h3 { 214 margin-left: 10px; 215 } 216 h4 { 217 margin-left: 25px; 218 font-size: 20px; 219 } 220 h5 { 221 margin-left: 40px; 222 } 223 h2, 224 h3, 225 h4, 226 h5 { 227 font-weight: bold 228 } 229 h2:after { 230 background-color: #aaa; 231 content: ""; 232 display: inline-block; 233 height: 1px; 234 position: relative; 235 vertical-align: middle; 236 z-index: 0; 237 left: 0.5em; 238 right: 0.5em; 239 min-width: 20%; 240 margin-right: -50%; 241 } 242 div.level1 { 243 margin-left: 0; 244 } 245 div.level2 { 246 margin-left: 0; 247 } 248 div.level3 { 249 margin-left: 16px; 250 } 251 div.level4 { 252 margin-left: 32px; 253 } 254 div.level5 { 255 margin-left: 48px; 256 } 257 .btn_secedit input.button { 258 /* .pull-right; */ 259 /* .btn-xs; */ 260 margin-top: 20px; 261 z-index: 1; 262 } 263 .section_highlight { 264 background-color: rgba(50, 122, 200, 0.1)!important; 265 border-radius: __border_radius__; 266 } 267 .footnotes { 268 border-top: 1px solid rgba(200, 200, 200, 0.5); 269 } 270 271 pre { 272 background-color: __background_neu__; 273 border:none; 274 border-left: 4px #808080 solid; 275 border-radius:0; 276 } 277 } 278 .dokuwiki div.editbutton_table { 279 margin-top: none; 280 } 281 #size__ctl { 282 float: right; 283 } 284 285 /******************* breadcrumb ***********************/ 286 287 .dokuwiki .breadcrumb { 288 background-color: transparent; 289 color: #e5e5e5; 290 span { 291 margin-right: 5px; 292 } 293 li { 294 max-width: 130px; 295 text-overflow: ellipsis; 296 white-space: nowrap; 297 overflow: hidden; 298 } 299 } 300 /******************* Top navbar ***********************/ 301 302 .dokuwiki .navbar { 303 background-color: #F5F5F5; 304 border-bottom: 1px solid #E5E5E5; 305 min-height: 48px; 306 .navbar-toggle { 307 margin-top: 7px; 308 margin-bottom: 7px; 309 } 310 .avatar { 311 margin-top: -4px; 312 } 313 a.iw_user { 314 padding: 1px 0px 1px 18px!important; 315 background-position: 0 center; 316 } 317 } 318 .dokuwiki .navbar-brand {} .dokuwiki .logo { 319 /* .pull-left; */ 320 max-width: 100%; 321 background-color: #56595f; 322 } 323 #bs-navbar-collapse-main { 324 font-size: 14px; 325 .nav li a { 326 padding-left: 10px; 327 padding-right: 10px; 328 } 329 } 330 #nav-bottom { 331 margin-bottom: 0; 332 } 333 #dw__toc { 334 border-bottom: 1px solid rgba(128, 128, 128, 0.1); 335 } 336 #dw__search { 337 padding: 3px 5px; 338 /*background-color: #333;*/ 339 340 float: left; 341 .button { 342 /* btn; */ 343 /* btn-default; */ 344 } 345 form { 346 margin: 0; 347 padding: 4px 0; 348 } 349 width:70%; 350 351 .btn-group { 352 margin-top: -4px; 353 } 354 } 355 #qsearch__in { 356 /* .form-control; */ 357 background: no-repeat center left url(images/search-icon-hi.png); 358 height: 28px; 359 padding-left: 5px; 360 border: 1px solid #ccc; 361 border-radius: 3px; 362 outline: none; 363 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); 364 display: inline; 365 margin: 5px; 366 background-color: #f0f0f0; 367 width:70% 368 } 369 #qsearch__in:focus { 370 border-color: #51a7e8; 371 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); 372 background: transparent; 373 background-color: #fff; 374 } 375 #qsearch__out { 376 font-size: 14px; 377 width: 215px; 378 max-height: 700px; 379 overflow-y: auto; 380 padding: 9px; 381 margin-bottom: 10px; 382 border: 1px solid #e3e3e3; 383 border-radius: 4px; 384 display: none; 385 ul { 386 PADDING: 0; 387 } 388 } 389 .visible-xs > .navbar-form { 390 margin: 0; 391 } 392 /* anchor location fix 위치 문제 해결 393.dokuwiki .mode_show { 394 h2, h3, h4, h5 { margin-top:-40px; padding-top:60px;} 395 }*/ 396 397 .editmain { 398 margin: 0 0 5px 5px; 399 } 400 .test { 401 border: 1px dashed red; 402 } 403 #mediamanager__uploader { 404 background-color: yellow; 405 border: 2px dashed red; 406 border-radius: __border_radius__; 407 padding: 4px; 408 .qq-upload-success .qq-upload-size { 409 display: none!important; 410 } 411 } 412 #mediamgr__aside::-webkit-scrollbar { 413 width: 12px; 414 } 415 #mediamgr__aside::-webkit-scrollbar-track { 416 background-color: #eaeaea; 417 border-left: 1px solid #ccc; 418 } 419 #mediamgr__aside::-webkit-scrollbar-thumb { 420 background-color: #ccc; 421 border-radius: 6px; 422 } 423 #mediamgr__aside::-webkit-scrollbar-thumb:hover { 424 background-color: #aaa; 425 } 426 #dokuwiki__footer { 427 img { 428 vertical-align: baseline; 429 } 430 } 431 /* iconfig__manager fix */ 432 433 #config__manager { 434 .label { 435 display: block; 436 color: #333; 437 line-height: 1; 438 white-space: normal; 439 } 440 label { 441 line-height: 130%; 442 font-weight: normal; 443 } 444 tr.default .input, 445 tr.default input, 446 tr.default textarea, 447 tr.default select, 448 .selectiondefault { 449 background-color: #E4E4E4; 450 } 451 td.value .checkbox { 452 margin-right: 1em; 453 } 454 } 455 /* bootstrap hover fix */ 456 457 .navbar-header .dropdown:hover > .dropdown-menu, 458 ul.nav li.dropdown:hover > ul.dropdown-menu { 459 display: block; 460 } 461 input.edit { 462 /* .form-control; */ 463 } 464 .dokuwiki .footer { 465 background-color: #e4e4e4; 466 } 467 .alert-notify { 468 /* .alert-warning; */ 469 } 470 .alert-error { 471 /* .alert-danger; */ 472 background-color: #fd5c5cab; 473 } 474 .tabspage ul { 475 /* .navbar-nav; */ 476 list-style-type: none; 477 float: left; 478 margin: 10px; 479 padding: 0; 480 li { 481 float: left; 482 font-size: 13px; 483 padding: 4px 8px; 484 line-height: 20px; 485 a { 486 color: #333; 487 font-weight: bold; 488 } 489 a:hover { 490 color: #4183c4; 491 text-decoration: none; 492 } 493 } 494 } 495 li.dsq-widget-item { 496 margin: 5px 0!important; 497 } 498 /******************* link wiz ***********************/ 499 500 #link__wiz { 501 width: 300px; 502 height: 360px; 503 } 504 #link__wiz_result { 505 height: 260px; 506 overflow-y: auto; 507 overflow-x: hidden; 508 .odd { 509 background-color: #eef 510 } 511 .even { 512 background-color: #efe 513 } 514 div a { 515 display: block; 516 color: #428bca; 517 } 518 div span { 519 font-size: 12px; 520 } 521 } 522 .ui-dialog .ui-dialog-titlebar { 523 padding: 0; 524 } 525 .ui-dialog-titlebar-close { 526 line-height: 1 527 } 528 .ui-dialog-titlebar-close::before { 529 content: "×"; 530 /* https://en.wikipedia.org/wiki/X_mark */ 531 } 532 /******************* plugins ***********************/ 533 /* 534#plugin__backlinks { 535 ul {margin:0;padding:0} 536 ul li { display:inline-block; margin:2px; } 537 ul li a { overflow: hidden; text-overflow:ellipsis; white-space:nowrap;width:10em;} 538} 539*/ 540 #plugin__backlinks {margin-left:1em} 541 #inlinetoc2 {border:none;border-radius:0;} 542 #inlinetoc2 > ul.inlinetoc2 { background-color:rgba(100,100,100,0.1); border-left: 5px solid rgba(100,200,100,0.5);} 543 544 545 div.dokuwiki div#disqus__thread { 546 width: 99%; 547 margin: 0; 548 padding: 0; 549 } 550 div.dokuwiki div.tags, 551 div.dokuwiki div.tagstop { 552 font-size: 95%; 553 text-align: left; 554 } 555 div.dokuwiki div.tags { 556 border-top: none; 557 clear: none; 558 margin-bottom: 1.4em; 559 color: rgba(128, 128, 128, 0.5); 560 } 561 div.dokuwiki div.tags a { 562 border-radius: 5px; 563 padding: 2px; 564 color: rgba(128, 128, 128, 0.5); 565 background-color: rgba(128, 128, 128, 0.1); 566 } 567 div.dokuwiki div.tags a:hover { 568 color: rgba(128, 128, 128, 1.0); 569 background-color: rgba(128, 128, 128, 0.3); 570 text-decoration: none 571 } 572 .plugin__shorturl { 573 font-size: 50%; 574 color: rgba(128, 127, 129, 0.5); 575 } 576 #dokuwiki__content .CodeMirror-lines, 577 #wiki__text { 578 font-family: Menlo, "나눔고딕코딩", monospace; 579 } 580 .plugin_button { 581 max-width: 300px; 582 } 583 form.plugin_move_form { 584 padding: 0 40px; 585 } 586 .btn-circle { 587 border-radius: 50%; 588 font-size: 19px; 589 width: 44px; 590 height: 44px; 591 line-height: 44px; 592 text-align: center; 593 display: inline-block!important; 594 margin: 2px 0!important; 595 font-weight: normal; 596 text-align: center; 597 vertical-align: middle; 598 -ms-touch-action: manipulation; 599 touch-action: manipulation; 600 cursor: pointer; 601 background-image: none; 602 border: 1px solid transparent; 603 white-space: nowrap; 604 -webkit-user-select: none; 605 -moz-user-select: none; 606 -ms-user-select: none; 607 user-select: none; 608 overflow: hidden; 609 text-decoration: none; 610 } 611 .btn-square { 612 font-size: 19px; 613 width: 44px; 614 height: 44px; 615 line-height: 44px; 616 text-align: center; 617 display: inline-block!important; 618 font-weight: normal; 619 text-align: center; 620 vertical-align: middle; 621 -ms-touch-action: manipulation; 622 touch-action: manipulation; 623 cursor: pointer; 624 background-image: none; 625 border: 1px solid transparent; 626 white-space: nowrap; 627 -webkit-user-select: none; 628 -moz-user-select: none; 629 -ms-user-select: none; 630 user-select: none; 631 overflow: hidden; 632 text-decoration: none; 633 } 634 .slideTextUp div:nth-child(2) { 635 top: 100%; 636 font-size: 10px; 637 } 638 /*https://github.com/SaraSoueidan/windows8-animations/blob/master/css/demo-styles.css*/ 639 640 .slideTextUp:hover { 641 text-decoration: none; 642 } 643 .slideTextUp:hover div { 644 -webkit-transform: translateY(-100%); 645 -ms-transform: translateY(-100%); 646 -o-transform: translateY(-100%); 647 transform: translateY(-100%); 648 transition: all .3s ease; 649 } 650 .ie body { 651 width: 900px; 652 margin: 0 auto; 653 } 654 .ie .dokuwiki {} .ie .core { 655 width: 650px; 656 float: left; 657 } 658 .ie .lsb { 659 position: inherit; 660 float: left; 661 } 662 .btn_left { 663 float: left; 664 z-index: 12; 665 display: inline; 666 color: #33ccff; 667 line-height: 43px; 668 font-size: 2em; 669 width: 44px; 670 text-align: center; 671 } 672 .btn_right { 673 z-index: 12; 674 float: right; 675 color: #3cf; 676 line-height: 43px; 677 font-size: 2.0em; 678 width: 44px; 679 text-align: center; 680 } 681 .btn_right:hover i { 682 -ms-transform: rotate(90deg); 683 transform: rotate(180deg); 684 transition-duration: 0.8s; 685 } 686 .btn_titlebar { 687 z-index: 12; 688 color: #bbb; 689 line-height: 43px; 690 font-size: 1.5em; 691 padding: 0 3px 0 3px; 692 text-align: center; 693 } 694 .btn_titlebar:hover { 695 color: #fff; 696 text-decoration: none; 697 } 698 #dokuwiki__nav, 699 #dokuwiki__aside { 700 position: fixed; 701 top: 0; 702 bottom: 0; 703 background-color: #35373c; 704 box-shadow: 0 0 10px rgba(34, 34, 34, 0.5) inset; 705 overflow-x: hidden; 706 -ms-overflow-style: none; 707 } 708 #dokuwiki__nav::-webkit-scrollbar, 709 #dokuwiki__aside::-webkit-scrollbar { 710 display: none; 711 } 712 #dokuwiki__nav { 713 Z-index: 15; 714 left: 0; 715 display: none; 716 padding: 5px; 717 ul {padding:0; } 718 a { text-decoration: none; color: #FFF;} 719 .li a { 720 margin:0 auto; 721 border-bottom: 1px solid #111; 722 border-top: 1px solid #444; 723 724 display: inline-block; 725 padding: 10px 0 10px 6%; 726 width: 100%; 727 728 } 729 730 731 } 732 /* column control */ 733 734 #dokuwiki__aside { 735 z-index: 13; 736 bottom: 0; 737 top: 0; 738 width: __sidebar_width__; 739 } 740 #dokuwiki__aside { 741 color: #aaa; 742 right: 0; 743 h1, h2, h3, h4, h5 { 744 color: #00b8be; 745 } 746 /* a {transition: color .2s linear; */ 747 748 li { 749 position: relative; 750 } 751 div.li:hover a:after { 752 content: ''; 753 position: absolute; 754 height: 20px; 755 width: 3px; 756 background: #00B8BE; 757 left: -2px; 758 top: 0; 759 } 760 } 761 #sidebar_bg { 762 z-index: 12; 763 } 764 #nav_bg { 765 z-index: 14; 766 } 767 #sidebar_bg, 768 #nav_bg { 769 display: none; 770 background-color: rgba(0, 0, 0, 0.75); 771 position: fixed; 772 width: 100%; 773 height: 100%; 774 } 775 .titlebar { 776 z-index: 3; 777 box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .82); 778 top: 0; 779 position: fixed; 780 width: 100%; 781 background-color: #333; 782 } 783 /* for detecting media queries in JavaScript (see script.js): */ 784 785 #screen__mode { 786 position: relative; 787 z-index: 0; 788 } 789 790/* ----------- --------------------- */ 791/* --- phone (portrait) ----------- */ 792/* ----------- --------------------- */ 793 @media (max-width: @ini_phone_width) { 794 #screen__mode { 795 z-index: 1; 796 } 797 /* for detecting media queries in JavaScript (see script.js) */ 798 799 .btn_right { 800 display: block; 801 } 802 #dokuwiki__aside { 803 position: fixed; 804 right: 0; 805 display: none; 806 z-index: 13; 807 } 808 .core { 809 margin-top:88px; 810 } 811 .titlebar {background-color:#334;} 812 #dw__search .btn-group { 813 display: none!important 814 } 815 #dw__search button {display:none} 816 #qsearch__in {width:100%} 817 #dokuwiki__content { 818 padding: 1px; 819 } 820 .phone {display: block} 821 .tablet {display:none!important} 822 .desktop {display:none!important} 823 .wide {display:none!important} 824 825 .hidden-phone { 826 display: none 827 } 828 829 .editButtons { 830 position: fixed; bottom:0; 831 z-index: 10000; 832 } 833 } 834 /* ----------- --------------------- */ 835 /* tablet ----------- */ 836 /* ----------- --------------------- */ 837 @media (min-width: @ini_phone_width+1) and (max-width: @ini_tablet_width) { 838 #screen__mode { 839 z-index: 2; 840 } 841 /* for detecting media queries in JavaScript (see script.js) */ 842 843 .btn_right { 844 display: block; 845 } 846 #dokuwiki__aside { 847 right: 0; 848 display: none; 849 z-index: 13; 850 } 851 .core { 852 margin-right: 0px;margin-top:44px; 853 } 854 855 .titlebar {background-color:#343;} 856 #dw__search {width:40%} 857 #dw__search button {display:none} 858 #qsearch__in {width:100%} 859 .phone {display: none!important} 860 .desktop {display:none!important} 861 .wide {display:none!important} 862 863 .tablet { 864 display: block 865 } 866 867 .hidden-tablet { 868 display: none 869 } 870 #dokuwiki__content { 871 padding-left: 5px; 872 padding-right: 2px; 873 } 874 } 875 /* ----------- --------------------- */ 876 /* ----------- desktop ----------- */ 877 /* ----------- --------------------- */ 878 @media (min-width: @ini_tablet_width+1) and (max-width: @ini_desktop_width) { 879 #screen__mode { 880 z-index: 3; 881 } 882 /* for detecting media queries in JavaScript (see script.js) */ 883 884 .btn_right { 885 display: none; 886 } 887 #dokuwiki__aside { 888 display: block; 889 } 890 .core { 891 margin-right: 250px;margin-top:44px; 892 } 893 .titlebar { 894 padding-right: 250px; 895 896 897 } 898 .btn_titlebar { 899 margin-right: 3px; 900 margin-left: 3px; 901 } 902 #dw__search {width:40%} 903 #dokuwiki__content { 904 padding-left: 5px; 905 padding-right: 5px; 906 } 907 .phone {display: none!important} 908 .tablet {display:none!important} 909 .wide {display:none!important} 910 911 .desktop { 912 display: block 913 } 914 } 915 916 917 918 919 /* ----------- --------------------- */ 920 /* ----- wide ----------- */ 921 /* ----------- --------------------- */ 922 923 924 @media (min-width: @ini_desktop_width+1) { 925 #screen__mode { 926 z-index: 4; 927 } 928 /* for detecting media queries in JavaScript (see script.js) */ 929 930 .btn_right { 931 display: none; 932 } 933 #dokuwiki__aside { 934 display: block; 935 } 936 .core { 937 margin-right: 250px; 938 margin-top:44px; 939 } 940 .titlebar { 941 padding-right: 250px;background-color:#433; 942 } 943 #dw__search {width:60%} 944 .btn_titlebar { 945 margin-right: 7px; 946 margin-left: 7px; 947 } 948 #dokuwiki__content { 949 padding-left: 25px; 950 padding-right: 25px; 951 } 952 953 .phone {display: none!important} 954 .tablet {display:none!important} 955 .desktop {display:none!important} 956 957 .wide { 958 display: block 959 } 960 } 961 962 /* ----------- --------------------- */ 963 /* iPhone 4 ----------- */ 964 /* ----------- --------------------- */ 965 966 967 968 @media only screen and (-webkit-min-pixel-ratio: 1.5), 969 only screen and (min-pixel-ratio: 1.5) { 970 /* Styles */ 971 } 972 973 974/* ----------- --------------------- */ 975 976 /* ----------- --------------------- */ 977 978 /* http://blog.readiz.com/134 간단한 Back to top 버튼 넣기 */ 979 980 #toTop { 981 z-index: 1030; 982 width: 42px; 983 border: 2px solid #f7f7f7; 984 background: #f7f7f7; 985 text-align: center; 986 position: fixed; 987 bottom: 10px; 988 right: 10px; 989 cursor: pointer; 990 display: none; 991 color: #333; 992 opacity: 0.6; 993 filter: alpha(opacity=60); 994 border-radius: 50%; 995 -webkit-transition: all .25s linear; 996 -moz-transition: all .25s linear; 997 -o-transition: all .25s linear; 998 transition: all .25s linear; 999 padding: 5px; 1000 } 1001 #toTop:hover { 1002 background: #b3b3b3; 1003 border: 2px solid #b3b3b3; 1004 } 1005 a.btn_titlebar:hover { 1006 animation: shake 0.42s cubic-bezier(.36, .07, .19, .97) both; 1007 transform: translate3d(0, 0, 0); 1008 backface-visibility: hidden; 1009 perspective: 1000px; 1010 } 1011 /* https://css-tricks.com/snippets/css/shake-css-keyframe-animation/ */ 1012 1013 @keyframes shake { 1014 10%, 90% { 1015 transform: translate3d(-1px, 0, 0); 1016 } 1017 20%, 1018 80% { 1019 transform: translate3d(2px, 0, 0); 1020 } 1021 30%, 1022 50%, 1023 70% { 1024 transform: translate3d(-3px, 0, 0); 1025 } 1026 40%, 1027 60% { 1028 transform: translate3d(3px, 0, 0); 1029 } 1030 } 1031 1032.mode_media .core { 1033 1034margin-right: 0; 1035} 1036.mode_media aside { 1037 display:none; 1038 } 1039 1040 .nav-up { 1041 top: -43px; 1042} 1043 1044header {transition: top 0.02s ease-in-out;} 1045 1046 1047/* for google custom search */ 1048.google-auto-placed, .gsc-adBlock, .ap_container { border-left: 5px green solid; } 1049.adsbygoogle { border-left: 2.5px green solid; }