diff options
Diffstat (limited to 'html/webapp/styles.css')
| -rw-r--r-- | html/webapp/styles.css | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/html/webapp/styles.css b/html/webapp/styles.css new file mode 100644 index 0000000..f823a7a --- /dev/null +++ b/html/webapp/styles.css @@ -0,0 +1,91 @@ +canvas { + cursor: default; + outline: none; +} + +body { + background-color: #ffffff; +} + +.superdev { + background-color:#3bb3e0; + font-family: 'Open Sans', sans-serif; + font-size:12px; + text-decoration:none; + color:#fff; + position:relative; + padding:10px 20px; + padding-right:50px; + background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); + background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); + background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); + background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); + background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); + background-image: -webkit-gradient( + linear, + left bottom, + left top, + color-stop(0, rgb(44,160,202)), + color-stop(1, rgb(62,184,229)) + ); + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999; + -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999; + -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999; + box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999; +} + +.superdev:active { + top:3px; + background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); + background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); + background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); + background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); + background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); + background-image: -webkit-gradient( + linear, + left bottom, + left top, + color-stop(0, rgb(62,184,229)), + color-stop(1, rgb(44,160,202)) + ); + -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999; + -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999; + -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999; + box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999; +} + +.superdev::before { + background-color:#2591b4; + background-image:url(refresh.png); + background-size: 12px; + background-repeat:no-repeat; + background-position:center center; + content:""; + width:20px; + height:20px; + position:absolute; + right:15px; + top:50%; + margin-top:-9px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + -webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; + -moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; + -o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; + box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; +} + +.superdev:active::before { + top:50%; + margin-top:-12px; + -webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; + -moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; + -o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; + box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6; +}
\ No newline at end of file |