update
This commit is contained in:
Marian Oancea
85
public/css/animation.css
Normal file
85
public/css/animation.css
Normal file
@@ -0,0 +1,85 @@
|
||||
/*
|
||||
Animation example, for spinners
|
||||
*/
|
||||
.animate-spin {
|
||||
-moz-animation: spin 2s infinite linear;
|
||||
-o-animation: spin 2s infinite linear;
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
display: inline-block;
|
||||
}
|
||||
@-moz-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
10
public/css/bootstrap.min.css
vendored
Executable file
10
public/css/bootstrap.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
29
public/css/minimal-icons-ie7.css
Normal file
29
public/css/minimal-icons-ie7.css
Normal file
@@ -0,0 +1,29 @@
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
font-family: 'minimal-icons';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
|
||||
/* fix buttons height */
|
||||
line-height: 1em;
|
||||
|
||||
/* you can be more comfortable with increased icons size */
|
||||
/* font-size: 120%; */
|
||||
}
|
||||
|
||||
.icon-truck { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-database { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-mining { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-loader { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-check-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-cancel-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-warning-o { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-network { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-block { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-bulb { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-node { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-laptop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-time { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-clock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
.icon-group { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||
69
public/css/minimal-icons.css
Normal file
69
public/css/minimal-icons.css
Normal file
@@ -0,0 +1,69 @@
|
||||
@font-face {
|
||||
font-family: 'minimal-icons';
|
||||
src: url('../fonts/minimal-icons.eot?18158983');
|
||||
src: url('../fonts/minimal-icons.eot?18158983#iefix') format('embedded-opentype'),
|
||||
url('../fonts/minimal-icons.woff?18158983') format('woff'),
|
||||
url('../fonts/minimal-icons.ttf?18158983') format('truetype'),
|
||||
url('../fonts/minimal-icons.svg?18158983#minimal-icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
|
||||
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
|
||||
/*
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: 'minimal-icons';
|
||||
src: url('../fonts/minimal-icons.svg?18158983#minimal-icons') format('svg');
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: "minimal-icons";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
margin-right: .2em;
|
||||
text-align: center;
|
||||
/* opacity: .8; */
|
||||
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* fix buttons height, for twitter bootstrap */
|
||||
line-height: 1em;
|
||||
|
||||
/* Animation center compensation - margins should be symmetric */
|
||||
/* remove if not needed */
|
||||
margin-left: .2em;
|
||||
|
||||
/* you can be more comfortable with increased icons size */
|
||||
/* font-size: 120%; */
|
||||
|
||||
/* Uncomment for 3D effect */
|
||||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||
}
|
||||
|
||||
.icon-truck:before { content: '\e800'; } /* '' */
|
||||
.icon-database:before { content: '\e801'; } /* '' */
|
||||
.icon-mining:before { content: '\e802'; } /* '' */
|
||||
.icon-check:before { content: '\e803'; } /* '' */
|
||||
.icon-cancel:before { content: '\e804'; } /* '' */
|
||||
.icon-loader:before { content: '\e805'; } /* '' */
|
||||
.icon-check-o:before { content: '\e806'; } /* '' */
|
||||
.icon-cancel-o:before { content: '\e807'; } /* '' */
|
||||
.icon-warning-o:before { content: '\e808'; } /* '' */
|
||||
.icon-network:before { content: '\e809'; } /* '' */
|
||||
.icon-block:before { content: '\e80a'; } /* '' */
|
||||
.icon-bulb:before { content: '\e80b'; } /* '' */
|
||||
.icon-node:before { content: '\e80c'; } /* '' */
|
||||
.icon-laptop:before { content: '\e80d'; } /* '' */
|
||||
.icon-time:before { content: '\e80e'; } /* '' */
|
||||
.icon-clock:before { content: '\e80f'; } /* '' */
|
||||
.icon-group:before { content: '\e810'; } /* '' */
|
||||
124
public/css/style.css
Normal file
124
public/css/style.css
Normal file
@@ -0,0 +1,124 @@
|
||||
body {
|
||||
font-smooth: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.big-info {
|
||||
padding-bottom: 30px;
|
||||
padding-top: 30px;
|
||||
/*border: 1px solid rgba(255,255,255,0.05);*/
|
||||
}
|
||||
|
||||
.big-info .icon-full-width i {
|
||||
display: block;
|
||||
width: 110px;
|
||||
height: 90px;
|
||||
font-size: 90px;
|
||||
line-height: 90px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.big-info span {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.big-info span.small-title {
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
padding-top: 6px;
|
||||
color: #aaa !important;
|
||||
}
|
||||
|
||||
.big-info span.big-details {
|
||||
display: block;
|
||||
font-weight: 200;
|
||||
font-size: 60px;
|
||||
line-height: 64px;
|
||||
letter-spacing: -4px;
|
||||
}
|
||||
|
||||
table i {
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
-moz-font-smoothing: subpixel-antialiased;
|
||||
}
|
||||
|
||||
table th,
|
||||
table td {
|
||||
border-color: #222 !important;
|
||||
}
|
||||
|
||||
table th {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
table th i,
|
||||
table td i {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#mapHolder {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
#mapHolder > svg {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 639px) {
|
||||
.big-info {
|
||||
padding-bottom: 15px;
|
||||
padding-top: 15px;
|
||||
border: 1px solid rgba(255,255,255,0.05);
|
||||
}
|
||||
|
||||
.big-info .icon-full-width i {
|
||||
width: 70px;
|
||||
height: 60px;
|
||||
font-size: 60px;
|
||||
line-height: 60px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.big-info span {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.big-info span.small-title {
|
||||
font-size: 13px;
|
||||
line-height: 14px;
|
||||
letter-spacing: 1px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.big-info span.big-details {
|
||||
display: block;
|
||||
font-weight: 200;
|
||||
font-size: 46px;
|
||||
line-height: 50px;
|
||||
letter-spacing: -4px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 479px) {
|
||||
.stat-holder {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
5
public/css/style.styl
Normal file
5
public/css/style.styl
Normal file
@@ -0,0 +1,5 @@
|
||||
body
|
||||
padding: 50px
|
||||
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif
|
||||
a
|
||||
color: #00B7FF
|
||||
Reference in New Issue
Block a user