Vzorce migrace ptáků se mění. Co nám to říká o našem světě? – s ilustracemi
Tento CSS kód definuje vlastní rodinu písem s názvem "Guardian Headline Full" s různými řezy a styly. Určuje soubory písem v různých formátech (WOFF2, WOFF a TrueType) a jejich příslušné URL adresy pro lehkou, normální, střední a polotučnou váhu, každou v normálním a kurzívním stylu.
.circular-calendar {
position: absolute;
z-index: 9999999 !important;
display: flex;
align-items: center;
gap: 0px;
transition: opacity .3s linear;
pointer-events: auto;
bottom: 100px;
margin-left: 200px;
}
@media (max-width: 46.24em) {
.circular-calendar {
left: 20px !important;
margin-left: 0 !important;
bottom: 20px !important;
}
}
.circular-calendar .cc-circle-container {
position: relative;
width: 66px;
height: 66px;
}
.circular-calendar .cc-svg {
transform: rotate(-90deg);
}
.circular-calendar .cc-play-pause {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 66px;
height: 66px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all .2s ease-out;
background: none;
border: none;
pointer-events: auto;
z-index: 10;
}
.circular-calendar .cc-play-pause .cc-play-icon {
width: 23px;
height: 23px;
pointer-events: none;
transform: translate(1px);
}
.circular-calendar .cc-play-pause .cc-pause-icon {
width: 36px;
height: 36px;
pointer-events: none;
}
.circular-calendar .cc-chevron {
background: none;
border: none;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto;
z-index: 10;
transition: opacity .2s ease-out;
}
.circular-calendar .cc-chevron img {
width: 20px;
height: 20px;
pointer-events: none;
transition: opacity .2s ease-out;
}
.circular-calendar .cc-chevron.cc-chevron-debouncing {
cursor: not-allowed;
opacity: .4;
}
.circular-calendar .cc-chevron.cc-chevron-debouncing img {
opacity: .3;
}
.circular-calendar .cc-chevron:disabled {
cursor: not-allowed;
pointer-events: none;
}
.circular-calendar .cc-month {
pointer-events: none;
width: 100px;
color: #121212;
text-transform: uppercase !important;
font-size: 18px;
}
@media (min-width: 20em) {
.circular-calendar .cc-month {
font-Tento text se zdá být CSS kódem definujícím styly písma a velikosti pro komponentu kalendáře, s konkrétními pravidly pro různé velikosti obrazovek a soubory písem pro různé váhy a styly rodiny písem Guardian Headline.Rodina písem Guardian Headline Full zahrnuje několik stylů a vah, každý s konkrétními soubory písem ve formátech WOFF2, WOFF a TrueType. Zde je shrnutí dostupných variant:
- Polotučná kurzíva (váha: 600, styl: kurzíva)
- Tučné (váha: 700, styl: normální)
- Tučná kurzíva (váha: 700, styl: kurzíva)
- Černá (váha: 900, styl: normální)
- Černá kurzíva (váha: 900, styl: kurzíva)
- Lehká (váha: 300, styl: normální)
- Lehká kurzíva (váha: 300, styl: kurzíva)
- Normální (váha: normální, styl: normální)
Dále je k dispozici písmo Guardian Titlepiece v tučném řezu (váha: 700, styl: normální).
Všechny soubory písem jsou hostovány na uvedených URL adresách z domény assetů Guardianu.
div#maincontent:focus {
box-shadow: none !important;
}
.header-wrapper {
position: absolute;
z-index: 999 !important;
min-width: 300px;
padding-top: 20px;
max-width: calc(
