| .nav-icon { |
| width: 24px; |
| height: 24px; |
| margin-right: 5px; |
| } |
| .hero-unit { |
| background-color: #f5f5f5; |
| margin-bottom: 2px; |
| padding: 20px; |
| -webkit-border-radius: 6px; |
| -moz-border-radius: 6px; |
| border-radius: 6px; |
| margin-top: 20px; |
| } |
| .hero-unit h1 { |
| margin-bottom: 0; |
| font-size: 50px; |
| line-height: 1; |
| letter-spacing: -1px; |
| } |
| .hero-unit p { |
| font-size: 18px; |
| font-weight: 200; |
| line-height: 27px; |
| } |
| .carousel-indicators-numbers li { |
| font-size: 12px; |
| text-indent: 0px; |
| margin: -2px 2px; |
| width: 25px; |
| height: 25px; |
| border: none; |
| border-radius: 100%; |
| line-height: 26px; |
| color: #fff; |
| background-color: #999; |
| } |
| .carousel-indicators-numbers li.active { |
| margin: -2px 2px; |
| width: 25px; |
| height: 25px; |
| background-color: #337ab7; |
| } |
| .carousel-indicators { |
| bottom: -39px; |
| } |
| .carousel-inner { |
| margin-bottom: 50px; |
| } |
| #footer { |
| background-color: #f5f5f5; |
| } |
| .container .credit { |
| margin: 20px 0; |
| } |
| .navbar { |
| margin-bottom: 0; |
| } |
| |
| .hovereffect { |
| width:100%; |
| height:100%; |
| float:left; |
| overflow:hidden; |
| position:relative; |
| text-align:center; |
| cursor:default; |
| border-radius:5px; |
| } |
| |
| .hovereffect .overlay { |
| width:100%; |
| height:100%; |
| position:absolute; |
| overflow:hidden; |
| top:0; |
| left:0; |
| opacity:0; |
| background-color:rgba(0,0,0,0.5); |
| -webkit-transition:all .4s ease-in-out; |
| transition:all .4s ease-in-out; |
| border-radius:5px; |
| } |
| |
| .hovereffect img { |
| display:block; |
| position:relative; |
| -webkit-transition:all .4s linear; |
| transition:all .4s linear; |
| border-radius:5px; |
| } |
| |
| |
| .hovereffect a.info { |
| text-decoration:none; |
| display:inline-block; |
| border-radius:5px; |
| color:#fff; |
| border:1px solid #fff; |
| background-color:transparent; |
| opacity:0; |
| filter:alpha(opacity=0); |
| -webkit-transition:all .2s ease-in-out; |
| transition:all .2s ease-in-out; |
| margin:25px 0 0; |
| padding:5px 5px; |
| } |
| |
| .hovereffect a.info:hover { |
| box-shadow:0 0 5px #fff; |
| border-radius:5px; |
| } |
| |
| .hovereffect:hover img { |
| -ms-transform:scale(1.2); |
| -webkit-transform:scale(1.2); |
| transform:scale(1.2); |
| border-radius:5px; |
| } |
| |
| .hovereffect:hover .overlay { |
| opacity:1; |
| filter:alpha(opacity=100); |
| border-radius:5px; |
| } |
| |
| .hovereffect:hover h2,.hovereffect:hover a.info { |
| opacity:1; |
| filter:alpha(opacity=100); |
| -ms-transform:translatey(0); |
| -webkit-transform:translatey(0); |
| transform:translatey(0); |
| border-radius:5px; |
| } |
| |
| .hovereffect:hover a.info { |
| -webkit-transition-delay:.2s; |
| transition-delay:.2s; |
| border-radius:5px; |
| } |