style

Yavsc/Views/Blogspot/Index.cshtml

@@ -50,27 +50,4 @@
 }
 </table>
 
-<style>
-    tr.vpost {
-        background-color: #80A050;
-        max-height: 3em;
-    }
-    tr.ipost {
-        background-color: #303030;
-        color: #b0b0b0;
-        font-size: smaller;
-        max-height: 3em;
-    }
-    tr.vpost a {
-        font-weight: bold;
-        color: white;
-        text-shadow: 3px 3px 8px black; 
-    }
-    tr.ipost a {
-        font-style: bold;
-        color: #b0b0b0;
-        text-shadow: 3px 3px 5px #505050; 
-    }
-    </style>
-
 

Yavsc/Views/Home/Chat.cshtml

@@ -3,42 +3,43 @@
 <label><input type="checkbox" id="mute" />Muet</label>
 <style>
 .discussion {
-  color: black;
+  color: white;
   font-family: monospace;
 }
 .notif {
-  color: grey;
+  color: #aaf;
   font-family: monospace;
 }
 .pv {
-  color: black;
+  color: yellow;
   font-family: monospace;
   font-style: bold;
-  background-color: yellow;
 }
 
 #targets { 
     display:inline-block;
 }
 </style>
+
+
+
 <div class="container">
     <input type="hidden" id="displayname" />
-    <div style="float:right; background-color: grey; padding:1em; margin:1em;">
-<h3>Salons</h3>
-<ul>
-    <li id="pubChan">Public</li>
-</ul>
-<h3>Utilisateurs</h3>
-<ul id="userlist" style="list-style:none; padding: 1em; margin:1em;">
-</ul>
-
-</div>
+    <div class="panel">
+    <em>Salons</em>
+    <ul>
+        <li id="pubChan">Public</li>
+    </ul>
+    <em>Utilisateurs</em>
+    <ul id="userlist" style="list-style:none;">
+    </ul>
+    </div>
 <ul id="discussion">
 </ul>
 <div id="targets">
     <div id="sendmessagebox">
         <input type="text" id="message" />
-        <input type="button" id="sendmessage" value="@SR[" Send "]" />
+        <input type="button" id="sendmessage" value="@SR["Send"]" />
     </div>
     @if (ViewBag.IsAuthenticated) {
     <div id="sendpvbox">

Yavsc/wwwroot/css/site.css

@@ -4,14 +4,47 @@
 
 body {
   background-color: #210912;
-  color:#777;
+  color:#999;
 }
 h1,h2,h3{color:#fff;}
 .blog {
     padding: 1em;
-    color: #999;
-    background-color: rgb(0,0,0);
+}
+.blog a {
+  color: #9f9;
+  font-weight: 900;
+}
+.blog a:active,
+.blog a:hover {
+  outline: 0;
+  color: #6C6;
+}
 
+tr.vpost {
+    background-color: #306020;
+    max-height: 3em;
+}
+tr.ipost {
+    background-color: #303030;
+    font-size: smaller;
+    max-height: 2em;
+}
+tr.vpost a {
+    font-weight: bold;
+    color: white;
+    text-shadow: 3px 3px 8px black; 
+}
+tr.ipost a {
+    font-style: bold;
+    color: #b0b0b0;
+    text-shadow: 3px 3px 5px #505050; 
+}
+.panel{
+   float: left;
+   padding:1em;
+   margin:1em;
+   color: white;
+   background-color: #421824;
 }
 /* Set widths on the form inputs since otherwise they're 100% wide */
  input,
@@ -31,15 +64,6 @@ a:hover {
   outline: 0;
   color: #6C6;
 }
-.blog a {
-  color: #9f9;
-  font-weight: 900;
-}
-.blog a:active,
-.blog a:hover {
-  outline: 0;
-  color: #6C6;
-}
 .jumbotron {
     background-color: #502020;
     padding: .5em;