« MediaWiki:Common.css » : différence entre les versions

De Fab Labs Québec
Aller à :navigation, rechercher
Aucun résumé des modifications
Aucun résumé des modifications
 
(25 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;
  min-height:80px;
}
}


#resizable_image_container img {height:24px; padding-right: 5px; padding-left: 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:100%; /* you can use % */
     width:135px;
     height: auto;
     height: 135px;
}
}


//https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
/*https://www.w3schools.com/cssref/css3_pr_mediaquery.asp*/
/*https://www.mediawiki.org/wiki/Skin_talk:Tweeki#Long_TOC_and_showing_the_category*/
/*https://www.mediawiki.org/wiki/Skin_talk:Tweeki#Long_TOC_and_showing_the_category*/
@media only screen and (min-width: 600px) {
@media only screen and (min-width: 1000px) {
     .sidebar-wrapper { position:absolute }
     .sidebar-wrapper { position:absolute }
}
}
Ligne 51 : Ligne 61 :
     height: auto;
     height: auto;
}
}
.smallertext span {
.smallertext span {
     font-size: 10px !important;
     font-size: 10px !important;
Ligne 64 : Ligne 75 :
  background-color:#337ab7;
  background-color:#337ab7;
  border-color:#2e6da4
  border-color:#2e6da4
  display:inline-block;
  display:inline-block;
  margin-bottom:0;
  margin-bottom:0;
Ligne 88 : Ligne 98 :
.centre-svp p {
.centre-svp p {
     margin: auto;
     margin: auto;
    max-width: 100%;
    max-height: 100%;
}
}


img.fullheight{
img.fullheight{
     height: 200px;
     max-width: 100%;
     width: 33%;
    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;
}