367 lines
8.5 KiB
CSS
367 lines
8.5 KiB
CSS
/*!
|
|
* Start Bootstrap - Libretime v1.0.0 ()
|
|
* Copyright 2013-2018
|
|
* Licensed under MIT (https://github.com/BlackrockDigital/libretime-website/blob/master/LICENSE)
|
|
*/
|
|
body,html{
|
|
width:100%;height:100%
|
|
}
|
|
|
|
body{
|
|
font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
|
|
padding-top: 57px;
|
|
}
|
|
|
|
hr{
|
|
max-width:auto;border-width:2px;border-color:#f05f40
|
|
}
|
|
|
|
hr.light{
|
|
border-color:#fff
|
|
}
|
|
|
|
img{
|
|
width:100%;
|
|
max-width: 600px;
|
|
}
|
|
|
|
a{
|
|
color:#f05f40;
|
|
-webkit-transition:all .2s;
|
|
transition:all .2s;
|
|
}
|
|
|
|
a:hover{
|
|
color:#f05f40
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6{
|
|
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
|
|
}
|
|
|
|
h1,h2{
|
|
margin-top: 30px; /* adding padding on top of lead headings */
|
|
}
|
|
|
|
/* Correcting overscroll on TOC links */
|
|
:target{
|
|
padding-top: 57px;
|
|
}
|
|
|
|
/* Table Properties */
|
|
table{
|
|
padding: 20px;
|
|
}
|
|
|
|
th{
|
|
background-color: #f05f40;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
|
|
tr, td{
|
|
padding: 5px;
|
|
text-align: left;
|
|
border: 2px solid #f05f40
|
|
}
|
|
|
|
/* Theme Colors */
|
|
.bg-primary{
|
|
background-color:#f05f40!important
|
|
}
|
|
|
|
.bg-dark{
|
|
background-color:#212529!important
|
|
}
|
|
|
|
.footer-dark{
|
|
background-color:#212529!important;
|
|
padding:2rem 0
|
|
}
|
|
|
|
.text-faded{
|
|
color:rgba(255,255,255,.9)
|
|
}
|
|
|
|
div.text-footer{
|
|
text-align: center;
|
|
}
|
|
|
|
/* Changed padding */
|
|
section{padding:2rem 0}
|
|
.section-heading{margin-top:0}
|
|
::-moz-selection{color:#fff;background:#212529;text-shadow:none}
|
|
::selection{color:#fff;background:#212529;text-shadow:none}
|
|
img::-moz-selection{color:#fff;background:0 0}
|
|
img::selection{color:#fff;background:0 0}
|
|
img::-moz-selection{color:#fff;background:0 0}
|
|
|
|
#mainNav{
|
|
border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;transition:all .2s
|
|
}
|
|
|
|
#mainNav .navbar-brand{
|
|
font-weight:700;
|
|
text-transform:uppercase;
|
|
color:#f05f40;
|
|
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
|
|
}
|
|
|
|
#mainNav .navbar-brand:focus,
|
|
#mainNav .navbar-brand:hover{color:#f05f40}
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link,
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
|
|
font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529
|
|
}
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link.active,
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#f05f40!important;background-color:transparent}
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}
|
|
|
|
@media (min-width:992px){
|
|
#mainNav{border-color:transparent;background-color:transparent
|
|
}
|
|
|
|
#mainNav .navbar-brand{color:rgba(255,255,255,.7)}
|
|
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link,
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
|
|
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}
|
|
#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}
|
|
#mainNav.navbar-shrink .navbar-brand{color:#f05f40}
|
|
#mainNav.navbar-shrink .navbar-brand:focus,
|
|
#mainNav.navbar-shrink .navbar-brand:hover{color:#f05f40}
|
|
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,
|
|
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}
|
|
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,
|
|
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}}
|
|
|
|
header.masthead{
|
|
padding-top:10rem;padding-bottom:calc(10rem - 56px);
|
|
background-image:url(../img/header.jpg);
|
|
background-position:center center;
|
|
background-size:cover
|
|
}
|
|
|
|
header.masthead hr{
|
|
margin-top:30px;
|
|
margin-bottom:30px
|
|
}
|
|
|
|
header.masthead h1{font-size:2rem}
|
|
header.masthead p{font-weight:300}
|
|
|
|
@media (min-width:768px){
|
|
header.masthead p{font-size:1.15rem}
|
|
}
|
|
|
|
@media (min-width:992px){
|
|
header.masthead{
|
|
height:100vh;min-height:650px;padding-top:0;padding-bottom:0
|
|
}
|
|
header.masthead h1{font-size:3rem}
|
|
}
|
|
|
|
@media (min-width:1200px){
|
|
header.masthead h1{font-size:4rem}
|
|
}
|
|
|
|
.service-box{max-width:400px}
|
|
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
|
|
.portfolio-box .portfolio-box-caption{
|
|
position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;transition:all .2s
|
|
}
|
|
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{
|
|
position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center
|
|
}
|
|
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{
|
|
padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
|
|
}
|
|
|
|
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{
|
|
font-size:14px;font-weight:600;text-transform:uppercase
|
|
}
|
|
|
|
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}
|
|
|
|
@media (min-width:768px){
|
|
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
|
|
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}
|
|
}
|
|
.text-primary{color:#f05f40!important}
|
|
.btn{
|
|
font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
|
|
}
|
|
|
|
.btn-xl{padding:1rem 2rem}
|
|
.btn-primary{background-color:#f05f40;border-color:#f05f40}
|
|
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#ee4b28!important}
|
|
|
|
.btn-primary:active,.btn-primary:focus{
|
|
-webkit-box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important;box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important
|
|
}
|
|
|
|
.btn-outline-full-width{border:1px solid #888;margin:5px;width:100%}
|
|
|
|
/* Blockquotes */
|
|
blockquote {
|
|
border: 2px solid #f05f40;
|
|
border-radius: 0px;
|
|
font-size: .9rem;
|
|
margin: 10px;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
blockquote p {
|
|
margin: 0;
|
|
line-height: 25px;
|
|
}
|
|
|
|
blockquote .small {
|
|
display: block;
|
|
font-size: 80%;
|
|
color: brown;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Code Blocks */
|
|
code {
|
|
color: #ad462e;
|
|
font-size: .9rem;
|
|
}
|
|
|
|
pre.highlight {
|
|
border-left: 2px solid #212529;
|
|
background: white;
|
|
color: black;
|
|
font-size: .9rem;
|
|
margin: 10px;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
/* Scroll to Top */
|
|
.top-link {
|
|
transition: all .25s ease-in-out;
|
|
position: fixed;
|
|
bottom: 0;
|
|
right: 0;
|
|
display: inline-flex;
|
|
|
|
cursor: pointer;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 3em 3em 0;
|
|
border-radius: 50%;
|
|
padding: .25em;
|
|
width: 50px;
|
|
height: 50px;
|
|
background-color: #F8F8F8;
|
|
}
|
|
|
|
.show {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.hide {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
|
|
.screen-reader-text {
|
|
position: absolute;
|
|
clip-path: inset(50%);
|
|
margin: -1px;
|
|
border: 0;
|
|
padding: 0;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
word-wrap: normal !important;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
|
|
&:focus {
|
|
display: block;
|
|
top: 5px;
|
|
left: 5px;
|
|
z-index: 100000;
|
|
clip-path: none;
|
|
background-color: #eee;
|
|
padding: 15px 23px 14px;
|
|
width: auto;
|
|
height: auto;
|
|
text-decoration: none;
|
|
line-height: normal;
|
|
color: #444;
|
|
font-size: 1em;
|
|
clip: auto !important;
|
|
}
|
|
}
|
|
|
|
/* Station Logos for Splash Page */
|
|
.station-logos img {
|
|
max-height: 200px;
|
|
max-width: 200px;
|
|
margin: auto;
|
|
}
|
|
|
|
.station-logos-row {
|
|
display: flex;
|
|
}
|
|
|
|
.station-logos-col {
|
|
flex: 25%;
|
|
padding: 5px;
|
|
}
|
|
|
|
/*------------------------------------
|
|
List
|
|
------------------------------------*/
|
|
.list-line {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.list-line li {
|
|
position: relative;
|
|
color: #FF6745;
|
|
padding-left: 1.5rem;
|
|
}
|
|
|
|
.list-line li::before {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
content: "-";
|
|
color: #FF6745;
|
|
}
|
|
|
|
.list-icon {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.list-icon li {
|
|
position: relative;
|
|
color: #212529;
|
|
padding-left: 1.8rem;
|
|
margin-bottom: 1.8rem;
|
|
}
|
|
|
|
.list-icon li::before {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.list-icon-star li::before {
|
|
content: "\f005";
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 400;
|
|
color: #007bff;
|
|
}
|