wip - refacts

Yavsc/wwwroot/css/main/bootstrap.css

@@ -263,8 +263,8 @@ th {
 @font-face {
   font-family: 'Glyphicons Halflings';
 
-  src: url('../fonts/glyphicons-halflings-regular.eot');
-  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+  src: url('/fonts/glyphicons-halflings-regular.eot');
+  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
 }
 .glyphicon {
   position: relative;
@@ -4210,7 +4210,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .navbar {
   position: relative;
   min-height: 50px;
-  margin-bottom: 20px;
   border: 1px solid transparent;
 }
 @media (min-width: 768px) {

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;
 }

Yavsc/wwwroot/css/main/site.min.css

@@ -1 +0,0 @@
-.smalltofhol,tr.visiblepost{max-height:3em}body{background-color:#080225;color:#999}h1,h2,h3,h4,h5,h6{color:#fff}.smalltofhol{max-width:3em;float:left;margin:.5em}.price,.total{font-weight:700;color:#fff;padding:.2em;margin:.2em}.price{font-size:x-large;border:1px solid #fff;border-radius:1em}.total{font-size:xx-large;background-color:#1f1c58;border:1px solid #fff;border-radius:1em}.blog,.panel{padding:1em}.blog a{color:#FF8;font-weight:900}.blog a:active,.blog a:hover,a:active,a:hover{outline:0;color:#FAFA09}tr.hiddenpost{background-color:#130414;font-size:smaller;max-height:2em}a.bloglink{font-weight:700;text-shadow:0 0 8px #fff}a{font-weight:900;color:#FF8}.panel{float:left;margin:1em;color:#fff;background-color:#421824}button,input,select,textarea{background-color:#999;color:#333}.jumbotron{background-color:#502020;padding:.5em}.carousel-caption-s p{font-family:jubilat;font-weight:600;font-size:large;line-height:1.1;text-decoration:overline;text-decoration-line:overline;text-shadow:3px 3px 7px rgba(0,0,0,.8);-webkit-text-shadow:inset 0 3px 5px #000;color:#000;margin:.5em;padding:.5em;animation:mymove 3s infinite;background-color:rgba(256,256,256,.4)}.carousel-caption-s{right:3em;top:1em;left:3em;z-index:10;padding-top:20px;padding-bottom:20px;text-align:center;text-shadow:0 4px 8px rgba(0,0,0,.6);height:16em;overflow:auto}.carousel-inner .item{color:#FF8;padding-left:15%;margin-right:15%}.carousel-indicators{position:absolute;z-index:15;padding:0;text-align:center;list-style:none;top:.1em;height:1em}main.container{padding-right:1em;padding-left:1em;margin-left:1em;margin-right:1em}@-webkit-keyframes mymove{from,to{text-decoration-color:red}50%{text-decoration-color:#00f}}@keyframes mymove{from,to{text-decoration-color:red}50%{text-decoration-color:#00f}}ul.actiongroup li{display:inline}ul.actiongroup li a:hover{background-color:rgba(128,128,128,.2);color:red}.display-field{font-kerning:none;display:inline-flex;color:#FF8;background-color:#502020}.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;background-color:#210912}footer{vertical-align:bottom;padding:1.5em;color:grey;font-weight:bolder;font-size:x-small}.meta{color:#A0A0A0;font-style:italic;font-size:smaller}.activity{font-family:fantasy}.blogtitle{display:inline-block;font-size:x-large}.blogphoto{float:left;margin:1em}