Acme 스킨 개편

views/acme/css/bootstrap-reset.css

@@ -1,4 +1,3 @@
-/*panel*/
 .panel {
     box-shadow: -2 0px 0px rgba(0, 0, 0, 0.0) !important;
 }
@@ -16,8 +15,6 @@
     border-top-color: #F4F4F4;
 }
 
-
-/*label*/
 .label-default {
     background-color: #a1a1a1;
 }
@@ -46,8 +43,6 @@
     background-color: #344860;
 }
 
-/*text color*/
-
 .text-danger {
     color: #FF6C60;
 }
@@ -72,8 +67,6 @@
     color: #8175c7;
 }
 
-/*modal*/
-
 .modal-content {
     box-shadow: none;
     border: none;
@@ -91,8 +84,6 @@
     margin-top: 0;
 }
 
-/*text input*/
-
 .form-control {
     border: 1px solid #e2e2e4;
     box-shadow: none;
@@ -115,14 +106,10 @@ input, textarea, select, button {
     outline: none !important;
 }
 
-/*list*/
-
 ul {
     padding-left: 0;
 }
 
-/*button*/
-
 .btn-default {
     background-color: #bec3c7;
     border-color: #bec3c7;
@@ -195,52 +182,45 @@ ul {
     color: #FFFFFF;
 }
 
-
 .btn:active, .btn.active {
     box-shadow: none;
 }
 
-/*Rounded Button*/
-
 .btn-round {
     border-radius: 30px;
     -webkit-border-radius: 30px;
 }
 
-/*shadow button*/
-
 .btn-shadow.btn-default {
     box-shadow: 0 4px #9c9c9c;
 }
+
 .btn-shadow.btn-primary {
     box-shadow: 0 4px #29b392;
 }
+
 .btn-shadow.btn-success {
     box-shadow: 0 4px #61a642;
 }
+
 .btn-shadow.btn-info {
     box-shadow: 0 4px #1caadc;
 }
+
 .btn-shadow.btn-warning {
     box-shadow: 0 4px #cab03f;
 }
+
 .btn-shadow.btn-danger {
     box-shadow: 0 4px #d1595a;
 }
 
-
-/*dropdown shadow*/
-
-
-/*dropdown select bg*/
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
     background-color: #495d74;
     color: #FFFFFF;
     text-decoration: none;
 }
 
-/*split dropdown btn*/
-
 .btn-white {
     background-clip: padding-box;
     background-color: #FFFFFF;
@@ -248,28 +228,14 @@ ul {
     box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05) inset;
 }
 
-/*breadcrumbs*/
-
-
-/*tab*/
-
 .nav-tabs > li > a {
     margin-right: 1px;
 }
 
-/*nav justified*/
-
 .nav-justified {
     width: auto !important;
 }
 
-.nav-justified li:last-child > a:hover, .nav-justified li.active:last-child > a {
-    /* border-radius: 0 4px 0 0 !important; */
-    /* -webkit-border-radius: 0 4px 0 0 !important; */
-}
-
-/*pagination*/
-
 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
     background-color: #1abc9c;
     border-color: #16a085;
@@ -277,180 +243,105 @@ ul {
     cursor: default;
     z-index: 2;
 }
-        a:link {
-            color: #0093FF;
-        }
-        a.new {
-            color: #BA0000;
-        }
-        a.external.text {
-            color: green;
-        }
-        .external.autonumber {
-            color: green;
-        }
-        a.external.text:before{
-            content: "外";
-            color: #FFFFFF;
-            background-color: #008000
-        }
-        .external.autonumber:before {
-            content: "外";
-            color: #FFFFFF;
-            background-color: #008000
-        }
-        s, strike, del {
-            color:gray;
-        }
-        s:hover, strike:hover, del:hover {
-            color:#666;background-color:#eee;text-decoration:none;
-        }
+
+s, strike, del {
+    color:gray;
+}
+s:hover, strike:hover, del:hover {
+    color:#666;background-color:#eee;text-decoration:none;
+}
 
 
-label, span, body, strong, b, div, h1, h2, h3, h4, h5, h6, h7, input { font-family: helvetica, "Noto Sans Japanese", 나눔고딕, "맑은 고딕", "Nanum Gothic", sans-serif; }
-div.mw-geshi div, div.mw-geshi div pre,    div.mw-geshi div span, span.mw-geshi, pre.source-css, pre.source-javascript, pre { font-family: 'monospace'; }
+label, span, body, strong, b, div, h1, h2, h3, h4, h5, h6, h7, input { 
+    font-family: helvetica, "Noto Sans Japanese", "나눔고딕", "맑은 고딕", "Nanum Gothic", sans-serif; 
+}
 
-.mw-content-ltr .toc ul, .mw-content-ltr #toc ul, .mw-content-rtl .mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr #toc ul {
-    list-style-type: none;
-    list-style-image: none;
+pre { 
+    font-family: 'monospace'; 
 }
+
 html {
     background-color: rgb(44, 62, 80);
 }
-.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
-    margin: 1em 0 0 1em;
-    padding: 0;
-}
-#toctitle h2 {
-    display: inline;
-}
-a.new:hover, a.new:focus {
-    color: #a55858;
-    text-decoration: underline;
-}
-#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
-    margin-bottom: 10px;
-}
-#mw-normal-catlinks {
-    border: 1px solid rgb(204, 204, 204);
-    padding: 5px;
-    
-}
-p {
-    word-break: break-all;
-}
-#wpTextbox1 {
-    width: 100%;
-}
-@media (min-width: 992px)
-{
-@media (max-width: 1279px)
-{
-    .col-md-10.col-md-offset-1.mar-b-30 {
-    margin-right: 15%;
+
+@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%;
+        }
+    }
 }
