Untitled diff
690 lines
section#main * {
/*
box-sizing: content-box;
* Surchargez ce fichier dans votre thème pour personnaliser le module
* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
*/
/* -- header
============================================================================= */
#forum-top {
padding: 0.456em;
}
}
/* -- header =============================================================== */
#forum-top h1 {
header#forum-top {
font-size: 1.618em;
margin: 5px 0 15px 0;
text-align: left;
padding: 8px;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
}
}
header#forum-top h1 {
/* --- Forum table --- */
padding: 0.7em 0.5em 1em 0.5em;
#module-forum table.bt tbody td.forum-last-topic .bt-content {
border-bottom: none;
max-width: 63%;
font-size: 1.5rem;
}
}
header#forum-top .forum-links {
#module-forum table tbody td .bt-content span {
border-top: 1px solid #CCCCCC;
display: block;
text-align: left;
padding: 0.1618em
}
}
/* --- menu index ========================================================= */
#module-forum table.bt tbody tr:last-child td:last-child {
.forum-index {
border-width: 0 0 1px;
display: none;
}
}
@media (min-width: 769px) {
#module-forum header h2 > i,
.footer-forum > i {
font-size: 0.618em;
}
@media (min-width: 769px) {
.forum-index {
.forum-index {
display: block;
display: block;
}
}
}
}
.forum-links .cssmenu .menu-button {
.forum-links .cssmenu-group > ul > li .cssmenu-title,
color: #999999 !important;
.forum-links .cssmenu-group > ul > li:hover .cssmenu-title {
}
border: none;
background: none;
.forum-links .cssmenu .menu-button::after {
border-color: #999999;
}
.forum-links .cssmenu .menu-button::before {
background-color: #999999;
}
.forum-links .cssmenu .menu-button.menu-opened:after,
.forum-links .cssmenu .menu-button.menu-opened:before,
header .forum-links .cssmenu .menu-button.menu-opened:after,
header .forum-links .cssmenu .menu-button.menu-opened:before {
background-color: #999999;
}
.forum-links .cssmenu{
margin-top: 5px;
}
.forum-links .cssmenu i {
padding-bottom: 3px;
}
.forum-links .cssmenu .small {
color: #334455;
font-size: 1.1em;
}
}
.forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title {
.forum-links .cssmenu.cssmenu-group > ul > li > .cssmenu-title {
padding: 8px 5px;
padding: 0.309em 0.809em;
letter-spacing: 0;
letter-spacing: 0;
}
font-size: 1.482rem;
.forum-links .cssmenu-group > ul > li {
background: none;
border: none;
}
.forum-links .cssmenu-group > ul > li:hover {
background: none;
border: none;
}
}
/* -- details des pages ============================================================== */
/* -- details des pages
============================================================================= */
/* --- pagination --- */
/* --- pagination --- */
article header ul.pagination,
article header ul.pagination,
article footer ul.pagination {
article footer ul.pagination {
display: inline;
display: inline;
}
}
/*--- details des topic --- */
/*--- details des topic --- */
.user-group {
display: block;
}
.user-editor {
.user-editor {
padding: 10px;
margin-top: 2.618em;
font-size: 0.8em;
padding: 0.618em 0;
font-size: 0.809em;
font-style: italic;
font-style: italic;
display: block;
}
}
.forum-post-form .fieldset-submit {
.forum-post-form .fieldset-submit {
margin-bottom: 5px;
margin-bottom: 0.309em;
padding-top: 17px;
padding-top: 1em;
}
}
.error-auth-write-response {
.error-auth-write-response {
padding-bottom: 2px;
padding-bottom: 0.1618;
font-size: 0.8em;
font-size: 0.809em;
text-align: center;
text-align: center;
}
}
.error-auth-write {
.error-auth-write {
margin: auto;
margin: auto;
padding: 2px;
padding: 0.1618;
height: auto;
height: auto;
max-width: 300px;
max-width: 300px;
}
}
.forum-poll-table {
.forum-poll-table {
margin: 10px auto auto auto;
margin: 0.618em auto auto auto;
width: 80%;
width: 80%;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.forum-poll-table td {
.forum-poll-table td {
text-align: left;
text-align: left;
}
}
}
}
.del-msg {
.del-msg {
cursor:pointer;
cursor:pointer;
display:none;
}
}
.edit-pseudo {
.edit-pseudo {
margin: 40px 0 20px;
margin: 1.618em 0 1.309em;
padding: 10px;
padding: 0.618em;
font-size: 1em;
font-size: 1em;
font-style: italic;
font-style: italic;
}
}
/* --- stats --- */
/* --- stats --- */
.forum-stats span {
.forum-stats span {
display: block;
display: block;
}
}
/* --- moderation --- */
/* --- moderation --- */
@media (min-width: 769px) {
@media (min-width: 769px) {
#article-forum-moderation #id-message-helper.notice {
#article-forum-moderation #id-message-helper.notice {
width: 80%;
width: 80%;
}
}
}
}
#article-forum-moderation textarea {
#article-forum-moderation textarea {
margin: 0 4px ;
margin: 0 0.228em ;
width: 99%;
width: 99%;
border-top: none;
border-top: none;
}
}
.moderation-type-block {
display: block;
text-align: center;
}
.moderation-type-block > span {
display: block;
}
/* --- creation de topic --- */
/* --- creation de topic --- */
#add_poll_field_link {
#add_poll_field_link {
width: 185px;
width: 185px;
}
}
/* --- header du contenu de la page --- */
/* --- header du contenu de la page --- */
article header {
.forum-contents header {
padding: 8px;
margin: 0;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
}
}
article header h2 {
.forum-contents header h2,
.footer-forum,
.forum-contents footer {
border: none;
border: none;
font-size: 1.3rem;
font-weight: 300;
font-weight: normal;
font-size: 1.382em;
}
}
article header a {
.footer-forum {
color: #334455;
padding: 0 0.618em;
}
.forum-contents header a {
font-size: 1em;
font-size: 1em;
}
}
article header a.basic-button {
.forum-contents header a.basic-button,
color: #FFFFFF;
.footer-forum a.basic-button {
font-size: 0.618em;
}
.forum-contents table {
margin-top: 0;
}
}
ul.pagination a {
ul.pagination a {
padding: 6px;
padding: 0.309em;
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
ul.pagination a {
ul.pagination a {
padding: 3px;
padding: 0.228em;
}
}
}
}
.desc-forum {
.desc-forum {
font-size: 0.8em;
font-size: 0.809em;
}
}
/* --- Contenu de la page --- */
/* --- Contenu de la page --- */
.forum-contents {
padding: 0 0.809em;
}
.content {
.content {
padding: 0;
padding: 0;
clear: both;
clear: both;
}
}
/* --- footer du contenu de la page --- */
/* --- footer du contenu de la page --- */
article footer {
article footer {
margin-top: 10px;
margin-top: 0.618em;
padding: 8px;
padding: 0.456em;
min-height: 33px;
min-height: 33px;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
}
}
article footer a {
article footer a {
color: #334455;
font-size: 0.809em;
font-size: 13px;
}
}
/* --- Classe du lien du pseudo sur forum --- */
/* --- Classe du lien du pseudo sur forum --- */
a.forum-link-pseudo {
a.forum-link-pseudo {
color: #E8EAEB;
font-weight: bold;
}
a.forum-link-pseudo:hover {
color: #F2FBFF;
font-weight: bold;
font-weight: bold;
}
}
/* --- Messages non lus --- */
/* --- Messages non lus --- */
.forum-refresh {
.forum-refresh {
position: relative;
position: relative;
float: left;
float: left;
}
}
.forum-refresh #forum_block_forum_unread_top,
.forum-refresh #forum_block_forum_unread_top,
.forum-refresh #forum_block_forum_unread_bottom {
.forum-refresh #forum_block_forum_unread_bottom {
position: absolute;
position: absolute;
z-index: 100;
z-index: 100;
top: 100%;
top: 100%;
right: -150px;
right: -150px;
}
}
.forum-notread {
.forum-notread {
background-color: #f5f5f5;
padding: 0.228em;
padding: 4px;
font-size: 0.809em;
font-size: 0.8em;
color: #366393;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.forum-refresh #forum_block_forum_unread_top,
.forum-refresh #forum_block_forum_unread_top,
.forum-refresh #forum_block_forum_unread_bottom {
.forum-refresh #forum_block_forum_unread_bottom {
left: -34px;
left: -34px;
right: auto;
right: auto;
top: 20px;
top: 20px;
}
}
.forum-refresh #forum_block_forum_unread_top > div,
.forum-refresh #forum_block_forum_unread_top > div,
.forum-refresh #forum_block_forum_unread_bottom > div {
.forum-refresh #forum_block_forum_unread_bottom > div {
width: 300px !important;
width: 300px !important;
overflow: visible !important;
overflow: visible !important;
}
}
.forum-notread {
.forum-notread {
padding: 8px 4px;
padding: 0.456em 0.228em;
}
}
}
}
/* --- contenu des tables ======================================================= */
/* --- contenu des tables ======================================================= */
.forum-display-block {
.forum-display-block {
display: block;
display: block;
margin: 5px 0;
margin: 0.309em 0;
}
}
.forum-textarea,
.forum-textarea,
.forum-textarea:focus,
.forum-textarea:focus,
.forum-textarea:hover {
.forum-textarea:hover {
padding: 4px 6px;
padding: 0.228em 0.309em;
width: 99%;
width: 99%;
min-height: 150px;
min-height: 150px;
border-top: none;
border-top: none;
}
}
table.bt tbody tr:last-child td {
border-bottom: none;
}
table.bt tbody tr:last-child td:last-child {
border-bottom: 1px solid #D1D2D4;
}
/* --- taille des colonnes --- */
/* --- taille des colonnes --- */
@media (min-width: 980px) {
@media (min-width: 980px) {
.td20P { width: 20%; }
.td20P { width: 20%; }
.td25P { width: 25%; }
.td25P { width: 25%; }
.td33P { width: 33%; }
.td33P { width: 33%; }
.td66P { width: 66%; }
.td66P { width: 66%; }
.td25 {width: 25px;}
.td25 {width: 1.618em; }
.td70 {width: 70px;}
.td70 {width: 4.56em; }
.td100 {width: 100px;}
.td100 {width: 6.18em; }
.forum-mass-modo { width: 25px; }
.forum-mass-modo { width: 1.618em; }
.forum-fixed-topic { width: 30px; }
.forum-fixed-topic { width: 2.28em; }
.forum-announce-topic { width: 30px; }
.forum-announce-topic { width: 2.28em; }
.forum-author { width: 100px; }
.forum-author { width: 6.18em; }
.forum-subject-nb { width: 60px; }
.forum-subject-nb { width: 3.82em; }
.forum-message-nb { width: 60px; }
.forum-message-nb { width: 3.82em; }
.forum-view { width: 60px; }
.forum-view { width: 3.82em; }
.forum-pm { width: 40px; }
.forum-pm { width: 3.82em; }
.forum-mail { width: 50px; }
.forum-mail { width: 3.82em; }
.forum-delete { width: 85px; }
.forum-delete { width: 4.56em; }
.forum-last-topic { width: 150px; }
.forum-last-topic { width: 10em; }
td.forum-last-topic {
td.forum-last-topic {
font-size: 0.8em;
font-size: 0.809em;
}
}
td.forum-topic {
td.forum-topic {
text-align: left;
text-align: left;
}
}
}
}
/* Cadre des liens: alerter les moderateurs et suivre le sujet */
/* Cadre des liens: alerter les moderateurs et suivre le sujet */
.forum-action {
.forum-action {
margin-top: 5px;
margin-top: 0.309em;
text-align: center;
text-align: center;
}
}
/* Les liens des categories de niveau 0 */
/* Les des categories de niveau 0 */
a.forum-link-cat {
font-weight: bold;
}
/* Affichage des membres en ligne */
/* Affichage des membres en ligne */
.forum-online {
.forum-online {
padding: 6px 6px 0 6px;
padding: 0.309em 0.309em 0 0.309em;
height: auto;
height: auto;
overflow: hidden;
overflow: hidden;
clear: both;
clear: both;
}
}
.forum-online-select-cat {
.forum-online-select-cat {
padding: 5px;
padding: 0.309em;
clear: both;
clear: both;
}
}
.forum-online-select {
.forum-online-select {
min-width: 160px;
min-width: 160px;
max-width: 530px;
max-width: 530px;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.forum-online-select {
.forum-online-select {
max-width: 100%;
max-width: 100%;
}
}
}
}
/* Contenu */
/* Contenu */
.forum-cat-title {
.forum-cat-title {
padding: 0 5px;
padding: 0 0.309em;
}
/* Couleur des liens pour les messages du membre */
a.forum-mbrmsg-links {
color: #FFFFFF;
}
.forum-search-word {
background-color: #FFFF00;
color: #000000;
}
}
.pagin-forum {
.pagin-forum {
float: right;
float: right;
}
}
/* Messages postes par les membres
/* Messages postes par les membres
--------------------------------------*/
--------------------------------------*/
/* Classe du lien du pseudo des messages */
a.msg-link-pseudo {
color: #E8EAEB;
font-size: 11px;
font-weight: bold;
}
a.msg-link-pseudo:hover {
color: #F2FBFF;
}
/* Conteneur des messages */
/* Conteneur des messages */
.msg-position {
.msg-position {
margin: 10px auto;
margin: 1.618em auto;
border: 1px solid #D1D4DF;
}
}
/* Case contenant l'ensemble du message */
/* Case contenant l'ensemble du message */
.msg-container,
.msg-container,
.msg-container2 {
.msg-container2 {
display: flex;
display: flex;
display: -ms-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flex;
flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
-webkit-flex-direction: row;
height: auto !important;
height: auto !important;
overflow: hidden !important;
overflow: hidden !important;
clear: both;
clear: both;
}
}
/* Barre superieur des messages */
/* Barre superieur des messages */
.msg-top {
.msg-top {
display: flex;
display: flex;
display: -ms-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flex;
flex-direction: column;
flex-direction: column;
-ms-flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-webkit-flex-direction: column;
width: 135px;
width: 135px;
background-color: #F0F3FF;
}
.msg-top a {
color: #E8EAEB;
}
}
.msg-top-row p {
.msg-top-row p {
margin: 0;
margin: 0;
}
}
/* Pseudo du membre */
/* Pseudo du membre */
.msg-pseudo-mbr {
.msg-pseudo-mbr {
padding: 4px;
padding: 0.456em;
background-color: #4D4C50;
}
#article-forum-membermsg .msg-pseudo-mbr,
#article-forum-membermsg .msg-pseudo-mbr a {
background-color: #F0F3FF;
color: #555555;
}
}
.msg-info-mbr { /* Case des informations du membre */
.msg-info-mbr { /* Case des informations du membre */
padding: 4px;
padding: 0.456em;
font-size: 10px;
font-size: 0.618em;
}
.msg-info-mbr a {
color: #4372AA;
}
}
.msg-avatar-mbr img {
.msg-avatar-mbr img {
margin: 5px 0;
margin: 0.309em 0;
max-width: 120px;
max-width: 120px;
}
}
/* Case contenant l'ensemble du message, infos membre + contenu */
/* Case contenant l'ensemble du message, infos membre + contenu */
.msg-contents-container,
.msg-contents-container,
.msg-contents-container2 {
.msg-contents-container2 {
display: flex;
display: flex;
display: -ms-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flex;
flex-direction: column;
flex-direction: column;
-ms-flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-webkit-flex-direction: column;
flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
width: calc(100% - 135px);
width: calc(100% - 135px);
}
}
/* --- info case du message ---*/
/* --- info case du message ---*/
.msg-title {
padding: 4px;
background-color: #4D4C50;
}
.msg-title,
.msg-title,
.msg-title a {
color: #E8EAEB;
}
.msg-contents-info {
.msg-contents-info {
padding: 4px;
padding: 0.456em;
background-color: #4D4C50;
color: #E8EAEB;
}
}
#article-forum-membermsg .msg-contents-info,
.msg-contents-info a {
#article-forum-membermsg .msg-contents-info a {
padding: 0 0.382em 0 0.228em;
background-color: #F0F3FF;
color: #555555;
}
}
/* Case du message */
/* Case du message */
.msg-contents{
.msg-contents{
padding: 5px;
padding: 0.309em;
flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
border-left: 1px dotted #D1D2D4;
}
.msg-contents-info a {
color: #E8EAEB;
}
}
/* Signature du membre */
/* Signature du membre */
.msg-sign,
.msg-sign,
.msg-sign2 {
.msg-sign2 {
padding: 4px;
padding: 0.228em;
width: 100%;
width: 100%;
background-color: #FCFCFD;
font-size: 0.809em;
border-left: 1px dotted #D1D2D4;
font-size: 11px;
}
}
.msg-sign img,
.msg-sign img,
.msg-sign2 img {
.msg-sign2 img {
max-height: 75px;
max-height: 75px;
}
}
/* Signature du membre => Couleur alternative */
.msg-sign2 {
background-color: #FCFCFD;
}
/* Signature du membre, fixe la hauteur maximale */
/* Signature du membre, fixe la hauteur maximale */
.msg-sign-mbr {
.msg-sign-mbr {
padding-top: 5px;
padding-top: 0.309em;
height: auto !important;
height: auto !important;
max-height: 80px;
max-height: 80px;
overflow: hidden;
overflow: hidden;
}
}
.msg-sign-info {
.msg-sign-mbr hr {
border-top: 1px solid #D1D2D4;
clear: both;
margin-bottom: 1em;
}
}
.msg-sign-info .float-right a {
.msg-sign-info .float-right a {
padding: 2px 8px;
padding: 0.1618em 0.456em;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
tfoot,
tfoot,
td.forum-announce-topic,
td.forum-announce-topic,
td.forum-fixed-topic,
td.forum-fixed-topic,
td.forum-subject-nb,
td.forum-subject-nb,
td.forum-message-nb,
td.forum-message-nb,
td.forum-view,
td.forum-view,
td.forum-author {
td.forum-author {
display: none !important;
display: none !important;
}
}
td.forum-last-topic {
td.forum-last-topic {
margin-bottom: 3px;
margin-bottom: 0.228em;
border-bottom: 1px solid #D1D2D4;
}
}
/* ---topic --- */
/* ---topic --- */
.msg-container,
.msg-container,
.msg-container2 {
.msg-container2 {
flex-direction: column;
flex-direction: column;
-ms-flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-webkit-flex-direction: column;
}
}
.msg-top {
.msg-top {
flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
-webkit-flex-direction: row;
width: 100%;
width: 100%;
background-color: #4D4C50;
color: #FFFFFF;
}
}
.msg-pseudo-mbr { background-color: transparent;}
.msg-top-row {
.msg-top-row {
flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex: 1 0 auto;
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
order: 2;
order: 2;
-ms-flex-order: 2;
-ms-flex-order: 2;
-webkit-flex-order: 2;
-webkit-flex-order: 2;
text-align: center;
text-align: center;
}
}
a.msg-link-pseudo {
a.msg-link-pseudo {
font-size: 1.2em;
font-size: 1.2em;
}
}
.msg-avatar-mbr {
.msg-avatar-mbr {
order: 1;
order: 1;
-ms-flex-order: 1;
-ms-flex-order: 1;
-webkit-flex-order: 1;
-webkit-flex-order: 1;
}
}
.msg-avatar-mbr img {
.msg-avatar-mbr img {
max-width: 60px;
max-width: 60px;
margin: 0.309em;
}
}
.msg-contents-container,
.msg-contents-container,
.msg-contents-container2 {
.msg-contents-container2 {
width: 100%;
width: 100%;
}
}
.msg-contents-info {
.msg-contents-info {
background: transparent;
background-color: transparent;
color: inherit;
font-size: 0.809em;
font-size: 0.7em;
text-align: right;
text-align: right;
}
}
.msg-contents-info span {
.msg-contents-info span {
float: none !important;
float: none !important;
}
}
.msg-contents-info a {
.msg-contents-info a {
padding: 0 4px;
padding: 0 0.228em;
color: inherit;
}
.msg-contents-info i {
margin-bottom: 0.309em;
}
}
.msg-contents-info .float-right a {
.msg-contents-info .float-right a {
padding: 8px;
padding: 0.456em;
}
}
.msg-sign span a,
.msg-sign span a,
.msg-sign2 span a {
.msg-sign2 span a {
padding: 3px;
padding: 0.228em;
}
}
.msg-info-mbr,
.msg-info-mbr,
.msg-sign-mbr {
.msg-sign-mbr {
display: none;
display: none;
}
}
.msg-contents,
.msg-contents,
.msg-sign,
.msg-sign,
.msg-sign2 {
.msg-sign2 {
margin: 0;
margin: 0;
border-left: none;
}
}
}
}
.fa-announce:before,
.fa-announce-new:before { content: "\f075"; }
.fa-announce-hot:before,
.fa-announce-new-hot:before { content: "\f086"; }
.fa-announce-lock:before,
.fa-announce-new-lock:before { content: "\f023"; }
.fa-announce-post:before,
.fa-announce-new-post:before { content: "\f071"; }
.fa-announce-top:before,
.fa-announce-new-top:before { content: "\f06a"; }
.fa-announce:before,
.fa-announce-hot:before { color: #D1D2D4; }
.fa-announce-new:before,
.fa-announce-new-hot:before { color: #676A74; }
.fa-msg-display:before { content: "\f00c"; color: #478948; }
.fa-msg-not-display:before { content: "\f00d"; color: #BA4B49; }
.fa-msg-track:before { content: "\f004"; color: #BA4B49; }
.fa-msg-not-track:before { content: "\f004"; color: #000000; }
.fa-pm-track:before { content: "\f0e0"; color: #4372AA; }
.fa-pm-not-track:before { content: "\f0e0"; color: #000000; }
.fa-mail-track:before { content: "\f003"; color: #4372AA; }
.fa-mail-not-track:before { content: "\f003"; color: #000000; }
.fa-lastview:before { content: "\f017"; color: #334455; }
.fa-notread:before { content: "\f0f6"; color: #334455; }
.fa-showmymsg:before { content: "\f0e6"; color: #334455; }
/* -- footer ==================================================================== */
/* -- footer ==================================================================== */
footer#forum-bottom {
footer#forum-bottom {
margin: 15px 0 5px 0;
margin: 1em 0 0.309em 0;
padding: 8px;
padding: 0.809em;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
}
footer#forum-bottom .forum-links {
border-bottom: 1px solid #CCCCCC;
}
}
footer#forum-bottom .forum-message-options {
footer#forum-bottom .forum-message-options {
border-bottom: none;
border-bottom: none;
}
}
/* -- Taille police menu ========================================================= */
.forum-stats {
.cssmenu.cssmenu-group > ul > li > .cssmenu-title {
display: block;
font-size: 1.2rem;
}
}