首页/styles.css：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第217行： | 第217行： | ||
.container { | .container { | ||
width: 100%; | |||
} | } | ||
.container p{ | .container p{ | ||
display: flex; | |||
flex-wrap: wrap; | |||
width: 100%; | |||
justify-content: center; | |||
} | } | ||
.container p * a{ | .container p * a{ | ||
| 第229行： | 第229行： | ||
min-width:190px; | min-width:190px; | ||
padding:0.2em; | padding:0.2em; | ||
flex: 1 1 calc(33.333% - 10px); /* 3 items per row with space for borders */ | |||
font-weight: bold; | |||
font-size:20px; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
box-sizing: border-box; | |||
margin: 5px; /* Space between items */ | |||
text-decoration: none; | |||
transition: all 0.15s ease-in; | |||
box-shadow: 5px 5px 2px rgba(150, 150, 150, 0.6); | |||
} | } | ||
.container p * a:hover{ | .container p * a:hover{ | ||
| 第249行： | 第249行： | ||
.container p .en a{ | .container p .en a{ | ||
background-color: rgba(1, 33, 105, 0.8); /* 80% transparent blue */ | background-color: rgba(1, 33, 105, 0.8); /* 80% transparent blue */ | ||
border: 5px solid rgba(200, 16, 46, 0.8); /* 5px 80% transparent red */ | |||
color: white; | |||
} | } | ||
.container p .en a.external:visited{ | .container p .en a.external:visited{ | ||
| 第257行： | 第257行： | ||
.container p .zh a{ | .container p .zh a{ | ||
background-color: rgba(238, 28, 37, 0.8); /* 80% transparent blue */ | background-color: rgba(238, 28, 37, 0.8); /* 80% transparent blue */ | ||
border: 5px solid rgba(238, 28, 37, 0.8); /* 5px 80% transparent red */ | |||
color: #ffff00; | |||
} | } | ||
.container p .zh a.external:visited{ | .container p .zh a.external:visited{ | ||
| 第265行： | 第265行： | ||
.container p .ja a{ | .container p .ja a{ | ||
background-color: rgba(255, 255, 255, 0.8); /* 80% transparent blue */ | background-color: rgba(255, 255, 255, 0.8); /* 80% transparent blue */ | ||
border: 5px solid rgba(255, 255, 255, 0.8); /* 5px 80% transparent red */ | |||
color: #bd0029; | |||
} | } | ||
.container p .ja a.external:visited{ | .container p .ja a.external:visited{ | ||
color: #bd0029; | color: #bd0029; | ||
} | } | ||