Skip to content

Instantly share code, notes, and snippets.

@ariestwn ariestwn/style.css

Last active May 20, 2020
Embed
What would you like to do?
Custom CSS of ariestwn.com
/*
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 */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.