Main.css: Difference between revisions

From AAClassic
Jump to navigation Jump to search
(Created page with ".mw-page-title-main { font-family: Philosopher,sans-serif }")
 
No edit summary
Line 1: Line 1:
.mw-page-title-main {
.mw-page-title-main {
   font-family: Philosopher,sans-serif
   font-family: Philosopher,sans-serif
}
.tile-halves {
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #000000;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
  }
.tile-row {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1em;
}
.tile-top {
    width: 100%;
    padding: 1.3rem 1.5rem 0.6rem;
}
.tile-top.tile-image {
    display: flex;
    align-items: center;
   
    overflow: hidden;
    padding: 0;
    height: 13vw;
    max-height: 12em;
    transition: 0.4s ease-out;
}
.tile-bottom {
    background: #FAFAFA;
    border-top: 1px solid #000000;
    width: 100%;
    padding: 1rem 1.5rem 0.6rem;
}
.tile-bottom.link-button {
    align-self: flex-end;
    padding: 0;
}
.mainpage-contents .tile-halves {
    flex: 1;
}
}

Revision as of 21:47, 30 May 2024

.mw-page-title-main {

 font-family: Philosopher,sans-serif

}

.tile-halves {

   display: flex;
   flex-flow: row wrap;
   border: 1px solid #000000;
   box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
 }

.tile-row {

   display: flex;
   flex-flow: row wrap;
   margin-bottom: 1em;

}

.tile-top {

   width: 100%;
   padding: 1.3rem 1.5rem 0.6rem;

}

.tile-top.tile-image {

   display: flex;
   align-items: center;
   
   overflow: hidden;
   padding: 0;
   height: 13vw;
   max-height: 12em;
   transition: 0.4s ease-out;

}

.tile-bottom {

   background: #FAFAFA;
   border-top: 1px solid #000000;
   width: 100%;
   padding: 1rem 1.5rem 0.6rem;

}

.tile-bottom.link-button {

   align-self: flex-end;
   padding: 0;

}

.mainpage-contents .tile-halves {

   flex: 1;

}