Skip to content

Instantly share code, notes, and snippets.

@CircleSquaredPublishing
Created April 19, 2017 04:21
Show Gist options
  • Select an option

  • Save CircleSquaredPublishing/a35a1e3531ce61e527da3d4ca99f3366 to your computer and use it in GitHub Desktop.

Select an option

Save CircleSquaredPublishing/a35a1e3531ce61e527da3d4ca99f3366 to your computer and use it in GitHub Desktop.
Stylesheet for the page contents.
/**
* @project Heatery
* @version 2.0
* @author Will Conkwright
* @copyright 2017 Circle Squared Publishing, LLC
* @cssdoc version 1.0-pre
* @license GPL v3
*
*/
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map-canvas {
position: absolute;
height: calc(100% - 285px);
width: 100%;
}
#card-image {
position: absolute;
width: 100%;
height: 235px;
bottom: 0;
display: flex;
overflow-x: scroll;
background-color: #24282B;
padding: 0;
}
#card-data {
border-right: 1px solid #666;
margin: 0;
padding: 0;
min-width: 25%;
}
.card-header {
color: #777;
border: 1px solid #888;
width: 25px;
}
.card-title {
color: #777;
}
.navbar-brand {
float: left;
height: 50px;
padding: 5px 10px;
font-size: 18px;
line-height: 20px;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0;
border-radius: 0;
border: none;
}
.navbar-default {
background-color: rgba(0, 0, 0, 0.8);
border: none;
}
.brand-image {
height: 40px;
width: 40px;
}
.navbar-form {
border-top: none;
border-bottom: none;
}
.navbar-default .navbar-nav>.active>a {
color: #333;
background-color: rgba(185, 243, 7, 1);
}
.navbar-default .navbar-nav>.active>a:hover {
color: #333;
background-color: rgba(185, 243, 7, 1);
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: rgba(253, 47, 1, 1);
background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
color: rgba(185, 243, 7, 1);
font-weight: 200;
font-size: 1.2em;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #222;
background-color: rgba(185, 243, 7, 1);
}
.dropdown-menu {
color: #222;
background-color: #666666;
}
.dropdown-menu>li>a {
color: #222;
font-weight: 200;
font-size: 1.2em;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
background-color: rgba(185, 243, 7, 1);
}
.dropdown-menu .divider {
margin: 0;
height: 1px;
background-color: #444;
}
.btn-default {
color: #222;
background-color: rgba(185, 243, 7, 1);
border-color: #444;
}
.form-control {
background-color: #333;
border: 1px solid #666;
}
input[type=text] {
color: #fff;
font-weight: 200;
font-size: 1.2em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment