Difference between revisions of "Team:SDU-CHINA/OWM-STYLE"

 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
 
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
−
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+
−
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+
−
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+
−
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
+
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
+
 
     #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {
 
     #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {
 
         display: none;
 
         display: none;
Line 34: Line 29:
 
         background-color: transparent;
 
         background-color: transparent;
 
     }
 
     }
−
.navbar {
+
.navbar {
−
   background-color: #8f8a8b;
+
   background-color: #fee0fc;/*#a97f86;*/
−
   color:#000;
+
   color:#f6617d;
−
}
+
  margin: 0 60px !important;
−
.navbar .nav > li .dropdown-menu {
+
  }
−
            margin: 0;
+
  .navbar li{text-align: center;margin-top: 10px;
−
        }
+
  }
−
.navbar .nav > li:hover .dropdown-menu {   
+
  /*悬停后导航的字*/
−
             display: block; }  
+
  .navbar .nav > li:hover .dropdown-menu {   
−
footer
+
             display: block;
−
{
+
            font-color: #f6617d;
−
background-color: black;
+
            background-color: rgba(245,123,146,0.3);
−
}
+
            text-align: center;
−
#Call{
+
            font-size: 0.6em;
−
font-size: 1.5em;
+
            color:#ee970f;
−
}
+
          }
−
li a{
+
  p{margin: 0 !important;
−
color: black;
+
  }
−
}
+
  footer
−
li a:hover{  
+
  {background-color: #e6bada;padding-top: 30px;padding-bottom: 30px;margin: 0px 60px;
−
color:#FFF;  
+
  }
−
background:#999E9F;  
+
 
−
-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;  
+
  #Call{font-size: 1.5em;
−
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;  
+
  }
−
}  
+
  /*导航里的字*/
−
.cardbox{
+
  .navbar .nav >li a,.dropdown-menu> li a{color: #ee970f;font-size: 1.0em;-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in;
 +
  }
 +
  /*下拉的菜单*/
 +
  .nav>li a:hover,.dropdown-menu> li a:hover { color:#f6617d;  
 +
    background-color: #e6bada;
 +
  }  
 +
  .cardbox{
 
   width: 60px;
 
   width: 60px;
 
   height:60px;
 
   height:60px;
 
   font-size: 20px;
 
   font-size: 20px;
−
}
+
  }
−
#shanda{
+
  #content{background-image: url(https://static.igem.org/mediawiki/2018/f/fc/T--SDU-CHINA--index--flowers.png);background-position: center center; background-repeat: no-repeat;
−
width: 320px;
+
                background-attachment: fixed;
−
height:120px;
+
                background-size: cover;
−
}
+
  }
−
#mathworks{
+
  #shanda{width: 320px;height:120px;
−
width: 240px;
+
  }
−
height:90px;
+
  #mathworks{width: 240px;height:90px;
−
}
+
  }
−
</style>
+
  #header{height: 60px;
 +
  }
 +
  #major{margin: 0px 60px;background-color: #ebf7f6;padding: 100px 60px;font-size: 1.2em;
 +
  }

Latest revision as of 10:05, 21 June 2018

#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, 

   #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {
       display: none;
   }

   #top-section {  
       border: 0 none;
       height: 14px;
       z-index: 100;
       top: 0;
       position: fixed;
       width: 975px; 
       left: 50%; 
       margin-left: -487px;
   }

   #globalWrapper, #content {
       width: 100%; 
       height: 100%;
       border: 0px;
       background-color: transparent;
       margin: 0px;
       padding: 0px;
   }

   html, body, .wrapper {
       width: 100%; 
       height: 100%; 
       background-color: transparent; 	
   }

.navbar { 

 background-color: #fee0fc;/*#a97f86;*/
 color:#f6617d;
 margin: 0 60px !important;
 }
 .navbar li{text-align: center;margin-top: 10px;
 }
 /*悬停后导航的字*/
 .navbar .nav > li:hover .dropdown-menu {  
           display: block;
           font-color: #f6617d;
           background-color: rgba(245,123,146,0.3);
           text-align: center;
           font-size: 0.6em;
           color:#ee970f;
          }
 p{margin: 0 !important;
 }
 footer
 {background-color: #e6bada;padding-top: 30px;padding-bottom: 30px;margin: 0px 60px;
 }

 #Call{font-size: 1.5em;
 }
 /*导航里的字*/
 .navbar .nav >li a,.dropdown-menu> li a{color: #ee970f;font-size: 1.0em;-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in; 
 }
 /*下拉的菜单*/
 .nav>li a:hover,.dropdown-menu> li a:hover { color:#f6617d; 
   background-color: #e6bada;
 } 
  .cardbox{
 width: 60px;
 height:60px;
 font-size: 20px;
 }
 #content{background-image: url(https://static.igem.org/mediawiki/2018/f/fc/T--SDU-CHINA--index--flowers.png);background-position: center center; background-repeat: no-repeat;
               background-attachment: fixed;
               background-size: cover;
 }
 #shanda{width: 320px;height:120px;
 }
 #mathworks{width: 240px;height:90px;
 }
 #header{height: 60px;
 }
 #major{margin: 0px 60px;background-color: #ebf7f6;padding: 100px 60px;font-size: 1.2em;
 }