Add base 'cloudstack' SCSS file
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/382723d5 Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/382723d5 Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/382723d5 Branch: refs/heads/ui-restyle Commit: 382723d5c2f95fb11370b3cf232d498539205822 Parents: 18a063f Author: Brian Federle <[email protected]> Authored: Mon Sep 23 11:17:28 2013 -0700 Committer: Brian Federle <[email protected]> Committed: Mon Sep 23 11:17:28 2013 -0700 ---------------------------------------------------------------------- ui/stylesheets/cloudstack.scss | 101 ++++++++++++++++++++++++++++++++++++ 1 file changed, 101 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/382723d5/ui/stylesheets/cloudstack.scss ---------------------------------------------------------------------- diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss new file mode 100644 index 0000000..42e674b --- /dev/null +++ b/ui/stylesheets/cloudstack.scss @@ -0,0 +1,101 @@ +@import "csui/csui"; + +html body > .login { + @include csui-login; +} + +body { + background: #dbdbdb; +} + +#template { + display: none !important; +} + +#header { + @include csui-header; + + .controls { + position: relative; + + * { + float: left; + } + } + + #user, .notifications { + position: relative; + float: right; + margin-right: 20px; + padding-right: 20px; + top: -125%; + } + + .notifications { + cursor: pointer; + + .total { + padding: 5px 10px; + @include linear-gradient(lightgray, lighten(black, 15%)); + border-radius: 1px; + margin-top: -5px; + margin-right: 20px; + float: left; + border-radius: 8px; + text-shadow: 0px 1px 1px black; + } + } + + #user { + background: url(csui/img/form/dropdown-arrow-white.png) no-repeat right; + } +} + +#main-area { + width: 1280px; + height: 728px; + margin: 0px auto; + background: white; + box-shadow: 0px -15px 20px gray; + overflow: hidden; + border: 1px solid #c0c0c0; +} + +#navigation { + @include linear-gradient(white, #dbdbdb 7%); + + width: 20%; + height: 100%; + float: left; + + ul { + margin: 60px 0 0 0; + padding: 0; + + li { + list-style: none; + text-indent: 10px; + } + } +} + +#browser { + width: 80%; + height: 100%; + float: left; + box-shadow: -5px 0px 10px #b6b6b6; + + .container { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + + .panel { + background: white; + width: 100%; + height: 100%; + overflow: auto; + } + } +} \ No newline at end of file
