Skip to content

Instantly share code, notes, and snippets.

/* login leds */
body, html {
background:#252525;
font-family: Arial, Helvetica, Arial, sans-serif;
}
#container {
width: 626px; width:709px;
height: 256px;
/* 2 rotated Username & Masked Password Stickers http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
body { padding:20px 0 30px; font: 20px 'Gloria Hallelujah', cursive; ;
text-align:center; color:#333; background:white; }
a { font-weight:bold; color:#346AA8; }
a:hover, a:focus, a:active { text-decoration:none; }
.container { position:relative; z-index:1; width:600px; padding:20px; margin:0 auto; background:white; }
.container:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
/* Shared styles */
/* rotated http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
body { padding:20px 0 30px; font: 20px 'Gloria Hallelujah', cursive; ;
text-align:center; color:#333; background:white; }
a { font-weight:bold; color:#346AA8; }
a:hover, a:focus, a:active { text-decoration:none; }
.container { position:relative; z-index:1; width:600px; padding:20px; margin:0 auto; background:white; }
.container:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
/* Shared styles */
/* rotated http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
body { padding:20px 0 30px; font: 20px 'Gloria Hallelujah', cursive; ;
text-align:center; color:#333; background:white; }
a { font-weight:bold; color:#346AA8; }
a:hover, a:focus, a:active { text-decoration:none; }
.container { position:relative; z-index:1; width:600px; padding:20px; margin:0 auto; background:white; }
.container:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
/* Shared styles */
@innovationhero
innovationhero / dabblet.css
Created July 13, 2012 15:12
side menu that includes profile, settings, etc,
/* side menu that includes profile, settings, etc, */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
menu a {
display: block;
text-decoration: none;
font: 10px 'Gloria Hallelujah', cursive;
letter-spacing: 3px;
text-align: center;
/* rotated http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
body { padding:20px 0 30px; font:14px/1.5 Arial, sans-serif; text-align:center; color:#333; background:#FAF0D9; }
a { font-weight:bold; color:#346AA8; }
a:hover, a:focus, a:active { text-decoration:none; }
.container { position:relative; z-index:1; width:600px; padding:20px; margin:0 auto; background:#FAF0D9; }
.container:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
/* Shared styles */
.drop-shadow { position:relative; float:left; width:40%; padding:1em; margin:2em 10px 4em; background:#fff; -web
/* rotated http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
body { padding:20px 0 30px; font: 20px 'Gloria Hallelujah', cursive; ;
text-align:center; color:#333; background:white; }
a { font-weight:bold; color:#346AA8; }
a:hover, a:focus, a:active { text-decoration:none; }
.container { position:relative; z-index:1; width:600px; padding:20px; margin:0 auto; background:white; }
.container:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
/* Shared styles */
/* rotated http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
body { padding:20px 0 30px; font:14px/1.5 Arial, sans-serif; text-align:center; color:#333; background:#FAF0D9; }
a { font-weight:bold; color:#346AA8; }
a:hover, a:focus, a:active { text-decoration:none; }
.container { position:relative; z-index:1; width:600px; padding:20px; margin:0 auto; background:#FAF0D9; }
.container:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
/* Shared styles */
.drop-shadow { position:relative; float:left; width:40%; padding:1em; margin:2em 10px 4em; background:#fff; -web
@innovationhero
innovationhero / dabblet.css
Created July 13, 2012 11:06
missing after & before
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
textbox
{
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
@innovationhero
innovationhero / dabblet.css
Created July 13, 2012 11:06
missing after & before
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
textbox
{
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);