Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
17mie32
GitHub Repository: 17mie32/17mie32.github.io
 Path: blob/main/css/bb.css
1317 views
1
div.timenode {

2
    position: relative;

3
}

4


5
div.timenode:before,

6
div.timenode:after {

7
    content: '';

8
    z-index: 1;

9
    position: absolute;

10
    background: rgba(68, 215, 182, 0.5);

11
    width: 2px;

12
    left: 7px;

13
}

14


15
div.timenode:before {

16
    top: 0px;

17
    height: 6px;

18
}

19


20
div.timenode:after {

21
    top: 26px;

22
    height: calc(100% - 26px);

23
}

24


25
div.timenode:last-child:after {

26
    height: calc(100% - 26px - 16px);

27
    border-bottom-left-radius: 2px;

28
    border-bottom-right-radius: 2px;

29
}

30


31
div.timenode .meta,

32
div.timenode .body {

33
    max-width: calc(100% - 24px);

34
}

35


36
div.timenode .meta {

37
    position: relative;

38
    color: var(--color-meta);

39
    font-size: 0.875rem;

40
    line-height: 32px;

41
    height: 32px;

42
}

43


44
div.timenode .meta:before,

45
div.timenode .meta:after {

46
    content: '';

47
    position: absolute;

48
    top: 8px;

49
    z-index: 2;

50
}

51


52
div.timenode .meta:before {

53
    background: rgba(68, 215, 182, 0.5);

54
    width: 16px;

55
    height: 16px;

56
    border-radius: 8px;

57
}

58


59
div.timenode .meta:after {

60
    background: #44d7b6;

61
    margin-left: 2px;

62
    margin-top: 2px;

63
    width: 12px;

64
    height: 12px;

65
    border-radius: 6px;

66
    transform: scale(0.5);

67
    transition: all 0.28s ease;

68
    -moz-transition: all 0.28s ease;

69
    -webkit-transition: all 0.28s ease;

70
    -o-transition: all 0.28s ease;

71
}

72


73
div.timenode .meta p {

74
    font-weight: bold;

75
    margin: 0 0 0 24px;

76
}

77


78
div.timenode .body {

79
    margin: 4px 0 16px 24px;

80
    padding: 16px;

81
    border-radius: 8px;

82
    background: var(--color-block);

83
    display: inline-block;

84
}

85


86
div.timenode .body:empty {

87
    display: none;

88
}

89


90
div.timenode .body > *:first-child {

91
    margin-top: 0.25em;

92
}

93


94
div.timenode .body > *:last-child {

95
    margin-bottom: 0.25em;

96
}

97


98
div.timenode .body .highlight {

99
    border: 1px solid #e4e4e4;

100
}

101


102
div.timenode:hover .meta {

103
    color: var(--color-text);

104
}

105


106
div.timenode:hover .meta:before {

107
    background: rgba(255, 87, 34, 0.5);

108
}

109


110
div.timenode:hover .meta:after {

111
    background: #ff5722;

112
    transform: scale(1);

113
}

114


115
div.timenode .body {

116
    margin: 0 0 0 24px;

117
    padding: 16px;

118
    border-radius: 8px;

119
    background: #f6f6f6;

120
    display: inline-block;

121
}

122


123
div.timenode time {

124
    margin-left: 20px;

125
}

126


127