Skip to content

Demo Nisai Minimalistic by Duc444

Screenshot of Demo Nisai Minimalistic
Homepage Write a review Install Get Stylus

Details

AuthorDuc444

LicenseSus license

Categoryhttps://nva4.nisai.org/

Created

Updated

Size28 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Demo version (Still having bugs and some display glitches, will be fixed early no worries, suggest me more things to add in the next update through the email ductrungma1042009@gmail.com, i will update more things so stay still for the main release!)

Notes

Changelog:
+Added shadows into boxes (some containers)
+Added some little anime background for profile display section
+Added hover animation for everything
+Added round corners for square boxes
+Added transparency into navigation bar
+Added etc...

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Demo Nisai Minimalistic
@version      20230513.06.58
@namespace    userstyles.world/user/Duc444
@description  Demo version (Still having bugs and some display glitches, will be fixed early no worries, suggest me more things to add in the next update through the email ductrungma1042009@gmail.com, i will update more things so stay still for the main release!)
@author       Duc444
@license      Sus license
==/UserStyle== */

@-moz-document url("https://nva4.nisai.org/My-Learning-Zone") {
 div.cleanlinessBanner {
       height: 0;
       width: 0;
       visibility: 0;
 }
 div#dnn_ContentPane.span12.contentPane.contentPushedDown {
       visibility: hidden;
       height: 0;
 }
 div.row-fluid {
       cursor: default;
       opacity: .1;
       transition: opacity .5s ease-out;
       -moz-transition: opacity .5s ease-out;
       -webkit-transition: opacity .5s ease-out;
       -o-transition: opacity .5s ease-out;
       height: 0;
 }
 div.row-fluid:hover {
       opacity: 1;
 }
 div#siteHeadouter {
       opacity: 0.1;
       cursor: default;
       opacity: .1;
       transition: opacity .5s ease-out;
       -moz-transition: opacity .5s ease-out;
       -webkit-transition: opacity .5s ease-out;
       -o-transition: opacity .5s ease-out;
       height: 0;
 }
 div#siteHeadouter:hover {
       opacity: 1;
 }
 ul.nav.nav-pills {
       border-radius: 30px;
 }
 li.HowTo {
       margin-top: 20px;
       border-radius: 30px;
 }
 li.TheChillOutZone {
       margin-top: 20px;
       border-radius: 30px;
 }
 li.WellbeingCentre {
       margin-top: 20px;
       border-radius: 30px;
 }
 li.MyFolder {
       margin-top: 20px;
       border-radius: 30px;
 }
 li.MyEmail {
       margin-top: 20px;
       border-radius: 30px;
 }
 li.MyTimetable {
       border-radius: 30px;
 }
 li.MyLearningZone {
       margin-bottom: 20px;
       border-radius: 30px;
 }
 li.MyAssignments {
       margin-top: 20px;
       border-radius: 30px;
 }
 img#dnn_dnnLOGO_imgLogo {
       visibility: hidden;
       height: 0;
 }
 div#userControls.container {
       margin-top: 10px;
       border-radius: 30px;
       opacity: 0.1;
       cursor: default;
       opacity: .1;
       transition: opacity .5s ease-out;
       -moz-transition: opacity .5s ease-out;
       -webkit-transition: opacity .5s ease-out;
       -o-transition: opacity .5s ease-out;
 }
 div#userControls.container:hover {
       opacity: 1;
 }
 body::-webkit-scrollbar {
       display: none;
 }
 span#dnn_ctr973_dnnTITLE_titleLabel.TitleH2 {
       font-weight: lighter;
       font-size: 20px;
       margin-left: 20px;
 }
 h2.TitleH2 {
       font-weight: lighter;
       font-size: 20px;
       margin-left: 225px;
 }
 div#studentOfTheWeekName {
       font-weight: lighter;
       font-style: oblique;
       font-size: 17px;
       color: black;
       text-align: center;
 }
 div#studentOfTheWeekTribe {
       font-weight: bolder;
       font-style: italic;
       font-size: 17px;
       color: black;
       text-align: center;
 }
 div.DNNContainer_Title_h2.SpacingBottom {
       height: 0;
 }
 span#dnn_ctr454_dnnTITLE_titleLabel.TitleH2 {
       font-weight: lighter;
       font-size: 20px;
       margin-left: 75px;
 }
 span#dnn_ctr453_dnnTITLE_titleLabel.TitleH2 {
       font-weight: lighter;
       font-size: 20px;
       margin-left: 350px;
 }
 div.DnnModule.DnnModule-DNN_Announcements.DnnModule-453 {
       box-shadow: 0px 10px 20px black;
       overflow: hidden;
 }
 div.DnnModule.DnnModule-NisaiLearningStudentOfTheWeekModule.DnnModule-973 {
       box-shadow: 0px 10px 20px black;
       border-radius: 30px;
       overflow: hidden;
 }
 div#totemPoles {
       box-shadow: 0px 10px 20px black;
       border-radius: 30px;
 }
 div.DnnModule.DnnModule-DNN_HTML.DnnModule-513.DnnVersionableControl {
       border-radius: 30px;
       overflow: hidden;
 }
 div.DnnModule.DnnModule-DNN_HTML.DnnModule-1753.DnnVersionableControl {
       visibility: hidden;
 }
 div.DnnModule.DnnModule-DNN_Links.DnnModule-514 {
       border-radius: 30px;
       box-shadow: 0px 10px 20px black;
       overflow: hidden;
 }
 span#dnn_ctr514_dnnTITLE_titleLabel.TitleH2 {
       font-weight: lighter;
       font-size: 20px;
       margin-left: 70px;
 }
 div.console-large {
       border-radius: 30px;
 }
 svg#timetableSVG.menuItemSVG {
       margin-left: 12px;
       width: 45px;
 }
 svg#myLearningZoneSVG.menuItemSVG {
       margin-left: 8px;
       width: 45px;
 }
 svg#emailSVG.menuItemSVG {
       margin-left: 8px;
       width: 45px;
 }
 svg#assignmentSVG.menuItemSVG {
       margin-left: 8px;
       width: 45px;
 }
 div#assignmentNumber.notificationNumberBubble {
       margin-left: -25px;
       width: 10px;
       height: 16px;
       background: black;
 }
 svg#folderSVG.menuItemSVG {
       margin-left: 8px;
       width: 45px;
 }
 svg#wellbeingSVG.menuItemSVG {
       margin-left: 8px;
       width: 45px;
 }
 svg#chillOutSVG.menuItemSVG {
       margin-left: 8px;
       width: 45px;
 }
 svg#howToSVG.menuItemSVG {
       margin-left: 8px;
       width: 45px;
 }
 div.DnnModule.DnnModule-DNN_Announcements.DnnModule-453 {
       border-radius: 30px;
       box-shadow: 0px 10px 20px black;
 }
 div.DnnModule.DnnModule-Console.DnnModule-454 {
       border-radius: 30px;
       overflow: hidden;
       box-shadow: 0px 10px 20px black;
 }
 div#userControls.container {
       margin-top: 10px;
       box-shadow: 0px 10px 20px black;
 }
 div#login.span5.pull-right {
       border-radius: 30px;
       background-image: url("https://www.pixelstalk.net/wp-content/uploads/images6/Manga-Wallpaper-Free-Download.jpg");
       background-repeat: no-repeat;
       background-size: cover;
 }
 a#dnn_dnnLogin_enhancedLoginLink.LoginLink {
       border-radius: 30px;
       margin-right: 20px;
 }
 li.userDisplayName {
       border-radius: 30px;
       margin-right: 30px;
 }
 a#dnn_dnnUser_enhancedRegisterLink {
       border-radius: 30px;
 }
}

