Skip to content

Instantly share code, notes, and snippets.

@fauxparse
Created January 7, 2018 20:54
Show Gist options
  • Save fauxparse/403767075e76dd28fbcfe621f48cff81 to your computer and use it in GitHub Desktop.
Save fauxparse/403767075e76dd28fbcfe621f48cff81 to your computer and use it in GitHub Desktop.
PS Daleks user stylesheet
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,700,900');
body,
button {
font-family: 'Rubik', sans-serif !important;
text-rendering: optimizeLegibility;
}
body {
font-weight: 300;
background: white !important;
color: #212121;
}
nav {
background: #60269e !important;
color: white !important;
border: none !important;
padding: 0.5em 1em;
}
.nav-inner {
display: flex;
align-items: center;
justify-content: flex-start;
}
.nav-inner::before {
display: none;
}
.nav-inner::after {
content: '' !important;
animation: none !important;
order: 1;
flex: 1;
}
body .nav-inner button {
border: 1px solid white;
font-weight: 700;
text-transform: uppercase;
padding: 7px 15px;
border-radius: 4px;
background-color: transparent;
margin: 0 0.5em 0 0;
}
body .nav-inner button#save {
background: #ee4d87;
border-color: #ee4d87;
}
.user-links {
margin: 0;
float: none;
order: 2;
}
body nav .user-links a {
color: white;
opacity: 0.75;
transition: opacity 0.2s ease;
}
body nav .user-links a:hover {
opacity: 1;
text-decoration: underline;
text-decoration-skip: ink;
}
body nav .user-links #logged-in-user {
font-style: normal;
}
body .container::before,
body .container::after {
display: none !important;
}
.container {
margin: 0;
padding: 1em;
color: #212121;
max-width: 100%;
}
#sheet {
margin: 0;
}
#sheet th.cal-button {
padding: 0;
width: 30px;
height: 30px;
}
#calendar-button {
transition: all 0.2s ease;
opacity: 0.75;
}
#calendar-button:hover {
opacity: 1;
transform: scale(1);
box-shadow: 0 0 0.25em 0 #ee4d87;
}
body .container #sheet thead tr:first-child th {
color: #60269e;
}
body .container #sheet thead tr:first-child th::first-line {
font-weight: 700;
}
body .container #sheet thead tr:first-child th:nth-child(2) {
font-weight: 700;
text-align: left;
padding-left: 1rem;
}
body .container #sheet thead tr:first-child th:nth-child(2) a {
color: #ee4d87;
font-weight: 300;
font-size: 0.75rem;
margin-top: 0.25rem;
}
body .container #sheet {
width: 100%;
max-width: 100%;
}
table tr.totals th {
background-color: #ee4d87;
color: white;
}
body .container #sheet thead tr:first-child th.today {
background-color: #ee4d87;
color: white;
opacity: 0.5;
}
#sheet td.star {
text-align: center;
}
body .container a {
color: #60269e;
}
#sheet .beetil-name a {
font-weight: 700;
min-width: 5.5em;
display: inline-block;
}
#sheet td:nth-child(2) {
width: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment