Skip to content

Instantly share code, notes, and snippets.

@floledermann
Last active January 6, 2017 09:44
Show Gist options
  • Select an option

  • Save floledermann/817902113599a043cbdd to your computer and use it in GitHub Desktop.

Select an option

Save floledermann/817902113599a043cbdd to your computer and use it in GitHub Desktop.
Labels for Spices, Teas etc.
<!doctype html>
<meta charset="utf-8">
<!--
Labels for Spices, Teas etc.
View at:
http://rawgit.com/floledermann/817902113599a043cbdd/raw/labels.html
Printing works best in Firefox as of 2014-07-01
(c) 2014 Florian Ledermann
-->
<link href='http://fonts.googleapis.com/css?family=Euphoria+Script|Princess+Sofia|Rouge+Script|Yesteryear|Engagement|Tangerine|Great+Vibes|Dancing+Script:700|Amatic+SC:700|Kaushan+Script|Rochester|Loved+by+the+King|Meddon|Bonbon' rel='stylesheet' type='text/css'>
<style type="text/css">
body {
margin: 0;
padding: 0;
/*
font-family: 'Droid Serif', serif;
font-family: 'Euphoria Script', cursive;
font-family: 'Princess Sofia', cursive;
font-family: 'Rouge Script', cursive;
font-family: 'Yesteryear', cursive;
font-family: 'Engagement', cursive;
font-family: 'Tangerine', cursive;
font-family: 'Great Vibes', cursive;
font-family: 'Amatic SC', cursive;
font-family: 'Kaushan Script', cursive;
font-family: 'Rochester', cursive;
font-family: 'Loved by the King', cursive;
font-family: 'Meddon', cursive;
font-family: 'Bonbon', cursive;
font-family: 'Dancing Script', cursive;
*/
font-family: 'Dancing Script', cursive;
font-size: 17.3pt;
line-height: 1.3;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
clear: both;
border-top: 0.5pt dotted #ddd;
border-left: 0.5pt dotted #ddd;
}
ul.labels li {
float: left;
width: 6.8em;
xheight: 1.7cm;
padding: 0.2em 0 0.3em;
margin: 0;
text-align: center;
border-right: 0.5pt dotted #ddd;
border-bottom: 0.5pt dotted #ddd;
}
ul.labels li.clear {
float: none;
clear: both;
height: 0;
xwidth: 100%;
border: none;
}
html ul.twoline li {
padding: 0.2em 0;
}
ul.labels li small {
display: block;
font-size: 70%;
}
</style>
<body>
<ul class="labels">
<li>Estragon
<li>Salbei
<li>Curry
<li>Majoran
<li>Kümmel
<li>Kreuzkümmel
<li>Schwarzkümmel
<li>Lorbeer
<li>Thymian
<li>Rosmarin
<li>Salz
<li>Strathpeffer
<li>Pfeffer
<li>Oregano
<li>Paprika
<li>Paprika*
<li>Fenchel
<li>Scharf !
<li>Nelken
<li>Neugewürz
<li>Sternanis
<li>Wakame
<li>Curcuma
<li>Liebstöckl
<li>Anis
<li>Zimt
<li>Zimt
<li>Quendel
<li>Kardamon
<li>Muskatnuss
<li>Basilikum
<li>Koriander
<li>Kamille
<li>Brennessel
<li>Fenchel
<li>Zitronenmelisse
<li>Minze
<li>Pfefferminz
<li>Gunpowder
<li>Darjeeling
<li>Assam
<li>Früchtetee
<li>Tee
<li>Estragon
<li>Curry
<li class="clear">
</ul>
<ul class="labels twoline">
<li>Paprika<small>scharf</small>
<li>Zimt<small>Stangen</small>
<li>Zimt<small>gemahlen</small>
<li>Chili<small>Schoten</small>
<li>Chili<small>Flocken</small>
<li>Pfeffer<small>Körner</small>
<li>Pfeffer<small>gemahlen</small>
<li>Kala Namak<small>(Schwefelsalz)</small>
<li class="clear">
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment