Difference between revisions of "MediaWiki:Common.css"

From EdTech Help
 
(24 intermediate revisions by the same user not shown)
Line 9: Line 9:
 
}
 
}
 
.thumbinner {
 
.thumbinner {
border-radius: 5px;
 
 
max-width: 80%;
 
max-width: 80%;
 
height: auto;
 
height: auto;
Line 36: Line 35:
 
{
 
{
 
display: none;
 
display: none;
}
 
 
.mw-ui-button {
 
    background-color: #f3f3f3;
 
    color: #ffffff;
 
    display: inline-block;
 
    webkit-box-sizing: border-box;
 
    moz-box-sizing: border-box;
 
    box-sizing: border-box;
 
    min-width: 4em;
 
    max-width: 28.75em;
 
    margin: 0;
 
    padding: 6px 12px;
 
    border: 1px solid #a2a9b1;
 
    border-radius: 2px;
 
    cursor: pointer;
 
    vertical-align: middle;
 
    font-family: inherit;
 
    font-size: 1em;
 
    font-weight: bold;
 
    line-height: 1.28571429em;
 
    text-align: left;
 
}
 
 
.tools-container {
 
    display: flex;
 
    flex-wrap: wrap;
 
 
}
 
}
  
Line 70: Line 42:
 
}*/
 
}*/
  
/* Create two equal columns that floats next to each other */
+
.flex-container {
.column {
+
   display: flex;
   float: left;
+
  flex-wrap: wrap;
   width: 50%;
+
   width: 100%;
   padding: 10px;
+
   align-items: center;
   height: 300px; /* Should be removed. Only for demonstration */
+
   justify-content: center;
 
}
 
}
  
/* Clear floats after the columns */
+
.flex-container > div {
.row:after {
+
  background-color: #f3f3f3;
   content: "";
+
  word-wrap: break-word;
   display: table;
+
  min-height: 200px;
   clear: both;
+
  min-width: 200px;
 +
  margin: 10px;
 +
  padding: 20px;
 +
  width: 20%;
 +
   border: solid #eeeeee;
 +
   border-width: 1px 1px 0.2em;
 +
   box-shadow: 0 2px 4px 2px rgb(0 0 0 / 2%);
 
}
 
}

Latest revision as of 15:15, 27 August 2021

/* CSS placed here will be applied to all skins */
#ca-talk { display:none!important; }
#ca-history { display:none!important; }
#ca-formedit { display:none!important; }

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt, #p-logo-text a, #personal h2 span
{
font-family: 'Linux Libertine','Trebuchet MS', sans-serif;
}
.thumbinner {
max-width: 80%;
height: auto;
background-color: #f3f3f3;
box-shadow: 0 1px 2px 1px rgb(0 0 0 / 2%);
}
.thumbimage {
max-width: 80%;
height: auto;
}
.center {
padding-bottom: 25px ;
}

#mw-content-container
{
background-image: linear-gradient(transparent,transparent),url(/wiki/skins/Timeless/resources/images/SakaigerBackground.png);
}

a#p-banner.mw-wiki-title
{
  padding-left: 13px;
}

div#personal
{
display: none;
}

/*div#p-logo-text.mw-portlet
{
  padding-right: 1em;
}*/

.flex-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.flex-container > div {
  background-color: #f3f3f3;
  word-wrap: break-word;
  min-height: 200px;
  min-width: 200px;
  margin: 10px;
  padding: 20px;
  width: 20%;
  border: solid #eeeeee;
  border-width: 1px 1px 0.2em;
  box-shadow: 0 2px 4px 2px rgb(0 0 0 / 2%);
}