FilesExpand file tree

master

/

carousel.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

139 lines (116 loc) · 2.58 KB

master

/

carousel.css

Copy path

Top

File metadata and controls

• Code
• Blame

139 lines (116 loc) · 2.58 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */

body {

color: #5a5a5a;

}

/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

position: absolute;

top: 0;

right: 0;

left: 0;

z-index: 20;

}

/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

padding-right: 0;

padding-left: 0;

}

.navbar-wrapper .navbar {

padding-right: 15px;

padding-left: 15px;

}

.navbar-wrapper .navbar .container {

width: auto;

}

/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */

/* Carousel base class */

.carousel {

height: 409px;

margin-bottom: 0px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

z-index: 10;

text-align: left;

}

/* Declare heights because of positioning of img element */

.carousel .item {

height: 409px;

background-color: #060607;

}

.carousel-inner > .item > img {

position: absolute;

top: 0;

left: 0;

min-width: 100%;

height: 409px;

}

.carousel-inner {

-webkit-transform-style: preserve-3d;

}

/* MARKETING CONTENT

-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

margin-bottom: 20px;

text-align: center;

}

.marketing h2 {

font-weight: normal;

}

.marketing .col-lg-4 p {

margin-right: 10px;

margin-left: 10px;

}

/* Featurettes

------------------------- */

.featurette-divider {

margin: 40px 0; /* Space out the Bootstrap <hr> more */

}

/* Thin out the marketing headings */

.featurette-heading {

font-weight: 300;

line-height: 1;

letter-spacing: -1px;

}

/* RESPONSIVE CSS

-------------------------------------------------- */

@media (min-width: 768px) {

/* Navbar positioning foo */

.navbar-wrapper {

margin-top: 20px;

}

.navbar-wrapper .container {

padding-right: 15px;

padding-left: 15px;

}

.navbar-wrapper .navbar {

padding-right: 0;

padding-left: 0;

}

/* The navbar becomes detached from the top, so we round the corners */

.navbar-wrapper .navbar {

border-radius: 4px;

}

/* Bump up size of carousel content */

.carousel-caption p {

margin-bottom: 20px;

font-size: 14px;

font-weight: 200;

line-height: 1.4;

margin-bottom: 10px;

}

.featurette-heading {

font-size: 50px;

}

}

@media (min-width: 992px) {

.featurette-heading {

margin-top: 120px;

}

}