Difference between revisions of "Team:BIT-China/css/template/footer"

Latest revision as of 03:54, 3 December 2016

@import url(http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css);

ul, ol {

   padding-left: 0;
   list-style: none;
   margin-bottom: 28px;

}

.footer.dark {

   background:url();
   color: #ffffff;

} .footer-widgets.md-padding-bottom {

   padding-bottom: 50px;

} .footer-widgets.md-padding-top {

   padding-top: 44px;

} .footer-widgets {

   padding: 70px 0 10px 0;
   margin-top: 0;

} .footer-meta {

   padding: 28px 0;

} .footer-widgets .widget {

   margin-top: 56px;

}

.dark .footer-widgets .widget-title {

   color: #ffffff;

} .footer-widgets .widget-title {

   margin-top: 0;
   margin-bottom: 20px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   position: relative;

}

/*图片*/

.widget-about .logo--footer a img {

   max-height: 39px;

} .widget *:last-child {

   margin-bottom: 0;

} img {

   vertical-align: middle;

} img {

   border: 0;

} .widget-about .logo--footer {

   margin-top: -8px;
   margin-bottom: 41px;

}

/*小段说明*/ .footer-widgets .widget p {

   letter-spacing: 0.06em;

}

/*列表*/ .widget-categories ul {

   font-weight: 400;
   letter-spacing: 0.04em;
   list-style: none;

} .widget-categories ul li {

   border-top: solid 1px transparent;

}

.footer.dark a, .footer.dark a:not(.btn-theme) {

   color: white;
   text-decoration: underline;
   cursor:pointer;

} .footer a:not(.btn-theme) {

   color: #191919;

} .widget *:last-child {

   margin-bottom: 0;

}

.widget-categories ul li a {

   display: block;
   padding: 0 0 1px 29px;
   position: relative;

} a:not(.btn-theme) {

   /*color: #ff6100;*/
   color:#141d3d;

}

/*前置横线*/ .widget-categories ul li a:before {

   content: ;
   position: absolute;
   left: 0;
   top: 10px;
   width: 14px;
   height: 1px;
   background-color: #ffffff;

} .widget-categories ul li a:hover{

   color: #ff6100;

}

.social-icons {

   margin: -14px 0 14px 0;
   line-height: 34px;
   overflow: hidden;

} .social-icons li {

   padding: 14px 7px 0 0;
   float: left;

} .footer .social-icons a {

   background-color: #47326b;
   border: 1px solid #654d6f;
    color: #ffffff;

}

.social-icons a {

   display: block;
   position: relative;
   width: 34px;
   height: 34px;
   line-height: 34px;
   border-radius: 17px;
   text-align: center;
   background-color: #303030;
   color: #ffffff;

}

.fa {

   display: inline-block;
   font: normal normal normal 24px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

}

/*认证信息*/ .footer-meta .copyright {

   font-size: 12px;
   font-weight: 400;
   line-height: 22px;
   letter-spacing: 0.06em;
   padding-top: 33px;
   border-top: solid 1px #e7e7e7;
   text-align: center;

}

@@ Line 1: / Line 1: @@
 @import url(http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css);
-a, a .fa, a .glyphicon, a:hover, a:hover .fa, a:hover .glyphicon, a:active, a:focus {
-    -webkit-transition: all 0.2s ease-in-out;
-    transition: all 0.2s ease-in-out;
-    text-decoration: none;
-}
 ul, ol {
      padding-left: 0;
@@ Line 13: / Line 8: @@
 .footer.dark {
-     background-color: #191919;
+     background:url(https://static.igem.org/mediawiki/2016/c/c5/T--BIT-China--img--footer_bg.png);
      color: #ffffff;
 }
@@ Line 23: / Line 18: @@
 }
 .footer-widgets {
-     padding: 70px 0 70px 0;
+     padding: 70px 0 10px 0;
      margin-top: 0;
 }
@@ Line 38: / Line 33: @@
 .footer-widgets .widget-title {
      margin-top: 0;
-     margin-bottom: 43px;
+     margin-bottom: 20px;
      font-weight: 700;
      text-transform: uppercase;
@@ Line 80: / Line 75: @@
 .footer.dark a, .footer.dark a:not(.btn-theme) {
-     color: #d5d5d5;
+     color: white;
+    text-decoration: underline;
+    cursor:pointer;
 }
 .footer a:not(.btn-theme) {
@@ Line 123: / Line 120: @@
 }
 .footer .social-icons a {
-     background-color: #303030;
+    background-color: #47326b;
+    border: 1px solid #654d6f;
       color: #ffffff;
 }