Texte vergleichen

Finde den Unterschied zwischen zwei Textdateien

Live-Editor

Gleiches ausblenden

Zeilenumbruch aus

Ansicht

Vergleichsgenauigkeit

Syntaxhervorhebung

Diffchecker Desktop Der sicherste Weg, Diffchecker zu nutzen. Hol dir die Desktop-App: Deine Diffs verlassen nie deinen Computer!Desktop holen

Untitled diff

Erstellt vor 7 JahrenDiff läuft nie ab

290 Entfernungen

Zeilen
Gesamt
Entfernt

Zeichen
Gesamt
Entfernt

Um diese Funktion weiterhin zu nutzen, aktualisiere auf Diffchecker Pro Preise anzeigen

788 Zeilen

334 Hinzufügungen

Zeilen
Gesamt
Hinzugefügt

Zeichen
Gesamt
Hinzugefügt

Um diese Funktion weiterhin zu nutzen, aktualisiere auf Diffchecker Pro Preise anzeigen

813 Zeilen

/* -------------------------------------

global.css

Contient les classes globales au site, peuvent etre utilisees partout.

- Mise en forme du texte

- Mise en forme du contenu

- Les Icones specifiques PHPBoost de FontAwesome

- Systeme d upload

- social connect

------------------------------------- */

--------------------------------------*/

/* -- La mise en forme du texte -- */

/* ------------------------------- */

/* --- Les liens du site --- */

a {

color: #366493;

text-decoration: none;

font-weight: normal;

}

