whisk_tutorial/static/css/base.css

/*
 * Copyright 2015-2016 IBM Corporation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */  

body {

}

#navbar ul li a:hover {
background-color: #ebebeb;
}
.container .navbar-header .navbar-brand {
	color: white;
	height: 70px;
	padding-top: 25px;
}
.container {
	height: 70px;
}

.container #navbar ul li a{
	height: 70px !important;
	text-align: center;
	padding-top: 25px;
}
.navbar {
  height: 70px;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #394D54;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: inherit;
}

.navbar .nav  > li  > a {
	color:white;
} 

.container {
	padding: 0px 90px 0 90px;
}

#headerHolder {
	padding-bottom:20px;
}

#tutorialPreview {
	width: 70%;
	box-shadow: 4px 4px 13px #5a5a5a;
}


#tutorialLinks {
  padding-top: 10px;
}
#basic {
  background-color: #F1F8FF;
  border-radius: 3px;
  box-shadow: 0px 1px 32px #d1d3d4;
}

#advanced {
  background-color: #fff0f0;
  border-radius: 5px;
  box-shadow: 0px 1px 22px #e4e4e4;
}

#triggers {
  background-color: #F1F8FF;
  border-radius: 3px;
  box-shadow: 0px 1px 32px #d1d3d4;
}

#packages {
  background-color: #F1F8FF;
  border-radius: 3px;
  box-shadow: 0px 1px 32px #d1d3d4;
}

#mobilesdk {
  background-color: #F1F8FF;
  border-radius: 3px;
  box-shadow: 0px 1px 32px #d1d3d4;
}

#rules {
  background-color: #F1F8FF;
  border-radius: 3px;
  box-shadow: 0px 1px 32px #d1d3d4;
}

.btn {
	background: #00687f;
	opacity: 0.8;
	border: 2px solid;
	border-color:#00596d;
    border-radius: 0px;
    height: 35px;
    text-align: center;
}

.btn:hover {
	background: #32aac4;
	border-color:#32aac4;
}

h1,
h2,
h3,
h4 {
  font-weight: 100;
  font-family: 'Open Sans', sans-serif;
  color: #787;
}