About增加Build样式&增加Donate二维码

protoshop · Jun 9, 2014 · 5573f07 · 5573f07
1 parent 1aa0763
commit 5573f07
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/app/partials/pg-about.html b/app/partials/pg-about.html
@@ -21,6 +21,6 @@ <h3 class="box-title">Feedback</h3>
 	</div>
 	<div class="about-box">
 		<h3 class="box-title">Donate</h3>
-		<i class="fa fa-coffee"></i> <a href="https://qr.alipay.com/ap27zqsxo3v5q61z1f" title="求咖灰~~~" target="_blank">Buy me a coffee!</a> (੭ु๑‾᷄ ⁻̫ ‾᷅)੭ु⁾⁾
+		<i class="fa fa-coffee"></i> <a href="https://qr.alipay.com/ap27zqsxo3v5q61z1f" title="求咖灰~~~" target="_blank">Buy me a coffee!</a><span class="qrcode-donate"></span> (੭ु๑‾᷄ ⁻̫ ‾᷅)੭ु⁾⁾
 	</div>
 </div>
diff --git a/app/styles/main.css b/app/styles/main.css
@@ -244,10 +244,14 @@ i { font-style: normal; }
 /* About */
 .about-box { padding: 30px 0; }
 .about-box .box-title { padding: 10px 0; font-size: 28px; font-family: Microsoft Yahei, sans-serif; }
+.about-box .build-stamp { margin-left: 0.2em; line-height: 1em; font-size: 0.4em; font-weight: 100; color: #BBB; }
 .about-box p { padding: 10px 0; line-height: 1.5; font-size: 14px; }
 .about-box .about-qrcode-download { height: 200px; background: url(../images/qrcode-download.png) no-repeat -10px -10px; background-size: 200px auto; }
 .env-ctqa .about-box .about-qrcode-download { background-image: url(../images/qrcode-ctqa.png); }
 .about-box a { color: #014eb6; }
+.about-box .qrcode-donate { position: absolute; -webkit-transform: translate(-114px,-120px); transform: translate(-114px,-120px); opacity: 0; width: 120px; height: 120px; background: url(../images/qrcode-donate.png) no-repeat; background-size: contain; transition: all 200ms ease-in; }
+.about-box a:hover + .qrcode-donate { opacity: 1; }
+
 
 /* Notification */
 .notify { position: fixed; top: 0; left: 50%; margin: 10px -120px; min-width: 320px; z-index: 999; }