Skip to content

wfy 16feb23 m3 by ee10

Write a review Install Get Stylus

Details

Authoree10

LicenseNo License

Categorywfy 16feb23 m3

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

wfy 16feb23 m3

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         wfy 16feb23 m3
@version      20230217.07.53
@namespace    ?
==/UserStyle== */

@-moz-document domain("workflowy.com") {

/* dashboard - poszczegolne 'kwadraty' */
.page.dashboard-page {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    padding-left: 50px;
    padding-right: 50px;
    background: rgb(248, 249, 250);
    margin-top: 48px;
    border-radius: 0px;
    min-height: calc(100vh - 96px);
    
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 48px;
    
}

/* ??? ale zniwelowane itak */
._14che2o {
    overflow: auto;
    padding: 24px 24px 24px 10px;
    height: 100%;
    box-sizing: border-box;
    
    padding-left: 0px;
    padding-right: 0px;
    padding: 24px 24px 24px 10px;
}

/* chyba podpowiedzi hotkeys - right sidebar */
._1tudlzq {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 100%;
    width: 14px;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    color: rgb(183, 188, 191);
    cursor: default;
    padding-left: 2px;
    padding-right: 2px;
    border-left: 1px solid rgb(236, 238, 240);
    background: rgb(255, 255, 255);
    
    width: 14px;
}

/*
._182tlv7 {
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 23px;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    margin-bottom: 6px;
    font-weight: bold;
    color: rgb(75, 81, 85);
    
    padding-left: 0px;
}


._1okatj6 {
    padding: 0px 24px 0px 12px;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    flex-direction: column;
    color: rgb(134, 140, 144);
    
    padding-left: 0px;
}

._1g6oi58 {
    position: absolute;
    left: 2px;
    top: -4px;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-box-pack: center;
    opacity: 0;
    
    display: none;
}

*/



/* left sidebar - ogolne lewe wciecie - not hover*/
._5s6y5p {
    position: absolute;
    inset: 0px;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 40px;
    
    margin-left: -20px;
}

/* left sidebar - ogolne lewe wciecie - hover*/
._11it2fc {
    margin-left: -20px;
}
/* ??? LEFT SIDEBAR - NOT HOVER ELEMENTS*/
/* ??? */
._1okatj6 {
    padding: 0px 24px 0px 12px;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    flex-direction: column;
    color: rgb(134, 140, 144);
    
    padding-right: 0px;
}
/* ??? */
._1iqgxf0 {
    padding: 0px 24px 0px 12px;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    flex-direction: column;
    color: rgb(75, 81, 85);
    
    padding-right: 0px;
}
/* ??? */
._15yz5k7 {
    padding: 0px 24px;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    flex-direction: column;
    color: rgb(134, 140, 144);
    
    margin-right: -20px;
    padding-right: 0px;
}

/* LEFT SIDEBAR - HOVER ELEMENTS*/

/* hover elements - not selected */
._jjya18 {
    
    margin-right: -3px;
}
/* hover elements - plus sign - not selected */
._1k23dtk {
    position: absolute;
    margin-right: -1px;
}

/* hover elements - selected */
._cmtt9s {
    
    margin-right: -20px;
}

/* hover elements - 1st level */
._vkc93w {
    
    margin-right: -20px;
}
/* hover elements - 1st level - selected */   
._1iqgxf0 {
    
    margin-right: 0px;
}
/* hover elements - 1st level - plus sign - selected */
._1iqgxf0 ._1k23dtk {
    position: absolute;
    margin-right: 20px;
}

._vwkvtk {
    position: absolute;
    margin-right: 20px;
}
    


}

@-moz-document regexp("workflowy.com") {
/* borders chmurek - tak jak na grafiku*/
.content {
    
    border-left: 0.5px;
    border-bottom: 0.5px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    padding-left: 5px;
    margin-left: 3px;
}
/* border focused */
.name--focused .content {
    border-left: 0.5px;
    border-bottom: 0.5px;
    border-style: solid;
    border-color: blue;
    padding-left: 5px;
    margin-left: 3px;
    box-shadow: 0px 0px 2px 2px #04f;
}



/* inner content moze sie przydac zeby kiedys jeszcze bardziej poprawic ... zeby bylo jak na grafiku*/
.innerContentContainer {
    
}

/* troche formatowania notes*/
.notes .content {
    border-left: 0.5px;
    border-bottom: 0.5px;
    border-style: solid;
    border-color: rgb(220, 224, 226);
    padding-left: 5px;
    
    background-color: rgb(247, 247, 247);
    
    font-size: 9px;
    position: relative;
    left: -12px; 
}
/* notes pod naglowkiem jak jest focus - poprawic selector ewentualnie w przyszlosci
#app > div.pageContainer._1y79wmo > div > div.project.task.noted.selected.root._1uz3xao > div.notes._8w19dr {
    position: relative;
    left: 10px;
    top: -14px;
}

#app > div.pageContainer._1y79wmo > div.page.active.showCompleted._12hsqp5 > div.project.noted.selected.root._1uz3xao > div.notes._8w19dr > div {
    position: relative;
    left: 10px;
    top: -14px;
}
*/

/* notes pod naglowkiem jak jest focus */
#app > div.pageContainer._1y79wmo > div > div.project.noted.selected.root._1uz3xao > div.notes._8w19dr > div {
    position: relative;
    left: -2px;
    top: -14px;
}
}

@-moz-document domain("workflowy.com") {
/* trojkropek i zwijacz ciasniej*/
/* trojkropek - jest tylko przy tytule - ale zeby byl zaraz obok niego
._upuht8 {
    position: relative;
    right: -35px;
    top: -15px;
    border-radius: 0px !important;
    width: 34px;
    height: 20px;
    padding: 0px !important;
    color: black;
    background-color: transparent;       
}
*/
._upuht8 {
    position: relative;
    right: -6px;           
}
/* zwijacz */
._xwj8t7 {
    cursor: default;
    color: rgb(220, 224, 226);
    position: absolute;
    top: 6px;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-box-pack: center;
    left: calc(var(--name-left-overhang) - 22px);
    width: 20px;
    height: 20px;
    
    margin-left: 4px;
}


}

@-moz-document domain("workflowy.com") {
/* general padding and margin zmniejszony*/
._o7y4f {
    min-height: calc(100vh - 146px);
    position: relative;
    display: flex;
    flex-direction: column;
    background: rgb(255, 255, 255);
    box-shadow: none;
    user-select: none;
    margin-left: 24px;
    margin-right: 24px;
    border-radius: 6px;
    padding: 24px 56px;
    margin-top: 72px;
    
    
    padding-top: 24px;
    padding-right: 0px;
    padding-bottom: 24px;
    padding-left: 32px;
    
    margin-left: 0px;
    margin-right: 2px;    
}
/* ponizsze to samo co wyzej bo sie zmienila nazwa klasy */
._1tpfhkc {
    min-height: calc(100vh - 146px);
    position: relative;
    display: flex;
    flex-direction: column;
    background: rgb(255, 255, 255);
    box-shadow: none;
    user-select: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    border-radius: 6px;
    padding: 24px 56px;
    margin-top: 72px;
    text-size-adjust: none;
    
    padding-top: 24px;
    padding-right: 0px;
    padding-bottom: 24px;
    padding-left: 32px;
    
    margin-left: 0px;
    margin-right: 2px; 
}



}

@-moz-document domain("workflowy.com") {
/* border on focused item */

/* border focused 
.name--focused .content {
    border-left: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: blue;
    padding-left: 0px;
    margin-left: 0px;
    box-shadow: 0px 0px 2px 2px #04f;
    
    box-shadow: 0px 0px 2px 2px #8baeff;
    box-shadow: 0px 0px 2px 2px #afafaf;
}
*/


/* inner content moze sie przydac zeby kiedys jeszcze bardziej poprawic ... zeby bylo jak na grafiku */
.name--focused .innerContentContainer {
    border-left: 0px;
    border-bottom: 0px;
    border-style: solid;
    border-color: blue;
    padding-left: 0px;
    margin-left: 0px;
    
    
    box-shadow: 0px 0px 2px 2px #8baeff;
    box-shadow: 0px 0px 2px 2px #afafaf;
    box-shadow: 0px 0px 2px 2px #04f;
}

.name--focused .content:empty {
    display: block;
    box-shadow: 0px 0px 2px 2px #04f;
}

}

@-moz-document domain("workflowy.com") {
/* dashboard padding and margins zmniejszone */
.dashboard-card {
    flex: 1 1 400px;
    max-width: 600px;
    -webkit-box-flex: 1;
    padding-bottom: 16px;
    height: 480px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(220, 224, 226);
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 4px;
    border-radius: 6px;
    padding-top: 24px;
    padding-left: 24px;
    --name-left-overhang: 40px;
    
    padding-left: 10px;
    padding-left: 12px;
    
    padding-top: 10px;
    padding-right: 0px;
}

.dashboard > .children {
    display: flex;
    gap: 24px;
    padding-top: 24px;
    flex-wrap: wrap;
    
    gap: 20px;
}

.page.dashboard-page {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    padding-left: 50px;
    padding-right: 50px;
    background: rgb(248, 249, 250);
    margin-top: 48px;
    border-radius: 0px;
    min-height: calc(100vh - 96px);
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 48px;
    
    padding-left: 10px;
    padding-right: 0px;
    margin-top: 48px;
}


.dashboard-card > .children {
    border: none;
    flex-grow: 1;
    -webkit-box-flex: 1;
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 16px;
    overflow-y: scroll;
    
    margin-left: -16px;
    padding-left: 16px;
    
    padding-right: 2px;
    padding-right: 6px;
    margin-top: 1px;
    
    
    padding-left: 20px;
}
}

@-moz-document domain("workflowy.com") {
/* przekreslone z colorami */

._1yvintg {
    white-space: pre-wrap;
    line-height: 24px;
    min-height: 24px;
    filter: grayscale(100%);
    text-decoration: line-through;
    
    filter: grayscale(10%);
    filter: none !important;    
    text-decoration-color: rgb(0, 0, 0);
    
}

.done .c-purple {
   ...

Reviews

No reviews yet.