Main Page/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 90: | Line 90: | ||
width: 100%; | width: 100%; | ||
} | } | ||
.container p | .container p * a{ | ||
max-width:270px; | max-width:270px; | ||
min-width:190px; | min-width:190px; | ||
flex: 1 1 calc(33.333% - 10px); /* 3 items per row with space for borders */ | flex: 1 1 calc(33.333% - 10px); /* 3 items per row with space for borders */ | ||
height: 64px; | height: 64px; | ||
font-weight: bold; | font-weight: bold; | ||
font-size:20px; | font-size:20px; | ||
Line 109: | Line 104: | ||
text-decoration: none; | text-decoration: none; | ||
transition: all 0.15s ease-in; | transition: all 0.15s ease-in; | ||
} | |||
.container p .en a{ | |||
background-color: rgba(0, 0, 255, 0.6); /* 80% transparent blue */ | |||
border: 5px solid rgba(255, 0, 0, 0.6); /* 5px 80% transparent red */ | |||
} | |||
.container p .en a.external:visited{ | |||
color: white; | |||
} | |||
.container p .zh a{ | |||
background-color: rgba(255, 0, 0, 0.6); /* 80% transparent blue */ | |||
border: 5px solid rgba(255, 0, 0, 0.6); /* 5px 80% transparent red */ | |||
} | |||
.container p .zh a.external:visited{ | |||
color: #ffff00; | |||
} | } |