@@ -61,23 +61,25 @@ a, form { position: relative; }
.fixme,
a[href$="#fixme"]:before,
form[action$="#fixme"]:before {
border: 1px solid purple;
border-radius: 2px;
content: 'FIXME';
font-size: 0.55rem;
color: purple;
border: 1px solid var(--orange);
border-radius: 6px;
content: '?';
font-size: 0.6rem;
color: var(--orange);
position: absolute;
top: -5px;
right: -5px;
top: -4px;
right: -4px;
padding: 1px;
background: yellow;
opacity: 0.8;
/* opacity: 0.8; */
width: 12px;
text-align: center;
}
input:focus {
z-index: 3;
border-color: #86b7fe;
box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5);
};
@@ -181,6 +183,7 @@ body > header {
#navbar ul {
list-style: none;
text-transform: uppercase;
padding: 0;
#navbar li {
@@ -226,6 +229,7 @@ body > header {
top: 100%;
left: 0;
min-width: 15rem;
text-transform: none;
#navbar li ul a {
font-weight: normal;
@@ -240,6 +244,39 @@ body > header {
text-align: right;
#menu-icon:active, #search-icon:active {
transform: scale(1.1);
#navbar-outer { min-height: .5rem; }
#navbar.mobile {
display: block;
max-width: 32rem;
#navbar.mobile.search { display: block; }
#navbar.mobile li {
#navbar.mobile ul {
padding-left: .5rem;
padding-right: .5rem;
display: block !important;
position: relative !important;
top: auto !important;
left: 0 !important;
right: auto !important;
text-align: left !important;
#navbar.mobile > ul > li {
padding-top: .5rem;
padding-bottom: .5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
#navbar.mobile li ul {
margin-left: .5rem;
#mainContent {
overflow: auto;