Skip to content

Instantly share code, notes, and snippets.

@mjaschen

mjaschen/uci.html

Created August 22, 2016 09:01
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 mjaschen/01918630499ef7548ac33e072c0d3be1 to your computer and use it in GitHub Desktop.
Save mjaschen/01918630499ef7548ac33e072c0d3be1 to your computer and use it in GitHub Desktop.
Download ZIP
UCI Stripes with CSS Gradients
Raw
uci.html
<html>
<head>
<style>
html, body {
padding: 0;
margin: 0;
}
/* http://colorzilla.com/gradient-editor/#1e76bd+0,1e76bd+20,c7203c+20,c7203c+40,000000+40,000000+60,f8df00+60,f8df00+80,35b24a+80,35b24a+100 */
.uci-stripes {
background: -moz-linear-gradient(top, #1e76bd 0%, #1e76bd 20%, #c7203c 20%, #c7203c 40%, #000000 40%, #000000 60%, #f8df00 60%, #f8df00 80%, #35b24a 80%, #35b24a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e76bd 0%,#1e76bd 20%,#c7203c 20%,#c7203c 40%,#000000 40%,#000000 60%,#f8df00 60%,#f8df00 80%,#35b24a 80%,#35b24a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e76bd 0%,#1e76bd 20%,#c7203c 20%,#c7203c 40%,#000000 40%,#000000 60%,#f8df00 60%,#f8df00 80%,#35b24a 80%,#35b24a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
</style>
</head>
<body>
<div class="uci-stripes" style="width: 100%; height: 100%;">
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment