일부 디자인 수정

app.py

@@ -426,37 +426,37 @@ def edit_set(num = 0):
                                     <span>위키 이름</span> \
                                     <br> \
                                     <br> \
-                                    <input placeholder="위키 이름" style="width: 100%;" type="text" name="name" value="' + html.escape(d_list[0]) + '"> \
+                                    <input placeholder="위키 이름" type="text" name="name" value="' + html.escape(d_list[0]) + '"> \
                                     <br> \
                                     <br> \
                                     <span>로고 HTML (있으면 이름 대신 로고 사용)</span> \
                                     <br> \
                                     <br> \
-                                    <input placeholder="로고" style="width: 100%;" type="text" name="logo" value="' + html.escape(d_list[1]) + '"> \
+                                    <input placeholder="로고" type="text" name="logo" value="' + html.escape(d_list[1]) + '"> \
                                     <br> \
                                     <br> \
                                     <span>시작 페이지</span> \
                                     <br> \
                                     <br> \
-                                    <input placeholder="시작 페이지" style="width: 100%;" type="text" name="frontpage" value="' + html.escape(d_list[2]) + '"> \
+                                    <input placeholder="시작 페이지" type="text" name="frontpage" value="' + html.escape(d_list[2]) + '"> \
                                     <br> \
                                     <br> \
                                     <span>라이선스</span> \
                                     <br> \
                                     <br> \
-                                    <input placeholder="라이선스" style="width: 100%;" type="text" name="license" value="' + html.escape(d_list[3]) + '"> \
+                                    <input placeholder="라이선스" type="text" name="license" value="' + html.escape(d_list[3]) + '"> \
                                     <br> \
                                     <br> \
                                     <span>파일 용량 한도 [메가]</span> \
                                     <br> \
                                     <br> \
-                                    <input placeholder="파일 용량 한도" style="width: 100%;" type="text" name="upload" value="' + html.escape(d_list[4]) + '"> \
+                                    <input placeholder="파일 용량 한도" type="text" name="upload" value="' + html.escape(d_list[4]) + '"> \
                                     <br> \
                                     <br> \
                                     <span>스킨 (재시작 필요)</span> \
                                     <br> \
                                     <br> \
-                                    <input placeholder="스킨" style="width: 100%;" type="text" name="skin" value="' + html.escape(d_list[5]) + '"> \
+                                    <input placeholder="스킨" type="text" name="skin" value="' + html.escape(d_list[5]) + '"> \
                                     <br> \
                                     <br> \
                                     <span>기본 ACL 설정</span> \
@@ -476,7 +476,7 @@ def edit_set(num = 0):
                                     <span>백업 간격 [시간] (끄기 : 0) (재시작 필요)</span> \
                                     <br> \
                                     <br> \
-                                    <input placeholder="백업 간격" style="width: 100%;" type="text" name="back_up" value="' + html.escape(d_list[9]) + '"> \
+                                    <input placeholder="백업 간격" type="text" name="back_up" value="' + html.escape(d_list[9]) + '"> \
                                     <br> \
                                     <br> \
                                     <button class="btn btn-primary" type="submit">저장</button> \
@@ -517,7 +517,7 @@ def edit_set(num = 0):
                                     <span>가입 약관</span> \
                                     <br> \
                                     <br> \
-                                    <input placeholder="가입 약관" style="width: 100%;" type="text" name="contract" value="' + html.escape(d_list[0]) + '"> \
+                                    <input placeholder="가입 약관" type="text" name="contract" value="' + html.escape(d_list[0]) + '"> \
                                     <br> \
                                     <br> \
                                     <button class="btn btn-primary" type="submit">저장</button> \
