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.
165 lines
3.1 KiB
165 lines
3.1 KiB
/* Navigation (Scene navigation, top)*/
|
|
|
|
|
|
/* Glass - Remove prior styling */
|
|
|
|
#navigation .nav-item {
|
|
border: none;
|
|
border-radius: 0px;
|
|
box-shadow: none;
|
|
backdrop-filter: none;
|
|
background: none;
|
|
background-image: none;
|
|
}
|
|
|
|
/* Glass - Add new styling */
|
|
|
|
#navigation #nav-toggle,
|
|
#navigation #scene-list .scene.view,
|
|
#navigation #nav-toggle:hover,
|
|
#navigation #scene-list .scene,
|
|
#navigation #scene-list .scene.gm {
|
|
border: none;
|
|
border-radius: var(--dorako-radius);
|
|
background-color: var(--dorako-bg-current);
|
|
/* backdrop-filter: var(--dorako-vibrancy); */
|
|
box-shadow: var(--glassy);
|
|
}
|
|
|
|
#navigation {
|
|
margin-top: var(--edge-margin);
|
|
left: 10px;
|
|
}
|
|
|
|
/*
|
|
#navigation #scene-list li {
|
|
margin-right: 10px;
|
|
margin-bottom:10px
|
|
} */
|
|
|
|
|
|
#navigation #scene-list .scene {
|
|
margin-bottom: 6px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
#navigation #scene-list .scene li.scene-player {
|
|
text-shadow: none;
|
|
}
|
|
|
|
|
|
/* #navigation #scene-list .scene.context,
|
|
#navigation #scene-list .scene.view {
|
|
} */
|
|
|
|
/* .scene-name{
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
display: flex;
|
|
gap: 3px;
|
|
align-items: center;
|
|
} */
|
|
|
|
/* #navigation #scene-list .scene {
|
|
z-index: -1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
} */
|
|
|
|
/* #navigation #scene-list {
|
|
display: flex !important;
|
|
flex-wrap: wrap;
|
|
} */
|
|
|
|
|
|
#navigation #scene-list .scene.view {
|
|
background-color: var(--paizo-red);
|
|
box-shadow: var(--glassy);
|
|
transition: background-color 0.15s ease-out;
|
|
}
|
|
|
|
#navigation {
|
|
text-shadow: var(--dorako-text-shadow);
|
|
transition: background-color 0.15s ease-out;
|
|
}
|
|
|
|
#navigation {
|
|
backdrop-filter: none;
|
|
}
|
|
|
|
#navigation {
|
|
gap: 10px;
|
|
}
|
|
|
|
#navigation #scene-list .scene li.scene-player {
|
|
text-shadow: none;
|
|
}
|
|
|
|
/* Core Foundry themed */
|
|
|
|
|
|
#navigation #scene-list .scene.gm {
|
|
transition: background-color 0.15s ease-out;
|
|
background-color: var(--paizo-blue-dark);
|
|
}
|
|
|
|
#navigation #scene-list .scene.gm:hover {
|
|
background-color: var(--paizo-blue);
|
|
transition: background-color 0.15s ease-out;
|
|
}
|
|
|
|
#navigation #scene-list .scene {
|
|
transition: background-color 0.15s ease-out;
|
|
}
|
|
|
|
#navigation #scene-list .scene:hover {
|
|
background-color: var(--paizo-red);
|
|
transition: background-color 0.15s ease-out;
|
|
}
|
|
|
|
#navigation #scene-list .scene.gm.active.context,
|
|
#navigation #scene-list .scene.active {
|
|
transition: background-color 0.15s ease-out;
|
|
box-shadow: var(--gold-and-glow), var(--glassy);
|
|
}
|
|
|
|
#navigation #scene-list .scene.view.gm {
|
|
transition: background-color 0.15s ease-out;
|
|
background-color: var(--paizo-blue-bright);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* #navigation #scene-list .scene ul.scene-players {
|
|
list-style: none;
|
|
padding: 0;
|
|
display: flex;
|
|
gap: 5px;
|
|
top: unset;
|
|
left: unset;
|
|
position:absolute;
|
|
margin: 0px;
|
|
bottom: -5px;
|
|
top: 0px;
|
|
} */
|
|
|
|
#navigation #scene-list .scene li.scene-player {
|
|
height: 10px;
|
|
width: 10px;
|
|
margin: 0px;
|
|
color: transparent;
|
|
border: 0px;
|
|
box-shadow: var(--gold-and-glow);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/* Navigation presets */
|
|
|
|
li.nav-preset,
|
|
a.create-preset,
|
|
a.scene-presets {
|
|
border: none;
|
|
box-shadow: var(--glassy);
|
|
}
|