Mobile
giangthe.com by hinaftw
Details
Authorhinaftw
LicenseNo License
Categoryuserstyles
Created
Updated
Size18 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;
}
/*Title*/
#booknameholder {
color: #000!important;
font-family: 'nunito'!important;
font-size: 19pt!important;
}
.text-secondary {
font-size: 14pt;
margin-top: 10px;
color: #000!important;
font-family: 'nunito'!important;
}
/*Navigation*/
.tm-reader-top-nav {
box-shadow: inset 0 120px #fff;
}
.d-flex {
margin: 25px 0px;
}
.d-flex a {
color: #5e5e5e!important;
font-family: 'nunito'!important;
font-size: 13pt!important;
font-weight: bold;
line-height: 200%;
padding: 5px;
border-radius: 3px;
transition: ease .4s
}
.d-flex a:hover {
color: #000!important;
background: #dce3e4;
border-radius: 30px;
z-index: 1000;
box-shadow: 0px 2px 0px #00000038,
0px 4px 3px rgba(0, 0, 0, .26);
transition: ease .4s;
}
.contentbox {
background: #fff!important;
}
/*Muc Luc*/
.col-md-4,
.tt-chapter {
display: flex;
box-sizing: border-box;
flex-direction: column;
width: 100%;
}
/*Reader view*/
.contentbox p {
text-align: justify;
font-family: 'nunito'!important;
line-height: 140%;
font-size: 16.5pt!important;
-webkit-text-stroke-width: 0.2px;
padding: 10px;
}
p > i {
Cursor: text !important;
Text-Decoration: None !important;
}
/*Home page*/
/*Binh Luan*/
#comment {
line-height: 130%;
border-radius: 5px;
}
#list-comment > div.d-flex.comment {
background: #fff!important;
border-radius: 5px;
text-align: justify;
font-size: 10pt;
padding: 5px;
border: #f1f1f1 1px solid;
box-shadow: #00000040 0px 1px;
}
div.sec-top.bg-light.p-3 {
background: #fff!important;
font-family: 'nunito'!important;
color: #5d5f6b;
font-size: 12pt;
}
img.comment-avatar {
border-radius: 50px;
width: 40px;
height: 40px;
margin: 10px 0px 0px 10px;
}
/*Tóm tắt truyện*/
section.fs-6.bg-story.pt-4.pb-5:nth-child(3) > div.container.px-md-4.px-sm-0.px-0.bg-main-story > div.bg-white:nth-child(4) > div.p-2.bt:last-child {
text-align: justify;
font-size: 10pt;
line-height: 130%;
background: #f9f8f8;
margin: 0px 10px;
width: 97%;
border-radius: 5px;
}
a > div.title.col-md-9 > b {
color: black;
font-size: 1.3em;
}
div.slick-track > div.slick-slide.slick-active {
width: 50%;
}
div.slick-track > div.slick-slide.slick-active > div {
width: 50%;
}
div.slick-track > div.slick-slide.slick-active > div > a {
width: 50%;
}
.cap img {
width: 100%;
height: auto;
}
.chaplastreaded {
background: none;
}
.chaplastreaded a {
color: #bd6806!important;
}
#nsbox > div.rowedit:last-child {
justify-content: center;
}
#nsbox {
background: #e6ebec!important;
}
button.btn.btn-info {
background: #fff!important;
border: #00000082 1px solid;
}
button.btn.btn-info:hover {
background: #e6ebec!important;
border: #000000b8 1px solid;
}
header .navigation a {
color: #243630!important;
}
#addnamebox .close {
font-size: 2em;
padding: 0px 10px;
border-radius: 3px;
}
#addnamebox .close:hover {
background: #00000036;
}
.bt .d-flex {
max-width: 300px;
padding: 6px 0px 0px 0px;
border-radius: 40px;
}
.d-flex .position-relative {
max-width: 1000px;
}
.position-relative .img-user {
position: fixed;
bottom: 14px;
left: 60px;
width: 47px!important;
height: 47px!important;
border: #fff 3px solid;
box-shadow: 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 .6s;
z-index: 1000;
}
.position-relative .img-user:hover {
width: 78px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.58);
transition: ease .4s;
}
.bt .d-flex span {
margin-left: 10px;
font-size: 1.5em;
font-weight: bold;
font-family: 'serif'!important;
background: url(https://media1.giphy.com/media/9JwVkc9A4efEUiu6Qh/giphy.gif);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-clip: border-box;
color: rgb(0, 0, 0);
-webkit-background-clip: text;
transition: ease .4s;
}
.main-list-user .text-center a {
font-weight: bold;
background: url(https://media1.giphy.com/media/9JwVkc9A4efEUiu6Qh/giphy.gif);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-clip: border-box;
color: transparent;
-webkit-background-clip: text;
background-position: center;
text-shadow: 0 0 8px #ffffff;
border-radius: 30px!important;
}
body > section > div.text-center.pt-4 > img {
border-radius: 300px!important;
}
body > section > div.text-center.pt-4 > a {
font-size: 1rem!important;
color: #000;
font-weight: normal;
;
}
/*Notification dialog*/
#comment > div.modal-dialog > div.modal-content > div.modal-body > ul > a.text-secondary > li,
#noti > div.modal-dialog > div.modal-content > div.modal-body > ul > a.text-secondary > li {
background: #f2f6f1;
border: #ced6d7 1px solid;
border-radius: 5px;
padding: 4px;
font-size: 12pt;
transition: ease ...