Skip to content

Instantly share code, notes, and snippets.

View lizardking8610's full-sized avatar

Robert lizardking8610

View GitHub Profile
@lizardking8610
lizardking8610 / example.html
Created May 18, 2017 17:36
CSS: typewriter effect
<div class="typewriter">
<h1>some example text for ya</h1>
</div>
@lizardking8610
lizardking8610 / accordion.js
Created May 18, 2017 18:04
jQuery: multiple accordions on 1 wordpress page
jQuery( function($) {
$( "#accordion:nth-child(1n)" ).accordion({
collapsible: true,
active: false,
heightStyle: "content"
});
} );
@lizardking8610
lizardking8610 / DynamicQuiz.css
Created May 19, 2017 07:29
JavaScript: Dynamic Quiz
body {
font-family: Open Sans;
}
h1 {
text-align: center;
}
#title {
text-decoration: underline;
@lizardking8610
lizardking8610 / color-button.css
Created May 23, 2017 07:11 — forked from studiopress/color-button.css
Colored Content Boxes
/* Color Buttons
------------------------------------------------------------ */
.button-blue,
.button-gray,
.button-green,
.button-purple,
.button-red,
.button-yellow {
color: #fff;
@lizardking8610
lizardking8610 / functions.php
Created May 23, 2017 07:17 — forked from studiopress/functions.php
Load Google Fonts.
<?php
//* Do NOT include the opening php tag shown above. Copy the code shown below.
//* Enqueue Lato Google font
add_action( 'wp_enqueue_scripts', 'sp_load_google_fonts' );
function sp_load_google_fonts() {
wp_enqueue_style( 'google-font-lato', '//fonts.googleapis.com/css?family=Lato:300,700', array(), CHILD_THEME_VERSION );
}
@lizardking8610
lizardking8610 / madewithlove.php
Created May 24, 2017 15:28
add heart to footer (made with love) ioicons
//* Enqueue Ionicons
add_action( 'wp_enqueue_scripts', 'bg_enqueue_ionicons' );
function bg_enqueue_ionicons() {
wp_enqueue_style( 'ionicons', '//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css', array(), CHILD_THEME_VERSION );
}
//* Change the footer text
add_filter('genesis_footer_creds_text', 'sp_footer_creds_filter');
function sp_footer_creds_filter( $creds ) {
$creds = '[footer_copyright] &middot; <p class="love">Made and Customized with <i class="icon ion-heart"></i> by Robert McMillin</p>
@lizardking8610
lizardking8610 / media-queries.css
Created May 26, 2017 01:00 — forked from hemantajax/media-queries.css
Very useful media queries snippets
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
@lizardking8610
lizardking8610 / ipad-media-queries.css
Last active May 31, 2017 02:42
Ipad Media Queries
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.largewhite br { content: ' '; }
}
@lizardking8610
lizardking8610 / stitched-border.css
Last active May 31, 2017 03:16
stitched border
.stitched {
padding: 20px;
margin: 10px;
background: #67bbab;
color: #fff;
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
border: 2px dashed #fff;
@lizardking8610
lizardking8610 / mobile_hide_show.css
Created June 3, 2017 03:32
Mobile Hide and Mobile Show
.mobile-hide {
visibility: hidden;
clip: rect(0px, 0px, 0px, 0px);
position: absolute;
display: none;
}
@media only screen and (min-width: 800px) {
.mobile-hide {
visibility: visible;