首页/styles.css：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第218行： | 第218行： | ||
.container { | .container { | ||
width: 100%; | width: 100%; | ||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
} | } | ||
/*.container p{ | /*.container p{ | ||
| 第225行： | 第228行： | ||
justify-content: center; | justify-content: center; | ||
}*/ | }*/ | ||
.container | .container * a{ | ||
padding:0.2em; | padding:0.2em; | ||
padding-right:0.4em; | padding-right:0.4em; | ||
| 第241行： | 第244行： | ||
box-shadow: 5px 5px 2px rgba(150, 150, 150, 0.6); | box-shadow: 5px 5px 2px rgba(150, 150, 150, 0.6); | ||
} | } | ||
.container | .container * a:hover{ | ||
box-shadow: 7px 7px 6px rgba(150, 150, 150, 0.6); | box-shadow: 7px 7px 6px rgba(150, 150, 150, 0.6); | ||
} | } | ||
.container | .container * a.external{ | ||
background-image:none; | background-image:none; | ||
} | } | ||
.container | .container .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 */ | border: 5px solid rgba(200, 16, 46, 0.8); /* 5px 80% transparent red */ | ||
color: white; | color: white; | ||
} | } | ||
.container | .container .en a.external:visited{ | ||
color: white; | color: white; | ||
} | } | ||
.container | .container .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 */ | border: 5px solid rgba(238, 28, 37, 0.8); /* 5px 80% transparent red */ | ||
color: #ffff00; | color: #ffff00; | ||
} | } | ||
.container | .container .zh a.external:visited{ | ||
color: #ffff00; | color: #ffff00; | ||
} | } | ||
.container | .container .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 */ | border: 5px solid rgba(255, 255, 255, 0.8); /* 5px 80% transparent red */ | ||
color: #bd0029; | color: #bd0029; | ||
} | } | ||
.container | .container .ja a.external:visited{ | ||
color: #bd0029; | color: #bd0029; | ||
} | } | ||