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-family: 'OpenSansLight';
|
||||
src: url('../font/OpenSans-Light-webfont.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
|
|
@ -15,319 +10,200 @@
|
|||
src: url('../font/OpenSans-Regular-webfont.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
body{
|
||||
background-color:rgb(255,255,255);
|
||||
background-image:url("../img/colbg.jpg");
|
||||
background-repeat:repeat-x;
|
||||
background-position:0px 40px;
|
||||
overflow-y:auto;
|
||||
}
|
||||
body#landingBody{
|
||||
background-position:0px 0px;
|
||||
body {
|
||||
background-color: #fff;
|
||||
background-image: url("../img/colbg.jpg");
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px 40px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.navbar .brand i{
|
||||
margin-top:5px;
|
||||
}
|
||||
.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);
|
||||
body#landingBody {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.navbar .nav a:hover{
|
||||
-webkit-transition:color .3s ease-in-out;
|
||||
.navbar .brand i {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.navbar .navbar-inner{
|
||||
box-shadow:none;
|
||||
.navbar .brand {
|
||||
color: #fff;
|
||||
-webkit-transition: color .2s ease-in-out;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.navbar.blacktrans .navbar-inner{
|
||||
background: -moz-linear-gradient(top, rgba(51,51,51,0.8) 0%, rgba(34,34,34,0.85) 100%); /* FF3.6+ */
|
||||
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 .brand:hover {
|
||||
color: rgba(0,215,249,1);
|
||||
}
|
||||
|
||||
.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: -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-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: 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);
|
||||
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-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: linear-gradient(top, #0956ae 0%,#024a9e 100%);
|
||||
}
|
||||
|
||||
.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;
|
||||
margin-left:80px;
|
||||
}
|
||||
|
||||
.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";
|
||||
font-family: "OpenSansRegular";
|
||||
-webkit-border-radius: 1px;
|
||||
-moz-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
text-shadow:none;
|
||||
|
||||
-moz-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.sideBottom{
|
||||
position:fixed;
|
||||
z-index:200;
|
||||
bottom:0;left:20px;
|
||||
width:183px;
|
||||
height:auto;
|
||||
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;
|
||||
.borBox {
|
||||
-webkit-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sideBottom #tasksSideList li{
|
||||
padding:3px 10px 4px 3px;
|
||||
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;
|
||||
.pad40 {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.borBox{
|
||||
-webkit-box-sizing:border-box;
|
||||
-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;
|
||||
hr {
|
||||
margin: 7px 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.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);
|
||||
.content {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
.content{
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
|
||||
.btn-sharp{
|
||||
.btn-sharp {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.sharp .btn:first-child{
|
||||
-webkit-border-radius: 1px;
|
||||
-moz-border-radius: 1px;
|
||||
border-radius:1px;
|
||||
}
|
||||
.sharp .btn:last-child{
|
||||
-webkit-border-radius: 1px;
|
||||
-moz-border-radius: 1px;
|
||||
border-radius:1px;
|
||||
.sharp .btn:first-child {
|
||||
-webkit-border-radius: 1px;
|
||||
-moz-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.btn-dashboard{
|
||||
padding:20px;
|
||||
height:100px;
|
||||
.sharp .btn:last-child {
|
||||
-webkit-border-radius: 1px;
|
||||
-moz-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.btn-dashboard {
|
||||
padding: 20px;
|
||||
height: 100px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.tLeft{
|
||||
text-align:left;
|
||||
}
|
||||
.tRight{
|
||||
text-align:right;
|
||||
.tLeft {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wellDark{
|
||||
padding:8px 14px;
|
||||
background-color:rgba(225,225,225,0.55);
|
||||
border-radius:2px;
|
||||
border:1px rgb(210,210,210) solid;
|
||||
.tRight {
|
||||
text-align: right;
|
||||
}
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<script src="js/rickshaw.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="navbar blue blue2 navbar-fixed-top">
|
||||
<header class="navbar blue navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<ul class="nav pull-left">
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="navbar blue blue2 navbar-fixed-top">
|
||||
<header class="navbar blue navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<ul class="nav pull-left">
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="navbar blue blue2 navbar-fixed-top">
|
||||
<header class="navbar blue navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<ul class="nav pull-left">
|
||||
|
|
|
|||
Loading…
Reference in New Issue