Skip to content

Instantly share code, notes, and snippets.

@Arty2
Created April 6, 2020 07:54
Show Gist options
  • Save Arty2/5bea3c369fc6661f1f1bb27f33c0d50b to your computer and use it in GitHub Desktop.
Save Arty2/5bea3c369fc6661f1f1bb27f33c0d50b to your computer and use it in GitHub Desktop.
dropbox-paper-focus.css
/*
A set of styles that turns the sideba and menus partialy transparent when the cursor is not over them.
Includes some stylistic changes over the display of text, eg. — instead of bullet points, Anonymous Pro font (if exists on the system).
*/
::-moz-selection { background: #000; }
::selection { background: #000; }
/*---------
UI changes
----------*/
.hp-toc .hp-toc-entries {
/* outline: 1px solid yellow; */
}
#comments-sidebar,
.folder-sidebar,
#main-header-container,
.hp-editor-footer-buttons,
.pad-page-sidebar-open-button,
.calendar-event-button-text {
opacity: 0.05;
filter: grayscale(100%);
transition: all 0.3s;
transition-delay: 1.5s;
}
.hp-sidebar-container {
background: none;
}
#comments-sidebar {
transition-delay: 0s;
}
#comments-sidebar:hover,
.folder-sidebar:hover,
#main-header-container:hover,
.hp-editor-footer-buttons:hover,
.pad-page-sidebar-open-button:hover,
.calendar-event-button-text:hover {
opacity: 1;
filter: grayscale(0);
transition-delay: 0s;
}
.ace-editor:not(.editor-blank) > div.ace-line::before {
opacity: 0.2;
filter: grayscale(100%);
transition: all 0.3s;
transition-delay: 1.5s;
}
.ace-editor:not(.editor-blank) > div.ace-line:hover::before {
opacity: 1;
filter: grayscale(0);
transition-delay: 0s;
}
.ace-editor ul li {
list-style: none;
}
.ace-editor ul li:before {
content: "–";
display: block;
float: left;
margin-right: 10px;
}
.ace-editor,
.ace-editor h1, .ace-editor h2, .ace-editor h3,
.ace-feature-bigtitle > .ace-editor > div:first-child,
.hp-versions-button,
.hp-toc .hp-toc-entries .dmc-button-content {
font-family: "Anonymous Pro", monospace !important;
}
.hp-versions-button.more-discoverable-sidebars {
position: absolute;
right: 0px;
height: auto;
font-size: 14px !important;
}
.hp-editor-assist-button-group {
margin-bottom: 30px;
}
.hp-toc-entry-current:before {
content: '•';
display: block;
float: left;
margin-left: -10px;
margin-top: 2px;
transition: all 0.3s;
}
/*
placeholder for presenter styles
currently, it looks broken?
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment