Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
malwaredllc
GitHub Repository: malwaredllc/byob
 Path: blob/master/web-gui/buildyourownbotnet/assets/js/easy-pie-chart/demo/style.css
1293 views
1
html,

2
body {

3
  padding: 0;

4
  margin: 0;

5
}

6
body {

7
  -webkit-font-smoothing: antialiased;

8
  text-align: center;

9
  font: 18px / 1.4 'Helvetica', 'Arial', sans-serif;

10
  padding-top: 60px;

11
}

12
ul {

13
  position: fixed;

14
  top: 0;

15
  left: 0;

16
  right: 0;

17
  margin: 0;

18
  padding: 0;

19
  height: 60px;

20
  background: #cccccc;

21
  font-size: 0;

22
  line-height: 0;

23
  letter-spacing: -0.3em;

24
}

25
li {

26
  position: relative;

27
  display: inline-block;

28
  vertical-align: top;

29
  width: 25%;

30
  text-align: center;

31
  font-size: 18px;

32
  line-height: 60px;

33
  letter-spacing: normal;

34
}

35
li a {

36
  display: block;

37
  color: #ffffff;

38
  text-decoration: none;

39
  text-transform: uppercase;

40
  white-space: nowrap;

41
}

42
li a:hover,

43
li a.active {

44
  background: #333333;

45
  color: #ffffff;

46
}

47
li a.active:after {

48
  content: '';

49
  position: absolute;

50
  top: 100%;

51
  left: 50%;

52
  margin-left: -10px;

53
  border: 10px solid;

54
  border-color: transparent;

55
  border-top-color: #333333;

56
}

57
.chart {

58
  position: relative;

59
  display: inline-block;

60
  width: 110px;

61
  height: 110px;

62
  margin-top: 50px;

63
  margin-bottom: 50px;

64
  text-align: center;

65
}

66
.chart canvas {

67
  position: absolute;

68
  top: 0;

69
  left: 0;

70
}

71
.percent {

72
  display: inline-block;

73
  line-height: 110px;

74
  z-index: 2;

75
}

76
.percent:after {

77
  content: '%';

78
  margin-left: 0.1em;

79
  font-size: .8em;

80
}

81
.angular {

82
  margin-top: 100px;

83
}

84
.angular .chart {

85
  margin-top: 0;

86
}

87
input {

88
  display: block;

89
  margin: auto;

90
  margin-bottom: 3em;

91
}

92
.btn {

93
  display: block;

94
  width: 200px;

95
  margin: 0 auto;

96
  padding: 10px 20px;

97
  background: #cccccc;

98
  color: #ffffff;

99
  text-transform: uppercase;

100
  cursor: pointer;

101
  font-size: 0.8em;

102
  -moz-box-sizing: border-box;

103
  box-sizing: border-box;

104
}

105
.btn:hover {

106
  background: #333333;

107
  color: #ffffff;

108
}

109
.span6 {

110
  float: left;

111
  width: 50%;

112
}

113
@media only screen and (max-width: 600px) {

114
  li {

115
    font-size: 14.4px;

116
  }

117
}

118
@media only screen and (max-width: 430px) {

119
  .span6 {

120
    float: none;

121
    width: 100%;

122
  }

123
  body {

124
    padding-top: 0;

125
  }

126
  ul {

127
    height: auto;

128
    position: static;

129
  }

130
  li {

131
    display: block;

132
    width: 100%;

133
  }

134
  li a {

135
    white-space: normal;

136
  }

137
  a.active:after {

138
    display: none;

139
  }

140
}

141


142