Essays homepage/style.css

.essays-list li > a{ display:none; }

.essays-list li{ list-style-type: none; }

.essay-disappear{ display:block!important; }

.essay-disappear2{ /* opposite of essay-disappear; make something appear in individual view but disappear in the homepage */ display:none; }

.essays-page{ display:flex; flex-flow:row-reverse wrap; }

.essays-list{ width:67%; margin-right:3%; }

.infobox-essay{ margin-bottom:80px; }

.essays-sidebar{ width:30%; padding-top:25px; }

.essays-sidebar-item{ width:100%; margin-bottom:20px;

}

.essays-sidebar-item > div{ background-color: #eee; /* color is set from MediaWiki:Citizen.css for light and dark modes */ padding:2px 25px; border-radius:3px; }

.essays-sidebar-item > p{ display:none; }

.essay-small{ font-size:0.8em; }

.essay-big{ font-size:1.2em; }

.essay-picture img{ transform:scale(1); transition:transform 0.4s; }

.essay-picture img:hover{ transform:scale(1.03); transition:transform 0.4s; }

@media screen and (max-width: 768px) { .essays-page{ display:flex; flex-wrap:wrap; flex-direction:column; } .essays-list{ width:100%; } .essays-sidebar{ width:100%; padding-top:0; } .infobox-essay{ margin-bottom:30px; } }