Skip to content

Instantly share code, notes, and snippets.

@rdallaire
rdallaire / Interface Tricks
Last active December 14, 2015 23:18
CSS & Other Interface Enhancements
<!-- CSS Arrows
========================================= -->
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
.arrow-down {
@rdallaire
rdallaire / wordpress snipps
Created March 15, 2013 20:33
WordPress Snippets
/* Hide Admin Bar
Place inside functions.php
====================================== */
add_filter('show_admin_bar', '__return_false');
@rdallaire
rdallaire / Back to top
Created May 15, 2013 21:27
Back to top with twitter bootstrap markup
a.backtotop{
position: fixed;
bottom: -4px;
padding-bottom: 16px;
right: 20px;
width: 50px;
}
#top i{
margin: 3px 0 0 5px ;
}
<!-- DYNAMIC NAV! -->
<!--
<ul>
{% for page in pages %}
<li><a href="{{ page.url }}">{{ page.title }}</a></li>
{% endfor %}
</ul>
-->
<div id="sliderWrapper">
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<a href="/"><img src="{{ 'img/slides/slide-kof.png' | asset_url }}" alt="" data-transition="boxRain" /></a>
<a href="/"><img src="{{ 'img/slides/slide-megaman.png' | asset_url }}" alt="" data-transition="boxRain" /></a>
<a href="/"><img src="{{ 'img/slides/slide-neomax.png' | asset_url }}" alt="" data-transition="boxRain" /></a>
<a href="/"><img src="{{ 'img/slides/slide-redhor.png' | asset_url }}" alt="" data-transition="boxRain" /></a>
<a href="/"><img src="{{ 'img/slides/slide-rot.png' | asset_url }}" alt="" data-transition="boxRain" /></a>
<a href="/"><img src="{{ 'img/slides/slide-tov.png' | asset_url }}" alt="" data-transition="boxRain" /></a>
.continue_browsing a {
background: #626262;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #626262 0%, #3a3a3a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#3a3a3a));
background: -webkit-linear-gradient(top, #626262 0%,#3a3a3a 100%);
background: -o-linear-gradient(top, #626262 0%,#3a3a3a 100%);
background: -ms-linear-gradient(top, #626262 0%,#3a3a3a 100%);
background: linear-gradient(to bottom, #626262 0%,#3a3a3a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#3a3a3a',GradientType=0 );
<header class="toolbar-wrapper top-bar">
<!-- Taken from layout/header/toolbar -->
<div class="row">
<!-- SHOW category tree button on SMALL/MEDIUM -->
<a href="javascript:void(0)" id="cat-trigger" class="small-2 medium-5 large-5 column show-for-medium-down "></a>
/*****************************************************************************************
* SIDE-BY-SIDE CATEGORY TREE AND BUYLIST CATEGORY TREE
*
* This ajax script retrieves either the store's buylist category tree or the regular
* category tree (based on which URL you are on) and inserts it into your theme. This
* enables your site to display BOTH category trees side by side.
*
* To Use:
* 1) Copy/paste the contents of for_theme.txt file into your theme.liquid file.
* 2) Edit the two category tree ID's indicated below (if necessary).
@rdallaire
rdallaire / main.js
Last active December 20, 2015 17:09
Search Drop Down for Stores/ blogs
searchHandler: function() {
var searchForm = $('#search-form'), // ID on the form tag
searchInput = $('#search-input'), // ID on the search input box
searchOptions = $('#search-options'); // ID on the html select tag
// Set the default to the store
searchForm.attr('action', 'http://supergamesinc.dev.crystalcommerce.com/products/search');
searchInput.attr('name', 'q');
{% comment %}
<!--
Super Games Inc
-----------------------------------------------------------
Designed and Developed by CrystalCommerce.com
Design & Development Ross Dallaire
Josh McDonald
Megan Plummer