Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Blue Sky Globes
Sky Globes - I made significant changes to a CSS3 pattern I found on the Internet to make this "Runboard Compatible" CSS "radial-gradient" background. The creator of the original (Auke Zwart) made the code "public domain" to encourage its use.
/* CSS Background */
body {background:
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 85px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -150px -180px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 200px 105px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
linear-gradient(45deg, #26466D 0%, #2B4F81 15%, #4973AB 31%, #4981CE 42%, #1D7CF2 50%, #75A1D0 60%, #003F87 70%, #3B6AA0 80%, #36648B 90%, #344152 100%);
background-size: 225px 225px, 450px 450px, 150px 150px, 300px 300px, 250px 250px, 350px 350px, 100% 100%;
background-color: #840b2a;}
|
