Skip to content

Instantly share code, notes, and snippets.

Kathryn kathrynwp

Block or report user

Report or block kathrynwp

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@kathrynwp
kathrynwp / mobile.css
Created Mar 5, 2019
Luxury theme mobile styles
View mobile.css
/************************************************
* Desktop Grid *
************************************************/
.row {
position: relative;
width: 100%;
margin: 0 auto;
}
.row .row {
@kathrynwp
kathrynwp / functions.php
Created Mar 29, 2018
Twenty Seventeen Child - display video on mobile
View functions.php
<?php
/**
* Twenty Seventeen Child Theme functions
*
* @link https://developer.wordpress.org/themes/basics/theme-functions/
*
* @package WordPress
* @subpackage Twenty_Seventeen
* @since 1.0
*/
@kathrynwp
kathrynwp / style.css
Created Mar 29, 2018
Twenty Seventeen Child - display video on mobile
View style.css
/*
Theme Name: Twenty Seventeen Child
Description: Twenty Seventeen Child Theme
Author: WordPress
Author URI: http://ordPress.org
Template: twentyseventeen
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: twenty-seventeen-child
@kathrynwp
kathrynwp / sela-grey.css
Created Feb 28, 2018
Sela grey colour palette
View sela-grey.css
/* Grey colour palette for Sela from WordPress.com */
.nav-menu>li>a:after {
color: rgba(0,0,0,.3);
}
.main-navigation a,.social-links ul a:before {
color: #fff;
}
@kathrynwp
kathrynwp / ixion-red.css
Created Feb 19, 2018
Ixion Red Palette
View ixion-red.css
#infinite-handle span,.button,.comment-navigation .nav-next a,.comment-navigation .nav-previous a,.main-navigation .menu-toggle,.post-navigation .nav-next a,.post-navigation .nav-previous a,.posts-navigation .nav-next a,.posts-navigation .nav-previous a,button,input[type=button],input[type=reset],input[type=submit],#infinite-handle span:active,#infinite-handle span:focus,#infinite-handle span:hover,.button:active,.button:focus,.button:hover,.comment-navigation .nav-next a,.comment-navigation .nav-previous a,.main-navigation .menu-toggle,.post-navigation .nav-next a,.post-navigation .nav-previous a,.posts-navigation .nav-next a,.posts-navigation .nav-previous a,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover {
color: #fff;
}
.site-description,.featured-content .hentry .entry-title a {
color:
@kathrynwp
kathrynwp / ixion-green-css
Created Nov 29, 2017
Ixion - Custom Colours, Green and White Palette
View ixion-green-css
#infinite-handle span,
.button,
.comment-navigation .nav-next a,
.comment-navigation .nav-previous a,
.main-navigation .menu-toggle,
.post-navigation .nav-next a,
.post-navigation .nav-previous a,
.posts-navigation .nav-next a,
.posts-navigation .nav-previous a,
button,
@kathrynwp
kathrynwp / dyad2-darkblue.css
Created Nov 22, 2017
Dyad 2 - Dark blue palette
View dyad2-darkblue.css
blockquote,blockquote cite,.comments-area-wrapper blockquote,.comments-area-wrapper blockquote cite{color:inherit}.site-header,.is-scrolled .site-header,.home .site-header,.blog .site-header{background:0 0;text-shadow:none}#page .site-header:before{bottom:0;content:"";display:block;left:0;opacity:.8;position:absolute;right:0;top:0;z-index:0}#site-navigation ul ul a{color:#fff}.banner-featured{text-shadow:none}.posts .entry-inner:before{opacity:.3}.posts .hentry:not(.has-post-thumbnail) .entry-inner:after{border-color:#ddd}.posts .hentry:not(.has-post-thumbnail):before{border-color:#e1e1e1}.posts .hentry .link-more a{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.posts .hentry:hover .link-more a{opacity:.75}.posts .edit-link a{color:#ccc}.posts .edit-link a:hover{color:#aaa}.widget thead tr,.widget tr:hover{background-color:rgba(0,0,0,.1)}@media only screen and (max-width:1200px){.site-header:before,.is-scrolled .site-header:before{opacity:1.0}.has-post-thumbnail .entry-header .entry-meta .ca
@kathrynwp
kathrynwp / dara-pink.css
Created Oct 3, 2017
Dara - Bright Pink Palette
View dara-pink.css
#infinite-handle span,
.hero-content-wrapper .cat-links a,
.jetpack-social-navigation ul li,
.jetpack-social-navigation ul a,
.jetpack-social-navigation ul a:visited,
.main-navigation,
.main-navigation a,
.main-navigation ul ul a,
.button,
.button:hover,
@kathrynwp
kathrynwp / harmonic.css
Created Aug 29, 2017
Harmonic grey-on-black colour palette
View harmonic.css
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
color: #ffffff;
}
mark, ins {
color: #ffffff;
}
a.button:hover {
color: #ffffff;
@kathrynwp
kathrynwp / afterlight.css
Created Aug 2, 2017
Blue on white colour palette for Cyanotype
View afterlight.css
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea {
background-color: #f7f7f7;
border: 1px solid #fff;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus {
background-color: #fff;
border: 1px solid #f7f7f7;
color: #222;
}
You can’t perform that action at this time.