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

 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #top_title,
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
     #sideMenu, .logo_2018, .printfooter, .firstHeading,.visualClear {
+
     #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {
 
         display: none;
 
         display: none;
 
     }
 
     }
  #globalWrapper, #content {
+
 
 +
    #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%;  
 
         width: 100%;  
 
         height: 100%;
 
         height: 100%;
Line 17: Line 29:
 
         background-color: transparent;
 
         background-color: transparent;
 
     }
 
     }
    #top-section { 
+
.navbar {
        border: 0 none;
+
        height: 14px;
+
        z-index: 100;
+
        top: 0;
+
        position: fixed;
+
        width: 975px;
+
        left: 50%;
+
        margin-left: -487px;
+
        margin-top: -487px;
+
       
+
    }
+
    .navbar {
+
 
   background-color: #fee0fc;/*#a97f86;*/
 
   background-color: #fee0fc;/*#a97f86;*/
 
   color:#f6617d;
 
   color:#f6617d;
 
   margin: 0 60px !important;
 
   margin: 0 60px !important;
}
+
  }
.navbar li{
+
  .navbar li{text-align: center;margin-top: 10px;
text-align: center;
+
  }
margin-top: 10px;
+
  /*悬停后导航的字*/
}
+
  .navbar .nav > li:hover .dropdown-menu {   
/*悬停后导航的字*/
+
.navbar .nav > li:hover .dropdown-menu {   
+
 
             display: block;
 
             display: block;
 
             font-color: #f6617d;
 
             font-color: #f6617d;
Line 47: Line 45:
 
             color:#ee970f;
 
             color:#ee970f;
 
           }
 
           }
p{
+
  p{margin: 0 !important;
margin: 0 !important;
+
  }
}
+
  footer
footer
+
  {background-color: #e6bada;padding-top: 30px;padding-bottom: 30px;margin: 0px 60px;
{
+
  }
background-color: #e6bada;
+
padding-top: 30px;
+
padding-bottom: 30px;
+
margin: 0px 60px;
+
}
+
  
#Call{
+
  #Call{font-size: 1.5em;
font-size: 1.5em;
+
  }
}
+
  /*导航里的字*/
.navbar .nav >li a,.dropdown-menu> li a{
+
  .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;  
color: #ee970f;
+
  }
font-size: 1.3em;
+
  /*下拉的菜单*/
-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in;  
+
  .nav>li a:hover,.dropdown-menu> li a:hover { color:#f6617d;  
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in;  
+
    background-color: #e6bada;
}
+
  }  
.nav>li a:hover,.dropdown-menu> li a:hover {  
+
  .cardbox{
color:#f6617d;  
+
background-color: #e6bada;
+
}  
+
.cardbox{
+
 
   width: 60px;
 
   width: 60px;
 
   height:60px;
 
   height:60px;
 
   font-size: 20px;
 
   font-size: 20px;
}
+
  }
  #content{
+
  #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-image: url(图片/flowers.png);
+
                background-position: center center;
+
                background-repeat: no-repeat;
+
 
                 background-attachment: fixed;
 
                 background-attachment: fixed;
 
                 background-size: cover;
 
                 background-size: cover;
}
+
  }
  #shanda{
+
  #shanda{width: 320px;height:120px;
width: 320px;
+
  }
height:120px;
+
  #mathworks{width: 240px;height:90px;
}
+
  }
  #mathworks{
+
   #header{height: 60px;
width: 240px;
+
  }
height:90px;
+
  #major{margin: 0px 60px;background-color: #ebf7f6;padding: 100px 60px;font-size: 1.2em;
}
+
  }
   #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;
 }