akam_roadmap/app/assets/stylesheets/projects.css.scss

229 lines
3.8 KiB
SCSS
Raw Normal View History

2014-11-06 21:50:01 +00:00
// Place all the styles related to the Projects controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
2014-11-07 20:37:59 +00:00
//colors
$color_storm_dust_approx: #646464;
$alabaster: #fafafa;
$color_celeste_approx: #cecece;
$color_dodger_blue_approx: #1d84fb;
$color_logan_approx: #aaaacc;
$color_white_approx: #fefeff;
$white: #fff;
$color_ebony_clay_approx: #223344;
$color_arapawa_approx: #111166;
$color_mischka_approx: #ccccdd;
$color_stratos_approx: #000044;
$color_picton_blue_approx: #3ab1fe;
//fonts
$font_0: 'Open Sans';
$font_1: 'Open Sans Light';
$font_2: 'Open Sans Bold';
//@extend-elements
//original selectors
//.navbar-bright a, .navbar-bright .navbar-brand, #masthead h4
%extend_1 {
color: $color_mischka_approx;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .08em;
}
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600');
body {
color: $color_storm_dust_approx;
background-color: #FAFAFA;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
h1 {
font-family: $font_0, $font_1, $font_2;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
h2 {
font-family: $font_0, $font_1, $font_2;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
h3 {
font-family: $font_0, $font_1, $font_2;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.highlight {
font-family: $font_0, $font_1, $font_2;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.navbar {
a {
font-family: $font_0, $font_1, $font_2;
}
&.affix {
position: fixed;
top: 0;
width: 100%;
}
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
#masthead {
min-height: 311px;
background-color: #1D84FB;
color: $color_logan_approx;
background-image: url('/assets/bg_header.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center 0;
h4 {
font-family: $font_0, $font_1, $font_2;
@extend %extend_1;
}
h1 {
font-size: 55px;
line-height: 1;
color: $color_white_approx;
margin-top: 50px;
}
.well {
clear: both;
background-color: #1D84FB;
border: none;
//Instead of the line below you could use @includebox-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
box-shadow: none;
color: $white;
}
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
footer {
margin-top: 40px;
padding-top: 40px;
padding-bottom: 40px;
background-color: $color_celeste_approx;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
#topPanel {
padding-top: 0;
padding-left: 22px;
padding-right: 22px;
.panel-body {
padding-top: 0;
}
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.top-spacer {
background-color: $white;
height: 40px;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
a {
color: $color_ebony_clay_approx;
text-decoration: none;
&:hover {
color: $color_ebony_clay_approx;
text-decoration: none;
}
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.icon-bar {
background-color: $white;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
@media screen and (min-width: 768px) {
#masthead h1 {
font-size: 80px;
}
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.navbar-bright {
background-color: $color_arapawa_approx;
color: $white;
margin-bottom: 0;
border-width: 0;
a {
@extend %extend_1;
}
.navbar-brand {
@extend %extend_1;
}
li > a:hover {
background-color: $color_stratos_approx;
}
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.dropdown-menu {
min-width: 250px;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.caret {
color: $white;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.navbar-toggle {
color: $white;
border-width: 0;
&:hover {
background-color: $white;
}
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.panel {
clear: both;
margin-top: -120px;
background-color: $white;
border-radius: 15;
padding: 15px;
2014-11-07 20:56:49 +00:00
box-shadow: 1px 1px 2px #aaaaaa;
2014-11-07 20:37:59 +00:00
.lead {
overflow: hidden;
height: 90px;
}
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.thumbnail {
margin-bottom: 8px;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.img-container {
overflow: hidden;
height: 170px;
img {
min-width: 280px;
min-height: 180px;
max-width: 380px;
max-height: 280px;
}
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.txt-container {
overflow: hidden;
height: 100px;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.label-float {
margin: 0 auto;
position: absolute;
top: 0;
z-index: 1;
width: 100%;
opacity: .9;
padding: 6px;
color: $white;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.navbar-form input {
width: auto;
}
2014-11-07 20:44:39 +00:00
2014-11-07 20:37:59 +00:00
.form-inline input {
width: auto;
2014-11-07 20:56:49 +00:00
}
.checkmark {
font-size:1.5em;
color: #419641;
}
.overdue {
font-weight:bold;
color:#f00;
2014-11-07 20:37:59 +00:00
}