Last active
November 12, 2023 08:07
-
-
Save bibicadotnet/45b3a226884272f90595260501142a16 to your computer and use it in GitHub Desktop.
Child Theme được tạo từ GeneratePress
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Theme Name: bibica.net | |
Theme URI: https://bibica.net | |
Description: Child Theme được tạo từ GeneratePress | |
Author: bibica | |
Author URI: https://bibica.net | |
Template: generatepress | |
Version: 1.1 | |
*/ | |
/* Ẩn sidebar bên phải trên các thiết bị di động */ | |
@media(max-width: 1024px) { | |
#right-sidebar { | |
display: none; | |
} | |
#primary { | |
width: 100%; | |
float: none; | |
left: 0; | |
} | |
.content-area { | |
padding-left: 20px!important; | |
} | |
} | |
@media(max-width: 768px) { | |
#right-sidebar { | |
display: none; | |
} | |
#primary { | |
width: 100%; | |
float: none; | |
left: 0; | |
} | |
.content-area { | |
padding-left: 0px!important; | |
} | |
} | |
/* Sửa nút back to top*/ | |
.generate-back-to-top, | |
.generate-back-to-top:visited { | |
border-radius: 20px; /* làm tròn */ | |
line-height: 40px; /* chiều cao */ | |
width: 40px; /* độ to */ | |
} | |
/* Thêm read more nằm bên phải */ | |
.read-more, | |
.read-more:visited { | |
display: block; | |
float: right; | |
margin-top: 1em; | |
padding: 1px 1px; | |
border-bottom: 2px solid rgba(44, 212, 217, 0.6); | |
color: #5333ed!important; | |
position: relative !important; | |
cursor: auto !important; | |
cursor: pointer !important; | |
} | |
/* Bo tròn và đổ bóng khung bài viết */ | |
.inside-article { | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
border-radius: 3px; | |
} | |
/* Thêm gạch ngang màu đỏ nhạt ở các link trong bài viết */ | |
.entry-content a { | |
border-bottom: 2px solid rgba(236, 69, 72, 0.7); | |
} | |
/* Bo tròn Widget*/ | |
.widget { | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
border-radius: 3px; | |
} | |
/*Làm trong suốt nền phần chia trang */ | |
.paging-navigation | |
{ | |
background-color: transparent !important; | |
} | |
/*Cho phần link chia trang lên cao gần bài viết */ | |
.nav-links { | |
margin-top: -1em; | |
} | |
/*Cho phần site-footer lên cao gần bài viết | |
.site-footer { | |
margin-top: -2em; | |
}*/ | |
/* Bo tròn và đổ bóng khung phần comment */ | |
.comments-area | |
{ | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
border-radius: 3px; | |
} | |
/* Ẩn border comment */ | |
.comment-content { | |
border:0px !important; | |
margin-top: 1em!important; | |
padding: 5px 0px!important; | |
} | |
.children { | |
border:0px !important; | |
margin-top: -2em!important; | |
padding-left: 10px!important; | |
} | |
.comment:not(.depth-1) .children{ | |
border:0px !important; | |
padding-left: 0 !important; | |
margin-left: 0 !important; | |
} | |
.comments-area { | |
background-color: transparent !important; | |
padding-inline: 0 !important; | |
margin-top: -1em!important; | |
} | |
.comments-area div#comments :is(ol >li, .comments-title) { | |
background-color: white; | |
border-radius: 3px!important; | |
padding-inline: 30px; | |
} | |
.comments-area div#comments .comments-title { | |
margin-bottom: 0; | |
padding-block: 20px; | |
margin-top: -10px!important; | |
} | |
.comments-area div#comments ol { | |
display: flex; | |
flex-direction: column; | |
row-gap: 15px; | |
} | |
div#respond { | |
background-color: white; | |
padding: 20px 30px; | |
margin-bottom: 30px!important; | |
border-radius: 3px!important; | |
margin-top: -10px!important; | |
} | |
.comments-area { | |
margin-bottom: -50px!important; | |
} | |
/* Làm trong suốt nền phần box (review, toolbox ….) */ | |
.page-header{ | |
background-color: transparent !important; | |
} | |
.commend-post{ | |
color: #1e72bd!important; | |
} | |
.view-post { | |
color: #e56a39!important; | |
} | |
.category-sticky{ | |
border:0px solid #FFFF; | |
} | |
/* Tăng khoảng cách EnlighterJS Syntax Highlighter */ | |
.enlighter-code{ | |
color: #212529; | |
background-color: #f8f9fa; | |
background-color: #282a36; | |
padding: 10px 5px 10px 5px; | |
} | |
/* Tạo đường viền quanh các ảnh */ | |
.wp-show-posts-image img { | |
display: block; | |
border-radius: 3px; | |
border: 0.1px solid #b2b2be; | |
} | |
.post-image img { | |
border-radius: 3px; | |
border: 0.1px solid #b2b2be; | |
} | |
/* content images size */ | |
.entry-content img { | |
max-width: 768 px !important; | |
height: auto; | |
display: block; | |
border-radius: 5px; | |
} | |
.featured-image img { | |
border-radius: 3px; | |
border: 0.1px solid #b2b2be; | |
} | |
/* Giảm khoảng cách tiêu đề ở Featured posts */ | |
.wp-block-heading{ | |
margin-top: -0.6em!important; | |
} | |
/*Widget bên phải sticky*/ | |
.inside-right-sidebar { | |
position: sticky; | |
top: 0; | |
z-index: 99; | |
} | |
/* Bo tròn button post comment */ | |
.comments-area button:hover, .comments-area input[type=button]:hover, .comments-area input[type=reset]:hover, .comments-area input[type=submit]:hover, .comments-area a.button:hover, .comments-area button:focus, .comments-area input[type=button]:focus, .comments-area input[type=submit]:focus, .comments-area a.button:focus { | |
color: #fff; | |
background-color: #222222; | |
border-radius: 3px; | |
} | |
.comments-area button, .comments-area input[type=button], .comments-area input[type=submit], .comments-area a.button { | |
color: #fff; | |
background-color: #575760; | |
border-radius: 3px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment