1
/*
2
 *  This file is part of CoCalc: Copyright © 2020 Sagemath, Inc.
3
 *  License: MS-RSL – see LICENSE.md for details
4
 */
5

6
@use 'colors'
7
@use 'mixins'
8

9
.navbar-default
10
  background-color: colors.$COL_TOP_BAR_BG
11
  border-color:     colors.$COL_TOP_BAR_BG
12
  border-width:     0 0 0 0
13

14
=nav-tab-button-styles
15
  padding : 0px
16
  +mixins.disable-user-select
17
  color: colors.$COL_TOP_BAR_TEXT
18
  &:hover
19
    color: colors.$COL_TOP_BAR_TEXT
20

21

22
.smc-top-bar
23
  position        : relative
24
  top             : 0px
25
  right           : 0px
26
  left            : 0px
27
  display         : flex
28
  padding         : 0px
29
  margin          : 0px
30
  z-index         : 100
31
  border-radius   : 0
32
  width           : 100%
33
  background-color: colors.$COL_GRAY_L0
34
  > ul > li > a
35
    +nav-tab-button-styles
36

37
.smc-project-tab-sorter > li > a
38
    +nav-tab-button-styles
39

40
.smc-top-bar.navbar-default .navbar-nav>.active>a,
41
.smc-top-bar.navbar-default .navbar-nav>.active>a:focus,
42
.smc-top-bar.navbar-default .navbar-nav>li>a:focus,
43
.smc-top-bar.navbar-default .navbar-nav>.active>a:hover
44
  background-color : colors.$COL_TOP_BAR_ACTIVE
45
  color            : colors.$COL_TOP_BAR_TEXT_ACTIVE
46

47
.smc-top-bar.navbar-default .navbar-nav>li>a:hover
48
  background-color : colors.$COL_TOP_BAR_HOVER
49
  color            : colors.$COL_TOP_BAR_TEXT
50

51
.smc-project-tab-floating
52
  background-color    : rgb(255, 255, 255)
53
  border              : dotted 1px #9a9a9a
54
  display             : block
55
  line-height         : normal
56
  list-style-image    : none
57
  list-style-position : outside
58
  list-style-type     : none
59
  z-index             : 100
60

61
  > a
62
    color               : rgb(85, 85, 85)
63
    display             : block
64
    height              : 51px
65
    line-height         : 20px
66
    list-style-image    : none
67
    list-style-position : outside
68
    list-style-type     : none
69
    outline-color       : rgb(85, 85, 85)
70
    outline-style       : none
71
    outline-width       : 0px
72
    padding             : 0px
73

74
.smc-projects-tabs
75
    padding: 10px
76

77
.smc-dropdown-projects>li>ul
78
  width: 100%
79
  >li>a
80
    display: flex !important
81
    height: 39px !important
82
    padding: 2px 10px !important
83

84
.cocalc-top-bar-element:hover
85
  background-color: colors.$COL_TOP_BAR_HOVER
86

87