Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
freebsd
GitHub Repository: freebsd/phabricator
 Path: blob/master/webroot/rsrc/css/phui/phui-pinboard-view.css
12241 views
1
/**

2
 * @provides phui-pinboard-view-css

3
 */

4


5
.phui-pinboard-view {

6
  padding: 16px 8px;

7
  overflow: hidden;

8
  text-align: center;

9
}

10


11
.phui-pinboard-list-item {

12
  display: inline;

13
}

14


15
.phui-pinboard-item-view {

16
  margin: 0 12px 16px 0;

17
  text-align: left;

18
  width: 280px;

19
  background: {$page.content};

20
  border: 1px solid {$lightblueborder};

21
  border-radius: 3px;

22
}

23


24
.phui-pinboard-view .phui-pinboard-item-view {

25
  display: inline-block;

26
}

27


28
.device-desktop .phui-pinboard-item-view:hover {

29
  border-color: {$blue};

30
}

31


32
.device-desktop .phui-pinboard-item-view:hover .phui-pinboard-item-header a {

33
  color: {$blue};

34
}

35


36
/* On phones, show a single column of items. */

37
.device-phone .phui-pinboard-item-view {

38
  float: none;

39
  margin: 0 auto 16px;

40
}

41


42
.phui-pinboard-item-header {

43
  padding: 6px 8px;

44
  display: block;

45
  font-weight: bold;

46
  white-space: nowrap;

47
  overflow: hidden;

48
  border-top: 1px solid {$thinblueborder};

49
}

50


51
.phui-pinboard-item-header a {

52
  color: {$darkbluetext};

53
}

54


55
.phui-pinboard-item-image-link {

56
  display: block;

57
}

58


59
.phui-pinboard-item-image-link img {

60
  border-top-left-radius: 3px;

61
  border-top-right-radius: 3px;

62
}

63


64
.phui-pinboard-item-content {

65
  padding: 0 8px 8px;

66
  overflow: hidden;

67
  color: {$bluetext};

68
  font-size: {$smallerfontsize};

69
}

70


71
.phui-pinboard-item-count {

72
  float: left;

73
  margin-left: 8px;

74
}

75


76
.phui-pinboard-icons {

77
  padding: 4px 8px 4px 0;

78
  color: {$darkbluetext};

79
  overflow: hidden;

80
}

81


82
.phui-pinboard-icon {

83
  margin-right: 4px;

84
}

85


86
.phui-pinboard-item-disabled .phui-pinboard-item-image-link img {

87
  opacity: 0.25;

88
}

89


90
.phui-pinboard-item-disabled .phui-pinboard-item-header a {

91
  color: {$greytext};

92
  text-decoration: line-through;

93
}

94


95
.dashboard-panel .phui-pinboard-view {

96
  margin: 0;

97
  padding: 16px 12px 0 12px;

98
  background: {$page.content};

99
  border-left: 1px solid {$lightblueborder};

100
  border-right: 1px solid {$lightblueborder};

101
  border-bottom: 1px solid {$blueborder};

102
}

103


104