À mon Anoure
/* IMPORT */
 
@import url('https://fonts.googleapis.com/css?family=UnifrakturCook:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
 
/* Masquer le titre */
#page-title {
  display: block;
}
 
/* Notes étoiles */
.hover {
}
.hover:hover {
    text-decoration: none;
    border-bottom: none;
}
.hover span {    display: none;}
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 0px 0px;
    height: auto;
    width: auto;
    background: #FFF;
    border: 2px solid #696969;
    color: #000;
    padding: 1em;
  box-shadow: 0 2px 4px rgba(75, 75, 75, .5);
}
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
 
/* Grand titre : 1er = Texte titre 2e = Contour, ombre */
 
#header h1 a::before {
    content: ;
    font-family: chomsky;
    font-weight: normal;
    font-style: normal;
    color:black;
}
 
#header h1 a {
    display: none;
    margin: 0;
    padding: 0px 0 0px;
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    background: transparent;
    font-family: Merriweather;
    font-size: 0%;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: 0.9px;
}
 
#header h2 span::before {
    content: ;
    color:black;
}
 
#header h2 a {
    display: none;
    margin: 0;
    padding: 0px 0 0px;
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    background: transparent;
    font-family: 'Special Elite', cursive;
    font-size: 0%;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: 0.0px;
}
 
/* LOGO */
 
#header {
    height: 200px;
    padding-bottom: 0px; /* FOR MENU */
    position: relative;
 background: url( BLANC )
}
 
/* BANNIÈRE */
 
div#container-wrap {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Asaphir/saphir-header.png) top left repeat-x;
}
body {
    background-position: top center;
    background-repeat: repeat;
    background-color: white;
    color: black;
}
 
/* FOND DE PAGE */
 
body {
    color:black;
    background-image: url( BLANC );
}
 
/* TITRE DE LA PAGE */
 
#page-title {
  display: block;
  font-size: 200%;
  text-align: center;
  padding: 40px 0 30px;
  position: relative;
  color:black;
}
 
/* HIDE THE HEADER TEXT */
#header h1 a {
    display: block;
    margin: 0;
    padding: 0px 0 0px;
    line-height: 0px;
    max-height: 0px;
    color: #00003D;
    background: transparent;
    font-size:0%;
    text-decoration: none;
    text-shadow: 3px 3px 5px #000;
    letter-spacing: 0.9px;
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 0px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: #f0f0c0;
    font-size: 0%;
    text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
 
/* HEADINGS */
h1 {
  position: relative;
  text-align: center;
  font-size: 20pt;
  color: #00003D;
  font-weight: bold;
  font-style: italic;
}
h2 {
  font-family: Merriweather;
  font-size: 16pt;
  color:black;
}
 
h3 {
  font-family: Merriweather;
  font-size: 14pt;
  color:black;
}
 
/* BARRE DE RECHERCHE */
#search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus {
    background-color: transparent;
    color: transparent;
    display: none;
    font-size: 0pt;
    padding: 0px;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 0px black;
    padding: -50px;
    color: black;
    display: none;
    font-family: Merriweather;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
    display: none;
    background: transparent;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background: transparent;
    display: none;
}
 
/* TOP BARRE */
#top-bar {
    position: absolute;
    z-index: 50;
    top: 140px;
    height: 21px;
    line-height: 18px;
    padding: 93px;
    z-index: 20;
    font-size: 90%;
}
#top-bar ul {
    float: right;
}
#top-bar a {
    color: #fff;
    background: transparent;
}
#top-bar ul li {
    border: 0;
}
#top-bar ul li ul {
    border: solid 1px transparent;
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    border-top: 0;
}
#top-bar ul li a {
    border-left: solid 1px rgba(64,64,64,.1);
    border-right: solid 1px rgba(64,64,64,.1);
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #fff;
    color: #414446;
    border-left: solid 1px rgba(64,64,64,1);
    border-right: solid 1px rgba(64,64,64,1);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    border-top: 1px solid #ddd;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #fff;
    color: #414446;
    text-decoration: none;
}
#top-bar ul li ul {
    border-width: 0 1px 1px 1px;
    width: auto;
}
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
#top-bar ul li ul li a {
    border-width: 0;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #a01;
}
 
/* SIDEBAR */
 
#side-bar {
    background: transparent;
    padding-top: 100px;
}
 
#side-bar .side-block {
    border: 1px solid #656565;
    box-shadow: 0 0px 0px rgba(21, 21, 21, 1);
    background: white;
    border-radius: 0px;
}
#side-bar .heading {
    color: #BC0E12;
    font-size: 120%;
    border-bottom: solid 1px #00003D;
}
 
#side-bar img {
    filter: hue-rotate(70deg);
    -webkit-filter: hue-rotate(70deg);
}
 
#side-bar div.side-block:nth-child(7) > div:nth-child(1) > div:nth-child(1) img {
    filter: none;
    -webkit-filter: none;
}
 
/* MENU OUVERTURE SIDEBAR */
 
open-menu a {
    border: 0.2em solid #003333!important;
    background-color: lightgrey!important;
    color: #003333!important;
}
 
/* MOBILE SIDEBAR */
@media (max-width: 767px) {
 
#side-bar{
    background-color: transparent;
}
 
.open-menu a {
    border: 0.2em solid white!important;
    background-color: #5d84a3!important;
    color: white!important;
}
}
 
/* NOM UTILISATEUR */
 
#login-status {
    color: #990000;
    font-family: 'Special Elite', cursive;
    font-size: 100%;
    z-index: 30;
   display: none;
}
 
#login-status a {
    background: transparent;
    font-family: 'Special Elite', cursive;
    font-size: 100%;
    color: black;
border: none;
}
 
#login-status ul a {
    color: black;
    font-family: 'Special Elite', cursive;
    font-size: 100%;
    background: transparent;
background-color: transparent;
 
}
 
#login-status ul a:hover{
color: black;
    font-family: 'Special Elite', cursive;
    font-size: 100%;
}
 
#account-topbutton {
    background: transparent;
    color: #000;
}
 
/* COLLAPSIBLE */
 
.collapsible-block-link {
     font-family: Merriweather;
     color: #00003D
}
 
/* LIENS */
 
a {
    color: #000;
}
 
a:visited {
    color: #000;
}
 
/* Adjust Mobile Image Size */
@media (max-width: 321px) { 
 
div#container-wrap {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Asaphir/saphir-smallheader.png) top left repeat-x;
}
#top-bar {
    position: absolute;
    z-index: 50;
    top: 140px;
    height: 21px;
    line-height: 18px;
    padding: 0px;
    z-index: 20;
    font-size: 90%;
}
 
#page-title {
  display: block;
  font-family: 'Special Elite', cursive;
  font-size: 200%;
  text-align: center;
  padding: 0px 0px 0px 0px;
  position: relative;
  color:black;
}
 
#side-bar {
    background: transparent;
    padding-top: 0px;
}
 
}
 
@media (min-width: 322px) and (max-width: 424px) { 
div#container-wrap {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Asaphir/saphir-smallheader.png) top left repeat-x;
}
#top-bar {
    position: absolute;
    z-index: 50;
    top: 140px;
    height: 21px;
    line-height: 18px;
    padding: 0px;
    z-index: 20;
    font-size: 90%;
}
 
#side-bar {
    background: transparent;
    padding-top: 0px;
}
 
#page-title {
  display: block;
  font-family: 'Special Elite', cursive;
  font-size: 200%;
  text-align: center;
  padding: 0px 0px 0px 0px;
  position: relative;
  color:black;
}
}
@media (min-width: 425px) and (max-width: 767px) { 
div#container-wrap {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Asaphir/saphir-smallheader.png) top left repeat-x;
}
#top-bar {
    position: absolute;
    z-index: 50;
    top: 140px;
    height: 21px;
    line-height: 18px;
    padding: 0px;
    z-index: 20;
    font-size: 90%;
}
 
#side-bar {
    background: transparent;
    padding-top: 0px;
}
 
#page-title {
  display: block;
  font-family: 'Special Elite', cursive;
  font-size: 200%;
  text-align: center;
  padding: 0px 0px 0px 0px;
  position: relative;
  color:black;
}
}
    • _

    Avec tant de scepticisme
    J'appris ta condition
    Me donnant pour mission
    D'accomplir ton exorcisme

    Je ne pus le concevoir
    De ta position d'anoure
    Tu devais trouver l'amour
    Quelle est cette magie noire

    J'en apprenais plus sur toi
    Et j'en étais fasciné
    Ton être dans sa beauté
    Faisait perdre ma non-foi

    J'en ai fait des sacrifices
    Malgré ta forme batracienne
    Pour que ma vie t'appartienne
    Un baiser raye ton supplice

    De ce que j'accomplis
    Sous forme de RUBIS

    Je sais ta sanction
    À l'aide du ZIRCON

    Tu m'inspires cette ode
    J'en suis un ÉMERAUDE

Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License