1 // Window

     2 

     3 .@{prefix}-fullscreen {

     4 	border: 0; padding: 0; margin: 0;

     5 	overflow: hidden;

     6 	background: @window-fullscreen-bg;

     7 	height: 100%;

     8 }

     9 

    10 div.@{prefix}-fullscreen {

    11 	position: fixed;

    12 	top: 0; left: 0;

    13 }

    14 

    15 #@{prefix}-modal-block {

    16 	.opacity(0);

    17 	position: fixed;

    18 	left: 0; top: 0;

    19 	width: 100%; height: 100%;

    20 	background: @window-modalblock-bg;

    21 }

    22 

    23 #@{prefix}-modal-block.@{prefix}-in {

    24 	.opacity(@window-modalblock-opacity);

    25 }

    26 

    27 .@{prefix}-window-move {

    28 	cursor: move;

    29 }

    30 

    31 .@{prefix}-window {

    32 	.border-radius(6px);

    33 	.box-shadow(@window-box-shadow);

    34 	.reset-gradient();

    35 	background: @window-bg;

    36 	position: fixed;

    37 	top: 0; left: 0;

    38 	opacity: 0;

    39 	.transition(opacity 150ms ease-in);

    40 }

    41 

    42 .@{prefix}-window.@{prefix}-in {

    43 	opacity: 1;

    44 }

    45 

    46 .@{prefix}-window-head {

    47 	padding: 9px 15px;

    48 	border-bottom: 1px solid @window-head-border;

    49 	position: relative;

    50 }

    51 

    52 .@{prefix}-window-head .@{prefix}-close {

    53 	position: absolute;

    54 	right: 15px;

    55 	top: 9px;

    56 	font-size: 20px;

    57 	font-weight: bold;

    58 	line-height: 20px;

    59 	color: @window-head-close;

    60 	cursor: pointer;

    61 

    62 	// IE7

    63 	height: 20px;

    64 	overflow: hidden;

    65 }

    66 

    67 .@{prefix}-close:hover {

    68 	color: @window-head-close-hover;

    69 }

    70 

    71 .@{prefix}-window-head .@{prefix}-title {

    72 	line-height: 20px;

    73 	font-size: @window-title-font-size;

    74 	font-weight: bold;

    75 	text-rendering: optimizelegibility;

    76 	padding-right: 10px;

    77 }

    78 

    79 .@{prefix}-window .@{prefix}-container-body {

    80 	display: block;

    81 }

    82 

    83 .@{prefix}-foot {

    84 	display: block;

    85 	background-color: @window-foot-bg;

    86 	border-top: 1px solid @window-foot-border;

    87 	.border-radius(0 0 6px 6px);

    88 }

    89 

    90 .@{prefix}-window-head .@{prefix}-dragh {

    91 	position: absolute;

    92 	top: 0; left: 0;

    93 	cursor: move;

    94 	width: 90%;

    95 	height: 100%;

    96 }

    97 

    98 .@{prefix}-window iframe {

    99 	width: 100%;

   100 	height: 100%;

   101 }

   102 

   103 .@{prefix}-window.@{prefix}-fullscreen, .@{prefix}-window.@{prefix}-fullscreen .@{prefix}-foot {

   104 	.border-radius(0);

   105 }

   106 

   107 // RTL

   108 

   109 .@{prefix}-rtl .@{prefix}-window-head .@{prefix}-close {

   110 	position: absolute;

   111 	right: auto;

   112 	left: 15px;

   113 }

   114 

   115 .@{prefix}-rtl .@{prefix}-window-head .@{prefix}-dragh {

   116 	left: auto;

   117 	right: 0;

   118 }

   119 

   120 .@{prefix}-rtl .@{prefix}-window-head .@{prefix}-title {

   121 	direction: rtl;

   122 	text-align: right;

   123 }