Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
IDEA-COVID-SafeCampus/www/brand_style.css
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
415 lines (311 sloc)
8.07 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*----------------------------------------------------------------------------------*/ | |
/*--------------------------------TEMPLATE STYLING----------------------------------*/ | |
/*----------------------------------------------------------------------------------*/ | |
/* The below code should not be edited, except for when changes need to be made to the overall template. If you need to edit this code, | |
/*------------------------------------------------*/ | |
/*-----------------FONT STYLING-------------------*/ | |
/*------------------------------------------------*/ | |
h1 { | |
margin: 25px; | |
text-align:center; | |
font-family: Source Sans Pro; | |
font-weight: 300; | |
font-size: 2.0em; | |
color: #222222; | |
text-decoration: none solid rgb(158, 162, 162); | |
line-height: 80px; | |
} | |
h2 { | |
margin: 0; | |
padding: 0; | |
font-family: "Source Sans Pro", sans-serif; | |
} | |
/*h2 { | |
font-family: Source Sans Pro; | |
font-size: 30px; | |
color: #ab2328; | |
text-decoration: none solid rgb(171, 35, 40); | |
text-transform: uppercase; | |
text-align: center; | |
}*/ | |
/*h3 { | |
line-height: 1.5em; | |
font-size: 1.3em; | |
font-family: "Source Sans Pro", sans-serif; | |
text-decoration: none solid rgb(0, 32, 91); | |
color: #00205b; | |
text-transform: uppercase; | |
}*/ | |
h3{ | |
margin: 0; | |
padding: 0; | |
font-family: "Source Sans Pro", sans-serif; | |
} | |
h4 { | |
font-family: Source Sans Pro; | |
font-size: 30px; | |
color: #ab2328; | |
text-decoration: none solid rgb(171, 35, 40); | |
text-transform: uppercase; | |
text-align: center; | |
} | |
#lastupdate{ | |
display:inline; | |
vertical-align:middle; | |
float:right; | |
} | |
#title{ | |
display:inline; | |
vertical-align:middle; | |
} | |
p { | |
padding-bottom: 6.9px; | |
font-size: 1.2em; | |
line-height: 1.6em; | |
font-weight: 400; | |
color: #6e6e6e; | |
} | |
a{ | |
color: #900000; | |
} | |
/*------------------------------------------------*/ | |
/*------------------------------------------------*/ | |
/*---------------STRUCTURE STYLING----------------*/ | |
/*------------------------------------------------*/ | |
.page_title { | |
padding-left: 2rem; | |
} | |
.main-header{ | |
padding-top: 5px; | |
position: fixed; | |
width: 100%; | |
background: white; | |
} | |
/*---------------ELEMENT STYLING------------------*/ | |
img { | |
max-width:100%; | |
max-height:100%; | |
height:auto; | |
width: 100%; | |
} | |
/*------------------------------------------------*/ | |
.header{ | |
text-align: center; | |
color: #990000; | |
padding-bottom: 20px; | |
} | |
.shiny-input-container:not(.shiny-input-container-inline){ | |
width: 100%; | |
/*max-width: 300px;*/ | |
/*padding: 0 13% 0 13%;*/ | |
} | |
/*---------------NAV BAR STYLING------------------*/ | |
.navbar-default .navbar-nav .active a { | |
font-weight: 400; | |
background-color: #fff; | |
color: #222; | |
padding: 13px 10px; | |
} | |
.navbar-default .navbar-nav li a { | |
font-weight: 400; | |
background-color: #fff; | |
color: #222; | |
padding: 13px 10px; | |
} | |
.navbar-default .navbar-nav li a:hover { | |
background-color: #e7e7e7; | |
} | |
.navbar-brand { | |
padding: 0; | |
margin: 0; | |
} | |
.navbar-default { | |
background-color: white; | |
border-color: white; | |
padding: 5px 10px; | |
} | |
.navbar-nav .li a { | |
padding-left:10px; | |
padding-right:10px; | |
} | |
#header_logo { | |
height: auto; | |
width: 13%; | |
} | |
.title-text { | |
font-family: Source Sans Pro; | |
color: #222222; | |
text-decoration: none solid rgb(34, 34, 34); | |
text-align: left; | |
display: inline-block; | |
vertical-align: middle; | |
white-space:nowrap; | |
line-height: 100%; | |
padding-right: 3%; | |
margin-right: 1%; | |
} | |
.title-rside { | |
float:right; | |
} | |
.logo-text{ | |
display: inline; | |
font-size: 1.2em; | |
vertical-align: middle; | |
} | |
/*------------------------------------------------*/ | |
/*------------------------------------------------*/ | |
/*--------------DASHBOARD STYLING-----------------*/ | |
/*------------------------------------------------*/ | |
.sidebar{ | |
color: #343434; | |
margin-top: 25px; | |
width: inherit; | |
position: fixed; | |
display:inline-block; | |
} | |
.img-wrapper { | |
padding: 10px; | |
} | |
.side_sub { | |
max-height:85vh; | |
max-width: 300px; | |
overflow:auto; | |
padding-top:10px; | |
} | |
/*------------------------------------------------*/ | |
/*---------------SKIN OVERWRITING-----------------*/ | |
/*------------------------------------------------*/ | |
/* For some reason there is an issue with the shinydashboard skin styles overwriting all | |
other styles, so these are going to look super specific and dumb but I don't know a better way of doing it */ | |
.skin-black .left-side, .skin-black .main-sidebar, .skin-black .wrapper { | |
background-color: #f0f0f0; | |
} | |
.skin-black .main-header>.logo { | |
border-right:0; | |
} | |
.skin-black .main-header .navbar>.sidebar-toggle { | |
border-right:0; | |
} | |
.sidebar-toggle{ | |
/* position: absolute; | |
z-index: 5; | |
border-right: 1px solid #eee; | |
font-family: fontAwesome, 'Font Awesome 5 Free'; | |
background: white; | |
padding: 15px; | |
color: #9ea2a2; | |
font-weight: 900; | |
*/ | |
height: 100%; | |
/*font-size: 20px;*/ | |
padding-left:0 !important; | |
display: inline-block; | |
} | |
.skin-black .sidebar a { | |
background: #fff; | |
color: #343434; | |
font-size: 1.1em; | |
} | |
.skin-black .sidebar-menu>li:hover>a { | |
background: #f7f7f7; | |
color: #343434; | |
} | |
.skin-black .sidebar-menu>li.active>a { | |
background: #f7f7f7; | |
color: #343434; | |
} | |
.skin-black .sidebar-menu>li>.treeview-menu{ | |
background:#fff; | |
} | |
#sidebarCollapsed { | |
border: solid 1px #f7f7f7; | |
position:fixed; | |
height: inherit; | |
background: white; | |
} | |
/*------------------------------------------------*/ | |
/*------------------------------------------------*/ | |
/*-----------------INPUT STYLING------------------*/ | |
/*------------------------------------------------*/ | |
.selectize-input { | |
background: #FAFAFA; | |
font-family: SourceSansPro-Regular; | |
max-width: 100%; | |
font-size: 15px; | |
color: #333366; | |
letter-spacing: 0; | |
border: none; | |
} | |
.file-input { | |
max-width:100%; | |
} | |
.options{ | |
display: inline-block; | |
position: relative; | |
float: right; | |
vertical-align: bottom; | |
} | |
.control-label{ | |
font-weight: 400; | |
} | |
/*---slider styling---*/ | |
.irs-slider { | |
top: 17px !important; | |
width: 22px !important; | |
height: 22px !important; | |
border: 1px solid #c35442 !important; | |
background: #ab2328 !important; | |
border-radius: 27px !important; | |
-moz-border-radius: 27px !important; | |
box-shadow: 1px 1px 3px rgba(0,0,0,0.3) !important; | |
cursor: pointer !important; | |
} | |
.irs-bar { | |
height: 8px !important; | |
top: 25px !important; | |
border-top: 1px solid #990000 !important; | |
border-bottom: 1px solid #990000 !important; | |
background: #990000 !important; | |
} | |
.irs-from, .irs-to, .irs-single { | |
color: #fff !important; | |
font-size: 11px !important; | |
line-height: 1.333 !important; | |
text-shadow: none !important; | |
padding: 1px 3px !important; | |
background: #343434 !important; | |
border-radius: 3px !important; | |
-moz-border-radius: 3px !important; | |
} | |
.sidebar .irs-min, .sidebar .irs-max{ | |
color: #343434; | |
} | |
.irs-bar-edge{ | |
background: #990000 !important; | |
border: 1px solid #990000 !important; | |
} | |
.irs { | |
max-width: 100% !important; | |
} | |
/*---------------------------*/ | |
.options .shiny-input-container:not(.shiny-input-container-inline) { | |
width: 100%; | |
padding: 8% 7% 2% 7%; | |
} | |
.options { | |
position: fixed; | |
/* float: right; */ | |
/* vertical-align: bottom; */ | |
background-color: white; | |
z-index: 4; | |
/*padding: %;*/ | |
width: 100%; | |
max-width: 400px; | |
padding-left: 0; | |
height: 100%; | |
max-height: 500px; | |
overflow: scroll; | |
} | |
/*-------------------------------------------------*/ | |
/*------------------------------------------------*/ | |
/*------------------------------------------------*/ | |