diff --git a/static/src/css/admin.css b/static/src/css/admin.css
index 75fc901..e54f0e3 100644
--- a/static/src/css/admin.css
+++ b/static/src/css/admin.css
@@ -1,25 +1,15 @@
+@import url("global.css");
 @import url("bootstrap/bootstrap.min.css");
 @import url("bootstrap/todc-bootstrap.min.css");
 @import url("codeMirror/codemirror.css");
 @import url("simditor/simditor.css");
 @import url("webuploader/webuploader.css");
 @import url("datetime_picker/bootstrap-datetimepicker.css");
-html, body {
-    height: 100%;
-}
 
-img {
-    max-width: 100%;
-    height: auto;
-}
-
-.footer {
-    padding-top: 30px;
-    padding-bottom: 30px;
-    float: bottom;
-    bottom: 0;
-}
-
-label {
-    font-size: 16px;
+#loading-gif{
+    width: 40px;
+    height: 40px;
+    margin: auto;
+    position: absolute;
+    top: 0; left: 0; bottom: 0; right: 0;
 }
\ No newline at end of file
diff --git a/static/src/css/global.css b/static/src/css/global.css
new file mode 100644
index 0000000..edc04a7
--- /dev/null
+++ b/static/src/css/global.css
@@ -0,0 +1,15 @@
+img {
+    max-width: 100%;
+    height: auto;
+}
+
+.footer {
+    left: 0;
+    right: 0;
+    position: absolute;
+    bottom: 30px;
+}
+
+label {
+    font-size: 16px;
+}
\ No newline at end of file
diff --git a/static/src/css/oj.css b/static/src/css/oj.css
index fcf80dd..5e1bfc5 100644
--- a/static/src/css/oj.css
+++ b/static/src/css/oj.css
@@ -1,25 +1,7 @@
 @import url("bootstrap/bootstrap.min.css");
 @import url("bootstrap/todc-bootstrap.min.css");
 @import url("codeMirror/codemirror.css");
-html, body {
-    height: 100%;
-}
 
-img {
-    max-width: 100%;
-    height: auto;
-}
-
-.footer {
-    padding-top: 30px;
-    padding-bottom: 30px;
-    float: bottom;
-    bottom: 0;
-}
-
-label {
-    font-size: 16px;
-}
 
 #language-selector {
     width: 130px;
@@ -47,7 +29,6 @@ label {
     font-size: 15px;
 }
 
-/* index css */
 .jumbotron {
     text-align: center;
     background-color: transparent;