PVHS Canvas Logo Change With Rainbow Sidebar by paulgamerboy360

/* ==UserStyle==
@name           UvA Canvas Logo Fix
@namespace      USO Archive
@author         Sijmen Schoon
@description    `Fixes the UvA logo on the UvA Canvas learning environment to fit in better with the Canvas style.`
@version        20170906.11.48
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */

@-moz-document url-prefix("https://washk12.instructure.com") {
.ic-app-header__logomark {
    --ic-brand-header-image: url('https://www.pineview.org/pvhs-v2/wp-content/themes/yootheme/cache/pvhs_logo-6700ac82.png');
    box-sizing: border-box;
}
}
/* ==UserStyle==
@name           Canvas Rainbow Side Bar
@namespace      USO Archive
@author         AbstractCarloss
@description    `Rainbow Color Changing SideBar! Enjoy!`
@version        20220207.17.35
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
/* i really want this to be global */
@keyframes header-rainbow {
       0% {
              border-color: red;
       }
       14% {
              border-color: orange;
       }
       28% {
              border-color: yellow;
       }
       42% {
              border-color: #72fba2;
       }
       56% {
              border-color: #72dcfb;
       }
       80% {
              border-color: #2a3bce;
       }
       94% {
              border-color: #692ace;
       }
       100% {
              border-color: red;
       }
}
.ic-Dashboard-header__layout {
       animation: header-rainbow 20s infinite;

}
@keyframes header-rainbow {
       0% {
              border-color: red;
       }
       14% {
              border-color: orange;
       }
       28% {
              border-color: yellow;
       }
       42% {
              border-color: #72fba2;
       }
       56% {
              border-color: #72dcfb;
       }
       80% {
              border-color: #2a3bce;
       }
       94% {
              border-color: #692ace;
       }
       100% {
              border-color: red;
       }
}
.ic-app-nav-toggle-and-crumbs {
       animation: header-rainbow 20s infinite;
}



@keyframes header-rainbow {
       0% {
              border-color: red;
       }
       14% {
              border-color: orange;
       }
       28% {
              border-color: yellow;
       }
       42% {
              border-color: #72fba2;
       }
       56% {
              border-color: #72dcfb;
       }
       80% {
              border-color: #2a3bce;
       }
       94% {
              border-color: #692ace;
       }
       100% {
              border-color: red;
       }
}
.ic-DashboardCard__header_content {
       animation: header-rainbow 20s infinite;
}

.ic-Layout-contentWrapper {
        background-color: #FFFFFF;
    }
    .ic-app-header__main-navigation{
        animation: rainbow-background 20s infinite;
    }
    .ic-app-header__main-navigation {
            background-color: #FFFFFF;
    }@keyframes rainbow-background {
        0% {
            background-color: #ff0000;
        }
        10% {
            background-color: #ff8000;
        }
        20% {
            background-color: #ffff00;
        }
        30% {
            background-color: #80ff00;
        }
        40% {
            background-color: #00ff00;
        }
        50% {
            background-color: #00ff80;
        }
        60% {
            background-color: #00ffff;
        }
        70% {
            background-color: #0080ff;
        }
        80% {
            background-color: #0000ff;
        }
        90% {
            background-color: #8000ff;
        }
        100% {
            background-color: #ff0080;
        }
    }
    
@keyframes header-rainbow {
       0% {
              border-color: red;
       }
       14% {
              border-color: orange;
       }
       28% {
              border-color: yellow;
       }
       42% {
              border-color: #72fba2;
       }
       56% {
              border-color: #72dcfb;
       }
       80% {
              border-color: #2a3bce;
       }
       94% {
              border-color: #692ace;
       }
       100% {
              border-color: red;
       }
}
.ic-app-header__menu-list-link--nav-toggle {
       animation: header-rainbow 20s infinite;
}

.ic-Layout-contentWrapper {
        background-color: #FFFFFF;
    }
    .ic-app-header__menu-list-link {
        animation: rainbow-background 20s infinite;
    }
    .ic-app-header__menu-list-link--nav-toggle {
            background-color: #FFFFFF;
    }

/* i really want this to be global */
@keyframes header-rainbow {
       0% {
              border-color: red;
       }
       14% {
              border-color: orange;
       }
       28% {
              border-color: yellow;
       }
       42% {
              border-color: #72fba2;
       }
       56% {
              border-color: #72dcfb;
       }
       80% {
              border-color: #2a3bce;
       }
       94% {
              border-color: #692ace;
       }
       100% {
              border-color: red;
       }
}
.ic-DashboardCard__header_hero {
       animation: header-rainbow 20s infinite;

}