@@ -58,29 +58,31 @@ a:hover { text-decoration: underline; }
/* Missing links */
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);
};
a.read-more {
cursor: pointer;
font-style: italic;
@@ -178,12 +180,13 @@ body > header {
/* Navigation bar */
#navbar-outer {
background: var(--navy);
#navbar ul {
list-style: none;
text-transform: uppercase;
padding: 0;
#navbar li {
position: relative;
padding-left: .25rem;
@@ -223,12 +226,13 @@ body > header {
display: none;
z-index: 100;
top: 100%;
left: 0;
min-width: 15rem;
text-transform: none;
#navbar li ul a {
font-weight: normal;
#navbar li:hover ul {
display: block;
@@ -237,12 +241,45 @@ body > header {
#navbar li:nth-last-child(2) ul, #navbar li:nth-last-child(1) ul {
left: auto;
right: 0;
text-align: right;
#menu-icon:active, #search-icon:active {
transform: scale(1.1);
#navbar-outer { min-height: .5rem; }
#navbar.mobile {
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;
#sidebar + #mainContent {
float: left;