mirror of
https://github.com/ynput/ayon-core.git
synced 2025-12-25 13:24:54 +01:00
106 lines
1.6 KiB
CSS
106 lines
1.6 KiB
CSS
/**
|
|
* CSS files with the .module.css suffix will be treated as CSS modules
|
|
* and scoped locally.
|
|
*/
|
|
|
|
.hero__title img {
|
|
border-style: none;
|
|
box-sizing: content-box;
|
|
max-width: 700px;
|
|
}
|
|
|
|
.hero__subtitle {
|
|
font-size: 18pt;
|
|
font-weight: var(--ifm-font-weight-normal);
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.heroBanner p {
|
|
margin-top: 30px;
|
|
font-size: 20px;
|
|
font-weight: var(--ifm-font-weight-light);
|
|
max-width: 700px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.heroBanner {
|
|
padding: 4rem 0;
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: rgb(51,55,64);
|
|
background: radial-gradient(at 80% 10%, rgba(51,55,64,1) 0%, rgba(32,36,45,1) 70%);
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.button {
|
|
margin: 5px;
|
|
border-color: rgb(200, 201, 204);
|
|
color: #f5f6f7;
|
|
}
|
|
|
|
.features {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 4rem 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.featureImage {
|
|
height: 150px;
|
|
width: 250px;
|
|
}
|
|
|
|
.gallery {
|
|
align-items: center;
|
|
padding: 4rem 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.collaborators {
|
|
align-items: center;
|
|
padding: 4rem 0 0 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.card_container {
|
|
align-items: center;
|
|
}
|
|
|
|
.card_container h2 {
|
|
text-align: center;
|
|
}
|
|
|
|
.card_container h3 {
|
|
text-align: center;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.card_box {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.more_item {
|
|
display: flex;
|
|
font-size: 12.8px;
|
|
font-weight: 700;
|
|
margin-left: auto!important;
|
|
}
|
|
|
|
.card a{
|
|
color: var(--ifm-font-color-base);
|
|
}
|