Skip to content

Instantly share code, notes, and snippets.

@vailjoy
Created April 1, 2016 10:40
Show Gist options
  • Save vailjoy/e116ff68003f4dafd0cbc3076c6685e6 to your computer and use it in GitHub Desktop.
Save vailjoy/e116ff68003f4dafd0cbc3076c6685e6 to your computer and use it in GitHub Desktop.
Child Theme Stylesheet Example
/*
Theme Name: Layers Child Demo
Description: Layers Child Theme Test: http://www.oboxthemes.com
Author: Obox Themes
Template: layerswp
Version: 1.0.1
License: GPL 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This file is for demonstration and is intended as a teaching resource.
Do not use it directly in commercial child themes!
For Help Adapting this file for your theme:
http://docs.layerswp.com/child-theme-setup/
**Color reference, for consistency**
link color: #f15e53
border color: #DDD
light blue: #61c1bf
**Table of contents**
1. Header
2. Forms
3. Invert
4. Buttons
5. Headings
6. Sidebar
7. Meta
8. Footer
/*---------------------------*/
/*- MAIN CSS ----------------*/
/*---------------------------*/
/*---------------------------*/
/*- 1 HEADER -------*/
.site-description a, .nav-horizontal li a{
}
.nav-horizontal li a:hover{
}
/*---------------------------*/
/*- 2 FORMS ----------*/
textarea,
select,
input,
input[type="submit"],
button,
.button{
}
.form-submit input[type="submit"]{;
}
.comment-form-comment{
}
/*---------------------------*/
/*- 3 INVERT --------*/
.invert .section-title .excerpt,
.invert.section-title .excerpt{
}
/*---------------------------*/
/*- 4 BUTTONS ------*/
/*-----------------------*/
/*- GLOBAL --------------*/
.button.btn-small{
}
/*---------------------------*/
/*- 5 HEADINGS ------*/
h1, h2, h3, h4, h5, h6{
font-weight: bold;
}
.heading{
}
/*-------------------------------*/
/*- 6 SIDEBAR WIDGETS -*/
.sidebar{
}
.sidebar a:not(.button){
}
.sidebar .section-nav-title{
}
.sidebar .content.well{
}
/*---------------------------*/
/*- 7 META INFO ------*/
.meta-info{
}
.meta-info a{
}
.meta-info a:hover{
}
/*---------------------------*/
/*- 8 SITE FOOTER --*/
.footer-site{
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment