Custom CSS of ariestwn.com

style.css

/*
	Theme Name:   	Superfast Child
	Theme URI:    	https://www.idtheme.com/superfast/
	Description:  	Superfast Child Theme
	Author: 		kentooz - Gian MR
	Author URI: 	http://gianmr.com
	Version: 		1.0.0
	License: 		GNU General Public License v2 or later
	License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: 	superfast
	Template:     	superfast
*/

@import url("../superfast/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

h1,h2,h3 {
	line-height:1.2em;
}
h4,h5 {
	line-height:3rem;
}

/*--------------------------*/
.gmr-box-content.gmr-single .entry-header span.byline, .gmr-box-content.gmr-single .entry-header span.posted-on, .gmr-box-content.gmr-single .entry-header span.gmr-view {
	color:inherit;
}
.post-navigation .nav-previous span, .post-navigation .nav-next span {
    color: inherit;
}
.entry-footer {
	color:inherit;
}
.gmr-metacontent span.byline,.gmr-metacontent span.reading-time,.gmr-metacontent span.posted-on{
    font-size: 13px;
}
.gmr-box-content.gmr-single .entry-header span.byline{
	font-size:13px;
	margin-right:5px;
}
.gmr-box-content.gmr-single .entry-header span.posted-on {
	font-size:13px;
}
.gmr-metacontent span.byline {
	margin-right:0px;
}
span.reading-time {
	font-size:13px;
    margin-top: 20px;
    font-weight: 300;
}
/* Custom css untuk mobile responsive */
@media only screen and (max-width:1920px){
		body.archive .gmr-box-content p {
		text-align:justify;
	}
		body.home .gmr-box-content p {
		text-align:justify;
	}
}
@media only screen and (max-width:480px){
	.content-thumbnail {
		display:none;
	}
	.bottomMenu {
		float:left!important;
	}
}
@media only screen and (min-width:100px){
	.gmr-single {
		font-size : 14px!important;
		line-height : 24px;
	}
	.gmr-box-content {
		font-size : 14px!important;
		line-height : 24px;
	}
}
@media only screen and (min-width:768px){
	.gmr-single {
		font-size : 16px!important;
		line-height : 28px;
	}
	.gmr-box-content {
		font-size : 16px!important;
		line-height : 28px;
	}
	
}
.idblog-form-widget.force-100 form input {
	background-color:white;
}
/*body.page .breadcrumbs {
	display:none;
}*/
.site-info {
	font-size:14px;
	line-height:26px;
}
.site-footer {
	text-align:left;
	padding:20px 0;
}
/* untuk recent post widget, silahkan disesuaikan lagi
*/
#idblog-rp-2 {
	border:1px solid #ececec;
}
#idblog-rp-2 h3 {
	margin:0;
}
#idblog-rp-2 .widget-title {
    background: #383838;
    text-align: center;
    padding: 10px;
    color: white;
    border-bottom: none;
}
#idblog-rp-2 .idblog-rp-widget {
    padding: 15px 15px;
    border-left: 1px solid #decdcd;
    border-right: 1px solid #decdcd;
    border-bottom: 1px solid #decdcd;
}
.idblog-rp-widget div.idblog-rp {
	padding:0px;
	border:none;
	font-size:14px;
}
.idblog-rp-widget li {
	padding:2px 0;
	border:none;
    border-bottom: 1px dashed #ecf0f1;
}
.idblog-form-widget .intro-text {
    font-size: 17px;
    text-align: center;
}
body.home .current_page_ancestor>a {
	background-color:#2eb86c;
}
.has-post-thumbnail.gmr-smallthumb .item-article {
    top: -3px;
}
/* custom css untuk daftar isi */
.daftar-isi-linux {
    background-color: #eae1e1;
    padding: 20px 0px 5px 40px;
    max-width: 500px;
		color:#298050;
}

/* membuat custom css pada teks */
.tagcloud a {
	padding:0px 5px;
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 { 
	margin:0 0 0.625em;
	line-height:1.2em;
}
h2.entry-title a {
	color :#333;
}
h2.entry-title a:hover {
	color :#20a055;
}
p {
    margin: 0 0 25px;
}
.entry-content ul > li,.entry-content ol > li {
    margin-bottom: 10px;
}
.entry-content a:hover {
	text-decoration:underline;
	color:unset;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 20px;
}
.middotDivider {
    padding-right: .3em;
    padding-left: .3em;
    font-size: 16px;
}
.middotDivider:after {
    content: '\00B7';vertical-align: middle;}
/* Menambahkan logo pada website dan membuat menu float rata kanan */
.gmr-logo {
    margin-top: 5px!important;
}
@media (max-width: 1200px) {
.gmr-logo {
    text-align: left;
    display: block;
    width: inherit;
	max-width:200px;
    margin-bottom: 0px;
}
}
#site-logo {
    float: left;
    margin: 10px 0px;
    padding-top: 13px;
    font-size: 18px;
	font-weight:600;
    background: #2eb86c;
    padding: 3px 7px;
    border-radius: 2px;
}
#site-logo a {
	color: white;
}
.gmr-mainmenu {
    float: right;
}
/* Button */
.textblog {
    color: white;
	  padding:20px 10px 0px;
    display: block;
		text-align:center;
		font-size:18px;
}
#alatblog {
	background:#5c99c7;
}
#alatblog2 {
	background:#55b987;
}
/* tbl */
#tombol {
  padding-top: 10px;
  text-align: center;
}
.tbl {
  padding: 10px 55px;
  font-size: 18px;
  text-decoration: none;
  margin-bottom: 30px;
  color: #fff;
  position: relative;
  display: inline-block;
}
.tblbiru {
  background-color: #55acee;
}
.tblbiru:hover {
  background-color: #8cb4ff;
	color:white;
}
.tblijo {
  background-color: #339262;
}
.tblijo:hover {
  background-color: #369a68;
	color:white;
}
/* author box */
.gmr-ab-desc {
    line-height: 22px;
    font-size: 14px;
}
@media (max-width: 767px) {
.gmr-ab-gravatar {
    display: inherit;
}
}
#navigationamp .gmr-logomobile {
	background-color: #332f2f;
}
/*customize*/
.kodebaris {
    background: #343148;
    color: #ffffff;
    max-height: 250px;
    border-left: 10px solid #429e68;
    margin-bottom: 20px;
}
.kbd-sticky {
    position: unset;
    right: 0;
    top: 0;
}
.gallery-caption, .wp-caption {
    text-align: center;
}
::selection {
    background: #c0f3c0;
    color: inherit;
    text-shadow: none;
}
.bottomMenu {
    display: block;
    float: right;
}
.site-info {
	float:left;
	font-weight:300;
	padding: 0 7px 0 3px;
}
.bottomMenu { display: inline-block;}
.bottomMenu ul { float:right;margin-bottom: 0;padding-left: 0;}
.bottomMenu li { list-style-type: none; display: inline; font-size: 13px; }
.bottomMenu li a {
	line-height:15px;
	text-decoration:none;
	font-weight:300;
	padding: 0 7px 0 7px;
}
.bottomMenu li a:hover { color:#ccc; text-decoration:underline;}
.bottomMenu li:last-child > a {border-right: none;} 
/* remove pipe from last item */