Comparar texto

Encuentra la diferencia entre dos archivos de texto

Editor live

Ocultar sin cambios

Sin ajuste de línea

Vista

Nivel de detalle

Resaltado de sintaxis

Diffchecker Desktop La forma más segura de usar Diffchecker. ¡Obtén la app de Diffchecker Desktop: tus diffs nunca salen de tu computadora!Obtener Desktop

Untitled diff

Creado hace 7 añosEl diff nunca expira

290 eliminaciones

Líneas
Total
Eliminado

Caracteres
Total
Eliminado

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

788 líneas

334 adiciones

Líneas
Total
Añadido

Caracteres
Total
Añadido

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

813 líneas

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

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;

}

Diferencias guardadas

Texto original

Abrir archivo

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

Texto modificado

Abrir archivo

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