일부 CSS 변경

route/tool/func.py

@@ -561,7 +561,7 @@ def next_fix(link, num, page, end = 50):
 
 def other2(data):
     global req_list
-    main_css_ver = '57'
+    main_css_ver = '58'
     data += ['' for _ in range(0, 3 - len(data))]
 
     if req_list == '':

views/main_css/css/main.css

@@ -1,53 +1,224 @@
-body, html, video, table, div, iframe, input, textarea, img, hr, blockquote, pre { max-width: 100%;}
-textarea { width: 100%; }
-input { width: 100%; box-sizing: border-box; }
-#last { margin-top: 30px; }
-#toc { border: 1px solid; padding: 20px; width: fit-content; width: -moz-fit-content; clear: both; margin-top: 10px; }
-#toc-name { font-size: 18px; }
-table { border-collapse: collapse; }
-td { border: 1px solid; padding: 5px; }
-a { text-decoration: none; }
-#not_thing { color: red; }
-#inside, #out_link, #open { color: green; }
-#out_link::before { background: green; color: white; content: "E"; }
-input[type="checkbox"], input[type="radio"] { width: auto; }
-#list { padding: 10px; }
-#toron { width: 100%; }
-#toron_color_green { background: #99ffcd; }
-#toron_color_blue { background: #ffcbf9; }
-#toron_color_red { background: #fecabf; }
-#toron_color_grey { background: gainsboro; }
-#toron_color_not { display: none; }
-#cate { border: 1px solid; padding: 5px; margin-top: 20px; }
-blockquote { border: 1px solid; padding: 15px; margin: 0; margin-top: 10px; display: inline-block; }
-img, iframe { max-width: 100%; }
-pre { border: 1px solid; padding: 10px; white-space: pre-wrap; }
-#in { margin-left: 20px; }
-#out { margin-left: 5px; }
-s, strike, del { color: gray; }
-s:hover, strike:hover, del:hover { color: gray; background-color: gainsboro; text-decoration: none; }
-#main_table_set { width: 100%; text-align: center; }
-#main_table_width { width: 33.3%; }
-#main_table_width_half { width: 50%; }
-#main_table_width_quarter { width: 25%; }
-#redirect { border: 1px solid; padding: 10px; }
-body { word-break: break-all; overflow: auto; }
-.main_hr { border: none; margin-top: 8px; margin-bottom: 8px; }
-#include_link { display: none; }
-#toc_title { font-size: 18px; }
-blockquote { background-image: url(/views/main_css/file/quote.png); background-position: calc(100% - 10px) 10px; background-repeat: no-repeat; background-size: 25px; }
-#admin_log_search { width: 100px; }
-@media (max-width: 768px) { table { min-width: 100%; } .table_safe { min-width: 100%; }}
-#origin { display: none; }
-.all_in_data { display: block; width: 100%; white-space: pre-wrap; }
-.table_safe { max-width: 100%; }
-.change_space { white-space: pre-line; }
-#topic_scroll { max-height: 500px; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; }
-#topic_scroll::-webkit-scrollbar { display: none; }
-.hidden_link { filter: blur(3px); }
-.hidden_link:hover { filter: none; }
-.content { height: 500px; }
-.topic_content { height: 200px; }
-.spead_footnote { background-color: #efefef; color: #555; border: 1px solid #cecece; }
-#footnote_data { border-top: 1px solid gainsboro; padding-top: 10px; }
-a { color: dodgerblue; }
+body, html, video, table, div, iframe, input, textarea, img, hr, blockquote, pre {
+    max-width: 100%;
+}
+
+textarea {
+    width: 100%;
+}
+
+input {
+    width: 100%; box-sizing: border-box;
+}
+
+#last {
+    margin-top: 30px;
+}
+
+#toc {
+    border: 1px solid; padding: 20px; width: fit-content; width: -moz-fit-content; clear: both; margin-top: 10px;
+}
+
+#toc-name {
+    font-size: 18px;
+}
+
+table {
+    border-collapse: collapse;
+}
+
+td {
+    border: 1px solid; padding: 5px;
+}
+
+a {
+    text-decoration: none;
+}
+
+#not_thing {
+    color: red;
+}
+
+#inside, #out_link, #open {
+    color: green;
+}
+
+#out_link::before {
+    background: green; color: white; content: "E";
+}
+
+input[type="checkbox"], input[type="radio"] {
+    width: auto;
+}
+
+#list {
+    padding: 10px;
+}
+
+#toron {
+    width: 100%;
+}
+
+#toron_color_green {
+    background: #99ffcd;
+}
+
+#toron_color_blue {
+    background: #ffcbf9;
+}
+
+#toron_color_red {
+    background: #fecabf;
+}
+
+#toron_color_grey {
+    background: gainsboro;
+}
+
+#toron_color_not {
+    display: none;
+}
+
+#cate {
+    border: 1px solid; padding: 5px; margin-top: 20px;
+}
+
+img, iframe {
+    max-width: 100%;
+}
+
+pre {
+    border: 1px solid; padding: 10px; white-space: pre-wrap;
+}
+
+#in {
+    margin-left: 20px;
+}
+
+#out {
+    margin-left: 5px;
+}
+
+s, strike, del {
+    color: gray;
+}
+
+s:hover, strike:hover, del:hover {
+    color: gray; background-color: gainsboro; text-decoration: none;
+}
+
+#main_table_set {
+    width: 100%; text-align: center;
+}
+
+#main_table_width {
+    width: 33.3%;
+}
+
+#main_table_width_half {
+    width: 50%;
+}
+
+#main_table_width_quarter {
+    width: 25%;
+}
+
+#redirect {
+    border: 1px solid; padding: 10px;
+}
+
+body {
+    word-break: break-all; overflow: auto;
+}
+
+.main_hr {
+    border: none; margin-top: 8px; margin-bottom: 8px;
+}
+
+#include_link {
+    display: none;
+}
+
+#toc_title {
+    font-size: 18px;
+}
+
+#admin_log_search {
+    width: 100px;
+}
+
+@media (max-width: 768px) {
+    table {
+    min-width: 100%;
+}
+ .table_safe {
+    min-width: 100%;
+}
+}
+#origin {
+    display: none;
+}
+
+.all_in_data {
+    display: block; width: 100%; white-space: pre-wrap;
+}
+
+.table_safe {
+    max-width: 100%;
+}
+
+.change_space {
+    white-space: pre-line;
+}
+
+#topic_scroll {
+    max-height: 500px; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none;
+}
+
+#topic_scroll::-webkit-scrollbar {
+    display: none;
+}
+
+.hidden_link {
+    filter: blur(3px);
+}
+
+.hidden_link:hover {
+    filter: none;
+}
+
+.content {
+    height: 500px;
+}
+
+.topic_content {
+    height: 200px;
+}
+
+.spead_footnote {
+    background-color: #efefef; color: #555; border: 1px solid #cecece;
+}
+
+#footnote_data {
+    border-top: 1px solid gainsboro; padding-top: 10px;
+}
+
+a {
+    color: dodgerblue;
+}
+
+blockquote {
+    padding: 15px 40px 15px 15px;
+    margin: 15px 0 0;
+    display: table;
+    border: 2px solid #ccc;
+    border-left: 5px solid black;
+    background-image: url('/views/main_css/file/quote.png');
+    background-position: calc(100% - 10px) 10px;
+    background-repeat: no-repeat;
+    background-size: 25px;
+    font-size: inherit;
+}
+
+hr {
+    border-top: 1px solid lightgray;
+}

