Skip to content

Vklass Reddit Theme (ReKlass) by noelnim

Screenshot of Vklass Reddit Theme (ReKlass)

Details

Authornoelnim

LicenseNo License

Categoryhttps://www.vklass.se

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The ultimate Vklass Theme

Notes

Changelog:
Release 0.0.2

  • Added support for quickfiniding

Known Bugs:

  • Login page

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Vklass Reddit Theme (ReKlass)
@version      20210909.12.52
@namespace    userstyles.world/user/noelnim
@description  The ultimate Vklass Theme
@author       noelnim
@license      No License
==/UserStyle== */

@-moz-document domain("vklass.se") {
*
{
    --gray-main: #393A3B;
    --blue-main: #0079D3;
    font-family: "Comic Sans MS", "Comic Sans", cursive !important;
}

#ctl00_PageLogo
{
    display: none; 
}

#ctl00_logobar > a:nth-child(1)
{
    display: block;
    height: 100px !important;
    width: 170px !important;
}

#ctl00_ContentPlaceHolder2_articleContent
{
    background-image: url('https://i.imgur.com/Wvwnx5B.jpg') !important;
}

.logo
{
    height: 100px;
    background-image: url('https://i.imgur.com/8sujvGX.png');
    background-size: 100px;
    background-repeat: no-repeat;
    background-position-x: 31px;
}

.nav .scoreboard .topmenu li.topmenu-messages a
{
    background-image: url('https://i.imgur.com/8cNJwjC.png');
    background-size: 30px;
    background-position-y: 2px;
}

.nav .scoreboard .topmenu li.topmenu-messages a:hover
{
    background-image: url('https://i.imgur.com/Pb1ZlOW.png');
}

.nav .scoreboard .topmenu li.topmenu-feed a
{
    background-image: url('https://i.imgur.com/dKp6FHG.png');
    background-size: 30px;
    margin-left: -10px;
}

.nav .scoreboard .topmenu li.topmenu-feed a:hover
{
    background-image: url('https://i.imgur.com/yctPVZm.png');
}

.nav .scoreboard .topmenu li.topmenu-logout a
{
    background-image: url('https://i.imgur.com/sUp6lia.png');
    background-size: 30px;
    background-position-x: 20px;
    background-position-y: 4px;
}

.nav .scoreboard .topmenu li.topmenu-logout a:hover
{
    background-image: url('https://i.imgur.com/Mz9vB5E.png');
}

.nav .scoreboard .topmenu li.topmenu-settings a
{
    background-image: url('https://i.imgur.com/Nhryamu.png');
    background-size: 32px;
    background-position-x: 29px;
    background-position-y: 3px;
    text-indent: -9999px;
    line-height: 0;
}

.nav .scoreboard .topmenu li.topmenu-settings a:hover
{
    background-image: url('https://i.imgur.com/TTfhtMo.png');
}

.topmenu-settings > a:nth-child(1):after
{
    content: 'Inställningar';
    text-indent: 0;
    display: block;
    line-height: initial
}

#ctl00_ContentPlaceHolder2_articleContent > h1:nth-child(1) > span:nth-child(1), a.saveButton
{
    text-indent: -9999px !important;
    line-height: 0 !important;
}

#ctl00_ContentPlaceHolder2_articleContent > h1:nth-child(1) > span:nth-child(1):after
{
    content: 'Välkommen till Reddit';
    text-indent: 0;
    display: block;
    line-height: initial;
}

a.saveButton
{
    font-size: 0px;
    border: none;
    background-color: white;
    border-radius: 15px;
    margin-left: 190px;
}

.metainfo
{
    text-indent: -9999px;
    line-height: 0; 
}

.metainfo:after
{
    content: 'Reddit';
    text-indent: 0;
    display: block;
    height: 23px;
    line-height: 23px;
}

.nav .scoreboard .topmenu li.topmenu-relations a, #folderLink > img:nth-child(2), #sortLink > img:nth-child(2)
{
    display: none;
}

.nav .scoreboard .topmenu li.topmenu-myhome a
{
    background-image: url('https://i.imgur.com/wQV5V0a.png');
    background-size: 35px;
    background-position-x: 8px;
    background-position-y: -1px;
}

.nav .scoreboard .topmenu li.topmenu-myhome a:hover
{
    background-image: url('https://i.imgur.com/j0SucFU.png');
}

#ctl00_SearchTB
{
    border: none;
}

.start-left .left-topic, .start-right h2.right-topic, .headline, #crumbs ul li a.selected, .RadTabStrip_Default li.rtsLI a.rtsSelected, .discussionOnPageWide-menu .post *, .list thead, .profil-metainfo, .messagethread-list-toolbar .folder, .messagethread-list-toolbar .filter, .searchpage-top .search-menu .post *, .searchpage-top .search-menu .post *, .headline, .fileMenuTopBar, .friends thead, .messagethread-read-container h5, .messagethread-read-post h5, html.t-ff.t-ff91 body#ctl00_pagebody form#aspnetForm div#main_container div#ctl00_bodyContainer.bodyContainer div#ctl00_ContentPlaceHolderDivContainer.article div#ctl00_ContentPlaceHolder2_articleContent.inner.article-content div#ctl00_ContentPlaceHolder2_RadMultiPage1.RadMultiPage.RadMultiPage_Default div#ctl00_ContentPlaceHolder2_AppraisalPanel.rmpView div.basicInfoPanel
{
    background: #FF5700 !important;
}

.headline
{
    border: none;
}

.searchpage-top .search-menu .post *
{
    border-top-left-radius: 10px;
    color: white;
    text-decoration: none !important;
    margin-bottom: -3px !important;
}

#crumbs ul li a.selected:after
{
    border-left-color: #FF5700;
}

.article-content .basicInfoPanel, .support-manuals li, #ctl00_ContentPlaceHolder2_RegisterNewTaskPanel > div:nth-child(1), #ctl00_ContentPlaceHolder2_RegisterNewTaskPanel > div:nth-child(2), .list, .messagethread-list-toolbar .filter .current, #ctl00_ContentPlaceHolder2_resultsPanel > div:nth-child(1), .lunch > dd, .education-menu > li, .profil-left, .profil-right-bar, .blogg-actions, #ctl00_ContentPlaceHolder2_Ul3 > li, #ctl00_ContentPlaceHolder2_Ul2 > li, #ctl00_ContentPlaceHolder2_Ul5 > li, .vis-timeline .vis-item.exam, #ctl00_ContentPlaceHolder2_Ul4 > li, #ctl00_ContentPlaceHolder2_Ul1 > li, .messagethread-read-post, .course-menu li.blogg, .course-menu li.utbm
{
    background-color: rgba(255, 87, 0, 0.5) !important;
}

.start-left
{
    border-right: 2px solid #FF5700;
}

.start-left p.newReleaseStartpage
{
    background: rgba(255, 87, 0, 0.5);
    border: 0.5px solid #FF5700;
}

.newReleaseStartpage a
{
    background: none;
}

.liveatedu, .minafiler, .Teams
{
    display: none;
}

.searchpage-top
{
    border: none;
}

.RadTabStrip .rtsLevel .rtsOut, .RadTabStrip .rtsLevel .rtsIn, .RadTabStrip .rtsLevel .rtsTxt, .RadTabStripVertical .rtsLevel .rtsOut, .RadTabStripVertical .rtsLevel .rtsIn, .RadTabStripVertical .rtsLevel .rtsTxt, .discussionOnPageWide-menu .post *, .list thead, .profil-metainfo, .profil-metainfo strong, .messagethread-list-toolbar .folder, .messagethread-list-toolbar .folder a, .messagethread-list-toolbar .filter, #unreadFilterLink > span:nth-child(1), .messagethread-list-toolbar .filter .current, #unreadFilterLink, .headline, #ctl00_ContentPlaceHolder2_resultsPanel > div:nth-child(1), .friends thead, .messagethread-read-container h5, .messagethread-read-post h5
{
    color: white;
}

.discussionOnPageWide-menu .post *
{
    border-top-left-radius: 10px;
}

.nav ul.leftmenu .kalender *
{
    background-image: url('https://i.imgur.com/SJHHVRI.png'); 
    background-size: 32px;
    background-position-x: 25px;
    background-position-y: 10px;
}

.nav ul.leftmenu .kalender *:hover
{
    background-image: url('https://i.imgur.com/xSpwSY1.png'); 
}

.nav ul.leftmenu .minakurser *
{
    background-image: url('https://i.imgur.com/4vzT3zN.png'); 
    background-size: 29px;
    background-position-x: 29px;
    background-position-y: 12px;
}

.nav ul.leftmenu .minakurser *:hover
{
    background-image: url('https://i.imgur.com/vbeSya4.png'); 
}

.nav ul.leftmenu .klass *
{
    background-image: url('https://i.imgur.com/Mf6D7No.png'); 
    background-size: 29px;
    background-position-x: 29px;
    background-position-y: 12px;
}

.nav ul.leftmenu .klass *:hover
{
    background-image: url('https://i.imgur.com/8awkoni.png'); 
}

.nav ul.leftmenu .skola *
{
    background-image: url('https://i.imgur.com/WNZgyYR.png'); 
    background-size: 29px;
    background-position-x: 29px;
    background-position-y: 12px;
}

.nav ul.leftmenu .skola *:hover
{
    background-image: url('https://i.imgur.com/N9LTx07.png'); 
}

.nav ul.leftmenu .tools *, .nav ul.leftmenu .Learning_tools *
{
    background-image: url('https://i.imgur.com/Nhryamu.png');
    background-size: 29px;
    background-position-x: 29px;
    background-position-y: 12px;
}

.nav ul.leftmenu .tools *:hover, .nav ul.leftmenu .Learning_tools *:hover
{
    background-image: url('https://i.imgur.com/TTfhtMo.png');
}

.nav ul.leftmenu .help *
{
    background-image: url('https://i.imgur.com/4V0MInx.png');
    background-size: 29px;
    background-position-x: 29px;
    background-position-y: 12px;
}

.nav ul.leftmenu .help *:hover
{
    background-image: url('https://i.imgur.com/sSvWr6E.png');
    background-size: 29px;
    background-position-x: 29px;
    background-position-y: 12px;
}

#unreadFilterLink > span:nth-child(1)
{
    text-decoration: none;
}

.rgAltRow > td:nth-child(2), .rgRow > td:nth-child(2)
{
    background-image: url('https://i.imgur.com/POvGEwc.png');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 3px;
}

.rgAltRow img, .rgRow img
{
    display: none;
}

.left-topic, .right-topic
{
    color: white !important;
}

html.t-ff.t-ff88 body#ctl00_pagebody form#aspnetForm div#main_container div#ctl00_bodyContainer.bodyContainer div#ctl00_ContentPlaceHolderDivContainer.article div#ctl00_ContentPlaceHolder2_articleContent.inner.article-big
{
    background: none !important;
}

.nav ul.leftmenu li
{
    margin-bottom: 2px;
    border: none !important;
}

.leftmenu
{
    padding-top: 2px;
    padding-bottom: 1px;
}

a.saveButton
{
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    background: white;
    background-image: url('https://i.imgur.com/gpjG5Z6.png');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position-y: 2.7px;
    background-position-x: 2.7px;
}

.lessonsTodayList li a
{
    text-decoration: none !important;
}

table.time-table th.today
{
    background-color: var(--blue-main);
    color: white;
}

.newsPost
{
    border: none !important;
}

.rtsLink > .rtsOut > .rtsIn > .rtsTxt
{
    color: black !important;
}

.rtsSelected > .rtsOut > .rtsIn > .rtsTxt
{
    color: white !important;
}

.lunch > dt, .eventsOverviewControl .monthHeadline
{
    background-color: #FF5700 !important;
    color: white !important;
}

.lunch > dd
{
    width: calc(100% - 35px);
}

.action...

Reviews

No reviews yet.