Commit 8719a155 authored by 神楽坂玲奈's avatar 神楽坂玲奈

fix

parent 5b92e467
...@@ -42,7 +42,7 @@ h2 { ...@@ -42,7 +42,7 @@ h2 {
background-color: #ffaa22; background-color: #ffaa22;
} }
#donate_and_contributing { #donate {
background: #ffe6c0; background: #ffe6c0;
} }
...@@ -98,7 +98,7 @@ h2 { ...@@ -98,7 +98,7 @@ h2 {
color:#663300; color:#663300;
} }
#donate_and_contributing p { #donate p {
font-size: 15px; font-size: 15px;
line-height: 30px; line-height: 30px;
margin-top:10px; margin-top:10px;
...@@ -114,7 +114,7 @@ h2 { ...@@ -114,7 +114,7 @@ h2 {
#humans .row .customAuthor{margin-bottom:4px;} #humans .row .customAuthor{margin-bottom:4px;}
#humans .row .customProfession{padding-top: 0px;color: #A8A8A8;font-size: 20px;}*/ #humans .row .customProfession{padding-top: 0px;color: #A8A8A8;font-size: 20px;}*/
#donate_and_contributing { #donate {
padding-bottom: 10px; padding-bottom: 10px;
} }
...@@ -129,16 +129,17 @@ h2 { ...@@ -129,16 +129,17 @@ h2 {
padding: 5px 0; padding: 5px 0;
} }
/* 桌面端加大间距 */ /* 桌面端加大间距 */
@media (min-width: 992px) { @media (min-width: 992px) {
#contact_and_links, #donate_and_contributing { #contact_and_links, #donate {
padding-top: 18px; padding-top: 18px;
padding-bottom: 20px; padding-bottom: 20px;
} }
#contact_and_links .row { #contact_and_links .row {
margin-top: 30px; margin-top: 30px;
} }
#donate_and_contributing .row { #donate .row {
margin-top: 20px; margin-top: 20px;
} }
...@@ -168,4 +169,38 @@ h2 { ...@@ -168,4 +169,38 @@ h2 {
#download_wrapper { #download_wrapper {
max-width: 400px; max-width: 400px;
} }
} }
\ No newline at end of file
@media(min-width: 768px) {
#contact {
float: left;
}
#links_wrapper {
margin-left: 380px;
}
#donate_text {
padding-right: 200px;
float: left
}
#donate_button {
margin-left: -200px;
float: right;
}
}
#contact, #donate_text, #donate_button, #links_wrapper {
padding-right: 15px;
padding-left: 15px;
}
#donate_text {
padding-left: 20px;
}
#links_wrapper {
margin-left: 10px;
}
#links > li {
padding: 5px 15px 0 0;
}
...@@ -92,14 +92,14 @@ ...@@ -92,14 +92,14 @@
</div> </div>
<!-- /.container --> <!-- /.container -->
<section id="donate_and_contributing"> <section id="donate">
<div class="container"> <div class="container">
<h2>捐助</h2> <h2>捐助</h2>
<div class="row"> <div class="row">
<div class="col-lg-8 col-md-8"> <div id="donate_text">
<p>Mycard属于非盈利项目,依靠众人的捐助维持运作。如果您可以提供捐助帮助服务持续运行,我们将不胜感激。</p> <p>Mycard属于非盈利项目,依靠众人的捐助维持运作。如果您可以提供捐助帮助服务持续运行,我们将不胜感激。</p>
</div> </div>
<div class="col-lg-4 col-md-4"> <div id="donate_button">
<a href="http://me.alipay.com/zh99998" target="_blank"> <img src="https://img.alipay.com/sys/personalprod/style/mc/btn-index.png" /> </a> <a href="http://me.alipay.com/zh99998" target="_blank"> <img src="https://img.alipay.com/sys/personalprod/style/mc/btn-index.png" /> </a>
</div> </div>
</div> </div>
...@@ -140,12 +140,12 @@ ...@@ -140,12 +140,12 @@
<div class="container"> <div class="container">
<h2>传送门</h2> <h2>传送门</h2>
<div class="row"> <div class="row">
<div class="col-md-5 col-lg-5" id="contact"> <div id="contact">
<a href="https://github.com/mycard/mycard"><img src="img/github.png"></a> <a href="https://github.com/mycard/mycard"><img src="img/github.png"></a>
<a href="https://plus.google.com/107594261950300262383/"><img src="img/googleplus.png"></a> <a href="https://plus.google.com/107594261950300262383/"><img src="img/googleplus.png"></a>
<a href="mailto:zh99998@gmail.com"><img src="img/mail.png"></a> <a href="mailto:zh99998@gmail.com"><img src="img/mail.png"></a>
</div> </div>
<div class="col-md-7 col-lg-7"> <div id="links_wrapper">
<ul id="links" class="list-inline"></ul> <ul id="links" class="list-inline"></ul>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment