hankchanocd · July 20, 2018 05:24
diff --git a/alternative-footer.tpl b/alternative-footer.tpl
 {{!
 	The structure for the alternative footer displayed at the bottom of every page.
 }}

 <div>
 	  <p class="copyright" id="copyright"></p>
 	  <div align="center">
        <p class="copyright">
 		  <a href="http://weeblyin3min.weebly.com" style="color: white;"> 首頁 &nbsp</a> |
 		  <a href="http://weeblyin3min.weebly.com/about.html" style="color: white;">&nbsp 關於我們 &nbsp</a> |
          <a href="http://weeblyin3min.weebly.com/hank-chans-blog" style="color: white;">&nbsp 攻略 &nbsp</a> |
          <a href="http://weeblyin3min.weebly.com/slides.html" style="color: white;">&nbsp Slides &nbsp</a> |
 		  <a href="http://weeblyin3min.weebly.com/forum.html" style="color: white;">&nbsp 討論版 &nbsp</a>
 		</p>
      </div> 
 	  
 	  
 	  <div class="middle-footer-wrapper">
 	    <div id="footer-image-block">
 		  <img id="footer-image" src="http://weeblyin3min.weebly.com/files/theme/Weebly-logo.png">
 		</div>
 		
 		<div id="social-share-block">
 		  <div id="social-share-wrapper">
 		  <!-- Facebook Share -->
 		  <iframe id="fb-likes" style="margin-top: 5px;" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fweeblyin3min.weebly.com%2F&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80"
 		  scrolling="no" frameborder="0" allowTransparency="true">
 		  </iframe>
 		  <br>
 		  <!-- Line Share -->
 		  <div class="line-it-button" data-lang="en" data-type="share-a" data-url="http://weeblyin3min.weebly.com" style="display: none;">
 		  </div>
 		  <div class="line-it-button" data-lang="en" data-type="like" data-url="http://weeblyin3min.weebly.com" data-share="true" style="display: none;">
 		  </div>
 		  </div>
        </div>
 		
 	  </div>
 	  <p class="license">Except where otherwise noted, contents on this site is licensed under the 
 		<a href="https://creativecommons.org/licenses/by-sa/3.0/" style="color: white; border-bottom: thin solid grey;">Creative Commons Attribution Share-Alike License v3.0</a>
 		or any later version.
      </p>
 </div>
diff --git a/main.less b/main.less
 /* Footer Code, including fb-likes ------------------------------------------------------------
 ----------------------------------*/
 #footer-alternative {
  background-color: #333333;
  margin-bottom: 0;
 }

 .copyright {
  font-size: 16px;
  text-align: center;
  color: white;
 }

 .middle-footer-wrapper {
  width: 100%; 
  height: 160px; 
 }

 #footer-image-block {
  border: none;
  width: 45%; 
  display: inline-block;
 }

 #footer-image {
  width: 100px;
  height: 100px;
  float: right;
  margin-bottom: 50px !important;
  margin-right: 30px;
 }

 #social-share-block {
  border: none;
  width: 45%;
  overflow: hidden;
  display: inline-block;
 }

 #social-share-wrapper {
  float: left;
  height: 150px;
  margin-top: 20px;
  margin-left: 30px;
 }

 @media screen and (max-width: 450px) {
  #footer-image {
    margin-right: 20px;
  }
  
  #social-share-wrapper {
    margin-left: 20px;
  }
 }

 @media screen and (max-width: 320px) {
  #footer-image {
    margin-right: 15px;
  }
  
  #social-share-wrapper {
    margin-left: 15px;
  }
 }


 #fb-likes {
  height: 60px;
  width: auto;
  position: relative;
  margin: auto;
 }

 .license {
  display: block;
  margin: auto;
  text-align: center;
  font-size: 16px;
  width: 80%;
  color: white;
 }
	/* Footer Code, including fb-likes ------------------------------------------------------------
	----------------------------------*/
	#footer-alternative {
	background-color: #333333;
	margin-bottom: 0;
	}

	.copyright {
	font-size: 16px;
	text-align: center;
	color: white;
	}

	.middle-footer-wrapper {
	width: 100%;
	height: 160px;
	}

	#footer-image-block {
	border: none;
	width: 45%;
	display: inline-block;
	}

	#footer-image {
	width: 100px;
	height: 100px;
	float: right;
	margin-bottom: 50px !important;
	margin-right: 30px;
	}

	#social-share-block {
	border: none;
	width: 45%;
	overflow: hidden;
	display: inline-block;
	}

	#social-share-wrapper {
	float: left;
	height: 150px;
	margin-top: 20px;
	margin-left: 30px;
	}

	@media screen and (max-width: 450px) {
	#footer-image {
	margin-right: 20px;
	}

	#social-share-wrapper {
	margin-left: 20px;
	}
	}

	@media screen and (max-width: 320px) {
	#footer-image {
	margin-right: 15px;
	}

	#social-share-wrapper {
	margin-left: 15px;
	}
	}


	#fb-likes {
	height: 60px;
	width: auto;
	position: relative;
	margin: auto;
	}

	.license {
	display: block;
	margin: auto;
	text-align: center;
	font-size: 16px;
	width: 80%;
	color: white;
	}