Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
malwaredllc
GitHub Repository: malwaredllc/byob
 Path: blob/master/web-gui/buildyourownbotnet/assets/js/jquery-terminal/examples/dialog.css
1293 views
1
/**

2
 * jQuery Plugin for text based dialogs that look

3
 * like dialog linux command it use cmd plugin from

4
 * jQuery Terminal

5
 *

6
 * Copyright (c) 2017 Jakub Jankiewicz <http://jcubic.pl/me>

7
 *

8
 * Linceses under MIT license

9
 */

10
.dialog {

11
    background-color: #00a;

12
    position: relatieve;

13
    font-size: 12px;

14
    line-height: 14px;

15
    margin: 0;

16
}

17
.dialog, .dialog button {

18
    font-family: monospace;

19
}

20
.dialog > :not(.box) {

21
    display: none;

22
}

23
.dialog .box > .input .cmd {

24
    float: none;

25
    margin-bottom: -4px;

26
    --color: #000;

27
    --background: #aaa;

28
    padding: 0;

29
}

30
.dialog .cmd > span:not(.prompt) {

31
    float: none;

32
}

33
@supports (--css: variables) {

34
    .dialog, .dialog button {

35
        font-size: calc(var(--size, 1) * 12px);

36
        line-height: calc(var(--size, 1) * 14px);

37
    }

38
}

39
.dialog > .box {

40
    background-color: #aaa;

41
    float: left;

42
    position: absolute;

43
    top: 50%;

44
    left: 50%;

45
    transform: translate(-50%, -50%);

46
    -webkit-box-shadow: calc(var(--char-width) * 2px) calc(var(--char-width) * 2px) black;

47
    box-shadow: calc(var(--char-width) * 2px) calc(var(--char-width) * 2px) black;

48
}

49
.dialog .box .light {

50
    color: #fff;

51
}

52
.dialog .box .dark {

53
    color: #000;

54
}

55
.dialog .line {

56
    float: left;

57
    clear: both;

58
    white-space: nowrap;

59
}

60
.dialog .box > .input .left,

61
.dialog .box > .input .top,

62
.dialog .box > .input .bottom,

63
.dialog .box > .input .cmd,

64
.dialog .box > .input .right {

65
    display: inline-block;

66
}

67
.dialog .box > .buttons-line .left,

68
.dialog .box > .buttons-line .buttons,

69
.dialog .box > .buttons-line .right {

70
    float: left;

71
}

72
.dialog .box .title {

73
    position: absolute;

74
    top: 0;

75
    left: 0;

76
    right: 0;

77
    text-align: center;

78
    overflow: hidden;

79
}

80
.dialog .box .title span {

81
    background-color: #aaa;

82
}

83
.dialog .box .header span {

84
    display: inline-block;

85
}

86
.dialog .box .buttons {

87
    display: flex;

88
    justify-content: space-around;

89
}

90
.dialog .box button {

91
    margin: 0;

92
    padding: 0;

93
    border: none;

94
    color: #555;

95
    min-width: 87px;

96
}

97
.dialog .box button:active,

98
.dialog .box button {

99
    outline: none;

100
}

101


102
.dialog .box button:before {

103
    content: '<';

104
    float: left;

105
}

106
.dialog .box button:after {

107
    content: '>';

108
    float: right;

109
}

110
.dialog .box button:before,

111
.dialog .box button:after {

112
    display: inline-block;

113
    color: #000;

114
}

115
.dialog .box button,

116
.dialog .box button:before,

117
.dialog .box button:after {

118
    background-color: transparent;

119
}

120
.dialog .box button:not(.active) .mark {

121
    color: #a00;

122
}

123
.dialog .box button.active,

124
.dialog .box button.active:before,

125
.dialog .box button.active:after {

126
    background-color: #00a;

127
}

128
.dialog .box button.active {

129
    color: #ff5;

130
}

131
.dialog .box button.active:before,

132
.dialog .box button.active:after {

133
    color: #fff;

134
}

135
.dialog .box button.active.selected .mark {

136
    color: #00a;

137
    background: #fff;

138
}

139


140