Skip to content

Instantly share code, notes, and snippets.

<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>
.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 );
<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>
<!-- DYNAMIC NAV! -->
<!--
<ul>
{% for page in pages %}
<li><a href="{{ page.url }}">{{ page.title }}</a></li>
{% endfor %}
</ul>
-->
@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 ;
}
@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 / 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 / gist:4341962
Created December 20, 2012 00:17
Quick Cart Drop Down Fixed
// Quick Cart
// TOGGLE CART TRAY FUNCTIONALITY
$('#top-info').on('click', '#cart-preview', function() {
if ($('#cart').hasClass('activated')) {
$('#cart').stop().removeClass('activated').slideUp('fast');
} else {
$('#cart').stop().addClass('activated').slideDown('fast');
}
});
@rdallaire
rdallaire / quickcart1
Created December 11, 2012 18:57
Quick Cart Drop with jquery On
$('#top-info').on('click', '#cart-preview', function() {
if ($('#cart').hasClass('activated')) {
$('#cart').stop().removeClass('activated').slideUp('fast');
} else {
$('#cart').stop().addClass('activated').slideDown('fast');
}
});
@rdallaire
rdallaire / page.liquid
Created December 6, 2012 18:48
Contact Form On Other Pages
{% unless page.title == "Homepage" %}
<h1 class="pagetitle">{{ page.title }}</h1>
<div id="addthis">
<!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=ra-50b76d820adc7f5e"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50b76d820adc7f5e"></script>
<!-- AddThis Button END -->
</div>
{% endunless %}