| /*! |
| * Leshan bootstrap theme |
| */ |
| |
| body { |
| overflow-x: hidden; |
| } |
| |
| p { |
| font-size: 20px; |
| } |
| |
| p.small { |
| font-size: 16px; |
| } |
| |
| a, |
| a:hover, |
| a:focus, |
| a:active, |
| a.active { |
| outline: 0; |
| color: #25A79C; |
| } |
| |
| h1, |
| h2, |
| h3, |
| h4, |
| h5, |
| h6 { |
| text-transform: uppercase; |
| font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; |
| font-weight: 700; |
| } |
| |
| hr.star-light, |
| hr.star-primary { |
| margin: 25px auto 30px; |
| padding: 0; |
| max-width: 250px; |
| border: 0; |
| border-top: solid 5px; |
| text-align: center; |
| } |
| |
| hr.star-light:after, |
| hr.star-primary:after { |
| content: "\f005"; |
| display: inline-block; |
| position: relative; |
| top: -.8em; |
| padding: 0 .25em; |
| font-family: FontAwesome; |
| font-size: 2em; |
| } |
| |
| hr.star-light { |
| border-color: #fff; |
| } |
| |
| hr.star-light:after { |
| color: #fff; |
| background-color: #18bc9c; |
| } |
| |
| hr.star-primary { |
| border-color: #2c3e50; |
| } |
| |
| hr.star-primary:after { |
| color: #2c3e50; |
| background-color: #fff; |
| } |
| |
| .img-centered { |
| margin: 0 auto; |
| } |
| |
| header { |
| text-align: center; |
| color: #333333; |
| background: #F7FAFA; |
| } |
| |
| header .container { |
| padding-top: 150px; |
| padding-bottom: 50px; |
| } |
| |
| header img { |
| display: block; |
| margin: 0 auto 20px; |
| } |
| |
| header .intro-text .name { |
| display: block; |
| text-transform: uppercase; |
| font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; |
| font-size: 2em; |
| font-weight: 700; |
| } |
| |
| header .intro-text .skills { |
| font-size: 1.25em; |
| font-weight: 300; |
| } |
| |
| @media(min-width:768px) { |
| header .container { |
| padding-top: 150px; |
| padding-bottom: 50px; |
| } |
| |
| header .intro-text .name { |
| font-size: 4.75em; |
| } |
| |
| header .intro-text .skills { |
| font-size: 1.75em; |
| } |
| } |
| |
| @media(min-width:768px) { |
| .navbar-fixed-top { |
| padding: 0px 0; |
| -webkit-transition: padding .3s; |
| -moz-transition: padding .3s; |
| transition: padding .3s; |
| } |
| |
| .navbar-fixed-top .navbar-brand { |
| font-size: 2em; |
| -webkit-transition: all .3s; |
| -moz-transition: all .3s; |
| transition: all .3s; |
| } |
| |
| .navbar-fixed-top.navbar-shrink { |
| padding: 10px 0; |
| } |
| |
| .navbar-fixed-top.navbar-shrink .navbar-brand { |
| font-size: 1.5em; |
| } |
| } |
| |
| .navbar { |
| text-transform: uppercase; |
| font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; |
| font-weight: 700; |
| background: #333333; |
| } |
| |
| .navbar a:focus { |
| outline: 0; |
| } |
| |
| .navbar .navbar-nav { |
| letter-spacing: 1px; |
| } |
| |
| .navbar-default .navbar-brand { |
| color: #F7FAFA; |
| } |
| |
| .navbar .navbar-nav li a:focus { |
| outline: 0; |
| } |
| |
| .navbar .navbar-nav>li>a { |
| color: #F7FAFA; |
| } |
| |
| .navbar .navbar-nav>li>a:hover { |
| color: #25A79C; |
| } |
| |
| .navbar .navbar-nav .iot-logo>a { |
| padding: 0px; |
| line-height : 80px; |
| } |
| |
| .navbar .navbar-nav > li > a { |
| line-height : 80px |
| } |
| |
| .navbar-brand { line-height : 80px } |
| |
| .navbar-default, |
| .navbar-inverse { |
| border: 0; |
| } |
| |
| .navbar-default .navbar-nav>.active>a, |
| .navbar-default .navbar-nav>.active>a:hover, |
| .navbar-default .navbar-nav>.active>a:focus { |
| background-color: transparent; |
| color: #25A79C; |
| } |
| |
| li a, |
| li a:hover { |
| background-color: transparent; |
| } |
| |
| section { |
| padding: 50px 0; |
| } |
| |
| section h2 { |
| margin: 0; |
| font-size: 2.2em; |
| color: #25A79C; |
| padding-bottom: 20px; |
| } |
| |
| section p { |
| text-align: justify; |
| font-size: 16px; |
| } |
| |
| section li { |
| font-size: 16px; |
| } |
| |
| section.success { |
| color: #333333; |
| background: #F7FAFA; |
| } |
| |
| section.success a, |
| section.success a:hover, |
| section.success a:focus, |
| section.success a:active, |
| section.success a.active { |
| outline: 0; |
| color: #2c3e50; |
| } |
| |
| @media(max-width:767px) { |
| section { |
| padding: 75px 0; |
| } |
| |
| section.first { |
| padding-top: 75px; |
| } |
| } |
| |
| .btn-outline { |
| margin-top: 15px; |
| border: solid 2px #fff; |
| font-size: 20px; |
| color: #fff; |
| background: 0 0; |
| transition: all .3s ease-in-out; |
| } |
| |
| .btn-outline:hover, |
| .btn-outline:focus, |
| .btn-outline:active, |
| .btn-outline.active { |
| border: solid 2px #fff; |
| background: #fff; |
| } |
| |
| .floating-label-form-group { |
| position: relative; |
| margin-bottom: 0; |
| padding-bottom: .5em; |
| border-bottom: 1px solid #eee; |
| } |
| |
| .floating-label-form-group input, |
| .floating-label-form-group textarea { |
| z-index: 1; |
| position: relative; |
| padding-right: 0; |
| padding-left: 0; |
| border: 0; |
| border-radius: 0; |
| font-size: 1.5em; |
| background: 0 0; |
| box-shadow: none!important; |
| resize: none; |
| } |
| |
| .floating-label-form-group label { |
| display: block; |
| z-index: 0; |
| position: relative; |
| top: 2em; |
| margin: 0; |
| font-size: .85em; |
| line-height: 1.764705882em; |
| vertical-align: middle; |
| vertical-align: baseline; |
| opacity: 0; |
| -webkit-transition: top .3s ease,opacity .3s ease; |
| -moz-transition: top .3s ease,opacity .3s ease; |
| -ms-transition: top .3s ease,opacity .3s ease; |
| transition: top .3s ease,opacity .3s ease; |
| } |
| |
| .floating-label-form-group::not(:first-child) { |
| padding-left: 14px; |
| border-left: 1px solid #eee; |
| } |
| |
| .floating-label-form-group-with-value label { |
| top: 0; |
| opacity: 1; |
| } |
| |
| .floating-label-form-group-with-focus label { |
| color: #18bc9c; |
| } |
| |
| form .row:first-child .floating-label-form-group { |
| border-top: 1px solid #eee; |
| } |
| |
| footer { |
| padding-top: 20px; |
| color: #9E9E9E; |
| background-color: #333333; |
| padding-bottom: 30px; |
| } |
| |
| footer .nav { |
| margin-bottom: 30px; |
| line-height: 0.9; |
| } |
| |
| footer #copyright-text { |
| text-align: right; |
| font-size: 14px; |
| margin-top: 10px; |
| } |
| |
| footer a { |
| color: #9E9E9E; |
| background-color: #333333; |
| } |
| |
| footer ul.nav a:hover { |
| background-color: transparent; |
| } |
| |
| .btn:focus, |
| .btn:active, |
| .btn.active { |
| outline: 0; |
| } |
| |
| .scroll-top { |
| z-index: 1049; |
| position: fixed; |
| right: 2%; |
| bottom: 2%; |
| width: 50px; |
| height: 50px; |
| } |
| |
| .scroll-top .btn { |
| width: 50px; |
| height: 50px; |
| border-radius: 100%; |
| font-size: 20px; |
| line-height: 28px; |
| } |
| |
| .scroll-top .btn:focus { |
| outline: 0; |
| } |
| |
| /* custom */ |
| |
| .button-links { |
| padding-top: 10px; |
| } |
| |
| #slideshare { |
| padding-top: 10px; |
| } |
| |
| #tuto-desc { |
| padding-top: 10px; |
| } |
| |
| .highlight.who { |
| margin-left: 0; |
| margin-right: 0; |
| text-align: center; |
| background-color: #f7fafa; |
| color: #363636; |
| padding-top: 60px; |
| } |
| .highlight.who h2 { |
| font-size: 2.5em; |
| line-height: 1.5em; |
| color: #363636; |
| /* margin-top: 0.5em; |
| margin-bottom: 1em;*/ |
| } |
| .highlight.who a { |
| color: #363636; |
| } |
| .highlight.who img { |
| width: 60%; |
| max-width: 250px; |
| } |
| |
| .highlight.who a::after { |
| content: none; |
| } |
| |
| .highlight.who ul.user-logos { |
| display: flex ; |
| flex-flow: row wrap; |
| padding: 0; |
| justify-content: center; |
| align-items: center; |
| } |
| |
| .highlight.who ul.user-logos > li { |
| flex: 1 1 33%; /* 3 logos per line */ |
| padding-bottom: 2em; |
| list-style: none; |
| } |
| |