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/assets/misc/talk-20121004/ui/default/framing.css
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
/*

7
 * license

8
 */

9


10
/* The following styles size, place, and layer the slide components.

11
 Edit these if you want to change the overall slide layout.

12
 The commented lines can be uncommented (and modified, if necessary) 

13
  to help you with the rearrangement process.

14
  target = 1024x768 */

15


16
div#header,

17
div#footer,

18
.slide {

19
  width: 100%;

20
  top: 0;

21
  left: 0;

22
}

23
div#header {

24
  top: 0;

25
  height: 100px;

26
  z-index: 1;

27
}

28
div#footer {

29
  top: auto;

30
  bottom: 0;

31
  height: 2.5em;

32
  z-index: 5;

33
}

34
.slide {

35
  top: 0;

36
  width: 92%;

37
  padding: 3.5em 4% 4%;

38
  z-index: 2;

39
  list-style: none;

40
}

41
div#controls {

42
  left: 50%;

43
  bottom: 0;

44
  width: 50%;

45
  z-index: 100;

46
}

47
div#controls form {

48
  position: absolute;

49
  bottom: 0;

50
  right: 0;

51
  width: 100%;

52
  margin: 0;

53
}

54
#currentSlide {

55
  position: absolute;

56
  width: 10%;

57
  left: 45%;

58
  bottom: 1em;

59
  z-index: 10;

60
}

61
html > body #currentSlide {

62
  position: fixed;

63
}

64


65
/*

66
div#header {background: #FCC;}

67
div#footer {background: #CCF;}

68
div#controls {background: #BBD;}

69
div#currentSlide {background: #FFC;}

70
*/

71


72