CSS thing

/* @override
    http://www.hentairules.net/wp-content/themes/canvas/custom.css */

/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */



.spoiler-body {
    background-color:#131f32 !important;
}

#navigation {
    margin-bottom: 0em;
}

.wp-smiley { background-color: transparent !important;}

.wp-pagenavi, .wp-pagenavi form { display: inline; }

/* sure, I'll throw ads in the face of smartphone users. Their tiny screens need shit like that. */
@media only screen and (max-width:480px) {
.hide_on_mobile {
display: none !important;}
}

/* Enlarging the star ratings didn't do anything for me, but made them gigantic for someone else. FFS.
.post-ratings IMG {width: 20px; height: 20px;} */

/* Won't work for me.
.post-ratings {
line-heigth: 1;
} */

/* Won't work for me.
@media="all" {
.post-ratings  {
 vertical-align: middle; }
} */

/* Change it, don't change it... ah, damn it, I hesitate... Defaults are padding 3 and border 1
.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
  height: auto;
  padding: 1px;
  border: 0px solid #e6e6e6;
  background: #F8F8F8;
  background: rgba(255, 255, 255, 0.7); }
  */

div.deco {
  background-image: url(http://www.hentairules.net/blog/wp-content/uploads/top.png), url(http://www.hentairules.net/blog/wp-content/uploads/footer.png);
  background-position: center top, center bottom;
  background-repeat: no-repeat, no-repeat;
  background-color: #030f22;
}

.deco #footer-widgets {
    border-top:none;
}

.lienzip {
    padding: 1em;
    margin: 2em 3em;
    line-height: 1.7em;
    border: 1px solid #a9a9a9;
    }

.bonuslinks p {
    font-size:x-small !important;
    font-style: italic !important;
    }
    /* Not working. I added "p" just in case, meh, to no chance. FFS. Abandon it. */

article.type-post {
    background: url(http://www.hentairules.net/blog/wp-content/uploads/post.png) left top no-repeat #131f32;
    padding: 30px 20px 20px;
}

.widget a {
    color: white;
}

article.type-post a.more-link {
    -moz-appearance: none;
    background: none 0 0 repeat scroll #dd3333;
    border-color: rgba(255, 255, 255, 0);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 0 0 #888;
    box-sizing: border-box;
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    font-weight: 200;
    line-height: 1.618em;
    overflow: visible;
    padding: 0.327em 1em;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    white-space: normal;
    width: auto;
    margin-top: 20px;
}

article.type-post a.more-link:hover {
    background: none 0 0 repeat scroll #881616;
    text-decoration: none;
}

/* won't work.
.more-link {
    text-align: center !important;
    margin: 0 auto !important;
}       */

/* won't work
.more-link p {
    text-align: center !important;
    margin: 0 auto !important;
}       */

/* won't work
.more-link {
display: block;
width: 200px;
}  */

/* won't work
.more-link {
display: block;
width: 200px;
margin: 20px auto 0;
}   */

/* partially works, the CONTINUE READING is a bit on the right of the horizontal middle.
article.type-post a.more-link {
position: relative;
left: 50%;
margin-left: -100px;
width: 200px:
} */
/* That margin-left didn't do shit, with or without it, nothing new happens */

/* Hey, why didn't I try that one already ? -- Bummer, doesn't work.
article.type-post a.more-link {
text-align: center;
} */

/* That one works, at least. Not much of a surprise, though, and at the cost of affecting EVERYTHING even when I don't want it :(
.entry, .entry p {
text-align: center;
}
*/

/*  Need to specify it because it has been reset to font-size:100% in the main style.css */
small {
    font-size: smaller;
}

/*  Need to specify it because it has been reset in the main style.css */
b {
    font-weight: bold;
}

/* Note to self, there's this reference in style.css that MIGHT be cause for the emoticons and the star ratings to be wrongly aligned
img {
  vertical-align: bottom;
  max-width: 100%; }
*/

/* That one works! But it centers EVERYTHING, which may not be such a great thing
section.entry :last-child {
text-align: center;
}  */

article .post-meta .small {
    text-transform: none;
}

.post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited {
    color: #e4e4e4;
}


#main #comments h3, .comment-respond h3#reply-title.comment-reply-title, #main h1.archive_header {
    color: white;
}

#avertissementVieuxPost {

  /* A bright orange color, with some very slight transparency added. */
  background: rgba(255, 128, 0, 1);
    /* le ", 1" final c'est pour dire "aucune transparence", plus c'est près de zéro plus c'est transparent, par ex 0.7 en ferait une couleur plus pâlotte */
  width:80%;
  margin:0 auto;
  padding: 8px;
  text-align:center;
  color:black;

  /* ANGLES ARRONDIS : A few vendor-prefixed versions of the property... */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
   /* ...and the 'real' property last. */
  border-radius: 4px;

  /* OMBRES : A few vendor-prefixed versions of the property... */
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.7);
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.7);
   /* ...and the 'real' property last. */
  box-shadow: 2px 2px 2px rgba(0,0,0,0.7);

  font-family: "Lucida Sans Unicode", "Lucida Sans", Tahoma, Arial, sans-serif;

}

#avertissementVieuxPost a {
color:black;
}

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
    /* Desktop styles go below this line */

    div#content.col-full {
        padding-top: 30px;
    }


}