Skip to content

Instantly share code, notes, and snippets.

@lucafalasco

lucafalasco/refined-paprika.user.css

Last active September 4, 2020 15:19
Show Gist options
  • Save lucafalasco/9cae1deb7077f2965b1c7ac7f1c61ff7 to your computer and use it in GitHub Desktop.
Save lucafalasco/9cae1deb7077f2965b1c7ac7f1c61ff7 to your computer and use it in GitHub Desktop.
Download ZIP
Refined Paprika
Raw
refined-paprika.user.css
/* ==UserStyle==
@name Refined Paprika
@namespace https://gist.github.com/lucafalasco/9cae1deb7077f2965b1c7ac7f1c61ff7
@homepageURL https://gist.github.com/lucafalasco/9cae1deb7077f2965b1c7ac7f1c61ff7
@version 1.0.1
@description Refined Paprika
@author Luca Falasco
==/UserStyle== */
@-moz-document domain("paprika-worldwide.com"), domain("paprika-worldwide2.com") {
/**
* Login
*/
div#Body {
background-color: #f5f4f4;
}
#Background,
.pause {
display: none;
}
div#LogonForm,
div#Notification {
box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2);
border-radius: 3px;
}
div#Logo {
width: 250px;
}
button.finish.primary {
background-color: #00253e;
text-transform: uppercase;
font-size: 12px;
}
button.finish.primary:hover:not([disabled]),
button.finish.primary:focus:not([disabled]) {
background-color: rgba(0, 37, 62, .5);
}
/**
* Homepage
*/
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1,
h2,
h3,
h4,
h5 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 700;
}
button {
outline: none;
}
input,
.cell,
.day a,
.day-title {
font-family: monospace;
}
.toolbar svg.logo {
width: 120px;
}
.toolbar,
ul.toolbar {
border: none;
background-color: #fff;
fill: #000;
color: #000;
box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2);
}
div#Page.landscape {
margin: 0;
width: 100%;
}
.page-wrap {
background-image: none;
background-color: #f2f2f2;
height: 100%
}
.page-wrap .sidebar {
height: 100%;
}
.toolbar nav a.sep {
display: none;
}
.toolbar nav a {
font-weight: 700;
margin: 0 10px;
border: none;
}
.toolbar nav a .icon {
display: none;
}
.toolbar .home-search {
border-radius: 5px;
}
.toolbar .home-search-select {
border-radius: 5px;
}
.module-profilemodule .sub-module-my-profile .profile-card .profile-headshot-container {
border-radius: 100%;
overflow: hidden;
width: 140px;
height: 140px;
box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2);
}
.module-profilemodule .sub-module-my-profile .profile-card .profile-headshot-change:not(.hide) + .profile-headshot,
.module-profilemodule .sub-module-my-profile .profile-card .profile-headshot-change {
transform: scale(1.4);
}
.module-info-title.module-link .module-info-expand-icon svg {
display: none;
}
#profileModuleInfoContainer .module-info-title [data-field=PE_NAME] {
font-size: 14px;
font-weight: 700;
}
.module-info h2 .thumb {
display: none;
}
.page-wrap .sidebar,
[data-asw-active-module=ProfileModule] #profileModuleInfoContainer {
background-color: #fff;
}
#profileModuleInfoContainer .link-to-program:first-child {
font-size: 14px;
font-weight: 700;
}
.page-wrap .sidebar .sidebar-wrap {
margin: 0;
}
.favourite-programs-title {
display: none;
}
#Body #Page.portrait {
max-width: 1800px;
}
.timeBlock.is-job {
background-color: rgba(0, 130, 255, .1);
border-color: #0082ff;
}
.timeBlock.timeBlockTotal {
background-color: rgba(166, 166, 166, .1);
border-color: rgb(49, 49, 49);
}
.planner-calendar-grid th,
.day-title {
font-size: 12px;
text-transform: uppercase;
}
.planner-calendar-grid th[data-asw-today] {
color: #efefef;
background-color: #00253e !important;
}
.planner-calendar-grid thead tr th:nth-child(6),
.planner-calendar-grid thead tr th:nth-child(7),
.grid .tr td:nth-child(6),
.grid .tr td:nth-child(7) {
display: table-cell;
width: 0;
}
[data-type=String][data-field=BO_TITLE] {
color: #000;
}
/**
* Timesheet
*/
div#Page div#Main {
top: 80px;
}
.toolbar .icon {
width: 2rem;
height: 2rem;
}
.main-date-controls {
font-family: inherit;
}
.list-row.summary-row {
background-color: #eeeeee;
}
.summary-row[data-asw-is-task=false],
.monthly-row[data-asw-is-task=false] {
border-left-color: #d7d7d7 !important;
}
.list-header,
.time-list-container .time-list-wrapper .planned-time-header {
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
color: #fff;
background-color: #00253e !important;
}
.list-row .date .indicator[data-asw-non-working=true] {
background-color: #e6e6e6 !important;
}
.list-row.summary-row .item-date[data-asw-planned-occupied=true] {
background-image: linear-gradient(to top left, #3dce00 6px, #3dce00 8px, rgba(255, 255, 255, 0) 8px);
}
.list-row.summary-row .item-date[data-asw-planned-left=true] {
background-image: linear-gradient(to top left, #00253e 6px, #00253e 8px, rgba(255, 255, 255, 0) 8px);
}
.alt .module-profilemodule .sub-module-my-missing-time .missing-time-table td[data-time-remaining^="-"].is-past,
.alt .module-profilemodule .sub-module-my-missing-time .missing-time-table td[data-time-remaining="0.00"].is-past {
background: rgba(119, 208, 149, .1);
border: 2px solid #77d095;
}
.alt .module-profilemodule .sub-module-my-missing-time .missing-time-table td[data-time="0.00"].is-past {
background: rgba(238, 102, 118, .1);
border: 2px solid #ee6676;
}
.alt td.day.is-today {
background-color: rgba(0, 130, 255, .1);
border: 2px solid #0082ff;
}
.list-row .date .indicator[data-asw-complete=true] {
background-color: #3dce00;
}
.list-row.summary-row .open-indi span {
display: none;
}
.list-row .date .indicator {
height: 3px;
}
.actions button .icon {
width: 1.4rem;
}
.list-row.summary-row .additional .cell input {
cursor: pointer;
}
.list-row.summary-row .additional .cell input:focus {
font-weight: 700;
background-color: rgba(0, 37, 62, .1);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment