Skip to content

Instantly share code, notes, and snippets.

-webkit-transform: translate3d(0,0,0);
// Adjust WooCommerce Content Wrapper
remove_action('woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action('woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);
add_action('woocommerce_before_main_content', 'woostore_before_content', 10);
add_action('woocommerce_after_main_content', 'woostore_after_content', 20);
function woostore_before_content() {
@ramzesimus
ramzesimus / greyScale.svg
Last active December 11, 2015 20:09
CSS: Grayscale
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(greyScale.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
@ramzesimus
ramzesimus / gist:4190361
Created December 2, 2012 18:37
PHP: Get Post ID
if( isset( $_GET['post'] ) ) $post_id = $_GET['post'];
elseif( isset( $_POST['post_ID'] ) ) $post_id = $_POST['post_ID'];
if( !isset( $post_id ) ) return;
@ramzesimus
ramzesimus / gist:4149219
Created November 26, 2012 16:40
CSS: Grayscale Filter
img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
img.grayscale.disabled {
filter: none;
-webkit-filter: grayscale(0%);
}
@ramzesimus
ramzesimus / gist:4128965
Created November 22, 2012 01:44
WP: Plugin Template
<?php
/*
Plugin Name: Name Of The Plugin
Plugin URI: http://URI_Of_Page_Describing_Plugin_and_Updates
Description: A brief description of the Plugin.
Version: The Plugin's Version Number, e.g.: 1.0
Author: Name Of The Plugin Author
Author URI: http://URI_Of_The_Plugin_Author
License: A "Slug" license name e.g. GPL2
*/
@ramzesimus
ramzesimus / gist:3958370
Created October 26, 2012 11:55
CSS: Image Replacement
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
@ramzesimus
ramzesimus / gist:3956244
Created October 26, 2012 00:04
CSS: Text Gradient + Text Shadow
.title {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9bc7e2), color-stop(100%, #9bc7e2));
background-image: -webkit-linear-gradient(#ffffff,#9bc7e2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #fff;
position: relative;
text-shadow: none;
}
.title:before {
@ramzesimus
ramzesimus / gist:3931302
Created October 22, 2012 12:30
CSS: Greyscale Effect
filter: grayscale(100%);
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
<svg xmlns="http://www.w3.org/2000/svg">
<filter id="grayscale">
<feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>
</filter>
</svg>
@ramzesimus
ramzesimus / gist:3924168
Created October 20, 2012 17:40
CSS: Opacity Cross Browser
.transparent_class {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;