dev/app/styles/main.css

.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 {
	min-height: 60px;
	background-color: #121320;
	border: none;
}

.navbar-brand {
	width: 60px;
	height: 60px;
	font-size: 0;
	background:url('../images/logos/Cf_48.png') 6px 6px no-repeat;
}
.navbar-brand2 {
	width: 54px;
	font-size: 0;
	background:url('http://iot.eclipse.org/css/img/m2m_eclipse_logo.png') -36px 5px no-repeat;
}


a
{
  color: #4b7d38;
}

/* Line 9 */
a:focus
{
  outline-width: thin;
  outline-style: dotted;
  outline-color: #333333;
  outline-offset: -2px;
}

/* Line 9 */
a:hover, a:active
{
  outline-width: 0px;
  outline-style: none;
}

/* Line 9 */
a:hover
{
  color: #6bb151;
}

/* Line 9 */
.nav > li > a
{
  display: block;
}

/* Line 9 */
.nav > li > a:hover
{
  background-color: #eeeeee;
}

/* Line 9 */
.navbar .nav > li > a
{
  float: none;
  padding-top: 20px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 15px;
  color: #c4c6dd;
  text-shadow: #161726;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #161726;
}

/* Line 9 */
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover
{
  color: #eff4f7;
  background-color: transparent;
  border-top-color: #eff4f7;
}

/* Line 9 */
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover
{
  color: #eff4f7;
  background-color: transparent;
  border-top-color: #eff4f7;
}





/* 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 .item {
  margin-bottom: 40px;
  text-align: center;
}

.marketing .item img {
	margin: auto;
}

.marketing .item p {
	text-align: justify;
	margin: 10px 10px;
}

/* 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: 1280px;
    }

    /* 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;
    }
}