Let FPT Academic Portal Prettier
New FAP by Ming-doan
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
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...