From 1a22c88cc0694f0d3f3c948611b73cabacff8010 Mon Sep 17 00:00:00 2001 From: Nathan Walton Date: Fri, 30 Jan 2015 15:25:01 -0700 Subject: [PATCH] Update grunt compiler --- Gruntfile.coffee | 73 +- css/base.css | 30 +- css/byu-header-bar.css | 11 +- css/header-nav.css | 165 +- css/header.css | 88 +- css/responsive.css | 4535 +++++++++++------------------ package.json | 14 +- src/sass/responsive/_content.scss | 4 +- 8 files changed, 1966 insertions(+), 2954 deletions(-) diff --git a/Gruntfile.coffee b/Gruntfile.coffee index dd5dffd..a947df5 100644 --- a/Gruntfile.coffee +++ b/Gruntfile.coffee @@ -74,7 +74,6 @@ module.exports = (grunt) -> #debugInfo: true trace: true loadPath: ['src/sass/','src/sass/shared/'] - sourcemap: true compile: files:[ expand: true @@ -83,15 +82,13 @@ module.exports = (grunt) -> dest: 'css/' ext: '.css' ] - # autoprefixer: - # compile: - # files:[ - # expand: true - # cwd: 'css/' - # src: '*.css' - # dest: 'css/' - # ext: '.css' - # ] + + autoprefixer: + options: + map: true + browsers: ['last 4 versions', '> 1%'] + files: + src: 'css/*.css' jade: options: @@ -104,37 +101,45 @@ module.exports = (grunt) -> dest: '' ext: '.html' ] + + newer: + options: + override: (detail, include) -> + if detail.task is 'sass' or detail.task is 'jade' + include true + # checkForModifiedImports grunt, detail.path, detail.time, include + else + include false + connect: - livereload: + server: options: - hostname: '0.0.0.0' port: 9001 - middleware: (connect, options) -> - return [lrSnippet, folderMount(connect, '.')] - regarde: - uglify: - files: ['src/js/**/*.js'] - tasks: ['jshint', 'uglify', 'livereload'] + + watch: + options: + spawn: false sass: files: ['src/sass/**/*.sass', 'src/sass/**/*.scss'] - tasks: ['sass', 'livereload'] + tasks: ['newer:sass'] + css: + options: + livereload: true + files: ['css/**/*'] + tasks: ['newer:autoprefixer'] jade: files: ['src/jade/**/*.jade'] - tasks: ['jade', 'livereload'] - image: - files: ['img/*'] - tasks: ['livereload'] + tasks: ['newer:jade'] + js: + files: ['src/js/script.js', 'src/js/touch.js'] + tasks: ['newer:jshint', 'newer:uglify'] + livereload: + files: ['img/*', '*.html', 'js/*.min.js'] + options: + livereload: true - # grunt.loadNpmTasks('grunt-contrib-coffee') - grunt.loadNpmTasks('grunt-contrib-uglify') - grunt.loadNpmTasks('grunt-contrib-sass') - #grunt.loadNpmTasks('grunt-autoprefixer') - grunt.loadNpmTasks('grunt-contrib-jade') - grunt.loadNpmTasks('grunt-regarde') - grunt.loadNpmTasks('grunt-contrib-connect') - grunt.loadNpmTasks('grunt-contrib-livereload') - grunt.loadNpmTasks('grunt-contrib-jshint'); + require('load-grunt-tasks')(grunt); # Default task(s). - grunt.registerTask('compile', ['sass', 'jade', 'jshint', 'uglify']) - grunt.registerTask('default', ['compile', 'livereload-start', 'connect', 'regarde']) + grunt.registerTask('compile', ['sass', 'autoprefixer', 'jade', 'jshint', 'uglify']) + grunt.registerTask('default', ['compile', 'connect', 'watch']) diff --git a/css/base.css b/css/base.css index da28c04..01183b6 100644 --- a/css/base.css +++ b/css/base.css @@ -43,7 +43,7 @@ b, strong { font-weight: bold; } dfn { font-style: italic; } /** Address differences between Firefox and other browsers. */ -hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } +hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } @@ -101,7 +101,7 @@ button, html input[type="button"], input[type="reset"], input[type="submit"] { - button[disabled], html input[disabled] { cursor: default; } /** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */ -input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } +input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } @@ -191,7 +191,7 @@ textarea { resize: vertical; } .prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } -.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } +.prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin: 0 0 0 33px; /* IE indents via margin-left */ } @@ -205,7 +205,7 @@ body em { font-style: italic; } body strong { font-weight: bold; } -body, select, input, textarea { color: #444444; } +body, select, input, textarea { color: #444; } p a { text-decoration: underline; } @@ -219,9 +219,9 @@ blockquote:after { color: #bbb; content: "\201D"; font-size: 3em; line-height: . blockquote :first-child { display: inline; } /* Links */ -a, a:link { color: #336699; text-decoration: none; } +a, a:link { color: #369; text-decoration: none; } -a:hover { color: #002255; text-decoration: underline; } +a:hover { color: #025; text-decoration: underline; } a:active { color: #c00; } @@ -303,13 +303,13 @@ p, pre { margin: 10px 0; } code { color: #d14; } -a { -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } +a { -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } /** Positioning **/ #main-header, #search-menu, #content, #page-footer, .nav-container { position: relative; } /*** Header ***/ -#main-header { background-color: #003366; border-bottom: 1px solid #003366; } +#main-header { background-color: #036; border-bottom: 1px solid #036; } #header-top { position: relative; } #header-top h1 { font-size: 2.2em; margin: 0 5% .25em; } @@ -323,21 +323,21 @@ a { -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; #logo h2, #byu-bar h2 { margin: 0; margin-right: 100px; line-height: 26px; } #logo a, #byu-bar a { display: block; } -a.mybyu, a.sign-in, .open #search-button, #search-submit, .search-submit, .gcse-wrapper input.gsc-search-button { background-color: #628cb6; border: none; color: #fff; font-weight: bold; padding: 5px 18px; text-decoration: none; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; } -a.mybyu:hover, a.mybyu:active, a.sign-in:hover, a.sign-in:active, .open #search-button:hover, .open #search-button:active, #search-submit:hover, #search-submit:active, .search-submit:hover, .search-submit:active, .gcse-wrapper input.gsc-search-button:hover, .gcse-wrapper input.gsc-search-button:active { margin: -2px; background-color: #336699; border: 2px solid #abc8e4; cursor: pointer; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } +a.mybyu, a.sign-in, .open #search-button, #search-submit, .search-submit, .gcse-wrapper input.gsc-search-button { background-color: #628cb6; border: none; color: #fff; font-weight: bold; padding: 5px 18px; text-decoration: none; border-radius: 14px; } +a.mybyu:hover, a.mybyu:active, a.sign-in:hover, a.sign-in:active, .open #search-button:hover, .open #search-button:active, #search-submit:hover, #search-submit:active, .search-submit:hover, .search-submit:active, .gcse-wrapper input.gsc-search-button:hover, .gcse-wrapper input.gsc-search-button:active { margin: -2px; background-color: #369; border: 2px solid #abc8e4; cursor: pointer; border-radius: 16px; } .menu-button { display: none; } /*** Search ***/ /* Search box styling for mobile */ -#search-menu { width: 100%; position: relative; display: block; background-color: #001948; border-top: 1px solid #114477; border-bottom: 1px solid #114477; height: 36px; padding-top: 1px; padding-bottom: 4px; } +#search-menu { width: 100%; position: relative; display: block; background-color: #001948; border-top: 1px solid #147; border-bottom: 1px solid #147; height: 36px; padding-top: 1px; padding-bottom: 4px; } #search-container textarea:hover, #search-container input:hover, #search-container textarea:active, #search-container input:active, #search-container textarea:focus, #search-container input:focus { outline: 0px !important; -webkit-appearance: none; } #search-container #basic-search { position: relative; padding-right: 77px; padding-left: 5px; } #search-container #basic-search label { color: #fff; } #search-container #search-submit { background-image: url(../img/search_box_icon.png); background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; text-indent: -1000px; padding: 5px; display: block; width: 50px; position: absolute; top: 0px; right: 5px; } #search-container #search-submit:hover, #search-container #search-submit:active { right: 7px; } -#search-container #basic-search #search, #search-container input.gsc-input { margin-bottom: 0; vertical-align: top; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 5px 10px !important; border: 0 !important; font-size: 13px; display: block; width: 100%; } +#search-container #basic-search #search, #search-container input.gsc-input { margin-bottom: 0; vertical-align: top; border-radius: 15px; padding: 5px 10px !important; border: 0 !important; font-size: 13px; display: block; width: 100%; } /*** Navigation ***/ .nav-container a { font-size: 14px; padding: .5em 0; display: block; font-weight: bold; padding-left: 5%; padding-right: 5%; } @@ -353,7 +353,7 @@ a.mybyu:hover, a.mybyu:active, a.sign-in:hover, a.sign-in:active, .open #search- nav.sidebar { display: none; } .sidebar-navigation nav.sidebar { border-top: 1px solid #ddd; display: block; padding-top: .5em; margin-top: 1em; } -.sidebar-navigation nav.sidebar a { padding: .2em 0; display: block; color: #003366; } +.sidebar-navigation nav.sidebar a { padding: .2em 0; display: block; color: #036; } .sidebar-navigation nav.sidebar a:hover { text-decoration: underline; background-color: #eeebe9; color: #001948; } .sidebar-navigation nav.sidebar .current a { color: #666; } .sidebar-navigation nav.sidebar .current a:hover { text-decoration: none; } @@ -362,7 +362,7 @@ nav.sidebar { display: none; } .wrapper { margin: 0; } #content { padding: 1em 5% 2em; } -#content h1 { color: #002255; } +#content h1 { color: #025; } #feature { margin: -1em -5.55% 0; } #feature ul { list-style: none; margin: 0; padding-bottom: 20px; } @@ -415,7 +415,7 @@ a.baseline, #calendar > strong, a.more { font-weight: bold; margin-top: 1.5em; p #footer-bottom { background-color: #dddddd; border-top: 1px solid #fff; padding-bottom: 1.5em; } #footer-bottom a, #footer-bottom a:link, #footer-bottom a:visited { color: #595857; } -@media all and (max-width: 939px) { .feature-description { border-left: none !important; background-color: transparent !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } } +@media all and (max-width: 939px) { .feature-description { border-left: none !important; background-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } } #byu-bar { font-size: 14px; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif; width: 100%; padding: 2px 0; background-color: #001948; border-bottom: 1px solid black; min-width: 120px; height: 30px; white-space: nowrap; } .svg #byu-bar { background-image: url("//home.byu.edu/home/sites/default/files/global//img/byu-header-bg.svg"); } #byu-bar h2 { margin: 0; padding: 0; float: left; position: absolute; font-size: 1em; width: 100%; } diff --git a/css/byu-header-bar.css b/css/byu-header-bar.css index 5e30c45..9253353 100644 --- a/css/byu-header-bar.css +++ b/css/byu-header-bar.css @@ -1,18 +1,19 @@ html, body { margin: 0; } -#byu-bar .sign-in { background-color: #628cb6; border: none; color: #fff; font-weight: bold; padding: 5px 18px; text-decoration: none; position: absolute; top: 4px; right: 3%; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #336699); background: -moz-linear-gradient(top, #628cb6, #336699); background: -ms-linear-gradient(top, #628cb6, #336699); background: -o-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } -#byu-bar .sign-in:hover, #byu-bar .sign-in:active { margin: -2px; background-color: #336699; border: 2px solid #abc8e4; cursor: pointer; border: none; margin: 0; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; background: #366797; background: -webkit-linear-gradient(top, #4a79a7, #225588); background: -moz-linear-gradient(top, #4a79a7, #225588); background: -ms-linear-gradient(top, #4a79a7, #225588); background: -o-linear-gradient(top, #4a79a7, #225588); background: linear-gradient(to bottom, #4a79a7, #225588); } +#byu-bar .sign-in { background-color: #628cb6; border: none; color: #fff; font-weight: bold; padding: 5px 18px; text-decoration: none; position: absolute; top: 4px; right: 3%; border-radius: 14px; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #369); background: -webkit-gradient(linear, left top, left bottom, from(#628cb6), to(#336699)); background: -webkit-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } +#byu-bar .sign-in:hover, #byu-bar .sign-in:active { margin: -2px; background-color: #369; border: 2px solid #abc8e4; cursor: pointer; border: none; margin: 0; border-radius: 16px; background: #366797; background: -webkit-linear-gradient(top, #4a79a7, #225588); background: -webkit-gradient(linear, left top, left bottom, from(#4a79a7), to(#225588)); background: linear-gradient(to bottom, #4a79a7, #225588); } #byu-bar a.byulink { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; display: inline-block; height: 26px; width: 70px; background: transparent url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.png") 0px 0px no-repeat; } .svg #byu-bar a.byulink { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.svg"); } #byu-bar a.byu { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; display: block; height: 30px; } #byu-bar a.parentlink { font-weight: normal; text-shadow: 0 0 6px rgba(0, 25, 72, 0.65); text-decoration: none; text-transform: uppercase; font-size: 14px; display: inline-block; padding: 6px 8px 2px; color: #e0edf9; line-height: 1.2; vertical-align: top; } #byu-bar a.parentlink:hover { color: #fff; } -#byu-bar #search-container { width: 300px; padding: 0; height: 32px; position: relative; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #336699); background: -moz-linear-gradient(top, #628cb6, #336699); background: -ms-linear-gradient(top, #628cb6, #336699); background: -o-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); } +#byu-bar #search-container { width: 300px; padding: 0; height: 32px; position: relative; border-radius: 15px; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #369); background: -webkit-gradient(linear, left top, left bottom, from(#628cb6), to(#336699)); background: -webkit-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); } #byu-bar #search-container textarea:hover, #byu-bar #search-container input:hover, #byu-bar #search-container textarea:active, #byu-bar #search-container input:active, #byu-bar #search-container textarea:focus, #byu-bar #search-container input:focus { outline: 0px !important; -webkit-appearance: none; } #byu-bar #basic-search { position: relative; padding-right: 77px; padding-left: 5px; padding-top: 4px; margin: 0; top: 0; left: 0; padding: 0; padding-right: 43px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #byu-bar #basic-search label { color: #fff; } -#byu-bar #basic-search #search { margin-bottom: 0; vertical-align: top; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 5px 10px !important; border: 0 !important; font-size: 14px; display: block; width: 100%; } -#byu-bar #basic-search #search { border: 0 !important; padding: 6px 8px 6px 14px !important; background-position: 14px 50% !important; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } +#byu-bar #basic-search #search { margin-bottom: 0; vertical-align: top; border-radius: 15px; padding: 5px 10px !important; border: 0 !important; font-size: 14px; display: block; width: 100%; } +#byu-bar #basic-search #search { border: 0 !important; padding: 6px 8px 6px 14px !important; background-position: 14px 50% !important; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border-radius: 15px; } +#byu-bar #basic-search #search::-moz-selection { border: 0; } #byu-bar #basic-search #search::selection { border: 0; } #byu-bar #search-submit { display: block; position: absolute; background: url(../img/search_box_icon.png) 8px 8px no-repeat; overflow: hidden; text-indent: -1000px; margin: 0; padding: 5px; padding-left: 0; width: 34px; top: 1px; right: 5px; border: none; color: #fff; font-weight: bold; text-decoration: none; } #byu-bar #search-submit:active, #byu-bar #search-submit:hover { right: 7px; cursor: pointer; } diff --git a/css/header-nav.css b/css/header-nav.css index 4ba6b19..2f68778 100644 --- a/css/header-nav.css +++ b/css/header-nav.css @@ -72,7 +72,7 @@ b, strong { font-weight: bold; } dfn { font-style: italic; } /** Address differences between Firefox and other browsers. */ -hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } +hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } @@ -130,7 +130,7 @@ button, html input[type="button"], input[type="reset"], input[type="submit"] { - button[disabled], html input[disabled] { cursor: default; } /** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */ -input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } +input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } @@ -230,7 +230,7 @@ body em { font-style: italic; } body strong { font-weight: bold; } -body, select, input, textarea { color: #444444; } +body, select, input, textarea { color: #444; } p a { text-decoration: underline; } @@ -244,9 +244,9 @@ blockquote:after { color: #bbb; content: "\201D"; font-size: 3em; line-height: . blockquote :first-child { display: inline; } /* Links */ -a, a:link { color: #336699; text-decoration: none; } +a, a:link { color: #369; text-decoration: none; } -a:hover { color: #002255; text-decoration: underline; } +a:hover { color: #025; text-decoration: underline; } a:active { color: #c00; } @@ -328,13 +328,13 @@ p, pre { margin: 10px 0; } code { color: #d14; } -a { -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } +a { -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } /** Positioning **/ #main-header, #search-menu, #content, #page-footer, .nav-container { position: relative; } /*** Header ***/ -#main-header { background-color: #003366; border-bottom: 1px solid #003366; } +#main-header { background-color: #036; border-bottom: 1px solid #036; } #header-top { position: relative; } #header-top h1 { font-size: 2.2em; margin: 0 5% .25em; } @@ -348,21 +348,21 @@ a { -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; #logo h2, #byu-bar h2 { margin: 0; margin-right: 100px; line-height: 26px; } #logo a, #byu-bar a { display: block; } -a.mybyu, a.sign-in, .open #search-button, #search-submit, .search-submit, .gcse-wrapper input.gsc-search-button { background-color: #628cb6; border: none; color: #fff; font-weight: bold; padding: 5px 18px; text-decoration: none; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; } -a.mybyu:hover, a.mybyu:active, a.sign-in:hover, a.sign-in:active, .open #search-button:hover, .open #search-button:active, #search-submit:hover, #search-submit:active, .search-submit:hover, .search-submit:active, .gcse-wrapper input.gsc-search-button:hover, .gcse-wrapper input.gsc-search-button:active { margin: -2px; background-color: #336699; border: 2px solid #abc8e4; cursor: pointer; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } +a.mybyu, a.sign-in, .open #search-button, #search-submit, .search-submit, .gcse-wrapper input.gsc-search-button { background-color: #628cb6; border: none; color: #fff; font-weight: bold; padding: 5px 18px; text-decoration: none; border-radius: 14px; } +a.mybyu:hover, a.mybyu:active, a.sign-in:hover, a.sign-in:active, .open #search-button:hover, .open #search-button:active, #search-submit:hover, #search-submit:active, .search-submit:hover, .search-submit:active, .gcse-wrapper input.gsc-search-button:hover, .gcse-wrapper input.gsc-search-button:active { margin: -2px; background-color: #369; border: 2px solid #abc8e4; cursor: pointer; border-radius: 16px; } .menu-button { display: none; } /*** Search ***/ /* Search box styling for mobile */ -#search-menu { width: 100%; position: relative; display: block; background-color: #001948; border-top: 1px solid #114477; border-bottom: 1px solid #114477; height: 36px; padding-top: 1px; padding-bottom: 4px; } +#search-menu { width: 100%; position: relative; display: block; background-color: #001948; border-top: 1px solid #147; border-bottom: 1px solid #147; height: 36px; padding-top: 1px; padding-bottom: 4px; } #search-container textarea:hover, #search-container input:hover, #search-container textarea:active, #search-container input:active, #search-container textarea:focus, #search-container input:focus { outline: 0px !important; -webkit-appearance: none; } #search-container #basic-search { position: relative; padding-right: 77px; padding-left: 5px; } #search-container #basic-search label { color: #fff; } #search-container #search-submit { background-image: url(../img/search_box_icon.png); background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; text-indent: -1000px; padding: 5px; display: block; width: 50px; position: absolute; top: 0px; right: 5px; } #search-container #search-submit:hover, #search-container #search-submit:active { right: 7px; } -#search-container #basic-search #search, #search-container input.gsc-input { margin-bottom: 0; vertical-align: top; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 5px 10px !important; border: 0 !important; font-size: 13px; display: block; width: 100%; } +#search-container #basic-search #search, #search-container input.gsc-input { margin-bottom: 0; vertical-align: top; border-radius: 15px; padding: 5px 10px !important; border: 0 !important; font-size: 13px; display: block; width: 100%; } /*** Navigation ***/ .nav-container a { font-size: 14px; padding: .5em 0; display: block; font-weight: bold; padding-left: 5%; padding-right: 5%; } @@ -378,7 +378,7 @@ a.mybyu:hover, a.mybyu:active, a.sign-in:hover, a.sign-in:active, .open #search- nav.sidebar { display: none; } .sidebar-navigation nav.sidebar { border-top: 1px solid #ddd; display: block; padding-top: .5em; margin-top: 1em; } -.sidebar-navigation nav.sidebar a { padding: .2em 0; display: block; color: #003366; } +.sidebar-navigation nav.sidebar a { padding: .2em 0; display: block; color: #036; } .sidebar-navigation nav.sidebar a:hover { text-decoration: underline; background-color: #eeebe9; color: #001948; } .sidebar-navigation nav.sidebar .current a { color: #666; } .sidebar-navigation nav.sidebar .current a:hover { text-decoration: none; } @@ -446,7 +446,7 @@ em { font-style: italic; } cite { font-style: normal; } -.muted { color: #999999; } +.muted { color: #999; } a.muted:hover, a.muted:focus { color: gray; } @@ -473,7 +473,7 @@ a.text-success:hover, a.text-success:focus { color: #356635; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizeLegibility; } -h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999; } h1, h2, h3 { line-height: 40px; } @@ -497,7 +497,7 @@ h3 small { font-size: 15px; } h4 small { font-size: 15px; } -.page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } +.page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } @@ -524,17 +524,17 @@ dd { margin-left: 10px; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } -hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid white; } +hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; } -abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } +abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } -blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } +blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eee; } blockquote p { margin-bottom: 0; font-size: 18.75px; font-weight: 300; line-height: 1.25; } -blockquote small { display: block; line-height: 20px; color: #999999; } +blockquote small { display: block; line-height: 20px; color: #999; } blockquote small:before { content: '\2014 \00A0'; } -blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } +blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } @@ -543,11 +543,11 @@ q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } -code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } +code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; color: #333; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } -pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 14px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } +pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 14px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } @@ -556,30 +556,30 @@ pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } -.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } +.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } -.table tbody + tbody { border-top: 2px solid #dddddd; } -.table .table { background-color: white; } +.table tbody + tbody { border-top: 2px solid #ddd; } +.table .table { background-color: #fff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } -.table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } +.table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; border-radius: 4px; } +.table-bordered th, .table-bordered td { border-left: 1px solid #ddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } -.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } -.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } -.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } -.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } -.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } -.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } -.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } -.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } +.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { border-top-left-radius: 4px; } +.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { border-top-right-radius: 4px; } +.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { border-bottom-left-radius: 4px; } +.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { border-bottom-right-radius: 4px; } +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { border-bottom-left-radius: 0; } +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { border-bottom-right-radius: 0; } +.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { border-top-left-radius: 4px; } +.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { border-top-right-radius: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } -.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: whitesmoke; } +.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } @@ -654,10 +654,10 @@ Responsive BYU Styles #logo { padding-left: 3%; } #logo h2 { margin-left: -9px; } -a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } +a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } -#header-top a.sign-in { right: 3%; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #336699); background: -moz-linear-gradient(top, #628cb6, #336699); background: -ms-linear-gradient(top, #628cb6, #336699); background: -o-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); } -#header-top a.sign-in:hover { border: none; margin: 0; background: #366797; background: -webkit-linear-gradient(top, #4a79a7, #225588); background: -moz-linear-gradient(top, #4a79a7, #225588); background: -ms-linear-gradient(top, #4a79a7, #225588); background: -o-linear-gradient(top, #4a79a7, #225588); background: linear-gradient(to bottom, #4a79a7, #225588); } +#header-top a.sign-in { right: 3%; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #369); background: -webkit-gradient(linear, left top, left bottom, from(#628cb6), to(#336699)); background: -webkit-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); } +#header-top a.sign-in:hover { border: none; margin: 0; background: #366797; background: -webkit-linear-gradient(top, #4a79a7, #225588); background: -webkit-gradient(linear, left top, left bottom, from(#4a79a7), to(#225588)); background: linear-gradient(to bottom, #4a79a7, #225588); } #site-name { text-shadow: 0 0 12px rgba(0, 25, 72, 0.5); } @@ -667,12 +667,12 @@ a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color #logo a.parentlink:hover { color: #fff; } -#page-footer { -webkit-box-shadow: 0 -1px 0px #dddddd; -moz-box-shadow: 0 -1px 0px #dddddd; box-shadow: 0 -1px 0px #dddddd; border-top: 1px solid #fff; } +#page-footer { -webkit-box-shadow: 0 -1px 0px #dddddd; box-shadow: 0 -1px 0px #dddddd; border-top: 1px solid #fff; } @media all and (min-width: 32em) { #logo a.byu { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.png"); width: 350px; } .svg #logo a.byu { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.svg"); } } /* Medium width */ -@media all and (min-width: 600px) { #main-header { background: #003366 url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.png") top left no-repeat; background-size: 100% 100%; } +@media all and (min-width: 600px) { #main-header { background: #036 url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.png") top left no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .svg #main-header { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.svg"); } #header-top h1 { margin: .25em 4% .4em; } #logo { background-color: transparent; padding-bottom: 0; border: none; } @@ -688,7 +688,7 @@ a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color #page-footer #footer-bottom a { display: inline-block; text-indent: -999em; } #page-footer #footer-bottom #lds { text-indent: 0em; } #page-footer #footer-bottom a#copyright { text-indent: 0em; } - #page-footer #footer-bottom a#ldsbc, #page-footer #footer-bottom a#byui, #page-footer #footer-bottom a#byuh, #page-footer #footer-bottom a#byu { background: transparent url("../img/footer-logos.png") no-repeat; opacity: 0.7; margin: 0 5px; height: 51px; width: 70px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; float: left; } + #page-footer #footer-bottom a#ldsbc, #page-footer #footer-bottom a#byui, #page-footer #footer-bottom a#byuh, #page-footer #footer-bottom a#byu { background: transparent url("../img/footer-logos.png") no-repeat; opacity: 0.7; margin: 0 5px; height: 51px; width: 70px; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; float: left; } .svg #page-footer #footer-bottom a#ldsbc, .svg #page-footer #footer-bottom a#byui, .svg #page-footer #footer-bottom a#byuh, .svg #page-footer #footer-bottom a#byu { background-image: url("../img/footer-logos.svg"); } #page-footer #footer-bottom a#ldsbc:hover, #page-footer #footer-bottom a#byui:hover, #page-footer #footer-bottom a#byuh:hover, #page-footer #footer-bottom a#byu:hover { opacity: 1; } #page-footer #footer-bottom a#lds { width: 14em; text-align: center; opacity: .9; float: right; margin-right: -15px; /* @@ -713,26 +713,26 @@ width: 160px; /* Small width */ #search-menu { height: auto; padding: 5px 3% 5px 75px; overflow: hidden; z-index: 10; min-height: 42px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } -#search-container { padding: 0; height: 32px; position: relative; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #336699); background: -moz-linear-gradient(top, #628cb6, #336699); background: -ms-linear-gradient(top, #628cb6, #336699); background: -o-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); /** Styling for both search forms **/ } +#search-container { padding: 0; height: 32px; position: relative; border-radius: 15px; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #369); background: -webkit-gradient(linear, left top, left bottom, from(#628cb6), to(#336699)); background: -webkit-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); /** Styling for both search forms **/ } #search-container .gcse-wrapper { background: none; position: absolute; padding: 0 5px; top: 1px; left: 0; text-align: left; } #search-container .gcse-wrapper div, #search-container .gcse-wrapper table, #search-container .gcse-wrapper td, #search-container .gcse-wrapper form { padding: 0; margin: 0; border: 0; background: none; position: static; } #search-container .gcse-wrapper .gsc-control-cse td { vertical-align: top !important; } #search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box { background: none; padding: 0; } -#search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box-hover, #search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box-focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } +#search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box-hover, #search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box-focus { -webkit-box-shadow: none; box-shadow: none; } #search-container .gcse-wrapper .gsc-control-cse td.gsc-search-button { padding: 0; } #search-container .gcse-wrapper .gsc-control-cse td.gsc-search-button input.gsc-search-button-v2 { background: none; border: none; text-indent: -1000px; overflow: hidden; margin: 0 0 0 -5px; padding: 8px 1.5em; } -#search-container .gcse-wrapper .gsc-results-wrapper-overlay { background: #fff; left: 2%; width: 86%; padding: 10px 5%; border: 1px solid #bbb; -moz-box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay { background: #fff; left: 2%; width: 86%; padding: 10px 5%; border: 1px solid #bbb; -webkit-box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); } #search-container .gcse-wrapper .gsc-results-wrapper-overlay a, #search-container .gcse-wrapper .gsc-results-wrapper-overlay a b { color: #264cb2; } #search-container .gcse-wrapper .gsc-results-wrapper-overlay a:visited, #search-container .gcse-wrapper .gsc-results-wrapper-overlay a:visited b { color: #539; } #search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-above-wrapper-area { padding: 8px 0; border-bottom: 1px solid #ddd; } -#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn { top: 7px; right: 7px; background: #d8e8f7; background: -webkit-linear-gradient(top, #e0edf9, #d1e4f6); background: -moz-linear-gradient(top, #e0edf9, #d1e4f6); background: -ms-linear-gradient(top, #e0edf9, #d1e4f6); background: -o-linear-gradient(top, #e0edf9, #d1e4f6); background: linear-gradient(to bottom, #e0edf9, #d1e4f6); border: 1px solid #91b2d2; width: 2.3em; height: 2.3em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } -#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:before { content: "×"; font-size: 2em; position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #336699; line-height: 1em; } -#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:hover { background: #cbdff2; background: -webkit-linear-gradient(top, #d8e8f7, #bed6ed); background: -moz-linear-gradient(top, #d8e8f7, #bed6ed); background: -ms-linear-gradient(top, #d8e8f7, #bed6ed); background: -o-linear-gradient(top, #d8e8f7, #bed6ed); background: linear-gradient(to bottom, #d8e8f7, #bed6ed); border-color: #628cb6; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn { top: 7px; right: 7px; background: #d8e8f7; background: -webkit-linear-gradient(top, #e0edf9, #d1e4f6); background: -webkit-gradient(linear, left top, left bottom, from(#e0edf9), to(#d1e4f6)); background: linear-gradient(to bottom, #e0edf9, #d1e4f6); border: 1px solid #91b2d2; width: 2.3em; height: 2.3em; border-radius: 5px; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:before { content: "×"; font-size: 2em; position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #369; line-height: 1em; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:hover { background: #cbdff2; background: -webkit-linear-gradient(top, #d8e8f7, #bed6ed); background: -webkit-gradient(linear, left top, left bottom, from(#d8e8f7), to(#bed6ed)); background: linear-gradient(to bottom, #d8e8f7, #bed6ed); border-color: #628cb6; } #search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:hover:before { color: #001948; } #search-container .gcse-wrapper .gsc-results .gsc-cursor-box { margin: 2em 0 3em; } -#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page { padding: .75em; background-color: #eee; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } -#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background-color: #114477; color: #fff; text-decoration: none; } -#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page { background-color: #336699; color: #fff; } +#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page { padding: .75em; background-color: #eee; border: 2px solid #fff; border-radius: 5px; -webkit-background-clip: padding; background-clip: padding-box; } +#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background-color: #147; color: #fff; text-decoration: none; } +#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page { background-color: #369; color: #fff; } #search-container .gcse-wrapper .gsc-results .gsc-cursor { display: inline; } #search-container .gcse-wrapper .gsib_b div { position: absolute; top: 5px; right: 48px; } #search-container .gcse-wrapper .gsib_b div a span { color: #aaa; } @@ -748,7 +748,8 @@ width: 160px; #search-container #basic-search { padding-right: 43px; } #search-container .gcse-wrapper { width: 100%; } #search-container #search-submit { background: url(../img/search_box_icon.png) 9px 8px no-repeat; overflow: hidden; text-indent: -1000px; margin: 0; padding-left: 0; width: 34px; top: 1px; } -#search-container #basic-search #search, #search-container input.gsc-input { border: 0 !important; padding: 6px 8px 6px 14px !important; background-position: 14px 50% !important; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } +#search-container #basic-search #search, #search-container input.gsc-input { border: 0 !important; padding: 6px 8px 6px 14px !important; background-position: 14px 50% !important; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border-radius: 15px; } +#search-container #basic-search #search::-moz-selection, #search-container input.gsc-input::-moz-selection { border: 0; } #search-container #basic-search #search::selection, #search-container input.gsc-input::selection { border: 0; } #search-container input.gsc-input { position: relative; top: 1px; height: 30px !important; } @@ -762,39 +763,39 @@ width: 160px; html { overflow-x: hidden; overflow-y: scroll; } /* Side slider navigation */ -body { -moz-transition: left, height 0.2s ease; -o-transition: left, height 0.2s ease; -webkit-transition: left, height 0.2s ease; transition: left, height 0.2s ease; position: relative; left: 0; overflow: hidden; } +body { -webkit-transition: left, height 0.2s ease; transition: left, height 0.2s ease; position: relative; left: 0; overflow: hidden; } #content { background-color: white; } -#main-header, #content, #page-footer, #search-menu { z-index: 2; left: 0%; -moz-transition: left 0.2s ease; -o-transition: left 0.2s ease; -webkit-transition: left 0.2s ease; transition: left 0.2s ease; } +#main-header, #content, #page-footer, #search-menu { z-index: 2; left: 0%; -webkit-transition: left 0.2s ease; transition: left 0.2s ease; } body.sideNav { min-height: 1600px; } body.sideNav #main-header, body.sideNav #search-menu, body.sideNav #content, body.sideNav #page-footer { left: 75%; } -.nav-container { min-height: 100%; position: absolute; left: 0; top: 0; width: 75%; z-index: 1; background-color: #002255; } +.nav-container { min-height: 100%; position: absolute; left: 0; top: 0; width: 75%; z-index: 1; background-color: #025; } .nav-container a:active { background-color: transparent; } -.nav-container:after { content: " "; display: block; width: 15px; height: 100%; position: absolute; top: 0; right: 0; background-image: -moz-linear-gradient(left, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); background-image: -o-linear-gradient(left, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); background-image: -webkit-linear-gradient(left, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); background-image: linear-gradient(to right, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); } +.nav-container:after { content: " "; display: block; width: 15px; height: 100%; position: absolute; top: 0; right: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTk0OCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzAwMTk0OCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDE5NDgiIHN0b3Atb3BhY2l0eT0iMC42NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); -webkit-background-size: 100%; background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 25, 72, 0)), color-stop(25%, rgba(0, 25, 72, 0.1)), color-stop(100%, rgba(0, 25, 72, 0.65))); background-image: -webkit-linear-gradient(left, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 25, 72, 0)), color-stop(25%, rgba(0, 25, 72, 0.1)), to(rgba(0, 25, 72, 0.65))); background-image: linear-gradient(to right, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); } /* Reset from base */ #primary-nav, #secondary-nav { border-top: none; padding: 0; } /* Menu button */ -.menu-button { position: absolute; top: 0; left: 0; text-indent: -9999em; border-right: 1px solid #114477; width: 60px; height: 45px; display: block; background-image: -moz-linear-gradient(#002255, #001948); background-image: -o-linear-gradient(#002255, #001948); background-image: -webkit-linear-gradient(#002255, #001948); background-image: linear-gradient(#002255, #001948); } -.menu-button:hover { background-image: -moz-linear-gradient(#336699, #114477); background-image: -o-linear-gradient(#336699, #114477); background-image: -webkit-linear-gradient(#336699, #114477); background-image: linear-gradient(#336699, #114477); } +.menu-button { position: absolute; top: 0; left: 0; text-indent: -9999em; border-right: 1px solid #147; width: 60px; height: 45px; display: block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjI1NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMTk0OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); -webkit-background-size: 100%; background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #002255), color-stop(100%, #001948)); background-image: -webkit-linear-gradient(#002255, #001948); background-image: -webkit-gradient(linear, left top, left bottom, from(#002255), to(#001948)); background-image: linear-gradient(#002255, #001948); } +.menu-button:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzExNDQ3NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); -webkit-background-size: 100%; background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #336699), color-stop(100%, #114477)); background-image: -webkit-linear-gradient(#336699, #114477); background-image: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#114477)); background-image: linear-gradient(#336699, #114477); } .menu-button:hover:before { color: white; } .menu-button:before { content: "\f0c9"; font-family: "FontAwesome"; position: absolute; width: 100%; text-align: center; top: 12px; display: block; text-indent: 0; font-size: 25px; color: #d1e4f6; } /* Side Navigation */ #primary-nav, #secondary-nav { font-size: 1.2em; } -#primary-nav a, #secondary-nav a { color: #e0edf9; padding: 1em 5%; display: block; text-shadow: 0px -1px 0px black; } +#primary-nav a, #secondary-nav a { color: #e0edf9; padding: 1em 5%; display: block; text-shadow: 0px -1px 0px #000; } #primary-nav a:hover, #secondary-nav a:hover { text-decoration: none; background-color: transparent; color: #fff; } -#primary-nav > ul, #secondary-nav > ul { padding: 0; background: #003366; border-right: 1px solid #114477; } -#primary-nav li, #secondary-nav li { display: block; float: none; padding: 0; border-bottom: 1px solid #002255; border-top: 1px solid #114477; overflow: hidden; } +#primary-nav > ul, #secondary-nav > ul { padding: 0; background: #036; border-right: 1px solid #147; } +#primary-nav li, #secondary-nav li { display: block; float: none; padding: 0; border-bottom: 1px solid #025; border-top: 1px solid #147; overflow: hidden; } #primary-nav li.left, #secondary-nav li.left, #primary-nav li.right, #secondary-nav li.right { padding: 0; } #primary-nav li.hover, #secondary-nav li.hover { background-color: #001948; } -#primary-nav .mega, #primary-nav .sub, #secondary-nav .sub { background-color: #002255; margin: 0; max-height: 0px; position: relative; -moz-transition: max-height 0.2s ease; -o-transition: max-height 0.2s ease; -webkit-transition: max-height 0.2s ease; transition: max-height 0.2s ease; } -#primary-nav .mega a, #primary-nav .sub a, #secondary-nav .sub a { padding-left: 1.75em; border-top: 1px solid #003366; border-bottom: 1px solid #001948; padding: .4em 10%; padding-right: 5%; color: #e0edf9; } +#primary-nav .mega, #primary-nav .sub, #secondary-nav .sub { background-color: #025; margin: 0; max-height: 0px; position: relative; -webkit-transition: max-height 0.2s ease; transition: max-height 0.2s ease; } +#primary-nav .mega a, #primary-nav .sub a, #secondary-nav .sub a { padding-left: 1.75em; border-top: 1px solid #036; border-bottom: 1px solid #001948; padding: .4em 10%; padding-right: 5%; color: #e0edf9; } #primary-nav .mega a:hover, #primary-nav .sub a:hover, #secondary-nav .sub a:hover { color: #fff; } #primary-nav .mega .sublinks a, #primary-nav .sub .sublinks a, #secondary-nav .sub .sublinks a { padding-left: 15%; } #primary-nav .mega ul, #primary-nav .sub ul, #secondary-nav .sub ul { padding: 0; margin: 0; } @@ -805,14 +806,14 @@ body.sideNav #main-header, body.sideNav #search-menu, body.sideNav #content, bod /* Primary Nav */ #primary-nav { margin-top: 1em; } #primary-nav .highlight, #primary-nav .featured, #primary-nav hr { display: none; } -#primary-nav a.current, #primary-nav a:hover { color: #fff; background-color: #003366; background-image: -moz-linear-gradient(#336699, #003366 1px, #002255); background-image: -o-linear-gradient(#336699, #003366 1px, #002255); background-image: -webkit-linear-gradient(#336699, #003366 1px, #002255); background-image: linear-gradient(#336699, #003366 1px, #002255); } -#primary-nav .mega a:hover { background-color: #002255; background-image: -moz-linear-gradient(#336699, #002255 1px, #001948); background-image: -o-linear-gradient(#336699, #002255 1px, #001948); background-image: -webkit-linear-gradient(#336699, #002255 1px, #001948); background-image: linear-gradient(#336699, #002255 1px, #001948); } +#primary-nav a.current, #primary-nav a:hover { color: #fff; background-color: #036; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAzMzY2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAyMjU1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); -webkit-background-size: 100%; background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #336699), color-stop(1px, #003366), color-stop(100%, #002255)); background-image: -webkit-linear-gradient(#336699, #003366 1px, #002255); background-image: -webkit-gradient(linear, left top, left bottom, from(#336699), color-stop(1px, #003366), to(#002255)); background-image: linear-gradient(#336699, #003366 1px, #002255); } +#primary-nav .mega a:hover { background-color: #025; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAyMjU1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAxOTQ4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); -webkit-background-size: 100%; background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #336699), color-stop(1px, #002255), color-stop(100%, #001948)); background-image: -webkit-linear-gradient(#336699, #002255 1px, #001948); background-image: -webkit-gradient(linear, left top, left bottom, from(#336699), color-stop(1px, #002255), to(#001948)); background-image: linear-gradient(#336699, #002255 1px, #001948); } /* Secondary Nav */ -#secondary-nav > ul { background-color: #336699; } -#secondary-nav a:hover { background-color: #114477; } +#secondary-nav > ul { background-color: #369; } +#secondary-nav a:hover { background-color: #147; } #secondary-nav ul { padding: 0; } -#secondary-nav li { border-top-color: #628cb6; border-bottom-color: #114477; } +#secondary-nav li { border-top-color: #628cb6; border-bottom-color: #147; } /* Sidebar nav */ .sidebar-navigation nav.sidebar { background-color: #d1e4f6; padding: .5em 0 1em; margin: 3em -5.55% -2em; border-top: 1px solid #abc8e4; } @@ -845,31 +846,31 @@ body.sideNav #main-header, body.sideNav #search-menu, body.sideNav #content, bod /* * NOTE: The full-menu-width variable is found in _variables.scss */ -@media all and (min-width: 960px) { #main-header { background-size: 100% 96px; } +@media all and (min-width: 960px) { #main-header { -webkit-background-size: 100% 96px; background-size: 100% 96px; } body.sideNav { min-height: 0; } body.sideNav #main-header, body.sideNav #content, body.sideNav #page-footer, body.sideNav #search-menu { left: auto; } #header-top { height: 96px; margin-right: 3%; margin-bottom: 36px; } #header-top a.sign-in { right: 262px; } #search-menu { width: 250px; margin: 0; padding: 0; position: absolute; top: .35em; left: auto; right: 3%; background-color: transparent; z-index: 10; overflow: visible; } #search-menu .menu-button { display: none; color: #001948; } - .nav-container { width: 100%; display: block; top: 96px; min-height: 36px; z-index: 5; background-color: #001948; border-top: 1px solid #114477; border-bottom: 1px solid #336699; -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } + .nav-container { width: 100%; display: block; top: 96px; min-height: 36px; z-index: 5; background-color: #001948; border-top: 1px solid #147; border-bottom: 1px solid #369; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } .nav-container:after { display: none; } #primary-nav, #secondary-nav { font-size: 1em; } #primary-nav > ul, #secondary-nav > ul { border-right: 0; background: transparent; } #primary-nav > ul > li, #secondary-nav > ul > li { float: left; } #primary-nav li, #secondary-nav li { border-top: 0px solid transparent; border-bottom: 0px solid transparent; } #primary-nav li.hover, #secondary-nav li.hover { overflow: visible; } - #primary-nav li.hover > a, #secondary-nav li.hover > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; position: relative; z-index: 2; box-shadow: 0px 3px 0px #fff; } - #primary-nav li.hover a, #secondary-nav li.hover a { background: #fff; color: #001948; text-shadow: none; -moz-transition: background-color, 0.05s ease; -o-transition: background-color, 0.05s ease; -webkit-transition: background-color, 0.05s ease; transition: background-color, 0.05s ease; } + #primary-nav li.hover > a, #secondary-nav li.hover > a { border-radius: 3px 3px 0 0; position: relative; z-index: 2; -webkit-box-shadow: 0px 3px 0px #fff; box-shadow: 0px 3px 0px #fff; } + #primary-nav li.hover a, #secondary-nav li.hover a { background: #fff; color: #001948; text-shadow: none; -webkit-transition: background-color, ease 0.05s; transition: background-color, ease 0.05s; } #primary-nav li.hover ul a:hover, #secondary-nav li.hover ul a:hover { background: #d1e4f6; color: #001948; } #primary-nav a, #secondary-nav a { padding: .6em 1.2em; } - #primary-nav .mega, #secondary-nav .sub { background-color: #fff; border-bottom: 2px solid #003366; display: none; font-size: 13px; left: 0; position: absolute; padding: .5em 0 1em; width: 15em; z-index: 1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); } + #primary-nav .mega, #secondary-nav .sub { background-color: #fff; border-bottom: 2px solid #036; display: none; font-size: 13px; left: 0; position: absolute; padding: .5em 0 1em; width: 15em; z-index: 1; border-radius: 3px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); } #primary-nav .mega a, #secondary-nav .sub a { display: block; border: 0; padding: .4em 1.5em; } #primary-nav { padding-left: 2%; margin-top: 0; } #primary-nav > ul { margin: 0 auto; position: relative; } - #primary-nav .mega { min-height: 400px; position: absolute; padding: 1em 0 2em; width: 97.95%; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } - #primary-nav .mega a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } - #primary-nav .sub { background-color: #fff; border-bottom: 3px solid #369; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7); display: none; margin-top: 0; padding: 10px; position: absolute; width: 222px; } + #primary-nav .mega { min-height: 400px; position: absolute; padding: 1em 0 2em; width: 97.95%; border-radius: 0 0 3px 3px; } + #primary-nav .mega a { border-radius: 3px; } + #primary-nav .sub { background-color: #fff; border-bottom: 3px solid #369; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7); display: none; margin-top: 0; padding: 10px; position: absolute; width: 222px; } #primary-nav .sub li { margin-left: -10px; margin-right: -10px; } #primary-nav .sub a { border: none; } #primary-nav .sub .links { width: 100%; } @@ -887,13 +888,13 @@ body.sideNav #main-header, body.sideNav #search-menu, body.sideNav #content, bod #primary-nav .mega .links .sublinks li a:hover:before { color: #fff; } #primary-nav .highlight { float: left; padding-left: 2%; width: 24%; } #primary-nav .highlight img { margin-bottom: 15px; } - #primary-nav .highlight a { padding: 0; color: #003366; } + #primary-nav .highlight a { padding: 0; color: #036; } #primary-nav .highlight a:hover { background-color: transparent; background-image: none; color: #001948; text-decoration: underline; } #secondary-nav { position: absolute; top: -41px; right: 9px; } #secondary-nav li.hover .sub { display: block; position: absolute; left: auto; } #secondary-nav a { display: inline-block; color: #d1e4f6; } #secondary-nav a:hover { background: transparent; color: #fff; } - #content.sidebar-navigation { background-image: -moz-linear-gradient(0deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-image: -o-linear-gradient(0deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-image: -webkit-linear-gradient(0deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-image: linear-gradient(90deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-size: 220px 100%; background-repeat: no-repeat; padding-left: 280px; padding-right: 70px; } + #content.sidebar-navigation { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZTRmNiIvPjxzdG9wIG9mZnNldD0iOTkuNTQ1NDUlIiBzdG9wLWNvbG9yPSIjZDFlNGY2Ii8+PHN0b3Agb2Zmc2V0PSI5OS41NDU0NSUiIHN0b3AtY29sb3I9IiNhYmM4ZTQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmM4ZTQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); -webkit-background-size: 100%; background-size: 100%; background-image: -webkit-linear-gradient(0deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-image: linear-gradient(90deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); -webkit-background-size: 220px 100%; background-size: 220px 100%; background-repeat: no-repeat; padding-left: 280px; padding-right: 70px; } #content.sidebar-navigation nav.sidebar { padding: 1.5em 0; width: 220px; position: absolute; background-color: transparent; top: 0; left: 0; margin: 0; border: none; } #content.sidebar-navigation nav.sidebar a { padding: .3em 1em .4em 1.5em; } #content.sidebar-navigation nav.sidebar .current a { background-color: white; border-color: #abc8e4; } } @@ -960,8 +961,12 @@ body strong, body dt { font-weight: 600; } #logo { padding-left: 12px; } #header-top { max-width: 1008px; margin-right: auto; } #search-menu, #secondary-nav { right: 50%; margin-right: -504px; } } +/*** Responsive Modal Markup ***/ +@media (max-width: 767px) { .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } + .modal.fade { top: -100px; } + .modal.fade.in { top: 20px; } } /* Make sure you can see the menu */ -#content { min-height: 450px; transition: all 0.2s ease; } +#content { min-height: 450px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .sideNav #content { min-height: 1600px; } @@ -983,7 +988,7 @@ h5bp print styles */ /* Print styles from h5bp https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */ -@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } +@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ -webkit-box-shadow: none !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } diff --git a/css/header.css b/css/header.css index fa986d1..9bba885 100644 --- a/css/header.css +++ b/css/header.css @@ -71,7 +71,7 @@ b, strong { font-weight: bold; } dfn { font-style: italic; } /** Address differences between Firefox and other browsers. */ -hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } +hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } @@ -129,7 +129,7 @@ button, html input[type="button"], input[type="reset"], input[type="submit"] { - button[disabled], html input[disabled] { cursor: default; } /** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */ -input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } +input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } @@ -228,7 +228,7 @@ body em { font-style: italic; } body strong { font-weight: bold; } -body, select, input, textarea { color: #444444; } +body, select, input, textarea { color: #444; } p a { text-decoration: underline; } @@ -242,9 +242,9 @@ blockquote:after { color: #bbb; content: "\201D"; font-size: 3em; line-height: . blockquote :first-child { display: inline; } /* Links */ -a, a:link { color: #336699; text-decoration: none; } +a, a:link { color: #369; text-decoration: none; } -a:hover { color: #002255; text-decoration: underline; } +a:hover { color: #025; text-decoration: underline; } a:active { color: #c00; } @@ -326,13 +326,13 @@ p, pre { margin: 10px 0; } code { color: #d14; } -a { -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } +a { -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } /** Positioning **/ #main-header, #search-menu, #content, #page-footer, .nav-container { position: relative; } /*** Header ***/ -#main-header { background-color: #003366; border-bottom: 1px solid #003366; } +#main-header { background-color: #036; border-bottom: 1px solid #036; } #header-top { position: relative; } #header-top h1 { font-size: 2.2em; margin: 0 5% .25em; } @@ -346,21 +346,21 @@ a { -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; #logo h2, #byu-bar h2 { margin: 0; margin-right: 100px; line-height: 26px; } #logo a, #byu-bar a { display: block; } -a.mybyu, a.sign-in, .open #search-button, #search-submit, .search-submit, .gcse-wrapper input.gsc-search-button { background-color: #628cb6; border: none; color: #fff; font-weight: bold; padding: 5px 18px; text-decoration: none; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; } -a.mybyu:hover, a.mybyu:active, a.sign-in:hover, a.sign-in:active, .open #search-button:hover, .open #search-button:active, #search-submit:hover, #search-submit:active, .search-submit:hover, .search-submit:active, .gcse-wrapper input.gsc-search-button:hover, .gcse-wrapper input.gsc-search-button:active { margin: -2px; background-color: #336699; border: 2px solid #abc8e4; cursor: pointer; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } +a.mybyu, a.sign-in, .open #search-button, #search-submit, .search-submit, .gcse-wrapper input.gsc-search-button { background-color: #628cb6; border: none; color: #fff; font-weight: bold; padding: 5px 18px; text-decoration: none; border-radius: 14px; } +a.mybyu:hover, a.mybyu:active, a.sign-in:hover, a.sign-in:active, .open #search-button:hover, .open #search-button:active, #search-submit:hover, #search-submit:active, .search-submit:hover, .search-submit:active, .gcse-wrapper input.gsc-search-button:hover, .gcse-wrapper input.gsc-search-button:active { margin: -2px; background-color: #369; border: 2px solid #abc8e4; cursor: pointer; border-radius: 16px; } .menu-button { display: none; } /*** Search ***/ /* Search box styling for mobile */ -#search-menu { width: 100%; position: relative; display: block; background-color: #001948; border-top: 1px solid #114477; border-bottom: 1px solid #114477; height: 36px; padding-top: 1px; padding-bottom: 4px; } +#search-menu { width: 100%; position: relative; display: block; background-color: #001948; border-top: 1px solid #147; border-bottom: 1px solid #147; height: 36px; padding-top: 1px; padding-bottom: 4px; } #search-container textarea:hover, #search-container input:hover, #search-container textarea:active, #search-container input:active, #search-container textarea:focus, #search-container input:focus { outline: 0px !important; -webkit-appearance: none; } #search-container #basic-search { position: relative; padding-right: 77px; padding-left: 5px; } #search-container #basic-search label { color: #fff; } #search-container #search-submit { background-image: url(../img/search_box_icon.png); background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden; text-indent: -1000px; padding: 5px; display: block; width: 50px; position: absolute; top: 0px; right: 5px; } #search-container #search-submit:hover, #search-container #search-submit:active { right: 7px; } -#search-container #basic-search #search, #search-container input.gsc-input { margin-bottom: 0; vertical-align: top; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 5px 10px !important; border: 0 !important; font-size: 13px; display: block; width: 100%; } +#search-container #basic-search #search, #search-container input.gsc-input { margin-bottom: 0; vertical-align: top; border-radius: 15px; padding: 5px 10px !important; border: 0 !important; font-size: 13px; display: block; width: 100%; } #byu-bar { font-size: 14px; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif; width: 100%; padding: 2px 0; background-color: #001948; border-bottom: 1px solid black; min-width: 120px; height: 30px; white-space: nowrap; } .svg #byu-bar { background-image: url("//home.byu.edu/home/sites/default/files/global//img/byu-header-bg.svg"); } @@ -425,7 +425,7 @@ em { font-style: italic; } cite { font-style: normal; } -.muted { color: #999999; } +.muted { color: #999; } a.muted:hover, a.muted:focus { color: gray; } @@ -452,7 +452,7 @@ a.text-success:hover, a.text-success:focus { color: #356635; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizeLegibility; } -h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999; } h1, h2, h3 { line-height: 40px; } @@ -476,7 +476,7 @@ h3 small { font-size: 15px; } h4 small { font-size: 15px; } -.page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } +.page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } @@ -503,17 +503,17 @@ dd { margin-left: 10px; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } -hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid white; } +hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; } -abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } +abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } -blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } +blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eee; } blockquote p { margin-bottom: 0; font-size: 18.75px; font-weight: 300; line-height: 1.25; } -blockquote small { display: block; line-height: 20px; color: #999999; } +blockquote small { display: block; line-height: 20px; color: #999; } blockquote small:before { content: '\2014 \00A0'; } -blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } +blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } @@ -522,11 +522,11 @@ q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } -code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } +code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; color: #333; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } -pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 14px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } +pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 14px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } @@ -535,30 +535,30 @@ pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } -.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } +.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } -.table tbody + tbody { border-top: 2px solid #dddddd; } -.table .table { background-color: white; } +.table tbody + tbody { border-top: 2px solid #ddd; } +.table .table { background-color: #fff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } -.table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } +.table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; border-radius: 4px; } +.table-bordered th, .table-bordered td { border-left: 1px solid #ddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } -.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } -.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } -.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } -.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } -.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } -.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } -.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } -.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } +.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { border-top-left-radius: 4px; } +.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { border-top-right-radius: 4px; } +.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { border-bottom-left-radius: 4px; } +.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { border-bottom-right-radius: 4px; } +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { border-bottom-left-radius: 0; } +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { border-bottom-right-radius: 0; } +.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { border-top-left-radius: 4px; } +.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { border-top-right-radius: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } -.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: whitesmoke; } +.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } @@ -632,10 +632,10 @@ Responsive BYU Styles #logo { padding-left: 3%; } #logo h2 { margin-left: -9px; } -a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } +a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } -#header-top a.sign-in { right: 3%; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #336699); background: -moz-linear-gradient(top, #628cb6, #336699); background: -ms-linear-gradient(top, #628cb6, #336699); background: -o-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); } -#header-top a.sign-in:hover { border: none; margin: 0; background: #366797; background: -webkit-linear-gradient(top, #4a79a7, #225588); background: -moz-linear-gradient(top, #4a79a7, #225588); background: -ms-linear-gradient(top, #4a79a7, #225588); background: -o-linear-gradient(top, #4a79a7, #225588); background: linear-gradient(to bottom, #4a79a7, #225588); } +#header-top a.sign-in { right: 3%; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #369); background: -webkit-gradient(linear, left top, left bottom, from(#628cb6), to(#336699)); background: -webkit-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); } +#header-top a.sign-in:hover { border: none; margin: 0; background: #366797; background: -webkit-linear-gradient(top, #4a79a7, #225588); background: -webkit-gradient(linear, left top, left bottom, from(#4a79a7), to(#225588)); background: linear-gradient(to bottom, #4a79a7, #225588); } #site-name { text-shadow: 0 0 12px rgba(0, 25, 72, 0.5); } @@ -645,12 +645,12 @@ a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color #logo a.parentlink:hover { color: #fff; } -#page-footer { -webkit-box-shadow: 0 -1px 0px #dddddd; -moz-box-shadow: 0 -1px 0px #dddddd; box-shadow: 0 -1px 0px #dddddd; border-top: 1px solid #fff; } +#page-footer { -webkit-box-shadow: 0 -1px 0px #dddddd; box-shadow: 0 -1px 0px #dddddd; border-top: 1px solid #fff; } @media all and (min-width: 32em) { #logo a.byu { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.png"); width: 350px; } .svg #logo a.byu { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.svg"); } } /* Medium width */ -@media all and (min-width: 600px) { #main-header { background: #003366 url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.png") top left no-repeat; background-size: 100% 100%; } +@media all and (min-width: 600px) { #main-header { background: #036 url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.png") top left no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .svg #main-header { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.svg"); } #header-top h1 { margin: .25em 4% .4em; } #logo { background-color: transparent; padding-bottom: 0; border: none; } @@ -666,7 +666,7 @@ a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color #page-footer #footer-bottom a { display: inline-block; text-indent: -999em; } #page-footer #footer-bottom #lds { text-indent: 0em; } #page-footer #footer-bottom a#copyright { text-indent: 0em; } - #page-footer #footer-bottom a#ldsbc, #page-footer #footer-bottom a#byui, #page-footer #footer-bottom a#byuh, #page-footer #footer-bottom a#byu { background: transparent url("../img/footer-logos.png") no-repeat; opacity: 0.7; margin: 0 5px; height: 51px; width: 70px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; float: left; } + #page-footer #footer-bottom a#ldsbc, #page-footer #footer-bottom a#byui, #page-footer #footer-bottom a#byuh, #page-footer #footer-bottom a#byu { background: transparent url("../img/footer-logos.png") no-repeat; opacity: 0.7; margin: 0 5px; height: 51px; width: 70px; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; float: left; } .svg #page-footer #footer-bottom a#ldsbc, .svg #page-footer #footer-bottom a#byui, .svg #page-footer #footer-bottom a#byuh, .svg #page-footer #footer-bottom a#byu { background-image: url("../img/footer-logos.svg"); } #page-footer #footer-bottom a#ldsbc:hover, #page-footer #footer-bottom a#byui:hover, #page-footer #footer-bottom a#byuh:hover, #page-footer #footer-bottom a#byu:hover { opacity: 1; } #page-footer #footer-bottom a#lds { width: 14em; text-align: center; opacity: .9; float: right; margin-right: -15px; /* @@ -747,6 +747,10 @@ body strong, body dt { font-weight: 600; } #logo { padding-left: 12px; } #header-top { max-width: 1008px; margin-right: auto; } #search-menu, #secondary-nav { right: 50%; margin-right: -504px; } } +/*** Responsive Modal Markup ***/ +@media (max-width: 767px) { .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } + .modal.fade { top: -100px; } + .modal.fade.in { top: 20px; } } /*! @@ -765,7 +769,7 @@ h5bp print styles */ /* Print styles from h5bp https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */ -@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } +@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ -webkit-box-shadow: none !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } diff --git a/css/responsive.css b/css/responsive.css index 6177afd..42f2f18 100644 --- a/css/responsive.css +++ b/css/responsive.css @@ -1,2770 +1,1765 @@ -@charset "IBM437"; -/* Responsive CSS -* This is not only for layouts, but also any additional features such as CSS3 for any elements already declared in base.css -*/ -/*! - Twitter Bootstrap (Scss version) -*/ -/* - Loaded first, so it can be overrridden easily. - Only uncomment the stuff that you really need */ -/* line 9, ../src/sass/bootstrap/_type.scss */ -p { margin: 0 0 10px; } - -/* line 12, ../src/sass/bootstrap/_type.scss */ -.lead { margin-bottom: 20px; font-size: 22.5px; font-weight: 200; line-height: 30px; } - -/* line 24, ../src/sass/bootstrap/_type.scss */ -small { font-size: 85%; } - -/* line 26, ../src/sass/bootstrap/_type.scss */ -strong { font-weight: bold; } - -/* line 27, ../src/sass/bootstrap/_type.scss */ -em { font-style: italic; } - -/* line 28, ../src/sass/bootstrap/_type.scss */ -cite { font-style: normal; } - -/* line 31, ../src/sass/bootstrap/_type.scss */ -.muted { color: #999999; } - -/* line 32, ../src/sass/bootstrap/_type.scss */ -a.muted:hover, a.muted:focus { color: gray; } - -/* line 35, ../src/sass/bootstrap/_type.scss */ -.text-warning { color: #c09853; } - -/* line 36, ../src/sass/bootstrap/_type.scss */ -a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } - -/* line 39, ../src/sass/bootstrap/_type.scss */ -.text-error { color: #b94a48; } - -/* line 40, ../src/sass/bootstrap/_type.scss */ -a.text-error:hover, a.text-error:focus { color: #953b39; } - -/* line 43, ../src/sass/bootstrap/_type.scss */ -.text-info { color: #3a87ad; } - -/* line 44, ../src/sass/bootstrap/_type.scss */ -a.text-info:hover, a.text-info:focus { color: #2d6987; } - -/* line 47, ../src/sass/bootstrap/_type.scss */ -.text-success { color: #468847; } - -/* line 48, ../src/sass/bootstrap/_type.scss */ -a.text-success:hover, a.text-success:focus { color: #356635; } - -/* line 51, ../src/sass/bootstrap/_type.scss */ -.text-left { text-align: left; } - -/* line 52, ../src/sass/bootstrap/_type.scss */ -.text-right { text-align: right; } - -/* line 53, ../src/sass/bootstrap/_type.scss */ -.text-center { text-align: center; } - -/* line 59, ../src/sass/bootstrap/_type.scss */ -h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizeLegibility; } -/* line 66, ../src/sass/bootstrap/_type.scss */ -h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } - -/* line 73, ../src/sass/bootstrap/_type.scss */ -h1, h2, h3 { line-height: 40px; } - -/* line 77, ../src/sass/bootstrap/_type.scss */ -h1 { font-size: 41.25px; } - -/* line 78, ../src/sass/bootstrap/_type.scss */ -h2 { font-size: 33.75px; } - -/* line 79, ../src/sass/bootstrap/_type.scss */ -h3 { font-size: 26.25px; } - -/* line 80, ../src/sass/bootstrap/_type.scss */ -h4 { font-size: 18.75px; } - -/* line 81, ../src/sass/bootstrap/_type.scss */ -h5 { font-size: 15px; } - -/* line 82, ../src/sass/bootstrap/_type.scss */ -h6 { font-size: 12.75px; } - -/* line 84, ../src/sass/bootstrap/_type.scss */ -h1 small { font-size: 26.25px; } - -/* line 85, ../src/sass/bootstrap/_type.scss */ -h2 small { font-size: 18.75px; } - -/* line 86, ../src/sass/bootstrap/_type.scss */ -h3 small { font-size: 15px; } - -/* line 87, ../src/sass/bootstrap/_type.scss */ -h4 small { font-size: 15px; } - -/* line 93, ../src/sass/bootstrap/_type.scss */ -.page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } - -/* line 105, ../src/sass/bootstrap/_type.scss */ -ul, ol { padding: 0; margin: 0 0 10px 25px; } - -/* line 109, ../src/sass/bootstrap/_type.scss */ -ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } - -/* line 115, ../src/sass/bootstrap/_type.scss */ -li { line-height: 20px; } - -/* line 120, ../src/sass/bootstrap/_type.scss */ -ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } - -/* line 127, ../src/sass/bootstrap/_type.scss */ -ul.inline, ol.inline { margin-left: 0; list-style: none; } -/* line 131, ../src/sass/bootstrap/_type.scss */ -ul.inline > li, ol.inline > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding-left: 5px; padding-right: 5px; } - -/* line 140, ../src/sass/bootstrap/_type.scss */ -dl { margin-bottom: 20px; } - -/* line 143, ../src/sass/bootstrap/_type.scss */ -dt, dd { line-height: 20px; } - -/* line 147, ../src/sass/bootstrap/_type.scss */ -dt { font-weight: bold; } - -/* line 150, ../src/sass/bootstrap/_type.scss */ -dd { margin-left: 10px; } - -/* line 154, ../src/sass/bootstrap/_type.scss */ -.dl-horizontal { *zoom: 1; } -/* line 14, ../src/sass/bootstrap/_mixins.scss */ -.dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0; } -/* line 22, ../src/sass/bootstrap/_mixins.scss */ -.dl-horizontal:after { clear: both; } -/* line 156, ../src/sass/bootstrap/_type.scss */ -.dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -/* line 163, ../src/sass/bootstrap/_type.scss */ -.dl-horizontal dd { margin-left: 180px; } - -/* line 172, ../src/sass/bootstrap/_type.scss */ -hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid white; } - -/* line 180, ../src/sass/bootstrap/_type.scss */ -abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } - -/* line 186, ../src/sass/bootstrap/_type.scss */ -abbr.initialism { font-size: 90%; text-transform: uppercase; } - -/* line 192, ../src/sass/bootstrap/_type.scss */ -blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } -/* line 196, ../src/sass/bootstrap/_type.scss */ -blockquote p { margin-bottom: 0; font-size: 18.75px; font-weight: 300; line-height: 1.25; } -/* line 202, ../src/sass/bootstrap/_type.scss */ -blockquote small { display: block; line-height: 20px; color: #999999; } -/* line 206, ../src/sass/bootstrap/_type.scss */ -blockquote small:before { content: '\2014 \00A0'; } -/* line 212, ../src/sass/bootstrap/_type.scss */ -blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } -/* line 218, ../src/sass/bootstrap/_type.scss */ -blockquote.pull-right p, blockquote.pull-right small { text-align: right; } -/* line 223, ../src/sass/bootstrap/_type.scss */ -blockquote.pull-right small:before { content: ''; } -/* line 226, ../src/sass/bootstrap/_type.scss */ -blockquote.pull-right small:after { content: '\00A0 \2014'; } - -/* line 234, ../src/sass/bootstrap/_type.scss */ -q:before, q:after, blockquote:before, blockquote:after { content: ""; } - -/* line 242, ../src/sass/bootstrap/_type.scss */ -address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } - -/* line 7, ../src/sass/bootstrap/_code.scss */ -code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } - -/* line 17, ../src/sass/bootstrap/_code.scss */ -code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } - -/* line 26, ../src/sass/bootstrap/_code.scss */ -pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 14px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -/* line 42, ../src/sass/bootstrap/_code.scss */ -pre.prettyprint { margin-bottom: 20px; } -/* line 47, ../src/sass/bootstrap/_code.scss */ -pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } - -/* line 58, ../src/sass/bootstrap/_code.scss */ -.pre-scrollable { max-height: 340px; overflow-y: scroll; } - -/* line 9, ../src/sass/bootstrap/_tables.scss */ -table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } - -/* line 19, ../src/sass/bootstrap/_tables.scss */ -.table { width: 100%; margin-bottom: 20px; } -/* line 23, ../src/sass/bootstrap/_tables.scss */ -.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } -/* line 31, ../src/sass/bootstrap/_tables.scss */ -.table th { font-weight: bold; } -/* line 35, ../src/sass/bootstrap/_tables.scss */ -.table thead th { vertical-align: bottom; } -/* line 39, ../src/sass/bootstrap/_tables.scss */ -.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } -/* line 48, ../src/sass/bootstrap/_tables.scss */ -.table tbody + tbody { border-top: 2px solid #dddddd; } -/* line 53, ../src/sass/bootstrap/_tables.scss */ -.table .table { background-color: white; } - -/* line 64, ../src/sass/bootstrap/_tables.scss */ -.table-condensed th, .table-condensed td { padding: 4px 5px; } - -/* line 74, ../src/sass/bootstrap/_tables.scss */ -.table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -/* line 80, ../src/sass/bootstrap/_tables.scss */ -.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } -/* line 85, ../src/sass/bootstrap/_tables.scss */ -.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } -/* line 97, ../src/sass/bootstrap/_tables.scss */ -.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } -/* line 103, ../src/sass/bootstrap/_tables.scss */ -.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } -/* line 109, ../src/sass/bootstrap/_tables.scss */ -.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } -/* line 117, ../src/sass/bootstrap/_tables.scss */ -.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } -/* line 126, ../src/sass/bootstrap/_tables.scss */ -.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } -/* line 129, ../src/sass/bootstrap/_tables.scss */ -.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } -/* line 134, ../src/sass/bootstrap/_tables.scss */ -.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } -/* line 140, ../src/sass/bootstrap/_tables.scss */ -.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } - -/* line 158, ../src/sass/bootstrap/_tables.scss */ -.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } - -/* line 171, ../src/sass/bootstrap/_tables.scss */ -.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: whitesmoke; } - -/* line 183, ../src/sass/bootstrap/_tables.scss */ -table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } - -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } -/* line 196, ../src/sass/bootstrap/_tables.scss */ -.table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } - -/* line 207, ../src/sass/bootstrap/_tables.scss */ -.table tbody tr.success > td { background-color: #dff0d8; } -/* line 210, ../src/sass/bootstrap/_tables.scss */ -.table tbody tr.error > td { background-color: #f2dede; } -/* line 213, ../src/sass/bootstrap/_tables.scss */ -.table tbody tr.warning > td { background-color: #fcf8e3; } -/* line 216, ../src/sass/bootstrap/_tables.scss */ -.table tbody tr.info > td { background-color: #d9edf7; } - -/* line 223, ../src/sass/bootstrap/_tables.scss */ -.table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } -/* line 226, ../src/sass/bootstrap/_tables.scss */ -.table-hover tbody tr.error:hover > td { background-color: #ebcccc; } -/* line 229, ../src/sass/bootstrap/_tables.scss */ -.table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } -/* line 232, ../src/sass/bootstrap/_tables.scss */ -.table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } - -/* line 7, ../src/sass/bootstrap/_dropdowns.scss */ -.dropup, .dropdown { position: relative; } - -/* line 11, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-toggle { *margin-bottom: -3px; } - -/* line 15, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } - -/* line 22, ../src/sass/bootstrap/_dropdowns.scss */ -.caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid black; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } - -/* line 34, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown .caret { margin-top: 8px; margin-left: 2px; } - -/* line 41, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: white; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } -/* line 64, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-menu.pull-right { right: 0; left: auto; } -/* line 70, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid white; } -/* line 75, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } - -/* line 88, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; color: white; background-color: #4171a2; background-image: -moz-linear-gradient(top, #4477aa, #3d6a98); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4477aa), to(#3d6a98)); background-image: -webkit-linear-gradient(top, #4477aa, #3d6a98); background-image: -o-linear-gradient(top, #4477aa, #3d6a98); background-image: linear-gradient(to bottom, #4477aa, #3d6a98); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4477AA', endColorstr='#FF3D6A98', GradientType=0); } - -/* line 99, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: white; text-decoration: none; outline: 0; background-color: #4171a2; background-image: -moz-linear-gradient(top, #4477aa, #3d6a98); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4477aa), to(#3d6a98)); background-image: -webkit-linear-gradient(top, #4477aa, #3d6a98); background-image: -o-linear-gradient(top, #4477aa, #3d6a98); background-image: linear-gradient(to bottom, #4477aa, #3d6a98); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4477AA', endColorstr='#FF3D6A98', GradientType=0); } - -/* line 111, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } - -/* line 117, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: default; } - -/* line 128, ../src/sass/bootstrap/_dropdowns.scss */ -.open { *z-index: 1000; } -/* line 133, ../src/sass/bootstrap/_dropdowns.scss */ -.open > .dropdown-menu { display: block; } - -/* line 140, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } - -/* line 151, ../src/sass/bootstrap/_dropdowns.scss */ -.pull-right > .dropdown-menu { right: 0; left: auto; } - -/* line 163, ../src/sass/bootstrap/_dropdowns.scss */ -.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid black; content: ""; } -/* line 169, ../src/sass/bootstrap/_dropdowns.scss */ -.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } - -/* line 178, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-submenu { position: relative; } - -/* line 182, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } - -/* line 189, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-submenu:hover > .dropdown-menu { display: block; } - -/* line 194, ../src/sass/bootstrap/_dropdowns.scss */ -.dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } - -/* line 203, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } - -/* line 216, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-submenu:hover > a:after { border-left-color: white; } - -/* line 221, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-submenu.pull-left { float: none; } -/* line 227, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } - -/* line 237, ../src/sass/bootstrap/_dropdowns.scss */ -.dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } - -/* line 244, ../src/sass/bootstrap/_dropdowns.scss */ -.typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } - -/* line 10, ../src/sass/bootstrap/_buttons.scss */ -.btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 15px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: whitesmoke; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } -/* line 513, ../src/sass/bootstrap/_mixins.scss */ -.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } -/* line 520, ../src/sass/bootstrap/_mixins.scss */ -.btn:active, .btn.active { background-color: #cccccc \9; } -/* line 61, ../src/sass/bootstrap/_mixins.scss */ -.btn:first-child { *margin-left: 0; } -/* line 29, ../src/sass/bootstrap/_buttons.scss */ -.btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } -/* line 41, ../src/sass/bootstrap/_buttons.scss */ -.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -/* line 46, ../src/sass/bootstrap/_buttons.scss */ -.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } -/* line 54, ../src/sass/bootstrap/_buttons.scss */ -.btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } - -/* line 70, ../src/sass/bootstrap/_buttons.scss */ -.btn-large { padding: 11px 19px; font-size: 18.75px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } - -/* line 75, ../src/sass/bootstrap/_buttons.scss */ -.btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } - -/* line 81, ../src/sass/bootstrap/_buttons.scss */ -.btn-small { padding: 2px 10px; font-size: 12.75px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } - -/* line 86, ../src/sass/bootstrap/_buttons.scss */ -.btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } - -/* line 90, ../src/sass/bootstrap/_buttons.scss */ -.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } - -/* line 96, ../src/sass/bootstrap/_buttons.scss */ -.btn-mini { padding: 0px 6px; font-size: 11.25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } - -/* line 106, ../src/sass/bootstrap/_buttons.scss */ -.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } - -/* line 115, ../src/sass/bootstrap/_buttons.scss */ -.btn-block + .btn-block { margin-top: 5px; } - -/* line 123, ../src/sass/bootstrap/_buttons.scss */ -input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } - -/* line 134, ../src/sass/bootstrap/_buttons.scss */ -.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } - -/* line 145, ../src/sass/bootstrap/_buttons.scss */ -.btn-primary { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #25588b; background-image: -moz-linear-gradient(top, #336699, #114477); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#336699), to(#114477)); background-image: -webkit-linear-gradient(top, #336699, #114477); background-image: -o-linear-gradient(top, #336699, #114477); background-image: linear-gradient(to bottom, #336699, #114477); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF336699', endColorstr='#FF114477', GradientType=0); border-color: #114477 #114477 #071e34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #114477; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } -/* line 513, ../src/sass/bootstrap/_mixins.scss */ -.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: white; background-color: #114477; *background-color: #0e3761; } -/* line 520, ../src/sass/bootstrap/_mixins.scss */ -.btn-primary:active, .btn-primary.active { background-color: #0b2a4a \9; } - -/* line 149, ../src/sass/bootstrap/_buttons.scss */ -.btn-warning { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f9a732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } -/* line 513, ../src/sass/bootstrap/_mixins.scss */ -.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: white; background-color: #f89406; *background-color: #df8505; } -/* line 520, ../src/sass/bootstrap/_mixins.scss */ -.btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } - -/* line 153, ../src/sass/bootstrap/_buttons.scss */ -.btn-danger { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #b71e1e; background-image: -moz-linear-gradient(top, #cc3333, #990000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc3333), to(#990000)); background-image: -webkit-linear-gradient(top, #cc3333, #990000); background-image: -o-linear-gradient(top, #cc3333, #990000); background-image: linear-gradient(to bottom, #cc3333, #990000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC3333', endColorstr='#FF990000', GradientType=0); border-color: #990000 #990000 #4d0000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #990000; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } -/* line 513, ../src/sass/bootstrap/_mixins.scss */ -.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: white; background-color: #990000; *background-color: maroon; } -/* line 520, ../src/sass/bootstrap/_mixins.scss */ -.btn-danger:active, .btn-danger.active { background-color: #660000 \9; } - -/* line 157, ../src/sass/bootstrap/_buttons.scss */ -.btn-success { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2c8b3d; background-image: -moz-linear-gradient(top, #3d994d, #147827); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3d994d), to(#147827)); background-image: -webkit-linear-gradient(top, #3d994d, #147827); background-image: -o-linear-gradient(top, #3d994d, #147827); background-image: linear-gradient(to bottom, #3d994d, #147827); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3D994D', endColorstr='#FF147827', GradientType=0); border-color: #147827 #147827 #093612; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #147827; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } -/* line 513, ../src/sass/bootstrap/_mixins.scss */ -.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: white; background-color: #147827; *background-color: #106220; } -/* line 520, ../src/sass/bootstrap/_mixins.scss */ -.btn-success:active, .btn-success.active { background-color: #0d4c19 \9; } - -/* line 161, ../src/sass/bootstrap/_buttons.scss */ -.btn-info { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e3eef9; background-image: -moz-linear-gradient(top, #eff6fc, #d1e4f6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eff6fc), to(#d1e4f6)); background-image: -webkit-linear-gradient(top, #eff6fc, #d1e4f6); background-image: -o-linear-gradient(top, #eff6fc, #d1e4f6); background-image: linear-gradient(to bottom, #eff6fc, #d1e4f6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEFF6FC', endColorstr='#FFD1E4F6', GradientType=0); border-color: #d1e4f6 #d1e4f6 #91bee9; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #d1e4f6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } -/* line 513, ../src/sass/bootstrap/_mixins.scss */ -.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: white; background-color: #d1e4f6; *background-color: #bcd7f2; } -/* line 520, ../src/sass/bootstrap/_mixins.scss */ -.btn-info:active, .btn-info.active { background-color: #a6cbee \9; } - -/* line 165, ../src/sass/bootstrap/_buttons.scss */ -.btn-inverse { color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF444444', endColorstr='#FF222222', GradientType=0); border-color: #222222 #222222 black; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } -/* line 513, ../src/sass/bootstrap/_mixins.scss */ -.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: white; background-color: #222222; *background-color: #151515; } -/* line 520, ../src/sass/bootstrap/_mixins.scss */ -.btn-inverse:active, .btn-inverse.active { background-color: #090909 \9; } - -/* line 173, ../src/sass/bootstrap/_buttons.scss */ -button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } -/* line 177, ../src/sass/bootstrap/_buttons.scss */ -button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } -/* line 186, ../src/sass/bootstrap/_buttons.scss */ -button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } -/* line 190, ../src/sass/bootstrap/_buttons.scss */ -button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } -/* line 194, ../src/sass/bootstrap/_buttons.scss */ -button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } - -/* line 205, ../src/sass/bootstrap/_buttons.scss */ -.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } - -/* line 212, ../src/sass/bootstrap/_buttons.scss */ -.btn-link { border-color: transparent; cursor: pointer; color: #4477aa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } - -/* line 218, ../src/sass/bootstrap/_buttons.scss */ -.btn-link:hover, .btn-link:focus { color: #114477; text-decoration: underline; background-color: transparent; } - -/* line 224, ../src/sass/bootstrap/_buttons.scss */ -.btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } - -/* line 7, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; } -/* line 61, ../src/sass/bootstrap/_mixins.scss */ -.btn-group:first-child { *margin-left: 0; } - -/* line 18, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group + .btn-group { margin-left: 5px; } - -/* line 23, ../src/sass/bootstrap/_button-groups.scss */ -.btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } -/* line 27, ../src/sass/bootstrap/_button-groups.scss */ -.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } - -/* line 35, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } - -/* line 39, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn + .btn { margin-left: -1px; } - -/* line 42, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 15px; } - -/* line 49, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn-mini { font-size: 11.25px; } - -/* line 52, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn-small { font-size: 12.75px; } - -/* line 55, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn-large { font-size: 18.75px; } - -/* line 60, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } - -/* line 66, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } - -/* line 72, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } - -/* line 77, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } - -/* line 84, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } - -/* line 92, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } - -/* line 103, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); *padding-top: 5px; *padding-bottom: 5px; } - -/* line 110, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } - -/* line 116, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } - -/* line 120, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } - -/* line 131, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } -/* line 137, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } -/* line 140, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group.open .btn-primary.dropdown-toggle { background-color: #114477; } -/* line 143, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } -/* line 146, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group.open .btn-danger.dropdown-toggle { background-color: #990000; } -/* line 149, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group.open .btn-success.dropdown-toggle { background-color: #147827; } -/* line 152, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group.open .btn-info.dropdown-toggle { background-color: #d1e4f6; } -/* line 155, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } - -/* line 162, ../src/sass/bootstrap/_button-groups.scss */ -.btn .caret { margin-top: 8px; margin-left: 0; } - -/* line 167, ../src/sass/bootstrap/_button-groups.scss */ -.btn-large .caret { margin-top: 6px; } - -/* line 170, ../src/sass/bootstrap/_button-groups.scss */ -.btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } - -/* line 175, ../src/sass/bootstrap/_button-groups.scss */ -.btn-mini .caret, .btn-small .caret { margin-top: 8px; } - -/* line 180, ../src/sass/bootstrap/_button-groups.scss */ -.dropup .btn-large .caret { border-bottom-width: 5px; } - -/* line 193, ../src/sass/bootstrap/_button-groups.scss */ -.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: white; border-bottom-color: white; } - -/* line 204, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } - -/* line 208, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } - -/* line 214, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } - -/* line 218, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } - -/* line 221, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } - -/* line 224, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } - -/* line 227, ../src/sass/bootstrap/_button-groups.scss */ -.btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } - -/* line 6, ../src/sass/bootstrap/_breadcrumbs.scss */ -.breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -/* line 12, ../src/sass/bootstrap/_breadcrumbs.scss */ -.breadcrumb > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 white; } -/* line 16, ../src/sass/bootstrap/_breadcrumbs.scss */ -.breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } -/* line 21, ../src/sass/bootstrap/_breadcrumbs.scss */ -.breadcrumb .active { color: #999999; } - -/* line 7, ../src/sass/bootstrap/_utilities.scss */ -.pull-right { float: right; } - -/* line 10, ../src/sass/bootstrap/_utilities.scss */ -.pull-left { float: left; } - -/* line 15, ../src/sass/bootstrap/_utilities.scss */ -.hide { display: none; } - -/* line 18, ../src/sass/bootstrap/_utilities.scss */ -.show { display: block; } - -/* line 23, ../src/sass/bootstrap/_utilities.scss */ -.invisible { visibility: hidden; } - -/* line 28, ../src/sass/bootstrap/_utilities.scss */ -.affix { position: fixed; } - -/* line 33, ../src/sass/bootstrap/_utilities.scss */ -.clearfix { *zoom: 1; } -/* line 14, ../src/sass/bootstrap/_mixins.scss */ -.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } -/* line 22, ../src/sass/bootstrap/_mixins.scss */ -.clearfix:after { clear: both; } - -/* line 38, ../src/sass/bootstrap/_utilities.scss */ -.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } - -/* line 43, ../src/sass/bootstrap/_utilities.scss */ -.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } - -/*! - * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */ -/* FONT PATH -------------------------- */ -@font-face { font-family: 'FontAwesome'; src: url("../font/font-awesome/fontawesome-webfont.eot?v=4.0.3"); src: url("../font/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../font/font-awesome/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../font/font-awesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../font/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } -/* line 4, ../src/sass/fontawesome/_core.scss */ -.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } - -/* makes the font 33% larger relative to the icon container */ -/* line 5, ../src/sass/fontawesome/_larger.scss */ -.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } - -/* line 10, ../src/sass/fontawesome/_larger.scss */ -.fa-2x { font-size: 2em; } - -/* line 11, ../src/sass/fontawesome/_larger.scss */ -.fa-3x { font-size: 3em; } - -/* line 12, ../src/sass/fontawesome/_larger.scss */ -.fa-4x { font-size: 4em; } - -/* line 13, ../src/sass/fontawesome/_larger.scss */ -.fa-5x { font-size: 5em; } - -/* line 3, ../src/sass/fontawesome/_fixed-width.scss */ -.fa-fw { width: 1.28571em; text-align: center; } - -/* line 4, ../src/sass/fontawesome/_list.scss */ -.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } -/* line 8, ../src/sass/fontawesome/_list.scss */ -.fa-ul > li { position: relative; } - -/* line 10, ../src/sass/fontawesome/_list.scss */ -.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } -/* line 16, ../src/sass/fontawesome/_list.scss */ -.fa-li.fa-lg { left: -1.85714em; } - -/* line 4, ../src/sass/fontawesome/_bordered-pulled.scss */ -.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } - -/* line 10, ../src/sass/fontawesome/_bordered-pulled.scss */ -.pull-right { float: right; } - -/* line 11, ../src/sass/fontawesome/_bordered-pulled.scss */ -.pull-left { float: left; } - -/* line 14, ../src/sass/fontawesome/_bordered-pulled.scss */ -.fa.pull-left { margin-right: .3em; } -/* line 15, ../src/sass/fontawesome/_bordered-pulled.scss */ -.fa.pull-right { margin-left: .3em; } - -/* line 4, ../src/sass/fontawesome/_spinning.scss */ -.fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } - -@-moz-keyframes spin { /* line 12, ../src/sass/fontawesome/_spinning.scss */ - 0% { -moz-transform: rotate(0deg); } - /* line 13, ../src/sass/fontawesome/_spinning.scss */ - 100% { -moz-transform: rotate(359deg); } } -@-webkit-keyframes spin { /* line 16, ../src/sass/fontawesome/_spinning.scss */ - 0% { -webkit-transform: rotate(0deg); } - /* line 17, ../src/sass/fontawesome/_spinning.scss */ - 100% { -webkit-transform: rotate(359deg); } } -@-o-keyframes spin { /* line 20, ../src/sass/fontawesome/_spinning.scss */ - 0% { -o-transform: rotate(0deg); } - /* line 21, ../src/sass/fontawesome/_spinning.scss */ - 100% { -o-transform: rotate(359deg); } } -@-ms-keyframes spin { /* line 24, ../src/sass/fontawesome/_spinning.scss */ - 0% { -ms-transform: rotate(0deg); } - /* line 25, ../src/sass/fontawesome/_spinning.scss */ - 100% { -ms-transform: rotate(359deg); } } -@keyframes spin { /* line 28, ../src/sass/fontawesome/_spinning.scss */ - 0% { transform: rotate(0deg); } - /* line 29, ../src/sass/fontawesome/_spinning.scss */ - 100% { transform: rotate(359deg); } } -/* line 4, ../src/sass/fontawesome/_rotated-flipped.scss */ -.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } - -/* line 5, ../src/sass/fontawesome/_rotated-flipped.scss */ -.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } - -/* line 6, ../src/sass/fontawesome/_rotated-flipped.scss */ -.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } - -/* line 8, ../src/sass/fontawesome/_rotated-flipped.scss */ -.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } - -/* line 9, ../src/sass/fontawesome/_rotated-flipped.scss */ -.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } - -/* line 4, ../src/sass/fontawesome/_stacked.scss */ -.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } - -/* line 12, ../src/sass/fontawesome/_stacked.scss */ -.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } - -/* line 18, ../src/sass/fontawesome/_stacked.scss */ -.fa-stack-1x { line-height: inherit; } - -/* line 19, ../src/sass/fontawesome/_stacked.scss */ -.fa-stack-2x { font-size: 2em; } - -/* line 20, ../src/sass/fontawesome/_stacked.scss */ -.fa-inverse { color: white; } - -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ -/* line 4, ../src/sass/fontawesome/_icons.scss */ -.fa-glass:before { content: "\f000"; } - -/* line 5, ../src/sass/fontawesome/_icons.scss */ -.fa-music:before { content: "\f001"; } - -/* line 6, ../src/sass/fontawesome/_icons.scss */ -.fa-search:before { content: "\f002"; } - -/* line 7, ../src/sass/fontawesome/_icons.scss */ -.fa-envelope-o:before { content: "\f003"; } - -/* line 8, ../src/sass/fontawesome/_icons.scss */ -.fa-heart:before { content: "\f004"; } - -/* line 9, ../src/sass/fontawesome/_icons.scss */ -.fa-star:before { content: "\f005"; } - -/* line 10, ../src/sass/fontawesome/_icons.scss */ -.fa-star-o:before { content: "\f006"; } - -/* line 11, ../src/sass/fontawesome/_icons.scss */ -.fa-user:before { content: "\f007"; } - -/* line 12, ../src/sass/fontawesome/_icons.scss */ -.fa-film:before { content: "\f008"; } - -/* line 13, ../src/sass/fontawesome/_icons.scss */ -.fa-th-large:before { content: "\f009"; } - -/* line 14, ../src/sass/fontawesome/_icons.scss */ -.fa-th:before { content: "\f00a"; } - -/* line 15, ../src/sass/fontawesome/_icons.scss */ -.fa-th-list:before { content: "\f00b"; } - -/* line 16, ../src/sass/fontawesome/_icons.scss */ -.fa-check:before { content: "\f00c"; } - -/* line 17, ../src/sass/fontawesome/_icons.scss */ -.fa-times:before { content: "\f00d"; } - -/* line 18, ../src/sass/fontawesome/_icons.scss */ -.fa-search-plus:before { content: "\f00e"; } - -/* line 19, ../src/sass/fontawesome/_icons.scss */ -.fa-search-minus:before { content: "\f010"; } - -/* line 20, ../src/sass/fontawesome/_icons.scss */ -.fa-power-off:before { content: "\f011"; } - -/* line 21, ../src/sass/fontawesome/_icons.scss */ -.fa-signal:before { content: "\f012"; } - -/* line 22, ../src/sass/fontawesome/_icons.scss */ -.fa-gear:before, .fa-cog:before { content: "\f013"; } - -/* line 24, ../src/sass/fontawesome/_icons.scss */ -.fa-trash-o:before { content: "\f014"; } - -/* line 25, ../src/sass/fontawesome/_icons.scss */ -.fa-home:before { content: "\f015"; } - -/* line 26, ../src/sass/fontawesome/_icons.scss */ -.fa-file-o:before { content: "\f016"; } - -/* line 27, ../src/sass/fontawesome/_icons.scss */ -.fa-clock-o:before { content: "\f017"; } - -/* line 28, ../src/sass/fontawesome/_icons.scss */ -.fa-road:before { content: "\f018"; } - -/* line 29, ../src/sass/fontawesome/_icons.scss */ -.fa-download:before { content: "\f019"; } - -/* line 30, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-circle-o-down:before { content: "\f01a"; } - -/* line 31, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-circle-o-up:before { content: "\f01b"; } - -/* line 32, ../src/sass/fontawesome/_icons.scss */ -.fa-inbox:before { content: "\f01c"; } - -/* line 33, ../src/sass/fontawesome/_icons.scss */ -.fa-play-circle-o:before { content: "\f01d"; } - -/* line 34, ../src/sass/fontawesome/_icons.scss */ -.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } - -/* line 36, ../src/sass/fontawesome/_icons.scss */ -.fa-refresh:before { content: "\f021"; } - -/* line 37, ../src/sass/fontawesome/_icons.scss */ -.fa-list-alt:before { content: "\f022"; } - -/* line 38, ../src/sass/fontawesome/_icons.scss */ -.fa-lock:before { content: "\f023"; } - -/* line 39, ../src/sass/fontawesome/_icons.scss */ -.fa-flag:before { content: "\f024"; } - -/* line 40, ../src/sass/fontawesome/_icons.scss */ -.fa-headphones:before { content: "\f025"; } - -/* line 41, ../src/sass/fontawesome/_icons.scss */ -.fa-volume-off:before { content: "\f026"; } - -/* line 42, ../src/sass/fontawesome/_icons.scss */ -.fa-volume-down:before { content: "\f027"; } - -/* line 43, ../src/sass/fontawesome/_icons.scss */ -.fa-volume-up:before { content: "\f028"; } - -/* line 44, ../src/sass/fontawesome/_icons.scss */ -.fa-qrcode:before { content: "\f029"; } - -/* line 45, ../src/sass/fontawesome/_icons.scss */ -.fa-barcode:before { content: "\f02a"; } - -/* line 46, ../src/sass/fontawesome/_icons.scss */ -.fa-tag:before { content: "\f02b"; } - -/* line 47, ../src/sass/fontawesome/_icons.scss */ -.fa-tags:before { content: "\f02c"; } - -/* line 48, ../src/sass/fontawesome/_icons.scss */ -.fa-book:before { content: "\f02d"; } - -/* line 49, ../src/sass/fontawesome/_icons.scss */ -.fa-bookmark:before { content: "\f02e"; } - -/* line 50, ../src/sass/fontawesome/_icons.scss */ -.fa-print:before { content: "\f02f"; } - -/* line 51, ../src/sass/fontawesome/_icons.scss */ -.fa-camera:before { content: "\f030"; } - -/* line 52, ../src/sass/fontawesome/_icons.scss */ -.fa-font:before { content: "\f031"; } - -/* line 53, ../src/sass/fontawesome/_icons.scss */ -.fa-bold:before { content: "\f032"; } - -/* line 54, ../src/sass/fontawesome/_icons.scss */ -.fa-italic:before { content: "\f033"; } - -/* line 55, ../src/sass/fontawesome/_icons.scss */ -.fa-text-height:before { content: "\f034"; } - -/* line 56, ../src/sass/fontawesome/_icons.scss */ -.fa-text-width:before { content: "\f035"; } - -/* line 57, ../src/sass/fontawesome/_icons.scss */ -.fa-align-left:before { content: "\f036"; } - -/* line 58, ../src/sass/fontawesome/_icons.scss */ -.fa-align-center:before { content: "\f037"; } - -/* line 59, ../src/sass/fontawesome/_icons.scss */ -.fa-align-right:before { content: "\f038"; } - -/* line 60, ../src/sass/fontawesome/_icons.scss */ -.fa-align-justify:before { content: "\f039"; } - -/* line 61, ../src/sass/fontawesome/_icons.scss */ -.fa-list:before { content: "\f03a"; } - -/* line 62, ../src/sass/fontawesome/_icons.scss */ -.fa-dedent:before, .fa-outdent:before { content: "\f03b"; } - -/* line 64, ../src/sass/fontawesome/_icons.scss */ -.fa-indent:before { content: "\f03c"; } - -/* line 65, ../src/sass/fontawesome/_icons.scss */ -.fa-video-camera:before { content: "\f03d"; } - -/* line 66, ../src/sass/fontawesome/_icons.scss */ -.fa-picture-o:before { content: "\f03e"; } - -/* line 67, ../src/sass/fontawesome/_icons.scss */ -.fa-pencil:before { content: "\f040"; } - -/* line 68, ../src/sass/fontawesome/_icons.scss */ -.fa-map-marker:before { content: "\f041"; } - -/* line 69, ../src/sass/fontawesome/_icons.scss */ -.fa-adjust:before { content: "\f042"; } - -/* line 70, ../src/sass/fontawesome/_icons.scss */ -.fa-tint:before { content: "\f043"; } - -/* line 71, ../src/sass/fontawesome/_icons.scss */ -.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } - -/* line 73, ../src/sass/fontawesome/_icons.scss */ -.fa-share-square-o:before { content: "\f045"; } - -/* line 74, ../src/sass/fontawesome/_icons.scss */ -.fa-check-square-o:before { content: "\f046"; } - -/* line 75, ../src/sass/fontawesome/_icons.scss */ -.fa-arrows:before { content: "\f047"; } - -/* line 76, ../src/sass/fontawesome/_icons.scss */ -.fa-step-backward:before { content: "\f048"; } - -/* line 77, ../src/sass/fontawesome/_icons.scss */ -.fa-fast-backward:before { content: "\f049"; } - -/* line 78, ../src/sass/fontawesome/_icons.scss */ -.fa-backward:before { content: "\f04a"; } - -/* line 79, ../src/sass/fontawesome/_icons.scss */ -.fa-play:before { content: "\f04b"; } - -/* line 80, ../src/sass/fontawesome/_icons.scss */ -.fa-pause:before { content: "\f04c"; } - -/* line 81, ../src/sass/fontawesome/_icons.scss */ -.fa-stop:before { content: "\f04d"; } - -/* line 82, ../src/sass/fontawesome/_icons.scss */ -.fa-forward:before { content: "\f04e"; } - -/* line 83, ../src/sass/fontawesome/_icons.scss */ -.fa-fast-forward:before { content: "\f050"; } - -/* line 84, ../src/sass/fontawesome/_icons.scss */ -.fa-step-forward:before { content: "\f051"; } - -/* line 85, ../src/sass/fontawesome/_icons.scss */ -.fa-eject:before { content: "\f052"; } - -/* line 86, ../src/sass/fontawesome/_icons.scss */ -.fa-chevron-left:before { content: "\f053"; } - -/* line 87, ../src/sass/fontawesome/_icons.scss */ -.fa-chevron-right:before { content: "\f054"; } - -/* line 88, ../src/sass/fontawesome/_icons.scss */ -.fa-plus-circle:before { content: "\f055"; } - -/* line 89, ../src/sass/fontawesome/_icons.scss */ -.fa-minus-circle:before { content: "\f056"; } - -/* line 90, ../src/sass/fontawesome/_icons.scss */ -.fa-times-circle:before { content: "\f057"; } - -/* line 91, ../src/sass/fontawesome/_icons.scss */ -.fa-check-circle:before { content: "\f058"; } - -/* line 92, ../src/sass/fontawesome/_icons.scss */ -.fa-question-circle:before { content: "\f059"; } - -/* line 93, ../src/sass/fontawesome/_icons.scss */ -.fa-info-circle:before { content: "\f05a"; } - -/* line 94, ../src/sass/fontawesome/_icons.scss */ -.fa-crosshairs:before { content: "\f05b"; } - -/* line 95, ../src/sass/fontawesome/_icons.scss */ -.fa-times-circle-o:before { content: "\f05c"; } - -/* line 96, ../src/sass/fontawesome/_icons.scss */ -.fa-check-circle-o:before { content: "\f05d"; } - -/* line 97, ../src/sass/fontawesome/_icons.scss */ -.fa-ban:before { content: "\f05e"; } - -/* line 98, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-left:before { content: "\f060"; } - -/* line 99, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-right:before { content: "\f061"; } - -/* line 100, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-up:before { content: "\f062"; } - -/* line 101, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-down:before { content: "\f063"; } - -/* line 102, ../src/sass/fontawesome/_icons.scss */ -.fa-mail-forward:before, .fa-share:before { content: "\f064"; } - -/* line 104, ../src/sass/fontawesome/_icons.scss */ -.fa-expand:before { content: "\f065"; } - -/* line 105, ../src/sass/fontawesome/_icons.scss */ -.fa-compress:before { content: "\f066"; } - -/* line 106, ../src/sass/fontawesome/_icons.scss */ -.fa-plus:before { content: "\f067"; } - -/* line 107, ../src/sass/fontawesome/_icons.scss */ -.fa-minus:before { content: "\f068"; } - -/* line 108, ../src/sass/fontawesome/_icons.scss */ -.fa-asterisk:before { content: "\f069"; } - -/* line 109, ../src/sass/fontawesome/_icons.scss */ -.fa-exclamation-circle:before { content: "\f06a"; } - -/* line 110, ../src/sass/fontawesome/_icons.scss */ -.fa-gift:before { content: "\f06b"; } - -/* line 111, ../src/sass/fontawesome/_icons.scss */ -.fa-leaf:before { content: "\f06c"; } - -/* line 112, ../src/sass/fontawesome/_icons.scss */ -.fa-fire:before { content: "\f06d"; } - -/* line 113, ../src/sass/fontawesome/_icons.scss */ -.fa-eye:before { content: "\f06e"; } - -/* line 114, ../src/sass/fontawesome/_icons.scss */ -.fa-eye-slash:before { content: "\f070"; } - -/* line 115, ../src/sass/fontawesome/_icons.scss */ -.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } - -/* line 117, ../src/sass/fontawesome/_icons.scss */ -.fa-plane:before { content: "\f072"; } - -/* line 118, ../src/sass/fontawesome/_icons.scss */ -.fa-calendar:before { content: "\f073"; } - -/* line 119, ../src/sass/fontawesome/_icons.scss */ -.fa-random:before { content: "\f074"; } - -/* line 120, ../src/sass/fontawesome/_icons.scss */ -.fa-comment:before { content: "\f075"; } - -/* line 121, ../src/sass/fontawesome/_icons.scss */ -.fa-magnet:before { content: "\f076"; } - -/* line 122, ../src/sass/fontawesome/_icons.scss */ -.fa-chevron-up:before { content: "\f077"; } - -/* line 123, ../src/sass/fontawesome/_icons.scss */ -.fa-chevron-down:before { content: "\f078"; } - -/* line 124, ../src/sass/fontawesome/_icons.scss */ -.fa-retweet:before { content: "\f079"; } - -/* line 125, ../src/sass/fontawesome/_icons.scss */ -.fa-shopping-cart:before { content: "\f07a"; } - -/* line 126, ../src/sass/fontawesome/_icons.scss */ -.fa-folder:before { content: "\f07b"; } - -/* line 127, ../src/sass/fontawesome/_icons.scss */ -.fa-folder-open:before { content: "\f07c"; } - -/* line 128, ../src/sass/fontawesome/_icons.scss */ -.fa-arrows-v:before { content: "\f07d"; } - -/* line 129, ../src/sass/fontawesome/_icons.scss */ -.fa-arrows-h:before { content: "\f07e"; } - -/* line 130, ../src/sass/fontawesome/_icons.scss */ -.fa-bar-chart-o:before { content: "\f080"; } - -/* line 131, ../src/sass/fontawesome/_icons.scss */ -.fa-twitter-square:before { content: "\f081"; } - -/* line 132, ../src/sass/fontawesome/_icons.scss */ -.fa-facebook-square:before { content: "\f082"; } - -/* line 133, ../src/sass/fontawesome/_icons.scss */ -.fa-camera-retro:before { content: "\f083"; } - -/* line 134, ../src/sass/fontawesome/_icons.scss */ -.fa-key:before { content: "\f084"; } - -/* line 135, ../src/sass/fontawesome/_icons.scss */ -.fa-gears:before, .fa-cogs:before { content: "\f085"; } - -/* line 137, ../src/sass/fontawesome/_icons.scss */ -.fa-comments:before { content: "\f086"; } - -/* line 138, ../src/sass/fontawesome/_icons.scss */ -.fa-thumbs-o-up:before { content: "\f087"; } - -/* line 139, ../src/sass/fontawesome/_icons.scss */ -.fa-thumbs-o-down:before { content: "\f088"; } - -/* line 140, ../src/sass/fontawesome/_icons.scss */ -.fa-star-half:before { content: "\f089"; } - -/* line 141, ../src/sass/fontawesome/_icons.scss */ -.fa-heart-o:before { content: "\f08a"; } - -/* line 142, ../src/sass/fontawesome/_icons.scss */ -.fa-sign-out:before { content: "\f08b"; } - -/* line 143, ../src/sass/fontawesome/_icons.scss */ -.fa-linkedin-square:before { content: "\f08c"; } - -/* line 144, ../src/sass/fontawesome/_icons.scss */ -.fa-thumb-tack:before { content: "\f08d"; } - -/* line 145, ../src/sass/fontawesome/_icons.scss */ -.fa-external-link:before { content: "\f08e"; } - -/* line 146, ../src/sass/fontawesome/_icons.scss */ -.fa-sign-in:before { content: "\f090"; } - -/* line 147, ../src/sass/fontawesome/_icons.scss */ -.fa-trophy:before { content: "\f091"; } - -/* line 148, ../src/sass/fontawesome/_icons.scss */ -.fa-github-square:before { content: "\f092"; } - -/* line 149, ../src/sass/fontawesome/_icons.scss */ -.fa-upload:before { content: "\f093"; } - -/* line 150, ../src/sass/fontawesome/_icons.scss */ -.fa-lemon-o:before { content: "\f094"; } - -/* line 151, ../src/sass/fontawesome/_icons.scss */ -.fa-phone:before { content: "\f095"; } - -/* line 152, ../src/sass/fontawesome/_icons.scss */ -.fa-square-o:before { content: "\f096"; } - -/* line 153, ../src/sass/fontawesome/_icons.scss */ -.fa-bookmark-o:before { content: "\f097"; } - -/* line 154, ../src/sass/fontawesome/_icons.scss */ -.fa-phone-square:before { content: "\f098"; } - -/* line 155, ../src/sass/fontawesome/_icons.scss */ -.fa-twitter:before { content: "\f099"; } - -/* line 156, ../src/sass/fontawesome/_icons.scss */ -.fa-facebook:before { content: "\f09a"; } - -/* line 157, ../src/sass/fontawesome/_icons.scss */ -.fa-github:before { content: "\f09b"; } - -/* line 158, ../src/sass/fontawesome/_icons.scss */ -.fa-unlock:before { content: "\f09c"; } - -/* line 159, ../src/sass/fontawesome/_icons.scss */ -.fa-credit-card:before { content: "\f09d"; } - -/* line 160, ../src/sass/fontawesome/_icons.scss */ -.fa-rss:before { content: "\f09e"; } - -/* line 161, ../src/sass/fontawesome/_icons.scss */ -.fa-hdd-o:before { content: "\f0a0"; } - -/* line 162, ../src/sass/fontawesome/_icons.scss */ -.fa-bullhorn:before { content: "\f0a1"; } - -/* line 163, ../src/sass/fontawesome/_icons.scss */ -.fa-bell:before { content: "\f0f3"; } - -/* line 164, ../src/sass/fontawesome/_icons.scss */ -.fa-certificate:before { content: "\f0a3"; } - -/* line 165, ../src/sass/fontawesome/_icons.scss */ -.fa-hand-o-right:before { content: "\f0a4"; } - -/* line 166, ../src/sass/fontawesome/_icons.scss */ -.fa-hand-o-left:before { content: "\f0a5"; } - -/* line 167, ../src/sass/fontawesome/_icons.scss */ -.fa-hand-o-up:before { content: "\f0a6"; } - -/* line 168, ../src/sass/fontawesome/_icons.scss */ -.fa-hand-o-down:before { content: "\f0a7"; } - -/* line 169, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-circle-left:before { content: "\f0a8"; } - -/* line 170, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-circle-right:before { content: "\f0a9"; } - -/* line 171, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-circle-up:before { content: "\f0aa"; } - -/* line 172, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-circle-down:before { content: "\f0ab"; } - -/* line 173, ../src/sass/fontawesome/_icons.scss */ -.fa-globe:before { content: "\f0ac"; } - -/* line 174, ../src/sass/fontawesome/_icons.scss */ -.fa-wrench:before { content: "\f0ad"; } - -/* line 175, ../src/sass/fontawesome/_icons.scss */ -.fa-tasks:before { content: "\f0ae"; } - -/* line 176, ../src/sass/fontawesome/_icons.scss */ -.fa-filter:before { content: "\f0b0"; } - -/* line 177, ../src/sass/fontawesome/_icons.scss */ -.fa-briefcase:before { content: "\f0b1"; } - -/* line 178, ../src/sass/fontawesome/_icons.scss */ -.fa-arrows-alt:before { content: "\f0b2"; } - -/* line 179, ../src/sass/fontawesome/_icons.scss */ -.fa-group:before, .fa-users:before { content: "\f0c0"; } - -/* line 181, ../src/sass/fontawesome/_icons.scss */ -.fa-chain:before, .fa-link:before { content: "\f0c1"; } - -/* line 183, ../src/sass/fontawesome/_icons.scss */ -.fa-cloud:before { content: "\f0c2"; } - -/* line 184, ../src/sass/fontawesome/_icons.scss */ -.fa-flask:before { content: "\f0c3"; } - -/* line 185, ../src/sass/fontawesome/_icons.scss */ -.fa-cut:before, .fa-scissors:before { content: "\f0c4"; } - -/* line 187, ../src/sass/fontawesome/_icons.scss */ -.fa-copy:before, .fa-files-o:before { content: "\f0c5"; } - -/* line 189, ../src/sass/fontawesome/_icons.scss */ -.fa-paperclip:before { content: "\f0c6"; } - -/* line 190, ../src/sass/fontawesome/_icons.scss */ -.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } - -/* line 192, ../src/sass/fontawesome/_icons.scss */ -.fa-square:before { content: "\f0c8"; } - -/* line 193, ../src/sass/fontawesome/_icons.scss */ -.fa-bars:before { content: "\f0c9"; } - -/* line 194, ../src/sass/fontawesome/_icons.scss */ -.fa-list-ul:before { content: "\f0ca"; } - -/* line 195, ../src/sass/fontawesome/_icons.scss */ -.fa-list-ol:before { content: "\f0cb"; } - -/* line 196, ../src/sass/fontawesome/_icons.scss */ -.fa-strikethrough:before { content: "\f0cc"; } - -/* line 197, ../src/sass/fontawesome/_icons.scss */ -.fa-underline:before { content: "\f0cd"; } - -/* line 198, ../src/sass/fontawesome/_icons.scss */ -.fa-table:before { content: "\f0ce"; } - -/* line 199, ../src/sass/fontawesome/_icons.scss */ -.fa-magic:before { content: "\f0d0"; } - -/* line 200, ../src/sass/fontawesome/_icons.scss */ -.fa-truck:before { content: "\f0d1"; } - -/* line 201, ../src/sass/fontawesome/_icons.scss */ -.fa-pinterest:before { content: "\f0d2"; } - -/* line 202, ../src/sass/fontawesome/_icons.scss */ -.fa-pinterest-square:before { content: "\f0d3"; } - -/* line 203, ../src/sass/fontawesome/_icons.scss */ -.fa-google-plus-square:before { content: "\f0d4"; } - -/* line 204, ../src/sass/fontawesome/_icons.scss */ -.fa-google-plus:before { content: "\f0d5"; } - -/* line 205, ../src/sass/fontawesome/_icons.scss */ -.fa-money:before { content: "\f0d6"; } - -/* line 206, ../src/sass/fontawesome/_icons.scss */ -.fa-caret-down:before { content: "\f0d7"; } - -/* line 207, ../src/sass/fontawesome/_icons.scss */ -.fa-caret-up:before { content: "\f0d8"; } - -/* line 208, ../src/sass/fontawesome/_icons.scss */ -.fa-caret-left:before { content: "\f0d9"; } - -/* line 209, ../src/sass/fontawesome/_icons.scss */ -.fa-caret-right:before { content: "\f0da"; } - -/* line 210, ../src/sass/fontawesome/_icons.scss */ -.fa-columns:before { content: "\f0db"; } - -/* line 211, ../src/sass/fontawesome/_icons.scss */ -.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } - -/* line 213, ../src/sass/fontawesome/_icons.scss */ -.fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; } - -/* line 215, ../src/sass/fontawesome/_icons.scss */ -.fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; } - -/* line 217, ../src/sass/fontawesome/_icons.scss */ -.fa-envelope:before { content: "\f0e0"; } - -/* line 218, ../src/sass/fontawesome/_icons.scss */ -.fa-linkedin:before { content: "\f0e1"; } - -/* line 219, ../src/sass/fontawesome/_icons.scss */ -.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } - -/* line 221, ../src/sass/fontawesome/_icons.scss */ -.fa-legal:before, .fa-gavel:before { content: "\f0e3"; } - -/* line 223, ../src/sass/fontawesome/_icons.scss */ -.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } - -/* line 225, ../src/sass/fontawesome/_icons.scss */ -.fa-comment-o:before { content: "\f0e5"; } - -/* line 226, ../src/sass/fontawesome/_icons.scss */ -.fa-comments-o:before { content: "\f0e6"; } - -/* line 227, ../src/sass/fontawesome/_icons.scss */ -.fa-flash:before, .fa-bolt:before { content: "\f0e7"; } - -/* line 229, ../src/sass/fontawesome/_icons.scss */ -.fa-sitemap:before { content: "\f0e8"; } - -/* line 230, ../src/sass/fontawesome/_icons.scss */ -.fa-umbrella:before { content: "\f0e9"; } - -/* line 231, ../src/sass/fontawesome/_icons.scss */ -.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } - -/* line 233, ../src/sass/fontawesome/_icons.scss */ -.fa-lightbulb-o:before { content: "\f0eb"; } - -/* line 234, ../src/sass/fontawesome/_icons.scss */ -.fa-exchange:before { content: "\f0ec"; } - -/* line 235, ../src/sass/fontawesome/_icons.scss */ -.fa-cloud-download:before { content: "\f0ed"; } - -/* line 236, ../src/sass/fontawesome/_icons.scss */ -.fa-cloud-upload:before { content: "\f0ee"; } - -/* line 237, ../src/sass/fontawesome/_icons.scss */ -.fa-user-md:before { content: "\f0f0"; } - -/* line 238, ../src/sass/fontawesome/_icons.scss */ -.fa-stethoscope:before { content: "\f0f1"; } - -/* line 239, ../src/sass/fontawesome/_icons.scss */ -.fa-suitcase:before { content: "\f0f2"; } - -/* line 240, ../src/sass/fontawesome/_icons.scss */ -.fa-bell-o:before { content: "\f0a2"; } - -/* line 241, ../src/sass/fontawesome/_icons.scss */ -.fa-coffee:before { content: "\f0f4"; } - -/* line 242, ../src/sass/fontawesome/_icons.scss */ -.fa-cutlery:before { content: "\f0f5"; } - -/* line 243, ../src/sass/fontawesome/_icons.scss */ -.fa-file-text-o:before { content: "\f0f6"; } - -/* line 244, ../src/sass/fontawesome/_icons.scss */ -.fa-building-o:before { content: "\f0f7"; } - -/* line 245, ../src/sass/fontawesome/_icons.scss */ -.fa-hospital-o:before { content: "\f0f8"; } - -/* line 246, ../src/sass/fontawesome/_icons.scss */ -.fa-ambulance:before { content: "\f0f9"; } - -/* line 247, ../src/sass/fontawesome/_icons.scss */ -.fa-medkit:before { content: "\f0fa"; } - -/* line 248, ../src/sass/fontawesome/_icons.scss */ -.fa-fighter-jet:before { content: "\f0fb"; } - -/* line 249, ../src/sass/fontawesome/_icons.scss */ -.fa-beer:before { content: "\f0fc"; } - -/* line 250, ../src/sass/fontawesome/_icons.scss */ -.fa-h-square:before { content: "\f0fd"; } - -/* line 251, ../src/sass/fontawesome/_icons.scss */ -.fa-plus-square:before { content: "\f0fe"; } - -/* line 252, ../src/sass/fontawesome/_icons.scss */ -.fa-angle-double-left:before { content: "\f100"; } - -/* line 253, ../src/sass/fontawesome/_icons.scss */ -.fa-angle-double-right:before { content: "\f101"; } - -/* line 254, ../src/sass/fontawesome/_icons.scss */ -.fa-angle-double-up:before { content: "\f102"; } - -/* line 255, ../src/sass/fontawesome/_icons.scss */ -.fa-angle-double-down:before { content: "\f103"; } - -/* line 256, ../src/sass/fontawesome/_icons.scss */ -.fa-angle-left:before { content: "\f104"; } - -/* line 257, ../src/sass/fontawesome/_icons.scss */ -.fa-angle-right:before { content: "\f105"; } - -/* line 258, ../src/sass/fontawesome/_icons.scss */ -.fa-angle-up:before { content: "\f106"; } - -/* line 259, ../src/sass/fontawesome/_icons.scss */ -.fa-angle-down:before { content: "\f107"; } - -/* line 260, ../src/sass/fontawesome/_icons.scss */ -.fa-desktop:before { content: "\f108"; } - -/* line 261, ../src/sass/fontawesome/_icons.scss */ -.fa-laptop:before { content: "\f109"; } - -/* line 262, ../src/sass/fontawesome/_icons.scss */ -.fa-tablet:before { content: "\f10a"; } - -/* line 263, ../src/sass/fontawesome/_icons.scss */ -.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } - -/* line 265, ../src/sass/fontawesome/_icons.scss */ -.fa-circle-o:before { content: "\f10c"; } - -/* line 266, ../src/sass/fontawesome/_icons.scss */ -.fa-quote-left:before { content: "\f10d"; } - -/* line 267, ../src/sass/fontawesome/_icons.scss */ -.fa-quote-right:before { content: "\f10e"; } - -/* line 268, ../src/sass/fontawesome/_icons.scss */ -.fa-spinner:before { content: "\f110"; } - -/* line 269, ../src/sass/fontawesome/_icons.scss */ -.fa-circle:before { content: "\f111"; } - -/* line 270, ../src/sass/fontawesome/_icons.scss */ -.fa-mail-reply:before, .fa-reply:before { content: "\f112"; } - -/* line 272, ../src/sass/fontawesome/_icons.scss */ -.fa-github-alt:before { content: "\f113"; } - -/* line 273, ../src/sass/fontawesome/_icons.scss */ -.fa-folder-o:before { content: "\f114"; } - -/* line 274, ../src/sass/fontawesome/_icons.scss */ -.fa-folder-open-o:before { content: "\f115"; } - -/* line 275, ../src/sass/fontawesome/_icons.scss */ -.fa-smile-o:before { content: "\f118"; } - -/* line 276, ../src/sass/fontawesome/_icons.scss */ -.fa-frown-o:before { content: "\f119"; } - -/* line 277, ../src/sass/fontawesome/_icons.scss */ -.fa-meh-o:before { content: "\f11a"; } - -/* line 278, ../src/sass/fontawesome/_icons.scss */ -.fa-gamepad:before { content: "\f11b"; } - -/* line 279, ../src/sass/fontawesome/_icons.scss */ -.fa-keyboard-o:before { content: "\f11c"; } - -/* line 280, ../src/sass/fontawesome/_icons.scss */ -.fa-flag-o:before { content: "\f11d"; } - -/* line 281, ../src/sass/fontawesome/_icons.scss */ -.fa-flag-checkered:before { content: "\f11e"; } - -/* line 282, ../src/sass/fontawesome/_icons.scss */ -.fa-terminal:before { content: "\f120"; } - -/* line 283, ../src/sass/fontawesome/_icons.scss */ -.fa-code:before { content: "\f121"; } - -/* line 284, ../src/sass/fontawesome/_icons.scss */ -.fa-reply-all:before { content: "\f122"; } - -/* line 285, ../src/sass/fontawesome/_icons.scss */ -.fa-mail-reply-all:before { content: "\f122"; } - -/* line 286, ../src/sass/fontawesome/_icons.scss */ -.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } - -/* line 289, ../src/sass/fontawesome/_icons.scss */ -.fa-location-arrow:before { content: "\f124"; } - -/* line 290, ../src/sass/fontawesome/_icons.scss */ -.fa-crop:before { content: "\f125"; } - -/* line 291, ../src/sass/fontawesome/_icons.scss */ -.fa-code-fork:before { content: "\f126"; } - -/* line 292, ../src/sass/fontawesome/_icons.scss */ -.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } - -/* line 294, ../src/sass/fontawesome/_icons.scss */ -.fa-question:before { content: "\f128"; } - -/* line 295, ../src/sass/fontawesome/_icons.scss */ -.fa-info:before { content: "\f129"; } - -/* line 296, ../src/sass/fontawesome/_icons.scss */ -.fa-exclamation:before { content: "\f12a"; } - -/* line 297, ../src/sass/fontawesome/_icons.scss */ -.fa-superscript:before { content: "\f12b"; } - -/* line 298, ../src/sass/fontawesome/_icons.scss */ -.fa-subscript:before { content: "\f12c"; } - -/* line 299, ../src/sass/fontawesome/_icons.scss */ -.fa-eraser:before { content: "\f12d"; } - -/* line 300, ../src/sass/fontawesome/_icons.scss */ -.fa-puzzle-piece:before { content: "\f12e"; } - -/* line 301, ../src/sass/fontawesome/_icons.scss */ -.fa-microphone:before { content: "\f130"; } - -/* line 302, ../src/sass/fontawesome/_icons.scss */ -.fa-microphone-slash:before { content: "\f131"; } - -/* line 303, ../src/sass/fontawesome/_icons.scss */ -.fa-shield:before { content: "\f132"; } - -/* line 304, ../src/sass/fontawesome/_icons.scss */ -.fa-calendar-o:before { content: "\f133"; } - -/* line 305, ../src/sass/fontawesome/_icons.scss */ -.fa-fire-extinguisher:before { content: "\f134"; } - -/* line 306, ../src/sass/fontawesome/_icons.scss */ -.fa-rocket:before { content: "\f135"; } - -/* line 307, ../src/sass/fontawesome/_icons.scss */ -.fa-maxcdn:before { content: "\f136"; } - -/* line 308, ../src/sass/fontawesome/_icons.scss */ -.fa-chevron-circle-left:before { content: "\f137"; } - -/* line 309, ../src/sass/fontawesome/_icons.scss */ -.fa-chevron-circle-right:before { content: "\f138"; } - -/* line 310, ../src/sass/fontawesome/_icons.scss */ -.fa-chevron-circle-up:before { content: "\f139"; } - -/* line 311, ../src/sass/fontawesome/_icons.scss */ -.fa-chevron-circle-down:before { content: "\f13a"; } - -/* line 312, ../src/sass/fontawesome/_icons.scss */ -.fa-html5:before { content: "\f13b"; } - -/* line 313, ../src/sass/fontawesome/_icons.scss */ -.fa-css3:before { content: "\f13c"; } - -/* line 314, ../src/sass/fontawesome/_icons.scss */ -.fa-anchor:before { content: "\f13d"; } - -/* line 315, ../src/sass/fontawesome/_icons.scss */ -.fa-unlock-alt:before { content: "\f13e"; } - -/* line 316, ../src/sass/fontawesome/_icons.scss */ -.fa-bullseye:before { content: "\f140"; } - -/* line 317, ../src/sass/fontawesome/_icons.scss */ -.fa-ellipsis-h:before { content: "\f141"; } - -/* line 318, ../src/sass/fontawesome/_icons.scss */ -.fa-ellipsis-v:before { content: "\f142"; } - -/* line 319, ../src/sass/fontawesome/_icons.scss */ -.fa-rss-square:before { content: "\f143"; } - -/* line 320, ../src/sass/fontawesome/_icons.scss */ -.fa-play-circle:before { content: "\f144"; } - -/* line 321, ../src/sass/fontawesome/_icons.scss */ -.fa-ticket:before { content: "\f145"; } - -/* line 322, ../src/sass/fontawesome/_icons.scss */ -.fa-minus-square:before { content: "\f146"; } - -/* line 323, ../src/sass/fontawesome/_icons.scss */ -.fa-minus-square-o:before { content: "\f147"; } - -/* line 324, ../src/sass/fontawesome/_icons.scss */ -.fa-level-up:before { content: "\f148"; } - -/* line 325, ../src/sass/fontawesome/_icons.scss */ -.fa-level-down:before { content: "\f149"; } - -/* line 326, ../src/sass/fontawesome/_icons.scss */ -.fa-check-square:before { content: "\f14a"; } - -/* line 327, ../src/sass/fontawesome/_icons.scss */ -.fa-pencil-square:before { content: "\f14b"; } - -/* line 328, ../src/sass/fontawesome/_icons.scss */ -.fa-external-link-square:before { content: "\f14c"; } - -/* line 329, ../src/sass/fontawesome/_icons.scss */ -.fa-share-square:before { content: "\f14d"; } - -/* line 330, ../src/sass/fontawesome/_icons.scss */ -.fa-compass:before { content: "\f14e"; } - -/* line 331, ../src/sass/fontawesome/_icons.scss */ -.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } - -/* line 333, ../src/sass/fontawesome/_icons.scss */ -.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } - -/* line 335, ../src/sass/fontawesome/_icons.scss */ -.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } - -/* line 337, ../src/sass/fontawesome/_icons.scss */ -.fa-euro:before, .fa-eur:before { content: "\f153"; } - -/* line 339, ../src/sass/fontawesome/_icons.scss */ -.fa-gbp:before { content: "\f154"; } - -/* line 340, ../src/sass/fontawesome/_icons.scss */ -.fa-dollar:before, .fa-usd:before { content: "\f155"; } - -/* line 342, ../src/sass/fontawesome/_icons.scss */ -.fa-rupee:before, .fa-inr:before { content: "\f156"; } - -/* line 344, ../src/sass/fontawesome/_icons.scss */ -.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } - -/* line 348, ../src/sass/fontawesome/_icons.scss */ -.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } - -/* line 351, ../src/sass/fontawesome/_icons.scss */ -.fa-won:before, .fa-krw:before { content: "\f159"; } - -/* line 353, ../src/sass/fontawesome/_icons.scss */ -.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } - -/* line 355, ../src/sass/fontawesome/_icons.scss */ -.fa-file:before { content: "\f15b"; } - -/* line 356, ../src/sass/fontawesome/_icons.scss */ -.fa-file-text:before { content: "\f15c"; } - -/* line 357, ../src/sass/fontawesome/_icons.scss */ -.fa-sort-alpha-asc:before { content: "\f15d"; } - -/* line 358, ../src/sass/fontawesome/_icons.scss */ -.fa-sort-alpha-desc:before { content: "\f15e"; } - -/* line 359, ../src/sass/fontawesome/_icons.scss */ -.fa-sort-amount-asc:before { content: "\f160"; } - -/* line 360, ../src/sass/fontawesome/_icons.scss */ -.fa-sort-amount-desc:before { content: "\f161"; } - -/* line 361, ../src/sass/fontawesome/_icons.scss */ -.fa-sort-numeric-asc:before { content: "\f162"; } - -/* line 362, ../src/sass/fontawesome/_icons.scss */ -.fa-sort-numeric-desc:before { content: "\f163"; } - -/* line 363, ../src/sass/fontawesome/_icons.scss */ -.fa-thumbs-up:before { content: "\f164"; } - -/* line 364, ../src/sass/fontawesome/_icons.scss */ -.fa-thumbs-down:before { content: "\f165"; } - -/* line 365, ../src/sass/fontawesome/_icons.scss */ -.fa-youtube-square:before { content: "\f166"; } - -/* line 366, ../src/sass/fontawesome/_icons.scss */ -.fa-youtube:before { content: "\f167"; } - -/* line 367, ../src/sass/fontawesome/_icons.scss */ -.fa-xing:before { content: "\f168"; } - -/* line 368, ../src/sass/fontawesome/_icons.scss */ -.fa-xing-square:before { content: "\f169"; } - -/* line 369, ../src/sass/fontawesome/_icons.scss */ -.fa-youtube-play:before { content: "\f16a"; } - -/* line 370, ../src/sass/fontawesome/_icons.scss */ -.fa-dropbox:before { content: "\f16b"; } - -/* line 371, ../src/sass/fontawesome/_icons.scss */ -.fa-stack-overflow:before { content: "\f16c"; } - -/* line 372, ../src/sass/fontawesome/_icons.scss */ -.fa-instagram:before { content: "\f16d"; } - -/* line 373, ../src/sass/fontawesome/_icons.scss */ -.fa-flickr:before { content: "\f16e"; } - -/* line 374, ../src/sass/fontawesome/_icons.scss */ -.fa-adn:before { content: "\f170"; } - -/* line 375, ../src/sass/fontawesome/_icons.scss */ -.fa-bitbucket:before { content: "\f171"; } - -/* line 376, ../src/sass/fontawesome/_icons.scss */ -.fa-bitbucket-square:before { content: "\f172"; } - -/* line 377, ../src/sass/fontawesome/_icons.scss */ -.fa-tumblr:before { content: "\f173"; } - -/* line 378, ../src/sass/fontawesome/_icons.scss */ -.fa-tumblr-square:before { content: "\f174"; } - -/* line 379, ../src/sass/fontawesome/_icons.scss */ -.fa-long-arrow-down:before { content: "\f175"; } - -/* line 380, ../src/sass/fontawesome/_icons.scss */ -.fa-long-arrow-up:before { content: "\f176"; } - -/* line 381, ../src/sass/fontawesome/_icons.scss */ -.fa-long-arrow-left:before { content: "\f177"; } - -/* line 382, ../src/sass/fontawesome/_icons.scss */ -.fa-long-arrow-right:before { content: "\f178"; } - -/* line 383, ../src/sass/fontawesome/_icons.scss */ -.fa-apple:before { content: "\f179"; } - -/* line 384, ../src/sass/fontawesome/_icons.scss */ -.fa-windows:before { content: "\f17a"; } - -/* line 385, ../src/sass/fontawesome/_icons.scss */ -.fa-android:before { content: "\f17b"; } - -/* line 386, ../src/sass/fontawesome/_icons.scss */ -.fa-linux:before { content: "\f17c"; } - -/* line 387, ../src/sass/fontawesome/_icons.scss */ -.fa-dribbble:before { content: "\f17d"; } - -/* line 388, ../src/sass/fontawesome/_icons.scss */ -.fa-skype:before { content: "\f17e"; } - -/* line 389, ../src/sass/fontawesome/_icons.scss */ -.fa-foursquare:before { content: "\f180"; } - -/* line 390, ../src/sass/fontawesome/_icons.scss */ -.fa-trello:before { content: "\f181"; } - -/* line 391, ../src/sass/fontawesome/_icons.scss */ -.fa-female:before { content: "\f182"; } - -/* line 392, ../src/sass/fontawesome/_icons.scss */ -.fa-male:before { content: "\f183"; } - -/* line 393, ../src/sass/fontawesome/_icons.scss */ -.fa-gittip:before { content: "\f184"; } - -/* line 394, ../src/sass/fontawesome/_icons.scss */ -.fa-sun-o:before { content: "\f185"; } - -/* line 395, ../src/sass/fontawesome/_icons.scss */ -.fa-moon-o:before { content: "\f186"; } - -/* line 396, ../src/sass/fontawesome/_icons.scss */ -.fa-archive:before { content: "\f187"; } - -/* line 397, ../src/sass/fontawesome/_icons.scss */ -.fa-bug:before { content: "\f188"; } - -/* line 398, ../src/sass/fontawesome/_icons.scss */ -.fa-vk:before { content: "\f189"; } - -/* line 399, ../src/sass/fontawesome/_icons.scss */ -.fa-weibo:before { content: "\f18a"; } - -/* line 400, ../src/sass/fontawesome/_icons.scss */ -.fa-renren:before { content: "\f18b"; } - -/* line 401, ../src/sass/fontawesome/_icons.scss */ -.fa-pagelines:before { content: "\f18c"; } - -/* line 402, ../src/sass/fontawesome/_icons.scss */ -.fa-stack-exchange:before { content: "\f18d"; } - -/* line 403, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-circle-o-right:before { content: "\f18e"; } - -/* line 404, ../src/sass/fontawesome/_icons.scss */ -.fa-arrow-circle-o-left:before { content: "\f190"; } - -/* line 405, ../src/sass/fontawesome/_icons.scss */ -.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } - -/* line 407, ../src/sass/fontawesome/_icons.scss */ -.fa-dot-circle-o:before { content: "\f192"; } - -/* line 408, ../src/sass/fontawesome/_icons.scss */ -.fa-wheelchair:before { content: "\f193"; } - -/* line 409, ../src/sass/fontawesome/_icons.scss */ -.fa-vimeo-square:before { content: "\f194"; } - -/* line 410, ../src/sass/fontawesome/_icons.scss */ -.fa-turkish-lira:before, .fa-try:before { content: "\f195"; } - -/* line 412, ../src/sass/fontawesome/_icons.scss */ -.fa-plus-square-o:before { content: "\f196"; } - -/*! - -BYU Styles - -*/ -/* line 3, ../src/sass/responsive/_bootstrap-override.scss */ -.btn-info { color: #114477; text-shadow: #fff 0px -1px 0px; } -/* line 6, ../src/sass/responsive/_bootstrap-override.scss */ -.btn-info:hover { color: #002255; } - -/* line 11, ../src/sass/responsive/_bootstrap-override.scss */ -.bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } - -/* line 21, ../src/sass/responsive/_bootstrap-override.scss */ -.bs-docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; } - -/* line 36, ../src/sass/responsive/_bootstrap-override.scss */ -.bs-docs-example + .prettyprint { margin-top: -20px; padding-top: 15px; } - -/* line 40, ../src/sass/responsive/_bootstrap-override.scss */ -h3 code { font-size: 15px; font-weight: normal; } - -/* line 44, ../src/sass/responsive/_bootstrap-override.scss */ -pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } - -/* line 61, ../src/sass/responsive/_bootstrap-override.scss */ -code, pre { padding: 0 3px 2px; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } - -/* line 69, ../src/sass/responsive/_bootstrap-override.scss */ -dd { margin-left: 10px; padding: 0 0 10px 0; } - -/* line 73, ../src/sass/responsive/_bootstrap-override.scss */ -.bs-docs-separator { margin: 40px 0 39px; } - -/* line 78, ../src/sass/responsive/_bootstrap-override.scss */ -a:link.btn, a:visited.btn { color: #333; } -/* line 81, ../src/sass/responsive/_bootstrap-override.scss */ -a:link.btn-primary, a:link.btn-success, a:link.btn-warning, a:link.btn-danger, a:link.btn-inverse, a:visited.btn-primary, a:visited.btn-success, a:visited.btn-warning, a:visited.btn-danger, a:visited.btn-inverse { color: #fff; } -/* line 84, ../src/sass/responsive/_bootstrap-override.scss */ -a:link.btn-link, a:link.btn-info, a:visited.btn-link, a:visited.btn-info { color: #336699; } - -/*! - -* Header & Footer -* -*/ -/* line 14, ../src/sass/responsive/_header-footer.scss */ -#logo { padding-left: 3%; } -/* line 16, ../src/sass/responsive/_header-footer.scss */ -#logo h2 { margin-left: -9px; } - -/* line 20, ../src/sass/responsive/_header-footer.scss */ -a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } - -/* line 24, ../src/sass/responsive/_header-footer.scss */ -#header-top a.sign-in { right: 3%; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #336699); background: -moz-linear-gradient(top, #628cb6, #336699); background: -ms-linear-gradient(top, #628cb6, #336699); background: -o-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); } -/* line 28, ../src/sass/responsive/_header-footer.scss */ -#header-top a.sign-in:hover { border: none; margin: 0; background: #366797; background: -webkit-linear-gradient(top, #4a79a7, #225588); background: -moz-linear-gradient(top, #4a79a7, #225588); background: -ms-linear-gradient(top, #4a79a7, #225588); background: -o-linear-gradient(top, #4a79a7, #225588); background: linear-gradient(to bottom, #4a79a7, #225588); } - -/* line 35, ../src/sass/responsive/_header-footer.scss */ -#site-name { text-shadow: 0 0 12px rgba(0, 25, 72, 0.5); } - -/* line 39, ../src/sass/responsive/_header-footer.scss */ -.parentlink { text-shadow: 0 0 6px rgba(0, 25, 72, 0.65); } - -/* line 44, ../src/sass/responsive/_header-footer.scss */ -#site-name:hover, .parentlink:hover { text-decoration: none; text-shadow: 0 0 20px #001948; } - -/* line 51, ../src/sass/responsive/_header-footer.scss */ -#logo a.parentlink:hover { color: #fff; } - -/* line 56, ../src/sass/responsive/_header-footer.scss */ -#page-footer { -webkit-box-shadow: 0 -1px 0px #dddddd; -moz-box-shadow: 0 -1px 0px #dddddd; box-shadow: 0 -1px 0px #dddddd; border-top: 1px solid #fff; } - -@media all and (min-width: 32em) { /* line 63, ../src/sass/responsive/_header-footer.scss */ - #logo a.byu { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.png"); width: 350px; } - /* line 66, ../src/sass/responsive/_header-footer.scss */ - .svg #logo a.byu { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.svg"); } } -/* Medium width */ -@media all and (min-width: 600px) { /* line 80, ../src/sass/responsive/_header-footer.scss */ - #main-header { background: #003366 url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.png") top left no-repeat; background-size: 100% 100%; } - /* line 83, ../src/sass/responsive/_header-footer.scss */ - .svg #main-header { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.svg"); } - /* line 88, ../src/sass/responsive/_header-footer.scss */ - #header-top h1 { margin: .25em 4% .4em; } - /* line 93, ../src/sass/responsive/_header-footer.scss */ - #logo { background-color: transparent; padding-bottom: 0; border: none; } - /* line 99, ../src/sass/responsive/_header-footer.scss */ - .parentlink { letter-spacing: 1px; } - /* line 106, ../src/sass/responsive/_header-footer.scss */ - #page-footer .wrapper { margin-left: 4%; margin-right: 4%; } - /* line 114, ../src/sass/responsive/_header-footer.scss */ - #footer-links .col { display: inline-block; vertical-align: top; width: 41.855%; margin-left: 5.43%; padding-top: 1em; } - /* line 121, ../src/sass/responsive/_header-footer.scss */ - #footer-links .double { width: 89.14%; } - /* line 123, ../src/sass/responsive/_header-footer.scss */ - #footer-links .double .right, #footer-links .double .left { width: 46%; display: inline-block; } - /* line 127, ../src/sass/responsive/_header-footer.scss */ - #footer-links .double .right { margin-left: 7%; } - /* line 131, ../src/sass/responsive/_header-footer.scss */ - #footer-links h2 { margin: 0; } } -@media all and (min-width: 900px) { /* line 153, ../src/sass/responsive/_header-footer.scss */ - #page-footer .wrapper { margin: 1em auto 2em; } - /* line 157, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom { padding: .5em 9% 1px; } - /* line 159, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom a { display: inline-block; text-indent: -999em; } - /* line 164, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom #lds { text-indent: 0em; } - /* line 166, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom a#copyright { text-indent: 0em; } - /* line 172, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom a#ldsbc, #page-footer #footer-bottom a#byui, #page-footer #footer-bottom a#byuh, #page-footer #footer-bottom a#byu { background: transparent url("../img/footer-logos.png") no-repeat; opacity: 0.7; margin: 0 5px; height: 51px; width: 70px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; float: left; } - /* line 181, ../src/sass/responsive/_header-footer.scss */ - .svg #page-footer #footer-bottom a#ldsbc, .svg #page-footer #footer-bottom a#byui, .svg #page-footer #footer-bottom a#byuh, .svg #page-footer #footer-bottom a#byu { background-image: url("../img/footer-logos.svg"); } - /* line 185, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom a#ldsbc:hover, #page-footer #footer-bottom a#byui:hover, #page-footer #footer-bottom a#byuh:hover, #page-footer #footer-bottom a#byu:hover { opacity: 1; } - /* line 190, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom a#lds { width: 14em; text-align: center; opacity: .9; float: right; margin-right: -15px; /* -@extend %school-link; -background-position: -425px 0; -width: 160px; -*/ } - /* line 203, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom a#ldsbc { background-position: -300px 0; } - /* line 208, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom a#byui { background-position: -210px 0; margin-left: -6px; } - /* line 214, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom a#byuh { background-position: -110px 0; } - /* line 218, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-bottom a#byu { background-position: -8px -9px; margin-left: -6px; width: 80px; } - /* line 229, ../src/sass/responsive/_header-footer.scss */ - #footer-links .wrapper { margin-right: 0; margin-left: 9%; } - /* line 233, ../src/sass/responsive/_header-footer.scss */ - #footer-links .col { display: inline-block; vertical-align: top; width: 16.4%; margin-left: 2%; padding-top: 1em; } - /* line 240, ../src/sass/responsive/_header-footer.scss */ - #footer-links .double { width: 34.8%; } - /* line 242, ../src/sass/responsive/_header-footer.scss */ - #footer-links .double .right, #footer-links .double .left { width: 43%; display: inline-block; } - /* line 246, ../src/sass/responsive/_header-footer.scss */ - #footer-links .double .right { margin-left: 10%; } - /* line 250, ../src/sass/responsive/_header-footer.scss */ - #footer-links .col.alpha, #footer-links .col:first-child { margin-left: 0; } } -@media all and (min-width: 1146px) { /* line 259, ../src/sass/responsive/_header-footer.scss */ - #page-footer #footer-links .wrapper { width: 1146px; max-width: 1146px; padding-left: 103.14px; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } -/* line 1, ../src/sass/responsive/_breadcrumb.scss */ -.breadcrumb { display: block; padding: 0; background-color: transparent; } -/* line 6, ../src/sass/responsive/_breadcrumb.scss */ -.breadcrumb > li a { text-shadow: none; } -/* line 10, ../src/sass/responsive/_breadcrumb.scss */ -.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited { color: #336699; } -/* line 14, ../src/sass/responsive/_breadcrumb.scss */ -.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus { text-decoration: none; color: #003366; } -/* line 19, ../src/sass/responsive/_breadcrumb.scss */ -.breadcrumb .divider { width: 10px; } - -/*! -* Search -*/ -/* Small width */ -/* line 16, ../src/sass/responsive/_search.scss */ -#search-menu { height: auto; padding: 5px 3% 5px 75px; overflow: hidden; z-index: 10; min-height: 42px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } - -/* line 26, ../src/sass/responsive/_search.scss */ -#search-container { padding: 0; height: 32px; position: relative; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #336699); background: -moz-linear-gradient(top, #628cb6, #336699); background: -ms-linear-gradient(top, #628cb6, #336699); background: -o-linear-gradient(top, #628cb6, #336699); background: linear-gradient(to bottom, #628cb6, #336699); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); /** Styling for both search forms **/ } -/* line 34, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper { background: none; position: absolute; padding: 0 5px; top: 1px; left: 0; text-align: left; } -/* line 42, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper div, #search-container .gcse-wrapper table, #search-container .gcse-wrapper td, #search-container .gcse-wrapper form { padding: 0; margin: 0; border: 0; background: none; position: static; } -/* line 52, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-control-cse td { vertical-align: top !important; } -/* line 53, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box { background: none; padding: 0; } -/* line 61, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box-hover, #search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box-focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } -/* line 64, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-control-cse td.gsc-search-button { padding: 0; } -/* line 66, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-control-cse td.gsc-search-button input.gsc-search-button-v2 { background: none; border: none; text-indent: -1000px; overflow: hidden; margin: 0 0 0 -5px; padding: 8px 1.5em; } -/* line 78, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results-wrapper-overlay { background: #fff; left: 2%; width: 86%; padding: 10px 5%; border: 1px solid #bbb; -moz-box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); } -/* line 86, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results-wrapper-overlay a, #search-container .gcse-wrapper .gsc-results-wrapper-overlay a b { color: #264cb2; } -/* line 89, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results-wrapper-overlay a:visited, #search-container .gcse-wrapper .gsc-results-wrapper-overlay a:visited b { color: #539; } -/* line 93, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-above-wrapper-area { padding: 8px 0; border-bottom: 1px solid #ddd; } -/* line 98, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn { top: 7px; right: 7px; background: #d8e8f7; background: -webkit-linear-gradient(top, #e0edf9, #d1e4f6); background: -moz-linear-gradient(top, #e0edf9, #d1e4f6); background: -ms-linear-gradient(top, #e0edf9, #d1e4f6); background: -o-linear-gradient(top, #e0edf9, #d1e4f6); background: linear-gradient(to bottom, #e0edf9, #d1e4f6); border: 1px solid #91b2d2; width: 2.3em; height: 2.3em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } -/* line 109, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:before { content: "×"; font-size: 2em; position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #336699; line-height: 1em; } -/* line 120, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:hover { background: #cbdff2; background: -webkit-linear-gradient(top, #d8e8f7, #bed6ed); background: -moz-linear-gradient(top, #d8e8f7, #bed6ed); background: -ms-linear-gradient(top, #d8e8f7, #bed6ed); background: -o-linear-gradient(top, #d8e8f7, #bed6ed); background: linear-gradient(to bottom, #d8e8f7, #bed6ed); border-color: #628cb6; } -/* line 124, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:hover:before { color: #001948; } -/* line 133, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results .gsc-cursor-box { margin: 2em 0 3em; } -/* line 136, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page { padding: .75em; background-color: #eee; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } -/* line 142, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background-color: #114477; color: #fff; text-decoration: none; } -/* line 148, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page { background-color: #336699; color: #fff; } -/* line 153, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-results .gsc-cursor { display: inline; } -/* line 159, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsib_b div { position: absolute; top: 5px; right: 48px; } -/* line 164, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsib_b div a span { color: #aaa; } -/* line 167, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsib_b div a:hover span { color: #777; } -/* line 173, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-result { padding: .75em 0; } -/* line 182, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gs-webResult .gs-snippet, #search-container .gcse-wrapper .gs-imageResult .gs-snippet, #search-container .gcse-wrapper .gs-fileFormatType { color: #555; } -/* line 186, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper .gsc-url-top { margin: .2em 0 .4em; } -/* line 192, ../src/sass/responsive/_search.scss */ -#search-container .gsc-search-button, #search-container .gsc-search-button-v2 { background-color: #628cb6; background-image: none; padding: 7px 18px; position: relative; top: 1px; } -/* line 198, ../src/sass/responsive/_search.scss */ -#search-container .gsc-search-button:hover, #search-container .gsc-search-button:active, #search-container .gsc-search-button-v2:hover, #search-container .gsc-search-button-v2:active { margin: 0; margin-right: -2px; } -/* line 204, ../src/sass/responsive/_search.scss */ -#search-container input.gsc-input { background-position: 14px 50% !important; } -/* line 209, ../src/sass/responsive/_search.scss */ -#search-container .gsc-input-box { padding-right: 20px !important; position: relative; padding-right: 0 !important; height: auto; } -/* line 218, ../src/sass/responsive/_search.scss */ -#search-container #basic-search, #search-container .gcse-wrapper { margin: 0; top: 0; left: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } -/* line 226, ../src/sass/responsive/_search.scss */ -#search-container #basic-search { padding-right: 43px; } -/* line 229, ../src/sass/responsive/_search.scss */ -#search-container .gcse-wrapper { width: 100%; } -/* line 233, ../src/sass/responsive/_search.scss */ -#search-container #search-submit { background: url(../img/search_box_icon.png) 9px 8px no-repeat; overflow: hidden; text-indent: -1000px; margin: 0; padding-left: 0; width: 34px; top: 1px; } -/* line 243, ../src/sass/responsive/_search.scss */ -#search-container #basic-search #search, #search-container input.gsc-input { border: 0 !important; padding: 6px 8px 6px 14px !important; background-position: 14px 50% !important; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } -/* line 253, ../src/sass/responsive/_search.scss */ -#search-container #basic-search #search::selection, #search-container input.gsc-input::selection { border: 0; } -/* line 258, ../src/sass/responsive/_search.scss */ -#search-container input.gsc-input { position: relative; top: 1px; height: 30px !important; } - -/*** Medium width ***/ -@media all and (min-width: 600px) { /* line 284, ../src/sass/responsive/_search.scss */ - #search-menu { padding-left: 37%; text-align: right; border: none; } } -/*! - -* Navigation -* -*/ -/* line 12, ../src/sass/responsive/_nav.scss */ -html { overflow-x: hidden; overflow-y: scroll; } - -/* Side slider navigation */ -/* line 19, ../src/sass/responsive/_nav.scss */ -body { -moz-transition: left, height 0.2s ease; -o-transition: left, height 0.2s ease; -webkit-transition: left, height 0.2s ease; transition: left, height 0.2s ease; position: relative; left: 0; overflow: hidden; } - -/* line 26, ../src/sass/responsive/_nav.scss */ -#content { background-color: white; } - -/* line 30, ../src/sass/responsive/_nav.scss */ -#main-header, #content, #page-footer, #search-menu { z-index: 2; left: 0%; -moz-transition: left 0.2s ease; -o-transition: left 0.2s ease; -webkit-transition: left 0.2s ease; transition: left 0.2s ease; } - -/* line 36, ../src/sass/responsive/_nav.scss */ -body.sideNav { min-height: 1600px; } -/* line 39, ../src/sass/responsive/_nav.scss */ -body.sideNav #main-header, body.sideNav #search-menu, body.sideNav #content, body.sideNav #page-footer { left: 75%; } - -/* line 45, ../src/sass/responsive/_nav.scss */ -.nav-container { min-height: 100%; position: absolute; left: 0; top: 0; width: 75%; z-index: 1; background-color: #002255; } -/* line 54, ../src/sass/responsive/_nav.scss */ -.nav-container a:active { background-color: transparent; } -/* line 58, ../src/sass/responsive/_nav.scss */ -.nav-container:after { content: " "; display: block; width: 15px; height: 100%; position: absolute; top: 0; right: 0; background-image: -moz-linear-gradient(left, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); background-image: -webkit-linear-gradient(left, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); background-image: linear-gradient(to right, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); } - -/* Reset from base */ -/* line 73, ../src/sass/responsive/_nav.scss */ -#primary-nav, #secondary-nav { border-top: none; padding: 0; } - -/* Menu button */ -/* line 79, ../src/sass/responsive/_nav.scss */ -.menu-button { position: absolute; top: 0; left: 0; text-indent: -9999em; border-right: 1px solid #114477; width: 60px; height: 45px; display: block; background-image: -moz-linear-gradient(#002255, #001948); background-image: -webkit-linear-gradient(#002255, #001948); background-image: linear-gradient(#002255, #001948); } -/* line 89, ../src/sass/responsive/_nav.scss */ -.menu-button:hover { background-image: -moz-linear-gradient(#336699, #114477); background-image: -webkit-linear-gradient(#336699, #114477); background-image: linear-gradient(#336699, #114477); } -/* line 91, ../src/sass/responsive/_nav.scss */ -.menu-button:hover:before { color: white; } -/* line 95, ../src/sass/responsive/_nav.scss */ -.menu-button:before { content: "\f0c9"; font-family: "FontAwesome"; position: absolute; width: 100%; text-align: center; top: 12px; display: block; text-indent: 0; font-size: 25px; color: #d1e4f6; } - -/* Side Navigation */ -/* line 110, ../src/sass/responsive/_nav.scss */ -#primary-nav, #secondary-nav { font-size: 1.2em; } -/* line 112, ../src/sass/responsive/_nav.scss */ -#primary-nav a, #secondary-nav a { color: #e0edf9; padding: 1em 5%; display: block; text-shadow: 0px -1px 0px black; } -/* line 117, ../src/sass/responsive/_nav.scss */ -#primary-nav a:hover, #secondary-nav a:hover { text-decoration: none; background-color: transparent; color: #fff; } -/* line 123, ../src/sass/responsive/_nav.scss */ -#primary-nav > ul, #secondary-nav > ul { padding: 0; background: #003366; border-right: 1px solid #114477; } -/* line 129, ../src/sass/responsive/_nav.scss */ -#primary-nav li, #secondary-nav li { display: block; float: none; padding: 0; border-bottom: 1px solid #002255; border-top: 1px solid #114477; overflow: hidden; } -/* line 136, ../src/sass/responsive/_nav.scss */ -#primary-nav li.left, #secondary-nav li.left, #primary-nav li.right, #secondary-nav li.right { padding: 0; } -/* line 137, ../src/sass/responsive/_nav.scss */ -#primary-nav li.hover, #secondary-nav li.hover { background-color: #001948; } - -/* line 141, ../src/sass/responsive/_nav.scss */ -#primary-nav .mega, #primary-nav .sub, #secondary-nav .sub { background-color: #002255; margin: 0; max-height: 0px; position: relative; -moz-transition: max-height 0.2s ease; -o-transition: max-height 0.2s ease; -webkit-transition: max-height 0.2s ease; transition: max-height 0.2s ease; } -/* line 147, ../src/sass/responsive/_nav.scss */ -#primary-nav .mega a, #primary-nav .sub a, #secondary-nav .sub a { padding-left: 1.75em; border-top: 1px solid #003366; border-bottom: 1px solid #001948; padding: .4em 10%; padding-right: 5%; color: #e0edf9; } -/* line 154, ../src/sass/responsive/_nav.scss */ -#primary-nav .mega a:hover, #primary-nav .sub a:hover, #secondary-nav .sub a:hover { color: #fff; } -/* line 156, ../src/sass/responsive/_nav.scss */ -#primary-nav .mega .sublinks a, #primary-nav .sub .sublinks a, #secondary-nav .sub .sublinks a { padding-left: 15%; } -/* line 159, ../src/sass/responsive/_nav.scss */ -#primary-nav .mega ul, #primary-nav .sub ul, #secondary-nav .sub ul { padding: 0; margin: 0; } -/* line 163, ../src/sass/responsive/_nav.scss */ -#primary-nav .mega li, #primary-nav .sub li, #secondary-nav .sub li { border: none; } - -/* line 166, ../src/sass/responsive/_nav.scss */ -#primary-nav li.hover .mega, #primary-nav li.hover .sub, #secondary-nav li.hover .sub { max-height: 1500px; } - -/* Primary Nav */ -/* line 169, ../src/sass/responsive/_nav.scss */ -#primary-nav { margin-top: 1em; } -/* line 174, ../src/sass/responsive/_nav.scss */ -#primary-nav .highlight, #primary-nav .featured, #primary-nav hr { display: none; } -/* line 176, ../src/sass/responsive/_nav.scss */ -#primary-nav a.current, #primary-nav a:hover { color: #fff; background-color: #003366; background-image: -moz-linear-gradient(#336699, #003366 1px, #002255); background-image: -webkit-linear-gradient(#336699, #003366 1px, #002255); background-image: linear-gradient(#336699, #003366 1px, #002255); } -/* line 183, ../src/sass/responsive/_nav.scss */ -#primary-nav .mega a:hover { background-color: #002255; background-image: -moz-linear-gradient(#336699, #002255 1px, #001948); background-image: -webkit-linear-gradient(#336699, #002255 1px, #001948); background-image: linear-gradient(#336699, #002255 1px, #001948); } - -/* Secondary Nav */ -/* line 193, ../src/sass/responsive/_nav.scss */ -#secondary-nav > ul { background-color: #336699; } -/* line 195, ../src/sass/responsive/_nav.scss */ -#secondary-nav a:hover { background-color: #114477; } -/* line 196, ../src/sass/responsive/_nav.scss */ -#secondary-nav ul { padding: 0; } -/* line 197, ../src/sass/responsive/_nav.scss */ -#secondary-nav li { border-top-color: #628cb6; border-bottom-color: #114477; } - -/* Sidebar nav */ -/* line 210, ../src/sass/responsive/_nav.scss */ -.sidebar-navigation nav.sidebar { background-color: #d1e4f6; padding: .5em 0 1em; margin: 3em -5.55% -2em; border-top: 1px solid #abc8e4; } -/* line 216, ../src/sass/responsive/_nav.scss */ -.sidebar-navigation nav.sidebar a { padding: .4em 5%; font-weight: bold; border: 1px solid transparent; border-right: none; } -/* line 221, ../src/sass/responsive/_nav.scss */ -.sidebar-navigation nav.sidebar a:hover { text-decoration: none; background-color: #e0edf9; color: #001948; } -/* line 227, ../src/sass/responsive/_nav.scss */ -.sidebar-navigation nav.sidebar .current a { background-color: rgba(255, 255, 255, 0.35); color: #001948; } - -/*** Medium width ***/ -@media all and (min-width: 600px) { /* line 261, ../src/sass/responsive/_nav.scss */ - .menu-button { width: auto; height: auto; text-align: left; text-indent: 0; border-right: 0; background-image: none; color: #abc8e4; font-weight: bold; font-size: 15px; padding: 9px 5% 12px 3%; } - /* line 272, ../src/sass/responsive/_nav.scss */ - .menu-button:link, .menu-button:visited { color: #abc8e4; } - /* line 275, ../src/sass/responsive/_nav.scss */ - .menu-button:hover, .menu-button:active { color: white; text-decoration: none; } - /* line 279, ../src/sass/responsive/_nav.scss */ - .menu-button:before { display: inline-block; position: relative; width: 24px; font-weight: normal; top: 3px; margin-right: 9px; } - /* line 290, ../src/sass/responsive/_nav.scss */ - #content.sidebar-navigation nav.sidebar { margin: 4em -11% -4em; } - /* line 292, ../src/sass/responsive/_nav.scss */ - #content.sidebar-navigation nav.sidebar a { padding-left: 9%; padding-right: 9%; } - /* line 301, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega .sublinks a, #primary-nav .sub .sublinks a, #secondary-nav .sub .sublinks a { padding-left: 12.5%; } } -/*! - -* -* Full menu width -* -* YOU CAN MAKE ADJUSTMENTS HERE BASED ON YOUR SITE'S MENU -* -* This media query should be set to the width where the primary menu will fit -* in the top bar without wrapping. Make sure to test in lots of browsers, -* and some buffer to account for differences in rendering. NOTE: If you use -* a width smaller than 45em, some other parts of the header may need to be -* adjusted--especially the BYU logo (it will run into the sign in button). -* -*/ -/* -* NOTE: The full-menu-width variable is found in _variables.scss -*/ -@media all and (min-width: 960px) { /* line 350, ../src/sass/responsive/_nav.scss */ - #main-header { background-size: 100% 96px; } - /* line 354, ../src/sass/responsive/_nav.scss */ - body.sideNav { min-height: 0; } - /* line 356, ../src/sass/responsive/_nav.scss */ - body.sideNav #main-header, body.sideNav #content, body.sideNav #page-footer, body.sideNav #search-menu { left: auto; } - /* line 361, ../src/sass/responsive/_nav.scss */ - #header-top { height: 96px; margin-right: 3%; margin-bottom: 36px; } - /* line 366, ../src/sass/responsive/_nav.scss */ - #header-top a.sign-in { right: 262px; } - /* line 371, ../src/sass/responsive/_nav.scss */ - #search-menu { width: 250px; margin: 0; padding: 0; position: absolute; top: .35em; left: auto; right: 3%; background-color: transparent; z-index: 10; overflow: visible; } - /* line 382, ../src/sass/responsive/_nav.scss */ - #search-menu .menu-button { display: none; color: #001948; } - /* line 389, ../src/sass/responsive/_nav.scss */ - .nav-container { width: 100%; display: block; top: 96px; min-height: 36px; z-index: 5; background-color: #001948; border-top: 1px solid #114477; border-bottom: 1px solid #336699; -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } - /* line 400, ../src/sass/responsive/_nav.scss */ - .nav-container:after { display: none; } - /* line 410, ../src/sass/responsive/_nav.scss */ - #primary-nav, #secondary-nav { font-size: 1em; } - /* line 412, ../src/sass/responsive/_nav.scss */ - #primary-nav > ul, #secondary-nav > ul { border-right: 0; background: transparent; } - /* line 415, ../src/sass/responsive/_nav.scss */ - #primary-nav > ul > li, #secondary-nav > ul > li { float: left; } - /* line 417, ../src/sass/responsive/_nav.scss */ - #primary-nav li, #secondary-nav li { border-top: 0px solid transparent; border-bottom: 0px solid transparent; } - /* line 420, ../src/sass/responsive/_nav.scss */ - #primary-nav li.hover, #secondary-nav li.hover { overflow: visible; } - /* line 422, ../src/sass/responsive/_nav.scss */ - #primary-nav li.hover > a, #secondary-nav li.hover > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; position: relative; z-index: 2; box-shadow: 0px 3px 0px #fff; } - /* line 428, ../src/sass/responsive/_nav.scss */ - #primary-nav li.hover a, #secondary-nav li.hover a { background: #fff; color: #001948; text-shadow: none; -moz-transition: background-color, 0.05s ease; -o-transition: background-color, 0.05s ease; -webkit-transition: background-color, 0.05s ease; transition: background-color, 0.05s ease; } - /* line 434, ../src/sass/responsive/_nav.scss */ - #primary-nav li.hover ul a:hover, #secondary-nav li.hover ul a:hover { background: #d1e4f6; color: #001948; } - /* line 440, ../src/sass/responsive/_nav.scss */ - #primary-nav a, #secondary-nav a { padding: .6em 1.2em; } - /* line 445, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega, #secondary-nav .sub { background-color: #fff; border-bottom: 2px solid #003366; display: none; font-size: 13px; left: 0; position: absolute; padding: .5em 0 1em; width: 15em; z-index: 1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); } - /* line 457, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega a, #secondary-nav .sub a { display: block; border: 0; padding: .4em 1.5em; } - /* line 472, ../src/sass/responsive/_nav.scss */ - #primary-nav { padding-left: 2%; margin-top: 0; } - /* line 476, ../src/sass/responsive/_nav.scss */ - #primary-nav > ul { margin: 0 auto; position: relative; } - /* line 481, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega { min-height: 400px; position: absolute; padding: 1em 0 2em; width: 97.95%; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } - /* line 488, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } - /* line 490, ../src/sass/responsive/_nav.scss */ - #primary-nav .sub { background-color: #fff; border-bottom: 3px solid #369; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7); display: none; margin-top: 0; padding: 10px; position: absolute; width: 222px; } - /* line 499, ../src/sass/responsive/_nav.scss */ - #primary-nav .sub li { margin-left: -10px; margin-right: -10px; } - /* line 500, ../src/sass/responsive/_nav.scss */ - #primary-nav .sub a { border: none; } - /* line 501, ../src/sass/responsive/_nav.scss */ - #primary-nav .sub .links { width: 100%; } - /* line 505, ../src/sass/responsive/_nav.scss */ - #primary-nav li.hover .mega, #primary-nav li.hover .sub, #primary-nav .highlight, #primary-nav .featured, #primary-nav hr { display: block; } - /* line 512, ../src/sass/responsive/_nav.scss */ - #primary-nav hr { border: none; border-top: 1px solid #ddd; } - /* line 517, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega li.featured { margin-bottom: 1em; padding-top: .5em; padding-bottom: 1em; border-bottom: 1px solid #ddd; } - /* line 522, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega li.featured a { font-weight: bold; } - /* line 526, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega .links { float: left; width: 34%; margin-left: 3%; margin-right: 3%; } - /* line 531, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega .links.double { width: 44%; margin-right: 0; } - /* line 535, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega .links.double .featured .sublinks { padding-left: 5%; } - /* line 537, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega .links.double .left { float: left; width: 50%; } - /* line 542, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega .links .sublinks { padding: 0 25px 0 .25em; } - /* line 544, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega .links .sublinks a { padding-left: 1.5em; } - /* line 547, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega .links .sublinks li a:before { font-family: 'fontawesome'; content: '\f105'; padding-right: 8px; list-style-type: none; color: #ddd; } - /* line 554, ../src/sass/responsive/_nav.scss */ - #primary-nav .mega .links .sublinks li a:hover:before { color: #fff; } - /* line 560, ../src/sass/responsive/_nav.scss */ - #primary-nav .highlight { float: left; padding-left: 2%; width: 24%; } - /* line 565, ../src/sass/responsive/_nav.scss */ - #primary-nav .highlight img { margin-bottom: 15px; } - /* line 569, ../src/sass/responsive/_nav.scss */ - #primary-nav .highlight a { padding: 0; color: #003366; } - /* line 572, ../src/sass/responsive/_nav.scss */ - #primary-nav .highlight a:hover { background-color: transparent; background-image: none; color: #001948; text-decoration: underline; } - /* line 582, ../src/sass/responsive/_nav.scss */ - #secondary-nav { position: absolute; top: -41px; right: 9px; } - /* line 588, ../src/sass/responsive/_nav.scss */ - #secondary-nav li.hover .sub { display: block; position: absolute; left: auto; } - /* line 593, ../src/sass/responsive/_nav.scss */ - #secondary-nav a { display: inline-block; color: #d1e4f6; } - /* line 596, ../src/sass/responsive/_nav.scss */ - #secondary-nav a:hover { background: transparent; color: #fff; } - /* line 605, ../src/sass/responsive/_nav.scss */ - #content.sidebar-navigation { background-image: -moz-linear-gradient(0deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-image: -webkit-linear-gradient(0deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-image: linear-gradient(90deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-size: 220px 100%; background-repeat: no-repeat; padding-left: 280px; padding-right: 70px; } - /* line 614, ../src/sass/responsive/_nav.scss */ - #content.sidebar-navigation nav.sidebar { padding: 1.5em 0; width: 220px; position: absolute; background-color: transparent; top: 0; left: 0; margin: 0; border: none; } - /* line 623, ../src/sass/responsive/_nav.scss */ - #content.sidebar-navigation nav.sidebar a { padding: .3em 1em .4em 1.5em; } - /* line 626, ../src/sass/responsive/_nav.scss */ - #content.sidebar-navigation nav.sidebar .current a { background-color: white; border-color: #abc8e4; } } -/*** Large width ***/ -/* - AnythingSlider v1.8+ Default theme - By Chris Coyier: http://css-tricks.com - with major improvements by Doug Neiner: http://pixelgraphics.us/ - based on work by Remy Sharp: http://jqueryfordesigners.com/ -*/ -/***************************** SET DEFAULT DIMENSIONS HERE ****************************/ -/* change the ID & dimensions to match your slider */ -/* line 12, ../src/sass/responsive/_anythingslider.scss */ -#slider { width: 100%; height: auto; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ overflow-y: auto; overflow-x: hidden; } - -/****************** SET STYLING HERE ***************** - - -/*********************** IE8 AND OLDER STYLING **********************/ -/* Navigation Arrows */ -/* line 31, ../src/sass/responsive/_anythingslider.scss */ -.as-oldie .anythingSlider-default .arrow { top: 30%; } - -/* line 34, ../src/sass/responsive/_anythingslider.scss */ -.as-oldie .anythingSlider-default .arrow a { margin: 0; } - -/* margin between nav buttons just looks better */ -/* line 39, ../src/sass/responsive/_anythingslider.scss */ -.as-oldie .anythingSlider-default .anythingControls li { margin-left: 3px; } - -/* When using the navigationSize option, the side margins need to be zero - None of the navigation panels look good in IE7 now =( */ -/* line 45, ../src/sass/responsive/_anythingslider.scss */ -.as-oldie .anythingSlider-default .anythingControls a { margin: 0; } - -/* line 48, ../src/sass/responsive/_anythingslider.scss */ -.as-oldie .anythingSlider-default .anythingNavWindow { margin: 0 2px; } - -/* line 51, ../src/sass/responsive/_anythingslider.scss */ -.as-oldie .anythingSlider-default .anythingNavWindow li { padding: 3px 0 0 0; } - -/*********************** COMMON SLIDER STYLING **********************/ -/* Overall Wrapper */ -/* line 59, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider { display: block; overflow: visible !important; position: relative; } - -/* anythingSlider viewport window */ -/* line 65, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } - -/* anythingSlider base (original element) */ -/* line 72, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; } - -/* Navigation arrow text; indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */ -/* line 85, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider .arrow span { display: block; visibility: hidden; } - -/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ -/* line 90, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider .arrow.disabled { display: none; } - -/* all panels inside the slider; horizontal mode */ -/* line 94, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } - -/* vertical mode */ -/* line 103, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider .vertical .panel { float: none; } - -/* fade mode */ -/* line 107, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider .fade .panel { float: none; position: absolute; top: 0; left: 0; z-index: 0; } - -/* fade mode active page - visible & on top */ -/* line 115, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider .fade .activePage { z-index: 1; } - -/*********************** RTL STYLING **********************/ -/* slider autoplay right-to-left, reverse order of nav links to look better */ -/* line 123, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } - -/* line 127, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider.rtl .anythingControls ul { float: left; } - -/* move nav link group to left */ -/* line 128, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider.rtl .anythingControls ul a { float: right; } - -/* reverse order of nav links */ -/* line 129, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider.rtl .start-stop { /* float: right; */ } - -/* move start/stop button - in case you want to switch sides */ -/* probably not necessary, but added just in case */ -/* line 132, ../src/sass/responsive/_anythingslider.scss */ -.anythingSlider, .anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a, .anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; } - -/* line 5, ../src/sass/responsive/_slider.scss */ -.anythingSlider, .anythingSlider #slider, .anythingSlider .fade .panel { width: 100% !important; } - -/* line 12, ../src/sass/responsive/_slider.scss */ -#feature .anythingSlider ul { padding-bottom: 0; } -/* line 15, ../src/sass/responsive/_slider.scss */ -#feature .anythingSlider li { display: list-item; } - -/* line 20, ../src/sass/responsive/_slider.scss */ -.anythingSlider { padding-bottom: 20px; } -/* line 25, ../src/sass/responsive/_slider.scss */ -.anythingSlider .anythingControls, .anythingSlider .arrow a, .anythingSlider .arrow:after { -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; opacity: 0; } -/* line 30, ../src/sass/responsive/_slider.scss */ -.anythingSlider.anythingSlider-hovered .arrow a, .touch .anythingSlider .arrow a { opacity: 0; } -/* line 33, ../src/sass/responsive/_slider.scss */ -.anythingSlider.anythingSlider-hovered .anythingControls, .anythingSlider.anythingSlider-hovered .arrow:after, .touch .anythingSlider .anythingControls, .touch .anythingSlider .arrow:after { opacity: 1; } -/* line 39, ../src/sass/responsive/_slider.scss */ -.anythingSlider li { display: block; } -/* line 43, ../src/sass/responsive/_slider.scss */ -.anythingSlider .arrow { display: block; position: absolute; z-index: 3; top: 196px; left: 0; width: 50px; height: 60px; margin-top: -30px; } -/* line 53, ../src/sass/responsive/_slider.scss */ -.anythingSlider .arrow:after { pointer-events: none; display: block; content: ""; color: white; text-indent: 0; font-size: 50px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); position: absolute; width: 30px; height: 40px; background: transparent url("../img/slider-nav.png") top left no-repeat; top: 50%; left: 40%; margin: -20px 0 0 -10px; } -/* line 68, ../src/sass/responsive/_slider.scss */ -.svg .anythingSlider .arrow:after { background-image: url("../img/slider-nav.svg"); } -/* line 74, ../src/sass/responsive/_slider.scss */ -.anythingSlider .arrow a { text-indent: -999em; position: absolute; width: 100%; height: 100%; background-color: black; } -/* line 81, ../src/sass/responsive/_slider.scss */ -.anythingSlider .arrow a:hover { text-decoration: none; opacity: .25; } -/* line 87, ../src/sass/responsive/_slider.scss */ -.anythingSlider .arrow.back a { -moz-border-radius-topright: 20%; -webkit-border-top-right-radius: 20%; border-top-right-radius: 20%; -moz-border-radius-bottomright: 20%; -webkit-border-bottom-right-radius: 20%; border-bottom-right-radius: 20%; } -/* line 92, ../src/sass/responsive/_slider.scss */ -.anythingSlider .arrow.forward { left: auto; right: 0; } -/* line 96, ../src/sass/responsive/_slider.scss */ -.anythingSlider .arrow.forward a { -moz-border-radius-topleft: 20%; -webkit-border-top-left-radius: 20%; border-top-left-radius: 20%; -moz-border-radius-bottomleft: 20%; -webkit-border-bottom-left-radius: 20%; border-bottom-left-radius: 20%; } -/* line 101, ../src/sass/responsive/_slider.scss */ -.anythingSlider .arrow.forward:after { background-position: -30px 0; } -/* line 105, ../src/sass/responsive/_slider.scss */ -.anythingSlider .arrow:hover { opacity: 1; } - -/* line 113, ../src/sass/responsive/_slider.scss */ -.anythingControls { position: absolute; width: 100%; height: 20px; bottom: 0px; z-index: 2; text-align: center; } -/* line 120, ../src/sass/responsive/_slider.scss */ -.anythingControls .thumbNav { display: inline-block; margin: 0 auto; } -/* line 124, ../src/sass/responsive/_slider.scss */ -.anythingControls li { display: inline-block !important; margin: 0 5px; } -/* line 128, ../src/sass/responsive/_slider.scss */ -.anythingControls a { -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; display: block; width: 20px; height: 20px; background-color: black; text-indent: -999em; overflow: hidden; opacity: .15; } -/* line 137, ../src/sass/responsive/_slider.scss */ -.anythingControls a.cur, .anythingControls a:hover { opacity: .3; } - -@media all and (min-width: 600px) { /* line 148, ../src/sass/responsive/_slider.scss */ - #feature { margin: -1em -11% 0; } - /* line 151, ../src/sass/responsive/_slider.scss */ - .feature-description { margin: 0 8% 0 9%; } - /* line 153, ../src/sass/responsive/_slider.scss */ - .feature-description h2 { font-size: 24px; line-height: 30px; margin: 20px 0px 10px; } } -@media all and (max-width: 939px) { /* line 166, ../src/sass/responsive/_slider.scss */ - .feature-description { border-left: none !important; background-color: transparent !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } } -@media all and (min-width: 940px) { /* line 174, ../src/sass/responsive/_slider.scss */ - #feature { border-bottom: none; } - /* line 176, ../src/sass/responsive/_slider.scss */ - #feature .feature-image { text-align: left; } - /* line 181, ../src/sass/responsive/_slider.scss */ - #feature #slider { width: 940px; margin-left: auto; margin-right: auto; position: relative; padding-bottom: 0; } - /* line 189, ../src/sass/responsive/_slider.scss */ - .anythingSlider { padding-bottom: 0; } - /* line 193, ../src/sass/responsive/_slider.scss */ - .anythingWindow { width: 940px !important; height: 393px !important; margin: 0 auto; position: relative; } - /* line 200, ../src/sass/responsive/_slider.scss */ - .anythingControls { width: 240px; right: 50%; bottom: 15px; margin-right: -470px; } - /* line 207, ../src/sass/responsive/_slider.scss */ - .feature-description { position: absolute; top: 0; right: 0; width: 190px; margin: 0; background-color: #e0edf9; height: 393px; padding: 0 25px; border-left: 1px solid #e0edf9; -moz-box-shadow: inset 0 0 110px 5px rgba(145, 178, 210, 0.5), 0 0 12px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 110px 5px rgba(145, 178, 210, 0.5), 0 0 12px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 110px 5px rgba(145, 178, 210, 0.5), 0 0 12px rgba(0, 0, 0, 0.25); } - /* line 219, ../src/sass/responsive/_slider.scss */ - .feature-description a, .feature-description a:link, .feature-description a:visited, .feature-description a:active, .feature-description a:hover, .feature-description a:focus { color: #336699; } - /* line 222, ../src/sass/responsive/_slider.scss */ - .feature-description.lightText { color: white; } - /* line 224, ../src/sass/responsive/_slider.scss */ - .feature-description.lightText * { opacity: 0.75; } - /* line 227, ../src/sass/responsive/_slider.scss */ - .feature-description.lightText a, .feature-description.lightText a:link, .feature-description.lightText a:visited, .feature-description.lightText a:active, .feature-description.lightText a:hover, .feature-description.lightText a:focus { color: white; opacity: 1; } } -/*! -* Calendar, News -* -*/ -/* line 12, ../src/sass/responsive/_calendar.scss */ -#calendar, #news { padding-top: 1.5em; padding-bottom: 2em; } -/* line 15, ../src/sass/responsive/_calendar.scss */ -#calendar h2, #news h2 { margin: 0 0 .5em; } - -/* line 18, ../src/sass/responsive/_calendar.scss */ -.day { overflow: hidden; margin: 0 0 .25em; padding-left: 14px; } -/* line 22, ../src/sass/responsive/_calendar.scss */ -.day span.date { font-size: 1.5em; } -/* line 24, ../src/sass/responsive/_calendar.scss */ -.wf-active .day span.date { font-family: 'Crete Round', sans-serif; font-weight: normal; } -/* line 27, ../src/sass/responsive/_calendar.scss */ -.day h3 { font-size: 1em; clear: both; margin-top: 0; margin-left: -14px; } -/* line 32, ../src/sass/responsive/_calendar.scss */ -.day a { width: 70%; float: left; margin-bottom: .5em; text-indent: -8px; } -/* line 37, ../src/sass/responsive/_calendar.scss */ -.day .time { float: right; clear: right; color: #666; margin-bottom: 0 !important; } - -/* line 43, ../src/sass/responsive/_calendar.scss */ -#calendars { margin: 1.5em 0; padding: .75em 0; clear: both; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; overflow: hidden; } - -/* line 52, ../src/sass/responsive/_calendar.scss */ -.briefs-item { padding: .5em 0 1em; } - -/* line 53, ../src/sass/responsive/_calendar.scss */ -.news-item { padding: 1em 0; border-bottom: 1px solid #eee; } - -@media all and (min-width: 450px) { /* line 60, ../src/sass/responsive/_calendar.scss */ - .briefs-item { padding: .25em 0; zoom: 1; } - /* line 7, ../src/sass/shared/_mixins.scss */ - .briefs-item:after { clear: both; } - /* line 8, ../src/sass/shared/_mixins.scss */ - .briefs-item:before, .briefs-item:after { content: ""; display: table; } - /* line 63, ../src/sass/responsive/_calendar.scss */ - .briefs-item img { padding: 0 1em 1em 0; } - /* line 65, ../src/sass/responsive/_calendar.scss */ - .briefs-item a { float: left; clear: both; } - /* line 68, ../src/sass/responsive/_calendar.scss */ - .briefs-item h3 { margin: 0; } - /* line 69, ../src/sass/responsive/_calendar.scss */ - .briefs-item h3 a { float: none; } } -@media all and (min-width: 600px) { /* line 78, ../src/sass/responsive/_calendar.scss */ - #calendar, #news { width: 45%; float: left; border-top: none; border-bottom: none; } - /* line 83, ../src/sass/responsive/_calendar.scss */ - #calendar h2, #news h2 { font-size: 1.5em; border-bottom: 1px solid #ddd; margin-bottom: 18px; } - /* line 90, ../src/sass/responsive/_calendar.scss */ - .day { font-size: .9em; clear: both; padding-top: 0; margin-bottom: .75em; overflow: hidden; } - /* line 96, ../src/sass/responsive/_calendar.scss */ - .day h3 { margin-top: 0; } - /* line 98, ../src/sass/responsive/_calendar.scss */ - .day .date { font-size: 1.5em; } - /* line 100, ../src/sass/responsive/_calendar.scss */ - .day a { width: 65%; float: left; clear: both; margin-bottom: .75em; } - /* line 105, ../src/sass/responsive/_calendar.scss */ - .day .time { clear: none; width: 34%; float: right; text-align: right; } - /* line 112, ../src/sass/responsive/_calendar.scss */ - #calendars { clear: both; } - /* line 114, ../src/sass/responsive/_calendar.scss */ - #news { padding-right: 0; float: right; } - /* line 118, ../src/sass/responsive/_calendar.scss */ - .briefs-item { padding-bottom: 1em; } - /* line 120, ../src/sass/responsive/_calendar.scss */ - .briefs-item img { padding: 0; } - /* line 121, ../src/sass/responsive/_calendar.scss */ - .briefs-item a { float: none; } - /* line 122, ../src/sass/responsive/_calendar.scss */ - .briefs-item h3 { margin-top: .25em; font-size: .9em; margin-right: -.5em; } } -@media all and (min-width: 50em) { /* line 131, ../src/sass/responsive/_calendar.scss */ - .briefs-item h3 { font-size: 1em; } - /* line 132, ../src/sass/responsive/_calendar.scss */ - .day { font-size: 1em; } - /* line 134, ../src/sass/responsive/_calendar.scss */ - .day a { width: 72%; } - /* line 135, ../src/sass/responsive/_calendar.scss */ - .day .time { width: 27%; } } -@media all and (min-width: 900px) { /* line 142, ../src/sass/responsive/_calendar.scss */ - #calendar { width: 34.755%; } - /* line 144, ../src/sass/responsive/_calendar.scss */ - #news { width: 56.238%; } - /* line 145, ../src/sass/responsive/_calendar.scss */ - .briefs-item { width: 28.368%; float: left; margin-right: 4.1%; } - /* line 149, ../src/sass/responsive/_calendar.scss */ - #news-container { clear: both; } - /* line 151, ../src/sass/responsive/_calendar.scss */ - .news-item { width: 47%; float: left; margin-right: 5%; } - /* line 155, ../src/sass/responsive/_calendar.scss */ - .news-item.omega { margin-right: 0; } - /* line 157, ../src/sass/responsive/_calendar.scss */ - .baseline { clear: both; } - /* line 160, ../src/sass/responsive/_calendar.scss */ - .day a { width: 74%; } - /* line 161, ../src/sass/responsive/_calendar.scss */ - .day .time { width: 25%; } } -/*! -* Content -* -*/ -@media all and (min-width: 600px) { /* line 13, ../src/sass/responsive/_content.scss */ - #content { padding: 1em 9% 4em; } } -@media all and (min-width: 900px) { /* line 18, ../src/sass/responsive/_content.scss */ - .one-sidebar #main-content, .one-sidebar .sidebar, .two-sidebars #main-content, .two-sidebars .sidebar { float: left; } - /* line 22, ../src/sass/responsive/_content.scss */ - .one-sidebar #main-content { margin-right: 5%; width: 58.7%; } - /* line 26, ../src/sass/responsive/_content.scss */ - .one-sidebar .sidebar { width: 36.3%; } - /* line 30, ../src/sass/responsive/_content.scss */ - .two-sidebars #main-content { margin-right: 5%; margin-left: 5%; width: 48%; } - /* line 36, ../src/sass/responsive/_content.scss */ - .two-sidebars .sidebar { width: 21%; margin: 0; } } -@media screen and (min-width: 1146px) { /* line 44, ../src/sass/responsive/_content.scss */ - body { background: url("../img/background-patterns/redox_01.png") top center repeat; color: #444; } - /* line 48, ../src/sass/responsive/_content.scss */ - .wrapper { max-width: 939.72px; margin: 0 auto; } - /* line 52, ../src/sass/responsive/_content.scss */ - #content { position: relative; min-height: 100%; width: 939.72px; padding-left: 103.14px; padding-right: 103.14px; -moz-box-shadow: 0 0 30px 0px rgba(222, 222, 222, 0.7); -webkit-box-shadow: 0 0 30px 0px rgba(222, 222, 222, 0.7); box-shadow: 0 0 30px 0px rgba(222, 222, 222, 0.7); } - /* line 61, ../src/sass/responsive/_content.scss */ - #content.sidebar-navigation { width: 720px; } } -@media (min-width: 1146px), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* Retina-specific stuff here */ - background-image: url("../img/background-patterns/redox_01@2x.png"); background-size: 600px 375px; } -/*! - -* Type -* -*/ -/*** Small width ***/ -/* line 18, ../src/sass/responsive/_type.scss */ -body, button, input, select, textarea, #search-container .gsc-control-cse, #search-container .gsc-control-cse .gsc-table-result { font-size: 14px; line-height: 19px; font-family: "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 500; } - -/* line 26, ../src/sass/responsive/_type.scss */ -#header-top h1 { font-family: "Sentinel SSm A", "Sentinel SSm B", "Sentinel A", "Sentinel B", "CreteRound", "Palatino", "DroidSerif", "Droid Serif", Georgia, serif; font-weight: 300; } - -/* line 30, ../src/sass/responsive/_type.scss */ -h1, h2 { font-family: "Sentinel A", "Sentinel B", "CreteRound", "Palatino", "DroidSerif", "Droid Serif", Georgia, serif; font-weight: 500; } - -/* line 34, ../src/sass/responsive/_type.scss */ -h2 .parentlink { font-family: "Requiem Text A", "Requiem Text B", "Palatino", Georgia, serif; font-weight: 400; } - -/* line 38, ../src/sass/responsive/_type.scss */ -h3, h4, h5, h6 { font-family: "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 600; } - -/* line 42, ../src/sass/responsive/_type.scss */ -h1 { font-size: 2em; margin: 30px 0px 10px; } - -/* line 43, ../src/sass/responsive/_type.scss */ -h2 { font-size: 1.65em; margin: 25px 0px 10px; } - -/* line 44, ../src/sass/responsive/_type.scss */ -h3 { font-size: 1.25em; margin: 20px 0px 10px; line-height: 1.25; } - -/* line 45, ../src/sass/responsive/_type.scss */ -h4 { font-size: 1.1em; margin: 15px 0px 10px; line-height: 1.3; } - -/* line 46, ../src/sass/responsive/_type.scss */ -h5 { font-size: 1em; margin: 10px 0px 10px; line-height: 1.3; } - -/* line 47, ../src/sass/responsive/_type.scss */ -h6 { font-size: .9em; margin: 10px 0px 10px; line-height: 1.3; } - -/* line 50, ../src/sass/responsive/_type.scss */ -a.mybyu, a.sign-in, .open #search-button, #search-submit, .gcse-wrapper input.gsc-search-button, .nav-container a { font-family: "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 500; } - -/* line 54, ../src/sass/responsive/_type.scss */ -.nav-container .mega a, .nav-container .sub a { font-weight: 500; } - -/* line 57, ../src/sass/responsive/_type.scss */ -#primary-nav .mega li.featured a { font-weight: 600; } - -/* line 61, ../src/sass/responsive/_type.scss */ -body th, body tfoot { font-weight: 500; } -/* line 63, ../src/sass/responsive/_type.scss */ -body strong, body dt { font-weight: 600; } - -/* line 66, ../src/sass/responsive/_type.scss */ -.sc, .small-caps { font-family: "Whitney SSm SC A", "Whitney SSm SC B", "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } - -/* line 71, ../src/sass/responsive/_type.scss */ -.lnum, .lining-numbers { font-family: "Whitney SSm Lining Num A", "Whitney SSm Lining Num B", "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } - -/* line 77, ../src/sass/responsive/_type.scss */ -#page-footer h2 { font-family: "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 600; } - -/*** Medium width ***/ -@media all and (min-width: 600px) { /* line 89, ../src/sass/responsive/_type.scss */ - body, button, input, select, textarea { font-size: 15px; line-height: 20px; } - /* line 93, ../src/sass/responsive/_type.scss */ - h1 { font-size: 2.2em; line-height: 40px; margin: 30px 0px 20px; } - /* line 94, ../src/sass/responsive/_type.scss */ - h2 { font-size: 1.8em; line-height: 30px; margin: 30px 0px 20px; } - /* line 95, ../src/sass/responsive/_type.scss */ - h3 { font-size: 1.3em; line-height: 25px; margin: 25px 0px 10px; } - /* line 96, ../src/sass/responsive/_type.scss */ - h4 { font-size: 1.15em; line-height: 20px; margin: 25px 0px 10px; } - /* line 97, ../src/sass/responsive/_type.scss */ - h5 { font-size: 1em; line-height: 20px; margin: 20px 0px 10px; } - /* line 98, ../src/sass/responsive/_type.scss */ - h6 { font-size: .9em; line-height: 20px; margin: 15px 0px 10px; } } -/*** Large width ***/ -/*** Larger width ***/ -/*** Extra large width ***/ -@media all and (min-width: 1500px) { /* line 132, ../src/sass/responsive/_type.scss */ - body, button, input, select, textarea { font-size: 16px; line-height: 22px; } } -/*** Larger width ***/ -@media all and (min-width: 1146px) { /* line 7, ../src/sass/responsive/_query-larger.scss */ - #primary-nav { width: 1008px; margin: 0 auto; padding-left: 0; } - /* line 11, ../src/sass/responsive/_query-larger.scss */ - #primary-nav .mega { width: 100%; } - /* line 17, ../src/sass/responsive/_query-larger.scss */ - #primary-nav a, #secondary-nav a { padding-left: 12px; padding-right: 12px; } - /* line 23, ../src/sass/responsive/_query-larger.scss */ - #logo { padding-left: 12px; } - /* line 27, ../src/sass/responsive/_query-larger.scss */ - #header-top { max-width: 1008px; margin-right: auto; } - /* line 32, ../src/sass/responsive/_query-larger.scss */ - #search-menu, #secondary-nav { right: 50%; margin-right: -504px; } } -/*** Responsive Modal Markup ***/ -@media (max-width: 767px) { /* line 42, ../src/sass/responsive/_query-larger.scss */ - .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } - /* line 50, ../src/sass/responsive/_query-larger.scss */ - .modal.fade { top: -100px; } - /* line 53, ../src/sass/responsive/_query-larger.scss */ - .modal.fade.in { top: 20px; } } -/*! -h5bp print styles -*/ -/* Print styles from h5bp https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */ -@media print { /* line 5, ../src/sass/responsive/_print.scss */ - * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } - /* line 12, ../src/sass/responsive/_print.scss */ - a, a:visited { text-decoration: underline; } - /* line 17, ../src/sass/responsive/_print.scss */ - a[href]:after { content: " (" attr(href) ")"; } - /* line 21, ../src/sass/responsive/_print.scss */ - abbr[title]:after { content: " (" attr(title) ")"; } - /* Don't show links for images, or javascript/internal links */ - /* line 29, ../src/sass/responsive/_print.scss */ - .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } - /* line 35, ../src/sass/responsive/_print.scss */ - pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } - /* line 41, ../src/sass/responsive/_print.scss */ - thead { display: table-header-group; /* h5bp.com/t */ } - /* line 45, ../src/sass/responsive/_print.scss */ - tr, img { page-break-inside: avoid; } - /* line 50, ../src/sass/responsive/_print.scss */ - img { max-width: 100% !important; } - @page { margin: 0.5cm; } - /* line 58, ../src/sass/responsive/_print.scss */ - p, h2, h3 { orphans: 3; widows: 3; } - /* line 65, ../src/sass/responsive/_print.scss */ - h2, h3 { page-break-after: avoid; } } -@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } +@charset "UTF-8"; +/* Responsive CSS +* This is not only for layouts, but also any additional features such as CSS3 for any elements already declared in base.css +*/ +/*! + Twitter Bootstrap (Scss version) +*/ +/* + Loaded first, so it can be overrridden easily. + Only uncomment the stuff that you really need */ +p { margin: 0 0 10px; } + +.lead { margin-bottom: 20px; font-size: 22.5px; font-weight: 200; line-height: 30px; } + +small { font-size: 85%; } + +strong { font-weight: bold; } + +em { font-style: italic; } + +cite { font-style: normal; } + +.muted { color: #999; } + +a.muted:hover, a.muted:focus { color: gray; } + +.text-warning { color: #c09853; } + +a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } + +.text-error { color: #b94a48; } + +a.text-error:hover, a.text-error:focus { color: #953b39; } + +.text-info { color: #3a87ad; } + +a.text-info:hover, a.text-info:focus { color: #2d6987; } + +.text-success { color: #468847; } + +a.text-success:hover, a.text-success:focus { color: #356635; } + +.text-left { text-align: left; } + +.text-right { text-align: right; } + +.text-center { text-align: center; } + +h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizeLegibility; } +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999; } + +h1, h2, h3 { line-height: 40px; } + +h1 { font-size: 41.25px; } + +h2 { font-size: 33.75px; } + +h3 { font-size: 26.25px; } + +h4 { font-size: 18.75px; } + +h5 { font-size: 15px; } + +h6 { font-size: 12.75px; } + +h1 small { font-size: 26.25px; } + +h2 small { font-size: 18.75px; } + +h3 small { font-size: 15px; } + +h4 small { font-size: 15px; } + +.page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eee; } + +ul, ol { padding: 0; margin: 0 0 10px 25px; } + +ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } + +li { line-height: 20px; } + +ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } + +ul.inline, ol.inline { margin-left: 0; list-style: none; } +ul.inline > li, ol.inline > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding-left: 5px; padding-right: 5px; } + +dl { margin-bottom: 20px; } + +dt, dd { line-height: 20px; } + +dt { font-weight: bold; } + +dd { margin-left: 10px; } + +.dl-horizontal { *zoom: 1; } +.dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0; } +.dl-horizontal:after { clear: both; } +.dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.dl-horizontal dd { margin-left: 180px; } + +hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; } + +abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999; } + +abbr.initialism { font-size: 90%; text-transform: uppercase; } + +blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eee; } +blockquote p { margin-bottom: 0; font-size: 18.75px; font-weight: 300; line-height: 1.25; } +blockquote small { display: block; line-height: 20px; color: #999; } +blockquote small:before { content: '\2014 \00A0'; } +blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; } +blockquote.pull-right p, blockquote.pull-right small { text-align: right; } +blockquote.pull-right small:before { content: ''; } +blockquote.pull-right small:after { content: '\00A0 \2014'; } + +q:before, q:after, blockquote:before, blockquote:after { content: ""; } + +address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } + +code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } + +code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } + +pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 14px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } +pre.prettyprint { margin-bottom: 20px; } +pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } + +.pre-scrollable { max-height: 340px; overflow-y: scroll; } + +table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } + +.table { width: 100%; margin-bottom: 20px; } +.table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } +.table th { font-weight: bold; } +.table thead th { vertical-align: bottom; } +.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } +.table tbody + tbody { border-top: 2px solid #ddd; } +.table .table { background-color: #fff; } + +.table-condensed th, .table-condensed td { padding: 4px 5px; } + +.table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } +.table-bordered th, .table-bordered td { border-left: 1px solid #ddd; } +.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } +.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } +.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } +.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } +.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } +.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } +.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } + +.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } + +.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } + +table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } + +.table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } +.table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } +.table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } +.table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } +.table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } +.table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } +.table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } +.table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } +.table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } +.table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } +.table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } +.table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } + +.table tbody tr.success > td { background-color: #dff0d8; } +.table tbody tr.error > td { background-color: #f2dede; } +.table tbody tr.warning > td { background-color: #fcf8e3; } +.table tbody tr.info > td { background-color: #d9edf7; } + +.table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } +.table-hover tbody tr.error:hover > td { background-color: #ebcccc; } +.table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } +.table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } + +.dropup, .dropdown { position: relative; } + +.dropdown-toggle { *margin-bottom: -3px; } + +.dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } + +.caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } + +.dropdown .caret { margin-top: 8px; margin-left: 2px; } + +.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } +.dropdown-menu.pull-right { right: 0; left: auto; } +.dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } +.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333; white-space: nowrap; } + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; color: #fff; background-color: #4171a2; background-image: -moz-linear-gradient(top, #47A, #3d6a98); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#47A), to(#3d6a98)); background-image: -webkit-linear-gradient(top, #47A, #3d6a98); background-image: -o-linear-gradient(top, #47A, #3d6a98); background-image: linear-gradient(to bottom, #4477aa, #3d6a98); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4477AA', endColorstr='#FF3D6A98', GradientType=0); } + +.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #4171a2; background-image: -moz-linear-gradient(top, #47A, #3d6a98); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#47A), to(#3d6a98)); background-image: -webkit-linear-gradient(top, #47A, #3d6a98); background-image: -o-linear-gradient(top, #47A, #3d6a98); background-image: linear-gradient(to bottom, #4477aa, #3d6a98); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4477AA', endColorstr='#FF3D6A98', GradientType=0); } + +.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999; } + +.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: default; } + +.open { *z-index: 1000; } +.open > .dropdown-menu { display: block; } + +.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } + +.pull-right > .dropdown-menu { right: 0; left: auto; } + +.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } +.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } + +.dropdown-submenu { position: relative; } + +.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } + +.dropdown-submenu:hover > .dropdown-menu { display: block; } + +.dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } + +.dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } + +.dropdown-submenu:hover > a:after { border-left-color: #fff; } + +.dropdown-submenu.pull-left { float: none; } +.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } + +.dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } + +.typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } + +.btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 15px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: whitesmoke; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } +.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } +.btn:active, .btn.active { background-color: #cccccc \9; } +.btn:first-child { *margin-left: 0; } +.btn:hover, .btn:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } +.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } +.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } +.btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } + +.btn-large { padding: 11px 19px; font-size: 18.75px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } + +.btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } + +.btn-small { padding: 2px 10px; font-size: 12.75px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } + +.btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } + +.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } + +.btn-mini { padding: 0px 6px; font-size: 11.25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } + +.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } + +.btn-block + .btn-block { margin-top: 5px; } + +input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } + +.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } + +.btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #25588b; background-image: -moz-linear-gradient(top, #369, #147); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#369), to(#147)); background-image: -webkit-linear-gradient(top, #369, #147); background-image: -o-linear-gradient(top, #369, #147); background-image: linear-gradient(to bottom, #336699, #114477); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF336699', endColorstr='#FF114477', GradientType=0); border-color: #147 #147 #071e34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #147; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #fff; background-color: #147; *background-color: #0e3761; } +.btn-primary:active, .btn-primary.active { background-color: #0b2a4a \9; } + +.btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f9a732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #fff; background-color: #f89406; *background-color: #df8505; } +.btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } + +.btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #b71e1e; background-image: -moz-linear-gradient(top, #c33, #900); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c33), to(#900)); background-image: -webkit-linear-gradient(top, #c33, #900); background-image: -o-linear-gradient(top, #c33, #900); background-image: linear-gradient(to bottom, #cc3333, #990000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC3333', endColorstr='#FF990000', GradientType=0); border-color: #900 #900 #4d0000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #900; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #fff; background-color: #900; *background-color: maroon; } +.btn-danger:active, .btn-danger.active { background-color: #660000 \9; } + +.btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2c8b3d; background-image: -moz-linear-gradient(top, #3D994D, #147827); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3D994D), to(#147827)); background-image: -webkit-linear-gradient(top, #3D994D, #147827); background-image: -o-linear-gradient(top, #3D994D, #147827); background-image: linear-gradient(to bottom, #3d994d, #147827); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3D994D', endColorstr='#FF147827', GradientType=0); border-color: #147827 #147827 #093612; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #147827; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } +.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #fff; background-color: #147827; *background-color: #106220; } +.btn-success:active, .btn-success.active { background-color: #0d4c19 \9; } + +.btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e3eef9; background-image: -moz-linear-gradient(top, #eff6fc, #d1e4f6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eff6fc), to(#d1e4f6)); background-image: -webkit-linear-gradient(top, #eff6fc, #d1e4f6); background-image: -o-linear-gradient(top, #eff6fc, #d1e4f6); background-image: linear-gradient(to bottom, #eff6fc, #d1e4f6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEFF6FC', endColorstr='#FFD1E4F6', GradientType=0); border-color: #d1e4f6 #d1e4f6 #91bee9; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #d1e4f6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #fff; background-color: #d1e4f6; *background-color: #bcd7f2; } +.btn-info:active, .btn-info.active { background-color: #a6cbee \9; } + +.btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222)); background-image: -webkit-linear-gradient(top, #444, #222); background-image: -o-linear-gradient(top, #444, #222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF444444', endColorstr='#FF222222', GradientType=0); border-color: #222 #222 black; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } +.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #fff; background-color: #222; *background-color: #151515; } +.btn-inverse:active, .btn-inverse.active { background-color: #090909 \9; } + +button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } +button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } +button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } +button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } +button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } + +.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } + +.btn-link { border-color: transparent; cursor: pointer; color: #47A; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + +.btn-link:hover, .btn-link:focus { color: #147; text-decoration: underline; background-color: transparent; } + +.btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333; text-decoration: none; } + +.btn-group { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; } +.btn-group:first-child { *margin-left: 0; } + +.btn-group + .btn-group { margin-left: 5px; } + +.btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } +.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } + +.btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + +.btn-group > .btn + .btn { margin-left: -1px; } + +.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 15px; } + +.btn-group > .btn-mini { font-size: 11.25px; } + +.btn-group > .btn-small { font-size: 12.75px; } + +.btn-group > .btn-large { font-size: 18.75px; } + +.btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } + +.btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } + +.btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } + +.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } + +.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } + +.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } + +.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); *padding-top: 5px; *padding-bottom: 5px; } + +.btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } + +.btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } + +.btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } + +.btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } +.btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } +.btn-group.open .btn-primary.dropdown-toggle { background-color: #147; } +.btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } +.btn-group.open .btn-danger.dropdown-toggle { background-color: #900; } +.btn-group.open .btn-success.dropdown-toggle { background-color: #147827; } +.btn-group.open .btn-info.dropdown-toggle { background-color: #d1e4f6; } +.btn-group.open .btn-inverse.dropdown-toggle { background-color: #222; } + +.btn .caret { margin-top: 8px; margin-left: 0; } + +.btn-large .caret { margin-top: 6px; } + +.btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } + +.btn-mini .caret, .btn-small .caret { margin-top: 8px; } + +.dropup .btn-large .caret { border-bottom-width: 5px; } + +.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #fff; border-bottom-color: #fff; } + +.btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } + +.btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } + +.btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } + +.btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } + +.btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } + +.btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } + +.btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } + +.breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } +.breadcrumb > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 #fff; } +.breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } +.breadcrumb .active { color: #999; } + +.pull-right { float: right; } + +.pull-left { float: left; } + +.hide { display: none; } + +.show { display: block; } + +.invisible { visibility: hidden; } + +.affix { position: fixed; } + +.clearfix { *zoom: 1; } +.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } +.clearfix:after { clear: both; } + +.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } + +.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } + +/*! + * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH -------------------------- */ +@font-face { font-family: 'FontAwesome'; src: url("../font/font-awesome/fontawesome-webfont.eot?v=4.0.3"); src: url("../font/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../font/font-awesome/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../font/font-awesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../font/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } +.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +/* makes the font 33% larger relative to the icon container */ +.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } + +.fa-2x { font-size: 2em; } + +.fa-3x { font-size: 3em; } + +.fa-4x { font-size: 4em; } + +.fa-5x { font-size: 5em; } + +.fa-fw { width: 1.28571em; text-align: center; } + +.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } +.fa-ul > li { position: relative; } + +.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } +.fa-li.fa-lg { left: -1.85714em; } + +.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } + +.pull-right { float: right; } + +.pull-left { float: left; } + +.fa.pull-left { margin-right: .3em; } +.fa.pull-right { margin-left: .3em; } + +.fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } + +@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } + 100% { -moz-transform: rotate(359deg); } } +@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(359deg); } } +@-o-keyframes spin { 0% { -o-transform: rotate(0deg); } + 100% { -o-transform: rotate(359deg); } } +@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } + 100% { -ms-transform: rotate(359deg); } } +@keyframes spin { 0% { transform: rotate(0deg); } + 100% { transform: rotate(359deg); } } +.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } + +.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } + +.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } + +.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } + +.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } + +.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } + +.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } + +.fa-stack-1x { line-height: inherit; } + +.fa-stack-2x { font-size: 2em; } + +.fa-inverse { color: #fff; } + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ +.fa-glass:before { content: ""; } + +.fa-music:before { content: ""; } + +.fa-search:before { content: ""; } + +.fa-envelope-o:before { content: ""; } + +.fa-heart:before { content: ""; } + +.fa-star:before { content: ""; } + +.fa-star-o:before { content: ""; } + +.fa-user:before { content: ""; } + +.fa-film:before { content: ""; } + +.fa-th-large:before { content: ""; } + +.fa-th:before { content: ""; } + +.fa-th-list:before { content: ""; } + +.fa-check:before { content: ""; } + +.fa-times:before { content: ""; } + +.fa-search-plus:before { content: ""; } + +.fa-search-minus:before { content: ""; } + +.fa-power-off:before { content: ""; } + +.fa-signal:before { content: ""; } + +.fa-gear:before, .fa-cog:before { content: ""; } + +.fa-trash-o:before { content: ""; } + +.fa-home:before { content: ""; } + +.fa-file-o:before { content: ""; } + +.fa-clock-o:before { content: ""; } + +.fa-road:before { content: ""; } + +.fa-download:before { content: ""; } + +.fa-arrow-circle-o-down:before { content: ""; } + +.fa-arrow-circle-o-up:before { content: ""; } + +.fa-inbox:before { content: ""; } + +.fa-play-circle-o:before { content: ""; } + +.fa-rotate-right:before, .fa-repeat:before { content: ""; } + +.fa-refresh:before { content: ""; } + +.fa-list-alt:before { content: ""; } + +.fa-lock:before { content: ""; } + +.fa-flag:before { content: ""; } + +.fa-headphones:before { content: ""; } + +.fa-volume-off:before { content: ""; } + +.fa-volume-down:before { content: ""; } + +.fa-volume-up:before { content: ""; } + +.fa-qrcode:before { content: ""; } + +.fa-barcode:before { content: ""; } + +.fa-tag:before { content: ""; } + +.fa-tags:before { content: ""; } + +.fa-book:before { content: ""; } + +.fa-bookmark:before { content: ""; } + +.fa-print:before { content: ""; } + +.fa-camera:before { content: ""; } + +.fa-font:before { content: ""; } + +.fa-bold:before { content: ""; } + +.fa-italic:before { content: ""; } + +.fa-text-height:before { content: ""; } + +.fa-text-width:before { content: ""; } + +.fa-align-left:before { content: ""; } + +.fa-align-center:before { content: ""; } + +.fa-align-right:before { content: ""; } + +.fa-align-justify:before { content: ""; } + +.fa-list:before { content: ""; } + +.fa-dedent:before, .fa-outdent:before { content: ""; } + +.fa-indent:before { content: ""; } + +.fa-video-camera:before { content: ""; } + +.fa-picture-o:before { content: ""; } + +.fa-pencil:before { content: ""; } + +.fa-map-marker:before { content: ""; } + +.fa-adjust:before { content: ""; } + +.fa-tint:before { content: ""; } + +.fa-edit:before, .fa-pencil-square-o:before { content: ""; } + +.fa-share-square-o:before { content: ""; } + +.fa-check-square-o:before { content: ""; } + +.fa-arrows:before { content: ""; } + +.fa-step-backward:before { content: ""; } + +.fa-fast-backward:before { content: ""; } + +.fa-backward:before { content: ""; } + +.fa-play:before { content: ""; } + +.fa-pause:before { content: ""; } + +.fa-stop:before { content: ""; } + +.fa-forward:before { content: ""; } + +.fa-fast-forward:before { content: ""; } + +.fa-step-forward:before { content: ""; } + +.fa-eject:before { content: ""; } + +.fa-chevron-left:before { content: ""; } + +.fa-chevron-right:before { content: ""; } + +.fa-plus-circle:before { content: ""; } + +.fa-minus-circle:before { content: ""; } + +.fa-times-circle:before { content: ""; } + +.fa-check-circle:before { content: ""; } + +.fa-question-circle:before { content: ""; } + +.fa-info-circle:before { content: ""; } + +.fa-crosshairs:before { content: ""; } + +.fa-times-circle-o:before { content: ""; } + +.fa-check-circle-o:before { content: ""; } + +.fa-ban:before { content: ""; } + +.fa-arrow-left:before { content: ""; } + +.fa-arrow-right:before { content: ""; } + +.fa-arrow-up:before { content: ""; } + +.fa-arrow-down:before { content: ""; } + +.fa-mail-forward:before, .fa-share:before { content: ""; } + +.fa-expand:before { content: ""; } + +.fa-compress:before { content: ""; } + +.fa-plus:before { content: ""; } + +.fa-minus:before { content: ""; } + +.fa-asterisk:before { content: ""; } + +.fa-exclamation-circle:before { content: ""; } + +.fa-gift:before { content: ""; } + +.fa-leaf:before { content: ""; } + +.fa-fire:before { content: ""; } + +.fa-eye:before { content: ""; } + +.fa-eye-slash:before { content: ""; } + +.fa-warning:before, .fa-exclamation-triangle:before { content: ""; } + +.fa-plane:before { content: ""; } + +.fa-calendar:before { content: ""; } + +.fa-random:before { content: ""; } + +.fa-comment:before { content: ""; } + +.fa-magnet:before { content: ""; } + +.fa-chevron-up:before { content: ""; } + +.fa-chevron-down:before { content: ""; } + +.fa-retweet:before { content: ""; } + +.fa-shopping-cart:before { content: ""; } + +.fa-folder:before { content: ""; } + +.fa-folder-open:before { content: ""; } + +.fa-arrows-v:before { content: ""; } + +.fa-arrows-h:before { content: ""; } + +.fa-bar-chart-o:before { content: ""; } + +.fa-twitter-square:before { content: ""; } + +.fa-facebook-square:before { content: ""; } + +.fa-camera-retro:before { content: ""; } + +.fa-key:before { content: ""; } + +.fa-gears:before, .fa-cogs:before { content: ""; } + +.fa-comments:before { content: ""; } + +.fa-thumbs-o-up:before { content: ""; } + +.fa-thumbs-o-down:before { content: ""; } + +.fa-star-half:before { content: ""; } + +.fa-heart-o:before { content: ""; } + +.fa-sign-out:before { content: ""; } + +.fa-linkedin-square:before { content: ""; } + +.fa-thumb-tack:before { content: ""; } + +.fa-external-link:before { content: ""; } + +.fa-sign-in:before { content: ""; } + +.fa-trophy:before { content: ""; } + +.fa-github-square:before { content: ""; } + +.fa-upload:before { content: ""; } + +.fa-lemon-o:before { content: ""; } + +.fa-phone:before { content: ""; } + +.fa-square-o:before { content: ""; } + +.fa-bookmark-o:before { content: ""; } + +.fa-phone-square:before { content: ""; } + +.fa-twitter:before { content: ""; } + +.fa-facebook:before { content: ""; } + +.fa-github:before { content: ""; } + +.fa-unlock:before { content: ""; } + +.fa-credit-card:before { content: ""; } + +.fa-rss:before { content: ""; } + +.fa-hdd-o:before { content: ""; } + +.fa-bullhorn:before { content: ""; } + +.fa-bell:before { content: ""; } + +.fa-certificate:before { content: ""; } + +.fa-hand-o-right:before { content: ""; } + +.fa-hand-o-left:before { content: ""; } + +.fa-hand-o-up:before { content: ""; } + +.fa-hand-o-down:before { content: ""; } + +.fa-arrow-circle-left:before { content: ""; } + +.fa-arrow-circle-right:before { content: ""; } + +.fa-arrow-circle-up:before { content: ""; } + +.fa-arrow-circle-down:before { content: ""; } + +.fa-globe:before { content: ""; } + +.fa-wrench:before { content: ""; } + +.fa-tasks:before { content: ""; } + +.fa-filter:before { content: ""; } + +.fa-briefcase:before { content: ""; } + +.fa-arrows-alt:before { content: ""; } + +.fa-group:before, .fa-users:before { content: ""; } + +.fa-chain:before, .fa-link:before { content: ""; } + +.fa-cloud:before { content: ""; } + +.fa-flask:before { content: ""; } + +.fa-cut:before, .fa-scissors:before { content: ""; } + +.fa-copy:before, .fa-files-o:before { content: ""; } + +.fa-paperclip:before { content: ""; } + +.fa-save:before, .fa-floppy-o:before { content: ""; } + +.fa-square:before { content: ""; } + +.fa-bars:before { content: ""; } + +.fa-list-ul:before { content: ""; } + +.fa-list-ol:before { content: ""; } + +.fa-strikethrough:before { content: ""; } + +.fa-underline:before { content: ""; } + +.fa-table:before { content: ""; } + +.fa-magic:before { content: ""; } + +.fa-truck:before { content: ""; } + +.fa-pinterest:before { content: ""; } + +.fa-pinterest-square:before { content: ""; } + +.fa-google-plus-square:before { content: ""; } + +.fa-google-plus:before { content: ""; } + +.fa-money:before { content: ""; } + +.fa-caret-down:before { content: ""; } + +.fa-caret-up:before { content: ""; } + +.fa-caret-left:before { content: ""; } + +.fa-caret-right:before { content: ""; } + +.fa-columns:before { content: ""; } + +.fa-unsorted:before, .fa-sort:before { content: ""; } + +.fa-sort-down:before, .fa-sort-asc:before { content: ""; } + +.fa-sort-up:before, .fa-sort-desc:before { content: ""; } + +.fa-envelope:before { content: ""; } + +.fa-linkedin:before { content: ""; } + +.fa-rotate-left:before, .fa-undo:before { content: ""; } + +.fa-legal:before, .fa-gavel:before { content: ""; } + +.fa-dashboard:before, .fa-tachometer:before { content: ""; } + +.fa-comment-o:before { content: ""; } + +.fa-comments-o:before { content: ""; } + +.fa-flash:before, .fa-bolt:before { content: ""; } + +.fa-sitemap:before { content: ""; } + +.fa-umbrella:before { content: ""; } + +.fa-paste:before, .fa-clipboard:before { content: ""; } + +.fa-lightbulb-o:before { content: ""; } + +.fa-exchange:before { content: ""; } + +.fa-cloud-download:before { content: ""; } + +.fa-cloud-upload:before { content: ""; } + +.fa-user-md:before { content: ""; } + +.fa-stethoscope:before { content: ""; } + +.fa-suitcase:before { content: ""; } + +.fa-bell-o:before { content: ""; } + +.fa-coffee:before { content: ""; } + +.fa-cutlery:before { content: ""; } + +.fa-file-text-o:before { content: ""; } + +.fa-building-o:before { content: ""; } + +.fa-hospital-o:before { content: ""; } + +.fa-ambulance:before { content: ""; } + +.fa-medkit:before { content: ""; } + +.fa-fighter-jet:before { content: ""; } + +.fa-beer:before { content: ""; } + +.fa-h-square:before { content: ""; } + +.fa-plus-square:before { content: ""; } + +.fa-angle-double-left:before { content: ""; } + +.fa-angle-double-right:before { content: ""; } + +.fa-angle-double-up:before { content: ""; } + +.fa-angle-double-down:before { content: ""; } + +.fa-angle-left:before { content: ""; } + +.fa-angle-right:before { content: ""; } + +.fa-angle-up:before { content: ""; } + +.fa-angle-down:before { content: ""; } + +.fa-desktop:before { content: ""; } + +.fa-laptop:before { content: ""; } + +.fa-tablet:before { content: ""; } + +.fa-mobile-phone:before, .fa-mobile:before { content: ""; } + +.fa-circle-o:before { content: ""; } + +.fa-quote-left:before { content: ""; } + +.fa-quote-right:before { content: ""; } + +.fa-spinner:before { content: ""; } + +.fa-circle:before { content: ""; } + +.fa-mail-reply:before, .fa-reply:before { content: ""; } + +.fa-github-alt:before { content: ""; } + +.fa-folder-o:before { content: ""; } + +.fa-folder-open-o:before { content: ""; } + +.fa-smile-o:before { content: ""; } + +.fa-frown-o:before { content: ""; } + +.fa-meh-o:before { content: ""; } + +.fa-gamepad:before { content: ""; } + +.fa-keyboard-o:before { content: ""; } + +.fa-flag-o:before { content: ""; } + +.fa-flag-checkered:before { content: ""; } + +.fa-terminal:before { content: ""; } + +.fa-code:before { content: ""; } + +.fa-reply-all:before { content: ""; } + +.fa-mail-reply-all:before { content: ""; } + +.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } + +.fa-location-arrow:before { content: ""; } + +.fa-crop:before { content: ""; } + +.fa-code-fork:before { content: ""; } + +.fa-unlink:before, .fa-chain-broken:before { content: ""; } + +.fa-question:before { content: ""; } + +.fa-info:before { content: ""; } + +.fa-exclamation:before { content: ""; } + +.fa-superscript:before { content: ""; } + +.fa-subscript:before { content: ""; } + +.fa-eraser:before { content: ""; } + +.fa-puzzle-piece:before { content: ""; } + +.fa-microphone:before { content: ""; } + +.fa-microphone-slash:before { content: ""; } + +.fa-shield:before { content: ""; } + +.fa-calendar-o:before { content: ""; } + +.fa-fire-extinguisher:before { content: ""; } + +.fa-rocket:before { content: ""; } + +.fa-maxcdn:before { content: ""; } + +.fa-chevron-circle-left:before { content: ""; } + +.fa-chevron-circle-right:before { content: ""; } + +.fa-chevron-circle-up:before { content: ""; } + +.fa-chevron-circle-down:before { content: ""; } + +.fa-html5:before { content: ""; } + +.fa-css3:before { content: ""; } + +.fa-anchor:before { content: ""; } + +.fa-unlock-alt:before { content: ""; } + +.fa-bullseye:before { content: ""; } + +.fa-ellipsis-h:before { content: ""; } + +.fa-ellipsis-v:before { content: ""; } + +.fa-rss-square:before { content: ""; } + +.fa-play-circle:before { content: ""; } + +.fa-ticket:before { content: ""; } + +.fa-minus-square:before { content: ""; } + +.fa-minus-square-o:before { content: ""; } + +.fa-level-up:before { content: ""; } + +.fa-level-down:before { content: ""; } + +.fa-check-square:before { content: ""; } + +.fa-pencil-square:before { content: ""; } + +.fa-external-link-square:before { content: ""; } + +.fa-share-square:before { content: ""; } + +.fa-compass:before { content: ""; } + +.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } + +.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } + +.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } + +.fa-euro:before, .fa-eur:before { content: ""; } + +.fa-gbp:before { content: ""; } + +.fa-dollar:before, .fa-usd:before { content: ""; } + +.fa-rupee:before, .fa-inr:before { content: ""; } + +.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } + +.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } + +.fa-won:before, .fa-krw:before { content: ""; } + +.fa-bitcoin:before, .fa-btc:before { content: ""; } + +.fa-file:before { content: ""; } + +.fa-file-text:before { content: ""; } + +.fa-sort-alpha-asc:before { content: ""; } + +.fa-sort-alpha-desc:before { content: ""; } + +.fa-sort-amount-asc:before { content: ""; } + +.fa-sort-amount-desc:before { content: ""; } + +.fa-sort-numeric-asc:before { content: ""; } + +.fa-sort-numeric-desc:before { content: ""; } + +.fa-thumbs-up:before { content: ""; } + +.fa-thumbs-down:before { content: ""; } + +.fa-youtube-square:before { content: ""; } + +.fa-youtube:before { content: ""; } + +.fa-xing:before { content: ""; } + +.fa-xing-square:before { content: ""; } + +.fa-youtube-play:before { content: ""; } + +.fa-dropbox:before { content: ""; } + +.fa-stack-overflow:before { content: ""; } + +.fa-instagram:before { content: ""; } + +.fa-flickr:before { content: ""; } + +.fa-adn:before { content: ""; } + +.fa-bitbucket:before { content: ""; } + +.fa-bitbucket-square:before { content: ""; } + +.fa-tumblr:before { content: ""; } + +.fa-tumblr-square:before { content: ""; } + +.fa-long-arrow-down:before { content: ""; } + +.fa-long-arrow-up:before { content: ""; } + +.fa-long-arrow-left:before { content: ""; } + +.fa-long-arrow-right:before { content: ""; } + +.fa-apple:before { content: ""; } + +.fa-windows:before { content: ""; } + +.fa-android:before { content: ""; } + +.fa-linux:before { content: ""; } + +.fa-dribbble:before { content: ""; } + +.fa-skype:before { content: ""; } + +.fa-foursquare:before { content: ""; } + +.fa-trello:before { content: ""; } + +.fa-female:before { content: ""; } + +.fa-male:before { content: ""; } + +.fa-gittip:before { content: ""; } + +.fa-sun-o:before { content: ""; } + +.fa-moon-o:before { content: ""; } + +.fa-archive:before { content: ""; } + +.fa-bug:before { content: ""; } + +.fa-vk:before { content: ""; } + +.fa-weibo:before { content: ""; } + +.fa-renren:before { content: ""; } + +.fa-pagelines:before { content: ""; } + +.fa-stack-exchange:before { content: ""; } + +.fa-arrow-circle-o-right:before { content: ""; } + +.fa-arrow-circle-o-left:before { content: ""; } + +.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } + +.fa-dot-circle-o:before { content: ""; } + +.fa-wheelchair:before { content: ""; } + +.fa-vimeo-square:before { content: ""; } + +.fa-turkish-lira:before, .fa-try:before { content: ""; } + +.fa-plus-square-o:before { content: ""; } + +/*! + +BYU Styles + +*/ +.btn-info { color: #147; text-shadow: #fff 0px -1px 0px; } +.btn-info:hover { color: #025; } + +.bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } + +.bs-docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; } + +.bs-docs-example + .prettyprint { margin-top: -20px; padding-top: 15px; } + +h3 code { font-size: 15px; font-weight: normal; } + +pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } + +code, pre { padding: 0 3px 2px; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } + +dd { margin-left: 10px; padding: 0 0 10px 0; } + +.bs-docs-separator { margin: 40px 0 39px; } + +a:link.btn, a:visited.btn { color: #333; } +a:link.btn-primary, a:link.btn-success, a:link.btn-warning, a:link.btn-danger, a:link.btn-inverse, a:visited.btn-primary, a:visited.btn-success, a:visited.btn-warning, a:visited.btn-danger, a:visited.btn-inverse { color: #fff; } +a:link.btn-link, a:link.btn-info, a:visited.btn-link, a:visited.btn-info { color: #369; } + +/*! + +* Header & Footer +* +*/ +#logo { padding-left: 3%; } +#logo h2 { margin-left: -9px; } + +a.mybyu, a.sign-in, .open #search-button { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } + +#header-top a.sign-in { right: 3%; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #369); background: -moz-linear-gradient(top, #628cb6, #369); background: -ms-linear-gradient(top, #628cb6, #369); background: -o-linear-gradient(top, #628cb6, #369); background: linear-gradient(to bottom, #628cb6, #336699); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); } +#header-top a.sign-in:hover { border: none; margin: 0; background: #366797; background: -webkit-linear-gradient(top, #4a79a7, #225588); background: -moz-linear-gradient(top, #4a79a7, #225588); background: -ms-linear-gradient(top, #4a79a7, #225588); background: -o-linear-gradient(top, #4a79a7, #225588); background: linear-gradient(to bottom, #4a79a7, #225588); } + +#site-name { text-shadow: 0 0 12px rgba(0, 25, 72, 0.5); } + +.parentlink { text-shadow: 0 0 6px rgba(0, 25, 72, 0.65); } + +#site-name:hover, .parentlink:hover { text-decoration: none; text-shadow: 0 0 20px #001948; } + +#logo a.parentlink:hover { color: #fff; } + +#page-footer { -webkit-box-shadow: 0 -1px 0px #dddddd; -moz-box-shadow: 0 -1px 0px #dddddd; box-shadow: 0 -1px 0px #dddddd; border-top: 1px solid #fff; } + +@media all and (min-width: 32em) { #logo a.byu { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.png"); width: 350px; } + .svg #logo a.byu { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-logo-header.svg"); } } +/* Medium width */ +@media all and (min-width: 600px) { #main-header { background: #036 url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.png") top left no-repeat; background-size: 100% 100%; } + .svg #main-header { background-image: url("//home.byu.edu/home/sites/default/files/global/img/byu-header-bg.svg"); } + #header-top h1 { margin: .25em 4% .4em; } + #logo { background-color: transparent; padding-bottom: 0; border: none; } + .parentlink { letter-spacing: 1px; } + #page-footer .wrapper { margin-left: 4%; margin-right: 4%; } + #footer-links .col { display: inline-block; vertical-align: top; width: 41.855%; margin-left: 5.43%; padding-top: 1em; } + #footer-links .double { width: 89.14%; } + #footer-links .double .right, #footer-links .double .left { width: 46%; display: inline-block; } + #footer-links .double .right { margin-left: 7%; } + #footer-links h2 { margin: 0; } } +@media all and (min-width: 900px) { #page-footer .wrapper { margin: 1em auto 2em; } + #page-footer #footer-bottom { padding: .5em 9% 1px; } + #page-footer #footer-bottom a { display: inline-block; text-indent: -999em; } + #page-footer #footer-bottom #lds { text-indent: 0em; } + #page-footer #footer-bottom a#copyright { text-indent: 0em; } + #page-footer #footer-bottom a#ldsbc, #page-footer #footer-bottom a#byui, #page-footer #footer-bottom a#byuh, #page-footer #footer-bottom a#byu { background: transparent url("../img/footer-logos.png") no-repeat; opacity: 0.7; margin: 0 5px; height: 51px; width: 70px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; float: left; } + .svg #page-footer #footer-bottom a#ldsbc, .svg #page-footer #footer-bottom a#byui, .svg #page-footer #footer-bottom a#byuh, .svg #page-footer #footer-bottom a#byu { background-image: url("../img/footer-logos.svg"); } + #page-footer #footer-bottom a#ldsbc:hover, #page-footer #footer-bottom a#byui:hover, #page-footer #footer-bottom a#byuh:hover, #page-footer #footer-bottom a#byu:hover { opacity: 1; } + #page-footer #footer-bottom a#lds { width: 14em; text-align: center; opacity: .9; float: right; margin-right: -15px; /* +@extend %school-link; +background-position: -425px 0; +width: 160px; +*/ } + #page-footer #footer-bottom a#ldsbc { background-position: -300px 0; } + #page-footer #footer-bottom a#byui { background-position: -210px 0; margin-left: -6px; } + #page-footer #footer-bottom a#byuh { background-position: -110px 0; } + #page-footer #footer-bottom a#byu { background-position: -8px -9px; margin-left: -6px; width: 80px; } + #footer-links .wrapper { margin-right: 0; margin-left: 9%; } + #footer-links .col { display: inline-block; vertical-align: top; width: 16.4%; margin-left: 2%; padding-top: 1em; } + #footer-links .double { width: 34.8%; } + #footer-links .double .right, #footer-links .double .left { width: 43%; display: inline-block; } + #footer-links .double .right { margin-left: 10%; } + #footer-links .col.alpha, #footer-links .col:first-child { margin-left: 0; } } +@media all and (min-width: 1146px) { #page-footer #footer-links .wrapper { width: 1146px; max-width: 1146px; padding-left: 103.14px; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } +.breadcrumb { display: block; padding: 0; background-color: transparent; } +.breadcrumb > li a { text-shadow: none; } +.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited { color: #369; } +.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus { text-decoration: none; color: #036; } +.breadcrumb .divider { width: 10px; } + +/*! +* Search +*/ +/* Small width */ +#search-menu { height: auto; padding: 5px 3% 5px 75px; overflow: hidden; z-index: 10; min-height: 42px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } + +#search-container { padding: 0; height: 32px; position: relative; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #4a79a7; background: -webkit-linear-gradient(top, #628cb6, #369); background: -moz-linear-gradient(top, #628cb6, #369); background: -ms-linear-gradient(top, #628cb6, #369); background: -o-linear-gradient(top, #628cb6, #369); background: linear-gradient(to bottom, #628cb6, #336699); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 8px rgba(0, 0, 0, 0.2); /** Styling for both search forms **/ } +#search-container .gcse-wrapper { background: none; position: absolute; padding: 0 5px; top: 1px; left: 0; text-align: left; } +#search-container .gcse-wrapper div, #search-container .gcse-wrapper table, #search-container .gcse-wrapper td, #search-container .gcse-wrapper form { padding: 0; margin: 0; border: 0; background: none; position: static; } +#search-container .gcse-wrapper .gsc-control-cse td { vertical-align: top !important; } +#search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box { background: none; padding: 0; } +#search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box-hover, #search-container .gcse-wrapper .gsc-control-cse table td .gsc-input-box-focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } +#search-container .gcse-wrapper .gsc-control-cse td.gsc-search-button { padding: 0; } +#search-container .gcse-wrapper .gsc-control-cse td.gsc-search-button input.gsc-search-button-v2 { background: none; border: none; text-indent: -1000px; overflow: hidden; margin: 0 0 0 -5px; padding: 8px 1.5em; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay { background: #fff; left: 2%; width: 86%; padding: 10px 5%; border: 1px solid #bbb; -moz-box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.25); } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay a, #search-container .gcse-wrapper .gsc-results-wrapper-overlay a b { color: #264cb2; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay a:visited, #search-container .gcse-wrapper .gsc-results-wrapper-overlay a:visited b { color: #539; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-above-wrapper-area { padding: 8px 0; border-bottom: 1px solid #ddd; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn { top: 7px; right: 7px; background: #d8e8f7; background: -webkit-linear-gradient(top, #e0edf9, #d1e4f6); background: -moz-linear-gradient(top, #e0edf9, #d1e4f6); background: -ms-linear-gradient(top, #e0edf9, #d1e4f6); background: -o-linear-gradient(top, #e0edf9, #d1e4f6); background: linear-gradient(to bottom, #e0edf9, #d1e4f6); border: 1px solid #91b2d2; width: 2.3em; height: 2.3em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:before { content: "×"; font-size: 2em; position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #369; line-height: 1em; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:hover { background: #cbdff2; background: -webkit-linear-gradient(top, #d8e8f7, #bed6ed); background: -moz-linear-gradient(top, #d8e8f7, #bed6ed); background: -ms-linear-gradient(top, #d8e8f7, #bed6ed); background: -o-linear-gradient(top, #d8e8f7, #bed6ed); background: linear-gradient(to bottom, #d8e8f7, #bed6ed); border-color: #628cb6; } +#search-container .gcse-wrapper .gsc-results-wrapper-overlay .gsc-results-close-btn:hover:before { color: #001948; } +#search-container .gcse-wrapper .gsc-results .gsc-cursor-box { margin: 2em 0 3em; } +#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page { padding: .75em; background-color: #eee; border: 2px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } +#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background-color: #147; color: #fff; text-decoration: none; } +#search-container .gcse-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page { background-color: #369; color: #fff; } +#search-container .gcse-wrapper .gsc-results .gsc-cursor { display: inline; } +#search-container .gcse-wrapper .gsib_b div { position: absolute; top: 5px; right: 48px; } +#search-container .gcse-wrapper .gsib_b div a span { color: #aaa; } +#search-container .gcse-wrapper .gsib_b div a:hover span { color: #777; } +#search-container .gcse-wrapper .gsc-result { padding: .75em 0; } +#search-container .gcse-wrapper .gs-webResult .gs-snippet, #search-container .gcse-wrapper .gs-imageResult .gs-snippet, #search-container .gcse-wrapper .gs-fileFormatType { color: #555; } +#search-container .gcse-wrapper .gsc-url-top { margin: .2em 0 .4em; } +#search-container .gsc-search-button, #search-container .gsc-search-button-v2 { background-color: #628cb6; background-image: none; padding: 7px 18px; position: relative; top: 1px; } +#search-container .gsc-search-button:hover, #search-container .gsc-search-button:active, #search-container .gsc-search-button-v2:hover, #search-container .gsc-search-button-v2:active { margin: 0; margin-right: -2px; } +#search-container input.gsc-input { background-position: 14px 50% !important; } +#search-container .gsc-input-box { padding-right: 20px !important; position: relative; padding-right: 0 !important; height: auto; } +#search-container #basic-search, #search-container .gcse-wrapper { margin: 0; top: 0; left: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } +#search-container #basic-search { padding-right: 43px; } +#search-container .gcse-wrapper { width: 100%; } +#search-container #search-submit { background: url(../img/search_box_icon.png) 9px 8px no-repeat; overflow: hidden; text-indent: -1000px; margin: 0; padding-left: 0; width: 34px; top: 1px; } +#search-container #basic-search #search, #search-container input.gsc-input { border: 0 !important; padding: 6px 8px 6px 14px !important; background-position: 14px 50% !important; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } +#search-container #basic-search #search::selection, #search-container input.gsc-input::selection { border: 0; } +#search-container input.gsc-input { position: relative; top: 1px; height: 30px !important; } + +/*** Medium width ***/ +@media all and (min-width: 600px) { #search-menu { padding-left: 37%; text-align: right; border: none; } } +/*! + +* Navigation +* +*/ +html { overflow-x: hidden; overflow-y: scroll; } + +/* Side slider navigation */ +body { -moz-transition: left, height 0.2s ease; -o-transition: left, height 0.2s ease; -webkit-transition: left, height 0.2s ease; transition: left, height 0.2s ease; position: relative; left: 0; overflow: hidden; } + +#content { background-color: white; } + +#main-header, #content, #page-footer, #search-menu { z-index: 2; left: 0%; -moz-transition: left 0.2s ease; -o-transition: left 0.2s ease; -webkit-transition: left 0.2s ease; transition: left 0.2s ease; } + +body.sideNav { min-height: 1600px; } +body.sideNav #main-header, body.sideNav #search-menu, body.sideNav #content, body.sideNav #page-footer { left: 75%; } + +.nav-container { min-height: 100%; position: absolute; left: 0; top: 0; width: 75%; z-index: 1; background-color: #025; } +.nav-container a:active { background-color: transparent; } +.nav-container:after { content: " "; display: block; width: 15px; height: 100%; position: absolute; top: 0; right: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTk0OCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzAwMTk0OCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDE5NDgiIHN0b3Atb3BhY2l0eT0iMC42NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 25, 72, 0)), color-stop(25%, rgba(0, 25, 72, 0.1)), color-stop(100%, rgba(0, 25, 72, 0.65))); background-image: -moz-linear-gradient(left, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); background-image: -webkit-linear-gradient(left, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); background-image: linear-gradient(to right, rgba(0, 25, 72, 0), rgba(0, 25, 72, 0.1) 25%, rgba(0, 25, 72, 0.65)); } + +/* Reset from base */ +#primary-nav, #secondary-nav { border-top: none; padding: 0; } + +/* Menu button */ +.menu-button { position: absolute; top: 0; left: 0; text-indent: -9999em; border-right: 1px solid #147; width: 60px; height: 45px; display: block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjI1NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMTk0OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #002255), color-stop(100%, #001948)); background-image: -moz-linear-gradient(#002255, #001948); background-image: -webkit-linear-gradient(#002255, #001948); background-image: linear-gradient(#002255, #001948); } +.menu-button:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzExNDQ3NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #336699), color-stop(100%, #114477)); background-image: -moz-linear-gradient(#336699, #114477); background-image: -webkit-linear-gradient(#336699, #114477); background-image: linear-gradient(#336699, #114477); } +.menu-button:hover:before { color: white; } +.menu-button:before { content: "\f0c9"; font-family: "FontAwesome"; position: absolute; width: 100%; text-align: center; top: 12px; display: block; text-indent: 0; font-size: 25px; color: #d1e4f6; } + +/* Side Navigation */ +#primary-nav, #secondary-nav { font-size: 1.2em; } +#primary-nav a, #secondary-nav a { color: #e0edf9; padding: 1em 5%; display: block; text-shadow: 0px -1px 0px #000; } +#primary-nav a:hover, #secondary-nav a:hover { text-decoration: none; background-color: transparent; color: #fff; } +#primary-nav > ul, #secondary-nav > ul { padding: 0; background: #036; border-right: 1px solid #147; } +#primary-nav li, #secondary-nav li { display: block; float: none; padding: 0; border-bottom: 1px solid #025; border-top: 1px solid #147; overflow: hidden; } +#primary-nav li.left, #secondary-nav li.left, #primary-nav li.right, #secondary-nav li.right { padding: 0; } +#primary-nav li.hover, #secondary-nav li.hover { background-color: #001948; } + +#primary-nav .mega, #primary-nav .sub, #secondary-nav .sub { background-color: #025; margin: 0; max-height: 0px; position: relative; -moz-transition: max-height 0.2s ease; -o-transition: max-height 0.2s ease; -webkit-transition: max-height 0.2s ease; transition: max-height 0.2s ease; } +#primary-nav .mega a, #primary-nav .sub a, #secondary-nav .sub a { padding-left: 1.75em; border-top: 1px solid #036; border-bottom: 1px solid #001948; padding: .4em 10%; padding-right: 5%; color: #e0edf9; } +#primary-nav .mega a:hover, #primary-nav .sub a:hover, #secondary-nav .sub a:hover { color: #fff; } +#primary-nav .mega .sublinks a, #primary-nav .sub .sublinks a, #secondary-nav .sub .sublinks a { padding-left: 15%; } +#primary-nav .mega ul, #primary-nav .sub ul, #secondary-nav .sub ul { padding: 0; margin: 0; } +#primary-nav .mega li, #primary-nav .sub li, #secondary-nav .sub li { border: none; } + +#primary-nav li.hover .mega, #primary-nav li.hover .sub, #secondary-nav li.hover .sub { max-height: 1500px; } + +/* Primary Nav */ +#primary-nav { margin-top: 1em; } +#primary-nav .highlight, #primary-nav .featured, #primary-nav hr { display: none; } +#primary-nav a.current, #primary-nav a:hover { color: #fff; background-color: #036; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAzMzY2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAyMjU1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #336699), color-stop(1px, #003366), color-stop(100%, #002255)); background-image: -moz-linear-gradient(#336699, #003366 1px, #002255); background-image: -webkit-linear-gradient(#336699, #003366 1px, #002255); background-image: linear-gradient(#336699, #003366 1px, #002255); } +#primary-nav .mega a:hover { background-color: #025; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIvPjxzdG9wIG9mZnNldD0iMXB4IiBzdG9wLWNvbG9yPSIjMDAyMjU1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAxOTQ4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #336699), color-stop(1px, #002255), color-stop(100%, #001948)); background-image: -moz-linear-gradient(#336699, #002255 1px, #001948); background-image: -webkit-linear-gradient(#336699, #002255 1px, #001948); background-image: linear-gradient(#336699, #002255 1px, #001948); } + +/* Secondary Nav */ +#secondary-nav > ul { background-color: #369; } +#secondary-nav a:hover { background-color: #147; } +#secondary-nav ul { padding: 0; } +#secondary-nav li { border-top-color: #628cb6; border-bottom-color: #147; } + +/* Sidebar nav */ +.sidebar-navigation nav.sidebar { background-color: #d1e4f6; padding: .5em 0 1em; margin: 3em -5.55% -2em; border-top: 1px solid #abc8e4; } +.sidebar-navigation nav.sidebar a { padding: .4em 5%; font-weight: bold; border: 1px solid transparent; border-right: none; } +.sidebar-navigation nav.sidebar a:hover { text-decoration: none; background-color: #e0edf9; color: #001948; } +.sidebar-navigation nav.sidebar .current a { background-color: rgba(255, 255, 255, 0.35); color: #001948; } + +/*** Medium width ***/ +@media all and (min-width: 600px) { .menu-button { width: auto; height: auto; text-align: left; text-indent: 0; border-right: 0; background-image: none; color: #abc8e4; font-weight: bold; font-size: 15px; padding: 9px 5% 12px 3%; } + .menu-button:link, .menu-button:visited { color: #abc8e4; } + .menu-button:hover, .menu-button:active { color: white; text-decoration: none; } + .menu-button:before { display: inline-block; position: relative; width: 24px; font-weight: normal; top: 3px; margin-right: 9px; } + #content.sidebar-navigation nav.sidebar { margin: 4em -11% -4em; } + #content.sidebar-navigation nav.sidebar a { padding-left: 9%; padding-right: 9%; } + #primary-nav .mega .sublinks a, #primary-nav .sub .sublinks a, #secondary-nav .sub .sublinks a { padding-left: 12.5%; } } +/*! + +* +* Full menu width +* +* YOU CAN MAKE ADJUSTMENTS HERE BASED ON YOUR SITE'S MENU +* +* This media query should be set to the width where the primary menu will fit +* in the top bar without wrapping. Make sure to test in lots of browsers, +* and some buffer to account for differences in rendering. NOTE: If you use +* a width smaller than 45em, some other parts of the header may need to be +* adjusted--especially the BYU logo (it will run into the sign in button). +* +*/ +/* +* NOTE: The full-menu-width variable is found in _variables.scss +*/ +@media all and (min-width: 960px) { #main-header { background-size: 100% 96px; } + body.sideNav { min-height: 0; } + body.sideNav #main-header, body.sideNav #content, body.sideNav #page-footer, body.sideNav #search-menu { left: auto; } + #header-top { height: 96px; margin-right: 3%; margin-bottom: 36px; } + #header-top a.sign-in { right: 262px; } + #search-menu { width: 250px; margin: 0; padding: 0; position: absolute; top: .35em; left: auto; right: 3%; background-color: transparent; z-index: 10; overflow: visible; } + #search-menu .menu-button { display: none; color: #001948; } + .nav-container { width: 100%; display: block; top: 96px; min-height: 36px; z-index: 5; background-color: #001948; border-top: 1px solid #147; border-bottom: 1px solid #369; -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); } + .nav-container:after { display: none; } + #primary-nav, #secondary-nav { font-size: 1em; } + #primary-nav > ul, #secondary-nav > ul { border-right: 0; background: transparent; } + #primary-nav > ul > li, #secondary-nav > ul > li { float: left; } + #primary-nav li, #secondary-nav li { border-top: 0px solid transparent; border-bottom: 0px solid transparent; } + #primary-nav li.hover, #secondary-nav li.hover { overflow: visible; } + #primary-nav li.hover > a, #secondary-nav li.hover > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; position: relative; z-index: 2; box-shadow: 0px 3px 0px #fff; } + #primary-nav li.hover a, #secondary-nav li.hover a { background: #fff; color: #001948; text-shadow: none; -moz-transition: background-color, ease 0.05s; -o-transition: background-color, ease 0.05s; -webkit-transition: background-color, ease 0.05s; transition: background-color, ease 0.05s; } + #primary-nav li.hover ul a:hover, #secondary-nav li.hover ul a:hover { background: #d1e4f6; color: #001948; } + #primary-nav a, #secondary-nav a { padding: .6em 1.2em; } + #primary-nav .mega, #secondary-nav .sub { background-color: #fff; border-bottom: 2px solid #036; display: none; font-size: 13px; left: 0; position: absolute; padding: .5em 0 1em; width: 15em; z-index: 1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); } + #primary-nav .mega a, #secondary-nav .sub a { display: block; border: 0; padding: .4em 1.5em; } + #primary-nav { padding-left: 2%; margin-top: 0; } + #primary-nav > ul { margin: 0 auto; position: relative; } + #primary-nav .mega { min-height: 400px; position: absolute; padding: 1em 0 2em; width: 97.95%; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; } + #primary-nav .mega a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } + #primary-nav .sub { background-color: #fff; border-bottom: 3px solid #369; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7); display: none; margin-top: 0; padding: 10px; position: absolute; width: 222px; } + #primary-nav .sub li { margin-left: -10px; margin-right: -10px; } + #primary-nav .sub a { border: none; } + #primary-nav .sub .links { width: 100%; } + #primary-nav li.hover .mega, #primary-nav li.hover .sub, #primary-nav .highlight, #primary-nav .featured, #primary-nav hr { display: block; } + #primary-nav hr { border: none; border-top: 1px solid #ddd; } + #primary-nav .mega li.featured { margin-bottom: 1em; padding-top: .5em; padding-bottom: 1em; border-bottom: 1px solid #ddd; } + #primary-nav .mega li.featured a { font-weight: bold; } + #primary-nav .mega .links { float: left; width: 34%; margin-left: 3%; margin-right: 3%; } + #primary-nav .mega .links.double { width: 44%; margin-right: 0; } + #primary-nav .mega .links.double .featured .sublinks { padding-left: 5%; } + #primary-nav .mega .links.double .left { float: left; width: 50%; } + #primary-nav .mega .links .sublinks { padding: 0 25px 0 .25em; } + #primary-nav .mega .links .sublinks a { padding-left: 1.5em; } + #primary-nav .mega .links .sublinks li a:before { font-family: 'fontawesome'; content: '\f105'; padding-right: 8px; list-style-type: none; color: #ddd; } + #primary-nav .mega .links .sublinks li a:hover:before { color: #fff; } + #primary-nav .highlight { float: left; padding-left: 2%; width: 24%; } + #primary-nav .highlight img { margin-bottom: 15px; } + #primary-nav .highlight a { padding: 0; color: #036; } + #primary-nav .highlight a:hover { background-color: transparent; background-image: none; color: #001948; text-decoration: underline; } + #secondary-nav { position: absolute; top: -41px; right: 9px; } + #secondary-nav li.hover .sub { display: block; position: absolute; left: auto; } + #secondary-nav a { display: inline-block; color: #d1e4f6; } + #secondary-nav a:hover { background: transparent; color: #fff; } + #content.sidebar-navigation { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZTRmNiIvPjxzdG9wIG9mZnNldD0iOTkuNTQ1NDUlIiBzdG9wLWNvbG9yPSIjZDFlNGY2Ii8+PHN0b3Agb2Zmc2V0PSI5OS41NDU0NSUiIHN0b3AtY29sb3I9IiNhYmM4ZTQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmM4ZTQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -moz-linear-gradient(0deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-image: -webkit-linear-gradient(0deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-image: linear-gradient(90deg, #d1e4f6 0px, #d1e4f6 219px, #abc8e4 219px, #abc8e4 220px, rgba(0, 0, 0, 0) 220px); background-size: 220px 100%; background-repeat: no-repeat; padding-left: 280px; padding-right: 70px; } + #content.sidebar-navigation nav.sidebar { padding: 1.5em 0; width: 220px; position: absolute; background-color: transparent; top: 0; left: 0; margin: 0; border: none; } + #content.sidebar-navigation nav.sidebar a { padding: .3em 1em .4em 1.5em; } + #content.sidebar-navigation nav.sidebar .current a { background-color: white; border-color: #abc8e4; } } +/*** Large width ***/ +/* + AnythingSlider v1.8+ Default theme + By Chris Coyier: http://css-tricks.com + with major improvements by Doug Neiner: http://pixelgraphics.us/ + based on work by Remy Sharp: http://jqueryfordesigners.com/ +*/ +/***************************** SET DEFAULT DIMENSIONS HERE ****************************/ +/* change the ID & dimensions to match your slider */ +#slider { width: 100%; height: auto; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ overflow-y: auto; overflow-x: hidden; } + +/****************** SET STYLING HERE ***************** + + +/*********************** IE8 AND OLDER STYLING **********************/ +/* Navigation Arrows */ +.as-oldie .anythingSlider-default .arrow { top: 30%; } + +.as-oldie .anythingSlider-default .arrow a { margin: 0; } + +/* margin between nav buttons just looks better */ +.as-oldie .anythingSlider-default .anythingControls li { margin-left: 3px; } + +/* When using the navigationSize option, the side margins need to be zero + None of the navigation panels look good in IE7 now =( */ +.as-oldie .anythingSlider-default .anythingControls a { margin: 0; } + +.as-oldie .anythingSlider-default .anythingNavWindow { margin: 0 2px; } + +.as-oldie .anythingSlider-default .anythingNavWindow li { padding: 3px 0 0 0; } + +/*********************** COMMON SLIDER STYLING **********************/ +/* Overall Wrapper */ +.anythingSlider { display: block; overflow: visible !important; position: relative; } + +/* anythingSlider viewport window */ +.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } + +/* anythingSlider base (original element) */ +.anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; } + +/* Navigation arrow text; indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */ +.anythingSlider .arrow span { display: block; visibility: hidden; } + +/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ +.anythingSlider .arrow.disabled { display: none; } + +/* all panels inside the slider; horizontal mode */ +.anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } + +/* vertical mode */ +.anythingSlider .vertical .panel { float: none; } + +/* fade mode */ +.anythingSlider .fade .panel { float: none; position: absolute; top: 0; left: 0; z-index: 0; } + +/* fade mode active page - visible & on top */ +.anythingSlider .fade .activePage { z-index: 1; } + +/*********************** RTL STYLING **********************/ +/* slider autoplay right-to-left, reverse order of nav links to look better */ +.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } + +.anythingSlider.rtl .anythingControls ul { float: left; } + +/* move nav link group to left */ +.anythingSlider.rtl .anythingControls ul a { float: right; } + +/* reverse order of nav links */ +.anythingSlider.rtl .start-stop { /* float: right; */ } + +/* move start/stop button - in case you want to switch sides */ +/* probably not necessary, but added just in case */ +.anythingSlider, .anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a, .anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; } + +.anythingSlider, .anythingSlider #slider, .anythingSlider .fade .panel { width: 100% !important; } + +#feature .anythingSlider ul { padding-bottom: 0; } +#feature .anythingSlider li { display: list-item; } + +.anythingSlider { padding-bottom: 20px; } +.anythingSlider .anythingControls, .anythingSlider .arrow a, .anythingSlider .arrow:after { -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; opacity: 0; } +.anythingSlider.anythingSlider-hovered .arrow a, .touch .anythingSlider .arrow a { opacity: 0; } +.anythingSlider.anythingSlider-hovered .anythingControls, .anythingSlider.anythingSlider-hovered .arrow:after, .touch .anythingSlider .anythingControls, .touch .anythingSlider .arrow:after { opacity: 1; } +.anythingSlider li { display: block; } +.anythingSlider .arrow { display: block; position: absolute; z-index: 3; top: 196px; left: 0; width: 50px; height: 60px; margin-top: -30px; } +.anythingSlider .arrow:after { pointer-events: none; display: block; content: ""; color: white; text-indent: 0; font-size: 50px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); position: absolute; width: 30px; height: 40px; background: transparent url("../img/slider-nav.png") top left no-repeat; top: 50%; left: 40%; margin: -20px 0 0 -10px; } +.svg .anythingSlider .arrow:after { background-image: url("../img/slider-nav.svg"); } +.anythingSlider .arrow a { text-indent: -999em; position: absolute; width: 100%; height: 100%; background-color: black; } +.anythingSlider .arrow a:hover { text-decoration: none; opacity: .25; } +.anythingSlider .arrow.back a { -moz-border-radius-topright: 20%; -webkit-border-top-right-radius: 20%; border-top-right-radius: 20%; -moz-border-radius-bottomright: 20%; -webkit-border-bottom-right-radius: 20%; border-bottom-right-radius: 20%; } +.anythingSlider .arrow.forward { left: auto; right: 0; } +.anythingSlider .arrow.forward a { -moz-border-radius-topleft: 20%; -webkit-border-top-left-radius: 20%; border-top-left-radius: 20%; -moz-border-radius-bottomleft: 20%; -webkit-border-bottom-left-radius: 20%; border-bottom-left-radius: 20%; } +.anythingSlider .arrow.forward:after { background-position: -30px 0; } +.anythingSlider .arrow:hover { opacity: 1; } + +.anythingControls { position: absolute; width: 100%; height: 20px; bottom: 0px; z-index: 2; text-align: center; } +.anythingControls .thumbNav { display: inline-block; margin: 0 auto; } +.anythingControls li { display: inline-block !important; margin: 0 5px; } +.anythingControls a { -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; display: block; width: 20px; height: 20px; background-color: black; text-indent: -999em; overflow: hidden; opacity: .15; } +.anythingControls a.cur, .anythingControls a:hover { opacity: .3; } + +@media all and (min-width: 600px) { #feature { margin: -1em -11% 0; } + .feature-description { margin: 0 8% 0 9%; } + .feature-description h2 { font-size: 24px; line-height: 30px; margin: 20px 0px 10px; } } +@media all and (max-width: 939px) { .feature-description { border-left: none !important; background-color: transparent !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } } +@media all and (min-width: 940px) { #feature { border-bottom: none; } + #feature .feature-image { text-align: left; } + #feature #slider { width: 940px; margin-left: auto; margin-right: auto; position: relative; padding-bottom: 0; } + .anythingSlider { padding-bottom: 0; } + .anythingWindow { width: 940px !important; height: 393px !important; margin: 0 auto; position: relative; } + .anythingControls { width: 240px; right: 50%; bottom: 15px; margin-right: -470px; } + .feature-description { position: absolute; top: 0; right: 0; width: 190px; margin: 0; background-color: #e0edf9; height: 393px; padding: 0 25px; border-left: 1px solid #e0edf9; -moz-box-shadow: inset 0 0 110px 5px rgba(145, 178, 210, 0.5), 0 0 12px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 110px 5px rgba(145, 178, 210, 0.5), 0 0 12px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 110px 5px rgba(145, 178, 210, 0.5), 0 0 12px rgba(0, 0, 0, 0.25); } + .feature-description a, .feature-description a:link, .feature-description a:visited, .feature-description a:active, .feature-description a:hover, .feature-description a:focus { color: #369; } + .feature-description.lightText { color: white; } + .feature-description.lightText * { opacity: 0.75; } + .feature-description.lightText a, .feature-description.lightText a:link, .feature-description.lightText a:visited, .feature-description.lightText a:active, .feature-description.lightText a:hover, .feature-description.lightText a:focus { color: white; opacity: 1; } } +/*! +* Calendar, News +* +*/ +#calendar, #news { padding-top: 1.5em; padding-bottom: 2em; } +#calendar h2, #news h2 { margin: 0 0 .5em; } + +.day { overflow: hidden; margin: 0 0 .25em; padding-left: 14px; } +.day span.date { font-size: 1.5em; } +.wf-active .day span.date { font-family: 'Crete Round', sans-serif; font-weight: normal; } +.day h3 { font-size: 1em; clear: both; margin-top: 0; margin-left: -14px; } +.day a { width: 70%; float: left; margin-bottom: .5em; text-indent: -8px; } +.day .time { float: right; clear: right; color: #666; margin-bottom: 0 !important; } + +#calendars { margin: 1.5em 0; padding: .75em 0; clear: both; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; overflow: hidden; } + +.briefs-item { padding: .5em 0 1em; } + +.news-item { padding: 1em 0; border-bottom: 1px solid #eee; } + +@media all and (min-width: 450px) { .briefs-item { padding: .25em 0; zoom: 1; } + .briefs-item:after { clear: both; } + .briefs-item:before, .briefs-item:after { content: ""; display: table; } + .briefs-item img { padding: 0 1em 1em 0; } + .briefs-item a { float: left; clear: both; } + .briefs-item h3 { margin: 0; } + .briefs-item h3 a { float: none; } } +@media all and (min-width: 600px) { #calendar, #news { width: 45%; float: left; border-top: none; border-bottom: none; } + #calendar h2, #news h2 { font-size: 1.5em; border-bottom: 1px solid #ddd; margin-bottom: 18px; } + .day { font-size: .9em; clear: both; padding-top: 0; margin-bottom: .75em; overflow: hidden; } + .day h3 { margin-top: 0; } + .day .date { font-size: 1.5em; } + .day a { width: 65%; float: left; clear: both; margin-bottom: .75em; } + .day .time { clear: none; width: 34%; float: right; text-align: right; } + #calendars { clear: both; } + #news { padding-right: 0; float: right; } + .briefs-item { padding-bottom: 1em; } + .briefs-item img { padding: 0; } + .briefs-item a { float: none; } + .briefs-item h3 { margin-top: .25em; font-size: .9em; margin-right: -.5em; } } +@media all and (min-width: 50em) { .briefs-item h3 { font-size: 1em; } + .day { font-size: 1em; } + .day a { width: 72%; } + .day .time { width: 27%; } } +@media all and (min-width: 900px) { #calendar { width: 34.755%; } + #news { width: 56.238%; } + .briefs-item { width: 28.368%; float: left; margin-right: 4.1%; } + #news-container { clear: both; } + .news-item { width: 47%; float: left; margin-right: 5%; } + .news-item.omega { margin-right: 0; } + .baseline { clear: both; } + .day a { width: 74%; } + .day .time { width: 25%; } } +/*! +* Content +* +*/ +@media all and (min-width: 600px) { #content { padding: 1em 9% 4em; } } +@media all and (min-width: 900px) { .one-sidebar #main-content, .one-sidebar .sidebar, .two-sidebars #main-content, .two-sidebars .sidebar { float: left; } + .one-sidebar #main-content { margin-right: 5%; width: 58.7%; } + .one-sidebar .sidebar { width: 36.3%; } + .two-sidebars #main-content { margin-right: 5%; margin-left: 5%; width: 48%; } + .two-sidebars .sidebar { width: 21%; margin: 0; } } +@media screen and (min-width: 1146px) { body { background: url("../img/background-patterns/redox_01.png") top center repeat; color: #444; } + .wrapper { max-width: 939.72px; margin: 0 auto; } + #content { position: relative; min-height: 100%; width: 939.72px; padding-left: 103.14px; padding-right: 103.14px; -moz-box-shadow: 0 0 30px 0px rgba(222, 222, 222, 0.7); -webkit-box-shadow: 0 0 30px 0px rgba(222, 222, 222, 0.7); box-shadow: 0 0 30px 0px rgba(222, 222, 222, 0.7); } + #content.sidebar-navigation { width: 720px; } } +@media (min-width: 1146px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { /* Retina-specific stuff here */ + background-image: url("../img/background-patterns/redox_01@2x.png"); background-size: 600px 375px; } +/*! + +* Type +* +*/ +/*** Small width ***/ +body, button, input, select, textarea, #search-container .gsc-control-cse, #search-container .gsc-control-cse .gsc-table-result { font-size: 14px; line-height: 19px; font-family: "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 500; } + +#header-top h1 { font-family: "Sentinel SSm A", "Sentinel SSm B", "Sentinel A", "Sentinel B", "CreteRound", "Palatino", "DroidSerif", "Droid Serif", Georgia, serif; font-weight: 300; } + +h1, h2 { font-family: "Sentinel A", "Sentinel B", "CreteRound", "Palatino", "DroidSerif", "Droid Serif", Georgia, serif; font-weight: 500; } + +h2 .parentlink { font-family: "Requiem Text A", "Requiem Text B", "Palatino", Georgia, serif; font-weight: 400; } + +h3, h4, h5, h6 { font-family: "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 600; } + +h1 { font-size: 2em; margin: 30px 0px 10px; } + +h2 { font-size: 1.65em; margin: 25px 0px 10px; } + +h3 { font-size: 1.25em; margin: 20px 0px 10px; line-height: 1.25; } + +h4 { font-size: 1.1em; margin: 15px 0px 10px; line-height: 1.3; } + +h5 { font-size: 1em; margin: 10px 0px 10px; line-height: 1.3; } + +h6 { font-size: .9em; margin: 10px 0px 10px; line-height: 1.3; } + +a.mybyu, a.sign-in, .open #search-button, #search-submit, .gcse-wrapper input.gsc-search-button, .nav-container a { font-family: "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 500; } + +.nav-container .mega a, .nav-container .sub a { font-weight: 500; } + +#primary-nav .mega li.featured a { font-weight: 600; } + +body th, body tfoot { font-weight: 500; } +body strong, body dt { font-weight: 600; } + +.sc, .small-caps { font-family: "Whitney SSm SC A", "Whitney SSm SC B", "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } + +.lnum, .lining-numbers { font-family: "Whitney SSm Lining Num A", "Whitney SSm Lining Num B", "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } + +#page-footer h2 { font-family: "Whitney SSm A", "Whitney SSm B", "OpenSans", "Thonburi", "DroidSans", "Droid Sans", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-weight: 600; } + +/*** Medium width ***/ +@media all and (min-width: 600px) { body, button, input, select, textarea { font-size: 15px; line-height: 20px; } + h1 { font-size: 2.2em; line-height: 40px; margin: 30px 0px 20px; } + h2 { font-size: 1.8em; line-height: 30px; margin: 30px 0px 20px; } + h3 { font-size: 1.3em; line-height: 25px; margin: 25px 0px 10px; } + h4 { font-size: 1.15em; line-height: 20px; margin: 25px 0px 10px; } + h5 { font-size: 1em; line-height: 20px; margin: 20px 0px 10px; } + h6 { font-size: .9em; line-height: 20px; margin: 15px 0px 10px; } } +/*** Large width ***/ +/*** Larger width ***/ +/*** Extra large width ***/ +@media all and (min-width: 1500px) { body, button, input, select, textarea { font-size: 16px; line-height: 22px; } } +/*** Larger width ***/ +@media all and (min-width: 1146px) { #primary-nav { width: 1008px; margin: 0 auto; padding-left: 0; } + #primary-nav .mega { width: 100%; } + #primary-nav a, #secondary-nav a { padding-left: 12px; padding-right: 12px; } + #logo { padding-left: 12px; } + #header-top { max-width: 1008px; margin-right: auto; } + #search-menu, #secondary-nav { right: 50%; margin-right: -504px; } } +/*** Responsive Modal Markup ***/ +@media (max-width: 767px) { .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } + .modal.fade { top: -100px; } + .modal.fade.in { top: 20px; } } +/*! +h5bp print styles +*/ +/* Print styles from h5bp https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */ +@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } + a, a:visited { text-decoration: underline; } + a[href]:after { content: " (" attr(href) ")"; } + abbr[title]:after { content: " (" attr(title) ")"; } + /* Don't show links for images, or javascript/internal links */ + .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } + pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } + thead { display: table-header-group; /* h5bp.com/t */ } + tr, img { page-break-inside: avoid; } + img { max-width: 100% !important; } + @page { margin: 0.5cm; } + p, h2, h3 { orphans: 3; widows: 3; } + h2, h3 { page-break-after: avoid; } } +@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } + +/*# sourceMappingURL=responsive.css.map */ diff --git a/package.json b/package.json index 00b7486..4312c61 100644 --- a/package.json +++ b/package.json @@ -2,14 +2,16 @@ "name": "BYU-Templates", "version": "2.0.0", "devDependencies": { - "grunt": "~0.4.0", + "grunt": "~0.4.x", + "grunt-contrib-sass": "0.4.x", + "grunt-contrib-watch": "*", "grunt-contrib-jade": "*", - "grunt-contrib-sass": "0.4.0", + "grunt-contrib-jshint": "*", "grunt-contrib-uglify": "*", - "grunt-regarde": "*", + "grunt-autoprefixer": "0.6.x", + "coffee-script": "*", + "load-grunt-tasks": "*", "grunt-contrib-connect": "*", - "grunt-contrib-livereload": "*", - "grunt-contrib-jshint": "*", - "coffee-script": "*" + "grunt-newer": "*" } } diff --git a/src/sass/responsive/_content.scss b/src/sass/responsive/_content.scss index dbe8311..de5133b 100644 --- a/src/sass/responsive/_content.scss +++ b/src/sass/responsive/_content.scss @@ -64,8 +64,8 @@ } @media -(min-width : $larger-width), -(-webkit-min-device-pixel-ratio: 2), +(min-width : $larger-width) and +(-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { /* Retina-specific stuff here */ background-image: url("../img/background-patterns/" + $body-bg + "@2x.png");