Domic ISU Redux
domic.isu.ru - 19.06.2023, 14:55:35 by g3orge7up
Details
Authorg3orge7up
LicenseNo License
Categorydomic.isu.ru
Created
Updated
Size6.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Redesigning ugly Student Profile for more modern look. Made on pure CSS.
Source code
/* ==UserStyle==
@name domic.isu.ru - 19.06.2023, 14:55:35
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
/* ==UserStyle==
@name 31.08.2022, 10:32:45
@namespace github.com/openstyles/domic_isu
@version 1.0.0
@description Domic ISU Redesign
@author G3ORGE 7UP
==/UserStyle== */
@-moz-document url-prefix("http://domic.isu.ru/") {
body {
font-family: "Segoe UI", sans-serif, "Helvetica Neue";
background: rgb(2,0,36);
background: rgb(241, 253, 255);
}
#content{
transform:translatex(209px) translatey(45px);
margin-bottom:79px;
}
#content {
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);
}
input[type="submit" i] {
border: 0px;
padding: 17px;
border-radius: 8px;
color: white;
background: #2979ff;
padding: 8px 20px;
}
#module-description element.style {
background-color: #d9ccc1;
font-family: sans-serif;
padding: 10px;
margin: 15px;
border-radius: 10px
}
div {
background: rgba( 255, 255, 255, 0.25);
border-radius: 20px;
border: 1px solid rgba( 255, 255, 255, 0.18);
}
#content {
position: absolute;
width: 843px;
left: 213px;
border: 0px solid transparent;
padding: 44px;
}
.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;
padding: 17px;
border-radius: 10px;
color: white;
background: #2979FF;
padding: 10px 20px;
}
.learning-level-min-max {
border-top: 0px;
background-color: #09f;
border-radius: 10px;
box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
backdrop-filter: blur( 2px);
-webkit-backdrop-filter: blur( 2px);
}
.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;
}