changed the font and added new style for the table
hpnet.vn new style by Minhpd87
Details
AuthorMinhpd87
LicenseNo License
Categoryhttps://qlvb.hpnet.vn/
Created
Updated
Size11 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 hpnet.vn new style
@version 20230912.15.40
@namespace userstyles.world/user/Minhpd87
@description changed the font and added new style for the table
@author Minhpd87
@license No License
==/UserStyle== */
@-moz-document domain("qlvb.hpnet.vn"),
domain("vpdt.hpnet.vn"), domain("qlvb2.hpnet.vn") {
.label,
.table.table-light > thead > tr > th,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Google Sans", sans-serif!important
}
a,
button,
code,
div,
img,
input,
label,
li,
p,
pre,
select,
span,
svg,
table,
td,
textarea,
th,
ul {
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
outline: 0
}
.label {
text-shadow: none!important;
font-size: 12px;
font-weight: 300;
padding: 3px 6px;
color: #fff;
border: 0 solid #000;
border-radius: 5px!important
}
.bars,
.chart,
.pie,
.primary-font,
body,
html {
font-family: "Google Sans", sans-serif!important;
/* overflow: hidden; */
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
.table td,
.table th {
background-color: #f2f6fc!important
}
body {
background-color: #f2f6fc;
margin: 0 auto;
font-size: 16px
}
div.jtable-main-container {
font-weight: 300;
font-size: 14px;
background: #fff;
line-height: 1.3
}
div.jtable-main-container > div.jtable-title {
background-color: #d3e3fd;
padding-left: 10px;
border-bottom: none
}
div.jtable-main-container > div.jtable-title div.jtable-title-text {
font-size: 14px!important;
font-weight: 600;
line-height: 34px;
color: #202124
}
div.jtable-main-container > table.jtable,
div.jtable-main-container > table.jtable > tbody > tr > td {
border: 0
}
div.jtable-main-container > table.jtable > thead {
background-color: #d3e3fd
}
div.jtable-main-container > table.jtable > thead th {
font-weight: 600;
font-size: 14px;
color: #2c465f;
text-align: center;
padding: 4px 4px 8px;
border-bottom: 2.5px solid #305186
}
div.jtable-main-container > table.jtable > tbody > tr {
border-collapse: collapse;
box-sizing: border-box;
background-color: #f2f6fc;
border: 1px solid #d8d8da;
height: 40px;
position: relative !important;
box-shadow: inset 0-1px 0 0 rgba(100, 121, 143, .122);
color: #202124
}
div.jtable-main-container > table.jtable > tbody > tr:has(td.click-view div.is-van-ban-moi) {
background-color: #fff;
box-shadow: inset 0-1px 0 0 rgba(100, 121, 143, .122)
}
div.jtable-main-container > table.jtable > tbody > tr:has(td.click-view div.is-van-ban-moi) > td:nth-child(2) {
font-weight: 600
}
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(6) {
font-size: 12px
}
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(3) {
padding-left: 12px!important;
font-size: 13px;
}
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(3) > div > img {
display: none
}
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(3) > div > span[title] {
line-height: 1.3
}
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(10) > div {
margin-left: 4px
}
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(10) > div:nth-child(3) {
margin-left: 16px
}
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(2),
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(4),
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(7),
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(8),
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(9) {
font-size: 13px
}
div.jtable-main-container > table.jtable > tbody > tr > td:nth-child(5) {
overflow: hidden;
text-overflow: ellipsis;
text-align: start;
max-width: 210px;
font-size: 12px
}
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
padding: 8px 0 8px 10px
}
div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
background-color: #f2f6fc;
position: relative
}
div.jtable-main-container > table.jtable > tbody > tr:hover {
color: rgb(30 64 175)!important;
box-shadow: inset 1px 0 0#dadce0, inset -2px 0 0#dadce0, 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
z-index: 2;
background-color: #f2f6fc
}
div.jtable-main-container > table.jtable > tbody > tr:has(td.click-view div.is-van-ban-moi):hover {
color: rgb(30 64 175)!important;
box-shadow: inset 1px 0 0#dadce0, inset -2px 0 0#dadce0, 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
z-index: 2
}
div.jtable-main-container > div.jtable-bottom-panel {
background-color: #d3e3fd;
color: #5f6368;
min-height: 22.900000000000002px;
font-size: 13px;
border: 1px solid #f2f6fc;
border-top: 2px solid #305186
}
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space {
margin: 1px;
padding: 2px 5px;
background-color: #d3e3fd;
color: #5f6368
}
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover {
background-color: #9b9a9a42
}
div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
color: #5f6368
}
.jtable-data-row td {
font-size: 14px;
color: inherit;
}
.jtable-bottom-panel .button_add_new,
.jtable-bottom-panel .jtable-left-area,
.jtable-bottom-panel .jtable-right-area {
font-size: 13px;
padding-top: 4px
}
.jtable-page-number-active {
font-weight: 700;
color: #202124!important
}
#divLeftMenu ul li a.selected {
color: red;
font-weight: 700;
background: -moz-linear-gradient(top, #fff 0, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%)
}
#divFindAdv,
#vanbanView,
#vanbandiView,
.form-control,
.jtable-data-row td,
.ui-widge,
button,
div.jtable-busy-message,
div.jtable-main-container,
div.jtable-main-container > div.jtable-title div.jtable-title-text,
div.jtable-main-container > table.jtable > thead th,
div.officebar,
form.jtable-dialog-form {
font-family: "Google Sans", sans-serif!important
}
.jtable-left-area select {
color: #5f6368!important
}
:root {
font-smooth: always;
font-family: "Google Sans", sans-serif!important;
line-height: 1.5;
font-weight: 400;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%
}
@font-face {
font-family: "Google Sans";
font-weight: 400;
font-style: normal;
src: url(https://siedmohvmpoiupqncqtd.supabase.co/storage/v1/object/public/Fonts/GoogleSans-Regular.ttf)format("truetype")
}
@font-face {
font-family: "Google Sans";
font-weight: 700;
font-style: normal;
src: url(https://siedmohvmpoiupqncqtd.supabase.co/storage/v1/object/public/Fonts/GoogleSans-Bold.ttf)format("truetype")
}
@font-face {
font-family: "Google Sans";
font-weight: 700;
font-style: italic;
src: url(https://siedmohvmpoiupqncqtd.supabase.co/storage/v1/object/public/Fonts/GoogleSans-BoldItalic.ttf)format("truetype")
}
@font-face {
font-family: "Google Sans";
font-weight: 400;
font-style: italic;
src: url(https://siedmohvmpoiupqncqtd.supabase.co/storage/v1/object/public/Fonts/GoogleSans-Italic.ttf)format("truetype")
}
@font-face {
font-family: "Google Sans";
font-weight: 500;
font-style: normal;
src: url(https://siedmohvmpoiupqncqtd.supabase.co/storage/v1/object/public/Fonts/GoogleSans-Medium.ttf)format("truetype")
}
@font-face {
font-family:...