Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
pytorch
GitHub Repository: pytorch/tutorials
 Path: blob/main/_static/css/custom.css
1695 views
1
/* sphinx-design styles for cards/tabs

2
*/

3


4
:root {

5
    --sd-color-info: #ee4c2c;

6
    --sd-color-primary: #6c6c6d;

7
    --sd-color-primary-highlight: #f3f4f7;

8
    --sd-color-card-border-hover: #ee4c2c;

9
    --sd-color-card-border: #f3f4f7;

10
    --sd-color-card-background: #fff;

11
    --sd-color-card-text: inherit;

12
    --sd-color-card-header: transparent;

13
    --sd-color-card-footer: transparent;

14
    --sd-color-tabs-label-active: hsla(231, 99%, 66%, 1);

15
    --sd-color-tabs-label-hover: hsla(231, 99%, 66%, 1);

16
    --sd-color-tabs-label-inactive: hsl(0, 0%, 66%);

17
    --sd-color-tabs-underline-active: hsla(231, 99%, 66%, 1);

18
    --sd-color-tabs-underline-hover: rgba(178, 206, 245, 0.62);

19
    --sd-color-tabs-underline-inactive: transparent;

20
    --sd-color-tabs-overline: rgb(222, 222, 222);

21
    --sd-color-tabs-underline: rgb(222, 222, 222);

22
}

23


24
.sd-text-info {

25
    color: #ee4c2c;

26
}

27


28


29
.sd-card {

30
    position: relative;

31
    background-color: #fff;

32
    opacity: 1.0;

33
    border-radius: 0px;

34
    width: 30%;

35
    border: none;

36
    padding-bottom: 0px;

37
}

38


39


40
.sd-card-img {

41
    opacity: 0.5;

42
    width: 200px;

43
    padding: 0px;

44
}

45


46
.sd-card-img:hover {

47
    opacity: 1.0;

48
    background-color: #f3f4f7;

49
}

50


51


52
.sd-card:after {

53
    display: block;

54
    opacity: 1;

55
    content: '';

56
    border-bottom: solid 1px #ee4c2c;  

57
    background-color: #fff;

58
    transform: scaleX(0);  

59
    transition: transform .250s ease-in-out;

60
    transform-origin:  0% 50%;

61
}

62


63
.sd-card:hover {

64
    background-color: #fff;

65
    opacity: 1;

66
    border-top: 1px solid #f3f4f7;

67
    border-left: 1px solid #f3f4f7;

68
    border-right: 1px solid #f3f4f7;

69
}

70


71
.sd-card:hover:after {

72
    transform: scaleX(1);

73
}

74


75
.card-prerequisites:hover {

76
    transition: none;

77
    border: none;

78
}

79


80
.card-prerequisites:hover:after {

81
    transition: none;

82
    transform: none;

83
}

84


85
.card-prerequisites:after {

86
    display: block;

87
    content: '';

88
    border-bottom: none;

89
    background-color: #fff;

90
    transform: none;

91
    transition: none;

92
    transform-origin: none;

93
}

94


95
.pytorch-left-menu-search input[type=text] {

96
    background-image: url("../images/search-icon.svg");

97
}

98


99