« 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
(46 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 10 : Ligne 10 :
#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.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*/
.sidebar-wrapper { position:absolute }
@media only screen and (min-width: 1000px) {
    .sidebar-wrapper { position:absolute }
}


//allow line breaks
/*allow line breaks*/
.panel-info {
.panel-info {
     overflow : auto;
     overflow : auto;
Ligne 26 : Ligne 34 :
}
}


.dont-break-out {
.panel-heading a{
  color: #48bbce;
}


  /* These are technically the same, but use both */
.panel-heading #lienblanc a{
   overflow-wrap: break-word;
   color: white !important;
  word-wrap: break-word;
}


  -ms-word-break: break-all;
img.fullwidth{
  /* This is the dangerous one in WebKit, as it breaks things wherever */
    width: 100%;
  word-break: break-all;
    height: auto;
  /* Instead use this non-standard one: */
}
  word-break: break-word;


  /* Adds a hyphen where the word breaks, if supported (No Blink) */
img.quarterwidth{
  -ms-hyphens: auto;
    width: 25%;
  -moz-hyphens: auto;
    height: auto;
  -webkit-hyphens: auto;
}
  hyphens: 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;
}
}

Version du 22 janvier 2024 à 14:18

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