Moving dark theme to its own stylesheet.

diff --git a/head.html b/head.html
index 1d0f89fb12398c3249ccbd780e27022fc6ffff3f..6b1cce9fa9f2d79e7667413774ac2e314184dea8 100644 (file)
--- a/head.html
+++ b/head.html
@@ -1,6 +1,9 @@
 
 <script src="/jquery-1.4.2.min.js" language="javascript"></script>
-<link href="/style.css" rel="styleSheet" type="text/css" media="screen" />
+
+<!-- <link href="/style.css" rel="styleSheet" type="text/css" media="screen" /> -->
+<link href="/style-dark.css" rel="styleSheet" type="text/css" media="screen" />
+
 <link rel="shortcut icon" type="image/x-icon"  href="/favicon.ico" />
 
 <link rel="alternate" type="application/rss+xml" title="RSS" href="http://<?php echo BASE_URL; ?><?php echo $_SERVER['REQUEST_URI'] ?>/.xml">

diff --git a/style-dark.css b/style-dark.css
new file mode 100644 (file)
index 0000000..ff4e9b8
--- /dev/null
+++ b/style-dark.css
@@ -0,0 +1,180 @@
+body {
+     background:#191919;
+     color: #aaa;
+     font-family: sans-serif;
+     line-height: 1.2em;
+    font-size:16px;
+    margin:20px;
+}
+a {
+  color:#ff0;
+}
+a:hover, .private a:hover {
+    color: #ee0 !important;
+    text-decoration:none;
+    border-color:#00e;
+}
+a.mute {
+    color:#444;
+}
+ul {
+    padding: 0pt;
+}
+li {
+     list-style-type: none;
+}
+label {
+    font-weight:bold;
+}
+hr {
+    border:0;
+    border-bottom:1px dotted #333;
+}
+
+.bull {
+    display:inline-block;
+    margin-right:0.6em;
+}
+
+
+.header, .header a {
+     color: #fff;
+}
+.header b {
+     color: #fff;
+}
+
+
+#signin {
+    position:absolute;
+    top:0;
+    right:0;
+    padding:5px;
+}
+#register {
+     display: inline-block;
+}
+
+
+ul.links {
+    max-width:720px;
+    padding:0 0 3px 0;
+}
+ul.links li {
+    margin-top:2.5em;
+    margin-bottom:2.5em;
+}
+ul.links li span.url a {
+    display:inline-block;
+    line-height:1.2em;
+    font-weight:normal;
+    font-size:20px;
+    text-decoration:none;
+}
+ul.links li span.url a {
+    color:#fff;
+}
+ul.links li span.url a:hover {
+    text-decoration:none;
+}
+ul.links li .desc {
+    color:#4d0;
+}
+ul.links li .expand {
+    color:#aaa;
+}
+ul.links li .desc {
+    display:inline-block;
+    margin:2px 0 5px 0;
+}
+ul.links li .tags {
+}
+ul.links li .tags:hover,
+ul.links li .tags:hover a {
+}
+ul.links li .tags:hover a:hover {
+    color:#fff !important;
+}
+.private a {
+    background:#222 !important;
+    color:#666 !important;
+}
+
+.meta {
+    color:#999;
+    font-style:italic;
+    font-size:0.8em;
+}
+.meta a {
+    color:#999;
+}
+
+
+.ui {
+    font-size:0.9em;
+    font-weight:normal;
+    font-style:normal;
+}
+a.ui {
+    color:#333 !important;
+    text-decoration:underline;
+}
+a.ui:hover {
+    text-decoration:none;
+}
+.ui.delete
+}
+.ui.edit {
+}
+
+
+form.new input[type="text"] {
+    width:100%;
+}
+form.new textarea {
+    width:100%;
+    height:4em;
+    font-family:Lucida Grande, inherited;
+    font-size:11px;
+    padding:3px;
+}
+
+
+ul.tags, ul.tags li {
+    display:inline-block;
+}
+ul.tags li {
+    font-size:0.8em;
+    letter-spacing:0.03em;
+    margin:0.2em 0.08em;
+}
+ul.tags li a {
+    color:#fff;
+    background:#444;
+    border-radius:3px;
+    padding:0.2em 0.3em;
+    text-decoration:none;
+}
+ul.tags li a:hover {
+    background:#333;
+}
+
+
+
+
+
+
+
+.tag-help {
+    font-weight:normal;
+    font-size:12px;
+}
+#tag-help {
+    margin:0.1em 0 0.3em 0.5em;
+    font-size:12px;
+}
+
+#tags li {
+    display:block;
+}
+

diff --git a/style.css b/style.css
index ff4e9b8d9f6b36d93c66a48b48d054797b536154..f03672a88b07739e4279f1127f286437348fb4cb 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,16 +1,14 @@
 body {
-     background:#191919;
-     color: #aaa;
+     color: #444444;
      font-family: sans-serif;
      line-height: 1.2em;
-    font-size:16px;
+    font-size:14px;
     margin:20px;
 }
 a {
-  color:#ff0;
 }
 a:hover, .private a:hover {
-    color: #ee0 !important;
+    color: #00e !important;
     text-decoration:none;
     border-color:#00e;
 }
@@ -28,7 +26,7 @@ label {
 }
 hr {
     border:0;
-    border-bottom:1px dotted #333;
+    border-bottom:1px dotted #888;
 }
 
 .bull {
@@ -38,10 +36,10 @@ hr {
 
 
 .header, .header a {
-     color: #fff;
+     color: #888888;
 }
 .header b {
-     color: #fff;
+     color: #000000;
 }
 
 
@@ -72,13 +70,13 @@ ul.links li span.url a {
     text-decoration:none;
 }
 ul.links li span.url a {
-    color:#fff;
+    color:#000;
 }
 ul.links li span.url a:hover {
     text-decoration:none;
 }
 ul.links li .desc {
-    color:#4d0;
+    color:#00d;
 }
 ul.links li .expand {
     color:#aaa;
@@ -96,8 +94,8 @@ ul.links li .tags:hover a:hover {
     color:#fff !important;
 }
 .private a {
-    background:#222 !important;
-    color:#666 !important;
+    background:#eee !important;
+    color:#aaa !important;
 }
 
 .meta {
@@ -120,6 +118,7 @@ a.ui {
     text-decoration:underline;
 }
 a.ui:hover {
+    color:#00d !important;
     text-decoration:none;
 }
 .ui.delete
@@ -150,7 +149,7 @@ ul.tags li {
 }
 ul.tags li a {
     color:#fff;
-    background:#444;
+    background:#999;
     border-radius:3px;
     padding:0.2em 0.3em;
     text-decoration:none;