« MediaWiki:Common.css » : différence entre les versions
De Fab Labs Québec
Aucun résumé des modifications |
Aucun résumé des modifications |
||
(58 versions intermédiaires par 3 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici sera appliqué à tous les habillages. */ | /* Le CSS placé ici sera appliqué à tous les habillages. */ | ||
.tallTokens, .tallTokens .select2-choices { | .tallTokens, .tallTokens .select2-choices { | ||
min-height:80px; | |||
} | } | ||
#resizable_image_container img {height:24px; padding-right: 5px; | #resizable_image_container img { | ||
height:24px; | |||
padding-right: 5px; | |||
adding-left: 5px; | |||
} | |||
#mw-content-text {max-width:88rem;} | #mw-content-text { | ||
max-width:88rem; | |||
} | |||
#machineTable td:empty { | #machineTable td:empty { | ||
display: none; | display: none; | ||
} | |||
.p-navbar .navbar-brand.p-logo { | |||
height:120px; | |||
} | } | ||
#p-logo img { | #p-logo img { | ||
width: | width:135px; | ||
height: 135px; | |||
} | |||
/*https://www.w3schools.com/cssref/css3_pr_mediaquery.asp*/ | |||
/*https://www.mediawiki.org/wiki/Skin_talk:Tweeki#Long_TOC_and_showing_the_category*/ | |||
@media only screen and (min-width: 1000px) { | |||
.sidebar-wrapper { position:absolute } | |||
} | |||
/*allow line breaks*/ | |||
.panel-info { | |||
overflow : auto; | |||
overflow-wrap: break-word; | |||
} | |||
.panel-heading a{ | |||
color: #48bbce; | |||
} | |||
.panel-heading #lienblanc a{ | |||
color: white !important; | |||
} | |||
img.fullwidth{ | |||
width: 100%; | |||
height: auto; | |||
} | |||
img.quarterwidth{ | |||
width: 25%; | |||
height: auto; | height: auto; | ||
} | } | ||
img.halfwidth{ | |||
. | width: 50%; | ||
height: auto; | |||
} | |||
.smallertext span { | |||
font-size: 10px !important; | |||
} | |||
.navbar-form { | |||
margin-bottom: 1px; | |||
margin-top: 1px; | |||
} | |||
.bouton-fancy button{ | |||
color:#fff; | |||
background-color:#337ab7; | |||
border-color:#2e6da4 | |||
display:inline-block; | |||
margin-bottom:0; | |||
font-weight:normal; | |||
text-align:center; | |||
white-space:nowrap; | |||
vertical-align:middle; | |||
-ms-touch-action:manipulation; | |||
touch-action:manipulation; | |||
cursor:pointer; | |||
background-image:none; | |||
border:1px solid transparent; | |||
padding:6px 12px; | |||
font-size:14px; | |||
line-height:1.42857143; | |||
border-radius:4px; | |||
-webkit-user-select:none; | |||
-moz-user-select:none; | |||
-ms-user-select:none; | |||
user-select:none | |||
} | |||
.centre-svp p { | |||
margin: auto; | |||
max-width: 100%; | |||
max-height: 100%; | |||
} | |||
img.fullheight{ | |||
max-width: 100%; | |||
max-height: 100%; | |||
} | |||
.centre-svp .embedvideo { | |||
margin: auto; | |||
} | |||
.no-label .fileupload-container label { | |||
display:none; | |||
} | |||
form button { | |||
background: #4d8fd582; | |||
} | |||
#pfForm label.checkboxLabel { | |||
display:block !important; | |||
} | |||
/*position du titre de la page lors de l'utilisation des display titles.*/ | |||
div#contentSub { | |||
position: absolute; | |||
right: 5%; | |||
top: 5rem; | |||
} | |||
/* pas de bordure sur les pages avec des tab*/ | |||
.oo-ui-panelLayout-framed { | |||
border:none; | |||
} |
Dernière version du 21 mai 2024 à 11:37
/* Le CSS placé ici sera appliqué à tous les habillages. */
.tallTokens, .tallTokens .select2-choices {
min-height:80px;
}
#resizable_image_container img {
height:24px;
padding-right: 5px;
adding-left: 5px;
}
#mw-content-text {
max-width:88rem;
}
#machineTable td:empty {
display: none;
}
.p-navbar .navbar-brand.p-logo {
height:120px;
}
#p-logo img {
width:135px;
height: 135px;
}
/*https://www.w3schools.com/cssref/css3_pr_mediaquery.asp*/
/*https://www.mediawiki.org/wiki/Skin_talk:Tweeki#Long_TOC_and_showing_the_category*/
@media only screen and (min-width: 1000px) {
.sidebar-wrapper { position:absolute }
}
/*allow line breaks*/
.panel-info {
overflow : auto;
overflow-wrap: break-word;
}
.panel-heading a{
color: #48bbce;
}
.panel-heading #lienblanc a{
color: white !important;
}
img.fullwidth{
width: 100%;
height: auto;
}
img.quarterwidth{
width: 25%;
height: auto;
}
img.halfwidth{
width: 50%;
height: auto;
}
.smallertext span {
font-size: 10px !important;
}
.navbar-form {
margin-bottom: 1px;
margin-top: 1px;
}
.bouton-fancy button{
color:#fff;
background-color:#337ab7;
border-color:#2e6da4
display:inline-block;
margin-bottom:0;
font-weight:normal;
text-align:center;
white-space:nowrap;
vertical-align:middle;
-ms-touch-action:manipulation;
touch-action:manipulation;
cursor:pointer;
background-image:none;
border:1px solid transparent;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.centre-svp p {
margin: auto;
max-width: 100%;
max-height: 100%;
}
img.fullheight{
max-width: 100%;
max-height: 100%;
}
.centre-svp .embedvideo {
margin: auto;
}
.no-label .fileupload-container label {
display:none;
}
form button {
background: #4d8fd582;
}
#pfForm label.checkboxLabel {
display:block !important;
}
/*position du titre de la page lors de l'utilisation des display titles.*/
div#contentSub {
position: absolute;
right: 5%;
top: 5rem;
}
/* pas de bordure sur les pages avec des tab*/
.oo-ui-panelLayout-framed {
border:none;
}