Difference between revisions of "MediaWiki:Common.css"

From Faloria Wiki
Jump to: navigation, search
Tag: Reverted
Tag: Manual revert
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Landing page */
#ca-talk { display:none!important; }
.landing-grid-header {
 
  display: flex;
.mainpage-contents .tile-halves {
  flex-direction: column;
    flex: 1;
  flex-wrap: wrap;
    margin-right: 0.9rem;
  margin: 40px;
}
  margin-left:15em;
 
  margin-right:15em;
.mainpage-contents .tile-halves:hover .tile-top img {
    transform: scale(1.04);
}
 
.mainpage-contents .tile-halves:last-child {
    margin-right: 0;
}
 
.mainpage-contents .tile-top {
    height: 4.5rem;
    position: relative;
}
 
.mainpage-contents .tile-top h2 a {
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 4.5rem;
    padding-left: 0.45rem;
}
 
.mainpage-contents h2 {
    margin: 0;
    padding: 0;
}
 
.tile-row {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1em;
}
 
.tile-halves {
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #e4eaee;
    background: #ffffff;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}
 
.tile-halves h2 {
    font-size: 1.4em;
    font-weight: bold;
    border: none;
    margin: 0 0 0.4em;
}
}


.tile-halves .byline + h2 {
@media(min-width: 500px) {
     margin-top: -0.5em;
  .landing-grid-header {
     flex-direction: row;
  }
}
}


.tile-top {
.landing-grid-item {
    width: 100%;
  background: #2a2a2a;
    padding: 1.3rem 1.5rem 0.6rem;
  border: 1px solid #250b2d;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  flex: 1 0 20%;
  margin: 10px;
  padding: 10px 0;
}
}


.tile-top.tile-image {
.landing-grid-item .floatnone {
    display: flex;
  min-height: 80px;
    align-items: center;
  line-height: 80px;
    background-color: #949eaa;
    overflow: hidden;
    padding: 0;
    height: 13vw;
    max-height: 12em;
}
}


.tile-top.tile-image a {
.wikitable tr th, .wikitable tr td, .wikitable caption {
    width: 100%;
text-align: inherit;
}
}


.tile-top.tile-image img {
.wikitable th a {
     width: 100%;
     color: inherit;
     height: auto;
     text-decoration: underline;
    transition: 0.4s ease-out;
}
}


.tile-bottom {
.full-width {
    background: #ffffff;
    border-top: 1px solid #e4eaee;
     width: 100%;
     width: 100%;
    padding: 1rem 1.5rem 0.6rem;
}
.tile-bottom.link-button {
    align-self: flex-end;
    padding: 0;
}
.tile-bottom.link-button a {
    display: block;
    text-align: center;
    padding: 0.75em 1.5em 0.8em;
    text-decoration: none;
}
}


.tile-bottom.read-more {
.toc {
    background: #f9fafa;
  margin-top: 0.5em;
    transition: 0.3s ease-out;
}
}


.tile-bottom.read-more a {
.toc ul {
    color: #949eaa;
  list-style: none;
    font-weight: bold;
  padding: 0em 0.5em 0em 0.5em;
    text-align: right;
}
}


.tile-bottom.read-more:hover {
.force-image img {
    background: #f2f4f4;
  width: 32px;
  height: 32px;  
}
}


.tile-bottom.read-more:hover .arrow {
@media (min-width: 62px) and (min-height: 62px) and (max-width: 62px) and (max-height: 62px) {
     transform: translateX(50%);
  img {
     width: 32px;
    height: 32px;
  }
}
}


.tile-bottom.read-more .arrow {
.force-city-image img {
    filter: invert(43%) sepia(50%) hue-rotate(175deg);
  border: solid;
    margin-left: 0.4em;
  padding: 10px;
    transition: 0.3s ease-out;
  border-color: #595959;"
}
}

Latest revision as of 08:39, 6 April 2023

/* Landing page */
.landing-grid-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 40px;
  margin-left:15em;
  margin-right:15em;
}

@media(min-width: 500px) {
  .landing-grid-header {
    flex-direction: row;
  }
}

.landing-grid-item {
  background: #2a2a2a;
  border: 1px solid #250b2d;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  flex: 1 0 20%;
  margin: 10px;
  padding: 10px 0;
}

.landing-grid-item .floatnone {
  min-height: 80px;
  line-height: 80px;
}

.wikitable tr th, .wikitable tr td, .wikitable caption {
	text-align: inherit;
}

.wikitable th a {
    color: inherit;
    text-decoration: underline;
}

.full-width {
    width: 100%;
}

.toc {
   margin-top: 0.5em;
}

.toc ul {
   list-style: none;
   padding: 0em 0.5em 0em 0.5em;
}

.force-image img {
   width: 32px; 
   height: 32px; 
}

@media (min-width: 62px) and (min-height: 62px) and (max-width: 62px) and (max-height: 62px) {
  img {
    width: 32px;
    height: 32px;
  }
}

.force-city-image img {
   border: solid;
   padding: 10px;
   border-color: #595959;"
}