From fdbdbeee830274a6aadf9115ce8dd77c7808b5bd Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Tue, 14 Aug 2018 14:45:13 +0900
Subject: [PATCH] Refactor css files

Change indent size
---
 app/server/static/css/admin.css      |  76 ++++-----
 app/server/static/css/annotation.css | 244 ++++++++++++++-------------
 app/server/static/css/forum.css      |  48 +++++-
 3 files changed, 201 insertions(+), 167 deletions(-)

diff --git a/app/server/static/css/admin.css b/app/server/static/css/admin.css
index dd5037f6..c4af5b11 100644
--- a/app/server/static/css/admin.css
+++ b/app/server/static/css/admin.css
@@ -1,80 +1,80 @@
 .aside {
-    display: block;
-    background-color: #2a2e2f;
-    border-right: 1px solid #DEDEDE;
+  display: block;
+  background-color: #2a2e2f;
+  border-right: 1px solid #DEDEDE;
 }
 
 .messages {
-    display: block;
-    background-color: #f3f3f3;
-    border-right: 1px solid #DEDEDE;
+  display: block;
+  background-color: #f3f3f3;
+  border-right: 1px solid #DEDEDE;
 }
 
 .message {
-    display: block;
-    background-color: #f3f3f3;
+  display: block;
+  background-color: #f3f3f3;
 }
 
 .aside .main {
-    padding: 20px 40px;
-    color: #6F7B7E;
+  padding: 20px 40px;
+  color: #6F7B7E;
 }
 
 .aside .title {
-    color: #6F7B7E;
-    font-size: 12px;
-    font-weight: bold;
-    text-transform: uppercase;
+  color: #6F7B7E;
+  font-size: 12px;
+  font-weight: bold;
+  text-transform: uppercase;
 }
 
 .aside .main .item {
-    display: flex;
-    padding: 10px 0;
-    color: #6F7B7E;
+  display: flex;
+  padding: 10px 0;
+  color: #6F7B7E;
 }
 
 .aside .main .item.active {
-    background-color: #5a5e5f;
-    margin: 0 -50px;
-    padding-left: 50px;
+  background-color: #5a5e5f;
+  margin: 0 -50px;
+  padding-left: 50px;
 }
 
 .aside .main .item:active,
 .aside .main .item:hover {
-    background-color: #5a5e5f;
-    margin: 0 -50px;
-    padding-left: 50px;
+  background-color: #5a5e5f;
+  margin: 0 -50px;
+  padding-left: 50px;
 }
 
 .aside .main .icon {
-    font-size: 19px;
-    padding-right: 30px;
-    color: #f3f3f3;
+  font-size: 19px;
+  padding-right: 30px;
+  color: #f3f3f3;
 }
 
 .aside .main .name {
-    font-size: 15px;
-    color: #f3f3f3;
-    font-weight: 500;
+  font-size: 15px;
+  color: #f3f3f3;
+  font-weight: 500;
 }
 
 .messages {
-    padding: 40px 20px;
+  padding: 40px 20px;
 }
 
 .message {
-    padding: 40px 20px;
+  padding: 40px 20px;
 }
 
 .content {
-    font-size: 16pt;
-    line-height: 250%;
+  font-size: 16pt;
+  line-height: 250%;
 }
 
 .bordered-row {
-    border-color: #dfe8f1;
-    border-top-width: 1px;
-    border-top-style: dashed;
-    align-items: center;
-    padding-top: .75rem;
+  border-color: #dfe8f1;
+  border-top-width: 1px;
+  border-top-style: dashed;
+  align-items: center;
+  padding-top: .75rem;
 }
\ No newline at end of file
diff --git a/app/server/static/css/annotation.css b/app/server/static/css/annotation.css
index a9352c80..67f5f175 100644
--- a/app/server/static/css/annotation.css
+++ b/app/server/static/css/annotation.css
@@ -1,264 +1,266 @@
 html,
 body {
-    font-family: arial, 'Open Sans', serif;
-    line-height: 1.5;
-    height: 100%;
-    background-color: #f3f3f3;
+  font-family: arial, 'Open Sans', serif;
+  line-height: 1.5;
+  height: 100%;
+  background-color: #f3f3f3;
 }