@@ -551,7 +551,7 @@ def edit_set(num = 0):
                     template('index', 
                         imp = ['전역 HEAD', wiki_set(1), custom(), other2([0, 0])],
                         data =  start + '<form method="post"> \
-                                            <textarea rows="30" cols="100" name="content">'\
+                                            <textarea rows="25" name="content">'\
                                                 + html.escape(data) + \
                                             '</textarea> \
                                             <br> \
@@ -1495,7 +1495,7 @@ def raw_view(name = None, sub_t = None, num = None):
     if(data):
         p_data = html.escape(data[0][0])
         
-        p_data = '<textarea readonly style="height: 80%;">' + p_data + '</textarea>'
+        p_data = '<textarea readonly rows="25">' + p_data + '</textarea>'
         
         return(
             html_minify(
@@ -1569,7 +1569,7 @@ def revert(name = None, num = None):
                     imp = [name, wiki_set(1), l, other2([' (되돌리기)', 0])],
                     data =  plus + ' \
                             <form method="post"> \
-                                <input placeholder="사유" style="width: 100%;" class="form-control input-sm" name="send" type="text"> \
+                                <input placeholder="사유" class="form-control input-sm" name="send" type="text"> \
                                 <br> \
                                 <br> \
                                 <button class="btn btn-primary" type="submit">되돌리기</button> \
@@ -1621,10 +1621,10 @@ def m_del():
                             <br> \
                             <br> \
                             <form method="post"> \
-                                <textarea style="height: 80%;" name="content"></textarea> \
+                                <textarea rows="25" name="content"></textarea> \
                                 <br> \
                                 <br> \
-                                <input placeholder="사유" style="width: 100%;" class="form-control input-sm" name="send" type="text"> \
+                                <input placeholder="사유" class="form-control input-sm" name="send" type="text"> \
                                 <br> \
                                 <br> \
                                 <div class="form-actions"> \
@@ -1721,7 +1721,8 @@ def edit(name = None, name2 = None, num = None):
             p = '<form method="post" id="get_edit" action="/edit_get/' + url_pas(name) + '"> \
                     <input placeholder="불러 올 문서" name="name" style="width: 50%;" type="text"> \
                     <button id="preview" class="btn" type="submit">불러오기</button> \
-                </form>'
+                </form> \
+                <br>'
         else:
             p = ''
             
@@ -1737,11 +1738,11 @@ def edit(name = None, name2 = None, num = None):
                 template('index', 
                     imp = [name, wiki_set(1), custom(), other2([' (수정)', 0])],
                     data = p + '<form method="post" action="/edit/' + url_pas(name) + action + '"> \
-                                    <textarea style="height: 80%;" name="content">' + html.escape(data) + '</textarea> \
-                                    <textarea style="display: none; height: 80%;" name="otent">' + html.escape(data2) + '</textarea> \
+                                    <textarea rows="25" name="content">' + html.escape(data) + '</textarea> \
+                                    <textarea style="display: none;" name="otent">' + html.escape(data2) + '</textarea> \
                                     <br> \
                                     <br> \
-                                    <input placeholder="사유" name="send" style="width: 100%;" type="text"> \
+                                    <input placeholder="사유" name="send" type="text"> \
                                     <br> \
                                     <br> \
                                     <div class="form-actions"> \
@@ -1781,11 +1782,11 @@ def preview(name = None, num = None):
             template('index', 
                 imp = [name, wiki_set(1), custom(), other2([' (미리보기)', 0])],
                 data = '<form method="post" action="/edit/' + url_pas(name) + action + '"> \
-                            <textarea style="height: 80%;" name="content">' + html.escape(request.forms.content) + '</textarea> \
-                            <textarea style="display: none; height: 80%;" name="otent">' + html.escape(request.forms.otent) + '</textarea> \
+                            <textarea rows="25" name="content">' + html.escape(request.forms.content) + '</textarea> \
+                            <textarea style="display: none;" name="otent">' + html.escape(request.forms.otent) + '</textarea> \
                             <br> \
                             <br> \
-                            <input placeholder="사유" name="send" style="width: 100%;" type="text"> \
+                            <input placeholder="사유" name="send" type="text"> \
                             <br> \
                             <br> \
                             <div class="form-actions"> \
@@ -1842,7 +1843,7 @@ def delete(name = None):
                     imp = [name, wiki_set(1), l, other2([' (삭제)', 0])],
                     data = '<form method="post"> \
                                 ' + plus + ' \
-                                <input placeholder="사유" style="width: 100%;" class="form-control input-sm" name="send" type="text"> \
+                                <input placeholder="사유" class="form-control input-sm" name="send" type="text"> \
                                 <br> \
                                 <br> \
                                 <button class="btn btn-primary" type="submit">삭제</button> \
@@ -1935,7 +1936,7 @@ def move(name = None):
                                 <input placeholder="문서명" class="form-control input-sm" value="' + name + '" name="title" type="text"> \
                                 <br> \
                                 <br> \
-                                <input placeholder="사유" style="width: 100%;" class="form-control input-sm" name="send" type="text"> \
+                                <input placeholder="사유" class="form-control input-sm" name="send" type="text"> \
                                 <br> \
                                 <br> \
                                 <button class="btn btn-primary" type="submit">이동</button> \
@@ -2216,7 +2217,7 @@ def json_in():
                 template('index', 
                     imp = ['문서 JSON 입력', wiki_set(1), custom(), other2([0, 0])],
                     data = '<form method="post"> \
-                                <textarea style="height: 80%;" name="data"></textarea> \
+                                <textarea rows="25" name="data"></textarea> \
                                 <br> \
                                 <br> \
                                 <button class="btn btn-primary" type="submit">입력</button> \
@@ -2537,7 +2538,7 @@ def topic(name = None, sub = None):
                         <tbody> \
                             <tr> \
                                 <td id="toron_color_red"> \
-                                    <a href="#' + d[1] + '">#' + d[1] + '</a> ' + ip_pas(d[3]) + a + ' <span style="float:right;">' + d[2] + '</span> \
+                                    <a href="#' + d[1] + '">#' + d[1] + '</a> ' + ip_pas(d[3]) + a + ' <span style="float: right;">' + d[2] + '</span> \
                                 </td> \
                             </tr> \
                             <tr> \
@@ -2598,7 +2599,7 @@ def topic(name = None, sub = None):
                         <tbody> \
                             <tr> \
                                 <td id="toron_color' + c + '"> \
-                                    <a href="javascript:void(0);" id="' + str(i) + '">#' + str(i) + '</a> ' + ip + ' <span style="float:right;">' + d[2] + '</span> \
+                                    <a href="javascript:void(0);" id="' + str(i) + '">#' + str(i) + '</a> ' + ip + ' <span style="float: right;">' + d[2] + '</span> \
                                 </td> \
                             </tr> \
                             <tr ' + bd + '> \
@@ -2617,7 +2618,7 @@ def topic(name = None, sub = None):
                     </a> \
                     <form style="' + s + '" method="post"> \
                         <br> \
-                        <textarea style="width: 100%; height: 100px;" name="content"></textarea> \
+                        <textarea style="height: 100px;" name="content"></textarea> \
                         <br> \
                         <br> \
                         <button class="btn btn-primary" type="submit">전송</button> \
@@ -2678,7 +2679,7 @@ def close_topic_list(name = None, tool = None):
                     <a href="/topic/' + url_pas(name) + '/close">(닫힘)</a> <a href="/topic/' + url_pas(name) + '/agree">(합의)</a> \
                     <br> \
                     <br> \
-                    <input placeholder="토론명" class="form-control" name="topic" style="width: 100%;"> \
+                    <input placeholder="토론명" class="form-control" name="topic"> \
                     <br> \
                     <br> \
                     <button class="btn btn-primary" type="submit">만들기</button>'
@@ -3110,7 +3111,7 @@ def user_ban(name = None):
                     </select> 분 까지 \
                     <br> \
                     <br> \
-                    <input placeholder="사유" class="form-control" name="why" style="width: 100%;"> \
+                    <input placeholder="사유" class="form-control" name="why"> \
                     <br>' + plus
 
         return(
@@ -3773,7 +3774,7 @@ def custom_head_view():
                     imp = ['사용자 HEAD', wiki_set(1), custom(), other2([0, 0])],
                     data =  start + ' \
                             <form method="post"> \
-                                <textarea rows="30" cols="100" name="content">'\
+                                <textarea rows="25" cols="100" name="content">'\
                                      + data + \
                                 '</textarea> \
                                 <br> \

views/acme/css/bootstrap-reset.css

@@ -239,26 +239,12 @@ html {
     background-color: rgb(44, 62, 80);
 }
 
-@media (min-width: 992px) {
-    @media (max-width: 1279px) {
-        .col-md-10.col-md-offset-1.mar-b-30 {
-            margin-right: 15%;
-        }
-    }
-}
-
-@media (min-width: 1280px) {
-    @media (max-width: 1359px) {
-        .col-md-offset-1 {
-        margin-right: 10%;
-        }
-    }
+textarea {
+    resize: vertical;
 }
 
-@media (min-width: 1360px) {
-    .col-md-offset-1 {
-        margin-right: 10%;
-    }
+input {
+    width: 100%;
 }
 
 .head-section .nav li a, .head-section .nav li.active ul.dropdown-menu li a {
@@ -348,152 +334,499 @@ div.scroll-buttons a.scroll-button {
     box-sizing: border-box;
 }
 
-.col-lg-4.col-sm-4 a.new {
-    color: white;
-}
-
-.col-lg-4.col-sm-4 a {
-    color: #373A3C;
-}
-
 blockquote {
     margin: 10px 0 10px;
 }
-.mw-redirectedfrom {
-    display: block;
-}
-.subpages {
-    display: block;
-}
+
 img {
     max-width: 100%;
     height: auto;
 }
+
 iframe {
     max-width: 100%;
 }
+
 #searchInput {
     box-shadow: 0 2px 5px rgba(50,50,50,0.1);
 }
-#sitenotice {
-    margin-bottom: 40px;
-    padding: 10px;
-    border: #aaa 1px solid;
-    
-    margin-top: -30px;
-    background-color: #f9f9f9;
-    padding-bottom: 0px;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-#sitenotice li {
-    margin-left: 20px;
-}
-.errorbox {
-    display: block;
-}
-div#mw-anon-edit-warning {
-    display: block;
-}
+
 input#searchInput {
     border: none;
     border-bottom: 2px solid #eee;
     box-shadow: none;
     border-radius: 0px;
 }
+
 input#searchInput:focus {
     border-bottom: 2px solid rgb(44, 62, 80);
 }
-form.mw-ui-vform.mw-ui-container.visualClear {
-    margin: auto;
+
+.fa {
+    margin-right: 3px;
 }
-a.external.text::before {
-    content: "\f08b";
-    color: #008000;
-    background-color: #FFF;
-    font-family: FontAwesome;
+
+.comment {
+    word-break: break-all;
 }
-.infobox {
-    border: 1px solid #aaa;
-    background: #f9f9f9;
-    border-collapse: collapse;
-float: right;
-margin-bottom: 10px;
-box-shadow: 0 2px 5px rgba(50,50,50,0.1);
+
+#in {
+    margin-left: 20px;
 }
-.infobox caption {
-    border: 1px solid #aaa;
-    padding: 5px;
-    background: #f9f9f9;
-    border-bottom: none;
-box-shadow: 0 2px 5px rgba(50,50,50,0.1);
+
+#out {
+    margin-left: 5px;
 }
-.infobox tbody tr {
-    border: 1px solid #aaa;
+
+input {
+    max-width: 100%;
 }
-.infobox tbody tr th {
+
+.breadcrumbs h1 {
+    word-break: break-all;
+}
+
+#back_title {
+    border: 1px solid black;
     padding: 5px;
-border-right: 1px solid #aaa;
+    margin-top: -30px;
+    margin-bottom: 10px;
+    word-break: break-all;
+}
+
+.form-control.input-sm {
+    font-size: 14px;
+    color: black;
 }
-.infobox tbody tr td {
+
+li {
+    margin-left: 20px;
+}
+
+.nav.navbar-nav li {
+    margin: 0;
+}
+
+.btn.btn-secondary.tools-btn.dropdown-toggle {
+    height: 34px;
+}
+
+sub, sup {
+    line-height: 1.6rem;
+}
+
+textarea {
+    border: 1px solid #e1e8ed;
     padding: 5px;
-border-color: #aaa;
+    border-radius: 3px;
+    background: white;
+    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
+}
+
+.btn.btn-primary {
+    margin: 0;
+}
+
+.btn {
+    transition: all .3s ease;
 }
-.external.free {
+
+#inside {
     color: green;
 }
-.external.free:hover, .external.free:focus {
-    color: #015301;
+
+.form-actions {
+    float: right;
 }
-a.external.free::before {
-content: "\f08b";
-color: #008000;
-background-color: #FFF;
-font-family: FontAwesome;
+
+.hljs {
+    background: #f5f8fa;
 }
-.plainlinks a.external::before {
-    content: "";
+
+#syntax {
+    margin-bottom: -10px;
+    background-color: #f0f0f0;
 }
-.fa {
-    margin-right: 3px;
+
+#cate {
+    width: 100%;
+    border: 1px solid #777;
+    padding: 5px;
+    margin-top: 1em;
+}
+
+select {
+    display: inline-block;
+    padding: 0.2rem 0.4rem;
+    font-size: 16px;
+    line-height: 1.5;
+    color: #55595c;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #ccc;
+    border-radius: .25rem;
+}
+
+#preview {
+    background: #37b1e3;
+    color: white;
+    margin-bottom: 0;
+}
+
+#preview:hover {
+    background: #2b90ba;
+}
+
+input {
+    border: 1px solid #e1e8ed;
+    padding: 5px;
+    border-radius: 3px;
+}
+
+.font-size-1 {
+    font-size: 120%;
+}
+
+form#searchform {
+    margin-bottom: 0;
+}
+
+button#searchGoButton {
+    height: 30px;
+}
+
+button#searchSearchButton {
+    height: 30px;
+}
+
+h1#main_title {
+    margin-bottom: 0;
+    margin-top: 0;
+}
+
+a.navbar-brand {
+    width: auto;
+    margin-right: 20px;
+}
+
+#open:hover {
+    color: black;
+    background: white;
+    border: 1px solid #ccc;
+}
+
+.font-size-2 {
+    font-size: 140%;
+}
+
+.font-size-3 {
+    font-size: 160%;
+}
+
+.font-size-4 {
+    font-size: 180%;
+}
+
+.font-size-5 {
+    font-size: 200%;
+}
+
+.font-size-small-1 {
+    font-size: 85%;
 }
-.mw-input-with-label {
+
+.font-size-small-2 {
+    font-size: 70%;
+}
+
+.font-size-small-3 {
+    font-size: 55%;
+}
+
+.font-size-small-4 {
+    font-size: 40%;
+}
+
+.font-size-small-5 {
+    font-size: 25%;
+}
+
+ref {
+    background-color: #efefef;
+    color: #555555;
+    border: 1px solid #cecece;
+    font-size: 0.8rem;
+    margin-left: 0.1rem;
+    margin-right: 0.2rem;
+}
+
+iframe {
+    max-width: 100%;
+}
+
+blockquote {
+    padding:1em calc(2em + 25px) 1em 1em;
+    margin:1em 0em 0em;
+    background:#eeeeee;
+    display:table;
+    border:2px dashed #ccc;
+    border-left:5px solid #2C3E50;
+    background-image: url('/views/acme/img/quote.png');
+    background-position:calc(100% - 10px) 10px;
+    background-repeat:no-repeat;
+    background-size:25px;
+}
+
+img {
+    max-width: 100%;
+}
+
+td {
+    padding: 5px 10px;
+    border: 1px solid #dddddd;
+}
+
+table {
+    background-color: #f5f5f5;
+    border-collapse: collapse;
+}
+
+not_del {
+    display: none;
+}
+
+#toc {
+    border: 1px solid #ccc;
+    display: inline-block;
+    padding: 20px;
+    font-size: 15px;
+    margin-bottom: 20px;
+    margin-top: 20px;
+}
+
+#toc-name {
+    font-size: 18px;
+}
+
+s, strike, del {
+    color:gray;
+}
+
+s:hover, strike:hover, del:hover {
+    color:#666;background-color:#eee;text-decoration:none;
+}
+
+.scroll-buttons a:link, .scroll-buttons a:visited {
+    color: white;
+}
+
+div.scroll-buttons a {
+    display: inline-block;
+    width: 42px;
+    height: 42px;
+    padding: 5px 8px 9px 8px;
+    border: 1px solid #545454;
+    border-left: 0;
+    text-decoration: none;
+    text-align: center;
+    background: rgba(26,26,26,0.9);
+    border-bottom: 0;
+}
+
+#footnote-list {
+    margin-bottom: -20px;
     display: block;
 }
-#wpDestFile {
+
+#footnote {
+    margin-bottom: -10px;
+}
+
+div.scroll-buttons {
+    position: fixed;
+    float: right;
+    height: 42px;
+    text-align: right;
+    font-size: 1.7em;
+    z-index: 10000;
+    margin-bottom: -10px;
+    bottom: 10px;
+    right: 0px;
+    opacity: 0.8;
+}
+
+div.scroll-buttons a.random-link {
+    border-left: 1px solid #545454;
+}
+
+div.scroll-buttons a {
+    display: block;
+    float: left;
+    width: 42px;
+    height: 42px;
+    padding: 5px 8px 9px 8px;
+    border: 1px solid #545454;
+    border-left: 0;
+    background: #dedede;
+    text-decoration: none;
+    text-align: center;
+    background: rgba(26,26,26,0.9);
+    border-bottom: 0;
+}
+
+table {
+    font-size: 13px;
+}
+
+.scroll-buttons .fa {
+    margin-top: 5px;
+}
+
+#yosolo {
+    width: 33.33%;
+    text-align: center;
+}
+
+#toron {
     width: 100%;
 }