@-moz-document url("https://nva4.nisai.org/My-Timetable") {
div#timetableControlBar {
      border-radius: 30px;
}
div#timetableTypeSelectorLabel.controlLabel {
      margin-left: 20px;
      margin-top: 5px;
}
select#timetableTypeSelector {
      margin-top: 1px;
}
select#displayedDateMonth {
      margin-top: 1px;
}
select#displayedDateYear {
      margin-top: 1px;
}
div#timetableLeftBtn.timetableLeftRightBtn.monthLeftRightBtn {
      margin-top: 1px;
}
div#timetableRightBtn.timetableLeftRightBtn.monthLeftRightBtn {
      margin-top: 1px;
}
div#todayBtn.monthTodayBtn {
      margin-top: 1px;
}
div#timetableMonthlyView.timetableDisplay {
      border-radius: 30px;
}
span#liveLessonTimeliveLesson0_01_05_2023.elementInfo.liveLessonTime {
      border-radius: 30px;
}
hr.span12 {
      visibility: hidden;
      height: 0;
}
div.DnnModule.DnnModule-DNN_HTML.DnnModule-1753.DnnVersionableControl {
      visibility: hidden;
      height: 0;
}
td#cell_29_05_2023.monthlyCell.currentMonth {
      border-radius: 30px;
}
div#timetableKeyContainer {
      border-radius: 30px;
}
div#keyTitle {
      margin-top: 10px;
      margin-left: 15px;
      font-weight: lighter;
}
div#liveLessonKey.keyElement {
      margin-top: 10px;
      background-color: black;
      color: white;
      border-radius: 30px;
}
div#onlineLessonKey.keyElement {
      margin-top: 10px;
      background-color: black;
      color: white;
      border-radius: 30px;
      margin-left: 10px;
}
div#timeZoneKey.keyElement {
      visibility: hidden;
}
div#eventKey.keyElement {
      margin-top: 10px;
      background-color: black;
      color: white;
      border-radius: 30px;
      margin-left: 10px;
}
td#cell_01_06_2023.monthlyCell {
      border-radius: 30px;
}
h2#selectedMonthAndYear {
      font-weight: lighter;
      font-style: italic;
}
div#closureKey.keyElement {
      margin-top: 10px;
      background-color: black;
      color: white;
      border-radius: 30px;
      margin-left: 10px;
}
div#recordingKey.keyElement {
      display: none;
}
tr#monthlyRow.monthlyRow {
      font-weight: lighter;
}
div#timetableModuleOuterContainer {
      border-radius: 30px;
}
div#siteHeadouter {
      margin-top: 20px;
      opacity: 0.1;
      cursor: default;
      opacity: .1;
      transition: opacity .5s ease-out;
      -moz-transition: opacity .5s ease-out;
      -webkit-transition: opacity .5s ease-out;
      -o-transition: opacity .5s ease-out;
      height: 0;
}
div#siteHeadouter:hover {
      opacity: 1;
}
ul.nav.nav-pills {
      border-radius: 30px;
}
li.HowTo {
      margin-top: 20px;
      border-radius: 30px;
}
li.TheChillOutZone {
      margin-top: 20px;
      border-radius: 30px;
}
li.WellbeingCentre {
      margin-top: 20px;
      border-radius: 30px;
}
li.MyFolder {
      margin-top: 20px;
      border-radius: 30px;
}
li.MyEmail {
      margin-top: 20px;
      border-radius: 30px;
}
li.MyTimetable {
      border-radius: 30px;
}
li.MyLearningZone {
      margin-bottom: 20px;
      border-radius: 30px;
}
li.MyAssignments {
      margin-top: 20px;
      border-radius: 30px;
}
img#dnn_dnnLOGO_imgLogo {
      visibility: hidden;
      height: 0;
}
span.brand.visible-desktop {
      height: 0;
      visibility: hidden;
}
a.livechatlink {
      visibility: hidden;
}
a#technicalRoomsButton.openPopUp {
      visibility: hidden;
}
div#technicalRooms {
      visibility: hidden;
}
div#helpSection.helpSection {
      height: 0;
      visibility: hidden;
}
div.cleanlinessBanner {
      height: 0;
      width: 0;
      visibility: 0;
}
svg#timetableSVG.menuItemSVG {
      margin-left: 12px;
      width: 45px;
}
svg#myLearningZoneSVG.menuItemSVG {
      margin-left: 8px;
      width: 45px;
}
svg#emailSVG.menuItemSVG {
      margin-left: 8px;
      width: 45px;
}
svg#assignmentSVG.menuItemSVG {
      margin-left: 8px;
      width: 45px;
}
div#assignmentNumber.notificationNumberBubble {
      margin-left: -25px;
      width: 10px;
      height: 16px;
      background: black;
}
svg#folderSVG.menuItemSVG {
   ...

Reviews

No reviews yet.