views/main_css/css/sub/dark.css

@@ -1,12 +1,47 @@
-html { background: black; color: white; }
-textarea, input, button, select { background: #1f2023; color: white; }
-input::placeholder, textarea::placeholder, select::placeholder { color: white; }
-#toc, #cate, #redirect { background: #1f2023; }
-#toron_color_grey { background: #4a4a4a; }
-#toron_color_green { background: #2e4a2e; }
-#toron_color_red { background: #803737; }
-#toron_color_blue { background: #314c56; }
-pre#syntax, pre#syntax code { background: black; }
-.hljs, .hljs-subst { color: white; }
-blockquote { background-color: black; border-left: 5px solid #eee; }
-.spead_footnote { background-color: black; color: white; }
+html, body {
+    background: black; color: white;
+}
+
+textarea, input, button, select {
+    background: #1f2023; color: white;
+}
+
+input::placeholder, textarea::placeholder, select::placeholder {
+    color: white;
+}
+
+#toc, #cate, #redirect {
+    background: #1f2023;
+}
+
+#toron_color_grey {
+    background: #4a4a4a;
+}
+
+#toron_color_green {
+    background: #2e4a2e;
+}
+
+#toron_color_red {
+    background: #803737;
+}
+
+#toron_color_blue {
+    background: #314c56;
+}
+
+pre#syntax, pre#syntax code {
+    background: black;
+}
+
+.hljs, .hljs-subst {
+    color: white;
+}
+
+blockquote {
+    background-color: black; border-left: 5px solid #eee;
+}
+
+.spead_footnote {
+    background-color: black; color: white;
+}

views/marisa/css/main.css

@@ -333,14 +333,6 @@ textarea, input {
     color: white;
 }
 
-blockquote {
-    padding: 1em calc(2em + 25px) 1em 1em;
-    margin: 1em 0em 0em;
-    background-color: #eeeeee;
-    border: 1px dashed #ccc;
-    border-left: 5px solid black;
-}
-
 #out_link::before {
     content: '🅴';
     font-weight: lighter;