diff options
| author | Niklas Goby | 2011-04-18 09:43:34 +0200 |
|---|---|---|
| committer | Niklas Goby | 2011-04-18 09:43:34 +0200 |
| commit | d113dab715cea7e6f3da0a0a6e650298a6acc032 (patch) | |
| tree | 65873adce9fa6401026b1b4c89f12a1e8868e3c2 /src/html/style.css | |
| parent | started to write a function for getting all available network (diff) | |
| parent | uniformed formatting... (diff) | |
| download | fbgui-d113dab715cea7e6f3da0a0a6e650298a6acc032.tar.gz fbgui-d113dab715cea7e6f3da0a0a6e650298a6acc032.tar.xz fbgui-d113dab715cea7e6f3da0a0a6e650298a6acc032.zip | |
Merge branch 'master' of git.openslx.org:lsfks/master-teamprojekt/fbgui
Conflicts:
src/sysinfo.h
Diffstat (limited to 'src/html/style.css')
| -rw-r--r-- | src/html/style.css | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/src/html/style.css b/src/html/style.css index 8ebfa3d..817a7ee 100644 --- a/src/html/style.css +++ b/src/html/style.css @@ -30,3 +30,68 @@ h1, p{ #footer{ height:30px; } +/* position the bars and balls correctly (rotate them and translate them outward)*/ +.bar1 { + -moz-transform:rotate(0deg) translate(0, -40px); + -webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.12; +} +.bar2 { + -moz-transform:rotate(45deg) translate(0, -40px); + -webkit-transform:rotate(45deg) translate(0, -40px);opacity:0.25; +} +.bar3 { + -moz-transform:rotate(90deg) translate(0, -40px); + -webkit-transform:rotate(90deg) translate(0, -40px);opacity:0.37; +} +.bar4 { + -moz-transform:rotate(135deg) translate(0, -40px); + -webkit-transform:rotate(135deg) translate(0, -40px);opacity:0.50; +} +.bar5 { + -moz-transform:rotate(180deg) translate(0, -40px); + -webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.62; +} +.bar6 { + -moz-transform:rotate(225deg) translate(0, -40px); + -webkit-transform:rotate(225deg) translate(0, -40px);opacity:0.75; +} +.bar7 { + -moz-transform:rotate(270deg) translate(0, -40px); + -webkit-transform:rotate(270deg) translate(0, -40px);opacity:0.87; +} +.bar8 { + -moz-transform:rotate(315deg) translate(0, -40px); + -webkit-transform:rotate(315deg) translate(0, -40px);opacity:1; +} +#div4 { + position:absolute; + left:50%; + top:50%; + margin-left:-50px; + margin-top:-50px; + width:100px; + height:100px; + -moz-border-radius:100px; + -webkit-border-radius:100px; + -moz-transform:scale(0.5); + -webkit-transform:scale(0.5); + -webkit-animation-name: rotateThis; + -webkit-animation-duration:2s; + -webkit-animation-iteration-count:infinite; + -webkit-animation-timing-function:linear; +} +#div4 div { + width:20px; + height:20px; + background:#fff; + -moz-border-radius:40px; + -webkit-border-radius:40px; + position:absolute; + left:40px; + top:40px; +} +/* add a shadow to the first */ +#div4 div { + -moz-box-shadow:black 0 0 4px; + -webkit-box-shadow:black 0 0 4px; +} |