Skip to content

Instantly share code, notes, and snippets.

View LibertysYarn's full-sized avatar

Liberty LibertysYarn

View GitHub Profile
@LibertysYarn
LibertysYarn / ribbon-bar.css
Created May 27, 2013 03:28
Ribbon Nav Bar - by polepallesunil on CSSPop
import url('http://fonts.googleapis.com/css?family=Lobster');
html, body, ul, li, a, p, div, h1{margin:0px; padding:0px;}
html{background: #77d5fb;}
body{background:none;
width: 100%; height: 100%;
margin: 0 0;
font-family:Arial,Verdana,Sans-Serif;
font-size:12px;
}
@LibertysYarn
LibertysYarn / blockquotes.css
Created May 27, 2013 03:17
Big Curly Blockquotes - by 1man on snipplr
blockquote {
position: relative;
text-indent: 2em;
}
.bqstart,
.bqend { font-size: 300%; }
/* apply IE specific rules first */
.bqstart {
@LibertysYarn
LibertysYarn / fancy-drop-cap.css
Created May 27, 2013 03:07
Chunky First Letter Drop Cap - from line25.com
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
margin: 0; padding: 0; border: 0;
}
body {
font-family: "Chunk", Sans-Serif; color: #fff;
background: #566074 url(bg.png);
}
@font-face {
@LibertysYarn
LibertysYarn / social ribbons.css
Created May 27, 2013 03:02
Social Ribbons - Skylerknight
@import url(http://fonts.googleapis.com/css?family=Allura);
@import url(http://weloveiconfonts.com/api/?family=entypo);
/* entypo */
[class*="entypo-"]:before {
font-family: 'entypo', sans-serif;
}
body{
margin: 0;
@LibertysYarn
LibertysYarn / hover-icons.css
Created May 27, 2013 02:53
Retro Comment Hover Icons - from
/* Arbaoui Mehdi copyright 2013 */
/* Notice : Hover effect on social media icons */
body {
background: url("http://www.depotwebdesigner.com/images/1/background.jpg");
font: 15px/150% Georgia, "Times New Roman", Times, serif; }
/* =============================================== /*
/* /*
/* Animate CSS : http://daneden.me/animate /*
@LibertysYarn
LibertysYarn / Text.html
Created May 27, 2013 02:48
Retro Style Text - from Rishabh
<link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet'>
<h1>☺ Retro Style ☺</h1>
@LibertysYarn
LibertysYarn / TV-404.css
Created May 27, 2013 02:45
Retro TV 404 page - from line25.com
body {
background-color: #000;
background-image: url(images/static.gif);
font-family: &#039;Montserrat&#039;, sans-serif; text-transform: uppercase; letter-spacing: 0.3em;
font-size: 62.5%;
}
body, html, div {
height: 100%;
}
@LibertysYarn
LibertysYarn / retro-navbar.css
Created May 27, 2013 02:41
Retro Navbar - from CodePen.io
/*
* Copyright (c) 2012-2013 Arbaoui Mehdi
* http://www.depotwebdesigner.com
*/
body {
padding:5px;
font-family: Georgia;
}
#navigation {
@LibertysYarn
LibertysYarn / flat-menu.css
Created May 27, 2013 02:36
Flat Menu - from line25.com
nav ul {
list-style: none; overflow: hidden; position: relative;
}
nav ul li {
float: left; margin: 0 20px 0 0;
}
nav ul li a {
display: block; width: 120px; height: 120px;
background-image: url(icons.png); background-repeat: no-repeat;
}
@LibertysYarn
LibertysYarn / retro image.html
Created May 27, 2013 02:34
Retro image effect - from line25.com
<div class="retro">
<img src="images/retrofy-me.jpg" alt="Retro is cool!" />
</div>