You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.5 KiB
65 lines
1.5 KiB
/* Sidebar |
|
--------------------------------*/ |
|
.sidebar { |
|
position: relative; |
|
width: 100%; |
|
} |
|
.region-sidebar-first, |
|
.region-sidebar-second { |
|
display: flex; |
|
flex-direction: column; |
|
gap: 2rem; |
|
} |
|
.sidebar .block { |
|
background-color: var(--sidebar-block-background); |
|
padding: 1rem; |
|
border: var(--sidebar-block-border); |
|
} |
|
.sidebar .block-title { |
|
background: var(--sidebar-block-title-background); |
|
font-size: var(--sidebar-block-title-font-size); |
|
font-family: var(--sidebar-block-title-font-family); |
|
color: var(--sidebar-block-title-font-color); |
|
line-height: 1; |
|
margin-bottom: 1rem; |
|
border-bottom: 2px solid var(--upei-red); |
|
} |
|
.sidebar .block-content { |
|
font-variation-settings: "wdth" 75; |
|
font-size: var(--sidebar-block-font-size); |
|
font-family: var(--sidebar-block-font-family); |
|
color: var(--sidebar-block-font-color); |
|
} |
|
.sidebar .block a { |
|
color: var(--sidebar-block-link-color); |
|
} |
|
.sidebar .block a:hover { |
|
color: var(--sidebar-block-link-color-hover); |
|
} |
|
.sidebar ul, |
|
.sidebar ol { |
|
margin: 0; |
|
padding: 0; |
|
list-style-position: inside; |
|
} |
|
.sidebar ul { |
|
list-style: none; |
|
} |
|
.sidebar li { |
|
padding: 6px 0; |
|
border-bottom: var(--sidebar-ul-separator-line); |
|
} |
|
.sidebar .block p:last-of-type { |
|
margin: 0; |
|
} |
|
/* Sidebr -> Form */ |
|
.sidebar input[type="text"], |
|
.sidebar input[type="email"], |
|
.sidebar input[type="url"], |
|
.sidebar input[type="password"], |
|
.sidebar input[type="search"], |
|
.sidebar textarea { |
|
width: 100%; |
|
max-width: 100%; |
|
border: 1px solid var(--border); |
|
}
|
|
|