Difference between revisions of "Template:Mingdao"

(Prototype team template page)
 
Line 809: Line 809:
 
<!--- Content of the page  --->
 
<!--- Content of the page  --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
<style type="text/css">
 +
/*--------------Remove wiki stuff------------*/
 +
.visualClear, .extra_space, .igem_2019_team_mobile_bar, .igem_2019_team_menu {
 +
display: none!important;
 +
} /*-- hides default wiki settings --*/
 +
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
 +
html, body, .wrapper { /*-- changes default wiki settings --
 +
 +
*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 +
#content {
 +
margin-top: -16px;
 +
}
 +
 +
.igem_2019_team_content, .igem_2019_team_column_wrapper {
 +
max-width: none!important;
 +
width: 100%!important;
 +
}
 +
 +
 +
/*--------------General styling------------*/
 +
* {
 +
  margin: 0;
 +
  padding: 0;
 +
  box-sizing: border-box; }
 +
 +
body {
 +
  width: 100%;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 +
 +
.bg-container {
 +
  background-attachment: fixed;
 +
  background-color: white;
 +
  margin-top:5px;
 +
  overflow: scroll;
 +
  position: relative;
 +
  background-image: url();
 +
  background-repeat: no-repeat;
 +
  background-size: 100%;
 +
 +
}
 +
 +
.my-main-container {
 +
  width: 100%;
 +
  padding: 0%;
 +
 
 +
}
 +
 +
.main-content {
 +
  background-color:  black;
 +
  width: 100%;
 +
  margin-left: 0%;
 +
  padding: 50px;
 +
  min-height: 150vh;
 +
  z-index: 10; }
 +
 +
.text-area {
 +
  margin-bottom: 80px; }
 +
  .text-area h1 {
 +
    font-size: 130px;
 +
    font-weight: 700;
 +
    font-family: 'Arizonia' !important;
 +
    text-align: center;
 +
    margin-bottom: 1rem; }
 +
  .text-area p {
 +
    font-size: 22px;
 +
    font-weight: 500; }
 +
 +
.m-block img {
 +
  width: 100%; }
 +
 +
.path-btns {
 +
  position: fixed;
 +
  width: 250px;
 +
  top: 100px;
 +
  left: 225px; }
 +
  .path-btns .path-dot {
 +
    width: 25px;
 +
    height: 25px;
 +
    border-radius: 50%;
 +
    position: absolute;
 +
    background-color: #fff;
 +
    top: 5px;
 +
    left: 27px;
 +
    border: 5px solid #385e66;
 +
    cursor: pointer; }
 +
    .path-btns .path-dot.active {
 +
      background-color: #385e66; }
 +
    .path-btns .path-dot:hover {
 +
      transition: all .3s;
 +
      transform: scale(1.2); }
 +
 +
 +
.path {
 +
  height: 100px;
 +
  display: flex; }
 +
  .path .pathSvg {
 +
    display: block; }
 +
  .path .pathWord {
 +
    padding-right: 10%; }
 +
  .path .path-btn {
 +
    cursor: pointer;
 +
    fill: #fff; }
 +
    .path .path-btn.path-active {
 +
      fill: #385e66; }
 +
  .path .path-word-sm {
 +
    font-size: 12px; }
 +
#HQ_page .path .pathWord p {
 +
      font-weight: 700;
 +
      text-align: left !important;
 +
      font-size: 16px;
 +
}
 +
#HQ_page .text-area p {
 +
  font-size: 22px;
 +
  font-family: 'Ubuntu';
 +
  font-weight: 500; }
 +
img.center {
 +
  display: block;
 +
  margin: 0 auto; }
 +
 +
.text-area h2{
 +
    text-align: center;
 +
    margin-bottom: 2rem !important;
 +
    margin-top: 2rem;
 +
    color: black!important;
 +
    font-size: 60px;
 +
    font-weight:bold;
 +
    font-family:serif;
 +
}
 +
  .text-area h3{
 +
  text-align: left;
 +
  margin-bottom: 2rem !important;
 +
  margin-top: 2rem;
 +
  color: #4682B4  !important;
 +
  font-size: 28px;
 +
  font-weight:bold;
 +
}
 +
//hot紅色區塊
 +
.fig_icon{
 +
    position: absolute;//設為絕對定位(absolute)
 +
    font-weight: bold;
 +
    font-size:8;
 +
    top: 40%;
 +
    bottom: 0px;
 +
    left: 50px;
 +
    right : 0px; //右邊上面都設0，則出現在右上方
 +
    color: white;
 +
    display: block;
 +
    background: red;
 +
    width: 110px;
 +
    height: 40px;
 +
    text-align: center;
 +
 +
}
 +
.fig_icon1{
 +
    position: absolute;//設為絕對定位(absolute)
 +
    font-weight: bold;
 +
    font-size:50;
 +
    top: 85%;
 +
    bottom: 0px;
 +
    left: 40px;
 +
    right : 0px; //右邊上面都設0，則出現在右上方
 +
    color: white;
 +
    display: block;
 +
 +
    width: 110px;
 +
    height: 30px;
 +
    text-align: center;
 +
 
 +
}
 +
.top {
 +
  position: fixed;
 +
  right: 50px;
 +
  bottom: 50px;
 +
  height: 50px;
 +
  width: 50px;
 +
  cursor: pointer; }
 +
  .top img {
 +
    width: 100%; }
 +
img.pic {
 +
  display: block !important;
 +
  margin: 40px auto !important;
 +
}
 +
.top-picture{
 +
  z-index:1;
 +
}
 +
 +
 +
video {
 +
            position:relative;
 +
            width: 100%;
 +
            height:auto;
 +
            margin: 20px auto !important;
 +
          }
 +
 +
.bg-dark {
 +
  background-color: #343a40 !important;
 +
}
 +
 +
.text-white {
 +
  color: #fff !important;
 +
}
 +
 +
.text-secondary {
 +
  color: #6c757d !important;
 +
}
 +
 +
.text-info {
 +
  color: #17a2b8 !important;
 +
}
 +
 +
.text-y {
 +
color: #67C2B8 !important;
 +
}
 +
 +
.text-o {
 +
  color: #99D2D8 !important;
 +
}
 +
 +
.bg-main {
 +
  background-color: #F5F6CE !important;
 +
}
 +
 +
.bg-secondary {
 +
  background-color: #CEF6EC !important;
 +
}
 +
 +
.bg-last{
 +
  background-color: #FDEDEF !important;
 +
}
 +
 +
.text-c{
 +
  color: #FA9829 !important;
 +
}
 +
 +
.text-l{
 +
  color: #F08392 !important;
 +
}
 +
 +
.text-k{
 +
  color: #FD9564 !important;
 +
}
 +
 +
tr{
 +
  font-family:verdana !important;
 +
  font-size:15px !important;
 +
  color: #7A7B7A !important;
 +
  background-color: #E6FEF8 !important;
 +
}
 +
 +
th{
 +
  font-family:verdana !important;
 +
  font-size:25px !important;
 +
  background-color: #73A7B0 !important;
 +
  color: #FFFFFF !important;
 +
 +
}
 +
 +
.text-decoration-none {
 +
  text-decoration: none !important;
 +
}
 +
 +
 +
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
 +
.show > .btn-primary.dropdown-toggle {
 +
  color: #fff;
 +
  background-color: #0062cc;
 +
  border-color: #005cbf;
 +
}
 +
 +
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
 +
.show > .btn-primary.dropdown-toggle:focus {
 +
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 +
}
 +
.navbar-expand .navbar-nav .dropdown-menu {
 +
  position: absolute;
 +
}
 +
  .navbar-expand-xl .navbar-nav .dropdown-menu {
 +
    position: absolute;
 +
  }
 +
 +
.centered {
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translate(-50%, -50%);
 +
}
 +
</style>
 +
  
  

Revision as of 15:34, 27 August 2019

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
Contribution
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