Differenze tra le versioni di "MediaWiki:Common.css"

Supporting browsers in the last 4 years
(Extended .img-fluid fluid behavior to height as well)
(Supporting browsers in the last 4 years)
 
#mw-content-text *:not(.thumbinner) {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
 
margin-bottom: 1.5ex;
padding: 0.5ex;
background: -webkit-gradient(linear, left top, right top, from(#D0E6FF), to(#7CBAFF));
background: -webkit-linear-gradient(left, #D0E6FF, #7CBAFF);
background: linear-gradient(to right, #D0E6FF, #7CBAFF);
}
 
.copytag-red {
background: -webkit-gradient(linear, left top, right top, from(#FFF6F6), to(#FFDDDD));
background: -webkit-linear-gradient(left, #FFF6F6, #FFDDDD);
background: linear-gradient(to right, #FFF6F6, #FFDDDD);
}
 
.copytag-yellow {
background: -webkit-gradient(linear, left top, right top, from(#FFFFE6), to(#FFFFC5));
background: -webkit-linear-gradient(left, #FFFFE6, #FFFFC5);
background: linear-gradient(to right, #FFFFE6, #FFFFC5);
}
 
.explain[title] {
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: initial;
}
li.gallerybox {
display: inline-block;
background: -webkit-gradient(linear, left top, right top, from(#D0E6FF), to(#7CBAFF));
background: -webkit-linear-gradient(left, #D0E6FF, #7CBAFF);
background: linear-gradient(to right, #D0E6FF, #7CBAFF);
height: 12.8125rem;
**************************************************/
.inline-flex > *, .flex > *, .flex-row-stretch-around > *, .flex-row-center-around > *, .flex-row-center-stretch > * {
-webkit-box-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
 
.inline-flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
 
.flex, .flex-row-stretch-around, .flex-row-center-around, .flex-row-center-stretch {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
 
.flex-row, .flex-row-stretch-around, .flex-row-center-around, .flex-row-center-stretch {
flex-webkit-box-orientdirection: horizontalrow;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
 
.flex-row-reverse {
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
 
.flex-column {
flex-webkit-box-orientdirection: verticalcolumn;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
 
.flex-column-reverse {
flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
 
.flex-nowrap, .flex-row-center-stretch {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
 
.flex-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
 
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
 
.flex-main-start {
justify-webkit-box-packcontent: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
 
.flex-main-end {
justify-webkit-box-packcontent: flex-end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
 
.flex-main-center {
justify-webkit-box-packcontent: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
 
.flex-main-space-between {
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
 
.flex-main-space-around, .flex-row-stretch-around, .flex-row-center-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
 
.flex-main-space-evenly {
justify-webkit-box-packcontent: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
 
.flex-items-start {
align-webkit-box-alignitems: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
 
.flex-items-end {
align-webkit-box-alignitems: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
 
.flex-items-center, .flex-row-center-around, .flex-row-center-stretch {
align-webkit-box-alignitems: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
 
.flex-items-stretch, .flex-row-stretch-around {
align-webkit-box-alignitems: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
 
.flex-items-baseline {
align-webkit-box-alignitems: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
 
.flex-cross-start {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
 
.flex-cross-end {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
 
.flex-cross-center {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
 
.flex-cross-stretch {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
 
.flex-cross-space-between {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
 
.flex-cross-space-around {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
 
.flex-item-self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
 
.flex-item-self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
 
.flex-item-self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
 
.flex-item-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
 
.flex-item-self-baseline {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
 
/* Makes a flex item fill all the available space on the main axis */
.flex-item-fill, .flex-main-equal > * {
-webkit-box-flex: 1 1 0;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
}
 
/* Makes the elements fill the main axis */
.flex-main-stretch > *, .flex-row-center-stretch > * {
-webkit-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
 
/* xl responsive flex classes */
.flex-xl-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
 
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
 
 
.flex-xl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
 
tr.flex-xl {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
 
/* lg responsive flex classes */
.flex-lg-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* lg responsive-margins classes */
}
.flex-lg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
tr.flex-lg {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.white-rows tbody tr.block-lg, .std-table tbody tr.block-lg, .white-rows tbody tr.flex-lg, .std-table tbody tr.flex-lg {
/* md responsive flex classes */
.flex-md-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-md-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* md responsive-margins classes */
}
.flex-md {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
tr.flex-md {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.white-rows tbody tr.block-md, .std-table tbody tr.block-md, .white-rows tbody tr.flex-md, .std-table tbody tr.flex-md {
/* sm responsive flex classes */
.flex-sm-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* sm responsive-margins classes */
}
.flex-sm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
tr.flex-sm {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.white-rows tbody tr.block-sm, .std-table tbody tr.block-sm, .white-rows tbody tr.flex-sm, .std-table tbody tr.flex-sm {
/* xs responsive flex classes */
.flex-xs-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-xs-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* xs responsive-margins classes */
}
.flex-xs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
tr.flex-xs {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.white-rows tbody tr.block-xs, .std-table tbody tr.block-xs, .white-rows tbody tr.flex-xs, .std-table tbody tr.flex-xs {
**************************************************/
.open-popup-element {
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: pointer;
}
!important to override Zebra_Tooltip default, imported after this file.
*/
-webkit-box-shadow: none !important;
box-shadow: none !important;
}