Skip to content

Instantly share code, notes, and snippets.

@lyzadanger

lyzadanger/blackwatch.css

Created August 23, 2011 18:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lyzadanger/1166011 to your computer and use it in GitHub Desktop.
Save lyzadanger/1166011 to your computer and use it in GitHub Desktop.
Download ZIP
Black Watch Plaid CSS Background (Webkit)
Raw
blackwatch.css
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
background: -webkit-repeating-linear-gradient(-45deg, rgba(0,0,0,.15), rgba(0,0,0,.15) 2px, transparent 2px, transparent 4px) 0 70px,
-webkit-linear-gradient(180deg, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, rgba(19,89,70,.5) 1px, rgba(19,89,70,.5) 14px, transparent 14px, transparent 70px, rgba(19,89,70,.5) 70px) 0 0,
-webkit-linear-gradient(90deg,rgba(0,0,0,.7), rgba(0,0,0,.7) 1px, rgba(19,89,70,.5) 1px, rgba(19,89,70,.5) 14px, transparent 14px, transparent 70px, rgba(19,89,70,.5) 70px) 0 0,
-webkit-linear-gradient(180deg, transparent, transparent 40px, rgba(0,0,0,.2) 40px, rgba(0,0,0,.2) 41px, rgba(0,0,0,.5) 41px, rgba(0,0,0,.5) 43px, rgba(0,0,0,.2) 43px, rgba(0,0,0,.2) 44px, transparent 44px) 0 0,
-webkit-linear-gradient(90deg, transparent, transparent 40px, rgba(0,0,0,.2) 40px, rgba(0,0,0,.2) 41px, rgba(0,0,0,.5) 41px, rgba(0,0,0,.5) 43px, rgba(0,0,0,.2) 43px, rgba(0,0,0,.2) 44px, transparent 44px) 0 0,
-webkit-linear-gradient(180deg, transparent, transparent 28px, rgba(0,0,80,.75) 28px, rgba(0,0,80,.75) 56px, transparent 56px) 0 0,
-webkit-linear-gradient(90deg, rgba(0,0,80,.2), rgba(0,0,80,.2) 28px, rgba(0,0,80,.6) 28px, rgba(0,0,80,.6) 56px, rgba(0,0,80,.2) 56px) 0 0,
-webkit-linear-gradient(180deg, rgba(0,0,80,.2), rgba(0,0,80,.2) 28px, rgba(0,0,80,.6) 28px, rgba(0,0,80,.6) 56px, rgba(0,0,80,.2) 56px) 0 0;
background-color: black;
color: white;
background-size: 84px 84px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment