Difference between revisions of "Team:SDU-CHINA/OWM-STYLE"
| Line 1: | Line 1: | ||
| − | + | .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; | text-align: center; | ||
margin-top: 10px; | 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 17: | Line 17: | ||
color:#ee970f; | color:#ee970f; | ||
} | } | ||
| − | p{ | + | p{ |
margin: 0 !important; | margin: 0 !important; | ||
| − | } | + | } |
| − | footer | + | footer |
| − | { | + | { |
background-color: #e6bada; | background-color: #e6bada; | ||
padding-top: 30px; | padding-top: 30px; | ||
padding-bottom: 30px; | padding-bottom: 30px; | ||
margin: 0px 60px; | 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; | color: #ee970f; | ||
font-size: 1.3em; | font-size: 1.3em; | ||
-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in; | -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; | -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in; | ||
| − | } | + | } |
| − | /*下拉的菜单*/ | + | /*下拉的菜单*/ |
| − | .nav>li a:hover,.dropdown-menu> li a:hover { | + | .nav>li a:hover,.dropdown-menu> li a:hover { |
| − | color:#f6617d; | + | color:#f6617d; |
| − | background-color: #e6bada; | + | background-color: #e6bada; |
| − | } | + | } |
| − | .cardbox{ | + | .cardbox{ |
width: 60px; | width: 60px; | ||
height:60px; | height:60px; | ||
font-size: 20px; | font-size: 20px; | ||
| − | } | + | } |
| − | #content{ | + | #content{ |
background-image: url(图片/flowers.png); | background-image: url(图片/flowers.png); | ||
background-position: center center; | background-position: center center; | ||
| Line 54: | Line 54: | ||
background-attachment: fixed; | background-attachment: fixed; | ||
background-size: cover; | background-size: cover; | ||
| − | } | + | } |
| − | #shanda{ | + | #shanda{ |
width: 320px; | width: 320px; | ||
height:120px; | height:120px; | ||
| − | } | + | } |
| − | #mathworks{ | + | #mathworks{ |
width: 240px; | width: 240px; | ||
height:90px; | height:90px; | ||
| − | } | + | } |
| − | #header{ | + | #header{ |
height: 60px; | height: 60px; | ||
| − | } | + | } |
| − | #major{ | + | #major{ |
margin: 0px 60px; | margin: 0px 60px; | ||
background-color: #ebf7f6; | background-color: #ebf7f6; | ||
padding: 100px 60px; | padding: 100px 60px; | ||
font-size: 1.2em; | font-size: 1.2em; | ||
| − | } | + | } |
Revision as of 09:22, 21 June 2018
.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.3em; -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(图片/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;
}