Skip to content

Instantly share code, notes, and snippets.

@wichaksono wichaksono/theme-wp.css
Last active Apr 5, 2016

Embed
What would you like to do?
/*
Theme Name: Onphpid Themes
Theme URI: http://www.onphpid.com/
Author: onphpid atau tulis namamu
Author URI: http://www.onphpid.com/
Description: Belajar Membuat Theme WordPress untuk pemula
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: onphpid-theme
Tags:
*/
/* global */
a,
a:hover,
a:focus,
a:visited {
text-decoration: none;
}
/* header
===========================*/
.header-container {
background: #354b60;
position: fixed;
/* static nav bar */
left: 0;
right: 0;
z-index: 9;
}
.header-inner {}
.header-inner .site-title {
margin: 0;
line-height: 50px;
font-size: 20px;
}
.header-inner .site-title a {
color: #f4f4f4;
}
/* navigation
============================*/
.header-inner .main-navigation {
line-height: 50px;
}
.header-inner .main-navigation ul {
margin: 0;
padding: 0;
}
.header-inner .main-navigation ul li {
padding: 0;
position: relative;
display: inline-block;
}
.header-inner .main-navigation ul li a {
color: #f4f4f4;
display: block;
padding-left: 10px;
padding-right: 10px;
}
.header-inner .main-navigation ul li:hover,
.header-inner .main-navigation ul li a:hover {
background: #8e44ad;
}
.header-inner .main-navigation ul li.menu-item-has-children .sub-menu {
display: none;
position: absolute;
top: 50px;
background: #354b60;
width: 200px;
left: 0;
z-index: 999;
}
.header-inner .main-navigation ul li.menu-item-has-children:hover > .sub-menu {
display: block;
}
.header-inner .main-navigation ul li.menu-item-has-children .sub-menu li {
display: block
}
/* body
===========================*/
.body-container {
padding-top: 50px;
}
.body-container .container {
background: #fff;
}
.on-content-area article {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
header.header-post {
padding-top: 20px;
}
header.header-post img {
width: 100%;
height: auto;
}
.title-post a {
color: #354B60;
font-size: 24px;
}
.title-post a:hover {
color: #8e44ad;
}
img.alignright {
float: right;
margin: 0 0 1em 1em
}
img.alignleft {
float: left;
margin: 0 1em 1em 0
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
a img.alignright {
float: right;
margin: 0 0 1em 1em
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
/* post-meta
===========================*/
.post-meta {
margin: 10px 0;
}
.post-meta span {
margin-right: 10px;
font-size: 12px;
}
.post-meta .date-post {}
.post-meta .author-post {}
.post-meta .categories {}
.post-meta .categories .post-categories {
display: inline-block;
margin: 0;
padding: 0;
}
.post-meta .categories .post-categories li {
display: inline-block;
}
.post-meta .categories .post-categories li:after {
content: ',';
}
.post-meta .categories .post-categories li:last-child:after {
content: '';
}
/* widget
========================= */
.widget {
padding-top: 20px;
}
.widget .widget-title {
margin: 0 0 5px;
padding: 0 0 5px;
font-size: 21px;
}
.widget ul {
margin: 0;
padding: 0;
}
.widget ul li {
list-style: none;
padding: 2px 10px;
font-size: 11px;
}
.widget ul li a {
font-size: 14px;
}
/* calendar widget */
.widget_calendar {
float: left;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: right;
color: #333;
font-size: 12px;
margin-top: 10px;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 13px;
}
#wp-calendar thead th {
padding: 10px;
text-align: center;
background: #354B60;
color: #f4f4f4;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
border: 1px solid #fff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td > a {
background: #8e44ad;
color: #f4f4f4;
display: block;
margin: -7px;
padding-top: 7px;
padding-bottom: 7px;
}
#wp-calendar tbody td:hover {
background: #f5f5f5;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
}
/* footer
======================*/
.footer-inner {
padding: 10px 0;
}
.copy-right {
font-size: 12px;
}
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.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.