MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 6: Line 6:
   border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
   background-color: #fff;
   background-color: #fff;
   width: 100%;
   //width: 100%;
}
}


Line 21: Line 21:
}
}


.mp-bordered {
/*.mp-bordered {
   margin-bottom: 0.4em;
   margin-bottom: 0.4em;
   padding: 0.4em;
   padding: 0.4em;
Line 30: Line 30:
   /*white-space: nowrap;*/
   /*white-space: nowrap;*/
   overflow: auto;
   overflow: auto;
}*/
.container {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Banner Banner"
    "Intro Intro"
    "Featured Contents"
    "Lore FAQ"
    ". .";
}
}
.Banner { grid-area: Banner; }
.Intro { grid-area: Intro; }
.Featured { grid-area: Featured; }
.Contents { grid-area: Contents; }
.Lore { grid-area: Lore; }
.FAQ { grid-area: FAQ; }

Revision as of 15:07, 10 March 2022

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

.box {
  display: inline-block;
  border: 1px solid #d9d9d9;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  //width: 100%;
}

.box .box-header {
  display: block;
  clear: both;
  margin: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 10px 10px 0 0;
  background-color: #f2f2f2;
  padding: 8px 20px;
  overflow: hidden;
}

/*.mp-bordered {
  margin-bottom: 0.4em;
  padding: 0.4em;
  border-width: 1px;
  border-style: solid;  
  border-color: #ddd;
  background-color: #f9f9f9;
  /*white-space: nowrap;*/
  overflow: auto;
}*/

.container {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Banner Banner"
    "Intro Intro"
    "Featured Contents"
    "Lore FAQ"
    ". .";
}
 
.Banner { grid-area: Banner; }
.Intro { grid-area: Intro; }
.Featured { grid-area: Featured; }
.Contents { grid-area: Contents; }
.Lore { grid-area: Lore; }
.FAQ { grid-area: FAQ; }