Skip to content

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

Domic ISU Redux

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;

}



Reviews

No reviews yet.