CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutSign UpSign In
sagemathinc

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

GitHub Repository: sagemathinc/cocalc
 Path: blob/master/src/packages/frontend/_console.sass
Views: 687
1
/*

2
 *  This file is part of CoCalc: Copyright © 2020 Sagemath, Inc.

3
 *  License: MS-RSL – see LICENSE.md for details

4
 */

5


6
.special

7
  color : #f00

8


9
.webapp-console

10
  background-color : #eaeaea

11
  padding          : 0px

12
  margin           : 0px

13
  border           : 0px solid black

14


15
.webapp-console-topbar

16
  padding  : 0px

17
  margin   : 0px

18
  overflow : hidden

19


20
.webapp-console-filename

21
  padding        : 10px

22
  font-weight    : bold

23
  color          : #555

24
  padding-top    : 4px

25
  padding-bottom : 0

26


27
.webapp-console-title

28
  padding        : 10px

29
  font-weight    : bold

30
  overflow       : hidden

31
  color          : #555

32
  max-width      : 40%

33
  max-height     : 1.5em

34
  padding-top    : 4px

35
  padding-bottom : 0

36
  padding-right  : 50px

37


38
.webapp-console-description

39
  color : #888

40


41
.webapp-console-for-mobile

42
  position : absolute

43
  opacity  : 0

44
  color    : #fff

45


46
.webapp-console-terminal

47
  position    : absolute

48
  font-family : droid-sans-mono

49
  padding     : 1px

50
  margin      : 0px

51
  padding     : 5px

52
  white-space : nowrap

53
  flex        : 1

54


55
.webapp-console-scrollbar

56
  height     : 99.5%

57
  overflow-x : hidden

58
  overflow-y : scroll

59
  z-index    : 1          /* so terminal text doesn't appear visible when horizontally resizing */

60


61
.webapp-console-cursor-focus

62
  animation      : webapp-cursor-blink 1.3s linear 0s infinite

63
  background     : #fff

64
  color          : #555

65
  border         : 1px solid #555

66
  margin         : -1px

67


68
@keyframes webapp-cursor-blink

69
  0%, 40%

70
    -webkit-filter: invert(1.0)

71
    filter: invert(1.0)

72
  50%, 90%

73
    -webkit-filter: invert(0.0)

74
    filter: invert(0.0)

75


76
.webapp-console-textarea

77
  height   : 0px

78
  width    : 0px

79
  border   : 0px solid white

80
  opacity  : 0

81
  position : fixed

82


83
.webapp-console-focus

84
  box-shadow     : inset 0 0 4px #77b6e8

85
  border         : 3px solid #77b6e8

86
  border-radius  : 3px

87


88
/* Please do not delete this rule.  If you do, then whenever the console switches between blured and focused, all the

89
   text MOVES, which is very annoying.  Proof it is wrong: try changing the chat box in this chatroom between

90
   focused and blurred -- nothing moves.*/

91
.webapp-console-blur

92
  border        : 3px solid lightgrey

93