13,610
edits
No edit summary |
No edit summary |
||
Line 250: | Line 250: | ||
padding-top: 20px; | padding-top: 20px; | ||
} | } | ||
/* Hide on Desktop */ | |||
.nodesktop { display:none;} | |||
/* FLEX */ | |||
.flex-container { | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
justify-content: center; | |||
flex-wrap: wrap; | |||
} | |||
/* Responsive layout - makes a one column layout instead of a two-column layout */ | |||
@media (max-width: 800px) { | |||
.flex-container { | |||
flex-direction: column; | |||
} | |||
} | |||
.flex-container div { | |||
border: 1px solid darkgray; | |||
background-color: gray; | |||
margin:2px; | |||
} | |||
.flex-container div span a, .flex-container div span a.new { | |||
color: white; | |||
padding: 1px 3px 1px 3px; | |||
text-align: center; | |||
font-weight: bold; | |||
margin: auto; | |||
display: block; | |||
width: 100%; | |||
} | |||
.flex-container div span a.new { | |||
color: darkred; | |||
} | |||
.flex-container div:hover, .flex-container div:hover div { | |||
background-color: red; | |||
} | |||
.flex-container div:hover span a, .flex-container div span a:hover { | |||
color: white; | |||
text-decoration:none; | |||
} | |||
.flex-container img { | |||
object-fit: cover; | |||
width: 150px; | |||
height: 100px; | |||
} | |||
.nofit img { object-fit: contain; } | |||
a.mw-redirect { text-decoration: underline dotted; } /* highlight links to redirection pages */ |
edits