sass

gistfile1.txt

$color-text: #31373c;
$border-color: #edeff0;
$border-radius: 4px;
$background-color-2: #f9fafa;
$background-color-3: #edeff0;
$background-color-4: #e3e3e3;
$color-green: #76d691;
$color-green-hover: #5ec27a;
$padding: 15px;
$margin: 15px;

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    color: $color-text;
    background: #fff;
}

#pf-navigation {
    display: none;
}
#framework-header, #framework-content {
    margin-left: 0 !important;
}

.PFM-theme input, .PFM-theme select, .PFM-theme textarea {
    border-color: $border-color;
    box-shadow: none;
    border-radius: $border-radius;
    background: #fff;
    padding: 4px 8px;
}


.tertiary-background {
    color: $color-text;
}
.gadget .fullview {
    border-color: $border-color;
    border-radius: 4px;
    .gadget-header {
        background-color: $background-color-2;
        border-color: $border-color;
        h1 {
            font-size: 16px;
        }
    }
}

.pf-vtabpanel .panel-content {
    font-size: 100%;
}

.pf .col-3 {
    padding: 0 $padding;
}



// My Dashboard
.PFM-theme .horizontalTabs-dashboard .horizontalTabs-margin, .PFM-theme .horizontalTabs-page ul li a {
    background: none;
    border-top: 0;
    height: 0;
}

.panel-shadow {
    display: none;
}

.contentBodyWizard .page-content-panel, .navContainer {
    border: none;
}

.PFM-theme .filter-container {
    border: none;
}

.PFM-theme .widgetContentContainer {
    padding: 0 !important;
    .orggoal-content {
        .emptyTableMsg {
        }
    }
    .fishEyeLabelBar {
        margin-top: 0;
        td {
            border: 1px solid $border-color;
        }
    }
    .AboutMeWidget {
        background: #fff;
    }
    
}

.PFM-theme .horizontalTabs ul.tablist li, .PFM-theme .horizontalTabs ul.tablist li.tab-is-active {
    border-color: #fff;
    background-color: #fff;
    a {
        background: #fff;
        span {
            font-weight: 500;
        }
    }
        
}
.PFM-theme .horizontalTabs ul.tablist li.navTabCurrent {
    border-bottom: 4px solid $color-green;
}

.PFM-theme .dataGridTable-container.gridTable-BASIC {
    border: none;
}
.PFM-theme .eGrid {
    border: none !important;
    .header {
        .colLabels {
            .h-cell {
                .header-cell {
                    background: #fff; 
                    border: none;
                }
            }
        }
    }
    
    .content {
        table {
            border: none !important;
            .headerRow th {
                background: transparent;
                padding: $padding $padding/2;
                border: none;
                span {
                    font-weight: 500;
                }
            }
            tbody tr {
                background-color: #fff !important;
                td {
                    border: none;
                    border-top: 1px solid $border-color;
                    vertical-align: middle;
                }
                
            }
            
        }
    }
}
.PFM-theme .eFieldset {
    border-color: $border-color;
    border-radius: $border-radius;
    background-color: $background-color-2;
    .cc-header {
        background-color: transparent;
        border-color: $border-color;
        .title {
            .label {
                line-height: 2;
                padding: $padding;
                font-weight: 500;
            }
        }
    }
    .cc-content {
        background-color: $background-color-2;
        border-top: none;
        padding: 0 $padding $padding;
    }
    #dw_myDashboard\.myTeamWidgetContent {
        padding: 0 10px;
    }
    #tm-widget-organizationalGoalsWidget .orggoal-content {
        padding: 0;
    }
    #tm-widget-MyTeamsSuccessorsWidget {
        padding: $padding !important;
        border: 1px solid $border-color;
        border-radius: $border-radius;
        background: #fff;
    }
    #myDashboard\.activeProcessWidgetContent {
        background: #fff;
        padding: 10px !important;
        border: 1px solid $border-color;
        border-radius: $border-radius;        
    }
    #tm-widget-taskListWidget .no-tasks-msg, #tm-widget-linkWidget, #tm-widget-organizationalGoalsWidget .msg-noitem { 
        text-align: center;
        background: #fff;
        padding: 10px !important;
        border: 1px solid $border-color;
        border-radius: $border-radius;
        line-height: initial;
    }
}

.richTextField .rt-ro-container p:last-child {
    margin-bottom: 5px
}
.PFM-theme #myTeamHierarchy {
    .team-view .team-view-menubar {
        background: transparent;
        border: none;
        
    }
}
.PFM-theme .team-navigator .ps-header .person-card {
    margin-bottom: $margin / 2;
    margin-top: 0;
    border: 1px solid $border-color;
}
.PFM-theme .team-navigator .person-card {
    position: relative;
    border: 1px solid $border-color !important;
    border-radius: $border-radius;
    padding: $padding/2 !important;
    margin: $margin / 3;
    height: 60px;
    padding: $padding / 2;
    .employeePicContainer {
        width: 40px !important;
        height: 40px !important;
        img {
            width: 40px !important;
        }
    }
    div.photo {
        background: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    }
    img.photo {

    }
    .person-info {
        margin-left: 55px !important;
        margin-top: 3px;
        p.name {
            color: #333;
        }
    }
    .card-toolbar {
        position: absolute;
        right: 5px;
        bottom: 5px;
        li {
            display: inline-block;
            .noop-btn {
                display: none;
            }
            button {
                background-size: 14px;
                filter: grayscale(1);
            }
        }
    }
}

