From 5d4870402f3d1da489db12ddb08797f3f457dbf8 Mon Sep 17 00:00:00 2001
From: Menci <HuangHaoRui301@Gmail.com>
Date: Sat, 22 Apr 2017 16:51:09 +0800
Subject: [PATCH] UI optimize

---
 static/style.css       |  2 +-
 views/article.ejs      |  4 ++--
 views/article_edit.ejs |  4 ++--
 views/contest.ejs      |  2 +-
 views/contest_edit.ejs |  2 +-
 views/contests.ejs     |  2 +-
 views/help.ejs         |  2 +-
 views/index.ejs        |  4 ++--
 views/problem.ejs      | 10 +++++-----
 views/problem_edit.ejs | 22 +++++++++++-----------
 views/ranklist.ejs     |  2 +-
 views/user.ejs         |  4 ++--
 views/user_edit.ejs    |  4 ++--
 13 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/static/style.css b/static/style.css
index 31c2a8c..f671ac5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -305,7 +305,7 @@
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
 }
 
-.ui.segment {
+.font-content {
   font-family: 'Open Sans';
 }
 
diff --git a/views/article.ejs b/views/article.ejs
index f395b66..af68cda 100644
--- a/views/article.ejs
+++ b/views/article.ejs
@@ -15,7 +15,7 @@
         <% } %>
  	</p>
   <div class="ui existing segment">
-	  <div id="content"><%- article.content %></div>
+	  <div id="content" class="font-content"><%- article.content %></div>
   </div>
   <% if (comments.length) { %>
   <div class="ui comments" style="max-width: none;">
@@ -30,7 +30,7 @@
           <div class="metadata">
             <span class="date"><%= syzoj.utils.formatDate(comment.public_time) %></span>
           </div>
-          <div class="text"><%- comment.content %></div>
+          <div class="text font-content"><%- comment.content %></div>
           <% if (comment.allowedEdit) { %>
             <div class="actions"><a href="<%= syzoj.utils.makeUrl(['article', article.id, 'comment', comment.id, 'delete']) %>">删除</a></div>
           <% } %>
diff --git a/views/article_edit.ejs b/views/article_edit.ejs
index 39dcdc4..88b7e82 100644
--- a/views/article_edit.ejs
+++ b/views/article_edit.ejs
@@ -16,12 +16,12 @@
         <label for="title">标题</label>
         <input type="text" id="title" name="title" value="<%= article.title %>">
         <label for="content">内容</label>
-        <textarea rows="15" id="content" name="content"><%= article.content %></textarea>
+        <textarea rows="15" id="content" name="content" class="font-content"><%= article.content %></textarea>
       </div>
     </div>
     <div class="ui bottom attached tab segment" data-tab="preview">
       <div class="ui header" id="pv-title"></div>
-      <div id="pv-content"></div>
+      <div id="pv-content" class="font-content"></div>
     </div>
     <button type="submit" class="ui labeled submit icon button">
       <i class="icon edit"></i> 提交
diff --git a/views/contest.ejs b/views/contest.ejs
index e9580a5..3ac3efe 100644
--- a/views/contest.ejs
+++ b/views/contest.ejs
@@ -36,7 +36,7 @@
     <div class="row">
       <div class="column">
         <h4 class="ui top attached block header">描述</h4>
-        <div class="ui bottom attached segment">
+        <div class="ui bottom attached segment font-content">
           <%- contest.information %>
         </div>
       </div>
diff --git a/views/contest_edit.ejs b/views/contest_edit.ejs
index 6f9f6e3..3292100 100644
--- a/views/contest_edit.ejs
+++ b/views/contest_edit.ejs
@@ -16,7 +16,7 @@
             </div>
             <div class="field">
                 <label>比赛介绍</label>
-                <textarea class="" rows="5" id="doc-ta-1" name="information"><%= contest.information %></textarea>
+                <textarea class="" rows="5" id="doc-ta-1" name="information" class="font-content"><%= contest.information %></textarea>
             </div>
             <div class="field">
                 <label>开始时间</label>
diff --git a/views/contests.ejs b/views/contests.ejs
index 0ffb7f0..9acec5e 100644
--- a/views/contests.ejs
+++ b/views/contests.ejs
@@ -37,7 +37,7 @@
           <td><a href="<%= syzoj.utils.makeUrl(['contest', contest.id]) %>"><%= contest.title %> <%- tag %></a></td>
           <td><%= syzoj.utils.formatDate(contest.start_time) %></td>
           <td><%= syzoj.utils.formatDate(contest.end_time) %></td>
-          <td><%- contest.information %></td>
+          <td class="font-content"><%- contest.information %></td>
         </tr>
         <% } %>
       </tbody>
