CSS them 20
.entry-summary { margin: 2em 0 0; display: none; }
.widget ul li {
position: relative;
padding: 0;
color: #36bb63;
border-bottom: 1px solid rgba(0,0,0,0.05);
border-top: 1px solid rgba(255,255,255,0.12);
list-style-type: none;
position: relative;
padding-bottom: 5px;
}
#respond .comment-form-url {
display: none;
}
/* Subscribe Box */
#subscribe-box p{font-size:15px;color:#fff;margin:0 0 24px;padding:0;line-height:normal}#subscribe-box .emailfield{margin:auto}#subscribe-box .emailfield input{padding:15px;background-color:#67686d;color:#aaa;border:0;font-size:14px;margin-bottom:16px;border-radius:5px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);transition-delay:0.2s;width: 100%;}#subscribe-box .emailfield input:focus{color:#222;outline:none;box-shadow:0 2px 0.8rem -0.8rem rgba(0,0,0,0.8),0 0 0 1px rgba(0,0,0,0.05);transition-delay:0s}#subscribe-box .emailfield .submitbutton{background:rgba(255,255,255,.25);color:#fff;width:100%;font-size:15px;font-weight:bold;border:0;box-shadow:0 2px 3px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.13);transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}#subscribe-box .emailfield .submitbutton:active,#subscribe-box .emailfield .submitbutton:hover{background:rgba(0,0,0,0.15);color:#fff;box-shadow:0 0 0 rgba(0,0,0,0.1),0 0 0 rgba(0,0,0,0.1)}
#HTML98 {
border: 0;
border-radius: 12px;
background: #8d8e94;
padding: 10px;
max-width: 87rem;
width: calc(100% - 8rem);
margin: 20px 0 0;
margin-left: auto;
margin-right: auto;
}
#HTML98 h2,#HTML98 h3{color:#fff}
#HTML98 h3 {
color: #fff;
margin: -10px -10px 10px;
padding: 10px;
}
.quangcaoads {
width: calc(100% - 8rem);
margin-left: auto;
margin-right: auto;
max-width: 120rem;
margin-bottom: 1em;
}
#pprivacy {
color: #868e96;
background-color: #f8f9fa;
font-size: 80%;
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.site-title a {background:#FF9800;background:-webkit-linear-gradient( left,#F44336 0%,#FF5722 25%,#E91E63 50%,#FFC107 100%) repeat;-webkit-background-clip:text;-ms-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-ms-text-fill-color:transparent;-moz-text-fill-color:transparent;text-fill-color:transparent;-webkit-animation-name:masked-animation;-webkit-animation-duration:100s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
@-webkit-keyframes masked-animation{0%{background-position:0 0}100%{background-position:-8000px -3000px}}
.pagination-single {
font-size: 2.4rem;
margin-top: 8rem;
max-width: 87rem;
width: calc(100% - 8rem);
}
.wplogout-social-wrapper {
margin: 30px 0;
font-size: 0;
margin-left: auto;
margin-right: auto;
max-width: 87rem;
width: calc(100% - 8rem);
}
.wplogout-social-wrapper span {
font-weight: bold;
padding-right: 10px;
font-size: 16px;
}
.wplogout-social-sharing {
font-size: 17px;
padding: 7px 20px;
}
@media only screen and (max-width: 600px) {
.wplogout-social-sharing {
font-size: 17px;
padding: 7px 12px;
display: inline-block;
}
}
.wplogout-social-sharing svg {
position: relative;
top: 0.15em;
display: inline-block;
}
.wplogout-social-sharing:first-of-type {
border-radius: 100px 0 0 100px;
}
.wplogout-social-sharing:last-of-type {
border-radius: 0 100px 100px 0;
}
.wplogout-social-facebook {
fill: #fff;
background-color: rgba(59, 89, 152, 1);
}
.wplogout-social-facebook:hover {
background-color: rgba(59, 89, 152, .8);
}
.wplogout-social-twitter {
fill: #fff;
background-color: rgba(29, 161, 242, 1);
}
.wplogout-social-twitter:hover {
background-color: rgba(29, 161, 242, .8);
}
.wplogout-social-pinterest {
fill: #fff;
background-color: rgba(189, 8, 28, 1);
}
.wplogout-social-pinterest:hover {
background-color: rgba(189, 8, 28, .8);
}
.wplogout-social-linkedin {
fill: #fff;
background-color: rgba(0, 119, 181, 1);
}
.wplogout-social-linkedin:hover {
background-color: rgba(0, 119, 181, .8);
}
.wplogout-social-whatsapp {
fill: #fff;
background-color: rgba(37, 211, 102, 1);
}
.wplogout-social-whatsapp:hover {
background-color: rgba(37, 211, 102, .8);
}
.wplogout-social-reddit {
fill: #fff;
background-color: rgba(255, 87, 0, 1);
}
.wplogout-social-reddit:hover {
background-color: rgba(255, 87, 0, .8);
}
.read-more {
display: none;
}
.relatedcat {
margin: 20px 0 0;
background: #fff;
border: 1px solid #bce8f1;
border-radius: 4px;
padding: 10px;
margin-left: auto;
margin-right: auto;
max-width: 87rem;
width: calc(100% - 8rem);
}
.relatedcat h3 {
color: #fff;
margin: -10px -10px 10px;
background: #9a9494;
padding: 10px;
font-weight: 500;
line-height: normal;
}
.relatedcat ul {
margin-left: 0;
}
.relatedcat ul li {
list-style-type: none;
color: #222;
line-height: 24px;
overflow: hidden;
border-bottom: 1px dashed #ccc;animation-fill-mode
padding: 6px 0;
}
.relatedcat ul li a {
color: #222;
}
.entry-content h2 { position:relative;padding:10px 0;border-bottom:3px solid #ff0000;}
.entry-content h3{color:#333;}
.entry-content h4,.entry-content h5,.entry-content h6{color:#333;}
.rbz-info {
background: #eaebed;
margin: 30px auto 10px;
display: block;
position: relative;
padding: 35px 25px 25px;
overflow: hidden;
max-width: 87rem;
width: calc(100% - 8rem);
}
.rbz-info{background:#EAEBED;margin:30px auto 10px;display:block;position:relative;padding:35px 25px 25px;overflow:hidden}
.rbz-info::before{content:"";display:block;width:100%;height:88px;background: #9ca2ae;position:absolute;top:0;left:0;right:0;z-index:0}
.authorname{font-size:20px;font-weight:700!important;padding:0!important;display:block;margin:17px 0 32px!important;text-transform:uppercase}
.author-photo{display:inline-block;float:left;position:relative;z-index:1}
.author-photo img{width:90px;height:90px;border-radius:99em;z-index:1;border:7px solid #EAEBED}
.about-author{z-index:1;position:relative;display:inline-block;float:right;width:calc(100% - 125px)}
.author-desc{font-size:15px;font-weight:400;line-height:1.6em;color:#777}
ul.sosmed-saya{display:block;overflow:hidden;margin:20px auto 10px;padding:0}
ul.sosmed-saya li a,ul.sosmed-saya li.site{display:inline-block;margin-right:7px;margin-bottom:5px;font-size:15px;padding:0;width:45px;height:30px;line-height:30px;color:#fff;text-align:center;border-radius:2px}
ul.sosmed-saya li {display: inline-block;}
.author a, .author a:hover {color: #fff;}
ul.sosmed-saya li.site{width:auto;background-color:#fff;border:1px solid #bdc3c7;padding:0 15px;font-style:italic;font-size:14px;color:#999}
@media screen and (max-width:600px){
.rbz-info {padding: 30px 15px 20px;width:80%}
.author {margin: 20px 0 35px !important;}
}
@media screen and (max-width:480px){
.rbz-info{margin:30px auto 10px;text-align:center}
.author-photo{display:block;float:none}
.about-author{display:block;float:none;width:100%;text-align:center}
.author{text-align:center;display:block;margin:15px 0 25px!important}
.author-desc{text-align:center}
ul.sosmed-saya{display:block;text-align:center}
ul.sosmed-saya li{display:inline-block;text-align:center;}
.author a,.author a:hover{color:#888}
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 0%;
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 0%;
}
.wp-block-group {
padding: 10px;
border: 2px solid #d9e3ea;
}
.entry-content p a:hover {
color: #276ae6;
padding: 5px;
border: 1px dashed;
font-weight: 600;
}
.comments .comment {
margin: 5px;
padding-top: 5rem;
padding: 20px;
border: 2px solid #f0f0f0;
position: relative;
border-radius: 13px;
}
.comment-body:before{
content: "";
position: absolute;
top: 6px;
left:-30px;
z-index: 1;
border: solid 15px transparent;
border-right-color: #c9d4ea;
}
.comment-body {
display: block;
background: #c9d4ea;
border: 1px solid #f0f0f0;
border-radius: 13px;
}
.comment-pagination {
padding: 25px 0;
}
.page-numbers.current {
background: #ff6200;
color: #fff;
border: 1px solid #ff6600;
text-decoration: none;
border: 1px solid #dfdfdf;
background: #f0f0f0;
padding: 10px 10px;
border-radius: 3px;
color: #999;
}
.page-numbers, .page-numbers:visited {
border: 1px solid #dfdfdf;
background: #f0f0f0;
padding: 10px 10px;
border-radius: 3px;
color: #999;
margin: 3px;
}
a:focus, a:hover {
text-decoration: none;
color: #0366d6;
}
.entry-content p a:not(.button):not(.wp-block-file__button){color:#222;transition:background-position .3s linear,box-shadow .15s linear 0s;background-image:linear-gradient(to right,#ffdb6d,#ffdb6d,#27cba4);background-size:400%;background-repeat:no-repeat;background-position:0 1.1em;cursor:pointer}
.entry-content p a:hover:not(.button):not(.wp-block-file__button){background-image:linear-gradient(to right,#ffdb6d,#27cba4,#ffdb6d);}
.entry-title a:focus, .entry-title a:hover {
text-decoration: none;
}
a {
text-decoration: none !important;
box-shadow: none !important;
}
body, input, textarea, button, .entry-content, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
p.read-more-container {
display: none !important;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 87rem;
width: calc(100% - 8rem);
}
@media (min-width: 700px) {
.footer-widgets {
margin-left: 4rem;
width: 100%;
}}
.capnhatbv {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #ee9d00;
color: #000;
padding: 10px 5px 10px 62px;
margin-left: auto;
margin-right: auto;
max-width: 87rem;
width: calc(100% - 8rem);
}
#fixed-button {
position: fixed;
top: calc(50% - 40px);
right: 0;
background: #fefefe;
border: .05rem solid #dadee4;
border-right: 0;
border-radius: .2rem 0 0 .2rem;
overflow: hidden;
}
#fixed-button button{display:block;background:inherit;border:0;z-index: 9999999999;font-size: 0.3rem;opacity: 1;}
.breadcrumbs {
padding: 15px 0;
list-style: none;
border-radius: 4px;
margin-left: auto;
margin-right: auto;
max-width: 87rem;
width: calc(100% - 8rem);
border: 1px solid #ddd;
padding: 20px;
}
.previous-post, .next-post {
color: #fff;
background-color: #c9d4de;
text-align: center;
height: 34px;
line-height: 34px;
font-size: 14px;
border: 1px solid;
padding: 0 20px;
margin-bottom: 30px;
text-transform: uppercase;
border-radius: 4px;
font-weight: bold;
}
.featured-media img{
display: inline-block;
position: relative;
float: left;
margin: 0 20px 0 0;
width: 180px;
height: 130px;
padding: 0;
z-index: 2;
overflow: hidden;
}
.home .entry-content, .category .entry-content {
text-align: justify;
}
.singular .entry-header {
background-color: #fff;
padding: 4rem 0;
}
@media (min-width: 700px)
.post-inner {
padding-top: 0;
}
.post-inner {
padding-top: 0;
}
#site-header {
background: #f7f9f8;
position: relative;
}
.singular .intro-text {
display: none;
}
h1.entry-title, h2.entry-title {
font-size: 4.4rem;
}
.post-meta-wrapper.post-meta-single-bottom {
margin-top: 0;
}
.footer-top-visible .footer-nav-widgets-wrapper {
margin-top: 5rem;
background: #f7f9f8;
}
#site-footer {
font-size: 1.8rem;
padding: 4.3rem 0;
background: #f7f9f8;
border-color: #0a0a0a;
}
.bottom-bartop{display:block;height:6px;background:linear-gradient(to right,#4BC0C8,#C779D0,#FEAC5E);top:0}
.bottom-bar {
display: block;
height: 6px;
background: linear-gradient(to right,#4BC0C8,#C779D0,#FEAC5E);
bottom: 0;
}
body{overflow:hidden;}
html::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
border-radius: 10px;
}
html::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
html::-webkit-scrollbar-thumb
{
background-color: #AAA;
border-radius: 10px;
background-image: -webkit-linear-gradient(90deg,rgba(0, 0, 0, .2) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, .2) 50%,rgba(0, 0, 0, .2) 75%,transparent 75%,transparent)
}
.entry-content hr, hr.styled-separator {
max-width: 100px !important;
margin: 8rem auto;
}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a {
color: #696969;
}
.social-icons a, #site-footer button:not(.toggle), #site-footer input[type="button"], #site-footer input[type="reset"], #site-footer input[type="submit"] {
background-color: #3d3c3c;
}
a {
color: #000000;
}