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
Code size25 kB
Code checksumc72b91fa
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...