style.css

/*
Theme Name:   	WooCommerce API Debugger
Theme URI:    	https://github.com/riaanknoetze/wc-api-debugger
Author:       	Riaan Knoetze
Author URI:     http://google.com
Template:     	storefront
Description:  	This is a blank child theme Storefront that helps to troubleshoot WooCommerce API Connections
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:  	wc-api-debugger
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

.page-template-template-wc-api-debug #primary.content-area {
	width: 100%;
}

.inactive {
    display: none;
}

.active {
    display: block;
}

.page-template-template-wc-api-debug #primary.content-area abbr[title] {
    border-bottom: none;
    text-decoration: none;
}

abbr {
    position: relative;
}

abbr:hover::after {
    position: absolute;
    bottom: 100%;
    left: 100%;
    display: block;
    padding: 0.5em;
    background: #333333;
    color: #fff;
    width: auto;
    min-width: 270px;
    text-align: center;
    content: attr(title);
}