-#wpUploadDescription {
+
+#toron_color_green {
+    background-color: #B0D3AD;
+}
+
+#toron_color_red {
+    background-color: #f3c2c2;
+}
+
+#toron_color {
+    background-color: #d5d5d5;
+}
+
+#bb {
+    background: #a28a7e;
+    color: white;
+}
+
+#history {
+    margin-right: 10px;
+}
+
+.popup {
+    position: fixed;
+    padding: 10px;
+    background: #f5f5f5;
+    width: 100%;
+    bottom: 0px;
+    left: 0px;
+    text-align: center;
+    box-shadow: 0 -1px 8px 0 rgba(0,0,0,0.35);
+    z-index: 100000;
+    max-height: 30%;
+    overflow-y: scroll;
+}
+
+.foot {
+    position: fixed;
+    bottom: 0px;
+    padding: 10px;
+    width: 100%;
+    background: white none repeat scroll 0% 0%;
+    left: 0px;
+    border: 1px solid #ccc;
+    text-align: center;
+    z-index: 10000;
+}
+
+#bl {
+    background: gainsboro;
+}
+
+@media (max-width: 768px) {
+    table {
+        min-width: 100%;
+        max-width: 100;
+    }
+}
+
+textarea {
     width: 100%;
-    border: 1px solid #aaa;
-    padding: 5px 10px 5px 10px;
-    background: white;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
 }
-.mw-autocomplete-user {
+
+a.not_thing {
+    color: #bf4c4c;
+}
+
+a.out_link {
+    color: #008000;
+}
+
+a.out_link::before {
+    padding: 0px;
+    background: transparent;
+    color: green;
+    content: "\f14c";
+    font-family: FontAwesome;
+}
+
+#open {
+    background: #4188F1;
+    color: white;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin-bottom: 10px;
     margin-top: 10px;
 }
-#mw-log-page {
-    display: block;
-width: 250px;
+
+.navbar-brand {
+    margin: auto;
+    font-size: 28px;
 }
-.navbox.collapsible.autocollapse.nowraplinks tbody tr th {
-    border: 1px solid #aaa;
-padding: 5px;
-background-color: #f9f9f9;
+
+#block {
+    background: gainsboro;
 }
-.navbox.collapsible.autocollapse.nowraplinks tbody tr td {
-    border: 1px solid #aaa;
-padding: 5px;
-background-color: #f9f9f9;
+
+#toron_color_blue {
+    background: #c1ebff;
 }
-.navbox.collapsible.autocollapse.nowraplinks tbody tr td div br {
-    display: none;
+
+.foot {
+    position: fixed;
+    bottom: 0px;
+    padding: 10px;
+    width: 100%;
+    background: white none repeat scroll 0% 0%;
+    left: 0px;
+    border: 1px solid #ccc;
+    text-align: center;
+    z-index: 10000;
+    max-height: 30%;
+    overflow-y: scroll;
+}
+
+footer#footer {
+    bottom: 0;
+    position: relative;
+    width: 100%;
 }
-.navbox.collapsible.autocollapse.nowraplinks {
-    border: 1px solid #aaa;
-    border-collapse: collapse;
-background-color: #f9f9f9;
+
+body {
+    padding-top: 70px;
+    padding-bottom: 30px;
 }
-.comment {
+  
+.theme-dropdown .dropdown-menu {
+    display: block;
+    position: static;
+    margin-bottom: 20px;
+}
+  
+.theme-showcase > p > .btn {
+    margin: 5px 0;
+}
+
+body {
     word-break: break-all;
 }

views/acme/css/plus.css

@@ -1,460 +0,0 @@
-#in {
-    margin-left: 20px;
-}
-
-#out {
-    margin-left: 5px;
-}
-
-input {
-    max-width: 100%;
-}
-
-.breadcrumbs h1 {
-    word-break: break-all;
-}
-
-#back_title {
-    border: 1px solid black;
-    padding: 5px;
-    margin-top: -30px;
-    margin-bottom: 10px;
-    word-break: break-all;
-}
-
-.form-control.input-sm {
-    font-size: 14px;
-    color: black;
-}
-
-li {
-    margin-left: 20px;
-}
-
-.nav.navbar-nav li {
-    margin: 0;
-}
-
-.btn.btn-secondary.tools-btn.dropdown-toggle {
-    height: 34px;
-}
-
-sub, sup {
-    line-height: 1.6rem;
-}
-
-textarea {
-    border: 1px solid #e1e8ed;
-    padding: 5px;
-    border-radius: 3px;
-    background: white;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-
-.btn.btn-primary {
-    margin: 0;
-}
-
-.btn {
-    transition: all .3s ease;
-}
-
-#inside {
-    color: green;
-}
-
-.form-actions {
-    float: right;
-}
-
-.hljs {
-    background: #f5f8fa;
-}
-
-#syntax {
-    margin-bottom: -10px;
-    background-color: #f0f0f0;
-}
-
-#cate {
-    width: 100%;
-    border: 1px solid #777;
-    padding: 5px;
-    margin-top: 1em;
-}
-
-select {
-    display: inline-block;
-    padding: 0.2rem 0.4rem;
-    font-size: 16px;
-    line-height: 1.5;
-    color: #55595c;
-    background-color: #fff;
-    background-image: none;
-    border: 1px solid #ccc;
-    border-radius: .25rem;
-}
-
-#preview {
-    background: #37b1e3;
-    color: white;
-    margin-bottom: 0;
-}
-
-#preview:hover {
-    background: #2b90ba;
-}
-
-input {
-    border: 1px solid #e1e8ed;
-    padding: 5px;
-    border-radius: 3px;
-}
-
-.font-size-1 {
-    font-size: 120%;
-}
-
-form#searchform {
-    margin-bottom: 0;
-}
-
-button#searchGoButton {
-    height: 30px;
-}
-
-button#searchSearchButton {
-    height: 30px;
-}
-
-h1#main_title {
-    margin-bottom: 0;
-    margin-top: 0;
-}
-
-a.navbar-brand {
-    width: auto;
-    margin-right: 20px;
-}
-
-#open:hover {
-    color: black;
-    background: white;
-    border: 1px solid #ccc;
-}
-
-.font-size-2 {
-    font-size: 140%;
-}
-
-.font-size-3 {
-    font-size: 160%;
-}
-
-.font-size-4 {
-    font-size: 180%;
-}
-
-.font-size-5 {
-    font-size: 200%;
-}
-
-.font-size-small-1 {
-    font-size: 85%;
-}
-
-.font-size-small-2 {
-    font-size: 70%;
-}
-
-.font-size-small-3 {
-    font-size: 55%;
-}
-
-.font-size-small-4 {
-    font-size: 40%;
-}
-
-.font-size-small-5 {
-    font-size: 25%;
-}
-
-ref {
-    background-color: #efefef;
-    color: #555555;
-    border: 1px solid #cecece;
-    font-size: 0.8rem;
-    margin-left: 0.1rem;
-    margin-right: 0.2rem;
-}
-
-iframe {
-    max-width: 100%;
-}
-
-blockquote {
-    padding:1em calc(2em + 25px) 1em 1em;
-    margin:1em 0em 0em;
-    background:#eeeeee;
-    display:table;
-    border:2px dashed #ccc;
-    border-left:5px solid #2C3E50;
-    background-image: url('/views/acme/img/quote.png');
-    background-position:calc(100% - 10px) 10px;
-    background-repeat:no-repeat;
-    background-size:25px;
-}
-
-img {
-    max-width: 100%;
-}
-
-td {
-    padding: 5px 10px;
-    border: 1px solid #dddddd;
-}
-
-table {
-    background-color: #f5f5f5;
-    border-collapse: collapse;
-}
-
-not_del {
-    display: none;
-}
-
-#toc {
-    border: 1px solid #ccc;
-    display: inline-block;
-    padding: 20px;
-    font-size: 15px;
-    margin-bottom: 20px;
-    margin-top: 20px;
-}
-
-#toc-name {
-    font-size: 18px;
-}
-
-s, strike, del {
-    color:gray;
-}
-
-s:hover, strike:hover, del:hover {
-    color:#666;background-color:#eee;text-decoration:none;
-}
-
-.scroll-buttons a:link, .scroll-buttons a:visited {
-    color: white;
-}
-
-div.scroll-buttons a {
-    display: inline-block;
-    width: 42px;
-    height: 42px;
-    padding: 5px 8px 9px 8px;
-    border: 1px solid #545454;
-    border-left: 0;
-    text-decoration: none;
-    text-align: center;
-    background: rgba(26,26,26,0.9);
-    border-bottom: 0;
-}
-
-#footnote-list {
-    margin-bottom: -20px;
-    display: block;
-}
-
-#footnote {
-    margin-bottom: -10px;
-}
-
-div.scroll-buttons {
-    position: fixed;
-    float: right;
-    height: 42px;
-    text-align: right;
-    font-size: 1.7em;
-    z-index: 10000;
-    margin-bottom: -10px;
-    bottom: 10px;
-    right: 0px;
-    opacity: 0.8;
-}
-
-div.scroll-buttons a.random-link {
-    border-left: 1px solid #545454;
-}
-
-div.scroll-buttons a {
-    display: block;
-    float: left;
-    width: 42px;
-    height: 42px;
-    padding: 5px 8px 9px 8px;
-    border: 1px solid #545454;
-    border-left: 0;
-    background: #dedede;
-    text-decoration: none;
-    text-align: center;
-    background: rgba(26,26,26,0.9);
-    border-bottom: 0;
-}
-
-table {
-    font-size: 13px;
-}
-
-.scroll-buttons .fa {
-    margin-top: 5px;
-}
-
-#yosolo {
-    width: 33.33%;
-    text-align: center;
-}
-
-#toron {
-    width: 100%;
-}
-
-#toron_color_green {
-    background-color: #B0D3AD;
-}
-
-#toron_color_red {
-    background-color: #f3c2c2;
-}
-
-#toron_color {
-    background-color: #d5d5d5;
-}
-
-#bb {
-    background: #a28a7e;
-    color: white;
-}
-
-#history {
-    margin-right: 10px;
-}
-
-.popup {
-    position: fixed;
-    padding: 10px;
-    background: #f5f5f5;
-    width: 100%;
-    bottom: 0px;
-    left: 0px;
-    text-align: center;
-    box-shadow: 0 -1px 8px 0 rgba(0,0,0,0.35);
-    z-index: 100000;
-    max-height: 30%;
-    overflow-y: scroll;
-}
-
-.foot {
-    position: fixed;
-    bottom: 0px;
-    padding: 10px;
-    width: 100%;
-    background: white none repeat scroll 0% 0%;
-    left: 0px;
-    border: 1px solid #ccc;
-    text-align: center;
-    z-index: 10000;
-}
-
-#bl {
-    background: gainsboro;
-}
-
-@media (max-width: 768px) {
-    table {
-        min-width: 100%;
-        max-width: 100;
-    }
-}
-
-textarea {
-    width: 100%;
-}
-
-a.not_thing {
-    color: #bf4c4c;
-}
-
-a.out_link {
-    color: #008000;
-}
-
-a.out_link::before {
-    padding: 0px;
-    background: transparent;
-    color: green;
-    content: "\f14c";
-    font-family: FontAwesome;
-}
-
-#open {
-    background: #4188F1;
-    color: white;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    margin-bottom: 10px;
-    margin-top: 10px;
-}
-
-.navbar-brand {
-    margin: auto;
-    font-size: 28px;
-}
-
-#block {
-    background: gainsboro;
-}
-
-#toron_color_blue {
-    background: #c1ebff;
-}
-
-.foot {
-    position: fixed;
-    bottom: 0px;
-    padding: 10px;
-    width: 100%;
-    background: white none repeat scroll 0% 0%;
-    left: 0px;
-    border: 1px solid #ccc;
-    text-align: center;
-    z-index: 10000;
-    max-height: 30%;
-    overflow-y: scroll;
-}
-
-footer#footer {
-    bottom: 0;
-    position: relative;
-    width: 100%;
-}
-
-body {
-    padding-top: 70px;
-    padding-bottom: 30px;
-}
-  
-.theme-dropdown .dropdown-menu {
-    display: block;
-    position: static;
-    margin-bottom: 20px;
-}
-  
-.theme-showcase > p > .btn {
-    margin: 5px 0;
-}
-
-body {
-    word-break: break-all;
-}

views/acme/index.tpl

@@ -7,7 +7,6 @@
         <link rel="stylesheet" href="/views/acme/css/bootstrap-reset.css">
         <link rel="stylesheet" href="/views/acme/css/style.css">
         <link rel="stylesheet" href="/views/acme/css/style-responsive.css">
-        <link rel="stylesheet" href="/views/acme/css/plus.css">
         <script src="/views/acme/js/jquery.min.js"></script>
         <script src="/views/acme/js/bootstrap.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>