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; }