Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /**
- * set padding to make room for bootstrap menu
- *
- */
- /*
- * need to set the height for objects
- * set top padding to make room for selection toolbar
- */
- @import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700,900');
- body {
- line-height: 24px;
- font-size: 14px;
- color: #666666;
- font-family: 'Oswald', sans-serif;
- font-weight: 400;
- }
- div.qvobject, div.qvplaceholder {
- padding: 30px 10px 10px 10px;
- height: 400px;
- background-color: transparent;
- }
- .qv-object-kpi{
- padding: 0px;
- }
- #main {
- width: 100%;
- padding: 0;
- }
- .image-header {
- display: table;
- position: relative;
- margin-top: -20px;
- width: 100%;
- height: 30%;
- background: url(leaf.jpg) no-repeat center center scroll;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- background-size: cover;
- -o-background-size: cover;
- z-index: -99;
- }
- .content-section-a {
- background-color: #ECF0F1;
- }
- .navbar {
- margin-bottom: 0 !important;
- }
- .navbar-brand {
- max-width: 345px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- /*
- * Overrides Bootstrap navbar z-index to avoid conflict with selections bar
- */
- .navbar-fixed-top {
- position: relative;
- z-index: 100;
- }
- .qcmd {
- cursor: pointer;
- }
- #footer {
- background-color: #FEC956;
- text-align: center;
- padding-top: 30px;
- padding-bottom: 30px;
- margin-bottom: -30px;
- }
- #popup {
- background-color: #7f8c8d;
- color: #FFFFFF;
- position: fixed;
- padding: 10px;
- margin: 10px;
- bottom: 0;
- right: 0;
- display: none;
- border-radius: 5px;
- }
- .borderShadow {
- margin: 15px 0;
- background-color: #FFFFFF;
- -webkit-box-shadow: 0 0 16px -5px rgba(50, 50, 50, 0.52);
- -moz-box-shadow: 0 0 16px -5px rgba(50, 50, 50, 0.52);
- box-shadow: 0 0 16px -5px rgba(50, 50, 50, 0.52);
- }
- /*KPIs*/
- .kpi {
- height: 6vw;
- max-height: 150px;
- min-height: 150px;
- /*background: #fff;*/
- border-radius: 2px;
- color: #fff;
- margin-bottom: 10px;
- }
- .kpi article{
- width: 80%;
- }
- .kpi-row{
- margin-bottom: 15px;
- }
- .kpi-side{
- position: absolute;
- right: 20px;
- top: 50%;
- margin-top: -25px;
- width: 40px;
- height: 40px;
- }
- .kpi-side i{
- font-size: 40px;
- opacity: .2;
- color: #fff;
- }
- .qv-object-kpi .kpi-data{
- align-items: flex-start;
- padding-left: 5px;
- }
- #QV3-01 .kpi-value{
- color: #fff !important;
- }
- #KPI-02 .kpi-value{
- color: #fff!important;
- }
- #KPI-03 .kpi-value{
- color: #fff!important;
- }
- #KPI-04 .kpi-value{
- color: #fff!important;
- }
- /*color library*/
- .blue{ background-color:#3598dc;}
- .blue-1{ background-color:#2C3E50;}
- .blue-2{ background-color:#5e738b;}
- .blue-3{ background-color:#22313F;}
- .blue-4{ background-color:#67809F;}
- .blue-5{ background-color:#578ebe;}
- .blue-6{ background-color:#94A0B2;}
- .blue-7{ background-color:#5C9BD1;}
- .blue-8{ background-color:#4c87b9;}
- .blue-9{ background-color:#4B77BE;}
- .green{ background-color:#32c5d2;}
- .green-1{ background-color:#4DB3A2;}
- .green-2{ background-color:#44b6ae;}
- .green-3{ background-color:#26C281;}
- .green-4{ background-color:#1BBC9B;}
- .green-5{ background-color:#1BA39C;}
- .green-6{ background-color:#2ab4c0;}
- .green-7{ background-color:#3faba4;}
- .green-8{ background-color:#29b4b6;}
- .green-9{ background-color:#36D7B7;}
- .grey{ background-color:#E5E5E5;}
- .grey-1{ background-color:#fafafa;}
- .grey-2{ background-color:#95A5A6;}
- .grey-3{ background-color:#555555;}
- .grey-4{ background-color:#525e64;}
- .grey-5{ background-color:#ACB5C3;}
- .grey-6{ background-color:#bfcad1;}
- .grey-7{ background-color:#BFBFBF;}
- .grey-8{ background-color:#e9edef;}
- .purple{ background-color:#8E44AD;}
- .purple-1{ background-color:#8775a7;}
- .purple-2{ background-color:#BF55EC;}
- .purple-3{ background-color:#8775a7;}
- .purple-4{ background-color:#9A12B3;}
- .purple-5{ background-color:#796799;}
- .purple-6{ background-color:#8877a9;}
- .purple-7{ background-color:#8E44AD;}
- .purple-8{ background-color:#9B59B6;}
- .red{ background-color:#e7505a;}
- .red-1{ background-color:#EF4836;}
- .red-2{ background-color:#f36a5a;}
- .red-3{ background-color:#e35b5a;}
- .red-4{ background-color:#e43a45;}
- .red-5{ background-color:#E08283;}
- .red-6{ background-color:#d05454;}
- .red-7{ background-color:#E26A6A;}
- .red-8{ background-color:#D91E18;}
- .white{ background-color:#ffffff;}
- .yellow{ background-color:#c49f47;}
- .yellow-1{ background-color:#f2784b;}
- .yellow-2{ background-color:#f3c200;}
- .yellow-3{ background-color:#E87E04;}
- .yellow-4{ background-color:#c5bf66;}
- .yellow-5{ background-color:#F7CA18;}
- .yellow-6{ background-color:#c5b96b;}
- .yellow-7{ background-color:#F4D03F;}
- .yellow-8{ background-color:#c8d046;}
- .counter-1{ background-color:#0861b5;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement