首页/styles.css：修订间差异

←上一编辑下一编辑→

@@ 第214行： / 第214行： @@
 	margin:0.2em;
 	width:100%;
+}
+.container {
+    width: 100%;
+}
+.container p{
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+    justify-content: center;
+}
+.container p * a{
+	max-width:270px;
+	min-width:190px;
+	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{
+	box-shadow: 7px 7px 6px rgba(150, 150, 150, 0.6);
+}
+.container p * a.external{
+	background-image:none;
+}
+.container p .en a{
+	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{
+	color: white;
+}
+.container p .zh a{
+	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{
+	color: #ffff00;
+}
+.container p .ja a{
+	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{
+	color: #bd0029;
 }