Confronta il testo

Trova la differenza tra due file di testo

Real-time diff
Unified diff
Collapse lines
Highlight change
Syntax highlighting
Strumenti
Diffchecker Desktop icon
Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

Untitled diff

Created Diff never expires
291 removals
Lines
Total
Removed
Words
Total
Removed
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
788 lines
316 additions
Lines
Total
Added
Words
Total
Added
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
813 lines
/* -------------------------------------
/* -------------------------------------
global.css
global.css
Contient les classes globales au site, peuvent etre utilisees partout.
Contient les classes globales au site, peuvent etre utilisees partout.
- Mise en forme du texte
- Mise en forme du texte
- Mise en forme du contenu
- Mise en forme du contenu
- Les Icones specifiques PHPBoost de FontAwesome
- Les Icones specifiques PHPBoost de FontAwesome
- Systeme d upload
- Systeme d upload
- social connect
------------------------------------- */
--------------------------------------*/
/* -- La mise en forme du texte -- */
/* -- La mise en forme du texte -- */
/* ------------------------------- */
/* ------------------------------- */
/* --- Les liens du site --- */
/* --- Les liens du site --- */
a {
a {
color: #366493;
text-decoration: none;
text-decoration: none;
font-weight: normal;
}
}
a:hover {
a:hover,
color: #021B34;
.link-color:hover {
text-decoration: underline;
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 --- */
/* --- 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) --- */
/* --- 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 {
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 --- */
/* --- Les Titres bbcode --- */
.formatter-title {
.formatter-title {
display: inline-block;
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 {
h2.formatter-title {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-style: solid;
border-bottom-width: 3px;
border-color: transparent;
font-weight: bold;
margin-top: 2.618rem;
margin-top: 3rem;
}
}
h3.formatter-title {
h3.formatter-title {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-style: solid;
border-bottom-width: 2px;
border-color: transparent;
}
}
h4.formatter-title {
h4.formatter-title {
text-decoration: underline;
text-decoration: underline;
}
}
h5.formatter-title {
h5.formatter-title {
font-style: italic;
font-style: italic;
text-decoration: underline;
text-decoration: underline;
}
}
h6.formatter-title {
h6.formatter-title {
font-style: italic;
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 {
.formatter-title + br + .formatter-title {
margin-top: 0;
margin-top: 0;
}
}
/* -- Mise en forme du contenu -- */
/* -- Mise en forme du contenu -- */
/* ------------------------------ */
/* ------------------------------ */
/* --- Affichage du mini calendrier --- */
/* --- Affichage du mini calendrier --- */
.calendar-block-container {
.calendar-block-container {
position: absolute;
position: absolute;
z-index: 100;
z-index: 100;
left: 0;
left: 0;
right: 0;
right: 0;
}
}
.form-field .calendar-container {
.form-field .calendar-container {
display: inline-block;
display: inline-block;
position: relative;
position: relative;
}
}
.calendar-container a .fa-calendar {
font-size: 1.6em;
}
.calendar-block {
.calendar-block {
position: absolute;
position: absolute;
border: 1px solid #999999;
z-index: 10;
z-index: 10;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
}
.calendar-block {
.calendar-block {
top: 25px;
top: 2em;
left: -104px;
left: -104px;
}
}
.calendar-block .date-picker {
.calendar-block .date-picker {
margin: 0;
margin: 0;
width: 250px;
width: 250px;
table-layout: fixed;
table-layout: fixed;
}
}
.calendar-block .date-select-container {
.calendar-block .date-select-container {
background-color: #F5F5F5;
padding: 0.809em 0 0.309em;
padding: 2px 0;
}
}
.calendar-block .date-select-previous {
.calendar-block .date-select-previous {
float: left;
float: left;
margin: 1px 4px 0 4px;
}
}
.calendar-block .date-select-next {
.calendar-block .date-select-next {
float: right;
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 {
.calendar-block .date-select-content {
margin: auto;
margin: auto;
width: 185px;
width: 185px;
text-align: center;
text-align: center;
}
}
.calendar-block .date-select-content select,
.calendar-block .date-select-content select,
.calendar-block .date-select-content select:focus {
.calendar-block .date-select-content select:focus {
padding: 1px 1px;
padding: 0.1618em;
font-size: 0.9em;
font-size: 0.809em;
border: none;
border: none;
background: none;
background: none;
box-shadow: none;
box-shadow: none;
}
}
.calendar-block .date-select-month {
.calendar-block .date-select-month {
width: 92px;
width: 92px;
margin: 0 1px 0 5px;
margin: 0 0.1618em 0 0.309em;
}
}
.calendar-block .date-select-year {
.calendar-block .date-select-year {
width: 55px;
width: 55px;
margin: 0;
margin: 0;
}
}
.calendar-block .date-picker select,
.calendar-block .date-picker select,
.calendar-block .date-picker select:focus {
.calendar-block .date-picker select:focus {
box-shadow: none;
box-shadow: none;
max-width: 75px;
max-width: 75px;
}
}
.calendar-block .date-picker thead tr th {
.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;
font-weight: bold;
color: #666666;
}
}
.calendar-block .date-picker tbody tr:last-child {
.calendar-block .date-picker tbody tr td {
border-bottom: none;
border-bottom: none;
}
}
.calendar-block .date-picker tbody td {
.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:first-child { border-left: none; }
.calendar-block .date-picker tbody td:last-child { border-right: 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 {
.calendar-block .date-picker tbody tr:last-child td {
border-bottom: none;
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 --- */
/* --- Le selecteur de couleur --- */
.color-picker {
.color-picker {
position: absolute;
position: absolute;
z-index: 100;
z-index: 100;
}
}
.color-picker .bbcode-block table {
.color-picker .bbcode-block table {
margin: auto;
margin: auto;
border: none;
border: none;
border-collapse: collapse;
border-collapse: collapse;
}
}
.color-picker td {
.color-picker td {
padding: 0;
padding: 0;
border: 1px solid #F3F3F3;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
}
.color-picker td a {
.color-picker td a {
display: block;
display: block;
width: 14px;
width: 0.809em;
height: 14px;
height: 0.809em;
}
}
/* --- les blocs de quote, de code ou caches --- */
/* --- les blocs de quote, de code ou caches --- */
.formatter-container {
.formatter-container {
position: relative;
position: relative;
display: block;
display: block;
margin: auto;
margin: auto;
width: 93%;
width: 93%;
color: #444444;
}
}
.formatter-container .formatter-title {
.formatter-container .formatter-title {
font-weight: bold;
font-weight: bold;
}
}
.formatter-content {
.formatter-content {
margin: 0;
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 {
.formatter-hide .formatter-content {
height: 0;
height: 0;
max-height: 0;
max-height: 0;
padding: 0;
padding: 0;
overflow: hidden;
overflow: hidden;
visibility: hidden;
visibility: hidden;
transform: scaleY(0);
transform: scaleY(0);
transition: transform 0.15s linear;
transition: transform 0.15s linear;
transform-origin: 50% 0;
transform-origin: 50% 0;
}
}
.formatter-show .formatter-content,
.formatter-show .formatter-content,
.formatter-hide.no-js:hover .formatter-content {
.formatter-hide.no-js:hover .formatter-content {
height: auto;
height: auto;
max-height: 500px;
max-height: 500px;
padding: 8px;
padding: 0.456em;
overflow: auto;
overflow: auto;
visibility: visible;
visibility: visible;
transform: scaleY(1);
transform: scaleY(1);
}
}
.formatter-hide .formatter-hide-message {
.formatter-hide .formatter-hide-message {
display: block;
display: block;
font-style: italic;
font-style: italic;
font-weight: normal;
font-weight: normal;
font-size: 0.8em;
font-size: 0.809em;
color: #BBBBBB;
padding: 0.228em 0.456em;
padding: 4px 8px;
width: 100%;
width: 100%;
margin: 0 auto 0 auto;
margin: 0 auto 0 auto;
background-color: #FDFDFD;
border: 1px solid #EEEEEE;
cursor: pointer;
cursor: pointer;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
}
.formatter-show .formatter-hide-message {
.formatter-show .formatter-hide-message {
display: none;
display: none;
}
}
.formatter-hide-close-button {
.formatter-hide-close-button {
position: absolute;
position: absolute;
display: none;
display: none;
top: 2em;
top: 2.618em;
right: 0;
right: 0;
color: #BBBBBB;
font-size: 0.8em;
font-size: 0.8em;
font-style: italic;
font-style: italic;
cursor: pointer;
cursor: pointer;
transition: all 0.3s linear;
transition: all 0.3s linear;
}
}
.formatter-hide-close-button-txt {
.formatter-hide-close-button-txt {
padding: 0 0 0 3px;
padding: 0 0 0 0.228em;
}
}
.formatter-show .formatter-hide-close-button {
.formatter-show .formatter-hide-close-button {
display: block;
display: block;
}
}
.formatter-hide-close-button:hover {
.formatter-hide-close-button:hover {
color: #444444;
transition: all 0.3s linear;
transition: all 0.3s linear;
}
}
.formatter-code .formatter-title {
.formatter-code .formatter-title {
margin: 1rem 0 0.5rem 0;
margin: 1rem 0 0.5rem 0;
}
}
.formatter-code .formatter-content {
.formatter-code .formatter-content {
overflow: auto;
overflow: auto;
max-height: 500px;
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 {
.copy-code {
float: right;
float: right;
padding: 1.2rem 0.5rem 0 0;
padding: 1.2rem 0.5rem 0 0;
color: #BBBBBB;
font-size: 0.8em;
font-size: 0.8em;
font-style: italic;
font-style: italic;
cursor: copy;
cursor: copy;
transition: all 0.3s linear;
transition: all 0.3s linear;
}
}
.copy-code-txt {
.copy-code-txt {
padding: 0 0 0 3px;
padding: 0 0 0 0.228em;
}
}
/* --- les autres element bbcode --- */
/* --- les autres element formates --- */
.indent {
.indent {
margin-left: 30px;
margin-left: 1.618em;
}
}
.formatter-acronym {
.formatter-acronym {
cursor: help;
cursor: help;
}
}
.formatter-block {
.formatter-block {
display: block;
display: block;
margin: 5px 20px;
margin: 0.309em 1.309em;
padding: 5px;
padding: 0.309em;
border: 1px solid #C4CED6;
overflow: hidden;
overflow: hidden;
}
}
.formatter-fieldset {
.formatter-fieldset {
margin: 10px;
margin: 0.618em;
}
}
.formatter-ul {
.formatter-ul {
text-align: left;
text-align: left;
list-style-position: inside;
}
}
/* --- les listes numerotees --- */
/* --- les listes numerotees --- */
.code ol {
.code ol {
margin-left: 3em;
margin-left: 3em;
}
}
/* --- menu de flux --- */
/* --- menu de flux --- */
.feed-list {
.feed-list {
margin: 5px 0;
margin: 0.309em 0;
list-style-type: none;
list-style-type: none;
text-align: left;
text-align: left;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.feed-list li a {
.feed-list li a {
margin: 1px 0;
margin: 1px 0;
padding: 7px 0;
padding: 0.456em 0;
display: inline-block;
display: inline-block;
}
}
}
}
/* --- La recherche de membre (AJAX) --- */
/* --- La recherche de membre (AJAX) --- */
.xmlhttprequest-result-search {
.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;
overflow: auto;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
}
/* --- La barre de progression --- */
/* --- La barre de progression --- */
.progressbar-container {
.progressbar-container {
position: relative;
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 {
.progressbar-container .progressbar-infos {
position: absolute;
position: absolute;
top: 50%;
top: 50%;
transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
width: 100%;
line-height: 13px;
line-height: 0.809em;
font-size: 11px;
font-size: 0.618em;
text-align: center;
text-align: center;
}
}
.progressbar {
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.progressbar[style*="100"] {
}
.progressbar-container .progressbar {
.progressbar-container .progressbar {
height: 14px;
height: 1.618em;
background-color: #8ECF67;
transition: width .6s ease;
transition: width .6s ease;
}
}
/* --- Le systeme de notation --- */
/* --- Le systeme de notation --- */
.notation,
.notation,
.static-notation {
.static-notation {
display: inline-block;
display: inline-block;
}
}
.notation .star,
.notation .star,
.static-notation .star {
.static-notation .star {
padding-right: 5px;
position: relative;
color: #E3CF7A;
font-size: 1.5rem;
font-size: 14px;
text-decoration: none;
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 --- */
/* --- Les alertes --- */
li.small-block .fa-stack {
li.small-block .fa-stack {
height: 2.34em;
height: 2.34em;
}
}
.fa-circle-alert {
.fa-circle-alert {
position: absolute;
position: absolute;
z-index: 1;
z-index: 1;
top: -3px;
top: -3px;
left: 20px;
left: 20px;
font-size: 1.32em;
font-size: 1.32em;
color: #BA4B49;
}
}
.fa-circle-alert span {
.fa-circle-alert span {
position: absolute;
position: absolute;
top: 4px;
top: 4px;
display: block;
display: block;
margin: 0 auto;
margin: 0 auto;
width: 100%;
width: 100%;
color: #FFFFFF;
font-size: 0.7em;
font-size: 0.7em;
text-align: center;
text-align: center;
}
}
/* -- Les messages d erreurs -- */
/* -- Les messages d erreurs -- */
/* ---------------------------- */
/* ---------------------------- */
.error,
.notice,
.warning,
.success,
.question,
.message-helper {
.message-helper {
position: relative;
position: relative;
display: block;
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;
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;
text-align: left;
overflow: hidden;
overflow: hidden;
}
}
.error:before,
.notice:before,
.warning:before,
.success:before,
.question:before,
.message-helper:before {
.message-helper:before {
position: absolute;
position: absolute;
left: 6px;
left: 6px;
top: 7px;
top: 7px;
width: 28px;
width: 28px;
font-family: FontAwesome;
font-family: 'Font Awesome 5 Free';
font-weight: 900; /* Solid icons*/
font-style: normal;
font-style: normal;
font-weight: normal;
line-height: normal;
line-height: 1;
font-size: 1.5em;
font-size: 2em;
text-align: center;
text-align: center;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-osx-font-smoothing: grayscale;
}
}
.message-helper-small {
.message-helper-small {
width: 50%;
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 -- */
/* -- Systeme d Upload -- */
/* ---------------------- */
/* ---------------------- */
#module-user-upload {
#module-user-upload {
margin: 5px;
margin: 0.309em;
}
}
.upload-address-bar {
.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 {
.upload-address-bar-links {
float: right;
float: right;
margin: 0 25px 25px 25px;
margin: 0 1.482em 1.482em 1.482em;
}
}
.upload-address-bar-links a {
.upload-address-bar-links a {
margin-left: 10px;
margin-left: 0.618em;
}
}
#empty-folder {
#empty-folder {
width: 70%;
width: 70%;
}
}
.upload-elements-container {
.upload-elements-container {
margin: 10px 0 0 20px;
margin: 0.618em 0 0 1.309em;
overflow: hidden;
overflow: hidden;
text-align: left;
text-align: left;
}
}
.upload-elements-file,
.upload-elements-file,
.upload-elements-repertory {
.upload-elements-repertory {
display: inline-block;
display: inline-block;
vertical-align: top;
vertical-align: top;
margin: 10px;
margin: 0.618em;
}
}
.upload-elements-repertory {
.upload-elements-repertory {
line-height: 50px;
line-height: 50px;
width: 180px;
width: 180px;
text-align: center;
text-align: center;
border: 1px solid #366493;
border-width: 1px;
background-color: #aec7e1;
border-style: solid;
border-color: transparent;
}
}
.upload-repertory-controls {
.upload-repertory-controls {
font-size: 0;
font-size: 0;
}
}
.upload-repertory-controls span {
.upload-repertory-controls span {
font-size: 1.6rem;
font-size: 1.6rem;
width: calc(100% / 3);
width: calc(100% / 3);
display: inline-block;
display: inline-block;
}
}
.upload-elements-file {
.upload-elements-file {
width: 180px;
width: 180px;
}
}
.upload-elements-file a:hover {
text-decoration: none;
}
.upload-elements-file input {
.upload-elements-file input {
width: 100%;
width: 100%;
}
}
.upload-element-name {
.upload-element-name {
width: 100%;
width: 100%;
text-align: center;
text-align: center;
}
}
.upload-element-picture {
.upload-element-picture {
width: 100%;
width: 100%;
height: 100px;
height: 100px;
display: block;
display: block;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: center;
background-position: center;
background-size: contain;
background-size: contain;
}
}
.upload-element-icon {
.upload-element-icon {
width: 100%;
width: 100%;
line-height: 100px;
line-height: 100px;
text-align: center;
text-align: center;
border: 1px solid #d9d9d9;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
}
.upload-file-controls {
.upload-file-controls {
font-size: 0;
font-size: 0;
}
}
.upload-file-controls a {
.upload-file-controls a {
font-size: 1.6rem;
font-size: 1.6rem;
width: calc(100% / 4);
width: calc(100% / 4);
display: inline-block;
display: inline-block;
text-align: center;
text-align: center;
padding: 3px 0;
padding: 0.228em 0;
}
.upload-recent-file {
color: #BA4B49;
}
}
.upload-input-bbcode {
.upload-input-bbcode {
margin-top: 2px;
margin-top: 0.1618em;
cursor: pointer;
cursor: pointer;
}
}
.upload-cat-list,
.upload-cat-list,
.upload-cat-explorer {
.upload-cat-explorer {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
list-style-type: none;
list-style-type: none;
line-height: normal;
line-height: normal;
}
}
.upload-cat-explorer {
.upload-cat-explorer {
padding-left: 30px;
padding-left: 1.618em;
}
}
.upload-no-sub-cat {
.upload-no-sub-cat {
padding-left: 17px;
padding-left: 1em;
}
}
/* --- Deplacement des fichiers --- */
/* --- Deplacement des fichiers --- */
.upload-selected-cat {
.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-to,
.upload-elements-move-file,
.upload-elements-move-file,
.upload-elements-move-to-cat,
.upload-elements-move-to-cat,
.upload-elements-move-folder {
.upload-elements-move-folder {
float: left;
float: left;
width: 33%;
width: 33%;
text-align: center;
text-align: center;
}
}
.upload-elements-move-to {
.upload-elements-move-to {
margin-top: 50px;
margin-top: 2.809em;
}
}
.upload-elements-move-file img {
.upload-elements-move-file img {
width: 100px;
width: 100px;
height: auto;
height: auto;
}
}
.upload-root-cat {
.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;
}
}


Diff salvati