Skip to content

Instantly share code, notes, and snippets.

@vdchristelle
vdchristelle / placeholder input field.js
Last active December 22, 2015 15:29
Input field placeholders and styling them
$(document).ready(function() {
// placeholder for newsletter input field
$('.i18n-nl .newsletter .email').attr("placeholder", "Uw E-mailadres");
$('.i18n-fr .newsletter .email').attr("placeholder", "Votre adresse E-mail");
});
@vdchristelle
vdchristelle / turn off iPhone-Safari input element rounding.css
Created September 9, 2013 07:41
turn off iPhone/Safari input element rounding
//----------------------------------------------//
//---- input rounded corners on iPad/Safari ----//
//----------------------------------------------//
// turn off iPhone/Safari input element rounding
input { -webkit-appearance: none; border-radius: 0; }
@vdchristelle
vdchristelle / Prevent iPhone Text Enlargement.css
Created September 9, 2013 07:42
Prevent iPhone Text Enlargement on resize
/*
* Prevent iPhone Text Enlargement
*/
body {
-webkit-text-size-adjust: none;
}
@vdchristelle
vdchristelle / Hack characters for IE.css
Created September 9, 2013 07:43
Hack characters for IE Targetting the different IE versions Uniquely with 4 Characters
/**
*Hacks for IE
*
*/
/****** Targetting the different IE versions Uniquely with 4 Characters *********/
body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
@vdchristelle
vdchristelle / Multi column.css
Created September 9, 2013 07:44
multi-column CSS - doesn't work in IE8, but hey who cares? ;-)
//multi-column CSS - doesn't work in IE8, but hey who cares? ;-)
.twocolumn {
-webkit-column-count: 2;
-moz-column-count: 2;
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
-ms-column-gap: 40px;
@vdchristelle
vdchristelle / Shadow
Created September 9, 2013 07:45
CSS shadow effect
.shadow {
position: relative;
&:before {
z-index: -20;
position: absolute;
content: "";
bottom: 18px;
left: 10px;
width: 50%;
@vdchristelle
vdchristelle / ct_sort css fix drag-and-drop-handle.css
Created September 9, 2013 07:46
Problem: drag and drop handle gets stripped from the CSS 1. go to the_aim_theme settings and remove stripping of system.base.css 2. add code below to your css
// first go to the_aim_theme settings and remove stripping of system.base.css
// second: add code below to your css
.draggable a.tabledrag-handle {
height: 0.7em;
margin-left: 0;
font-size: 2.5em;
padding-top: 8px;
}
@vdchristelle
vdchristelle / Flexslider bug Chrome.css
Created September 9, 2013 07:48
Chrome bug fix (page moving up and down a few pics on slide) Put this CSS on any element of your page e.g. content
/*Chrome bug fix (page moving up and down a few pics on slide) */
#content {
-webkit-transform: rotate(0deg); /* WebKit */
-moz-transform: rotate(0deg); /* Mozilla */
-o-transform: rotate(0deg); /* Opera */
-ms-transform: rotate(0deg); /* Internet Explorer */
transform: rotate(0deg); /* CSS3 */
}
@vdchristelle
vdchristelle / Fixes.module
Created September 9, 2013 07:52
A fix for translation of labels in webforms. Just enable the god damn thing and your labels will be translated. Special thanks to Thierry Beeckmans! We are greatfull dude!
<?php
/**
* @file
* Custom code for your dupal 7 site
*/
/**
* Implements hook_help().
*/
function fixes_help($path, $arg) {
@vdchristelle
vdchristelle / README
Created September 9, 2013 07:55
Module adds 'language' to the search SQL query.
A fix for the localization lack of the search results.
Search module doesn\'t return localized search results, logically, as it is a side wide result.
However, in some cases we only want to see the localized results, therefore this module adds the language argument to the SQL query.
This is what you should do:
- Copy this module into your "../modules/custom" folder
- Activate the module
- And that's it, all the rest is handled by this piece of code!