W3C CSS Validator results for http://droidpluss.blogspot.com/ (CSS level 3)

Sorry! We found the following errors (1)

URI : https://droidpluss.blogspot.com/

47 .material-icons Property text-rendering doesn't exist : optimizeLegibility

↑ Top

Warnings (53)

URI : https://droidpluss.blogspot.com/

0 -webkit-animation is a vendor extension
0 -moz-animation is a vendor extension
0 -ms-animation is a vendor extension
0 -amp-start 8s steps(1,end) 0s 1 normal both is a vendor extension
0 Unrecognized at-rule @-webkit-keyframes
0 Unrecognized at-rule @-moz-keyframes
0 Unrecognized at-rule @-ms-keyframes
0 Unrecognized at-rule @-o-keyframes
0 -webkit-animation is a vendor extension
0 -moz-animation is a vendor extension
0 -ms-animation is a vendor extension
32 The property clip is deprecated
32 Invalid separator in shape definition. It must be a comma.
47 -moz-osx-font-smoothing is a vendor extension
75 -webkit-transform is a vendor extension
75 -webkit-backface-visibility is a vendor extension
75 -moz-box-sizing is a vendor extension
75 -webkit-box-sizing is a vendor extension
76 -webkit-transform is a vendor extension
76 -webkit-transition is a vendor extension
80 -moz-box-sizing is a vendor extension
80 -webkit-box-sizing is a vendor extension
92 -moz-box-sizing is a vendor extension
92 -webkit-box-sizing is a vendor extension
94 -webkit-box is a vendor extension
94 -webkit-line-clamp is a vendor extension
94 -webkit-box-orient is a vendor extension
97 -webkit-box is a vendor extension
97 -webkit-line-clamp is a vendor extension
97 -webkit-box-orient is a vendor extension
118 -webkit-transition is a vendor extension
138 -moz-box-sizing is a vendor extension
156 -moz-box-sizing is a vendor extension
156 -webkit-box-sizing is a vendor extension
157 -moz-box-sizing is a vendor extension
157 -webkit-box-sizing is a vendor extension
178 -moz-box-sizing is a vendor extension
178 -webkit-box-sizing is a vendor extension
187 -webkit-transform is a vendor extension
187 -ms-transform is a vendor extension
187 -o-transform is a vendor extension
207 -moz-box-sizing is a vendor extension
207 -webkit-box-sizing is a vendor extension
213 -webkit-animation-name is a vendor extension
213 -webkit-animation-duration is a vendor extension
213 -webkit-animation-fill-mode is a vendor extension
214 Unrecognized at-rule @-webkit-keyframes
217 -webkit-transform is a vendor extension
218 -webkit-transform is a vendor extension
232 -moz-box-sizing is a vendor extension
232 -webkit-box-sizing is a vendor extension
256 -moz-box-sizing is a vendor extension
256 -webkit-box-sizing is a vendor extension

↑ Top

Valid CSS information

@font-face {
font-family : 'Material Icons';
font-style : normal;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 500;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 700;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 300;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 500;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 700;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 900;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
}
.material-icons {
font-family : 'Material Icons';
font-weight : normal;
font-style : normal;
font-size : 24px;
line-height : 1;
letter-spacing : normal;
text-transform : none;
display : inline-block;
white-space : nowrap;
overflow-wrap : normal;
direction : ltr;
}
:root {
--heading-color : red;
--text-color : black;
--background-color : white;
--image-filter : grayscale(0%);
}
#dark-mode:checked ~ label::before {
content : "☀️";
}
#dark-mode:checked ~ * {
--heading-color : turquoise;
--text-color : white;
--background-color : black;
--image-filter : grayscale(50%);
color : white;
}
label[for="dark-mode"]::before {
content : "🌒";
}
#dark-mode, label[for="dark-mode"] {
color : black;
position : absolute;
top : 1rem;
right : 0.25rem;
}
.visually-hidden {
position : absolute;
overflow : hidden;
clip : rect(0 0 0 0);
width : 1px;
height : 1px;
margin : -1px;
padding : 0;
border : 0;
white-space : nowrap;
}
#dark-mode-checkbox:checked ~ #dark-mode-label::after {
content : "🔅";
}
#dark-mode-checkbox:checked ~ #dark-mode-label {
background-color : #fff;
}
#dark-mode-label {
position : fixed;
z-index : 990;
right : 30px;
bottom : 20px;
width : 55px;
height : 55px;
text-align : center;
background-color : #2d82ea;
font-size : 22px;
line-height : 55px;
cursor : pointer;
border-radius : 100%;
}
#dark-mode-label::after {
content : "🌒";
}
.nightmode, input#dark-mode-checkbox {
display : none;
}
.material-icons {
vertical-align : -15%;
font-size : inherit;
}
.material-icons.md-16 {
font-size : 16px;
}
.material-icons.md-18 {
font-size : 18px;
}
.material-icons.md-24 {
font-size : 24px;
vertical-align : -25%;
}
#luhur, #title, .content-wrapper, .page-menu ul li, a:link {
transition : all 0.4s ease-in-out;
}
.page-menu ul li, li a {
list-style : none;
}
#header, #header-wrapper {
overflow : hidden;
}
#header h1, #header p a, .descriptionwrapper, .post h1, .post h2, .post-body, .sidebar, body, p.description span {
font-family : Roboto, sans-serif;
}
li a {
display : list-item;
}
#header h1 {
text-transform : uppercase;
}
#judul-posting-dalam {
border-bottom : 1px solid #ddd;
}
#main-wrapper, #sidebar-kanan, i.klik-url {
overflow-wrap : break-word;
}
#header, #luhur, #search-box, .search-field, table.gsc-search-box {
position : relative;
}
#navbar-iframe, .post-comment-link {
visibility : hidden;
}
#navbar-iframe {
height : 0;
display : none;
}
body {
background : url(https://2.bp.blogspot.com/-UfyZMzxykIw/WBQ0dJb3loI/AAAAAAAAH4g/Gqw1fxpiQIYpeSz4WwSkLISsNzXFkDF5QCK4B/s1600/top-bg4.png) repeat-x #f5f5f5;
color : #212121;
font-size : 100%;
text-align : left;
margin : 0;
}
a:link, a:visited {
color : #141924;
text-decoration : none;
}
a:hover {
color : #0379C4;
text-decoration : none;
}
a:active, a:focus, i:active, i:focus {
outline : 0;
}
a:active {
position : relative;
top : 1px;
left : 1px;
}
a img {
border-width : 0;
}
b {
font-weight : 500;
}
#header-wrapper {
float : left;
display : inline;
margin : 0 20px 0 0;
padding : 0;
}
#header {
display : block;
width : auto;
margin : 0;
padding : 0;
z-index : 1;
}
#header-inner {
background-position : center;
margin : 0;
padding : 0;
display : block;
}
#header h1, #header p.title {
font-size : 18px;
font-weight : 900;
height : 80px;
line-height : 80px;
color : #efefef;
padding : 0;
margin : 0;
}
.descriptionwrapper, p.description span {
font-style : italic;
font-weight : 400;
color : #141924;
position : fixed;
top : -1000px;
left : -1000px;
}
#header amp-img {
border : 0;
background : 0 0;
width : auto;
height : auto;
margin-top : -5px;
vertical-align : middle;
margin-right : 10px;
}
#luhur {
padding : 0;
margin : 0;
width : 100%;
box-shadow : 2px 1px 1px rgb(0, 0, 0, 0.15);
font-size : 14px;
font-weight : 300;
transform : translateZ(0);
backface-visibility : hidden;
background-color : #fff;
box-sizing : border-box;
}
#luhur.fixed {
transform : translateY(0);
transition : all 0.4s ease;
left : 0;
position : fixed;
top : 0;
width : 100%;
z-index : 999;
}
.clear {
clear : both;
}
.content-wrapper {
width : 100%;
max-width : 1100px;
margin-left : auto;
margin-right : auto;
}
#outer-wrapper {
width : auto;
text-align : left;
margin : 0;
padding-top : 110px;
}
#main-wrapper {
width : 800px;
float : left;
margin : 0;
padding : 0 0 50px;
box-sizing : border-box;
}
#sidebar-kanan {
width : 300px;
min-width : 300px;
float : right;
padding : 0;
margin : 0;
}
#sidebar-wrapper {
width : 300px;
float : right;
overflow-wrap : break-word;
padding : 0;
margin : 0;
}
.sidebar h2 {
font-size : 20px;
font-weight : 500;
text-transform : uppercase;
margin : 0;
padding : 0 0 10px;
}
.sidebar {
line-height : 1.3em;
border-top : 0;
font-size : 16px;
}
.sidebar li {
line-height : 1.3em;
margin : 0;
padding : 5px 0 4px;
}
.sidebar .widget {
margin : 0 0 20px;
padding : 0;
}
.sidebar .widget-content {
margin : 0 auto;
padding : 0;
}
.sidebar .widget-content amp-img, .sidebar .widget-content amp-ad {
background : url(https://4.bp.blogspot.com/-LbYaMW3hkrU/WBQCq0h2lGI/AAAAAAAAH30/hPm7PJRSxgwtzkajMMeuiVvnR8qCtITdQCK4B/s1600/ad300x250.png) no-repeat #f5f5f5;
margin : 0;
display : block;
padding : 0;
box-shadow : 0 2px 2px 0 rgb(0, 0, 0, 0.14), 0 3px 1px -2px rgb(0, 0, 0, 0.2), 0 1px 5px 0 rgb(0, 0, 0, 0.12);
overflow : hidden;
border-radius : 2px;
}
.sidebar ul {
list-style : none;
margin : 0;
padding : 5px 0;
}
#judul-posting-dalam {
background : #fff;
margin : 0;
padding : 10px 0;
height : auto;
}
::selection {
background : #0379C4;
color : #fff;
}
.post {
margin : 0;
padding : 0 30px 20px 0;
width : 100%;
height : auto;
float : left;
overflow : hidden;
transition : all 0.4s ease-out;
box-sizing : border-box;
}
.posting-depan {
background-color : #fff;
box-shadow : 0 0 3px rgb(0, 0, 0, 0.12), 0 0 2px rgb(0, 0, 0, 0.18);
margin : 0;
display : block;
padding : 0 10px 0 0;
height : 175px;
border : #ddd solid 1px;
}
.post h2 {
font-size : 18px;
margin : 20px 0 15px 0;
line-height : 1.2em;
overflow : hidden;
text-overflow : ellipsis;
display : block;
}
.post h2 a {
font-weight : 600;
margin-bottom : 10px;
padding : 0;
}
.post-body {
margin : 15px 0;
padding : 0;
line-height : 1.3em;
font-size : 15px;
font-weight : 400;
}
.summary {
width : auto;
overflow : hidden;
text-overflow : ellipsis;
display : block;
}
._post-thumbnail-area {
width : 292px;
height : 175px;
overflow : hidden;
padding : 0;
margin : 0 20px 0 0;
display : inline;
float : left;
}
._post-thumbnail {
width : 100%;
height : 175px;
margin : 0;
padding : 0;
border : none;
outline : 0;
}
h3.date-header, .postmeta {
font-size : 12px;
font-weight : 400;
padding : 0;
margin-top : 5px;
line-height : 1.6;
}
.author a, .clock a, .postmeta a {
font-size : 16px;
color : #212121;
color : rgb(0, 0, 0, 0.87);
font-weight : 400;
}
.author a:hover, .clock a:hover, .postmeta a:hover {
color : #0379C4;
}
.post-author amp-img, .post-author img {
padding : 0;
width : 16px;
height : 16px;
border-radius : 100%;
vertical-align : -15%;
}
.thumb-wrapper {
position : relative;
}
#first .post-thumbnail {
width : 100%;
height : 400px;
margin : 0;
overflow : hidden;
}
#first {
width : 100%;
margin : 0;
background : none;
overflow : hidden;
position : relative;
}
.first-body {
color : #222;
padding : 0;
margin : 0;
line-height : 1.5em;
display : none;
}
#first h2.post-title {
margin : 0;
background : rgb(255, 255, 255, 0.6);
padding : 15px 15px 25px;
position : absolute;
bottom : 0;
}
#first h2.post-title a, #first h2.post-title a:visited, #first h2.post-title a:hover {
color : #222;
font-size : 24px;
display : block;
font-family : 'Roboto', sans-serif;
font-weight : 500;
text-align : left;
line-height : 1em;
}
#first .postmeta, #first .postmeta a {
font-size : 16px;
color : #fff;
font-weight : 400;
display : none;
}
#first .author a:hover, #first .clock a:hover, #first .postmeta a:hover {
color : #333;
}
#blog-pager-newer-link {
top : 0;
right : 58px;
font-size : 160%;
}
#blog-pager-older-link {
top : 0;
right : 5px;
font-size : 160%;
}
#blog-pager-home-link {
font-size : 160%;
top : 0;
right : 111px;
}
#blog-pager, .blog-pager {
clear : both;
text-align : right;
margin-top : 50px;
margin-right : 30px;
position : relative;
}
#blog-pager-home-link, #blog-pager-newer-link, #blog-pager-older-link, .newest-link, .oldest-link {
padding : 0;
line-height : 43px;
width : 43px;
height : 43px;
text-align : center;
position : absolute;
background : #0379C4;
border-radius : 100%;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.12), 0 1px 2px rgb(0, 0, 0, 0.24);
transition : box-shadow 0.3s ease;
transform : translateY(0);
text-shadow : 0 0 0;
}
#blog-pager-home-link a, #blog-pager-newer-link a, #blog-pager-older-link a {
color : #141924;
transition : all 0.4s ease-in-out;
}
#blog-pager-newer-link, #blog-pager-older-link {
z-index : 2;
}
.newest-link {
z-index : 1;
color : #ddd;
font-size : 160%;
top : 0;
right : 58px;
}
.oldest-link {
z-index : 1;
color : #ddd;
font-size : 160%;
top : 0;
right : 5px;
}
#blog-pager-home-link .material-icons, #blog-pager-newer-link .material-icons, #blog-pager-older-link .material-icons {
padding-bottom : 4px;
}
#blog-pager-home-link:hover, #blog-pager-newer-link:hover, #blog-pager-older-link:hover, .newest-link:hover, .oldest-link:hover {
box-shadow : 0 12px 23px rgb(0, 0, 0, 0.23), 0 10px 10px rgb(0, 0, 0, 0.19);
}
.btn-sidebaramp {
display : none;
}
amp-sidebar {
width : 240px;
padding-right : 20px;
}
.amp-sidebar-image {
line-height : 100px;
vertical-align : middle;
}
.amp-close-image {
top : 15px;
left : 225px;
cursor : pointer;
}
amp-sidebar ul {
padding : 0 0 0 20px;
list-style : none;
}
amp-sidebar li {
margin-bottom : 20px;
list-style : none;
}
amp-sidebar button {
margin-left : 20px;
}
.feed-links {
clear : both;
line-height : 2.5em;
}
.search-wrapper {
height : 30px;
float : right;
display : inline;
padding : 25px 0;
margin-top : -80px;
}
#search-box {
width : 200px;
height : 27px;
float : right;
padding : 0;
margin : 0;
position : relative;
}
#search-box form {
border : #ccc solid 1px;
line-height : 27px;
}
.search-form {
border : none;
color : gray;
width : 100%;
padding : 0 30px 0 10px;
height : 27px;
line-height : 27px;
font-size : 14px;
font-weight : 400;
margin : 0;
box-sizing : border-box;
}
.search-button {
background : 0 0;
width : 30px;
height : 29px;
line-height : 29px;
padding : 0;
text-align : center;
margin : 0;
top : 0;
right : 0;
font-size : 18px;
color : #888;
position : absolute;
border : none;
border-radius : 0;
text-shadow : none;
box-shadow : none;
}
.search-form:focus, .search-form:hover, .search-button:focus, .search-button:hover {
border : none;
outline : 0;
color : #000;
}
.page-menu {
float : left;
width : auto;
height : auto;
padding : 0;
margin : 0;
}
.page-menu ul {
margin : 0 auto;
padding : 0;
line-height : 3em;
}
.page-menu ul li {
display : inline-block;
margin : 0 auto;
}
.page-menu ul li a:hover {
color : #fff;
background : #3599e7;
}
.page-menu ul li a {
color : #212121;
color : rgb(0, 0, 0, 0.87);
padding : 19px 15px 19px 15px;
font-size : 14px;
font-weight : 400;
text-transform : uppercase;
margin-top : 0;
margin-left : -4px;
}
.page-menu ul li a.fbgroup {
color : #fff;
}
.page-menu ul li a:hover.fbgroup {
color : #fff;
}
.page-menu ul li a.logo-top-dp {
padding : 19px 0 19px 0;
}
.page-menu ul li a:hover.logo-top-dp {
background : none;
}
.fbgroup {
background : #d16657;
color : #fff;
}
#footer-wrapper {
background : #444;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
width : 100%;
margin-top : 50px;
padding : 20px 0 30px;
}
#footer-wrapper a {
color : #ccc;
}
#footer-wrapper a:hover {
color : #fff;
}
#footer1 {
width : 40%;
padding : 30px 30px 10px 0;
display : inline;
float : left;
color : #ccc;
font-size : 14px;
font-weight : 300;
line-height : 1.6em;
box-sizing : border-box;
}
#footer2, #footer3, #footer4 {
width : 20%;
padding : 30px 0 10px 30px;
display : inline;
float : left;
color : #ccc;
font-size : 14px;
font-weight : 300;
line-height : 1.6em;
box-sizing : border-box;
}
#footer1 h2, #footer2 h2, #footer3 h2, #footer4 h2 {
font-size : 16px;
font-weight : 700;
color : #ccc;
margin : 0;
}
#footer1 ul, #footer2 ul, #footer3 ul, #footer4 ul {
list-style : none;
padding : 0;
margin : 5px 0;
}
#footer-wrapper p {
margin : 0;
}
#footer1 .logo-footer {
clear : both;
text-align : left;
display : block;
margin-top : 50px;
min-width : 350px;
max-width : 350px;
}
#footer1 .logo-footer img {
padding-top : 20px;
width : 35px;
height : 56px;
clear : both;
}
#footer1 .logo-footer p {
margin-top : 30px;
}
.creditpic {
background : #f5f5f5;
margin-top : 10px;
padding : 20px 0 30px;
position : relative;
}
.credit {
line-height : 2.3em;
font-size : 12px;
font-weight : 400;
color : #666;
clear : both;
margin : 0 auto;
padding : 0;
text-align : left;
}
.credit-right {
float : right;
}
.credit a:link, .credit a:visited {
color : #666;
text-decoration : none;
}
.credit a:hover {
color : #0379C4;
text-decoration : none;
}
.cookie-choices-info {
border-bottom : 1px solid #333;
color : #555;
}
.cookie-choices-info {
z-index : 1000000;
background-color : #fff;
border-top : 1px solid #dedede;
padding : 3px 0;
bottom : 0;
top : inherit;
}
.cookie-choices-info .cookie-choices-text {
font-size : 17px;
color : #666;
font-family : "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", Calibri, Helvetica, Arial;
}
.cookie-choices-info .cookie-choices-button {
background-color : #adbcc5;
border-radius : 5px;
padding : 5px 12px;
text-transform : none;
color : #000;
transition : all 0.2s linear;
}
.cookie-choices-info .cookie-choices-button:nth-child(2) {
background-color : #f1d600;
}
.cookie-choices-info .cookie-choices-button:hover, .cookie-choices-info .cookie-choices-button:nth-child(2):hover {
background-color : #e9eef0;
}
.PopularPosts .widget-content {
padding : 0;
box-sizing : border-box;
}
.PopularPosts .widget-content ul {
width : 100%;
padding : 0;
list-style-type : none;
}
.PopularPosts .widget-content ul li {
margin : 0 0 20px;
padding : 0;
position : relative;
}
.PopularPosts .widget-content ul li .item-title {
line-height : 1.1em;
padding : 7px 10px;
background : rgb(255, 255, 255, 0.6);
position : absolute;
bottom : 0;
margin-right : 20px;
}
.PopularPosts .widget-content ul li .item-title a {
text-decoration : none;
font-size : 16px;
font-weight : 500;
}
.PopularPosts .widget-content ul li a:hover, .PopularPosts .widget-content ul li:hover a {
color : #111;
}
.PopularPosts .item-snippet {
font-size : 14px;
font-weight : 400;
margin-top : 10px;
line-height : 1.1em;
}
.PopularPosts .widget-content ul li img {
width : 300px;
height : 156px;
padding-right : 0;
transition : all 0.5s ease-out;
}
.PopularPosts .item-thumbnail {
float : left;
margin : 0 10px 0 0;
width : 300px;
height : 156px;
overflow : hidden;
}
.PopularPosts .item-thumbnail:hover img {
transform : scale(1.3);
}
#FeaturedPost1 h3 {
font-weight : 500;
margin : 10px;
}
#FeaturedPost1 h2 {
margin : 10px;
padding : 0;
}
#FeaturedPost1 p {
margin : 0 10px 10px;
}
#FeaturedPost1 {
background : #f5f5f5;
margin : 0 0 30px;
display : block;
padding : 0;
box-shadow : 0 2px 2px 0 rgb(0, 0, 0, 0.14), 0 3px 1px -2px rgb(0, 0, 0, 0.2), 0 1px 5px 0 rgb(0, 0, 0, 0.12);
overflow : hidden;
border-radius : 2px;
}
ul .label-show {
margin : 0 auto;
padding : 0;
}
.label-show {
list-style : none;
}
.label-show:before, .label-show:after {
content : "";
display : table;
}
.label-show:after {
clear : both;
}
.label-show li {
position : relative;
float : left;
margin : 0 8px 8px 0;
padding : 0;
font-size : 14px;
}
.label-show li:after {
display : none;
}
.label-show a, .label-show span {
display : block;
box-sizing : border-box;
}
.label-show a {
color : #fff;
background : #d16657;
padding : 5px 8px;
z-index : 1;
border-radius : 3px;
transition : all 0.4s ease-in-out;
}
.label-show a:hover span {
max-width : 40px;
padding : 5px 8px;
}
.label-show a:hover {
color : #fff;
background : #0379C4;
}
.label-show span {
display : none;
}
.status-msg-wrap {
font-size : 100%;
width : auto;
margin : 0 30px 30px 0;
position : relative;
padding : 0;
}
.status-msg-border {
border : #ccc solid 1px;
opacity : 0.4;
width : 100%;
text-align : center;
position : relative;
box-sizing : border-box;
}
.status-msg-bg {
background-color : #fff;
opacity : 0.8;
width : 100%;
position : relative;
z-index : 1;
}
.status-msg-body {
text-align : center;
padding : 0.3em 0;
width : auto;
top : 0;
left : 0;
right : 0;
position : absolute;
z-index : 4;
}
.status-msg-hidden {
visibility : hidden;
padding : 0.3em 0;
}
.status-msg-wrap a {
padding-left : 0.4em;
font-weight : 500;
}
.slideInUp {
animation-name : slideInUp;
animation-duration : 2s;
animation-fill-mode : both;
}
@keyframes slideInUp {
0% {
transform : translateY(100%);
visibility : visible;
}
100% {
transform : translateY(0);
}
}
.headerad {
width : 100%;
height : auto;
text-align : center;
margin-bottom : 25px;
}
@media screen and (max-width: 1100px) {
#first .post-thumbnail-frame {
right : 10px;
}
.content-wrapper {
width : 100%;
max-width : 980px;
}
#main-wrapper {
width : 680px;
}
#first .post-thumbnail {
margin-left : -250px;
}
#first h2.post-title a {
font-size : 40px;
}
.first-body {
margin : 10px 550px 0 0;
}
}
@media screen and (max-width: 1024px) {
#first .post-thumbnail-frame {
right : 10px;
}
}
@media screen and (max-width: 880px) {
.content-wrapper {
padding : 0 10px;
box-sizing : border-box;
}
#outer-wrapper {
padding-top : 5px;
}
#main-wrapper {
width : 100%;
margin : 0;
border-radius : 0;
border-left : none;
border-right : none;
}
.page-menu {
width : 100%;
margin : 0;
text-align : center;
}
.page-menu ul li a {
padding : 0 20px 0 0;
}
#search-box, .search-wrapper {
float : none;
display : block;
}
.search-wrapper {
margin-top : 0;
text-align : center;
padding : 0 0 10px;
}
#search-box {
width : auto;
margin : 0;
}
#luhur.fixed {
position : relative;
}
#header-wrapper {
padding-top : 10px;
margin : 0;
text-align : center;
float : none;
display : block;
}
#header {
max-width : 100%;
text-align : center;
float : none;
display : block;
}
#header h1, #header p.title {
font-size : 22px;
font-weight : 900;
height : 40px;
line-height : 40px;
}
#sidebar-kanan {
display : none;
}
#main {
margin : 0;
}
#blog-pager, .blog-pager {
margin-right : 0;
}
.post {
overflow : visible;
padding : 0 0 10px 0;
}
.status-msg-wrap {
margin : 10px 0 30px 0;
}
#footer-wrapper {
display : none;
}
#first > .content-wrapper {
padding : 0;
}
#first .post-thumbnail-frame > amp-img {
display : none;
}
#first .post-thumbnail-frame .post-thumbnail > amp-img {
height : 160px;
}
#first .post-thumbnail-frame {
position : relative;
width : 250px;
height : 160px;
float : left;
display : inline;
right : 0;
top : 0;
margin-right : 20px;
margin-top : -10px;
}
#first .post-thumbnail {
position : relative;
top : 0;
left : 0;
margin-left : 0;
width : 250px;
height : 150px;
border : none;
}
#first {
width : 100%;
position : relative;
top : 0;
left : 0;
margin : 0 0 10px;
border-bottom : none;
background-color : #f5f5f5;
padding : 0 10px 0 0;
box-shadow : 0 2px 2px 0 rgb(0, 0, 0, 0.14), 0 3px 1px -2px rgb(0, 0, 0, 0.2), 0 1px 5px 0 rgb(0, 0, 0, 0.12);
overflow : hidden;
border-radius : 2px;
height : 160px;
box-sizing : border-box;
}
.first-body {
color : #545454;
padding : 0 0 20px;
margin : 0;
line-height : 1.3em;
}
#first h2.post-title {
margin : 10px 0 0 0;
line-height : 0.7em;
}
#first h2.post-title a, #first h2.post-title a:visited {
color : #212121;
font-size : 20px;
display : block;
margin : 10px 0;
width : auto;
padding : 0;
font-family : 'Roboto', sans-serif;
font-weight : 500;
text-align : left;
line-height : 1em;
}
#first:hover h2.post-title a {
color : #3b8dbd;
}
#first .readmorebutton {
display : none;
}
#first .postmeta, #first .postmeta a {
color : #212121;
}
#first .postmeta {
margin-bottom : 10px;
}
.credit-right {
float : none;
margin-top : 10px;
}
.headerad {
margin-bottom : 10px;
}
.headerad amp-img, .headerad img {
width : auto;
max-width : 100%;
height : auto;
margin : 0;
}
}
@media screen and (max-width: 414px) {
._post-thumbnail-area, #first .post-thumbnail-frame {
width : 100%;
margin : 0 0 10px 0;
display : block;
float : none;
height : auto;
}
#first, #first .post-thumbnail {
width : 100%;
}
#first, #first .post-thumbnail, #first .post-thumbnail-frame .post-thumbnail > amp-img, ._post-thumbnail, .posting-depan {
height : auto;
}
#first {
position : relative;
top : 0;
left : 0;
margin : 0 0 30px;
border-bottom : none;
padding : 0;
}
.page-menu ul li a {
padding : 0 10px;
}
.post {
padding : 0 0 10px 0;
}
#first, .posting-depan {
display : block;
height : auto;
}
#first {
margin : 0 0 10px;
padding : 0 0 10px;
}
.posting-depan {
margin : 0;
padding : 0;
}
.post h2, .postmeta, .post-body, #first h2.post-title, .first-body {
padding : 0 10px;
}
}
@media screen and (max-width: 320px) {
.post h2 {
font-size : 18px;
}
}
@media screen and (max-width: 240px) {
.post h1, .post h2 {
font-size : 16px;
}
}
@media print {
#blog-pager, #comments, #css-menu, #shareOnscroll, #sidebar-kanan, .blog-pager, .breadcrumbs, .kompiajaib_info2, .onpost, .postmeta, .underpost, h3.date-header {
display : none;
}
#main-wrapper {
width : 100%;
}
.post-body {
padding : 0;
}
#judul-posting-dalam, .breadcrumbs, .postmeta {
margin : 0;
}
}
@keyframes -amp-start {
from {
visibility : hidden;
}
to {
visibility : visible;
}
}
body {
animation : none;
}

↑ Top