@import "tango.css";
@import "monokai-dark-mode.css";
img.icon-inline {
width: 2ch;
padding-left: 0.1ch;
padding-right: 0.1ch;
display: inline;
}
@media (prefers-color-scheme: dark) {
img.icon-inline {
filter: invert(1);
}
}
/* nav */
nav > ul {
display: inline-flex;
list-style: none;
}
#menu, #menu-button-container {
display: none;
}
img#menu-button {
width: 3ch;
}
@media screen and (max-width: 768px) {
nav > ul > li.item {
display: none;
}
#menu-button-container {
display: inline;
}
}
@media (prefers-color-scheme: dark) {
img#menu-button {
filter: invert(1);
}
}
/* profile side panel */
#profile h2 {
margin: 0 0 var(--line-height);
}
/* 
#portrait {
max-height: calc(10*var(--line-height));
}
*/
ul#network-icons {
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
list-style: none;
padding: 0;
/* margin-top: var(--line-height); */
/* font-size: 2rem; */
}
ul#network-icons li {
margin-right: 1ch;
}
ul#network-icons li:last-of-type {
margin-right: 0;
}
@media (prefers-color-scheme: dark) {
ul#network-icons li img {
filter: invert(1);
}
}
/* Biography panel */
#first-home-section h2:first-child {
/*  margin: calc(var(--line-height) * 2) 0 var(--line-height); */
margin: 0 0 var(--line-height);
}
/* Publication lists */
div.pub-links, div.talk-links {
margin-top: var(--line-height);
}
ul.pub-list {
padding-left: 3ch;
}
ul.pub-list li {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/file-earmark-text.svg);
margin-bottom: var(--line-height);
}
@media (prefers-color-scheme: dark) {
ul.pub-list li {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/file-earmark-text-white.svg);
}
}
ul.pub-list li::marker {
filter: invert(1);
}
/* Talk lists */
ul.talk-list {
padding-left: 3ch;
}
ul.talk-list li {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/chat.svg);
margin-bottom: var(--line-height);
}
@media (prefers-color-scheme: dark) {
ul.talk-list li {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/chat-white.svg);
}
}
/* Contact methods */
ul.contact-methods {
padding-left: 3ch;
}
ul.contact-methods li {
margin-bottom: var(--line-height);
}
ul.contact-methods li:last-of-type {
margin-bottom: 0;
}
li#email {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/envelope-fill.svg);
}
li#location {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/geo-alt-fill.svg);
}
li#office {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/clock.svg);
}
@media (prefers-color-scheme: dark) {
li#email {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/envelope-fill-white.svg);
}
li#location {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/geo-alt-fill-white.svg);
}
li#office {
list-style-image: url(/~ucakwat/assets/img/bootstrap-icons/clock-white.svg);
}
}
/* Publication/talk pages */
dd.pub-links-field, dd.talk-links-field {
line-height: calc(2*var(--line-height));
}
/* Code highlighting */
figure.highlight {
margin: var(--line-height) 2ch;
padding: 1ch 1ch;
border: black;
border-style: solid;
border-width: thin;
overflow-x: auto;
overflow-y: hidden;
}
@media (prefers-color-scheme: dark) {
figure.highlight {
margin: var(--line-height) 2ch;
padding: 1ch 1ch;
border: white;
border-style: solid;
border-width: thin;
overflow-x: auto;
overflow-y: hidden;
}
}