MediaWiki:Common.css: Difference between revisions

From kubu
Jump to navigationJump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 6: Line 6:
   display: grid;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto auto;
   grid-template-rows: auto auto auto auto auto;
   gap: 1em 1em;
   gap: 1em 1em;
   grid-auto-flow: row;
   grid-auto-flow: row;
Line 23: Line 23:
border: #00b7ffFF solid 1px;
border: #00b7ffFF solid 1px;
border-radius: 10px;
border-radius: 10px;
}
@media (max-width: 800px) {
.container {
grid-template-columns: 1fr;
grid-template-areas:
    "aloita"
    "kubunopeasti"
    "nayttelyt"
    "problems";
}
}
}

Revision as of 15:19, 24 July 2024

/* CSS placed here will be applied to all skins */
.no-edit-button .mw-editsection {
    display: none;
}
.container {  
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto auto auto;
  gap: 1em 1em;
  grid-auto-flow: row;
  grid-template-areas:
    "aloita kubunopeasti"
    "nayttelyt ."
    ". problems";
}

.aloita { grid-area: aloita; }
.kubunopeasti  { grid-area: kubunopeasti; }
.nayttelyt { grid-area: nayttelyt; }
.problems { grid-area: problems; }
.container > div {
	background: #00b7ff40;
	border: #00b7ffFF solid 1px;
	border-radius: 10px;
}
@media (max-width: 800px) {
	.container {
		grid-template-columns: 1fr;
		grid-template-areas:
	    "aloita" 
	    "kubunopeasti"
	    "nayttelyt"
	    "problems";
	}
}