mirror of
https://github.com/status-im/burnchart.git
synced 2025-03-03 03:20:40 +00:00
cleanup of the style
This commit is contained in:
Radek Stepan
parent
0634fbc604
commit
368592d6ee
@ -1,13 +1,8 @@
|
|||||||
|
|
||||||
/*------------- FONTS --------------------------------------------------------------------------------- */
|
|
||||||
/* Generated by Font Squirrel (http://www.fontsquirrel.com)*/
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'OpenSansLight';
|
font-family: 'OpenSansLight';
|
||||||
src: url('../font/OpenSans-Light-webfont.ttf') format('truetype');
|
src: url('../font/OpenSans-Light-webfont.ttf') format('truetype');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
@ -15,319 +10,200 @@
|
|||||||
src: url('../font/OpenSans-Regular-webfont.ttf') format('truetype');
|
src: url('../font/OpenSans-Regular-webfont.ttf') format('truetype');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body {
|
||||||
background-color:rgb(255,255,255);
|
background-color: #fff;
|
||||||
background-image:url("../img/colbg.jpg");
|
background-image: url("../img/colbg.jpg");
|
||||||
background-repeat:repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-position:0px 40px;
|
background-position: 0px 40px;
|
||||||
overflow-y:auto;
|
overflow-y: auto;
|
||||||
}
|
|
||||||
body#landingBody{
|
|
||||||
background-position:0px 0px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar .brand i{
|
body#landingBody {
|
||||||
margin-top:5px;
|
background-position: 0px 0px;
|
||||||
}
|
|
||||||
.navbar .brand{
|
|
||||||
color:rgb(255,255,255);
|
|
||||||
|
|
||||||
-webkit-transition:color .2s ease-in-out;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
.navbar .brand:hover{
|
|
||||||
color:rgba(0,215,249,1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar .nav a:hover{
|
.navbar .brand i {
|
||||||
-webkit-transition:color .3s ease-in-out;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar .navbar-inner{
|
.navbar .brand {
|
||||||
box-shadow:none;
|
color: #fff;
|
||||||
|
-webkit-transition: color .2s ease-in-out;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar.blacktrans .navbar-inner{
|
.navbar .brand:hover {
|
||||||
background: -moz-linear-gradient(top, rgba(51,51,51,0.8) 0%, rgba(34,34,34,0.85) 100%); /* FF3.6+ */
|
color: rgba(0,215,249,1);
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.8)), color-stop(100%,rgba(34,34,34,0.85))); /* Chrome,Safari4+ */
|
|
||||||
background: -webkit-linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(34,34,34,0.85) 100%); /* Chrome10+,Safari5.1+ */
|
|
||||||
background: -o-linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(34,34,34,0.85) 100%); /* Opera 11.10+ */
|
|
||||||
background: -ms-linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(34,34,34,0.85) 100%); /* IE10+ */
|
|
||||||
background: linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(34,34,34,0.85) 100%); /* W3C */
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc333333', endColorstr='#d9222222',GradientType=0 ); /* IE6-9 */
|
|
||||||
|
|
||||||
}
|
|
||||||
.navbar.blue .navbar-inner{
|
|
||||||
background: -moz-linear-gradient(top, rgba(9,86,174,0.8) 0%, rgba(2,74,158,0.85) 100%); /* FF3.6+ */
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,86,174,0.8)), color-stop(100%,rgba(2,74,158,0.85))); /* Chrome,Safari4+ */
|
|
||||||
background: -webkit-linear-gradient(top, rgba(9,86,174,0.8) 0%,rgba(2,74,158,0.85) 100%); /* Chrome10+,Safari5.1+ */
|
|
||||||
background: -o-linear-gradient(top, rgba(9,86,174,0.8) 0%,rgba(2,74,158,0.85) 100%); /* Opera 11.10+ */
|
|
||||||
background: -ms-linear-gradient(top, rgba(9,86,174,0.8) 0%,rgba(2,74,158,0.85) 100%); /* IE10+ */
|
|
||||||
background: linear-gradient(top, rgba(9,86,174,0.8) 0%,rgba(2,74,158,0.85) 100%); /* W3C */
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0956ae', endColorstr='#d9024a9e',GradientType=0 ); /* IE6-9 */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar.blue2 .navbar-inner{
|
.navbar .nav a:hover {
|
||||||
|
-webkit-transition: color .3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .navbar-inner {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.blue .navbar-inner {
|
||||||
background: #0956ae;
|
background: #0956ae;
|
||||||
background: -moz-linear-gradient(top, #0956ae 0%, #024a9e 100%);
|
background: -moz-linear-gradient(top, #0956ae 0%, #024a9e 100%);
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0956ae), color-stop(100%,#024a9e));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0956ae), color-stop(100%,#024a9e));
|
||||||
background: -webkit-linear-gradient(top, #0956ae 0%,#024a9e 100%);
|
background: -webkit-linear-gradient(top, #0956ae 0%,#024a9e 100%);
|
||||||
background: -o-linear-gradient(top, #0956ae 0%,#024a9e 100%);
|
background: -o-linear-gradient(top, #0956ae 0%,#024a9e 100%);
|
||||||
background: -ms-linear-gradient(top, #0956ae 0%,#024a9e 100%);
|
background: -ms-linear-gradient(top, #0956ae 0%,#024a9e 100%);
|
||||||
background: linear-gradient(top, #0956ae 0%,#024a9e 100%);
|
background: linear-gradient(top, #0956ae 0%,#024a9e 100%);
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0956ae', endColorstr='#024a9e',GradientType=0 );
|
|
||||||
|
|
||||||
}
|
|
||||||
.navbar.blue .nav > li > a{
|
|
||||||
color:rgb(255,255,255);
|
|
||||||
opacity:0.8;
|
|
||||||
-webkit-transition:opacity .3s ease-in-out;
|
|
||||||
}
|
|
||||||
.navbar.blue .nav > li > a:hover{
|
|
||||||
opacity:1;
|
|
||||||
}
|
|
||||||
.navbar.blue .nav > .active > a{
|
|
||||||
opacity:1;
|
|
||||||
background-color:rgba(0,0,0,0.2);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-search {
|
.navbar.blue .nav > li > a {
|
||||||
|
color: #fff;
|
||||||
|
opacity: 0.8;
|
||||||
|
-webkit-transition: opacity .3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.blue .nav > li > a:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar.blue .nav > .active > a {
|
||||||
|
opacity: 1;
|
||||||
|
background-color: rgba(0,0,0,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .nav i {
|
||||||
|
margin-top: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .nav:last-child i {
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-nav {
|
||||||
|
top: 4px;
|
||||||
|
background-color: #FFF;
|
||||||
|
color: #444;
|
||||||
|
-webkit-border-radius: 1px;
|
||||||
|
-moz-border-radius: 1px;
|
||||||
|
border-radius: 1px;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul > li {
|
||||||
|
font-family: "OpenSansLight";
|
||||||
|
color: #222;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul > li figure {
|
||||||
|
margin: 0;
|
||||||
|
padding: 6px 14px 6px 14px;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul > li figure:hover {
|
||||||
|
background-color: #F9F9F9;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul > li.active figure:first-child {
|
||||||
|
color: #00AFDB;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul.subSide {
|
||||||
|
padding: 5px 0px 5px 0px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul.subSide li {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 17px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
padding: 4px 10px 5px 14px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul.subSide li:hover {
|
||||||
|
background-color: rgba(0,175,219,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul li i {
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideBar ul > li > figure .badge {
|
||||||
|
top: -2px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-left:80px;
|
font-family: "OpenSansRegular";
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-search .search-query {
|
|
||||||
padding-left: 29px;
|
|
||||||
background-color:#4487D3;
|
|
||||||
border:1px #0059BE solid;
|
|
||||||
-webkit-transition:background .5s ease-in-out;
|
|
||||||
-moz-transition:background .5s ease-in-out;
|
|
||||||
-ms-transition:background .5s ease-in-out;
|
|
||||||
-o-transition:background .5s ease-in-out;
|
|
||||||
transition:background .5s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-search .icon-search {
|
|
||||||
position: absolute;
|
|
||||||
top: 7px;
|
|
||||||
left: 11px;
|
|
||||||
background-image: url("../img/glyphicons-halflings-white.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-search .search-query:focus, .navbar-search .search-query.focused {
|
|
||||||
padding-left: 30px;
|
|
||||||
background-color:#FFFFFF;
|
|
||||||
text-shadow:none;
|
|
||||||
color:#333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-query:focus + .icon-search {
|
|
||||||
background-image: url("../img/glyphicons-halflings.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar .nav i{
|
|
||||||
margin-top:1px;
|
|
||||||
}
|
|
||||||
.navbar .nav:last-child i{
|
|
||||||
margin-top:2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge-nav{
|
|
||||||
top:4px;
|
|
||||||
background-color:#FFF;
|
|
||||||
color:#444;
|
|
||||||
-webkit-border-radius:1px;
|
|
||||||
-moz-border-radius:1px;
|
|
||||||
border-radius:1px;
|
|
||||||
text-shadow:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sideBar{
|
|
||||||
padding-top:20px;
|
|
||||||
}
|
|
||||||
.sideBar ul{
|
|
||||||
list-style:none;
|
|
||||||
padding:0;margin:0;
|
|
||||||
}
|
|
||||||
.sideBar ul > li{
|
|
||||||
font-family:"OpenSansLight";
|
|
||||||
color:#222;
|
|
||||||
cursor:pointer;
|
|
||||||
font-size:16px;
|
|
||||||
margin-bottom:2px;
|
|
||||||
|
|
||||||
}
|
|
||||||
.sideBar ul > li figure{
|
|
||||||
margin:0;
|
|
||||||
padding:6px 14px 6px 14px;
|
|
||||||
opacity:0.7;
|
|
||||||
}
|
|
||||||
.sideBar ul > li figure:hover{
|
|
||||||
background-color:rgb(249,249,249);
|
|
||||||
opacity:1;
|
|
||||||
}
|
|
||||||
.sideBar ul > li.active figure:first-child{
|
|
||||||
color:rgba(0,175,219,1);
|
|
||||||
opacity:1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sideBar ul.subSide{
|
|
||||||
padding:5px 0px 5px 0px;
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
.sideBar ul.subSide li{
|
|
||||||
font-size:15px;
|
|
||||||
line-height:17px;
|
|
||||||
margin-bottom:5px;
|
|
||||||
padding:4px 10px 5px 14px;
|
|
||||||
margin-left:10px;
|
|
||||||
}
|
|
||||||
.sideBar ul.subSide li:hover{
|
|
||||||
background-color:rgba(0,175,219,0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sideBar ul li i{
|
|
||||||
margin-top:4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.sideBar ul > li > figure .badge{
|
|
||||||
top:-2px;
|
|
||||||
position:relative;
|
|
||||||
font-family:"OpenSansRegular";
|
|
||||||
-webkit-border-radius: 1px;
|
-webkit-border-radius: 1px;
|
||||||
-moz-border-radius: 1px;
|
-moz-border-radius: 1px;
|
||||||
border-radius: 1px;
|
border-radius: 1px;
|
||||||
text-shadow:none;
|
text-shadow: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sideBottom{
|
.borBox {
|
||||||
position:fixed;
|
-webkit-box-sizing: border-box;
|
||||||
z-index:200;
|
-ms-box-sizing: border-box;
|
||||||
bottom:0;left:20px;
|
-moz-box-sizing: border-box;
|
||||||
width:183px;
|
-o-box-sizing: border-box;
|
||||||
height:auto;
|
box-sizing: border-box;
|
||||||
min-height:30px;
|
|
||||||
background-color:rgb(255,255,255);
|
|
||||||
border-right:1px rgb(235,235,235) solid;
|
|
||||||
border-left:1px rgb(235,235,235) solid;
|
|
||||||
}
|
|
||||||
.sideBottom .headblue{
|
|
||||||
width:inherit;
|
|
||||||
height:30px;
|
|
||||||
|
|
||||||
-webkit-border-radius: 0px;
|
|
||||||
-moz-border-radius: 0px;
|
|
||||||
border-radius: 0px;
|
|
||||||
text-shadow:none;
|
|
||||||
font-family:"OpenSansRegular";
|
|
||||||
|
|
||||||
}
|
|
||||||
.sideBottom .headblue i{
|
|
||||||
margin-top:2px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sideBottom #tasksSideList li{
|
.pad40 {
|
||||||
padding:3px 10px 4px 3px;
|
padding-top: 40px;
|
||||||
font-size:12px;
|
|
||||||
margin:0;
|
|
||||||
border-bottom:1px rgb(235,235,235) solid;
|
|
||||||
}
|
|
||||||
.sideBottom #tasksSideList li a{
|
|
||||||
color:#222;
|
|
||||||
text-decoration:none;
|
|
||||||
}
|
|
||||||
.sideBottom #tasksSideList li:last-child{
|
|
||||||
border:none;
|
|
||||||
}
|
|
||||||
.sideBottom #tasksSideList li:hover{
|
|
||||||
background-color:rgb(245,245,245);
|
|
||||||
}
|
|
||||||
.sideBottom #tasksSideList li i{
|
|
||||||
margin-top:1px;
|
|
||||||
margin-right:4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.borBox{
|
hr {
|
||||||
-webkit-box-sizing:border-box;
|
margin: 7px 0px;
|
||||||
-ms-box-sizing:border-box;
|
|
||||||
-moz-box-sizing:border-box;
|
|
||||||
-o-box-sizing:border-box;
|
|
||||||
box-sizing:border-box;
|
|
||||||
}
|
|
||||||
.pad40{
|
|
||||||
padding-top:40px;
|
|
||||||
}
|
|
||||||
hr{
|
|
||||||
margin:7px 0px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
.tooltip{
|
|
||||||
font-family:"OpenSansRegular";
|
|
||||||
}
|
|
||||||
.tooltip-inner{
|
|
||||||
padding:5px 8px;
|
|
||||||
-webkit-border-radius: 1px;
|
|
||||||
-moz-border-radius: 1px;
|
|
||||||
border-radius: 1px;
|
|
||||||
background-color:rgba(0,0,0,0.9);
|
|
||||||
|
|
||||||
}
|
|
||||||
.tooltip.bottom .tooltip-arrow{
|
|
||||||
border-bottom: 5px solid rgba(0,0,0,0.9);
|
|
||||||
}
|
|
||||||
.tooltip.top .tooltip-arrow{
|
|
||||||
border-top: 5px solid rgba(0,0,0,0.9);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-sharp {
|
||||||
.content{
|
|
||||||
padding:20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.btn-sharp{
|
|
||||||
-webkit-border-radius: 0px;
|
-webkit-border-radius: 0px;
|
||||||
-moz-border-radius: 0px;
|
-moz-border-radius: 0px;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sharp .btn:first-child{
|
.sharp .btn:first-child {
|
||||||
-webkit-border-radius: 1px;
|
-webkit-border-radius: 1px;
|
||||||
-moz-border-radius: 1px;
|
-moz-border-radius: 1px;
|
||||||
border-radius:1px;
|
border-radius: 1px;
|
||||||
}
|
|
||||||
.sharp .btn:last-child{
|
|
||||||
-webkit-border-radius: 1px;
|
|
||||||
-moz-border-radius: 1px;
|
|
||||||
border-radius:1px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-dashboard{
|
.sharp .btn:last-child {
|
||||||
padding:20px;
|
-webkit-border-radius: 1px;
|
||||||
height:100px;
|
-moz-border-radius: 1px;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-dashboard {
|
||||||
|
padding: 20px;
|
||||||
|
height: 100px;
|
||||||
-webkit-border-radius: 2px;
|
-webkit-border-radius: 2px;
|
||||||
-moz-border-radius: 2px;
|
-moz-border-radius: 2px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tLeft{
|
.tLeft {
|
||||||
text-align:left;
|
text-align: left;
|
||||||
}
|
|
||||||
.tRight{
|
|
||||||
text-align:right;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.wellDark{
|
.tRight {
|
||||||
padding:8px 14px;
|
text-align: right;
|
||||||
background-color:rgba(225,225,225,0.55);
|
|
||||||
border-radius:2px;
|
|
||||||
border:1px rgb(210,210,210) solid;
|
|
||||||
}
|
}
|
||||||
@ -15,7 +15,7 @@
|
|||||||
<script src="js/rickshaw.min.js"></script>
|
<script src="js/rickshaw.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="navbar blue blue2 navbar-fixed-top">
|
<header class="navbar blue navbar-fixed-top">
|
||||||
<div class="navbar-inner">
|
<div class="navbar-inner">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<ul class="nav pull-left">
|
<ul class="nav pull-left">
|
||||||
|
|||||||
@ -10,7 +10,7 @@
|
|||||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="navbar blue blue2 navbar-fixed-top">
|
<header class="navbar blue navbar-fixed-top">
|
||||||
<div class="navbar-inner">
|
<div class="navbar-inner">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<ul class="nav pull-left">
|
<ul class="nav pull-left">
|
||||||
|
|||||||
@ -10,7 +10,7 @@
|
|||||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="navbar blue blue2 navbar-fixed-top">
|
<header class="navbar blue navbar-fixed-top">
|
||||||
<div class="navbar-inner">
|
<div class="navbar-inner">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<ul class="nav pull-left">
|
<ul class="nav pull-left">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user