Ken Verhaegen xewl

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

	/*
	* goes in theme functions.php or a custom plugin. Replace the image filename/path with your own :)
	*
	**/
	add_action( 'init', 'custom_fix_thumbnail' );

	function custom_fix_thumbnail() {
	add_filter('woocommerce_placeholder_img_src', 'custom_woocommerce_placeholder_img_src');

	function custom_woocommerce_placeholder_img_src( $src ) {

	# Apache configuration file
	# httpd.apache.org/docs/2.2/mod/quickreference.html
	# Note .htaccess files are an overhead, this logic should be in your Apache
	# config if possible: httpd.apache.org/docs/2.2/howto/htaccess.html
	# Techniques in here adapted from all over, including:
	# Kroc Camen: camendesign.com/.htaccess
	# perishablepress.com/press/2006/01/10/stupid-htaccess-tricks/
	# Sample .htaccess file of CMS MODx: modxcms.com
	# This is the free sample of .htaccess from 6GO s.r.l.
	# @author Claudio Ludovico Panetta (@Ludo237)

	<?php
	/**
	* The only reliable way of determining if a child exists
	* in SimpleXMLElement is to use count(). All other methods
	* do not work reliably in global or local NS.
	*
	* NOTE: Error suppresion on @count() is used to suppress
	* "PHP Warning: count(): Node no longer exists"
	*/
	if(!class_exists('SimpleXMLElement')) die("Bonkers");

	.twitter-typeahead .tt-hint {
	border: 0;
	padding: 0;
	}

	.tt-dropdown-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #fff;

	<?php

	class MY_Security extends CI_Security{

	//overriding the normal csrf_verify, this gets automatically called in the Input library's constructor
	//verifying on POST and PUT and DELETE
	public function csrf_verify(){

	$request_method = strtoupper($_SERVER['REQUEST_METHOD']);

	# Compiled source #
	###################
	*.com
	*.class
	*.dll
	*.exe
	*.o
	*.so

	# Packages #

	let re = /^(\d[\wäöüß\d '\/\\\-\.]+)[,\s]+(\d+)\s([\wäöüß\d\-\/]*)$/i
	let adressen = [
	'Dorpstraat 2',
	'Dorpstr. 2',
	'Laan 1933 2',
	'18 Septemberplein 12',
	'Kerkstraat 42-f3',
	'Kerk straat 2b',
	'42nd street, 1337a',
	'1e Constantijn Huigensstraat 9b',

	<?php
	// Force pickup as a shipping option if one or more products in the catalog is marked as pickup only.
	// To do this, add a shipping class with the slug 'pickup-only' then set products with that class as required.
	// Add this script to your theme's functions.php or similar.

	function hideShippingWhenPickupRequired($rates, $package)
	{
	foreach ($package['contents'] as $item) {
	$product = $item['data'];
	$shippingClass = $product->get_shipping_class();

	<?php
	/**
	* Get the file size of any remote resource (using get_headers()),
	* either in bytes or - default - as human-readable formatted string.
	*
	* @author Stephan Schmitz <[email protected]>
	* @license MIT <http://eyecatchup.mit-license.org/>
	* @url <https://gist.github.com/eyecatchup/f26300ffd7e50a92bc4d>
	*
	* @param string $url Takes the remote object's URL.