CSS File

1/*!

2 * Copyright (c) 2021, 2023 Eclipse Foundation, Inc.

3 *

4 * This program and the accompanying materials are made available under the

5 * terms of the Eclipse Public License v. 2.0 which is available at

6 * http://www.eclipse.org/legal/epl-2.0.

7 *

8 * Contributors:

9 * Eric Poirier <eric.poirier@eclipse-foundation.org>

10 * Olivier Goulet <olivier.goulet@eclipse-foundation.org>

11 *

12 * SPDX-License-Identifier: EPL-2.0

13*/.header-home-bg-img .featured-jumbotron{background-image:url(../images/home.jpg?21632ae8a4a5e5e0636b7d64fa2bcdc3);background-position:82%;background-size:cover}

14@media (min-width:768px){.header-home-bg-img .featured-jumbotron{background-position:100% 0}

15}

16.header-anniversary-bg-img{background-position:65%;min-height:600px}

17.featured-jumbotron{padding-bottom:0;padding-top:4.5rem}

18.featured-jumbotron h1:after{border-color:#2c2255;margin:45px auto 0}

19.featured-jumbotron .featured-story-jumbotron{margin-bottom:unset}

20.featured-jumbotron .featured-jumbotron-end-custom{display:flex;flex-direction:column}

21.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-lead-text{font-size:1.6rem;max-width:100%;padding:2.5rem 0;text-align:center}

22.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:-15px;margin-right:-15px;width:100%;width:calc(100% + 30px)}

23.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group>a{cursor:pointer;font-size:1.6rem;font-weight:300;padding:2rem;text-align:center;width:100%}

24.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group>a,.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group>a:active,.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group>a:hover,.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group>a:visited{color:#000}

25.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:first-child{background-color:#f2f2f2}

26.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:nth-child(2){background-color:#ccc}

27.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:nth-child(3){background-color:#b3b3b3}

28.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:first-child:hover{background-color:#ececec}

29.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:nth-child(2):hover{background-color:#c6c6c6}

30.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:nth-child(3):hover{background-color:#acacac}

31.featured-jumbotron .featured-jumbotron-end-custom .link-overlay{display:none}

32@media (min-width:992px){.featured-jumbotron .featured-jumbotron-end-custom{flex-direction:row;margin-top:1rem}

33.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group{align-items:stretch;flex-direction:row;margin:unset;width:75%}

34.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a{align-items:center;display:inline-flex;font-size:2.4rem;justify-content:center;padding:0;position:relative}

35.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:active .link-overlay,.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:focus .link-overlay,.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:hover .link-overlay{align-items:center;animation-duration:.2s;animation-name:custom-jumbotron-end-link-overlay-animation;animation-timing-function:linear;background-color:#000;color:#fff;display:inline-flex;justify-content:center;min-height:100%;padding:2rem;position:absolute;top:0;width:100%}

36.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:active .link-overlay:hover,.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:focus .link-overlay,.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:focus .link-overlay:hover,.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-link-group a:hover .link-overlay:hover{min-height:150%}

37.featured-jumbotron .featured-jumbotron-end-custom .custom-jumbotron-end-lead-text{font-size:2.4rem;font-weight:300;max-width:25%;padding:1rem 1rem 1rem 0;text-align:right}

38}

39@keyframes custom-jumbotron-end-link-overlay-animation{0%{color:#000;min-height:100%}

40to{color:#fff;min-height:150%}

41}

42@media (min-width:992px){.featured-jumbotron .featured-jumbotron-end{margin-top:6rem}

43.featured-jumbotron .featured-story-jumbotron{margin-left:auto;margin-right:unset}

44}

45.featured-jumbotron-anniversary{position:relative}

46.featured-jumbotron-anniversary h1{margin-bottom:0}

47@media (min-width:992px){.featured-jumbotron-anniversary h1{margin-bottom:45px}

48}

49@media (max-width:1199px){.jumbotron p{text-shadow:0 0 12px #000}

50#body_solstice .header-anniversary-bg-img{background-position:0}

51}

52@media (max-width:768px){#body_solstice .header-anniversary-bg-img{background-position:20%}

53}

54@media (min-width:768px){.featured-jumbotron .featured-story-jumbotron{width:auto}

55}

56.featured-jumbotron h1:after{border-color:#f7941e}

57.eclipsefdn-featured-project-committer .h3,.eclipsefdn-featured-project-committer h3{text-align:center;white-space:nowrap}

58@media (min-width:1200px){.eclipsefdn-featured-project-committer .h3,.eclipsefdn-featured-project-committer h3{text-align:unset}

59}

60.featured-card{margin:auto;max-width:24rem}

61.featured-card .featured-card-img-wrapper{aspect-ratio:1;width:100%}

62.featured-card img{height:100%;

-o-object-fit:cover;object-fit:cover;width:100%}

63.featured-card .featured-card-details-item{align-items:center;background-color:#fff;display:inline-flex;justify-content:center;padding:1.5rem;text-align:center;width:100%}

64.featured-card .featured-card-details-item-highlighted{background-color:#f06c00;height:7rem;text-overflow:ellipsis}

65.featured-card a.featured-card-details-item{color:#000;font-weight:700}

66.featured-card a.featured-card-details-item:active,.featured-card a.featured-card-details-item:hover{background-color:#f2f2f2;color:#000;cursor:pointer;text-decoration:none}

67@media (min-width:1200px){.featured-card{margin:unset;max-width:unset}

68}

69.featured-card-project .featured-card-img-wrapper{background-color:#ccc7c2;padding:4rem}

70.featured-card-project img{

-o-object-fit:contain;object-fit:contain}

71.featured-card-newsletter img{

-o-object-fit:cover;object-fit:cover;

-o-object-position:30% 50%;object-position:30% 50%}

72@media (min-width:1200px){.featured-section-row-dark-bg{background-image:url(../images/homepage-mid-banner.png?6ec6fbce34a2ad7de66b8a627c9b0da1);background-position-x:right;background-repeat:no-repeat}

73}

74@media (min-width:1920px){.featured-section-row-dark-bg{background-position:unset}

75}

76.stats-row{margin-top:10rem}

77.stats-row-circles{display:flex;gap:6rem}

78.stats-row-circles .circle{background-color:#ffa02e;height:2.4rem;width:2.4rem}

79.stats{display:flex;flex-wrap:wrap;gap:6rem;justify-content:center;text-align:center}

80.stats-item{flex-basis:40%}

81.stats-item-stat{display:block;font-size:4rem}

82.stats-item-subject{color:#ffa02e;display:block;font-size:1.6rem;font-weight:500}

83@media (min-width:768px){.stats{justify-content:flex-start;text-align:left}

84.stats-item{flex-basis:unset}

85}

86.news-section-container{display:flex;flex-direction:column;gap:2rem;justify-content:space-between}

87@media (min-width:768px){.news-section-container{flex-direction:row}

88}

89.news-section-action{display:flex;flex-direction:column;flex-shrink:0;position:relative;width:100%}

90.news-section-action-img-wrapper{height:100%;width:100%}

91.news-section-action-img-wrapper img{height:100%;

-o-object-fit:cover;object-fit:cover;width:100%}

92@media (min-width:768px){.news-section-action-img-wrapper img{position:absolute}

93.news-section-action{width:50%}

94}

95@media (min-width:992px){.news-section-action{width:30%}

96}

97.news-section-action-links{align-items:center;bottom:2rem;display:flex;flex-direction:column;flex-wrap:wrap;gap:.75rem;position:absolute;width:100%}

98.news-section-action-links .btn+.btn,.news-section-action-links .btn-block{margin-left:unset;margin-top:0}

99.news-section-action-links .btn-block{width:16rem}

100@media (min-width:768px){.news-section-action-links{bottom:unset;flex-direction:row;gap:unset;position:relative}

101.news-section-action-links .btn-block{width:100%}

102}

103.news-items{width:100%}

104.news-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:2rem}

105@media (min-width:768px){.news-container{flex-direction:row}

106}

107.tpl-news-list-item-home.news-item-card{background-color:#fff;box-shadow:0 0 12px #eaeaea;padding:4rem 2rem 2rem;width:100%}

108.tpl-news-list-item-home.news-item-card:hover{background-color:#fcfcfc}

109.tpl-news-list-item-home.news-item-card .news-item-card-title{font-weight:700}

110.tpl-news-list-item-home.news-item-card .news-item-card-date{color:#f06c00;font-weight:700;margin:1rem 0}

111@media (min-width:1200px){.tpl-news-list-item-home.news-item-card{width:30%}

112}

113.featured-story-jumbotron .featured-story-jumbotron-content-body{font-size:16px;font-weight:500}

114