Difference between revisions of "MediaWiki:Common.css"

From RPCS3 Wiki
Jump to navigation Jump to search
(Improved CSS for removing title on the Main Page)
(Hopefully the last fix-up for this)
 
(2 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
body.page-Main_Page.action-view #contentSub, body.page-Main_Page.action-submit #contentSub {
 
body.page-Main_Page.action-view #contentSub, body.page-Main_Page.action-submit #contentSub {
 
   margin: 0 0 0 0 !important;
 
   margin: 0 0 0 0 !important;
 +
}
 +
 +
/* Flexbox used in the Main page */
 +
.flexbox-row-wrap {
 +
  display: flex;
 +
  flex-direction: row;
 +
  flex-wrap: wrap;
 +
}
 +
 +
.flexchild-stretch {
 +
  flex-grow: 1;
 +
}
 +
 +
.mainpage-flexchild-border {
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  border-color: #cccccc;
 +
  border-radius: 10px;
 +
  padding-left: 20px;
 +
  padding-right: 20px;
 +
  padding-bottom: 15px;
 +
  margin-right: 10px;
 +
  margin-bottom: 10px;
 +
}
 +
 +
.mainpage-flexchild-borderless {
 +
  padding-right: 10px;
 +
}
 +
 +
.text-bottomline {
 +
border-bottom-style: solid;
 +
border-bottom-width: 1px;
 +
border-bottom-color: #a2a9b1;
 
}
 
}

Latest revision as of 15:08, 11 September 2019

/* CSS placed here will be applied to all skins */

/* hide the Main page title */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { 
  display: none; 
}

body.page-Main_Page.action-view #contentSub, body.page-Main_Page.action-submit #contentSub {
  margin: 0 0 0 0 !important;
}

/* Flexbox used in the Main page */
.flexbox-row-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.flexchild-stretch {
  flex-grow: 1;
}

.mainpage-flexchild-border {
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.mainpage-flexchild-borderless {
  padding-right: 10px;
}

.text-bottomline {
border-bottom-style: solid; 
border-bottom-width: 1px;
border-bottom-color: #a2a9b1;
}