-@media (min-width: 1280px)
-{
-@media (max-width: 1359px)
-{
+
+@media (min-width: 1360px) {
     .col-md-offset-1 {
-    margin-right: 10%;
+        margin-right: 10%;
     }
-    #toc {
-    position: absolute;
-    left: -25%;
-    top: -20px;
-    width: 200px;
-}
-}
-}
-@media (min-width: 1360px)
-{
-    #toc {
-    position: absolute;
-    left: -30%;
-    top: -20px;
-    max-width: 250px;
-}
-.col-md-offset-1 {
-    margin-right: 10%;
-}
 }
+
 .head-section .nav li a, .head-section .nav li.active ul.dropdown-menu li a {
     color: #373A3C;
 }
+
 @media (min-width: 768px){
-.head-section .nav li .dropdown-menu {
-    border: 1px solid rgb(204,204,204);
-    margin-top: -20px;
-}
+    .head-section .nav li .dropdown-menu {
+        border: 1px solid rgb(204,204,204);
+        margin-top: -20px;
+    }
 }
+
 @media (max-width: 767px){
-.head-section .nav li .dropdown-menu {
-    margin-top: 0px;
-margin-bottom: 10px;
-}
+    .head-section .nav li .dropdown-menu {
+        margin-top: 0px;
+        margin-bottom: 10px;
+    }
 }
+
 @media (max-width: 767px){
     #searchInput {
-    width: 90%;
-}
-@media (max-width: 479px){
-table {
-    min-width: 100%;
-}
-table.wikitable {
-overflow-x: auto;
-display: block;
-border:none;
-}
-#box table {
-    display: table;
-}
-}
-#searchform {
-    margin-top: 15px;
-}
+        width: 90%;
+    }
+
+    @media (max-width: 479px){
+        table {
+            min-width: 100%;
+        }
+    }
+    
+    #searchform {
+        margin-top: 15px;
+    }
 }
+
 @media (max-width: 991px){
-@media (min-width: 768px){
-#mobile {
-    display: none;
-}
-}
+    @media (min-width: 768px){
+        #mobile {
+            display: none;
+        }
+    }
 }
+
 @media (min-width: 768px){
     #searchInput {
-    width: 180px;
-}
-#right-search {
-    float: right;
-}
-}
-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;
-}
-.toccolours {
-    border: 1px solid #aaaaaa;
-    background-color: #f9f9f9;
-    padding: 5px;
-}
-.mw-content-ltr .mw-editsection, .mw-content-rtl .mw-content-ltr .mw-editsection {
-    margin-left: 0.5em;
+        width: 180px;
+    }
+
+    #right-search {
+        float: right;
+    }
 }
-div.scroll-buttons a.random-link {
-    border-left: 1px solid #545454;
+
+a:link {
+    color: #0093FF;
 }
+
 button {
     border: 1px solid #aaaaaa;
     margin-left: 0.5em;
@@ -459,16 +350,7 @@ button {
     background: white;
     box-shadow: 0 2px 5px rgba(50,50,50,0.1);
 }
-#dis\ del-2 {
-    display: none;
-}
-.editButtons input {
-    border: 1px solid #aaaaaa;
-    border-radius: 0.25rem;
-    padding: 5px 10px 5px 10px;
-    background: white;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
+
 input {
     border: 1px solid #aaaaaa;
     
@@ -476,307 +358,29 @@ input {
     background: white;
     box-shadow: 0 2px 5px rgba(50,50,50,0.1);
 }
-.mw-htmlform-submit {
-    border: 1px solid #aaaaaa;
-    border-radius: 0.25rem;
-    padding: 5px 10px 5px 10px;
-    background: white;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-.scroll-buttons a:link, .scroll-buttons a:visited {
-    color: #e0e0e0;
-}
-table.wikitable {
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-#catlinks {
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-div.scroll-buttons a {
-    display: inline-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;
-}
 
-#mw-content-text ul {
-    margin: 0.3em 0 1em 1.6em;
-}
 #toc ul {
     margin: .3em 0;
 }
+
 fieldset table tbody tr td {
     display: inline-block;
 }
-.mw-revdel-editreasons {
-    display: inline-table;
-}
-.mw-specialpages-table li, .mw-specialpages-notes li {
-    margin-left: 30px;
-}
-#mw-specialpagesgroup-maintenance, #mw-specialpagesgroup-pages, #mw-specialpagesgroup-login, #mw-specialpagesgroup-users, #mw-specialpagesgroup-changes, #mw-specialpagesgroup-media, #mw-specialpagesgroup-wiki, #mw-specialpagesgroup-redirects, #mw-specialpagesgroup-highuse, #mw-specialpagesgroup-pagetools, .mw-specialpages-note-top {
-    padding-bottom: 10px;
-    margin-bottom: 0;
-}
+
 div.scroll-buttons a.scroll-button {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
-.mw-redirectedfrom a {
-    color: #2ed896;
-}
-.mw-redirectedfrom a:hover {
-    color: #2ed896;
-}
-.subpages a {
-    color: #2ed896;
-}
-.subpages a:hover {
-    color: #2ed896;
-}
+
 .col-lg-4.col-sm-4 a.new {
     color: white;
 }
+
 .col-lg-4.col-sm-4 a {
     color: #373A3C;
 }
-.mw-specialpages-notes ul li {
-    margin-left: -0px;
-}
-.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
-    margin: 1em 0 0 2em;
-    padding: 0;
-}
-#mw-subcategories {
-    margin-bottom: 10px;
-}
-#mw-createaccount-join {
-    background: #347BFF;
-    color: white;
-    font-weight: normal;
-    border: none;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-#mw-createaccount-join:hover, #mw-createaccount-join:active, #mw-createaccount-join:focus, #mw-createaccount-join:active:focus {
-    background: #2962cc;
-    color: white;
-    font-weight: normal;
-    border: none;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-#wpLoginAttempt {
-    font-weight: normal;
-}
-#mw-content-text #preftoc {
-    margin: 0;
-    border-left: 1px solid #aaa;
-}
-#preftoc li {
-    display: inline-block;
-    padding: 10px;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    width: 16.6666666%;
-    text-align: center;
-    background-color: #f9f9f9;
-    border: 1px solid #aaa;
-    border-left: none;
-    border-bottom: none;
-}
-#mw-prefs-form {
-    background-color: #f9f9f9;
-    border: 1px solid #aaa;
-    padding: 10px;
-}
-#preftoc .selected {
-    background: #e9e7e7;
-}
-#mw-createaccount-cta {
-    font-weight: normal;
-}
-#mw-content-text #upload-list {
-    margin: 0;
-}
-button#wpCreateaccount {
-    font-weight: normal;
-}
-.error p {
-    margin: 0;
-}
-div#mw-content-text .mw-warning-with-logexcerpt.mw-content-ltr ul {
-    margin-bottom: 5px;
-}
-.plainlinks a.external:before {
-    content: '';
-}
-.plainlinks a.external {
-    color: #0093FF;
-}
-.plainlinks a.external:hover, .plainlinks a.external:focus{
-    text-decoration: underline;
-    outline: none;
-    color: #046DBC;
-}
-.plainlinks a.external:hover, .plainlinks a.external:active{
-    outline: 0;
-}
-.plainlinks a.external:visited{
-    color: #428bca;
-}
-div#catlinks {
-    margin-bottom: -10px;
-}
-ins#noadsense {
-    margin-bottom: -10px;
-    margin-top: -30px;
-}
-.wikiEditor-ui-buttons button {
-    display: none;
-}
-#mw-content-text ul li ul {
-    margin-bottom: 5px;
-}
-.copyright p a {
-    color: green;
-}
-.copyright p a:hover, .copyright p a:focus {
-    color: #015301;
-}
-.copyright p a::before {
-    content: "\f08b";
-color: #008000;
-background-color: transparent;
-font-family: FontAwesome;
-}
-/* Drawer css start */
-.mode-drawer #reference-drawer {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    -webkit-transition: -webkit-transform .25s, opacity .25s, visibility 0s .25s;
-    -ms-transition: -ms-transform .25s, opacity .25s, visibility 0s .25s;
-    transition: transform .25s, opacity .25s, visibility 0s .25s;
-    -webkit-transform: translate(0,100px);
-    -ms-transform: translate(0,100px);
-    transform: translate(0,100px);
-    z-index: 10000;
-    opacity: 0;
-    visibility: hidden;
-    box-shadow: 0 -2px 5px rgba(0, 0, 0, .4);
-}
-
-.mode-drawer #reference-drawer.visible {
-    -webkit-transition: -webkit-transform .25s, opacity .25s;
-    -ms-transition: -ms-transform .25s, opacity .25s;
-    transition: transform .25s, opacity .25s;
-    -webkit-transform: translate(0,0);
-    -ms-transform: translate(0,0);
-    transform: translate(0,0);
-    opacity: 1;
-    visibility: visible;
-}
-
-.mode-drawer #reference-drawer .settings-icon {
-    display: none;
-}
-/* Drawer css end */
-
-/* Tooltip css */
-.mode-tooltip #reference-drawer {
-    position: absolute;
-    display: none;
-    opacity: 0;
-    font-size : 0.9em;
-    max-width: 300px;
-    border-radius: 4px;
-        border: 1px solid rgb(204, 204, 204);
-}
-
-.mode-tooltip #reference-drawer .close-icon {
-    display: none;
-}
-
-/* common css */
-#reference-drawer {
-    padding: 10px 15px;
-    background: #fcfcfc;
-}
-
-#reference-origin {
-    padding-right: 8px;
-}
-
-#reference-settings {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 300px;
-    height: 200px;
-    margin-top: -100px;
-    margin-left: -150px;
-    padding: 10px;
-    background: white;
-    box-shadow: 0 0 6px gray;
-}
-
-#reference-settings .content {
-    height: 150px;
-}
-
-#reference-settings .content label > input {
-    margin-right: 4px;
-}
-
-#reference-settings .foot {
-    text-align: right;
-}
-
-#reference-settings .foot input {
-    margin-left: 4px;
-}
-
-#reference-drawer .settings-icon {
-    margin: -5px -8px 0 10px;
-    float: right;
-    width: 14px;
-    height: 14px;
-    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/1/13/Cog%2C_Web_Fundamentals.svg/14px-Cog%2C_Web_Fundamentals.svg.png);
-    pointer: cursor;
-}
 
