no filter
class = _1977
class = aden
class = brooklyn
class = clarendon
class = earlybird
class = gingham
class = hudson
class = inkwell
class = lark
class = lofi
class = mayfair
class = moon
class = nashville
class = perpetua
class = reyes
class = rise
class = slumber
class = toaster
class = walden
class = willow
class = xpro2
Instagram-like css img Filter-Klassen
Figure oder div mit der entsprechenden Filter-Klasse versehen:
    
        <!-- zum Beispiel: -->
        <figure class="aden" > 
        	<img src="/../img.png"> 
        </figure>
    
Verfügbare Filter-Klassen:
  • 1977: class="_1977"
  • Aden: class="aden"
  • Brooklyn: class="brooklyn"
  • Clarendon: class="clarendon"
  • Earlybird: class="earlybird"
  • Gingham: class="gingham"
  • Hudson: class="hudson"
  • Inkwell: class="inkwell"
  • Lark: class="lark"
  • Lo-Fi: class="lofi"
  • Mayfair: class="mayfair"
  • Moon: class="moon"
  • Nashville: class="nashville"
  • Perpetua: class="perpetua"
  • Reyes: class="reyes"
  • Rise: class="rise"
  • Slumber: class="slumber"
  • Toaster: class="toaster"
  • Walden: class="walden"
  • Willow: class="willow"
  • X-pro II: class="xpro2"

Images are resized proportionally

Images don't need to be wrapped with divs or styled with classes. Just add them to your content, that's it. They will be resized - but not enlarged - to fit into the content area.

They always maintain their aspect ratio. You can give an image the scale-with-gridclass, to obtain the same effect.

Absatz mit der Klasse bildlegende

barranco
Bildbeschriftung mit caption js

Video streams are resized proportionally

Wrap your vimeo or youtube video with a div that has a class called " video-container". It's magic!

Paso Doble offers the following Image Scaling Classes

  1. scale-with-gid = max. 100% of the container-width - but not enlarged
  2. max-image = 100% of the container-width - could be enlarged
  3. two-thirds-image = 66% of the article-width
  4. half-image = 50% of the article-width
  5. third-image = 33% of the article-width

Examples:

max-image

two-thirds-image

half-image

third-image


galerie mit thumbnail navigation als ersatz für flash galerie