(创建页面,内容为“.fr-header__pretitle { margin-bottom: var(--space-xs); color: var(--color-base--subtle); font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; } .fr-header__title { margin: 0; font-size: 3rem; text-transform: uppercase; letter-spacing: 0.025em; line-height: 1; } .fr-header__subtitle { margin-top: var(--space-xs); font-size: 0.875rem; } .fr-header-search { padding: var(--space-md); margin-top: var(--space-lg); margin-bottom: v…”) |
小无编辑摘要 |
||
第8行: | 第8行: | ||
.fr-header__title { | .fr-header__title { | ||
position: relative; | |||
margin: 0; | margin: 0; | ||
font-size: 3rem; | font-size: 3rem; | ||
第13行: | 第14行: | ||
letter-spacing: 0.025em; | letter-spacing: 0.025em; | ||
line-height: 1; | line-height: 1; | ||
font-weight: bold; | |||
color: var(--color-base--emphasized); | |||
} | |||
.fr-header__title #pic { | |||
border-radius: 50%; | |||
overflow: hidden; | |||
} | |||
.fr-header__title #pic img { | |||
position: absolute; | |||
top: -20px; | |||
right: -20px; | |||
} | } | ||
第21行: | 第35行: | ||
.fr-header-search { | .fr-header-search { | ||
padding: | padding: 10px; | ||
border: 1px solid; | border: 1px solid; | ||
border-color: var(--border-color-base--darker); | border-color: var(--border-color-base--darker); | ||
第33行: | 第43行: | ||
font-weight: var(--font-weight-medium); | font-weight: var(--font-weight-medium); | ||
text-align: center; | text-align: center; | ||
margin: 10px 0; | |||
} | |||
.fr-header-search p { | |||
margin: 0; | |||
} | } | ||
2023年10月4日 (三) 14:03的版本
.fr-header__pretitle {
margin-bottom: var(--space-xs);
color: var(--color-base--subtle);
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.fr-header__title {
position: relative;
margin: 0;
font-size: 3rem;
text-transform: uppercase;
letter-spacing: 0.025em;
line-height: 1;
font-weight: bold;
color: var(--color-base--emphasized);
}
.fr-header__title #pic {
border-radius: 50%;
overflow: hidden;
}
.fr-header__title #pic img {
position: absolute;
top: -20px;
right: -20px;
}
.fr-header__subtitle {
margin-top: var(--space-xs);
font-size: 0.875rem;
}
.fr-header-search {
padding: 10px;
border: 1px solid;
border-color: var(--border-color-base--darker);
border-radius: var(--border-radius--pill);
cursor: pointer;
font-size: 0.875rem;
font-weight: var(--font-weight-medium);
text-align: center;
margin: 10px 0;
}
.fr-header-search p {
margin: 0;
}
.fr-header-search__searchIcon img {
margin-right: var(--space-md);
opacity: var(--opacity-icon-base);
}
/* PC & Pad */
@media (min-width: 720px) {
}
/* Phone */
@media (max-width: 720px) {
.desktoponly {
display: none;
}
}