summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/base/window/window.scss
diff options
context:
space:
mode:
authorJouni Koivuviita <jouni@vaadin.com>2012-08-13 08:54:54 +0300
committerJouni Koivuviita <jouni@vaadin.com>2012-08-13 08:54:54 +0300
commit6031735017cd2fad28cdf64f4246e6d9914cc3ad (patch)
tree7ce54cd9b21fd29b425e90833384e1f66f52aa0c /WebContent/VAADIN/themes/base/window/window.scss
parent559775efaf0a8f0f9f1ad6246084667732b15a0f (diff)
parent1fd77ff0d5fc6dee010b5c83acfd5b87b6801264 (diff)
downloadvaadin-framework-6031735017cd2fad28cdf64f4246e6d9914cc3ad.tar.gz
vaadin-framework-6031735017cd2fad28cdf64f4246e6d9914cc3ad.zip
merge master (sass theme changes)
Diffstat (limited to 'WebContent/VAADIN/themes/base/window/window.scss')
-rw-r--r--WebContent/VAADIN/themes/base/window/window.scss166
1 files changed, 166 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/window/window.scss b/WebContent/VAADIN/themes/base/window/window.scss
new file mode 100644
index 0000000000..33e54b046f
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/window/window.scss
@@ -0,0 +1,166 @@
+@mixin base-window {
+
+.v-window {
+ background: #fff;
+}
+.v-window-contents {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.v-window.v-has-width > div.popupContent,
+.v-window.v-has-width .v-window-wrap,
+.v-window.v-has-width .v-window-contents,
+.v-window.v-has-width .v-window-contents > div {
+ width: 100%;
+}
+
+.v-window.v-has-height > div.popupContent,
+.v-window.v-has-height .v-window-wrap,
+.v-window.v-has-height .v-window-contents,
+.v-window.v-has-height .v-window-contents > div {
+ height: 100%;
+}
+
+.v-window-outerheader {
+ padding: 0.3em 1em;
+ height: 1.6em;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.v-window-outerheader,
+.v-window-draggingCurtain {
+ cursor: move;
+}
+.v-window-header {
+ font-weight: bold;
+}
+/* A more specific selector to make sure padding isn't so easily overridden */
+div.v-window-header {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ -ms-text-overflow: ellipsis;
+ overflow: hidden;
+ padding: 0;
+}
+.v-window-header .v-icon {
+ vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */
+}
+.v-window-contents > div {
+ outline: none;
+}
+.v-window-footer {
+ overflow: hidden;
+ zoom: 1;
+ height: 10px;
+ position: relative;
+ cursor: move;
+}
+.v-window-resizebox {
+ width: 10px;
+ height: 10px;
+ background: #ddd;
+ overflow: hidden;
+ position: absolute;
+ right: 0;
+}
+
+.v-window-resizebox,
+.v-window-resizingCurtain {
+ cursor: se-resize;
+}
+
+.v-window div.v-window-footer-noresize {
+ height: 0;
+}
+.v-window-resizebox-disabled {
+ cursor: default;
+ display: none;
+}
+.v-window-closebox {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 1em;
+ height: 1em;
+ background: red;
+ cursor: pointer;
+ overflow: hidden;
+}
+.v-window-modalitycurtain {
+ top: 0;
+ left: 0;
+ background: #999;
+ opacity: 0.5;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ filter: alpha(opacity=50);
+}
+/* Shadow for window */
+.v-shadow-window {
+ position: absolute;
+}
+.v-shadow-window .top-left {
+ position: absolute; overflow: hidden;
+ top: -10px; left: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(img/shadow/top-left.png);
+}
+.v-shadow-window .top {
+ position: absolute; overflow: hidden;
+ top: -10px; left: 13px;
+ height: 28px;
+ right: 13px;
+ background: transparent url(img/shadow/top.png);
+}
+.v-shadow-window .top-right {
+ position: absolute; overflow: hidden;
+ top: -10px; right: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(img/shadow/top-right.png);
+}
+.v-shadow-window .left {
+ position: absolute; overflow: hidden;
+ top: 18px; left: -15px;
+ width: 28px;
+ bottom: 10px;
+ background: transparent url(img/shadow/left.png);
+}
+.v-shadow-window .center {
+ position: absolute; overflow: hidden;
+ top: 18px; left: 13px;
+ bottom: 10px; right: 13px;
+ background: transparent url(img/shadow/center.png);
+}
+.v-shadow-window .right {
+ position: absolute; overflow: hidden;
+ top: 18px; right: -15px;
+ width: 28px;
+ bottom: 10px;
+ background: transparent url(img/shadow/right.png);
+}
+.v-shadow-window .bottom-left {
+ position: absolute; overflow: hidden;
+ bottom: -18px; left: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(img/shadow/bottom-left.png);
+}
+.v-shadow-window .bottom {
+ position: absolute; overflow: hidden;
+ bottom: -18px; left: 13px;
+ right: 13px; height: 28px;
+ background: transparent url(img/shadow/bottom.png);
+}
+.v-shadow-window .bottom-right {
+ position: absolute; overflow: hidden;
+ bottom: -18px; right: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(img/shadow/bottom-right.png);
+}
+
+} \ No newline at end of file