-#reference-drawer .close-icon {
-    float: right;
-    width: 16px;
-    height: 16px;
-    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/8d/VisualEditor_-_Icon_-_Close.svg/24px-VisualEditor_-_Icon_-_Close.svg.png);
-    background-position: -4px -4px;
-}
-#reference-drawer-text {
-    font-size: 14px;
-}
-.mw-content-ltr .toc ul ul, .mw-content-ltr #toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr #toc ul ul {
-    margin: 0 0 0 1.5em;
-}
-#external_nico_0 {
-    max-width: 100%;
-}
-.mw-highlight.mw-content-ltr pre br {
-    display: none;
-}
-#file a img {
-    max-width: 100%;
-    height: auto;
-}
 blockquote {
     margin: 10px 0 10px;
 }

views/acme/css/plus.css

@@ -14,15 +14,12 @@ input {
     word-break: break-all;
 }
 
-footer {
-    height: -webkit-fill-available;
-}
-
 #back_title {
     border: 1px solid black;
     padding: 5px;
     margin-top: -30px;
     margin-bottom: 10px;
+    word-break: break-all;
 }
 
 .form-control.input-sm {
@@ -253,7 +250,6 @@ s:hover, strike:hover, del:hover {
 
 div.scroll-buttons a {
     display: inline-block;
-    float: left;
     width: 42px;
     height: 42px;
     padding: 5px 8px 9px 8px;
@@ -418,3 +414,24 @@ h1, h2, h3, h4, h5, h6 {
     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;
+}

views/acme/css/style-responsive.css

@@ -7,8 +7,6 @@
 }
 
 @media (max-width: 767px) {
-
-
     .navbar-toggle {
         margin-top: 12px;
     }

views/acme/css/style.css

@@ -313,8 +313,6 @@ ul.dropdown-menu { border: none }
     color: #6f6f6f;
     background: #f4f4f4;
 }
-.panel-heading .nav > li:first-child.active > a,
-.panel-heading .nav > li:first-child > a:hover { }
 .tab .nav-tabs.nav-justified > li { border-right: 1px solid #f4f4f4 }
 .tab .nav-tabs.nav-justified > li:last-child { border-right: none }
 .p-head {
@@ -415,8 +413,7 @@ ul.about-flex-slides { margin-left: 0 }
     -moz-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     width: 15px;
-    display: none\0/;
-    _display: none;
+    display: none;
 }
 /*----image hove----*/
 .view {
@@ -647,7 +644,6 @@ ul.about-flex-slides { margin-left: 0 }
 }
 [data-zlname = reverse-effect] [data-zl-popup = link]:hover,
 [data-zlname = reverse-effect] [data-zl-popup = link2]:hover { opacity: .5 }
-.bx-wrapper { }
 /*pricing table*/
 .price-two-container {
     margin-bottom: 50px;
@@ -1173,7 +1169,6 @@ ul.tag li {
     float: left;
     margin: 0px 5px 0 0;
     border-bottom: none;
-    padding-top: ;
     list-style: none;
 }
 ul.tag li a {
@@ -1451,7 +1446,7 @@ a.btn-purchase {
     text-transform: uppercase;
     border-radius: 4px;
     -webkit-border-radius: 4px;
-    -moz-border-radius: 4px padding: 20px 40px;
+    -moz-border-radius: 4px padding 20px 40px;
     margin-top: 30px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
@@ -1775,7 +1770,7 @@ ul#filters > .active > span {
     border: 1px solid #d9d9d9;
 }
 .input-group-addon {
-    border: border: 1px solid #d9d9d9;
+    border: border 1px solid #d9d9d9;
     border-radius: 1px;
     -moz-border-radius: 1px;
     -webkit-border-radius: 1px;
@@ -1812,7 +1807,7 @@ ul#filters > .active > span {
     padding-top: 10px;
     padding-bottom: 10px;
 }
-#search id="search" { background-color: #fff }
+#search { background-color: #fff }
 .btn-lg {
     border-radius: 1px;
     -webkit-border-radius: 1px;
@@ -1993,7 +1988,6 @@ ul#filters > .active > span {
 }
 .modal-input { border: 1px solid #eee }
 .modal-input:focus { border: 1px solid #eee }
-.panel-faq { }
 #accordion .panel-heading-faq { border: 1px solid #c7c7c7 }
 #accordion .panel-body {
     border-width: 0px 1px 1px 1px;
@@ -2185,9 +2179,6 @@ ol.unstyled {
     color: #fff;
 }
 #portfoliolist-three .portfolio {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -o-box-sizing: border-box;
     width: 32%;
     margin-right: 1%;
     margin-bottom: 1%;
@@ -2196,9 +2187,6 @@ ol.unstyled {
     overflow: hidden;
 }
 #portfoliolist .portfolio {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -o-box-sizing: border-box;
     width: 24%;
     margin-right: 1%;
     margin-bottom: 1%;
@@ -2279,7 +2267,6 @@ span.filter {
     text-align: center;
     padding-bottom: 40px;
 }
-.taglist { }
 /*pricing table*/
 .pricing-table-two {
     background-color: #fff;
@@ -2370,7 +2357,6 @@ span.filter {
 .muted { color: #b6bfc5 }
 .text-error { color: #e74c3c }
 .f-w-n { font-weight: normal }
-.hlight { }
 .pr-10 { padding-right: 10px }
 .pr-5 { padding-right: 5px }
 .error-inner {
@@ -2725,7 +2711,7 @@ span.filter {
 .bg-teal,
 .bg-olive,
 .bg-lime,
-.bg-rgb(44, 62, 80),
+.bg-rgb,
 .bg-fuchsia,
 .bg-purple,
 .bg-maroon,
@@ -2742,7 +2728,7 @@ span.filter {
 .bg-teal { background-color: #39cccc !important }
 .bg-olive { background-color: #3d9970 !important }
 .bg-lime { background-color: #01ff70 !important }
-.bg-rgb(44, 62, 80) { background-color: #ff851b !important }
+.bg-rgb { background-color: #ff851b !important }
 .bg-fuchsia { background-color: #f012be !important }
 .bg-purple { background-color: #932ab6 !important }
 .bg-maroon { background-color: #85144b !important }

views/acme/css/theme.css

@@ -1,14 +0,0 @@
-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;
-}

views/acme/index.tpl

@@ -63,18 +63,21 @@
                             <a href="/recent_changes">
                                 <i class="fa fa-refresh" aria-hidden="true"></i>
                                 <span id="mobile">최근 변경</span>
+                                <i class="fa fa-angle-left"></i>
                             </a>
                         </li>
                         <li>
                             <a href="/recent_discuss">
                                 <i class="fa fa-comment" aria-hidden="true"></i>
                                 <span id="mobile">최근 토론</span>
+                                <i class="fa fa-angle-left"></i>
                             </a>
                         </li>
                         <li>
                             <a href="/random">
                                 <i class="fa fa-random" aria-hidden="true"></i>
                                 <span id="mobile">무작위</span>
+                                <i class="fa fa-angle-left"></i>
                             </a>
                         </li>
                         <li class="dropdown">