Skip to content

New FAP by Ming-doan

Screenshot of New FAP

Details

AuthorMing-doan

LicenseNo License

Categoryhttps://fap.fpt.edu.vn

Created

Updated

Size22 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Let FPT Academic Portal Prettier

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           New FAP
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Ming Doan
==/UserStyle== */

@-moz-document url-prefix("https://fap.fpt.edu.vn") {
 :root {
        --font-primary: Google Sans, Roboto, Arial;
        --font-secondary: Monospace;
        --bg-url: url("https://images2.thanhnien.vn/Uploaded/trinm/2023_01_04/fpthanoi01-130.jpg");
        --color-primary: #e66b21;
        --color-secondary: #e64221;
    }
    /* Reset CSS */
    * {
        font-family: var(--font-primary);
    }
    tr {
        border-bottom: none;
    }
    body {
        height: 100vh;
        background-image: var(--bg-url);
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    /* Container */
    .container {
        height: 100%;
        width: 100%;
        padding: 20px 80px;
        margin: 0;
        display: flex;
        flex-direction: column;
        background-color: transparent;
        overflow-y: auto;
    }
    .container .row:nth-child(1) .col-md-4 {
        display: none;
    }
    /* Large Title + Content */
    .container .row {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    /* Large Title */
    .container .row:nth-child(1) .col-md-4 {
        display: none;
    }
    .container .row:nth-child(1) .col-md-8 {
        padding: 0;
        padding-bottom: 10px;
    }
    .container .row:nth-child(1) .col-md-8 h1 {
        padding: 0;
        font-size: 42px;
        font-weight: 900;
        background: -webkit-linear-gradient(0deg, var(--color-primary), var(--color-secondary));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    /* User content */
    #ctl00_divUser {
        float: none !important;
        margin-right: 0 !important;
        padding: 15px 20px;
        background-image: linear-gradient(45deg, var(--color-primary), var(--color-secondary));
        border-radius: 10px;
        font-size: 0;
        display: flex;
    }
    #ctl00_divUser a:nth-child(1) span {
        padding: 0;
        font-size: 16px;
        color: black;
        background-color: transparent;
        padding-right: 10px;
        border-right: 1px solid black;
        border-radius: 0;
        font-family: var(--font-secondary);
        transition: .2s;
    }
    #ctl00_divUser a:nth-child(1) span:hover {
        color: white;
        text-decoration: none;
    }
    #ctl00_divUser a:nth-child(2) {
        padding: 0;
        font-size: 16px;
        color: black;
        background-color: transparent;
        font-family: var(--font-secondary);
        order: 2;
        transition: .2s;
    }
    #ctl00_divUser a:nth-child(2):hover {
        color: white;
    }
    #ctl00_lblCampusName {
        font-size: 16px;
        padding: 0;
        color: black;
        background-color: transparent;
        order: 1;
        flex: 1;
        text-align: start;
        padding-left: 10px;
        font-family: var(--font-secondary);
        transition: .2s;
    }
    #ctl00_lblCampusName:hover {
        color: white;
    }
    /* Content */
    .container .row:nth-child(2) .col-md-12 {
        padding: 0;
    }
    .breadcrumb {
        border-radius: 10px;
        display: flex;
        margin: 10px 0;
        backdrop-filter: blur(8px);
        background-color: rgba(255, 255, 255, .2)
    }
    .breadcrumb li {
        margin-bottom: 0;
    }
    .breadcrumb li #ctl00_lblNavigation a {
        color: var(--color-primary);
        font-weight: 600;
    }
    .breadcrumb li #ctl00_lblNavigation b {
        font-weight: 100;
    }
    /* Main content */
    table tbody tr {
        background-color: transparent;
    }
    table tbody tr:nth-child(1) td > div {
        background-color: white;
        border-radius: 10px;
        padding: 20px;
    }
    table tbody tr:nth-child(1) td div p {
        margin: 0;
    }
    /* Footer */
    table tbody tr:nth-child(1) td #ctl00_divDN {
        background-color: black;
        padding: 0;
    }
    table tbody tr:nth-child(2) td table {
        border: none !important;
        background-color: black;
        border-radius: 10px;
    }
    table tbody tr:nth-child(2) td table tbody tr td p,
    table tbody tr:nth-child(2) td table tbody tr td div {
        text-align: center;
        color: white;
        font-size: 14px;
    }
    table tbody tr:nth-child(2) td table tbody tr td p a,
    table tbody tr:nth-child(2) td table tbody tr td div a {
        font-size: 16px;
        color: var(--color-primary);
    }
    table tbody tr:nth-child(2) td table tbody tr td {
        border: none;
    }
    @media only screen and (max-width: 900px) {
        .container {
            padding: 20px 40px;
        }
    }
    @media only screen and (max-width: 640px) {
        .container {
            padding: 20px;
        }
        #ctl00_lblCampusName {
            display: none;
        }
        #ctl00_divUser a:nth-child(1) {
            flex: 1;
        }
    }
}

@-moz-document url("https://fap.fpt.edu.vn/Default.aspx") {
    body {
        height: 100vh;
        background-image: var(--bg-url);
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    /* Container */
    .breadcrumb {
        display: none;
    }
    /* Content */
    .container .row:nth-child(2) .col-md-12 {
        padding: 0;
    }
    /* Main content */
    table tbody tr {
        background-color: transparent;
        border: none;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(1) {
        display: none;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div fieldset legend {
        display: none;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) {
        width: 100%;
        padding: 0;
    }
    table tbody tr:nth-child(1) td div {
        padding: 0;
        background-color: rgba(255,255,255,0.1) !important;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div {
        height: fit-content !important;
        border: none !important;
        border-radius: 10px;
        backdrop-filter: blur(8px);
        background-color: rgba(255,255,255,0.1) !important;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div br {
        display: none;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform {
        padding: 40px;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row::before {
        content: none;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(1) {
        flex: 1;
        padding: 0;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(2) {
        flex: 2;
        padding: 0;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(1) select {
        width: 100%;
        background-image: none;
        text-shadow: none;
        border-radius: 10px;
        border: none;
        box-shadow: none;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(2) div {
        margin-left: 0 !important;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(2) > div > div {
        width: 100% !important;
        box-shadow: none;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(2) > div > div > div {
        margin-right: 0;
        display: flex;
        justify-content: center;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(2) > div > div > div > div {
        width: fit-content !important;
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(2) > div > div > div > span > span {
        color: black
    }
    table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(2) > div > div:hover {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
    }
    /* Footer */
    table tbody tr:nth-child(2) td table {
        background-color: transparent;
    }
    table tbody tr:nth-child(2) td table tbody tr:nth-child(2) td p {
        font-size: 14px;
        color: black;
    }
    table tbody tr:nth-child(2) td table tbody tr:nth-child(2) td p a {
        color: var(--color-primary);
    }
    @media only screen and (max-width: 700px) {
        .container {
            padding: 20px 40px;
        }
        table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row {
            flex-direction: column;
            justify-content: center;
            align-items: stretch;
        }
        table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(1) {
            flex: 1;
        }
        table tbody tr td div #ctl00_mainContent_divcontent div .col-md-6:nth-child(2) div #loginform center .row .col-sm-4:nth-child(2) {
            f...

Reviews

No reviews yet.