Skip to content

Instantly share code, notes, and snippets.

View nathancarnes's full-sized avatar

Nathan Carnes nathancarnes

View GitHub Profile
<div class="Tags">
<div class="Dropdown">
<a class="button" href="#"><span>Tag</span></a>
<ul class="Menu">
<li><a href="#">Tag 1</a></li>
<li><a href="#">Tag 2</a></li>
<li><a href="#">Tag 3</a></li>
</ul>
</div>
<ul class="CurrentTags">
/* Home Page */
.home{
header{ background: url('../images/bkgnd_main01t.jpg') no-repeat top center; height: 480px;
#header_content{ height: auto; }
}
.jshowoff{ clear: both; position: relative; top: -15px; }
#masthead{ .container; color: @reverse_font_color; position: relative; height: 320px; clear: both;
.slide{ height: 320px; position: relative; overflow: hidden;
#map_container{ height: 300px; width: 625px; }
/*
* Site: Home Federal
* Date: April 2011
* Author: Carnes Media
*/
/* Import reset, utilities, and settings */
@import 'vendor/reset';
@import 'components/utilities';
@import 'components/typography';
$(document).ready( function(){
$('embed').hide();
$('#video_switcher a').click( function(){
$('.vid:visible').hide();
$( $(this).attr('href') ).show();
return false;
});
});
.ym-button {
// defined elsewhere, sets up button styles and some such
}
.adrians-button {
.ym-button; // No ampersand, yo
background-color: @purple-as-fuck; // assuming this is a supposed to be a variable?
}
@nathancarnes
nathancarnes / gist:2681482
Created May 13, 2012 05:00
Actual email I actually got
Nathan Carnes
Web design
Nathan Carnes
Bellingham
Bellingham,SC 80218
Dear Nathan:
I'd like to set up a webinar with you and other appropriate individuals regarding WAPing your website. Have you looked at your website on smart phones such as the iPhone, BlackBerry, Android or Windows Mobile device - or tablets such as the iPad and Android? In our webinar, I will show you how your website currently looks on smartphones and tablets. I will also provide you with a preliminary view of your mobile enabled website (WAP) we have created in anticipation of our call.
@nathancarnes
nathancarnes / fancyCheckboxes.js
Created June 22, 2012 21:09
Use custom checkboxes instead of wonky browser ones
(function($) {
$.fn.fancyCheckboxes = function() {
return this.each(function() {
var input = this;
$(input).hide();
var fancy_checkbox =
$('<span class="fancy_checkbox"/>')
.addClass(
$(input).attr('checked') ? 'checked' : ''
$(document).ready(function(){
$(".video_modalB").fancybox({
'titleShow' : false,
'type': 'iframe',
'width' : 360,
'height': 643,
'margin': 0,
'padding': 0,
'overlayOpacity': .5,
'transitionIn': 'none',
@nathancarnes
nathancarnes / gist:3948871
Created October 24, 2012 21:04
Install nokogiri 1.4.4
gem install nokogiri -v=1.4.4 -- --with-xml2-include=/usr/local/Cellar/libxml2/2.7.8/include/libxml2 --with-xml2-lib=/usr/local/Cellar/libxml2/2.7.8/lib --with-xslt-dir=/usr/local/Cellar/libxslt/1.1.26 --with-iconv-include=/usr/local/Cellar/libiconv/1.13.1/include --with-iconv-lib=/usr/local/Cellar/libiconv/1.13.1/lib
$categories:
watersports-repair #ad1d17,
anti-fog #f25012,
clean-deodorize #881f7f,
wetsuit-drysuit-maintenance #738821,
dive-essentials #0072b7;
@each $category in $categories{
$class: nth($category, 1);
$color: nth($category, 2);