Difference between revisions of "MediaWiki:Common.css"

From EdTech Help
 
(31 intermediate revisions by the same user not shown)
Line 9: Line 9:
 
}
 
}
 
.thumbinner {
 
.thumbinner {
border: 2px solid ;
 
 
max-width: 80%;
 
max-width: 80%;
 
height: auto;
 
height: auto;
 
background-color: #f3f3f3;
 
background-color: #f3f3f3;
 +
box-shadow: 0 1px 2px 1px rgb(0 0 0 / 2%);
 
}
 
}
 
.thumbimage {
 
.thumbimage {
Line 37: Line 37:
 
}
 
}
  
.mw-ui-button {
+
/*div#p-logo-text.mw-portlet
    background-color: #f3f3f3;
+
{
    color: #ffffff;
+
  padding-right: 1em;
    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;
 
}
 
  
.center {
+
.flex-container {
   text-align: center;
+
   display: flex;
 +
  flex-wrap: wrap;
 +
  width: 100%;
 +
  align-items: center;
 
   justify-content: center;
 
   justify-content: center;
  align-items: center;
 
 
}
 
}
  
/*div#p-logo-text.mw-portlet
+
.flex-container > div {
{
+
  background-color: #f3f3f3;
   padding-right: 1em;
+
  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%);
 +
}

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%);
}