minimal workflowy.js

/**************************/
     /* B U L L E T S  */
/**************************/
/* BULLET BACKGROUND COLOR */
.bullet {
background-color: #484848
}
/* BULLET HOVER COLOR */
a.bullet:hover {
border-color: #707070 !important;
background-color: #707070 !important;
}
/* BULLET BACKGROUND SEARCH COLOR */
.page.showCompleted .project.halfOpenSearchMatchAncestorWhenCompletedVisible:not(.shared):not(.addedShared)>.name>.bullet {
    background-color: #484848;
    border-radius: 12px
}
.page:not(.showCompleted) .project.halfOpenSearchMatchAncestorWhenCompletedHidden:not(.shared):not(.addedShared)>.name>.bullet {
    background-color: #484848;
    border-radius: 12px
}
/**********************************************************/
     /* F O N T S  C O L O R S  A N D  S P A C I N G  */
/**********************************************************/
/* FONT */
#documentView {
    font-family: 'Meslo LG M Regular for PowerLine', 'Helvetica Neue', Arial, Sans-serif 
}
/* GLOBAL TEXT COLOR */
#documentView {
color: #cccccc;
}
/* BACKGROUND COLOR */
#backgroundImage{
color: #2F353F;
background-color: #2F353F;
}
/* TAG COLOR */
.content .contentTag,
.nameAnimated .contentTag {
text-decoration: none !important;
color: #AAAAAA
}
/* TAG HOVER COLOR */
.content .contentTag:hover {
background: #444444 !important;
}
/* TAG SELECTED COLOR */
.content .contentMatch {
background-color: #23325B !important;
}
/* TEXT BLOCK HOVER COLOR */
.project.highlighted::before,
.project.moving::before,
.project.tapped::before,
.draggableNameClone::before {
background: #2E2E2E !important;
}
/* ITEM SELECTION COLOR */
#itemSelectionControls>.numSelectedItems {
    color: #aaa;
    background: #2e2e2e;
}
/* TAG AUTOCOMPLETE BOX COLORS AND STYLING */
#autocompleteBox {
color: #CCCCCC !important;
background: #3F3F3F !important;
padding: 7px 7px;
border: none !important;
box-shadow: none;
}
/* EXTRA BOTTOM SPACING */
.page {
margin-bottom: 600px !important;
}
/***********************************************/
     /* R E M O V E   I N T E R F A C E */
/***********************************************/
/* REMOVE ALL BORDERS */
div.page {
background-color: rgba(0, 0, 0, 0);
border: none;
box-shadow: none;
border-radius: 0px;
}
/* REMOVE ALL BORDERS AND FOOTERS */
div.top.edge, div.bottom.edge, div.left.edge, div.right.edge, div.top.right.corner, div.top.left.corner, div.bottom.right.corner, div.bottom.left.corner, div.footer, div#bottomLinks
{
display: none;
}
/* REMOVE VERTICAL LINES */
.children{
border-left:none;
}
/* REMOVE LINE UNDERNEATH DIRECTORY PATH */
.project, .footer {
border: none;
}
/* REMOVE "GET MORE SPACE" BUTTON */
.getMoreSpaceButton {
    display: none;
}
/* MOSTLY HIDE THE "STARRED PAGES" FEATURE */
.pageStar, #savedViewHUDButton {
opacity:.03;
}
/***********************************************/
     /* C L E A N E R  H O V E R  M E N U */
/***********************************************/
#controlsLeft,
#itemSelectionControls {
padding: 10px 0 !important;
width: auto !important;
background: #3F3F3F !important;
border: none !important;
}
.selected .project #controlsLeft>.mouse-helper:before {
border-bottom: 15px solid #3F3F3F !important;
}
#controlsLeft a,
#itemSelectionControls a {
color: #CCCCCC !important;
font-size: 13px !important;
margin-right: 0px !important;
padding: 7px 17px !important;
margin-bottom: 0px !important;
font-weight: 500 !important;
}
#controlsLeft hr,
#itemSelectionControls hr {
border-top: 1px solid transparent !important;
margin: 0 !important;
}
/********************************************************/
     /* B E T T E R  S T A R R E D  P A G E  H U D */
/********************************************************/
#savedViewHUD {
background-color: transparent !important;
bottom: 0px !important;
height: auto !important;
overflow-x: hidden !important;
overflow-y: auto !important;
padding-bottom: 12px !important;
padding-top: 12px !important;
top: 30px !important;
width: 375px !important;
}
#savedViewHUD::-webkit-scrollbar {
width: 10px !important;
}
#savedViewHUD::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.2) !important;
}
#savedViewHUDPageContainer {
padding: 10px !important;
}
.savedViewPage {
display: block !important;
height: auto !important;
width: 310px !important;
margin-bottom: 3px !important;
padding: 10px !important;
}
.savedViewPageFader {
display: none !important;
}
.savedViewPageSearchStringContainer {
margin-top: 0 !important;
}
/*************************************************************/
     /* H I D I N G  T R A N S L U C E N T  H E A D E R */
/*************************************************************/
#header h1 { display: none; }
#header,
#header * {
background: none;
color: #555 !important;
border: none;
}
#header { background-color: rgba(0,0,0,.25); }
#header:hover,
#header:hover * { color: #fff !important; }
/* MAKE FIT BETTER FOR APP WINDOWS */
#header { top: -25px; transition:top 0.1s linear;}
#header:hover {top: 0px;}
.pageStar { top: 25px; }
#pageContainer { top: -45px; }
/* HIDE, PRO, SPACE, YADDA */
.positionWrapper,
#bottomLinks,
.proPitch,
#headerQuotaProgress  { display: none !important; }
.page { margin-bottom: 2em; }
/************************************/
     /* S E A R C H  P O P U P */
/************************************/
input#searchBox {
transition: margin-top 0.1s linear;
}
#header:not(:hover) input#searchBox:focus {
margin-top: 25px;
/* season to taste */
border: thin solid #3AB6CF;
/*background-color: cyan;*/
/*color: purple !important;*/
color: white !important;
}

code {
    background-color: #CCCCCC;
    border-radius: 4px;
}