MediaWiki:Common.css: Difference between revisions

drop cap first less class
m (margin and box shadow added to flex)
(drop cap first less class)
Line 287:
 
/******************************
* FOOTERFooter STUFFstuff
******************************/
.mw-footer-container {
Line 301:
/******************************
* GALLERYGallery CONTENTcontent
******************************/
div.gallerytext {
padding:0;
}
 
/******************************
* Upload description area
.mw-content-ltr ul {
margin: 0.3em 0; /*This seems to adjust the bullets and gallery output*
} ******************************/
/******************************
* UPLOAD DESCRIPTION AREA
******************************/
textarea {
Line 319 ⟶ 315:
}
 
/******************************
* Drop capital first letter
} ******************************/
p::first-letter {
color: #50ab8a;
float: left;
font-size: 5.6em;
margin: 0 -5px.1em 0 -5px0;
line-height: 0.85;
 
/******************************
Line 386 ⟶ 392:
margin-right: auto;
}
 
/******************************
* Adapted CSS from Mediawiki.org for displaying image details template
******************************/
.mainpage_row_filepage {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
.mainpage_box_filepage {
flex: 1;
margin: 5px;
min-width: 360px;
border: 1px solid #CCC;
padding: 0;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
 
Line 411 ⟶ 397:
* Adapted CSS from W3
******************************/
* {
box-sizing: border-box;
}
Line 426 ⟶ 412:
flex: 65%;
background-color: #f7f7f7;
padding: 15px10px;
margin: 5px;
box-shadow: 0 4px 4px rgba(0,0,0,0.1);
Line 434 ⟶ 420:
.right-side {
flex: 25%;
background-color: #dbdbdbf7f7f7;
padding: 15px10px;
margin: 5px;
box-shadow: 0 4px 4px rgba(0,0,0,0.1);
Line 441 ⟶ 427:
 
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px900px) {
.row {
flex-direction: column;