body { padding-top: 70px; } header{ background-color: #FFFFFF; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { } .navigat { float: right; position: relative; left: 70px; top: 15px; } .navbar-search { margin-top:10px; } .container .span12 .row .span8 .nav { padding-top: 0px; } /* Sidenav for Docs -------------------------------------------------- */ .bs-docs-sidenav { width: 270px; margin-bottom: 30px; padding: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065); } .bs-docs-sidenav > li > a { display: block; width: 190px \9; margin: 0 0 -1px; padding: 8px 14px; border: 1px solid #e5e5e5; } .bs-docs-sidenav > li:first-child > a { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .bs-docs-sidenav > li:last-child > a { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .bs-docs-sidenav > .active > a { position: relative; z-index: 2; padding: 9px 15px; border: 0; text-shadow: 0 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); } /* Chevrons */ .bs-docs-sidenav .icon-chevron-right { float: right; margin-top: 2px; margin-right: -6px; opacity: .25; } .bs-docs-sidenav > li > a:hover { background-color: #f5f5f5; } .bs-docs-sidenav a:hover .icon-chevron-right { opacity: .5; } .bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right { background-image: url(../img/glyphicons-halflings-white.png); opacity: 1; } .bs-docs-sidenav.affix { top: 40px; } .bs-docs-sidenav.affix-bottom { position: absolute; top: auto; bottom: 270px; } /* */ /* */ .box { font-family: "微软雅黑"; background-color: #FFFFFF; border: 1px solid #E2E2E2; padding: 20px 10px; margin-bottom: 20px; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow:hidden } .box-title { font-family: "微软雅黑"; font-size: 22px; border-left-width: 4px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-left-color: #26C6DA; padding-left: 10px; margin-left: 10px; } .box .slidebox { overflow: auto; } .row .span4.box .inline .more { font-size: 8px; } .box ul li { /*width: 350px;*/ font-family: 宋体, Arial; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* Downsize the brand/project name a bit */ .navbar .brand { padding: 14px 20px 0px 0px; /* Increase vertical padding to match navbar links */ font-size: 16px; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,.5); } /* Navbar links: increase padding for taller navbar */ .navbar .nav > li > a { padding: 15px 20px; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { margin-bottom: 0px; } .carousel .container { position: relative; z-index: 9; } .carousel-control { height: 80px; margin-top: 0; font-size: 120px; text-shadow: 0 1px 1px rgba(0,0,0,.4); background-color: transparent; border: 0; z-index: 10; } .carousel .item { height: 270px; } .carousel img { position: absolute; top: 0; left: 0; min-width: 100%; height: 270px; } .carousel-caption { background-color: transparent; position: static; max-width: 570px; padding: 0 0px; margin-top:220px; } .carousel-caption h2, .carousel-caption .lead { margin: 0; font-size: 20px; line-height: 1.25; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.4); text-align:center; } .carousel-caption .btn { margin-top: 10px; } /* MARKETING CONTENT -------------------------------------------------- */ /* Center align the text within the three columns below the carousel */ .marketing .span4 { text-align: left; } .marketing h2 { font-weight: normal; } .marketing .row .span4 .inline h3 { display: inline-block; } .marketing .span4 p { margin-left: 10px; margin-right: 10px; } /* RESPONSIVE CSS -------------------------------------------------- */ @media (max-width: 979px) { .container.navbar-wrapper { margin-bottom: 0; width: auto; } .navbar-inner { border-radius: 0; margin: -20px 0; } .carousel .item { height: 500px; } .carousel img { width: auto; height: 500px; } .featurette { height: auto; padding: 0; } .featurette-image.pull-left, .featurette-image.pull-right { display: block; float: none; max-width: 40%; margin: 0 auto 20px; } } @media (max-width: 767px) { .navbar-inner { margin: -20px; } .carousel { margin-left: -20px; margin-right: -20px; } .carousel .container { } .carousel .item { height: 300px; } .carousel img { height: 300px; } .carousel-caption { width: 65%; padding: 0 70px; margin-top: 100px; } .carousel-caption h1 { font-size: 30px; } .carousel-caption .lead, .carousel-caption .btn { font-size: 18px; } .marketing .span4 + .span4 { margin-top: 40px; } .featurette-heading { font-size: 30px; } .featurette .lead { font-size: 18px; line-height: 1.5; } } .Lbox { min-height: 580px; border: 1px solid #EFEFEF; padding-right: 15px; padding-left: 15px; padding-top: 20px; padding-bottom: 30px; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065); } .count { font-size: 40px; color: #333333; line-height: 1.5em; margin-top: 50px; text-align: center; min-height: 100px; font-family:微软雅黑,黑体; } .count span { color: #dc3929; font-size: 70px; } .footer { padding-top: 25px; margin-top: 40px; background-color:#2c3e50; height:120px; color:#ffffff; text-align:center; }