css: separate some styles to acount-bar.less, nav-indexes.less

diff --git a/src/newslash_web/css/main.less b/src/newslash_web/css/main.less
index c83ef0c..21edc60 100644 (file)
--- a/src/newslash_web/css/main.less
+++ b/src/newslash_web/css/main.less
@@ -1,6 +1,8 @@
 @import "main/colors.less";
 @import "main/editor.less";
 @import "main/main.less";
+@import "main/account-bar.less";
+@import "main/nav-indexes.less";
 @import "main/status-bar.less";
 @import "main/form.less";
 @import "main/contents-text.less";

diff --git a/src/newslash_web/css/main/account-bar.less b/src/newslash_web/css/main/account-bar.less
new file mode 100644 (file)
index 0000000..7b69a61
--- /dev/null
+++ b/src/newslash_web/css/main/account-bar.less
@@ -0,0 +1,24 @@
+#account-bar {
+    min-height: 0;
+    position: inherit;
+    margin-bottom: 0;
+    
+    .container-fluid {
+        padding-left: 0;
+        padding-right: 0;
+    }
+    li {
+        a { padding: 8px 15px; }
+    }
+}
+
+#account-bar-brand {
+    padding: 0;
+    display: block;
+    background: transparent url(/img/srad_logo/srad_logo03.png) no-repeat center left;
+    background-size: 100px;
+    text-indent: -999999px;
+    width: 100px;
+    height: 42px;
+    margin: 0;
+}

diff --git a/src/newslash_web/css/main/colors.less b/src/newslash_web/css/main/colors.less
index bb8aef1..57beb22 100644 (file)
--- a/src/newslash_web/css/main/colors.less
+++ b/src/newslash_web/css/main/colors.less
@@ -2,6 +2,8 @@
 
 @background: #fbf9f7;
 @text-color: #1a150d;
+@anchor-color: #775e38;
+@anchor-color-hover: #3b78e7;
 @text-color-weak1: #5e2f0d;
 @property-text-color: #775e38;
 

diff --git a/src/newslash_web/css/main/main.less b/src/newslash_web/css/main/main.less
index 8e6b2fc..3b9fa74 100644 (file)
--- a/src/newslash_web/css/main/main.less
+++ b/src/newslash_web/css/main/main.less
@@ -11,8 +11,14 @@
 @main-contents-padding-right: 4px;
 
 
-a { text-decoration: none; }
-a:hover { text-decoration: underline; }
+a {
+    text-decoration: none;
+    color: @anchor-color;
+}
+a:hover {
+    text-decoration: underline;
+    color: @anchor-color-hover;
+}
 
 body {
     background: @background;

diff --git a/src/newslash_web/css/main/nav-indexes.less b/src/newslash_web/css/main/nav-indexes.less
new file mode 100644 (file)
index 0000000..d07a06d
--- /dev/null
+++ b/src/newslash_web/css/main/nav-indexes.less
@@ -0,0 +1,13 @@
+#nav-indexes {
+    margin-bottom: 12px;
+    font-size: 90%;
+    ul {
+        margin: 4px 0 4px 16px;
+        padding: 0;
+        list-style-type: none;
+        li {
+            display: inline-block;
+        }
+    }
+}
+

diff --git a/src/newslash_web/css/main/site-header.less b/src/newslash_web/css/main/site-header.less
index a396c7b..5a84ed1 100644 (file)
--- a/src/newslash_web/css/main/site-header.less
+++ b/src/newslash_web/css/main/site-header.less
@@ -1,14 +1,15 @@
+@import "colors.less";
 
 #site-header {
     #site-banner {
         h1 {
-            background: #8b4513;
+            background: @background;
             text-align: center;
             margin: 0;
         }
         a.srad-logo {
             display: block;
-            background: transparent url(/img/srad_logo/srad_logo02.png) no-repeat top left;
+            background: transparent url(/img/srad_logo/srad_logo01.png) no-repeat top left;
             background-size: 150px;
             text-indent: -999999px;
             width: 150px;
@@ -19,36 +20,3 @@
 }
 
 
-#indexes {
-    text-align:center;
-    ul {
-        margin: 4px 0;
-        list-style-type: none;
-        li {
-            display: inline-block;
-        }
-    }
-}
-
-#account-bar {
-    min-height: 0;
-    position: inherit;
-    .container-fluid {
-        padding-left: 0;
-        padding-right: 0;
-    }
-    li {
-        a { padding: 8px 15px; }
-    }
-}
-
-#account-bar-brand {
-    padding: 0;
-    display: block;
-    background: transparent url(/img/srad_logo/srad_logo03.png) no-repeat center left;
-    background-size: 100px;
-    text-indent: -999999px;
-    width: 100px;
-    height: 34px;
-    margin: 0;
-}