Difference between revisions of "Template:Fudan/CSS"

 
(43 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
*****/
 
*****/
 
#FudanBody .slides h3{
 
#FudanBody .slides h3{
−
     color: #404040;
+
     color: #ff8c28;
 
     font: 40px Futura;
 
     font: 40px Futura;
 
}
 
}
 
#FudanBody .slides h5{
 
#FudanBody .slides h5{
−
     color: #404040;
+
     color: #ff7617;
 
     font: 20px Futura;
 
     font: 20px Futura;
 +
}
 +
#FudanBody nav ul a{
 +
    color: #fff;
 +
}
 +
#FudanBody .dropdown-content li a{
 +
    color: #26a69a;
 +
}
 +
#FudanBody a{
 +
    text-decoration: none;
 +
    outline: none;
 +
    color: #26a69a;
 +
}
 +
#FudanBody .fixed-action-btn a{
 +
    color: #fff;
 
}
 
}
  
Line 14: Line 28:
 
*Structure Styles
 
*Structure Styles
 
*****/
 
*****/
 +
#content{
 +
    z-index: auto; /* #slide-out is not on the top of all elements when using default z-index number(2) */
 +
}
 +
div{
 +
    box-sizing: content-box; /* Solve the conflict between Materialize(inherit) and igem.org default setting */
 +
}
 +
#FudanBody div{
 +
    box-sizing: border-box;
 +
}
 +
.sponsorsImg img{
 +
    width: 100%;
 +
}
 +
#top_menu_14{
 +
    position: absolute; /* Override the default fixed login bar */
 +
    z-index: 996;
 +
}
 +
#globalWrapper{ /* Solve the overflow of login */
 +
    overflow: hidden;
 +
    padding: 0;
 +
}
 
#FudanWrapper {
 
#FudanWrapper {
−
     position: absolute;
+
     position: relative;
 
     width: 100%;
 
     width: 100%;
 
}
 
}
 
#FudanBody {
 
#FudanBody {
−
     position: absolute;
+
     position: relative;
 
     width: 100%;
 
     width: 100%;
 
     overflow: hidden;
 
     overflow: hidden;
 
}
 
}
−
#FudanBody a{
+
#FudanBody ul{
−
     text-decoration: none;
+
     margin: 0;
−
     outline: none;
+
    line-height: inherit;
 +
}
 +
#FudanBody img{
 +
     vertical-align: inherit;
 
}
 
}
 
#FudanBody .fa{
 
#FudanBody .fa{
Line 38: Line 75:
 
     line-height: inherit;
 
     line-height: inherit;
 
}
 
}
−
#navList.sidenav-trigger{
+
#navList.sidenav-trigger {
 
     margin: 0 10px;
 
     margin: 0 10px;
 
}
 
}
Line 64: Line 101:
 
     bottom: 23px;
 
     bottom: 23px;
 
}
 
}
−
div{
+
#contactUS li{
−
     box-sizing: content-box;
+
     display: block;
−
}
+
     margin: 5px 0;
−
#FudanBody ul{
+
−
     margin: 0;
+
−
    line-height: inherit;
+
−
}
+
−
#FudanBody img{
+
−
    vertical-align: inherit;
+
 
}
 
}

Latest revision as of 09:04, 30 July 2018

/*****

  • Font Styles
          • /
  1. FudanBody .slides h3{
   color: #ff8c28;
   font: 40px Futura;

}

  1. FudanBody .slides h5{
   color: #ff7617;
   font: 20px Futura;

}

  1. FudanBody nav ul a{
   color: #fff;

}

  1. FudanBody .dropdown-content li a{
   color: #26a69a;

}

  1. FudanBody a{
   text-decoration: none;
   outline: none;
   color: #26a69a;

}

  1. FudanBody .fixed-action-btn a{
   color: #fff;

}

/*****

  • Structure Styles
          • /
  1. content{
   z-index: auto; /* #slide-out is not on the top of all elements when using default z-index number(2) */

} div{ 

   box-sizing: content-box; /* Solve the conflict between Materialize(inherit) and igem.org default setting */

}

  1. FudanBody div{
   box-sizing: border-box;

} .sponsorsImg img{ 

   width: 100%;

}

  1. top_menu_14{
   position: absolute; /* Override the default fixed login bar */
   z-index: 996;

}

  1. globalWrapper{ /* Solve the overflow of login */
   overflow: hidden;
   padding: 0;

}

  1. FudanWrapper {
   position: relative;
   width: 100%;

}

  1. FudanBody {
   position: relative;
   width: 100%;
   overflow: hidden;

}

  1. FudanBody ul{
   margin: 0;
   line-height: inherit;

}

  1. FudanBody img{
   vertical-align: inherit;

}

  1. FudanBody .fa{
   height: inherit;
   line-height: inherit;
   font-size: inherit;

}

  1. teamLogo{
   padding: 0 40px 0 40px;

}

  1. navList{
   line-height: inherit;

}

  1. navList.sidenav-trigger {
   margin: 0 10px;

}

  1. FudanBody .slider .indicators{
   bottom: 60px;
   z-index: 100;

}

  1. homepageDivider{
   width: 100%;
   height: 20px;
   position: relative;
   top: -40px;

}

  1. homepageContent{
   position: relative;
   top: -20px;

}

  1. toolBoxBtn ul li a{
   font-size: 20px;

}

  1. toolBoxBtn_large{
   position: absolute;
   right: 23px;
   bottom: 23px;

}

  1. contactUS li{
   display: block;
   margin: 5px 0;

}