Наконец-то для старой версии образовательной платформы DOMIC вышел редизайн. Переосмысление интерфейса и многое другое!
Domic ISU Redux by g3orge7up
Details
Authorg3orge7up
LicenseNo License
Categorydomic.isu.ru
Created
Updated
Size6.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Обновление 2024.
В новой версии мы завезли адаптивные сетки. Cледите за обновлением, следующий апдейт совсем скоро!
Source code
/* ==UserStyle==
@name domic.isu.ru
@namespace github.com/openstyles/stylus
@version 2024.1.0
@description Кому вообще нравится оригинальный вид DOMIC?
@author SE7ENTOMO
==/UserStyle== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@-moz-document domain("domic.isu.ru") {
body {
font-family: "Montserrat", sans-serif, "Helvetica Neue";
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
}
#content {
width: 50%;
margin-bottom: 79px;
display: block;
position: relative;
left: 20%;
border: 0px solid transparent;
padding: 20px;
background: rgba( 255, 255, 255, 0.25);
box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
backdrop-filter: blur( 9.5px);
-webkit-backdrop-filter: blur( 9.5px);
border-radius: 20px;
border: 1px solid rgba( 255, 255, 255, 0.18);
}
#authorization {
background: rgba( 255, 255, 255, 0.25);
box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
backdrop-filter: blur( 9.5px);
-webkit-backdrop-filter: blur( 9.5px);
border-radius: 20px;
border: 21px solid rgba( 255, 255, 255, 0.18);
}
#authorization:hover {
z-index: 1;
}
input[type="submit" i] {
border: 0px;
border-radius: 8px;
color: white;
background: #2979ff;
padding: 8px 20px;
}
#module-description element.style {
background-color: #d9ccc1;
font-family: sans-serif;
padding: 10px;
margin-top: 20px;
border-radius: 10px;
display: grid;
grid-auto-flow: row
}
div#module-description {
background: rgba( 255, 255, 255, 0.25);
box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
backdrop-filter: blur( 9.5px);
-webkit-backdrop-filter: blur( 9.5px);
h4 {
display: none;
}
display: grid;
float: left;
grid-template-columns: repeat(2,
1fr);
margin-top: 50px;
margin-bottom: 20px;
}
div {
display: block;
background: rgba( 255, 255, 255, 0.25);
border-radius: 20px;
}
.container {
background: rgba( 255, 255, 255, 0.25);
box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
backdrop-filter: blur( 9.5px);
-webkit-backdrop-filter: blur( 9.5px);
border-radius: 10px;
border: 4px solid rgba( 255, 255, 255, 0.18);
}
.learning-level-bottom-border {
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
font-size: 6px;
display: block;
border-radius: 10px;
}
.learning-level-top-border {
border: 0px;
font-size: 6px;
display: block;
border-radius: 10px;
}
.learning-level-student {
background-color: #8bc34a;
background: rgb(253, 187, 45);
background: linear-gradient(90deg, #21d7f3 0%, rgb(179, 255, 201) 100%);
border-radius: 10px;
}
h2 {
color: black;
background-color: black;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
table {
border-radius: 10px;
}
{
background: rgb(253, 29, 29);
background: linear-gradient(24deg, rgba(253, 29, 29, 1) 38%, #ffeb3b 100%);
padding: 10px 5px;
color: white;
}
input[type="text" i] {
position: absolute;
left: 4px;
top: 160px;
width: 164px;
height: 24px;
background: #ffffff;
background-blend-mode: normal;
}
input[type="password" i] {
border: 7px solid #009dff;
}
input[type="image" i] {
position: absolute;
left: 4px;
top: 160px;
width: 164px;
height: 24px;
background: #ffffff;
background-blend-mode: normal;
-webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}
input[type="button" i] {
border: 0px;
border-radius: 10px;
color: white;
background: #2979FF;
padding: 10px 20px;
}
input[type="file" i] {
border: 0px;
border-radius: 10px;
color: white;
background: #2979FF;
padding: 10px 20px;
}
.learning-level-min-max {
border-top: 0px;
background-color: #09f;
border-radius: 10px;
}
.learning-level-average {
border: 0px;
}
a.done {
color: #26a69a;
}
a {
color: #2979FF;
cursor: pointer;
text-decoration: underline;
}
element.style {
background-color: #f7f7f7;
padding-top: 5px;
}
background-color: #f7f7f7;
padding-top: 5px;
iframe {
border-width: 0px;
border-style: none;
border-color: initial;
border-image: initial;
border-radius: 10px;
border: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
/* Input */
#authorization p input[type=text] {
border-width: 0px;
width: 146px;
min-height: 26px;
border-radius: 0.2rem;
border: 1px solid #d1d1d1;
background-color: rgba(0, 0, 0, 0);
outline: 0;
}
#authorization p input[type=text]:focus {
border-bottom: 1px solid #2979ff;
}
/* Input */
#authorization p input[type=password] {
width: 146px;
border-style: none;
background-color: rgba(0, 0, 0, 0);
outline: 0;
min-height: 33px;
}
#authorization p input[type=password]:focus {
border-bottom: 1px solid #2979ff;
}
input:after {
border: 7px solid #009dff;
}
select {
background-color: #2979FF;
color: white;
border-radius: 8px;
padding: 4px;
border: 0px solid;
}
textarea {
border-radius: 7px;
border: 1px solid #d1d1d1;
}
textarea:focus {
border: 0px solid #fff;
border-bottom: 1px solid #2979ff;
}
}