wip - refacts

Yavsc/wwwroot/css/main/site.css

@@ -2,19 +2,12 @@
 /* Wrapping element */
 /* Set some basic padding to keep content from hitting the edges */
 
-body {
- /* background-color: #04264f;
-  color:#000;*/
-  background-color: #080225;
-  color:#999;
-}
-h1,h2,h3,h4,h5,h6{color:#fff;}
+
 .smalltofhol { max-height: 3em; max-width: 3em; float:left; margin:.5em; }
 .price {
     font-weight: bold;
     font-size: x-large;
-    color: #fff;
-    border: solid white 1px;
+    border: solid black 2px;
     border-radius: 1em;
     padding: .2em;
     margin: .2em;
@@ -22,9 +15,8 @@ h1,h2,h3,h4,h5,h6{color:#fff;}
 .total {
     font-weight: bold;
     font-size: xx-large;
-    color: #fff;
-    background-color: #1f1c58;
-    border: solid white 1px;
+    background-color: #f8f;
+    border: solid black 3px;
     border-radius: 1em;
     padding: .2em;
     margin: .2em;
@@ -34,55 +26,75 @@ h1,h2,h3,h4,h5,h6{color:#fff;}
     padding: 1em;
 }
 .blog a {
-  color: #FF8;
   font-weight: 900;
 }
 .blog a:active,
 .blog a:hover {
   outline: 0;
-  color: #FAFA09;
 }
 
+.discussion {
+  color: black;
+}
+.notif {
+  color: #555;
+}
+.pv {
+  color: #540;
+  font-style: bold;
+}
+.discussion {
+  font-family: monospace;
+}
+.notif {
+  color: #006;
+  font-family: monospace;
+}
+.pv {
+  color: #251;
+  font-family: monospace;
+  font-style: bold;
+}
+
+#targets { 
+    display:block;
+}
 tr.visiblepost {
     max-height: 3em;
 }
 tr.hiddenpost {
-    background-color: #130414;
+    background-color: #888;
     font-size: smaller;
     max-height: 2em;
 }
 a.bloglink {
     font-weight: bold;
-    text-shadow: 0px 0px 8px white; 
+    text-shadow: 0px 0px 8px black; 
 }
 a {
   font-weight: 900;
-  color: #FF8;
 }
 a:active,
 a:hover {
   outline: 0;
-  color: #FAFA09;
 }
 
 .panel{
    float: left;
    padding:1em;
    margin:1em;
-   color: white;
-   background-color: #421824;
+   color: black;
 }
 /* Set widths on the form inputs since otherwise they're 100% wide */
  input,
 select,
  button,
  textarea {
-  background-color: #999;
-  color: #333;
+  background-color: #bbb;
+  color: #000;
 }
 
 .jumbotron {
-    background-color: #502020;
     padding: .5em;
 }
 /* Set widths on image and video, since otherwise they use their native resolution */
@@ -98,13 +110,13 @@ select,
     line-height: 1.1;
     text-decoration: overline;
     text-decoration-line: overline;
-    text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.8);
+    text-shadow: 3px 3px 7px rgb(0, 0, 0);
     -webkit-text-shadow: inset 0 3px 5px rgb(0, 0, 0);
     color: black;
     margin:0.5em;
     padding:.5em;
     animation: mymove 3s infinite;
-    background-color: rgba(256,256,256,.4);
+    background-color: rgba(256,256,256,.6);
 }
 
 .carousel-caption-s {
@@ -121,7 +133,6 @@ select,
 }
 .carousel-inner .item {
     /* background-color: #301010; */
-    color: #FF8;
     padding-left:15%; /* la taille du carousel-control */
     margin-right:15%; /* la taille du carousel-control */
 }
@@ -160,8 +171,8 @@ ul.actiongroup li {
 }
 
 ul.actiongroup li a:hover {
-    background-color: rgba(128,128,128,.2);
-    color: red;
+    background-color: rgba(200,200,200,.6);
+    color: #400;
 }
 
 footer {
@@ -172,15 +183,14 @@ footer {
 .display-field {
     font-kerning: none;
     display: inline-flex;
-    color: #FF8;
-    background-color: #502020;
+    color: #008;
 }
 
 .display-label {
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-stretch: condensed;
     display: inline-flex;
-    color: #A0A0A0;
+    color: #444;
     background-color: #210912;
 }
 
@@ -191,7 +201,7 @@ footer {
 }
 
 .meta { 
-    color : #A0A0A0;
+    color : #444;
     font-style: italic;
     font-size: smaller;
 }