// My Recruiting
// https://sky-b00-tm.pfskybox.com/recruiterDashboard2Action.action?clearAPM=All&clearGridIds=All&clearSearchTerms=All


.rd-header {
    background: transparent;
    margin-top: $margin;
    margin-bottom: $margin;
    position: absolute;
    left: 220px;
    right: 0;
    .pf-substabs {
        padding-top: px;
    }
    .pf-subtab {
        a {
            margin-right: 0;
            border: none;
            border-radius: 0;
            color: #333;
            font-weight: 00;
            font-size: 15px;
            background: none;
        }
        &.active {
            
            a {
                background: none;
                border-bottom: 3px solid $color-green;
                color: #333;
                border-radius: 0;
            }
            .caret {
                display: none ;
            }   
        }
    }
}

.PFM-theme .pf-vtabpanel.rd-filter-section {
    margin-top: 173px !important;
    margin-left: 0 !important;
    .vertNavSidebar {
        display: none;
    }
    .fc-header {
        padding: $padding / 2 0;
        h3 {
            font-weight: 400;
            font-size: 15px;
            
        }
    }
    .comboSearchField {
        margin-bottom: 0 !important;
        border-color: $border-color;
        width: 178px;
        .icn-search {
            background-size: 12px;
        }
    }
    .search-btns {
        .btnIcon {
            background: none;
            border: 1px solid $border-color;
            border-radius: $border-radius;
            transition: .3s;
            &:hover {
                background-color: $border-color;
            }
            img {
                background-size: 14px
            }
            span {
                background: none;
            }
        }
    }
    hr {
        display: none;
    }
    .fc-content {
        padding: 0;
    }
}

#recruiterDashboardContainer {
    .rd-filter-section {
        width: 200px;
    }
    .pf-page-content {
        margin-left: 220px;
    }
    .eGrid-FixColumn-marker {
        display: none;
    }
}
.requisitionGridContainerWrapper {
    .eFieldset-container {
        background: $background-color-2;
        padding-top: 1px;
    }
    .dataGridTable-container {
        border: none !important;
        
    }
    .eFieldset {
        border: none;
        margin: 0;
    }
    .eFieldset .cc-header {
        background: transparent;
        padding: 0;
        margin-left: 0px;
        margin-top: 60px;
        h3 {
            padding: $padding/2 0 !important;
            color: transparent;
            line-height: initial;
            .actionButtons {
                padding-left: 0 !important;
                float: left;
                select {
                    z-index: 10000;
                }
            }
        }
    }
    .eFieldset .cc-content { 
        background-color: transparent;
        padding: 0;
        border: 1px solid $border-color;
        border-radius: $border-radius;
    }
    .eGrid {
        .colLabels {
            border-bottom: 1px solid $border-color;
            .h-cell span {
                font-weight: 500 !important;
            }
        }
        .header {
            background-color: #fff;
        }
        .content table tbody tr td {
            border-top: none;
            border-bottom: 1px solid $border-color;
            .input-imgBtn {
                padding: 5px 0;
            }
        }
    }
}

.PFM-theme .pf-masthead {
    background: #983bef;
    .pf-mh-menu {
        border-top: none;
        padding-left: $padding;
    }
    .pf-org-logo {
        filter: brightness(0) invert(1);
    }
    .pf-account {
        .acc-info {
            .acc-info-text {
                background: transparent;
                span {
                    color: #fff;
                }
            }
        }
        .pf-avataar {
            img {
                border-radius: 50%;
                
            }
        }
        .caret-down {
            border-color: #fff transparent transparent;
        }
    }
}
.PFM-theme .pf-appnav {
    border-top: 1px solid $border-color;
    border-bottom: 1px solid $border-color;
    background-color: $background-color-2;
    padding-left: $padding;
    height: 50px;
    .pf-appnav-content {
        margin-top: 6px;
        padding-left: $padding;
        ul.pf-sitelinklist {
            li.linkitem a:hover, li.linkitem a {
                background-color: transparent;
            }
            li.linkitem.mainmenu {
                margin-right: 0;
                a {
                    span {
                        background-color: $background-color-3;
                        border-radius: 4px;
                        width: 60px;
                        transition: .3s;
                        &:after {
                            border-color: #333 transparent transparent;
                            margin-left: 10px
                        }
                        &:hover {
                            background-color: $background-color-4;
                        }
                    }
                }
            }
            li.linkitem a span {
                color: #333 !important;        
            }
            li.linkitem a .caret-down {
                border-color: #333 transparent transparent;
            }
        }
    }
    .pf-quicksearch {
        background: none;
        line-break: initial;
        width: initial;
        .comboSearchField {
            border: 1px solid $border-color;
            border-radius: $border-radius;
            input {
                border-radius: $border-radius !important;
            }
        }
        .pf-input-group-btn {
            button i {
                background-size: 14px;
            }
        }
    }
}