Template:Articlenav/style.css

.articlenav{ width:100%; background:#DEE8F2; text-align:center; color:#000000; display:flex; flex-direction:row; }

.articleNav-link{ flex:1; transition: 0.1s ease-in-out; display: flex; justify-content: center; align-items: center; }

.articleNav-link a{ padding:6px; display: flex; justify-content: center; align-items: center; flex-direction: row; width: 100%; } .articleNav-link:hover { background:#4171A0; box-shadow: inset 0 -4px 0 0 #44DEFF; }

.articleNav-link:hover a{ color:#FFFFFF; text-decoration:none; }

.articleNav-link .selflink { background: #06305B; color: #FFFFFF; box-shadow: inset 0 -4px 0 0 #44DEFF; }

@media (max-width:720px){ .articlenav{ flex-direction:column; } }

.dark-mode .articlenav{ background:#06305B; color:#FFFFFF; }