Style do Bạch lão Bản tự ngu tự nhạc.
GiangThe style by hinaftw
Details
Authorhinaftw
LicenseBạch Lão Bản
Categoryuserstyles
Created
Updated
Size25 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 giangthe.com
@version 20211114.15.04
@namespace userstyles.world/user/hinaftw
@description Userstyleworl
@author hinaftw
@license No License
==/UserStyle== */
@-moz-document domain("giangthe.com") {
body {
background: #fff!important;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.container-fluid {
max-width: 100%;
}
section.content.container:nth-child(5),
section.content.container:nth-child(5) > div.container.contents.mt-3:nth-child(3) > div.row > div.home-section,
body > section > div > div > div:nth-child(1),
body > section > div > div > div:nth-child(2),
section.content.container,
div.container.contents.mt-3,
div.body-section.row,
div.update-section,
.update-section,
.col-sm-6,
.col-md-6 {
width: 100%;
overflow: visible;
box-shadow: none;
border-radius: 0px;
}
div.container.contents.mt-3:last-child > div.body-section.row > div.col-sm-6.col-md-6:first-child > div.update-section {
width: 100%;
height: auto;
overflow: visible!important;
}
div.slick-list.draggable,
div.home-content.slide.arrow-location-center-02.slick-initialized.slick-slider {
overflow: visible!important;
width: 100%;
height: auto;
}
div.update-section > ul.home-scroll {
width: 100%;
height: auto;
overflow-x: hidden!important;
overflow-y: visible!important;
}
.main-list {
margin-top: 0 !important;
background: white;
border-radius: 0;
padding: 15px;
border-bottom: none;
min-height: 550px;
box-shadow: none;
}
/*Header*/
.div-logo .logo {
display: none;
}
.div-logo {
width: 50px;
height: 50px;
}
section.fs-6.bg-story.pt-4.pb-5 {
background: #dce3e4!important;
}
header,
header .header {
background: #dce3e4!important;
}
header .navigation {
padding-left: 22px;
height: auto;
background: #dce3e400!important;
}
header .navigation a {
font-family: 'nunito'!important;
font-size: 12pt;
font-weight: bold;
padding: 4px;
border-radius: 6px;
background: #3555430d!important;
box-shadow: #0b86410d 0px 20px 20px -10px;
transition: ease .6s;
}
header .navigation a:hover {
border-radius: 2px;
background: #fff!important;
color: rgb(11, 134, 65)!important;
box-shadow: rgb(64, 113, 86) 0px 12px 3px -12px;
transition: ease .4s;
}
header .navigation {
position: absolute;
top: 0;
}
.mt-3 .container {
margin: -10px 0px 5px 10px;
width: 300px;
}
#follow > span > i {
font-size: 18pt;
color: rgb(72, 160, 76)!important;
border-radius: 3px;
background: #f2f6f1;
padding: 4px 5px;
box-shadow: 0px 2px 0px #00000038;
transition: ease .4s;
}
#follow > span > i:hover {
border-radius: 30px;
background: #fff;
padding: 4px 7px;
box-shadow: 0px 2px 0px #00000038;
}
#follow > span {
color: rgba(255, 255, 255, 0);
}
#follow {
position: absolute;
left: 0px;
top: 0px;
width: 40px;
height: 40px;
transition: ease .4s;
}
#follow:hover {
position: absolute;
top: -5px;
transition: ease .4s;
}
.notification {
padding: 0px 3px;
border-radius: 15px;
margin-top: 0px;
background: #fff;
box-shadow: 0px 2px 0px #00000038!important;
transition: ease .4s;
max-height: 26px;
z-index: 1000;
}
.notification:hover {
border-radius: 25px;
margin-top: -5px;
background: #f2f6f1;
box-shadow: 0px 2px 0px #00000038!important;
}
button.notification:nth-child(1) {
z-index: 1000;
}
/*User*/
div.col-lg-3:nth-child(3) {
position: absolute;
right: 10px;
top: 0px;
width: 300px;
padding: 10px;
}
/*Search*/
.col-12,
.col-lg-6,
.col-xl-6,
.col-md-6 {
width: 90%;
margin: 20px auto auto;
}
header .header .search input {
height: 50px;
padding-left: 15px;
border-radius: 30px;
font-size: 12pt;
box-shadow: inset 0px 50px 0px #fcfcfc,
0px 7px 7px rgba(0, 0, 0, 0.07),
0px 7px 7px rgba(0, 0, 0, 0.15),
0px 3px 3px rgba(0, 0, 0, 0.20);
transition: ease .4s;
border: 3px solid #fcfcfc;
}
header .header .search input:hover {
font-size: 14pt;
box-shadow: inset 0px 50px 0px #fff, 0px 1px #0003;
transition: ease .4s;
margin: auto;
}
header .btn-search {
margin-top: 3px;
margin-right: 3px;
height: 44px;
width: 44px;
border-radius: 30px;
background: #fff;
transition: ease .4s;
}
header .btn-search:hover {
background: #ffd000;
transition: ease .4s;
}
.fa-search {
margin-top: 5px;
font-size: 1.8em;
color: #000;
transition: ease .4s;
}
.fa-search:hover {
margin-top: 5px;
font-size: 1.8em;
transition: ease .2s;
}
.hide-mobile {
display: none;
}
/*Home Cards: Truyện vip đọc nhiều trong ngày*/
div.container:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div,
div.container:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div,
div.container:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div,
div.container:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div,
div.container:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div,
div.container:nth-child(8) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div,
div.container:nth-child(9) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div {
background: #ecf5ec;
padding: 10px;
border: #fff 3px solid;
border-radius: 7px;
transition: ease .4s;
}
div.container:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:hover,
div.container:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:hover,
div.container:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:hover,
div.container:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:hover,
div.container:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:hover,
div.container:nth-child(8) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:hover,
div.container:nth-child(9) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:hover {
background: #d6e4d1;
border: #d6e4d1 3px solid;
transition: ease .4s;
}
/*Home Cards: Truyen Cover*/
div.container:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > img:nth-child(1),
div.container:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > img:nth-child(1),
div.container:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div> div:nth-child(1) > a:nth-child(1) > img:nth-child(1),
div.container:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div> div:nth-child(1) > a:nth-child(1) > img:nth-child(1),
div.container:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > img:nth-child(1),
div.container:nth-child(8) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div> div:nth-child(1) > a:nth-child(1) > img:nth-child(1),
div.container:nth-child(9) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > img:nth-child(1)
{
border-radius: 3px;
box-shadow: #00000008 0px 10px 5px -5px,
rgb(155, 190, 170) 0px 10px 5px -7px;
transition: ease .4s;
}
div.container:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > img:nth-child(1):hover,
div.container:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > img:nth-child(1):hover,
div.container:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div> div:nth-child(1) > a:nth-child(1) > img:nth-child(1):hover,
div.container:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div> div:nth-child(1) > a:nth-child(1) > img:nth-child(1):hover,
div.container:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > img:nth-child(1):hover,
div.container:nth-child(8) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div> div:nth-child(1) > a:nth-child(1) > img:nth-child(1):hover,
div.container:nth-child(9) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > img:nth-child(1):hover
{
border-radius: 3px;
box-shadow: #0009 0px 8px 2px -7px,
rgb(155, 190, 170) 0px 10px 5px -7px;
transition: ease .4s;
}
/*Home Card: Ten truyen*/
div.container:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > b:nth-child(2) ,
div.container:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > b:nth-child(2),
div.container:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > b:nth-child(2),
div.container:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1) > a:nth-child(1) > b:nth-child(2),
div.container:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div> div:nth-child(1) > a:nth-child...