Portal:Huvudsida/styles.css

/*** Stilar för huvudsidan ***/

/** CSS-classer För Portal:Huvudsida **/
/* Kolumner */
.frontPageLeft {
  float: left;
  width: calc( 60% - 0.4em );/*0.4em gap mellan kolumnerna*/
}

.frontPageRight {
  float: right;
  width: 40%;
}

/* mobilvyn på små skärmar visar istället kolumnerna efter varandra i fullbredd */
@media screen and (max-width: 800px) {
  .frontPageLeft,
  .frontPageRight {
    float: none;
    width: 100%;
  }
}

/* Block */
.frontPageBlock {
  background: linear-gradient(to bottom, #fff 75%, #fcfcfc 95%);
  border: 1px solid #c2dfff;
  padding: 3px;
  margin-bottom: 0.4em;
  position: relative;
}

.frontPageBlockIcon {
  position: absolute;
  left: 5px;
  top: 5px;
}

/*tweakar position för de ikoner som avviker i format*/
#deltagande > .frontPageBlockIcon,
#systerprojekt > .frontPageBlockIcon,
#pa_andra_sprak > .frontPageBlockIcon {
  left: 8px;
  top: 8px;
}

.frontPageBlockIcon img {
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #c2dfff, 0 0 0 1px #c2dfff;
}

#deltagande > .frontPageBlockIcon img,
#systerprojekt > .frontPageBlockIcon img,
#pa_andra_sprak > .frontPageBlockIcon img {
  box-shadow: none;
}

.frontPageBlockTitle {
  background: url(https://upload.wikimedia.org/wikipedia/commons/9/97/Bluebg.png) repeat-y;
  background-image: linear-gradient(to right, #c2dfff 0%, #fff 80%);
  padding-left: 50px;
  display: flex; /*Dessa båda centrerar*/
  align-items: center; /*titeln vertikalt.*/
  line-height: 1.2rem;
  font-size: 1.1rem;
  height: 2.4rem;
}

.frontPageBlockContent {
  margin: 0.6em 20px;
  overflow: auto;
}


/* Övrigt */
/*Bildmarginaler överkant*/
#utvald_artikel > .frontPageBlockContent img,
#aktuell_artikel > .frontPageBlockContent img, 
#visste_du_att > .frontPageBlockContent img,
#skandinavisk > .frontPageBlockContent img {
  margin-top: 0.75em;
}

/*Storlekshantering av utvald bild*/
#utvald_bild > .frontPageBlockContent img {
  margin: 15px auto;
  display: block;
  max-width: 100%;
  height: auto;
}

/*Centrerar text under utvald bild, men behåller västerjustering vid flerradig text*/
#utvald_bild > .frontPageBlockContent p:last-of-type {
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}

/*Tabellstilar för wikipediasystrar*/
#systerprojekt table td {
  vertical-align: top;
  padding-top: 20px;
}

#systerprojekt table td:nth-child(odd) {
  min-width: 25px;
}

#systerprojekt table td:nth-child(even) {
  min-width: 150px;
}

#systerprojekt > .frontPageBlockContent {
	margin-top: -14px; /*kompenserar för border-spacing 14px*/
}

/*Fix för upplevd skillnad i tjocklek vid rendering av <hr>*/
hr {
  height: 1px;
  width: 100%;
  margin: 0.5em auto;
  background-color: rgba(0, 0, 0, 0);
  border-top: 1px dotted #b3b3b3;
}

/*Linjera punktlistor*/
@media screen and (min-width: 801px) {
  ul {
    margin-left: 17px;
  }

  #deltagande > .frontPageBlockContent ul {
    margin-left: calc( 23px + 0.5em );	
  }
}

/* [[Kategori:TemplateStyles-mallar]] */