diff --git a/views/help.ejs b/views/help.ejs
index e8801a6..1496d7b 100644
--- a/views/help.ejs
+++ b/views/help.ejs
@@ -2,7 +2,7 @@
 <% include header %>
 <div class="padding">
     <h1 class="ui center aligned header">帮助</h1>
-    <div>
+    <div style="font-content">
         <h2 class="ui header">评测</h2>
         <p>
             C++ 使用 <code>g++</code> 编译，命令为 &nbsp;<code>g++ source_file.cpp -o exec_file -O2 -lm -DONLINE_JUDGE</code>；
diff --git a/views/index.ejs b/views/index.ejs
index d35e157..dbd895e 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -41,7 +41,7 @@
                 <tr>
                     <td><%= i %></td>
                     <td><a href="<%= syzoj.utils.makeUrl(['user', user.id]) %>"><%= user.username %></a><% if (user.nameplate) { %><%- user.nameplate %><% } %></td>
-                    <td>
+                    <td style="font-content">
                       <script id="user-infomation-script-<%= i %>">
                       (function () {
                         var html = <%- JSON.stringify(user.information) %>;
@@ -167,7 +167,7 @@
         </table>
         <% } %>
       </div>
-      <h4 class="ui top attached block header">信息栏</h4>
+      <h4 class="ui top attached block header font-content">信息栏</h4>
       <div class="ui bottom attached <% if (!syzoj.config.announcement) { %>center aligned <% } %>segment">
         <% if (!syzoj.config.announcement) { %>
         无任何信息
diff --git a/views/problem.ejs b/views/problem.ejs
index 62361af..d7d1d61 100644
--- a/views/problem.ejs
+++ b/views/problem.ejs
@@ -81,7 +81,7 @@ if (contest) {
   <div class="row">
     <div class="column">
       <h4 class="ui top attached block header">题目描述</h4>
-      <div class="ui bottom attached segment"><%- problem.description %></div>
+      <div class="ui bottom attached segment font-content"><%- problem.description %></div>
     </div>
   </div>
   <% } %>
@@ -89,7 +89,7 @@ if (contest) {
   <div class="row">
     <div class="column">
         <h4 class="ui top attached block header">输入格式</h4>
-        <div class="ui bottom attached segment"><%- problem.input_format %></div>
+        <div class="ui bottom attached segment font-content"><%- problem.input_format %></div>
     </div>
   </div>
   <% } %>
@@ -97,7 +97,7 @@ if (contest) {
     <div class="row">
         <div class="column">
           <h4 class="ui top attached block header">输出格式</h4>
-          <div class="ui bottom attached segment"><%- problem.output_format %></div>
+          <div class="ui bottom attached segment font-content"><%- problem.output_format %></div>
         </div>
     </div>
   <% } %>
@@ -105,7 +105,7 @@ if (contest) {
     <div class="row">
         <div class="column">
           <h4 class="ui top attached block header">样例</h4>
-          <div class="ui bottom attached segment"><%- problem.example %></div>
+          <div class="ui bottom attached segment font-content"><%- problem.example %></div>
         </div>
     </div>
   <% } %>
@@ -113,7 +113,7 @@ if (contest) {
     <div class="row">
         <div class="column">
           <h4 class="ui top attached block header">数据范围与提示</h4>
-          <div class="ui bottom attached segment"><%- problem.limit_and_hint %></div>
+          <div class="ui bottom attached segment font-content"><%- problem.limit_and_hint %></div>
         </div>
     </div>
   <% } %>
diff --git a/views/problem_edit.ejs b/views/problem_edit.ejs
index 0b42b0d..dee8ff0 100644
--- a/views/problem_edit.ejs
+++ b/views/problem_edit.ejs
@@ -26,17 +26,17 @@
             <div style="margin-top: 15px; "></div>
           <% } %>
           <label for="title">题目名称</label>
-          <input type="text" id="title" name="title" value="<%= problem.title %>">
+          <input class="font-content" type="text" id="title" name="title" value="<%= problem.title %>">
           <label style="margin-top: 15px; " for="description">题目描述</label>
-          <textarea rows="15" id="description" name="description"><%= problem.description %></textarea>
+          <textarea class="font-content" rows="15" id="description" name="description"><%= problem.description %></textarea>
           <label style="margin-top: 15px; " for="input_format">输入格式</label>
-          <textarea rows="3" id="input" name="input_format"><%= problem.input_format %></textarea>
+          <textarea class="font-content" rows="3" id="input" name="input_format"><%= problem.input_format %></textarea>
           <label style="margin-top: 15px; " for="output_format">输出格式</label>
-          <textarea rows="3" id="output" name="output_format"><%= problem.output_format %></textarea>
+          <textarea class="font-content" rows="3" id="output" name="output_format"><%= problem.output_format %></textarea>
           <label style="margin-top: 15px; ">样例</label>
-          <textarea rows="15" id="example" name="example"><%= problem.example %></textarea>
+          <textarea class="font-content" rows="15" id="example" name="example"><%= problem.example %></textarea>
           <label style="margin-top: 15px; ">数据范围与提示</label>
-          <textarea rows="10" id="hint" name="limit_and_hint"><%= problem.limit_and_hint %></textarea>
+          <textarea class="font-content" rows="10" id="hint" name="limit_and_hint"><%= problem.limit_and_hint %></textarea>
           <label style="margin-top: 15px; ">标签</label>
           <select class="ui fluid search dropdown" multiple="" id="search_tags" name="tags">
             <% for (let tag of problem.tags) { %>
@@ -48,15 +48,15 @@
       <div class="ui bottom attached tab segment" data-tab="preview" id="preview">
         <h1 class="ui header problem_header" id="pv-title"></h1>
         <h2 class="ui header">题目描述</h2>
-        <div id="pv-description"></div>
+        <div class="font-content" id="pv-description"></div>
         <h2 class="ui header">输入格式</h2>
-        <div id="pv-input"></div>
+        <div class="font-content" id="pv-input"></div>
         <h2 class="ui header">输出格式</h2>
-        <div id="pv-output"></div>
+        <div class="font-content" id="pv-output"></div>
         <h2 class="ui header">样例</h2>
-        <div id="pv-example"></div>
+        <div class="font-content" id="pv-example"></div>
         <h2 class="ui header">数据范围与提示</h2>
-        <div id="pv-hint"></div>
+        <div class="font-content" id="pv-hint"></div>
       </div>
       <% if (problem.allowedEdit) { %>
       <button type="submit" class="ui button">提交</button>
diff --git a/views/ranklist.ejs b/views/ranklist.ejs
index 12d8c7d..ae48d7f 100644
--- a/views/ranklist.ejs
+++ b/views/ranklist.ejs
@@ -25,7 +25,7 @@
             <tr>
 		        	<td><%= i %></td>
 		        	<td><a href="<%= syzoj.utils.makeUrl(['user', user.id]) %>"><%= user.username %></a><% if (user.nameplate) { %><%- user.nameplate %><% } %></td>
-		        	<td>
+		        	<td class="font-content">
               <script id="user-infomation-script-<%= i %>">
               (function () {
                 var html = <%- JSON.stringify(user.information) %>;
diff --git a/views/user.ejs b/views/user.ejs
index aa1c112..3acf9f1 100644
--- a/views/user.ejs
+++ b/views/user.ejs
@@ -52,13 +52,13 @@
                                     <div class="row">
                                         <div class="column">
                                             <h4 class="ui top attached block header">Email</h4>
-                                            <div class="ui bottom attached segment"><%= show_user.email %></div>
+                                            <div class="ui bottom attached segment" class="font-content"><%= show_user.email %></div>
                                         </div>
                                     </div>
                                     <div class="row">
                                         <div class="column">
                                             <h4 class="ui top attached block header">个性签名</h4>
-                                            <div class="ui bottom attached segment"><%- show_user.information %></div>
+                                            <div class="ui bottom attached segment" class="font-content"><%- show_user.information %></div>
                                         </div>
                                     </div>
                                     <div class="row">
diff --git a/views/user_edit.ejs b/views/user_edit.ejs
index b6db0b2..2f94c56 100644
--- a/views/user_edit.ejs
+++ b/views/user_edit.ejs
@@ -23,11 +23,11 @@
 	    </div>
 	    <div class="field">
 	    	<label for="email">Email</label>
-	    	<input type="email" id="email" name="email" value="<%= edited_user.email %>">
+	    	<input class="font-content" type="email" id="email" name="email" value="<%= edited_user.email %>">
 	    </div>
 	    <div class="field">
 	    	<label for="information">个性签名</label>
-	    	<textarea rows="5" id="information" name="information"><%= edited_user.information %></textarea>
+	    	<textarea class="font-content" rows="5" id="information" name="information"><%= edited_user.information %></textarea>
 	    </div>
       <div class="field">
       <label class="ui header">修改密码</label>