Skip to content

Instantly share code, notes, and snippets.

View Lego2012's full-sized avatar

Leo Merkel Lego2012

View GitHub Profile
@Lego2012
Lego2012 / definitive-web-font-stacks.css
Created September 26, 2016 20:31
Definitive Web Font Stacks
/* The Times New Roman-based serif stack: */
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
/* A modern Georgia-based serif stack:*/
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
/*A more traditional Garamond-based serif stack:*/
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
/*The Helvetica/Arial-based sans serif stack:*/
@Lego2012
Lego2012 / drop-cap.css
Created September 26, 2016 20:33
Drop Cap
p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#FF3366;
font-size:60px;
font-family:Georgia;
}
@Lego2012
Lego2012 / first-article-larger.css
Created September 26, 2016 20:35
Erster Artikel größer
p:first-child::first-letter{
font-family: "papyrus";
font-size: 28px;
font-weight: bold;
}
@Lego2012
Lego2012 / hardboiled-css3-media-queries.css
Created September 26, 2016 20:37
Hardboiled CSS3 Media Queries
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
@Lego2012
Lego2012 / highlight-checked-input.css
Created September 26, 2016 20:37
Highlight Checked Input
input:checked + label{
background: yellow;
}
@Lego2012
Lego2012 / jedes-n-kind-auswählen.css
Created September 26, 2016 20:38
Jedes (n)te Kind auswählen
table tr:nth-child(2n) {
background-color: #999;
}
@Lego2012
Lego2012 / simple-and-nice-blockquote-styling.css
Created September 26, 2016 20:42
Simple and nice Blockquote Styling
blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
@Lego2012
Lego2012 / split-text-into-columns.css
Created September 26, 2016 20:42
Split Text into Columns
column-count: 2;
@Lego2012
Lego2012 / style-links-depending-on-format.css
Created September 26, 2016 20:43
Style Links depending on Format
@Lego2012
Lego2012 / table-auto-width.css
Created September 26, 2016 20:44
Table Auto Width
td {
white-space: nowrap;
}