Les Chroniques de SAPHIR

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

Où les chroniques de SAPHIR se regroupent.

Vous ne devriez pas fouiller ici, et vous le savez.

On pourrait vous prendre pour un espion.

Une taupe de la Coalition, de la Fondation, ou pire, de l'Initiative.

Vous pourriez avoir de gros ennuis.

Bien sûr, en apprendre plus sur le passé de notre fière société est révélateur de notre condition actuelle.

Le projet de réinsertion des hémovores que nous offrons.

La nature exacte de la Stoa.

La chute de la Loge de Paris.

Mais il y a eu beaucoup de morts, et encore plus de secrets.

Bien sûr, nous encourageons la recherche de la Vérité sous toutes ses formes.

Mais vous ne devriez pas fouiller ici, et vous le savez.

---

██/██/1913 : [DOCUMENT ENDOMMAGÉ]

██/██/1923 : [DOCUMENT ENDOMMAGÉ]

██/██/1933 : [DOCUMENT ENDOMMAGÉ]

12/01/1943 : Rompre le Pain

15/11/1953 : Partager le Vin

23/02/1963 : Verser le Sang

13/09/1973 : Chasser le Mal

26/06/1983 : Trouver l'Absolution

██/██/1993 : [DOCUMENT ENDOMMAGÉ]

---