face-lift for pivotal
Pivotal Face-lift by alfonsusac
Details
Authoralfonsusac
LicenseNo License
CategoryPivotal
Created
Updated
Size8.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name 20/10/2022, 17:13:26
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
@preprocessor stylus
==/UserStyle== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@-moz-document url-prefix("https://www.pivotaltracker.com/")
*
font-family: Inter !important
.tc_page_header
background-color: #6554C0
padding: 8px
height: auto
nav
top: 45px
.layouts.expanded_header section.main, body > div:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(2),body > div:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(3), content, html body.settings_without_sidebar.header_expanded .content, html body.settings_without_sidebar.header_expanded .project_settings_sidebar
top: 77px !important
.state.button, a.state.button
padding-top: 1px
width: 60px
border-radius: 6px
font-size: 11px
box-shadow: 0px 1px 0px rgba(27, 31, 35, 0.1);
font-weight: 600
&.accept
background: transparent;
border: 1px solid #2DA44E
color: #2DA44E
width: 70px
&:hover
background: #2C974B;
border: 1px solid rgba(27, 31, 36, 0.15);
color: white
&:focus
box-shadow: inset 0px 1px 0px rgba(20, 70, 32, 0.2);
&:before
content: '🐣'
margin-right: 4px
&.reject
background: transparent;
border: 1px solid #db445c
color: #db445c
&:hover
background: #db445c;
border: 1px solid rgba(27, 31, 36, 0.15);
color: white
&:focus
box-shadow: inset 0px 1px 0px rgba(20, 70, 32, 0.2);
&.deliver
background: transparent;
border: 1px solid #8864d3
color: #8864d3
width: 70px
&:hover
background: #7654bd;
border: 1px solid rgba(27, 31, 36, 0.15);
color: white
&:focus
box-shadow: inset 0px 1px 0px rgba(20, 70, 32, 0.2);
&:before
content: '🔮'
margin-right: 4px
&.finish
background: transparent;
border: 1px solid #3e96da
color: #3e96da
width: 70px
&:hover
background: #3e96da
border: 1px solid rgba(27, 31, 36, 0.15);
color: white
&:focus
box-shadow: inset 0px 1px 0px rgba(20, 70, 32, 0.2);
&:before
content: '🐧'
margin-right: 4px
.reveal.story.button
background: rgb(33, 38, 45)
border-color: rgba(240, 246, 252, 0.1)
span.locator
opacity: 0.5
.tracker_markup
font-weight: 600
.std.label
background-color: #693d9061
padding: 1px 8px 3px 8px
display: block
width: fit-content
border-radius: 8px
color: #a46cd6
.tracker_markup a, a.owner
color: rgb(88, 166, 255) !important
section.panels
background-color: #0d1117
aside.sidebar
background-color: #161b22
border: #30363d 1px solid
> *
background-color: #161b22 !important
border: 1px solid #30363d
.panel
.container
border-color: #21262d
border: solid 1px rgb(33, 38, 45)
background-color: rgb(1, 4, 9)
border-radius: 6px !important
> header
background-color: transparent !important
> div
> h2
font-size: 14px
font-weight: 600
color: rgb(201,209,217)
button.MuiIconButton-sizeSmall
font-size: 1rem
svg
width: 0.8em
height: 0.8em
> section
&::-webkit-scrollbar
background: unset !important
&::-webkit-scrollbar-thumb
background-color: #ffffff57
margin: 2px
border-radius: 8px
border: #010409 3px solid
> div > div
header // calendar 0 of 164 points
background: transparent
padding: 0px 16px;
padding-top: 8px
color: rgb(201,209,217) !important
.item.stories.results_bar.invalid_drop_target // The "Stories" Label
background: transparent
color: #2DA44E;
padding: 0px 16px;
padding-top: 4px
> h2
color: #2DA44E;
background: #2ab04f63;
padding: 1px 16px
border-radius: 6px
.StoryPreviewItem__clickToExpand // STORIES CARD
margin-top: 12px
> header
margin: 6px 6px 6px 12px
border-radius: 6px;
padding: 8px !important
background: rgb(22, 27, 34) !important
border: solid 1px rgb(48, 54, 61)
color: rgb(201, 209, 217)
span.parens
a.owner
padding: 1px 4px
margin-inline: 2px
background: rgba(61, 95, 136, .32)
border-radius: 4px
&:before
content: ''
&:after
content: ''
&:before
content: ''
> .highlighted
background: #a598db4f !important
.end_of_list.item > div
background: transparent !important
.story.model // STORIES CARD WHEN EXPANDED
> div
margin: 12px 6px 6px 12px
> div
border-radius: 6px;
overflow: hidden !important
> section.edit
padding-top: 4px
padding-left: 0px
background: rgb(22, 27, 34) !important
border: solid 1px rgb(48, 54, 61)
color: rgb(201, 209, 217)
box-shadow: unset
form
textarea
background-color: rgb(13, 15, 19) !important
color: inherit
border: solid 1px rgb(39, 44, 49)
font-size: 13px
border-radius: 6px
&:focus-visible
outline: rgb(88, 166, 255)2px solid !important
aside
padding-left: 30px
padding-right: 32px
> div
> nav
width: unset
> section
width: 100%
display: flex
flex-direction: row-reverse
> div.info_box_wrapper
width: unset
> .info_box, .state_box
width: 100%
margin-right: 0
background-color: rgb(33, 39, 49) !important
border: solid 1px rgb(39, 44, 49)
border-radius: 6px
em, span
color: rgb(201, 209, 217) !important
.reviews > div, .row
background: transparent
> section.full
padding-left: 40px
padding-right: 42px
&.activity > div
padding-left: 0
> div
margin-right: 0
div[class*="ToggleComment"]
padding: 0 8px
span > span
color: rgb(88, 166, 255)
&.code > div input
background-color: rgb(13, 15, 19) !important
color: inherit
border: solid 1px rgb(39, 44, 49)
font-size: 13px
border-radius: 6px
&:focus-visible
outline: rgb(88, 166, 255)2px solid !important
h4
color: rgb(139,148,158) !important
> div h4 + div
background-color: transparent
color: inherit
border: solid 1px rgb(39, 44, 49)
border-radius: 6px