+
 .aside {
-    display: block;
-    background-color: #2a2e2f;
-    border-right: 1px solid #DEDEDE;
+  display: block;
+  background-color: #2a2e2f;
+  border-right: 1px solid #DEDEDE;
 }
 
 .messages {
-    display: block;
-    background-color: #fff;
-    border-right: 1px solid #DEDEDE;
+  display: block;
+  background-color: #fff;
+  border-right: 1px solid #DEDEDE;
 }
 
 .message {
-    display: block;
-    background-color: #f3f3f3;
+  display: block;
+  background-color: #f3f3f3;
 }
 
 .aside .main {
-    padding: 20px 40px;
-    color: #6F7B7E;
+  padding: 20px 40px;
+  color: #6F7B7E;
 }
 
 .aside .title {
-    color: #6F7B7E;
-    font-size: 12px;
-    font-weight: bold;
-    text-transform: uppercase;
+  color: #6F7B7E;
+  font-size: 12px;
+  font-weight: bold;
+  text-transform: uppercase;
 }
 
 .aside .main .item {
-    display: flex;
-    padding: 10px 0;
-    color: #6F7B7E;
+  display: flex;
+  padding: 10px 0;
+  color: #6F7B7E;
 }
 
 .aside .main .item.active {
-    background-color: #5a5e5f;
-    margin: 0 -50px;
-    padding-left: 50px;
+  background-color: #5a5e5f;
+  margin: 0 -50px;
+  padding-left: 50px;
 }
 
 .aside .main .item:active,
 .aside .main .item:hover {
-    background-color: #5a5e5f;
-    margin: 0 -50px;
-    padding-left: 50px;
+  background-color: #5a5e5f;
+  margin: 0 -50px;
+  padding-left: 50px;
 }
 
 .aside .main .icon {
-    font-size: 19px;
-    padding-right: 30px;
-    color: #f3f3f3;
+  font-size: 19px;
+  padding-right: 30px;
+  color: #f3f3f3;
 }
 
 .aside .main .name {
-    font-size: 15px;
-    color: #f3f3f3;
-    font-weight: 500;
+  font-size: 15px;
+  color: #f3f3f3;
+  font-weight: 500;
 }
 
 .messages {
-    padding: 40px 20px;
+  padding: 40px 20px;
 }
 
 .message {
-    padding: 40px 20px;
+  padding: 40px 20px;
 }
 
 .progress-bar {
-    margin-bottom:20px;
-    width: 150px;
+  margin-bottom: 20px;
+  width: 150px;
 }
 
 .pg {
-    display: inline-block;
-    top: 10px;
+  display: inline-block;
+  top: 10px;
 }
 
 .is-grouped .button {
-    background-image: linear-gradient(#F8F8F8, #F1F1F1);
+  background-image: linear-gradient(#F8F8F8, #F1F1F1);
 }
 
 .is-grouped .button .fa {
-    font-size: 15px;
-    color: #AAAAAA;
+  font-size: 15px;
+  color: #AAAAAA;
 }
 
 .inbox-messages {
-    margin-top: 60px;
+  margin-top: 60px;
 }
 
 .message-preview {
-    margin-top: 60px;
+  margin-top: 60px;
 }
 
 .inbox-messages .card {
-    width: 100%;
+  width: 100%;
 }
 
 .inbox-messages strong {
-    color: #5D5D5D;
+  color: #5D5D5D;
 }
 
 .inbox-messages .msg-check {
-    padding: 0 20px;
+  padding: 0 20px;
 }
 
 .inbox-messages .msg-subject {
-    padding: 10px 0;
-    color: #5D5D5D;
+  padding: 10px 0;
+  color: #5D5D5D;
 }
 
 .inbox-messages .msg-attachment {
-    float: right;
+  float: right;
 }
 
 .inbox-messages .msg-snippet {
-    padding: 5px 20px 0px 5px;
+  padding: 5px 20px 0px 5px;
 }
 
 .inbox-messages .msg-subject .fa {
-    font-size: 14px;
-    padding: 3px 0;
+  font-size: 14px;
+  padding: 3px 0;
 }
+
 .card.active {
-    background-color: #F5F5F5;
+  background-color: #F5F5F5;
 }
+
 .content {
-    font-size: 16pt;
-    line-height: 250%;
+  font-size: 16pt;
+  line-height: 250%;
 }
 
 .content .tag {
-    font-size: 16pt;
-    height: 1.5em;
-    padding-left: .5em;
-    padding-right: .5em;
+  font-size: 16pt;
+  height: 1.5em;
+  padding-left: .5em;
+  padding-right: .5em;
 }
 
-
 :focus {
-	outline: 0;
+  outline: 0;
 }
 
 .hidden {
-	display: none;
+  display: none;
 }
 
 .todoapp {
-	background: #fff;
-	margin: 30px 0 0 0;
-    position: relative;
-    box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1)
+  background: #fff;
+  margin: 30px 0 0 0;
+  position: relative;
+  box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1)
 }
 
 .todoapp input::-webkit-input-placeholder {
-	font-style: italic;
-	font-weight: 300;
-	color: #e6e6e6;
+  font-style: italic;
+  font-weight: 300;
+  color: #e6e6e6;
 }
 
 .todoapp input::-moz-placeholder {
-	font-style: italic;
-	font-weight: 300;
-	color: #e6e6e6;
+  font-style: italic;
+  font-weight: 300;
+  color: #e6e6e6;
 }
 
 .todoapp input::input-placeholder {
-	font-style: italic;
-	font-weight: 300;
-	color: #e6e6e6;
+  font-style: italic;
+  font-weight: 300;
+  color: #e6e6e6;
 }
 
 .new-todo,
 .edit {
-	position: relative;
-	margin: 0;
-	width: 100%;
-	font-size: 16pt;
-	font-family: inherit;
-	font-weight: inherit;
-	line-height: 1.4em;
-	border: 0;
-	color: inherit;
-	padding: 6px;
-	border: 1px solid #999;
-	box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
-	box-sizing: border-box;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+  position: relative;
+  margin: 0;
+  width: 100%;
+  font-size: 16pt;
+  font-family: inherit;
+  font-weight: inherit;
+  line-height: 1.4em;
+  border: 0;
+  color: inherit;
+  padding: 6px;
+  border: 1px solid #999;
+  box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 .new-todo {
-	padding: 1.5rem;
-	border: none;
-	background: rgba(0, 0, 0, 0.003);
-	box-shadow: inset 0 -2px 1px rgba(0,0,0,0.03);
+  padding: 1.5rem;
+  border: none;
+  background: rgba(0, 0, 0, 0.003);
+  box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
 }
 
 .todo-list {
-	margin: 0;
-	padding: 0;
-	list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .todo-list li {
-	position: relative;
-	font-size: 16pt;
-	border-bottom: 1px solid #ededed;
+  position: relative;
+  font-size: 16pt;
+  border-bottom: 1px solid #ededed;
 }
 
 .todo-list li:last-child {
-	border-bottom: none;
+  border-bottom: none;
 }
 
 .todo-list li.editing {
-	border-bottom: none;
-	padding: 0;
+  border-bottom: none;
+  padding: 0;
 }
 
 .todo-list li.editing .edit {
-	display: block;
-	padding: 12px 16px;
+  display: block;
+  padding: 12px 16px;
 }
 
 .todo-list li.editing .view {
-	display: none;
+  display: none;
 }
 
 .todo-list li label {
-	word-break: break-all;
-    padding: 1.5rem 60px 1.5rem 1.5rem;
-	display: block;
-	line-height: 1.2;
-	transition: color 0.4s;
+  word-break: break-all;
+  padding: 1.5rem 60px 1.5rem 1.5rem;
+  display: block;
+  line-height: 1.2;
+  transition: color 0.4s;
 }
 
 .todo-list li .destroy {
-	display: none;
-	position: absolute;
-	top: 0;
-	right: 10px;
-	bottom: 0;
-	margin: auto 0;
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 10px;
+  bottom: 0;
+  margin: auto 0;
 }
 
 .todo-list li:hover .destroy {
-	display: block;
+  display: block;
 }
 
 .todo-list li .edit {
-	display: none;
+  display: none;
 }
 
 .todo-list li.editing:last-child {
-	margin-bottom: -1px;
+  margin-bottom: -1px;
 }
diff --git a/app/server/static/css/forum.css b/app/server/static/css/forum.css
index 490f533c..ed4c4c49 100644
--- a/app/server/static/css/forum.css
+++ b/app/server/static/css/forum.css
@@ -1,48 +1,64 @@
-html,body {
+html,
+body {
   font-family: 'Open Sans', serif;
   background: #F9F9F9;
 }
+
 footer {
   background-color: #2a2e2f !important;
   padding: 2rem 1.5rem 3rem !important;
 }
+
 .footer a {
   color: white;
 }
+
 .footer h2 {
   margin-bottom: 10px;
 }
-.footer p, strong {
+
+.footer p,
+strong {
   color: lemonchiffon;
 }
+
 .navbar {
   background-color: #2a2e2f;
 }
+
 .navbar.has-shadow {
   box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
 }
+
 .navbar-item {
   color: white;
 }
+
 .topNav {
   border-top: 5px solid #3498DB;
 }
+
 .topNav .container {
   border-bottom: 1px solid #E6EAEE;
 }
+
 .container .columns {
   margin: 2rem 0;
 }
+
 aside.menu {
   padding-top: 3rem;
 }
+
 aside.menu .menu-list {
   line-height: 1.5;
 }
+
 aside.menu .menu-label {
   padding-left: 10px;
   font-weight: 700;
 }
+
 .button.is-primary.is-alt {
   background: #00c6ff;
   background: -webkit-linear-gradient(to bottom, #0072ff, #00c6ff);
@@ -52,44 +68,53 @@ aside.menu .menu-label {
   height: 3rem;
   line-height: 2.8;
 }
+
 .media-left img {
   border-radius: 50%;
 }
+
 .media-content p {
   font-size: 14px;
   line-height: 2.3;
   font-weight: 700;
   color: #8F99A3;
 }
+
 article.post {
   margin: 1rem;
   padding-bottom: 1rem;
   border-bottom: 1px solid #E6EAEE;
 }
+
 article.post:last-child {
   padding-bottom: 0;
   border-bottom: none;
 }
-.menu-list li{
+
+.menu-list li {
   padding: 5px;
 }
 
 .tag:not(body).is-grey {
-    background-color: #eee;
-    color: #666;
+  background-color: #eee;
+  color: #666;
 }
+
 p {
   font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
 }
+
 .tabs-details {
   margin-right: 1px;
 }
+
 .project-image {
   background-image: url('/static/images/cat.png');
-  background-size:     cover;
-  background-repeat:   no-repeat;
+  background-size: cover;
+  background-repeat: no-repeat;
   background-position: center center;
 }
+
 .is-shady {
   animation: flyintoright .4s backwards;
   background: #fff;
@@ -100,21 +125,28 @@ p {
   position: relative;
   transition: all .2s ease-in-out;
 }
+
 .is-shady:hover {
   box-shadow: 0 10px 16px rgba(0, 0, 0, .13), 0 6px 6px rgba(0, 0, 0, .19);
 }
+
 .menu-list a.active {
   background-color: #3273dc;
   color: #fff;
 }
+
 .select-height {
   height: 100% !important;
   max-height: 200px !important;
 }
-.pagination-link, .pagination-next, .pagination-previous {
+
+.pagination-link,
+.pagination-next,
+.pagination-previous {
   background-color: white;
   margin-top: 20px;
 }
+
 .card-header-title {
   padding: 1.5rem;
 }
\ No newline at end of file