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

Added overused styles, flex-item-fill and other minor refactoring. I just moved some stuff at the end, don't be impressed by the huge amount of lines difference.
m (Added flex-item-fill)
(Added overused styles, flex-item-fill and other minor refactoring. I just moved some stuff at the end, don't be impressed by the huge amount of lines difference.)
th, .grid-header {
font-weight: bolder;
}
 
pre {
font-size: 90%;
}
 
.page-Home #firstHeading, .page-Home #siteSub, .page-Home #contentSub {
display: none;
}
 
/**************************************************
 
Iubenda cookies notification styles.
 
**************************************************/
#iubenda-cs-banner {
bottom: 0px !important;
left: 0px !important;
position: fixed !important;
width: 100% !important;
z-index: 99999998 !important;
background-color: black;
}
 
.iubenda-cs-content {
display: block;
margin: 0 auto;
padding: 20px;
width: auto;
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
font-size: 14px;
background: #000;
color: #fff;
}
 
.iubenda-banner-content > p {
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
line-height: 1.5;
}
 
.iubenda-cs-rationale {
max-width: 900px;
position: relative;
margin: 0 auto;
}
 
.iubenda-cs-close-btn {
margin: 0;
color: #fff;
text-decoration: none;
font-size: 14px;
position: absolute;
top: 0;
right: 0;
border: none;
}
 
.iubenda-cs-cookie-policy-lnk {
text-decoration: underline;
color: #fff;
font-size: 14px;
font-weight: 900;
}
 
/**************************************************
 
MiscellaneousOverused styles
 
**************************************************/
.black-text, .black-text a, .black-white, .black-white a {
pre {
font-sizecolor: 90%#000000;
}
 
.height-100 {
height: 100%;
}
 
.white-bg, .bg-white {
background: #FFFFFF;
}
 
.white-text, .white-text a, .text-white, .text-white a {
color: #FFFFFF;
}
 
/**************************************************
 
Vertical alignment
 
**************************************************/
.vert-middle, .vert-center {
white-space: nowrap;
}
 
.vert-middle::before, .vert-center::before {
height: 100%;
content: '';
}
 
.vert-middle > *, .vert-center > * {
white-space: normal;
}
 
/**************************************************
 
Shorthand classes
 
**************************************************/
.std-table {
padding: 0.3ex;
}
 
.std-table th, .std-table td, .std-table > * > * {
padding: 0.8ex 0.3ex;
}
 
/**************************************************
 
Miscellaneous styles
 
**************************************************/
.sitenotice {
margin-bottom: 1.5ex;
text-decoration: underline dotted;
cursor: initial;
}
 
/**************************************************
 
Vertical alignment
 
**************************************************/
.vert-middle, .vert-center {
white-space: nowrap;
}
 
.vert-middle::before, .vert-center::before {
height: 100%;
content: '';
}
 
.vert-middle > *, .vert-center > * {
white-space: normal;
}
 
/**************************************************
 
Shorthand classes
 
**************************************************/
.std-table {
padding: 0.3ex;
}
 
.std-table th, .std-table td, .std-table > * > * {
padding: 0.8ex 0.3ex;
}
 
/**************************************************
 
Twitter timeline desktop styles
 
**************************************************/
.twitter-timeline {
/*
!important to override Twitter inline default.
*/
position: absolute !important;
}
 
/**************************************************
 
Zebra tooltip styles
 
**************************************************/
.Zebra_Tooltip_Message {
/*
!important to override Zebra_Tooltip default, imported after this file.
*/
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
 
/**************************************************
 
Modal styles
 
**************************************************/
.open-popup-element {
text-decoration: underline dotted;
cursor: pointer;
}
 
}
 
.pull-center, .sitenotice, .std-table, .sitenotice {
margin-left: auto;
margin-right: auto;
 
**************************************************/
.text-center, th, .grid-header, .sitenotice, .std-table, .sitenotice, .center-text {
text-align: center;
}
.overflow-auto {
overflow: auto;
}
 
.overflow-hidden {
overflow: hidden;
}
 
}
 
/* Makes a flex item fill all the available space on the main axis */
.flex-item-fill {
.flex-item-fill, .flex-main-equal > * {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
and be equal sized
*/
.flex-main-equal > * {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
}
 
/**************************************************
 
max-width: 100%;
height: auto;
}
 
/**************************************************
 
Iubenda cookies notification
 
**************************************************/
#iubenda-cs-banner {
bottom: 0px !important;
left: 0px !important;
position: fixed !important;
width: 100% !important;
z-index: 99999998 !important;
background-color: black;
}
 
.iubenda-cs-content {
display: block;
margin: 0 auto;
padding: 20px;
width: auto;
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
font-size: 14px;
background: #000;
color: #fff;
}
 
.iubenda-banner-content > p {
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
line-height: 1.5;
}
 
.iubenda-cs-rationale {
max-width: 900px;
position: relative;
margin: 0 auto;
}
 
.iubenda-cs-close-btn {
margin: 0;
color: #fff;
text-decoration: none;
font-size: 14px;
position: absolute;
top: 0;
right: 0;
border: none;
}
 
.iubenda-cs-cookie-policy-lnk {
text-decoration: underline;
color: #fff;
font-size: 14px;
font-weight: 900;
}
 
/**************************************************
 
Modal styles
 
**************************************************/
.open-popup-element {
text-decoration: underline dotted;
cursor: pointer;
}
 
/**************************************************
 
Twitter timeline desktop styles
 
**************************************************/
.twitter-timeline {
/*
!important to override Twitter inline default.
*/
position: absolute !important;
}
 
/**************************************************
 
Zebra tooltip styles
 
**************************************************/
.Zebra_Tooltip_Message {
/*
!important to override Zebra_Tooltip default, imported after this file.
*/
-webkit-box-shadow: none !important;
box-shadow: none !important;
}