bulma-templates/css/statuspage.css at master · csseditor/bulma-templates · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.logo {

}
.logo img {
  width:120px;
}
.container {
  padding-top:50px;
  max-width: 968px;
}
.section {
  margin-top:40px;
  border: 1px solid #efefef;
  border-radius: 5px;
}
.status-header {
  padding: 40px 40px 80px 40px;
}
.status-header .indicator {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin-right: 20px;
  background: #17d766;
  background: -moz-linear-gradient(top,  #17d766 0%, #17d766 50%, #16cf62 51%, #16cf62 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17d766), color-stop(50%,#17d766), color-stop(51%,#16cf62), color-stop(100%,#16cf62));
  background: -webkit-linear-gradient(top,  #17d766 0%,#17d766 50%,#16cf62 51%,#16cf62 100%);
  background: -ms-linear-gradient(top,  #17d766 0%,#17d766 50%,#16cf62 51%,#16cf62 100%);
  background: linear-gradient(to bottom,  #17d766 0%,#17d766 50%,#16cf62 51%,#16cf62 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17d766', endColorsGradientType=0);
  opacity: 0.8;
  filter:alpha(opacity=80);
}
.status-header .title {
  display: inline-block;
}
.status-header .subtitle {
  display: block;
  margin-left: 35px;
}
.status-uptime {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 15px 95px 0 95px;
  margin: 0 -20px -20px -20px;
}
.status-uptime .title {
  display: inline-block;
  font-size: 14px;
  color: #bbb;
}
.status-uptime .uptime {
  display: inline-block;
  margin-left: 60px;
  font-size: 14px;
  color: #bbb;
}
.status-list {
  padding:95px;
}
.status-list .label {
  font-size: 16px;
  font-weight: bold;
}
.status-list .amount {
  font-size: 16px;
  font-weight: bold;
  color: #bbb;
}
.status-tweets {
}
.status-tweets .twitter {
  padding: 0 15px 15px 15px;
  margin: -20px -20px 50px -20px;
  border-bottom: 1px solid #efefef;
}
.status-tweets .icon {
  display: inline-block;
  padding-left:20px;
  color: #11bff2;
}
.status-tweets .username {
  display: inline-block;
  padding-left: 30px;
}
.status-tweets .updates {
  padding: 0 40px 40px 40px;
}
.status-tweets .update {
  padding-top: 40px;
}
.status-tweets .update .timestamp {
  font-weight: bold;
  color: #bbb;
}
.status-tweets .updates .event {
  font-size: 16px;
  line-height: 1.6;
}
.status-footer {
  padding-left: 20px;
}
.status-footer a {
  padding: 0 10px;
}