| .browsehappy { |
| margin: 0.2em 0; |
| background: #ccc; |
| color: #000; |
| padding: 0.2em 0; |
| } |
| |
| /* Space out content a bit */ |
| body { |
| padding-top: 50px; |
| padding-bottom: 0; |
| min-width: 320px; |
| } |
| |
| /* Everything but the jumbotron gets side spacing for mobile first views */ |
| .header, |
| .marketing, |
| .footer { |
| padding-left: 15px; |
| padding-right: 15px; |
| } |
| |
| /* Custom page header */ |
| .header { |
| border-bottom: 1px solid #e5e5e5; |
| } |
| |
| .navbar-brand { |
| width:50px; |
| font-size: 0; |
| background:url('../images/logos/Cf_32.png') 9px 9px no-repeat; |
| } |
| .navbar-brand2 { |
| width: 54px; |
| font-size: 0; |
| border-top: 2px solid transparent; |
| margin-bottom: -2px; |
| background:url('http://iot.eclipse.org/css/img/m2m_eclipse_logo.png') -36px 0 no-repeat; |
| } |
| |
| .navbar-nav > li > a:hover, |
| .navbar-nav > li > a:focus { |
| border-top: 2px solid #eee; |
| padding-top: 13px; |
| } |
| |
| |
| /* Make the masthead heading the same height as the navigation */ |
| .header h3 { |
| margin-top: 0; |
| margin-bottom: 0; |
| line-height: 40px; |
| padding-bottom: 19px; |
| } |
| |
| /* Custom page footer */ |
| |
| .footer { |
| background:url('http://projects.eclipse.org/sites/all/themes/solstice/public/images/template/footer-bg.jpg') no-repeat center center #242426; |
| -webkit-background-size:cover; |
| -moz-background-size:cover; |
| -o-background-size:cover; |
| background-size:cover; |
| padding-top:3.5em; |
| color:#a8a7a9; |
| padding-bottom:26px; |
| |
| margin-top:45px;padding-top:35px;padding-bottom:36px;border-top:1px solid #E5E5E5 |
| } |
| |
| .footer h1{padding-top:0.5em;padding-bottom:0.7em;color:#737373;font-size:2em} |
| .footer h1 strong{color:#C4C4C4} |
| .footer h2{color:#fff;padding-bottom:7px;margin-top:0;font-size:2rem;font-weight:300;border-bottom:2px solid #6e6d71;max-width:80%} |
| .footer a:link, .footer a:active, .footer a:visited{color:#a8a7a9;font-weight:400} |
| .footer #logo-eclipse-white{margin-bottom:15px} |
| .footer .nav{margin-left:-15px;margin-bottom:25px} |
| .footer .nav a{padding:6px 15px 6px 20px} |
| .footer .nav a:hover{background:none;color:#f7941e} |
| .footer li{padding-bottom:0} |
| |
| @media (max-width:991px){.footer #copyright-text, .footer #footer-other{text-align:left;clear:both}} |
| @media (max-width:450px){.footer .col-xs-11, .footer .col-xs-14{position:relative;float:left;width:95.83333333%;min-height:1px;padding-left:15px;padding-right:15px}} |
| @media (min-width:451px) and (max-width:767px){.footer #footer-useful-links{clear:left}.footer #copyright{clear:both}} |
| |
| #copyright{padding-top:15px} |
| #copyright img{float:left;margin-top:10px;margin-right:15px;clear:both} |
| #copyright-text{padding-top:21px;text-align:right} |
| |
| #scrollUp { |
| width:40px; |
| height:40px; |
| opacity:0.3; |
| position:fixed; |
| bottom:50px; |
| right:15px; |
| display:none; |
| text-indent:-9999px; |
| background: url('http://projects.eclipse.org/sites/all/themes/solstice/public/images/components/back-to-top/back-to-top.png') no-repeat |
| } |
| #scrollUp:focus {outline:none; } |
| |
| |
| .carousel-inner .item { |
| min-height: 400px; |
| height: 400px; |
| } |
| |
| .java .carousel-caption { |
| top: 25%; |
| bottom: auto; |
| } |
| |
| |
| div.item.java { |
| background-image:url('../images/background/java.jpg'); |
| background-position: center center; |
| } |
| |
| .java h1 { |
| text-align: left; |
| color: orange; |
| } |
| |
| .java p { |
| text-align: left; |
| color: black; |
| width: 50%; |
| min-width: 180px; |
| } |
| |
| div.item.cloud { |
| background-image:url('../images/background/scalable.jpg'); |
| background-position: center center; |
| } |
| |
| .cloud h1 { |
| text-align: left; |
| color: orange; |
| } |
| |
| .cloud p { |
| text-align: left; |
| } |
| |
| |
| div.item.ietf { |
| background-image:url('../images/background/compliant.jpg'); |
| background-position: center center; |
| } |
| |
| .ietf .carousel-caption { |
| top: 0; |
| bottom: auto; |
| } |
| |
| .ietf h1 { |
| text-align: left; |
| color: black; |
| } |
| |
| .ietf p { |
| text-align: left; |
| color: black; |
| } |
| |
| /* Supporting marketing content */ |
| .marketing { |
| margin: 40px 0; |
| } |
| |
| |
| /* MARKETING CONTENT |
| -------------------------------------------------- */ |
| |
| /* Center align the text within the three columns below the carousel */ |
| .marketing .col-lg-4 { |
| margin-bottom: 20px; |
| text-align: center; |
| } |
| .marketing .col-lg-2 { |
| margin-bottom: 20px; |
| text-align: center; |
| } |
| |
| |
| /* Featurettes |
| ------------------------- */ |
| |
| .featurette-divider { |
| margin: 80px 0; /* Space out the Bootstrap <hr> more */ |
| } |
| |
| /* Thin out the marketing headings */ |
| .featurette-heading { |
| font-weight: 300; |
| line-height: 1; |
| letter-spacing: -1px; |
| } |
| |
| /* Responsive: Portrait tablets and up */ |
| @media screen and (min-width: 768px) { |
| .container { |
| max-width: 1024px; |
| } |
| |
| /* Remove the padding we set earlier */ |
| .header, |
| .marketing, |
| .footer { |
| padding-left: 0; |
| padding-right: 0; |
| } |
| |
| /* Space out the masthead */ |
| .header { |
| margin-bottom: 30px; |
| } |
| |
| /* Remove the bottom border on the jumbotron for visual effect */ |
| .jumbotron { |
| border-bottom: 0; |
| } |
| } |