change CSS

.gitmodules

@@ -1,3 +1,3 @@
 [submodule "themes/hugo-xmag"]
 	path = themes/hugo-xmag
-	url = https://github.com/yihui/hugo-xmag.git
+	url = https://github.com/Lchiffon/hugo-xmag.git

static/css/custom.css

@@ -11,11 +11,137 @@ a { color: #f05948; }
     white-space: nowrap;
     overflow-x: hidden;
     text-overflow: ellipsis;
+	-webkit-transition: height 0.6s;
+	-moz-transition: height 0.6s;
+	transition: height 0.6s;
+  }
+  .article-list h1:hover { white-space: normal; 
+
   }
-  .article-list h1:hover { white-space: normal; }
 }
 .header {
   border-top: 5px solid #8C1F22;
   border-bottom-color: #8C1F22;
 }
 .footer { background: #8C1F22; }
+
+.footer .menu a{
+padding:0
+}
+.footer .menu a {
+	line-height: 2em;
+	-webkit-perspective: 800px;
+	-moz-perspective: 800px;
+	perspective: 800px;
+}
+
+.footer .menu a span {
+	position: relative;
+	display: inline-block;
+	padding: 3px 15px 0;
+	background: #8C1F22;
+	box-shadow: inset 0 3px #8C1F22;
+	-webkit-transition: background 0.6s;
+	-moz-transition: background 0.6s;
+	transition: background 0.6s;
+	-webkit-transform-origin: 50% 0;
+	-moz-transform-origin: 50% 0;
+	transform-origin: 50% 0;
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	-webkit-transform-origin: 0% 50%;
+	-moz-transform-origin: 0% 50%;
+	transform-origin: 0% 50%;
+}
+
+.footer .menu a span::before {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+	color: #8C1F22;
+	content: attr(data-hover);
+	-webkit-transform: rotateX(270deg);
+	-moz-transform: rotateX(270deg);
+	transform: rotateX(270deg);
+	-webkit-transition: -webkit-transform 0.6s;
+	-moz-transition: -moz-transform 0.6s;
+	transition: transform 0.6s;
+	-webkit-transform-origin: 0 0;
+	-moz-transform-origin: 0 0;
+	transform-origin: 0 0;
+	pointer-events: none;
+}
+
+.footer .menu a:hover span,
+.footer .menu a:focus span {
+	background: #8C1F22;
+}
+
+.footer .menu a:hover span::before,
+.footer .menu a:focus span::before {
+	-webkit-transform: rotateX(10deg);	
+	-moz-transform: rotateX(10deg);
+	transform: rotateX(10deg);
+}
+
+.summary img{
+    cursor: pointer;
+    transition: all 0.6s;
+}
+
+.summary img:hover {
+    transform: scale(1.4);
+}
+
+.categories a::before,
+.categories a::after {
+	display: inline-block;
+	opacity: 0;
+	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
+	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
+	transition: transform 0.3s, opacity 0.2s;
+}
+
+.categories a::before {
+	margin-right: 10px;
+	content: '[';
+	-webkit-transform: translateX(20px);
+	-moz-transform: translateX(20px);
+	transform: translateX(20px);
+}
+
+.categories a::after {
+	margin-left: 10px;
+	content: ']';
+	-webkit-transform: translateX(-20px);
+	-moz-transform: translateX(-20px);
+	transform: translateX(-20px);
+}
+
+.categories a:hover::before,
+.categories a:hover::after,
+.categories a:focus::before,
+.categories a:focus::after {
+	opacity: 1;
+	-webkit-transform: translateX(0px);
+	-moz-transform: translateX(0px);
+	transform: translateX(0px);
+}
+
+.article-list h1 a:hover {
+	color: #f05948;
+	text-decoration: none
+}
+
+.pagination a{
+	text-decoration: none
+}
+
+.pagination a:hover{
+	text-decoration: none
+}
+