a:hover {

a:hover,

color: #021B34;

.link-color:hover {

text-decoration: underline;

transition: all 0.3s ease;

}

/* --- Couleur des liens --- */

a.admin { color: #E27B47; }

a.modo { color: #2F9674; }

a.member { color: #021B34; }

/* --- Couleur de texte --- */

.color-alert { color: #B22222; }

.color-notavailable { color: #B22222; }

.color-available { color: #008000; }

.color-unknown { color: #004b80; }

.bkgd-color-visible { background-color: #CCFFCC; }

.bkgd-color-unvisible { background-color: #FFEE99; }

.bkgd-color-unaprobed { background-color: #FFCCCC; }

.bkgd-color-fixed { background-color: #7FFF9C; }

tr td.bkgd-color-fixed { background-color: #7FFF9C; }

.bkgd-color-processing { background-color: #FFD86F; }

tr td.bkgd-color-processing { background-color: #FFD86F; }

.bkgd-color-unknown { background-color: #FF796F; }

tr td.bkgd-color-unknown { background-color: #FF796F; }

/* --- Tailles de polices --- */

.smaller { font-size: 0.7em; }

.smaller { font-size: 0.618em; }

.small { font-size: 0.9em; }

.small { font-size: 0.809em; }

.normal { font-size: 1.0em; }

.normal { font-size: 1.000em; }

.big { font-size: 1.2em; }

.big { font-size: 1.228em; }

.bigger { font-size: 1.5em; }

.bigger { font-size: 1.456em; }

.biggest { font-size: 2.0em; }

.biggest { font-size: 2.1618em; }

/* --- Les titres (balise h) --- */

h1 { font-size: 2.2rem; }

h1 { font-size: 2.4em; }

h2 { font-size: 2.0rem; }

h2 { font-size: 2.0em; }

h3 { font-size: 1.9rem; }

h3 { font-size: 1.8em; }

h4 { font-size: 1.8rem; }

h4 { font-size: 1.6em; }

h5 { font-size: 1.6rem; }

h5 { font-size: 1.4em; }

h6 { font-size: 1.4rem; }

h6 { font-size: 1.2em; }

h1, h2, h3, h4, h5, h6 {

overflow: hidden;

font-weight: 400;

word-wrap: normal;

overflow-wrap: normal;

hyphens: none;

line-height: normal;

}

section header h1 {

font-size: 1em;

}

section > header,

section > header h1 {

text-align: right;

}

article > header > h1 {

font-size: 1.482em;

}

/* --- Les Titres bbcode --- */

.formatter-title {

display: inline-block;

margin: 1.5rem 0 1rem 0;

margin: 1.618rem 0 1.309rem 0;

border-color: #366393;

font-weight: 300;

}

h2.formatter-title {

border-bottom-width: 3px;

border-bottom-style: solid;

border-bottom-width: 3px;

border-color: transparent;

font-weight: bold;

margin-top: 2.618rem;

margin-top: 3rem;

}

h3.formatter-title {

border-bottom-width: 2px;

border-bottom-style: solid;

border-bottom-width: 2px;

border-color: transparent;

}

h4.formatter-title {

text-decoration: underline;

}

h5.formatter-title {

font-style: italic;

text-decoration: underline;

}

h6.formatter-title {

font-style: italic;

}

h2.formatter-title { margin-left: 0; }

h2.formatter-title { font-size: 2.8rem; margin-left: 0; }

h3.formatter-title { margin-left: 1rem; }

h3.formatter-title { font-size: 2.6rem; margin-left: 1rem; }

h4.formatter-title { margin-left: 2rem; }

h4.formatter-title { font-size: 2.4rem; margin-left: 2rem; }

h5.formatter-title { margin-left: 3rem; }

h5.formatter-title { font-size: 2.2rem; margin-left: 3rem; }

h6.formatter-title { margin-left: 4rem; }

h6.formatter-title { font-size: 2.0rem; margin-left: 4rem; }

.formatter-title + br + .formatter-title {

margin-top: 0;

}

/* -- Mise en forme du contenu -- */

/* ------------------------------ */

/* --- Affichage du mini calendrier --- */

.calendar-block-container {

position: absolute;

z-index: 100;

left: 0;

right: 0;

}

.form-field .calendar-container {

display: inline-block;

position: relative;

}

.calendar-container a .fa-calendar {

font-size: 1.6em;

}

.calendar-block {

position: absolute;

border: 1px solid #999999;

z-index: 10;

box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

}

.calendar-block {

top: 25px;

top: 2em;

left: -104px;

}

.calendar-block .date-picker {

margin: 0;

width: 250px;

table-layout: fixed;

}

.calendar-block .date-select-container {

background-color: #F5F5F5;

padding: 0.809em 0 0.309em;

padding: 2px 0;

}

.calendar-block .date-select-previous {

float: left;

margin: 1px 4px 0 4px;

}

.calendar-block .date-select-next {

float: right;

margin: 1px 4px 0 4px;

}

.calendar-block .date-select-next i,

.calendar-block .date-select-previous i,

.calendar-block .date-select-previous i {

.calendar-block .date-select-next i {

color: #666666;

padding: 0.1618em 0.309em;

}

.calendar-block .date-select-content {

margin: auto;

width: 185px;

text-align: center;

}

.calendar-block .date-select-content select,

.calendar-block .date-select-content select:focus {

padding: 1px 1px;

padding: 0.1618em;

font-size: 0.9em;

font-size: 0.809em;

border: none;

background: none;

box-shadow: none;

}

.calendar-block .date-select-month {

width: 92px;

margin: 0 1px 0 5px;

margin: 0 0.1618em 0 0.309em;

}

.calendar-block .date-select-year {

width: 55px;

margin: 0;

}

.calendar-block .date-picker select,

.calendar-block .date-picker select:focus {

box-shadow: none;

max-width: 75px;

}

.calendar-block .date-picker thead tr th {

border-top: 1px solid #CCCCCC;

padding: 0.309em 0;

padding: 5px 0;

background-color: #FFFFFF;

font-weight: bold;

color: #666666;

}

.calendar-block .date-picker tbody tr:last-child {

.calendar-block .date-picker tbody tr td {

border-bottom: none;

}

.calendar-block .date-picker tbody td {

height: 23px;

padding: 0.1618em;

padding: 1px 2px;

}

.calendar-block .date-picker tbody td a {

display: block;

font-size: 0.809em;

padding: 0.456em;

}

.calendar-block .date-picker tbody td:first-child { border-left: none; }

.calendar-block .date-picker tbody td:last-child { border-right: none; }

tbody td.calendar-none { background-color: #FFFFFF; }

tbody td.calendar-today { background-color: #B5E5B9; }

tbody td.calendar-event { background-color: #DBE5EE; }

tbody td.calendar-weekend { background-color: #FFE3B6; }

.calendar-block .date-picker tbody tr:last-child td {

border-bottom: none;

}

td.calendar-week {

.calendar-block .date-picker tbody td.calendar-event a {

border-right: 1px solid #BBBBBB;

border-width: 1px;

border-style: solid;

border-color: transparent;

}

/* --- Le selecteur de couleur --- */

.color-picker {

position: absolute;

z-index: 100;

}

.color-picker .bbcode-block table {

margin: auto;

border: none;

border-collapse: collapse;

}

.color-picker td {

padding: 0;

border: 1px solid #F3F3F3;

border-width: 1px;

border-style: solid;

border-color: transparent;

}

.color-picker td a {

display: block;

width: 14px;

width: 0.809em;

height: 14px;

height: 0.809em;

}

/* --- les blocs de quote, de code ou caches --- */

.formatter-container {

position: relative;

display: block;

margin: auto;

width: 93%;

color: #444444;

}

.formatter-container .formatter-title {

font-weight: bold;

}

.formatter-content {

margin: 0;

padding: 8px;

padding: 0.456em;

background-color: #FAFAFA;

border-width: 1px;

border: 1px solid #DDDDDD;

border-style: solid;

border-color: transparent;

}

.formatter-hide .formatter-content {

height: 0;

max-height: 0;

padding: 0;

overflow: hidden;

visibility: hidden;

transform: scaleY(0);

transition: transform 0.15s linear;

transform-origin: 50% 0;

}

.formatter-show .formatter-content,

.formatter-hide.no-js:hover .formatter-content {

height: auto;

max-height: 500px;

padding: 8px;

padding: 0.456em;

overflow: auto;

visibility: visible;

transform: scaleY(1);

}

.formatter-hide .formatter-hide-message {

display: block;

font-style: italic;

font-weight: normal;

font-size: 0.8em;

font-size: 0.809em;

color: #BBBBBB;

padding: 0.228em 0.456em;

padding: 4px 8px;

width: 100%;

margin: 0 auto 0 auto;

background-color: #FDFDFD;

border: 1px solid #EEEEEE;

cursor: pointer;

border-width: 1px;

border-style: solid;

border-color: transparent;

}

.formatter-show .formatter-hide-message {

display: none;

}

.formatter-hide-close-button {

position: absolute;

display: none;

top: 2em;

top: 2.618em;

right: 0;

color: #BBBBBB;

font-size: 0.8em;

font-style: italic;

cursor: pointer;

transition: all 0.3s linear;

}

.formatter-hide-close-button-txt {

padding: 0 0 0 3px;

padding: 0 0 0 0.228em;

}

.formatter-show .formatter-hide-close-button {

display: block;

}

.formatter-hide-close-button:hover {

color: #444444;

transition: all 0.3s linear;

}

.formatter-code .formatter-title {

margin: 1rem 0 0.5rem 0;

}

.formatter-code .formatter-content {

overflow: auto;

max-height: 500px;

}

.copy-code-content {

border-style: dashed;

}

.formatter-blockquote .formatter-content{

border-width: 0;

padding: 1.618%;

font-style: italic;

position: relative;

}

.formatter-blockquote .formatter-content:before,

.formatter-blockquote .formatter-content:after {

position: absolute;

font-family: 'Font Awesome 5 Free';

font-weight: 900;

font-size: 1.618em;

}

.formatter-blockquote .formatter-content:before {

content: '\f10d';

top: -10px;

left: -15px;

}

.formatter-blockquote .formatter-content:after {

content: '\f10e';

bottom: -10px;

right: -15px;

}

.copy-code {

float: right;

padding: 1.2rem 0.5rem 0 0;

color: #BBBBBB;

font-size: 0.8em;

font-style: italic;

cursor: copy;

transition: all 0.3s linear;

}

.copy-code-txt {

padding: 0 0 0 3px;

padding: 0 0 0 0.228em;

}

/* --- les autres element bbcode --- */

/* --- les autres element formates --- */

.indent {

margin-left: 30px;

margin-left: 1.618em;

}

.formatter-acronym {

cursor: help;

}

.formatter-block {

display: block;

margin: 5px 20px;

margin: 0.309em 1.309em;

padding: 5px;

padding: 0.309em;

border: 1px solid #C4CED6;

overflow: hidden;

}

.formatter-fieldset {

margin: 10px;

margin: 0.618em;

}

.formatter-ul {

text-align: left;

list-style-position: inside;

}

/* --- les listes numerotees --- */

.code ol {

margin-left: 3em;

}

/* --- menu de flux --- */

.feed-list {

margin: 5px 0;

margin: 0.309em 0;

list-style-type: none;

text-align: left;

}

@media (max-width: 768px) {

.feed-list li a {

margin: 1px 0;

padding: 7px 0;

padding: 0.456em 0;

display: inline-block;

}

/* --- La recherche de membre (AJAX) --- */

.xmlhttprequest-result-search {

margin: 2px 0 0 0;

padding: 2px;

min-height: 40px;

width: 100px;

background-color: #FFFFFF;

border: 1px solid #CCCCCC;

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.01);

overflow: auto;

border-width: 1px;

border-style: solid;

border-color: transparent;

}

/* --- La barre de progression --- */

.progressbar-container {

position: relative;

margin: 4px 0 10px;

margin: 0.228em 0 0.618em;

padding: 2px;

background-color: #F5F5F5;

box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

}

.progressbar-container .progressbar-infos {

position: absolute;

top: 50%;

transform: translateY(-50%);

width: 100%;

line-height: 13px;

line-height: 0.809em;

font-size: 11px;

font-size: 0.618em;

text-align: center;

}

.progressbar {

box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);

}

.progressbar[style*="100"] {

}

.progressbar-container .progressbar {

height: 14px;

height: 1.618em;

background-color: #8ECF67;

transition: width .6s ease;

}

/* --- Le systeme de notation --- */

.notation,

.static-notation {

display: inline-block;

}

.notation .star,

.static-notation .star {

padding-right: 5px;

position: relative;

color: #E3CF7A;

font-size: 1.5rem;

font-size: 14px;

text-decoration: none;

}

.notation .star-width {

position: absolute;

display: inline-block;

top:0;

left:0;

}

/* -- Les Icones specifiques PHPBoost de FontAwesome -- */

.notation .star-width:before {

/* ---------------------------------------------------- */

font-family: 'Font Awesome 5 Free';

font-weight: 900;

color: #E3CF7A;

left: 0;

top:0;

content:"\f005";

display:block;

overflow:hidden;

}

/* --- les couleurs d icones --- */

.star-width-0 { width: 0%; }

.fa-syndication:before { color: #F57900; }

.star-width-10 { width: 30%; }

.fa-success:before { color: #478948; }

.star-width-25 { width: 41%; }

.fa-forbidden:before { color: #BA4B49; }

.star-width-50 { width: 50%; }

.fa-error:before { color: #BA4B49; }

.star-width-75 { width: 65%; }

.fa-warning:before { color: #C19954; }

.star-width-90 { width: 78%; }

.fa-ban:before { color: #BA4B49; }

.star-width-100 { width: 100%; }

.fa-unban:before { color: #478948; }

.fa-male:before { color: #8DC3E9; }

.fa-female:before { color: #F49CC4; }

.fa-online:before { color: #52D132; }

.fa-offline:before { color: #E05759; }

.fa-trend-up:before { color: #478948; }

.fa-trend-down:before { color: #BA4B49; }

/* --- Les alertes --- */

li.small-block .fa-stack {

height: 2.34em;

}

.fa-circle-alert {

position: absolute;

z-index: 1;

top: -3px;

left: 20px;

font-size: 1.32em;

color: #BA4B49;

}

.fa-circle-alert span {

position: absolute;

top: 4px;

display: block;

margin: 0 auto;

width: 100%;

color: #FFFFFF;

font-size: 0.7em;

text-align: center;

}

/* -- Les messages d erreurs -- */

/* ---------------------------- */

.error,

.notice,

.warning,

.success,

.question,

.message-helper {

position: relative;

display: block;

margin: 5px auto 15px auto;

margin: 0.309em auto 1em auto;

padding: 10px 10px 10px 40px;

padding: 0.618em 0.618em 0.618em 2.618em;

height: auto;

border: 1px solid #FFFFFF;

border-width: 1px;

line-height: 20px;

border-style: solid;

border-color: transparent;

line-height: 1.2;

text-align: left;

overflow: hidden;

}

.error:before,

.notice:before,

.warning:before,

.success:before,

.question:before,

.message-helper:before {

position: absolute;

left: 6px;

top: 7px;

width: 28px;

font-family: FontAwesome;

font-family: 'Font Awesome 5 Free';

font-weight: 900; /* Solid icons*/

font-style: normal;

font-weight: normal;

line-height: normal;

line-height: 1;

font-size: 1.5em;

font-size: 2em;

text-align: center;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

.message-helper-small {

width: 50%;

}

.error:before { content: "\f00d"; }

.message-helper.error:before { content: "\f00d"; } /* copy times */

.notice:before { content: "\f12a"; }

.message-helper.notice:before { content: "\f12a"; } /* copy exclamation */

.warning:before { content: "\f071"; }

.message-helper.warning:before { content: "\f071"; } /* copy exclamation-triangle */

.success:before { content: "\f00c"; }

.message-helper.success:before { content: "\f00c"; } /* copy check */

.question:before { content: "\f128"; }

.message-helper.question:before { content: "\f128"; } /* copy question */

.member-only:before { content: "\f071"; }

.message-helper.member-only:before { content: "\f071"; } /* copy exclamation-triangle */

.modo-only:before { content: "\f071"; }

.message-helper.modo-only:before { content: "\f071"; } /* copy exclamation-triangle */

.admin-only:before { content: "\f071"; }

.message-helper.admin-only:before { content: "\f071"; } /* copy exclamation-triangle */

.error, .error:before { color: #BA4B49; }

.floating-message-container {

.notice, .notice:before { color: #888888; }

position: fixed;

.warning, .warning:before { color: #C19954; }

left: 50%;

.success, .success:before { color: #478948; }

transform: translateX(-50%);

.question, .question:before { color: #3B88AE; }

z-index: -1;

.member-only, .member-only:before { color: #C19954; }

top: 0.618em;

.modo-only, .modo-only:before { color: #C19954; }

}

.admin-only, .admin-only:before { color: #C19954; }

.error { background-color: #F3DFDF; border-color: #ECCDD2; }

.floating-message-container.active {

.notice { background-color: #F0F0F0; border-color: #E2E2E2; }

z-index: 100;

.warning { background-color: #FDF9E4; border-color: #FBECCD; }

}

.success { background-color: #E0F1D9; border-color: #D7EAC7; }

.question { background-color: #DAEEF8; border-color: #BDE9F2; }

.floating-message-container .message-helper {

.member-only { background-color: #FDF9E4; border-color: #FBECCD; }

overflow: visible;

.modo-only { background-color: #FDF9E4; border-color: #FBECCD; }

opacity: 0;

Text moved with changes from lines 745-750 (87.6% similarity)

.admin-only { background-color: #FDF9E4; border-color: #FBECCD; }

}

@media (max-width: 768px) {

.floating-message-container {

width: 100%;

top: 1em;

}

.floating-message-container .message-helper {

max-width: 90%;

Text moved with changes from lines 755-760 (82.5% similarity)

padding: 10px 10px 10px 50px;

}

.floating-message-container .message-helper-button {

position: absolute;

z-index: 1;

top: -13px;

right: -12px;

height: 1.482em;

width: 1.482em;

border-radius: 100em;

text-align: center;

padding-top: 0.1618em;

}

.floating-message-container .fa-close-message {

display: inline-block;

color: white;

font-size: 1em;

margin: auto;

}

.floating-message-container .fa-close-message:before {

content: "\f00d";

}

.floating-message-container .message-helper > a {

color: inherit;

cursor: pointer;

}

/* -- Systeme d Upload -- */

/* ---------------------- */

#module-user-upload {

margin: 5px;

margin: 0.309em;

}

.upload-address-bar {

margin: 0 25px;

margin: 0 1.482em;

padding: 6px;

padding: 0.382em;

background-color: #FAFAFA;

border-width: 1px;

border: 1px solid #DDDDDD;

border-style: solid;

color: #444444;

border-color: transparent;

}

.upload-address-bar-links {

float: right;

margin: 0 25px 25px 25px;

margin: 0 1.482em 1.482em 1.482em;

}

.upload-address-bar-links a {

margin-left: 10px;

margin-left: 0.618em;

}

#empty-folder {

width: 70%;

}

.upload-elements-container {

margin: 10px 0 0 20px;

margin: 0.618em 0 0 1.309em;

overflow: hidden;

text-align: left;

}

.upload-elements-file,

.upload-elements-repertory {

display: inline-block;

vertical-align: top;

margin: 10px;

margin: 0.618em;

}

.upload-elements-repertory {

line-height: 50px;

width: 180px;

text-align: center;

border: 1px solid #366493;

border-width: 1px;

background-color: #aec7e1;

border-style: solid;

border-color: transparent;

}

.upload-repertory-controls {

font-size: 0;

}

.upload-repertory-controls span {

font-size: 1.6rem;

width: calc(100% / 3);

display: inline-block;

}

.upload-elements-file {

width: 180px;

}

.upload-elements-file a:hover {

text-decoration: none;

}

.upload-elements-file input {

width: 100%;

}

.upload-element-name {

width: 100%;

text-align: center;

}

.upload-element-picture {

width: 100%;

height: 100px;

display: block;

background-repeat: no-repeat;

background-position: center;

background-size: contain;

}

.upload-element-icon {

width: 100%;

line-height: 100px;

text-align: center;

border: 1px solid #d9d9d9;

border-width: 1px;

border-style: solid;

border-color: transparent;

}

.upload-file-controls {

font-size: 0;

}

.upload-file-controls a {

font-size: 1.6rem;

width: calc(100% / 4);

display: inline-block;

text-align: center;

padding: 3px 0;

padding: 0.228em 0;

}

.upload-recent-file {

color: #BA4B49;

}

.upload-input-bbcode {

margin-top: 2px;

margin-top: 0.1618em;

cursor: pointer;

}

.upload-cat-list,

.upload-cat-explorer {

margin: 0;

padding: 0;

list-style-type: none;

line-height: normal;

}

.upload-cat-explorer {

padding-left: 30px;

padding-left: 1.618em;

}

.upload-no-sub-cat {

padding-left: 17px;

padding-left: 1em;

}

/* --- Deplacement des fichiers --- */

.upload-selected-cat {

background-color: #F5FBFF;

border-width: 1px;

border: 1px solid #2C5169;

border-style: solid;

border-color: transparent;

}

.upload-elements-move-to,

.upload-elements-move-file,

.upload-elements-move-to-cat,

.upload-elements-move-folder {

float: left;

width: 33%;

text-align: center;

}

.upload-elements-move-to {

margin-top: 50px;

margin-top: 2.809em;

}

.upload-elements-move-file img {

width: 100px;

height: auto;

}

.upload-root-cat {

padding: 0 0 0 17px;

padding: 0 0 0 1em;

}

/* -- social connect -- */

/* -- Les icones d'annonces et de messagerie -- */

/* -------------------- */

/* -------------------------------------------- */

a.social-connect {

display: inline-block;

margin: 10px 0;

width: 30px;

height: 30px;

vertical-align: top;

color: #DEDEDE;

text-align: center;

}

.horizontal-fieldset a.social-connect {

margin: 0;

vertical-align: middle;

Text moved with changes to lines 580-585 (87.6% similarity)

}

@media (max-width: 768px) {

.horizontal-fieldset a.social-connect {

display: block;

width: 100%;

margin: 5px auto;

}

.horizontal-fieldset a.social-connect i {

Text moved with changes to lines 590-595 (82.5% similarity)

margin-right: 5px;

}

a.social-connect i:before {

color: #DFDFDF;

transition: 0.2s ease-out;

}

a.social-connect:hover i:before {

color: #EFEFEF;

transition: 0.2s ease-out;

}

a.fb i:before { font-size: 1.9em; }

a.google i:before { font-size: 1.7em; }

a.fb { padding: 8px 0 0 4px; }

a.google { padding: 6px 1px 0 0; }

@media (max-width: 768px) {

/* --- Les icones d'annonces --- */

a.fb {

.fa-announce:before,

padding: 5px 0 0 3px;

.fa-announce-new:before { content: "\f075"; } /* copy comment */

}

.fa-announce-hot:before,

}

.fa-announce-new-hot:before { content: "\f086"; } /* copy comments */

.fa-announce-lock:before,

.fa-announce-new-lock:before { content: "\f023"; } /* copy lock */

.fa-announce-post:before,

.fa-announce-new-post:before { content: "\f071"; } /* copy exclamation-triangle */

.fa-announce-top:before,

.fa-announce-new-top:before { content: "\f06a"; } /* copy exclamation-circle */

a.fb { background: #3B5998; }

/* --- Icones de messagerie --- */

a.google { background: #D8432E; }

.fa-msg-display:before { content: "\f00c"; } /* copy check */

a.twitter { background: #5EA9DD; }

.fa-msg-not-display:before { content: "\f00d"; } /* copy times */

.fa-msg-track:before { content: "\f004"; } /* copy heart */

.fa-msg-not-track:before { content: "\f004"; } /* copy heart */

.fa-pm-track:before { content: "\f27a"; } /* copy comment-alt */

.fa-pm-not-track:before { content: "\f27a"; } /* copy comment-alt */

.fa-mail-track:before { content: "\f0e0"; } /* copy envelope */

.fa-mail-not-track:before { content: "\f0e0"; } /* copy envelope */

.fa-lastview:before { content: "\f017"; } /* copy clock-o */

.fa-notread:before { content: "\f15c"; } /* copy file-alt, regular fonts */

.fa-showmymsg:before { content: "\f4ad"; } /* copy comments-dots, regular fonts*/

a.social-connect span {

.fa-notread,

display: none;

.fa-lastview,

.fa-showmymsg {

font-weight: 200;

}

Gespeicherte Diffs

Originaltext

Datei öffnen

/* -------------------------------------
		global.css
 Contient les classes globales au site, peuvent etre utilisees partout.
 - Mise en forme du texte
 - Mise en forme du contenu
 - Les Icones specifiques PHPBoost de FontAwesome 
 - Systeme d upload
 - social connect
--------------------------------------*/

/* -- La mise en forme du texte -- */
/* ------------------------------- */

/* --- Les liens du site --- */
a {
	color: #366493;
	text-decoration: none;
}

a:hover {
	color: #021B34;
	text-decoration: underline;
}

/* --- Couleur des liens --- */
a.admin  { color: #E27B47; }
a.modo   { color: #2F9674; }
a.member { color: #021B34; }

/* --- Couleur de texte --- */
.color-alert 		{ color: #B22222; }
.color-notavailable { color: #B22222; }
.color-available 	{ color: #008000; }
.color-unknown 		{ color: #004b80; }

.bkgd-color-visible 		{ background-color: #CCFFCC; }
.bkgd-color-unvisible 		{ background-color: #FFEE99; }
.bkgd-color-unaprobed 		{ background-color: #FFCCCC; }

.bkgd-color-fixed 			{ background-color: #7FFF9C; }
tr td.bkgd-color-fixed 		{ background-color: #7FFF9C; }
.bkgd-color-processing 		{ background-color: #FFD86F; }
tr td.bkgd-color-processing { background-color: #FFD86F; }
.bkgd-color-unknown 		{ background-color: #FF796F; }
tr td.bkgd-color-unknown 	{ background-color: #FF796F; }

/* --- Tailles de polices --- */
.smaller { font-size: 0.7em; }
.small   { font-size: 0.9em; }
.normal  { font-size: 1.0em; }
.big     { font-size: 1.2em; }
.bigger  { font-size: 1.5em; }
.biggest { font-size: 2.0em; }

/* --- Les titres (balise h) --- */
h1 { font-size: 2.2rem; }
h2 { font-size: 2.0rem; }
h3 { font-size: 1.9rem; }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.6rem; }
h6 { font-size: 1.4rem; }

h1, h2, h3, h4, h5, h6 {
	overflow: hidden;
}

/* --- Les Titres bbcode --- */
.formatter-title {
	display: inline-block;
	margin: 1.5rem 0 1rem 0;
	border-color: #366393;
}

h2.formatter-title { 
	border-bottom-style: solid;
	border-bottom-width: 3px;
	font-weight: bold;
	margin-top: 3rem;
}

h3.formatter-title {
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

h4.formatter-title {
	text-decoration: underline;
}

h5.formatter-title {
	font-style: italic;
	text-decoration: underline;
}

h6.formatter-title {
	font-style: italic;
}

h2.formatter-title { margin-left: 0; }
h3.formatter-title { margin-left: 1rem; }
h4.formatter-title { margin-left: 2rem; }
h5.formatter-title { margin-left: 3rem; }
h6.formatter-title { margin-left: 4rem; }

.formatter-title + br + .formatter-title {
	margin-top: 0;
}

/* -- Mise en forme du contenu -- */
/* ------------------------------ */

/* --- Affichage du mini calendrier --- */
.calendar-block-container {
	position: absolute;
	z-index: 100;
	left: 0;
	right: 0;
}

.form-field .calendar-container {
	display: inline-block;
	position: relative;
}

.calendar-block {
	position: absolute;
	border: 1px solid #999999;
	z-index: 10;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.calendar-block {
	top: 25px;
	left: -104px;
}

.calendar-block .date-picker {
	margin: 0;
	width: 250px;
	table-layout: fixed;
}

.calendar-block .date-select-container {
	background-color: #F5F5F5;
	padding: 2px 0;
}

.calendar-block .date-select-previous {
	float: left;
	margin: 1px 4px 0 4px;
}

.calendar-block .date-select-next {
	float: right;
	margin: 1px 4px 0 4px;
}

.calendar-block .date-select-next i,
.calendar-block .date-select-previous i {
	color: #666666;
}

.calendar-block .date-select-content {
	margin: auto;
	width: 185px;
	text-align: center;
}

.calendar-block .date-select-content select,
.calendar-block .date-select-content select:focus {
	padding: 1px 1px;
	font-size: 0.9em;
	border: none;
	background: none;
	box-shadow: none;
}

.calendar-block .date-select-month {
	width: 92px;
	margin: 0 1px 0 5px;
}

.calendar-block .date-select-year {
	width: 55px;
	margin: 0;
}

.calendar-block .date-picker select,
.calendar-block .date-picker select:focus {
	box-shadow: none;
	max-width: 75px;
}

.calendar-block .date-picker thead tr th {
	border-top: 1px solid #CCCCCC;
	padding: 5px 0;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #666666;
}

.calendar-block .date-picker tbody tr:last-child {
	border-bottom: none;
}

.calendar-block .date-picker tbody td {
	height: 23px;
	padding: 1px 2px;
}

.calendar-block .date-picker tbody td:first-child { border-left: none;  }
.calendar-block .date-picker tbody td:last-child  { border-right: none; }

tbody td.calendar-none		{ background-color: #FFFFFF; }
tbody td.calendar-today 	{ background-color: #B5E5B9; }
tbody td.calendar-event 	{ background-color: #DBE5EE; }
tbody td.calendar-weekend 	{ background-color: #FFE3B6; }

.calendar-block .date-picker tbody tr:last-child td {
	border-bottom: none;
}

td.calendar-week {
	border-right: 1px solid #BBBBBB;
}

/* --- Le selecteur de couleur --- */
.color-picker {
	position: absolute;
	z-index: 100;
}

.color-picker .bbcode-block table {
	margin: auto;
	border: none;
	border-collapse: collapse;
}

.color-picker td {
	padding: 0;
	border: 1px solid #F3F3F3;
}

.color-picker td a {
	display: block;
	width: 14px;
	height: 14px;
}

/* --- les blocs de quote, de code ou caches --- */
.formatter-container {
	position: relative;
	display: block;
	margin: auto;
	width: 93%;
	color: #444444;
}

.formatter-container .formatter-title {
	font-weight: bold;
}

.formatter-content {
	margin: 0;
	padding: 8px;
	background-color: #FAFAFA;
	border: 1px solid #DDDDDD;
}

.formatter-hide .formatter-content {
	height: 0;
	max-height: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	transform: scaleY(0);
	transition: transform 0.15s linear;
	transform-origin: 50% 0;
}

.formatter-show .formatter-content,
.formatter-hide.no-js:hover .formatter-content {
	height: auto;
	max-height: 500px;
	padding: 8px;
	overflow: auto;
	visibility: visible;
	transform: scaleY(1);
}

.formatter-hide .formatter-hide-message {
	display: block;
	font-style: italic;
	font-weight: normal;
	font-size: 0.8em;
	color: #BBBBBB;
	padding: 4px 8px;
	width: 100%;
	margin: 0 auto 0 auto;
	background-color: #FDFDFD;
	border: 1px solid #EEEEEE;
	cursor: pointer;
}

.formatter-show .formatter-hide-message {
	display: none;
}

.formatter-hide-close-button {
	position: absolute;
	display: none;
	top: 2em;
	right: 0;
	color: #BBBBBB;
	font-size: 0.8em;
	font-style: italic;
	cursor: pointer;
	transition: all 0.3s linear;
}

.formatter-hide-close-button-txt {
	padding: 0 0 0 3px;
}

.formatter-show .formatter-hide-close-button {
	display: block;
}

.formatter-hide-close-button:hover {
	color: #444444;
	transition: all 0.3s linear;
}

.formatter-code .formatter-title {
	margin: 1rem 0 0.5rem 0;
}

.formatter-code .formatter-content {
	overflow: auto;
	max-height: 500px;
}

.copy-code {
	float: right;
	padding: 1.2rem 0.5rem 0 0;
	color: #BBBBBB;
	font-size: 0.8em;
	font-style: italic;
	cursor: copy;
	transition: all 0.3s linear;
}

.copy-code-txt {
	padding: 0 0 0 3px;
}

/* --- les autres element bbcode --- */
.indent {
	margin-left: 30px;
}

.formatter-acronym {
	cursor: help;
}

.formatter-block {
	display: block;
	margin: 5px 20px;
	padding: 5px;
	border: 1px solid #C4CED6;
	overflow: hidden;
}

.formatter-fieldset {
	margin: 10px;
}

.formatter-ul {
	text-align: left;
	list-style-position: inside;
}

/* --- les listes numerotees --- */
.code ol {
	margin-left: 3em;
}

/* --- menu de flux --- */
.feed-list {
	margin: 5px 0;
	list-style-type: none;
	text-align: left;
}

@media (max-width: 768px) {
	.feed-list li a {
		margin: 1px 0;
		padding: 7px 0;
		display: inline-block;
	}
}
/* --- La recherche de membre (AJAX) --- */
.xmlhttprequest-result-search {
	margin: 2px 0 0 0;
	padding: 2px;
	min-height: 40px;
	width: 100px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.01);
	overflow: auto;
}

/* --- La barre de progression --- */
.progressbar-container {
	position: relative;
	margin: 4px 0 10px;
	padding: 2px;
	background-color: #F5F5F5;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progressbar-container .progressbar-infos {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	line-height: 13px;
	font-size: 11px;
	text-align: center;
}

.progressbar {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.progressbar[style*="100"] {

}

.progressbar-container .progressbar {
	height: 14px;
	background-color: #8ECF67;
	transition: width .6s ease;
}

/* --- Le systeme de notation --- */
.notation,
.static-notation {
	display: inline-block;
}

.notation .star,
.static-notation .star {
	padding-right: 5px;
	color: #E3CF7A;
	font-size: 14px;
	text-decoration: none;
}

/* -- Les Icones specifiques PHPBoost de FontAwesome -- */
/* ---------------------------------------------------- */

/* --- les couleurs d icones --- */
.fa-syndication:before { color: #F57900; }
.fa-success:before     { color: #478948; }
.fa-forbidden:before   { color: #BA4B49; }
.fa-error:before       { color: #BA4B49; }
.fa-warning:before     { color: #C19954; }
.fa-ban:before         { color: #BA4B49; }
.fa-unban:before       { color: #478948; }
.fa-male:before        { color: #8DC3E9; }
.fa-female:before      { color: #F49CC4; }
.fa-online:before      { color: #52D132; }
.fa-offline:before     { color: #E05759; }
.fa-trend-up:before    { color: #478948; }
.fa-trend-down:before  { color: #BA4B49; }

/* --- Les alertes --- */
li.small-block .fa-stack {
	height: 2.34em;
}

.fa-circle-alert {
	position: absolute;
	z-index: 1;
	top: -3px;
	left: 20px;
	font-size: 1.32em;
	color: #BA4B49;
}

.fa-circle-alert span {
	position: absolute;
	top: 4px;
	display: block;
	margin: 0 auto;
	width: 100%;
	color: #FFFFFF;
	font-size: 0.7em;
	text-align: center;
}

/* -- Les messages d erreurs -- */
/* ---------------------------- */
.error,
.notice,
.warning,
.success,
.question,
.message-helper {
	position: relative;
	display: block;
	margin: 5px auto 15px auto;
	padding: 10px 10px 10px 40px;
	height: auto;
	border: 1px solid #FFFFFF;
	line-height: 20px;
	text-align: left;
	overflow: hidden;
}

.error:before,
.notice:before,
.warning:before,
.success:before,
.question:before,
.message-helper:before {
	position: absolute;
	left: 6px;
	top: 7px;
	width: 28px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size: 2em;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.message-helper-small {
	width: 50%;
}

.error:before       { content: "\f00d"; }
.notice:before      { content: "\f12a"; }
.warning:before     { content: "\f071"; }
.success:before     { content: "\f00c"; }
.question:before    { content: "\f128"; }
.member-only:before { content: "\f071"; }
.modo-only:before   { content: "\f071"; }
.admin-only:before  { content: "\f071"; }

.error, .error:before               { color: #BA4B49; }
.notice, .notice:before             { color: #888888; }
.warning, .warning:before           { color: #C19954; }
.success, .success:before           { color: #478948; }
.question, .question:before         { color: #3B88AE; }
.member-only, .member-only:before   { color: #C19954; }
.modo-only, .modo-only:before       { color: #C19954; }
.admin-only, .admin-only:before     { color: #C19954; }

.error        { background-color: #F3DFDF; border-color: #ECCDD2; }
.notice       { background-color: #F0F0F0; border-color: #E2E2E2; }
.warning      { background-color: #FDF9E4; border-color: #FBECCD; }
.success      { background-color: #E0F1D9; border-color: #D7EAC7; }
.question     { background-color: #DAEEF8; border-color: #BDE9F2; }
.member-only  { background-color: #FDF9E4; border-color: #FBECCD; }
.modo-only    { background-color: #FDF9E4; border-color: #FBECCD; }
.admin-only   { background-color: #FDF9E4; border-color: #FBECCD; }

/* -- Systeme d Upload -- */
/* ---------------------- */
#module-user-upload {
	margin: 5px;
}

.upload-address-bar {
	margin: 0 25px;
	padding: 6px;
	background-color: #FAFAFA;
	border: 1px solid #DDDDDD;
	color: #444444;
}

.upload-address-bar-links {
	float: right;
	margin: 0 25px 25px 25px;
}

.upload-address-bar-links a {
	margin-left: 10px;
}

#empty-folder {
	width: 70%;
}

.upload-elements-container {
	margin: 10px 0 0 20px;
	overflow: hidden;
	text-align: left;
}

.upload-elements-file,
.upload-elements-repertory {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

.upload-elements-repertory {
	line-height: 50px;
	width: 180px;
	text-align: center;
	border: 1px solid #366493;
	background-color: #aec7e1;
}

.upload-repertory-controls {
	font-size: 0;
}

.upload-repertory-controls span {
	font-size: 1.6rem;
	width: calc(100% / 3);
	display: inline-block;
}

.upload-elements-file {
	width: 180px;
}

.upload-elements-file input {
	width: 100%;
}

.upload-element-name {
	width: 100%;
	text-align: center;
}

.upload-element-picture {
	width: 100%;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.upload-element-icon {
	width: 100%;
	line-height: 100px;
	text-align: center;
	border: 1px solid #d9d9d9;
}

.upload-file-controls {
	font-size: 0;
}

.upload-file-controls a {
	font-size: 1.6rem;
	width: calc(100% / 4);
	display: inline-block;
	text-align: center;
	padding: 3px 0;
}

.upload-recent-file {
	color: #BA4B49;
}

.upload-input-bbcode {
	margin-top: 2px;
	cursor: pointer;
}

.upload-cat-list,
.upload-cat-explorer {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: normal;
}

.upload-cat-explorer {
	padding-left: 30px;
}

.upload-no-sub-cat {
	padding-left: 17px;
}

/* --- Deplacement des fichiers --- */
.upload-selected-cat {
	background-color: #F5FBFF;
	border: 1px solid #2C5169;
}

.upload-elements-move-to,
.upload-elements-move-file,
.upload-elements-move-to-cat,
.upload-elements-move-folder {
	float: left;
	width: 33%;
	text-align: center;
}

.upload-elements-move-to {
	margin-top: 50px;
}

.upload-elements-move-file img {
	width: 100px;
	height: auto;
}

.upload-root-cat {
	padding: 0 0 0 17px;
}

/* -- social connect -- */
/* -------------------- */
a.social-connect {
	display: inline-block;
	margin: 10px 0;
	width: 30px;
	height: 30px;
	vertical-align: top;
	color: #DEDEDE;
	text-align: center;
}

.horizontal-fieldset a.social-connect {
	margin: 0;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.horizontal-fieldset a.social-connect {
		display: block;
		width: 100%;
		margin: 5px auto;
	}

.horizontal-fieldset a.social-connect i {
		margin-right: 5px;
	}
}

a.social-connect i:before {
	color: #DFDFDF;
	transition: 0.2s ease-out;
}

a.social-connect:hover i:before {
	color: #EFEFEF;
	transition: 0.2s ease-out;
}

a.fb i:before 		{ font-size: 1.9em; }
a.google i:before 	{ font-size: 1.7em; }

a.fb 		{ padding: 8px 0 0 4px; }
a.google 	{ padding: 6px 1px 0 0; }

@media (max-width: 768px) {
	a.fb {
		padding: 5px 0 0 3px;
	}
}

a.fb 		{ background: #3B5998; }
a.google 	{ background: #D8432E; }	
a.twitter 	{ background: #5EA9DD; }

a.social-connect span {
	display: none;
}

Bearbeitung

Datei öffnen

/* -------------------------------------
		global.css
 Contient les classes globales au site, peuvent etre utilisees partout.
 - Mise en forme du texte
 - Mise en forme du contenu
 - Les Icones specifiques PHPBoost de FontAwesome
 - Systeme d upload
------------------------------------- */

/* -- La mise en forme du texte -- */
/* ------------------------------- */

/* --- Les liens du site --- */
a {
	text-decoration: none;
	font-weight: normal;
}

a:hover,
.link-color:hover {
	text-decoration: underline;
	transition: all 0.3s ease;
}

/* --- Tailles de polices --- */
.smaller { font-size: 0.618em;  }
.small   { font-size: 0.809em;  }
.normal  { font-size: 1.000em;  }
.big     { font-size: 1.228em;  }
.bigger  { font-size: 1.456em;  }
.biggest { font-size: 2.1618em; }

/* --- Les titres (balise h) --- */
h1 { font-size: 2.4em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	word-wrap: normal;
	overflow-wrap: normal;
	hyphens: none;
	line-height: normal;
}

section header h1 {
	font-size: 1em;
}

section > header,
section > header h1 {
	text-align: right;
}

article > header > h1 {
	font-size: 1.482em;
}

/* --- Les Titres bbcode --- */
.formatter-title {
	display: inline-block;
	margin: 1.618rem 0 1.309rem 0;
	font-weight: 300;
}

h2.formatter-title {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-color: transparent;
	margin-top: 2.618rem;
}

h3.formatter-title {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: transparent;
}

h4.formatter-title {
	text-decoration: underline;
}

h5.formatter-title {
	font-style: italic;
	text-decoration: underline;
}

h6.formatter-title {
	font-style: italic;
}

h2.formatter-title { font-size: 2.8rem; margin-left: 0; }
h3.formatter-title { font-size: 2.6rem; margin-left: 1rem; }
h4.formatter-title { font-size: 2.4rem; margin-left: 2rem; }
h5.formatter-title { font-size: 2.2rem; margin-left: 3rem; }
h6.formatter-title { font-size: 2.0rem; margin-left: 4rem; }

.formatter-title + br + .formatter-title {
	margin-top: 0;
}

/* -- Mise en forme du contenu -- */
/* ------------------------------ */

/* --- Affichage du mini calendrier --- */
.calendar-block-container {
	position: absolute;
	z-index: 100;
	left: 0;
	right: 0;
}

.form-field .calendar-container {
	display: inline-block;
	position: relative;
}

.calendar-container a .fa-calendar {
	font-size: 1.6em;
}

.calendar-block {
	position: absolute;
	z-index: 10;
}

.calendar-block {
	top: 2em;
	left: -104px;
}

.calendar-block .date-picker {
	margin: 0;
	width: 250px;
	table-layout: fixed;
}

.calendar-block .date-select-container {
	padding: 0.809em 0 0.309em;
}

.calendar-block .date-select-previous {
	float: left;
}

.calendar-block .date-select-next {
	float: right;
}

.calendar-block .date-select-previous i,
.calendar-block .date-select-next i {
	padding: 0.1618em 0.309em;
}

.calendar-block .date-select-content {
	margin: auto;
	width: 185px;
	text-align: center;
}

.calendar-block .date-select-content select,
.calendar-block .date-select-content select:focus {
	padding: 0.1618em;
	font-size: 0.809em;
	border: none;
	background: none;
	box-shadow: none;
}

.calendar-block .date-select-month {
	width: 92px;
	margin: 0 0.1618em 0 0.309em;
}

.calendar-block .date-select-year {
	width: 55px;
	margin: 0;
}

.calendar-block .date-picker select,
.calendar-block .date-picker select:focus {
	box-shadow: none;
	max-width: 75px;
}

.calendar-block .date-picker thead tr th {
	padding: 0.309em 0;
	font-weight: bold;
}

.calendar-block .date-picker tbody tr td {
	border-bottom: none;
}

.calendar-block .date-picker tbody td {
	padding: 0.1618em;
}

.calendar-block .date-picker tbody td a {
	display: block;
	font-size: 0.809em;
	padding: 0.456em;
}

.calendar-block .date-picker tbody td:first-child { border-left: none;  }
.calendar-block .date-picker tbody td:last-child  { border-right: none; }

.calendar-block .date-picker tbody tr:last-child td {
	border-bottom: none;
}

.calendar-block .date-picker tbody td.calendar-event a {
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

/* --- Le selecteur de couleur --- */
.color-picker {
	position: absolute;
	z-index: 100;
}

.color-picker .bbcode-block table {
	margin: auto;
	border: none;
	border-collapse: collapse;
}

.color-picker td {
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.color-picker td a {
	display: block;
	width: 0.809em;
	height: 0.809em;
}

/* --- les blocs de quote, de code ou caches --- */
.formatter-container {
	position: relative;
	display: block;
	margin: auto;
	width: 93%;
}

.formatter-container .formatter-title {
	font-weight: bold;
}

.formatter-content {
	margin: 0;
	padding: 0.456em;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.formatter-show .formatter-content,
.formatter-hide.no-js:hover .formatter-content {
	height: auto;
	max-height: 500px;
	padding: 0.456em;
	overflow: auto;
	visibility: visible;
	transform: scaleY(1);
}

.formatter-hide .formatter-hide-message {
	display: block;
	font-style: italic;
	font-weight: normal;
	font-size: 0.809em;
	padding: 0.228em 0.456em;
	width: 100%;
	margin: 0 auto 0 auto;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.formatter-show .formatter-hide-message {
	display: none;
}

.formatter-hide-close-button {
	position: absolute;
	display: none;
	top: 2.618em;
	right: 0;
	font-size: 0.8em;
	font-style: italic;
	cursor: pointer;
	transition: all 0.3s linear;
}

.formatter-hide-close-button-txt {
	padding: 0 0 0 0.228em;
}

.formatter-show .formatter-hide-close-button {
	display: block;
}

.formatter-hide-close-button:hover {
	transition: all 0.3s linear;
}

.formatter-code .formatter-title {
	margin: 1rem 0 0.5rem 0;
}

.formatter-code .formatter-content {
	overflow: auto;
	max-height: 500px;
}

.copy-code-content {
	border-style: dashed;
}

.formatter-blockquote .formatter-content{
	border-width: 0;
	padding: 1.618%;
	font-style: italic;
	position: relative;
}

.formatter-blockquote .formatter-content:before,
.formatter-blockquote .formatter-content:after {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.618em;
}

.formatter-blockquote .formatter-content:before {
	content: '\f10d';
	top: -10px;
	left: -15px;
}

.formatter-blockquote .formatter-content:after {
	content: '\f10e';
	bottom: -10px;
	right: -15px;
}

.copy-code {
	float: right;
	padding: 1.2rem 0.5rem 0 0;
	font-size: 0.8em;
	font-style: italic;
	cursor: copy;
	transition: all 0.3s linear;
}

.copy-code-txt {
	padding: 0 0 0 0.228em;
}

/* --- les autres element formates --- */
.indent {
	margin-left: 1.618em;
}

.formatter-acronym {
	cursor: help;
}

.formatter-block {
	display: block;
	margin: 0.309em 1.309em;
	padding: 0.309em;
	overflow: hidden;
}

.formatter-fieldset {
	margin: 0.618em;
}

.formatter-ul {
	text-align: left;
}

/* --- les listes numerotees --- */
.code ol {
	margin-left: 3em;
}

/* --- menu de flux --- */
.feed-list {
	margin: 0.309em 0;
	list-style-type: none;
	text-align: left;
}

@media (max-width: 768px) {
	.feed-list li a {
		margin: 1px 0;
		padding: 0.456em 0;
		display: inline-block;
	}
}

/* --- La recherche de membre (AJAX) --- */
.xmlhttprequest-result-search {
	overflow: auto;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

/* --- La barre de progression --- */
.progressbar-container {
	position: relative;
	margin: 0.228em 0 0.618em;
}

.progressbar-container .progressbar-infos {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	line-height: 0.809em;
	font-size: 0.618em;
	text-align: center;
}

.progressbar-container .progressbar {
	height: 1.618em;
	transition: width .6s ease;
}

/* --- Le systeme de notation --- */
.notation,
.static-notation {
	display: inline-block;
}

.notation .star,
.static-notation .star {
	position: relative;
	font-size: 1.5rem;
	text-decoration: none;
}

.notation .star-width {
	position: absolute;
	display: inline-block;
	top:0;
	left:0;
}

.notation .star-width:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #E3CF7A;
	left: 0;
	top:0;
	content:"\f005";
	display:block;
	overflow:hidden;
}

.star-width-0   { width: 0%;   }
.star-width-10  { width: 30%;  }
.star-width-25  { width: 41%;  }
.star-width-50  { width: 50%;  }
.star-width-75  { width: 65%;  }
.star-width-90  { width: 78%;  }
.star-width-100 { width: 100%; }

/* --- Les alertes --- */
li.small-block .fa-stack {
	height: 2.34em;
}

.fa-circle-alert {
	position: absolute;
	z-index: 1;
	top: -3px;
	left: 20px;
	font-size: 1.32em;
}

.fa-circle-alert span {
	position: absolute;
	top: 4px;
	display: block;
	margin: 0 auto;
	width: 100%;
	font-size: 0.7em;
	text-align: center;
}

/* -- Les messages d erreurs -- */
/* ---------------------------- */
.message-helper {
	position: relative;
	display: block;
	margin: 0.309em auto 1em auto;
	padding: 0.618em 0.618em 0.618em 2.618em;
	height: auto;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	line-height: 1.2;
	text-align: left;
	overflow: hidden;
}

.message-helper:before {
	position: absolute;
	left: 6px;
	top: 7px;
	width: 28px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900; /* Solid icons*/
	font-style: normal;
	line-height: normal;
	font-size: 1.5em;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.message-helper-small {
	width: 50%;
}

.message-helper.error:before       { content: "\f00d"; } /* copy times */
.message-helper.notice:before      { content: "\f12a"; } /* copy exclamation */
.message-helper.warning:before     { content: "\f071"; } /* copy exclamation-triangle */
.message-helper.success:before     { content: "\f00c"; } /* copy check */
.message-helper.question:before    { content: "\f128"; } /* copy question */
.message-helper.member-only:before { content: "\f071"; } /* copy exclamation-triangle */
.message-helper.modo-only:before   { content: "\f071"; } /* copy exclamation-triangle */
.message-helper.admin-only:before  { content: "\f071"; } /* copy exclamation-triangle */

.floating-message-container {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	top: 0.618em;
}

.floating-message-container.active {
	z-index: 100;
}

.floating-message-container .message-helper {
	overflow: visible;
	opacity: 0;
}

@media (max-width: 768px) {
	.floating-message-container {
		width: 100%;
		top: 1em;
	}

.floating-message-container .message-helper {
		max-width: 90%;
		padding: 10px 10px 10px 50px;
	}
}

.floating-message-container .message-helper-button {
	position: absolute;
	z-index: 1;
	top: -13px;
	right: -12px;
	height: 1.482em;
	width: 1.482em;
	border-radius: 100em;
	text-align: center;
	padding-top: 0.1618em;
}

.floating-message-container .fa-close-message {
	display: inline-block;
	color: white;
	font-size: 1em;
	margin: auto;
}

.floating-message-container .fa-close-message:before {
	content: "\f00d";
}

.floating-message-container .message-helper > a {
	color: inherit;
	cursor: pointer;
}

/* -- Systeme d Upload -- */
/* ---------------------- */
#module-user-upload {
	margin: 0.309em;
}

.upload-address-bar {
	margin: 0 1.482em;
	padding: 0.382em;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.upload-address-bar-links {
	float: right;
	margin: 0 1.482em 1.482em 1.482em;
}

.upload-address-bar-links a {
	margin-left: 0.618em;
}

#empty-folder {
	width: 70%;
}

.upload-elements-container {
	margin: 0.618em 0 0 1.309em;
	overflow: hidden;
	text-align: left;
}

.upload-elements-file,
.upload-elements-repertory {
	display: inline-block;
	vertical-align: top;
	margin: 0.618em;
}

.upload-elements-repertory {
	line-height: 50px;
	width: 180px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.upload-repertory-controls {
	font-size: 0;
}

.upload-repertory-controls span {
	font-size: 1.6rem;
	width: calc(100% / 3);
	display: inline-block;
}

.upload-elements-file {
	width: 180px;
}

.upload-elements-file a:hover {
	text-decoration: none;
}

.upload-elements-file input {
	width: 100%;
}

.upload-element-name {
	width: 100%;
	text-align: center;
}

.upload-element-picture {
	width: 100%;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.upload-element-icon {
	width: 100%;
	line-height: 100px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.upload-file-controls {
	font-size: 0;
}

.upload-file-controls a {
	font-size: 1.6rem;
	width: calc(100% / 4);
	display: inline-block;
	text-align: center;
	padding: 0.228em 0;
}

.upload-input-bbcode {
	margin-top: 0.1618em;
	cursor: pointer;
}

.upload-cat-list,
.upload-cat-explorer {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: normal;
}

.upload-cat-explorer {
	padding-left: 1.618em;
}

.upload-no-sub-cat {
	padding-left: 1em;
}

/* --- Deplacement des fichiers --- */
.upload-selected-cat {
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

.upload-elements-move-to,
.upload-elements-move-file,
.upload-elements-move-to-cat,
.upload-elements-move-folder {
	float: left;
	width: 33%;
	text-align: center;
}

.upload-elements-move-to {
	margin-top: 2.809em;
}

.upload-elements-move-file img {
	width: 100px;
	height: auto;
}

.upload-root-cat {
	padding: 0 0 0 1em;
}

/* -- Les icones d'annonces et de messagerie -- */
/* -------------------------------------------- */

/* --- Les icones d'annonces --- */
.fa-announce:before,
.fa-announce-new:before 		{ content: "\f075"; } /* copy comment */
.fa-announce-hot:before,
.fa-announce-new-hot:before 	{ content: "\f086"; } /* copy comments */
.fa-announce-lock:before,
.fa-announce-new-lock:before 	{ content: "\f023"; } /* copy lock */
.fa-announce-post:before,
.fa-announce-new-post:before 	{ content: "\f071"; } /* copy exclamation-triangle */
.fa-announce-top:before,
.fa-announce-new-top:before 	{ content: "\f06a"; } /* copy exclamation-circle */

/* --- Icones de messagerie --- */
.fa-msg-display:before 			{ content: "\f00c"; } /* copy check */
.fa-msg-not-display:before 		{ content: "\f00d"; } /* copy times */
.fa-msg-track:before 			{ content: "\f004"; } /* copy heart */
.fa-msg-not-track:before 		{ content: "\f004"; } /* copy heart */
.fa-pm-track:before 			{ content: "\f27a"; } /* copy comment-alt */
.fa-pm-not-track:before 		{ content: "\f27a"; } /* copy comment-alt */
.fa-mail-track:before 			{ content: "\f0e0"; } /* copy envelope */
.fa-mail-not-track:before 		{ content: "\f0e0"; } /* copy envelope */
.fa-lastview:before 			{ content: "\f017"; } /* copy clock-o */
.fa-notread:before 				{ content: "\f15c"; } /* copy file-alt, regular fonts */
.fa-showmymsg:before 			{ content: "\f4ad"; } /* copy comments-dots, regular fonts*/

.fa-notread,
.fa-lastview,
.fa-showmymsg {
	font-weight: 200;
}