Responsive Sticky Footer with flexible height

Thanks a lot to Galen Gidman for sharing his solution to create Responsive, Flexible-Height Sticky Footers in CSS – works like a charm.

Markup

<header class="page-row">
  <h1>Site Title</h1>
</header>

<main class="page-row page-row-expanded">
  <p>Page content goes here.</p>
</main>

<footer class="page-row">
  <p>Copyright, blah blah blah.</p>
</footer>

CSS

html,
body { 
  height: 100%; 
}
body {
  display: table;
  width: 100%;
}
.page-row {
  display: table-row;
  height: 1px;
} 
.page-row-expanded { 
  height: 100%; 
}
Tags: 

Drupal: Keep EXIF orientation and allow manual cropping of images

Wow, this is more troublesome than expected.

Goal: Let users upload images straight from a camera and manually select an area of the image that should be cropped.

Issue: nearly all modern cameras use EXIF information to tell an images orientation. Drupal image actions ignore this information and all images in landscape format resulting in flipped portrait images. Imagecache Actions module provides an action to rotate images based on EXIF data. But: this doesn't work if the image was resized to the maximum dimensions straight after the upload. And: it doesn't play nice with most image cropping modules.

I've been fighting this issue for some hours now and have something that seems to work for me. It's not extensively tested yet, though. Here's what I came up with:

Modules:

Tags: 

Hover Intent for CSS-only Dropdown Menus

Looking for a way to improve on my pure CSS dropdown menus I found an article by Chris Poteet where he shared his thoughts simulating an hover intent effect by using CSS transitions. The snippet had a big drawback, though: anything that is under the dropdown menu, even when it's not dropped down, cannot be focused anymore. The solution is to simply not trigger the dropdowns opacity property but it's visibilty. I forked Chris' snippet on Codepen with my little change: http://codepen.io/klickreflex/pen/aAbyz

Drupal Base Theme Mothership breaks Contextual Links

Simple CSS solution. Set the trigger to display: block;:

// Contextual links
.contextual-links-region:hover a.contextual-links-trigger {
  display: block;
 }

Instead of patching mothership as it's suggested in the source link, I'd recommend doing this in your own subtheme. As soon as mothership-7.x-3.0 gets a stable release it shouldn't be needed anymore as it has been committed to dev already.

Source: https://www.drupal.org/node/1677374

Pages