CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutSign UpSign In
pytorch

CoCalc provides the best real-time collaborative environment for Jupyter Notebooks, LaTeX documents, and SageMath, scalable from individual users to large groups and classes!

GitHub Repository: pytorch/tutorials
 Path: blob/main/_static/gallery.css
Views: 494
1
/*

2
Sphinx-Gallery has compatible CSS to fix default sphinx themes

3
Tested for Sphinx 1.3.1 for all themes: default, alabaster, sphinxdoc,

4
scrolls, agogo, traditional, nature, haiku, pyramid

5
Tested for Read the Docs theme 0.1.7 */

6
.sphx-glr-thumbcontainer {

7
  background: #fff;

8
  border: solid #fff 1px;

9
  -moz-border-radius: 5px;

10
  -webkit-border-radius: 5px;

11
  border-radius: 5px;

12
  box-shadow: none;

13
  float: left;

14
  margin: 5px;

15
  min-height: 230px;

16
  padding-top: 5px;

17
  position: relative;

18
}

19
.sphx-glr-thumbcontainer:hover {

20
  border: solid #b4ddfc 1px;

21
  box-shadow: 0 0 15px rgba(142, 176, 202, 0.5);

22
}

23
.sphx-glr-thumbcontainer a.internal {

24
  bottom: 0;

25
  display: block;

26
  left: 0;

27
  padding: 150px 10px 0;

28
  position: absolute;

29
  right: 0;

30
  top: 0;

31
}

32
/* Next one is to avoid Sphinx traditional theme to cover all the

33
thumbnail with its default link Background color */

34
.sphx-glr-thumbcontainer a.internal:hover {

35
  background-color: transparent;

36
}

37


38
.sphx-glr-thumbcontainer p {

39
  margin: 0 0 .1em 0;

40
}

41
.sphx-glr-thumbcontainer .figure {

42
  margin: 10px;

43
  width: 160px;

44
}

45
.sphx-glr-thumbcontainer img {

46
  display: inline;

47
  max-height: 160px;

48
  width: 160px;

49
}

50
.sphx-glr-thumbcontainer[tooltip]:hover:after {

51
  background: rgba(0, 0, 0, 0.8);

52
  -webkit-border-radius: 5px;

53
  -moz-border-radius: 5px;

54
  border-radius: 5px;

55
  color: #fff;

56
  content: attr(tooltip);

57
  left: 95%;

58
  padding: 5px 15px;

59
  position: absolute;

60
  z-index: 98;

61
  width: 220px;

62
  bottom: 52%;

63
}

64
.sphx-glr-thumbcontainer[tooltip]:hover:before {

65
  border: solid;

66
  border-color: #333 transparent;

67
  border-width: 18px 0 0 20px;

68
  bottom: 58%;

69
  content: '';

70
  left: 85%;

71
  position: absolute;

72
  z-index: 99;

73
}

74


75
.highlight-pytb pre {

76
  background-color: #ffe4e4;

77
  border: 1px solid #f66;

78
  margin-top: 10px;

79
  padding: 7px;

80
}

81


82
.sphx-glr-script-out {

83
  color: #888;

84
  margin: 0;

85
}

86
.sphx-glr-script-out .highlight {

87
  background-color: transparent;

88
  margin-left: 2.5em;

89
  margin-top: -1.4em;

90
}

91
.sphx-glr-script-out .highlight pre {

92
  background-color: #fafae2;

93
  border: 0;

94
  max-height: 30em;

95
  overflow: auto;

96
  padding-left: 1ex;

97
  margin: 0px;

98
  word-break: break-word;

99
}

100
.sphx-glr-script-out + p {

101
  margin-top: 1.8em;

102
}

103
blockquote.sphx-glr-script-out {

104
  margin-left: 0pt;

105
}

106


107
div.sphx-glr-footer {

108
    text-align: center;

109
}

110


111
div.binder-badge {

112
  margin: 1em auto;

113
  vertical-align: middle;

114
}

115


116
div.sphx-glr-download {

117
  margin: 1em auto;

118
  vertical-align: middle;

119
}

120


121
div.sphx-glr-download a {

122
  background-color: #ffc;

123
  background-image: linear-gradient(to bottom, #FFC, #d5d57e);

124
  border-radius: 4px;

125
  border: 1px solid #c2c22d;

126
  color: #000;

127
  display: inline-block;

128
  font-weight: bold;

129
  padding: 1ex;

130
  text-align: center;

131
}

132


133
div.sphx-glr-download code.download {

134
  display: inline-block;

135
  white-space: normal;

136
  word-break: normal;

137
  overflow-wrap: break-word;

138
  /* border and background are given by the enclosing 'a' */

139
  border: none;

140
  background: none;

141
}

142


143
div.sphx-glr-download a:hover {

144
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);

145
  text-decoration: none;

146
  background-image: none;

147
  background-color: #d5d57e;

148
}

149


150
.sphx-glr-example-title > :target::before {

151
  display: block;

152
  content: "";

153
  margin-top: -50px;

154
  height: 50px;

155
  visibility: hidden;

156
}

157


158
ul.sphx-glr-horizontal {

159
  list-style: none;

160
  padding: 0;

161
}

162
ul.sphx-glr-horizontal li {

163
  display: inline;

164
}

165
ul.sphx-glr-horizontal img {

166
  height: auto !important;

167
}

168


169
.sphx-glr-single-img {

170
  margin: auto;

171
  display: block;

172
  max-width: 100%;

173
}

174


175
.sphx-glr-multi-img {

176
  max-width: 42%;

177
  height: auto;

178
}

179


180
p.sphx-glr-signature a.reference.external {

181
  -moz-border-radius: 5px;

182
  -webkit-border-radius: 5px;

183
  border-radius: 5px;

184
  padding: 3px;

185
  font-size: 75%;

186
  text-align: right;

187
  margin-left: auto;

188
  display: table;

189
}

190


191