[galaxy-commits] commit/galaxy-central: guerler: Convert galaxy.frame.css into less-file and import into base.less

1 new commit in galaxy-central: https://bitbucket.org/galaxy/galaxy-central/commits/91352b6afa44/ Changeset: 91352b6afa44 User: guerler Date: 2013-09-12 21:26:18 Summary: Convert galaxy.frame.css into less-file and import into base.less Affected #: 5 files diff -r ea9b0279ccfe94e8e82d90affac946b25e81e515 -r 91352b6afa44a1cf29aa3963b6b30642e351e336 static/scripts/galaxy.frame.js --- a/static/scripts/galaxy.frame.js +++ b/static/scripts/galaxy.frame.js @@ -3,7 +3,7 @@ */ // dependencies -define(["utils/galaxy.css", "galaxy.master", "libs/backbone/backbone-relational"], function(css, mod_master) { +define(["galaxy.master", "libs/backbone/backbone-relational"], function(mod_master) { // frame manager var GalaxyFrameManager = Backbone.View.extend( @@ -49,6 +49,9 @@ // maximum viewport top_max: 0, + // frame z-index + frame_z : 0, + // frame counter frame_counter: 0, @@ -59,7 +62,7 @@ frame_list: [], // frame shadow - galaxy_frame_shadow: null, + frame_shadow: null, // frame panel visible visible: false, @@ -101,9 +104,6 @@ // add to master Galaxy.master.append(this.button_load); - - // load required css files - css.load_file("static/style/galaxy.frame.css"); // read in defaults if (options) @@ -112,25 +112,28 @@ // initialize top this.top = this.top_max = this.options.top_min; + // create + this.setElement(this.template()); + // load background - $(this.el).append(this.frame_template_background()); + $(this.el).append(this.template_background()); // load menu buttons - $(this.el).append(this.frame_template_menu()); + $(this.el).append(this.template_menu()); // load to main frame $(this.el_main).append($(this.el)); - + // // define shadow frame // - var id_shadow = '#galaxy-frame-shadow'; + var id_shadow = '#frame-shadow'; // add shadow template - $(this.el).append(this.frame_template_shadow(id_shadow.substring(1))); + $(this.el).append(this.template_shadow(id_shadow.substring(1))); // initialize frame - this.galaxy_frame_shadow = { + this.frame_shadow = { id : id_shadow, screen_location : {}, grid_location : {}, @@ -139,10 +142,10 @@ }; // initialize size - this.frame_resize(this.galaxy_frame_shadow, {width: 0, height: 0}); + this.frame_resize(this.frame_shadow, {width: 0, height: 0}); // add shadow to frame list - this.frame_list[id_shadow] = this.galaxy_frame_shadow; + this.frame_list[id_shadow] = this.frame_shadow; // initialize panel this.panel_refresh(); @@ -179,19 +182,19 @@ events: { // global frame events - 'mousemove' : 'event_frame_mouse_move', - 'mouseup' : 'event_frame_mouse_up', - 'mouseleave' : 'event_frame_mouse_up', - 'mousewheel' : 'event_panel_scroll', - 'DOMMouseScroll' : 'event_panel_scroll', + 'mousemove' : 'event_frame_mouse_move', + 'mouseup' : 'event_frame_mouse_up', + 'mouseleave' : 'event_frame_mouse_up', + 'mousewheel' : 'event_panel_scroll', + 'DOMMouseScroll' : 'event_panel_scroll', // events fixed to elements - 'mousedown .galaxy-frame' : 'event_frame_mouse_down', - 'mousedown .galaxy-frame-background' : 'event_panel_load', - 'mousedown .galaxy-frame-scroll-up' : 'event_panel_scroll_up', - 'mousedown .galaxy-frame-scroll-down' : 'event_panel_scroll_down', - 'mousedown .f-close' : 'event_frame_close', - 'mousedown .f-pin' : 'event_frame_lock' + 'mousedown .frame' : 'event_frame_mouse_down', + 'mousedown .frame-background' : 'event_panel_load', + 'mousedown .frame-scroll-up' : 'event_panel_scroll_up', + 'mousedown .frame-scroll-down' : 'event_panel_scroll_down', + 'mousedown .f-close' : 'event_frame_close', + 'mousedown .f-pin' : 'event_frame_lock' }, // drag start @@ -281,10 +284,10 @@ p.height = this.to_pixel_coord('height', p.height); // apply - this.frame_resize(this.galaxy_frame_shadow, p); + this.frame_resize(this.frame_shadow, p); // fix position - this.frame_insert(this.galaxy_frame_shadow, { + this.frame_insert(this.frame_shadow, { top : this.to_grid_coord('top', p.top), left : this.to_grid_coord('left', p.left) }); @@ -311,7 +314,7 @@ l.left++; // fix position - this.frame_insert(this.galaxy_frame_shadow, l); + this.frame_insert(this.frame_shadow, l); } }, @@ -387,7 +390,7 @@ frame.grid_lock = false; // remove class - $(frame.id).find('.f-pin').removeClass('galaxy-toggle'); + $(frame.id).find('.f-pin').removeClass('toggle'); $(frame.id).find('.f-header').removeClass('f-not-allowed'); $(frame.id).find('.f-title').removeClass('f-not-allowed'); $(frame.id).find('.f-resize').show(); @@ -397,7 +400,7 @@ frame.grid_lock = true; // add class - $(frame.id).find('.f-pin').addClass('galaxy-toggle'); + $(frame.id).find('.f-pin').addClass('toggle'); $(frame.id).find('.f-header').addClass('f-not-allowed'); $(frame.id).find('.f-title').addClass('f-not-allowed'); $(frame.id).find('.f-resize').hide(); @@ -475,7 +478,7 @@ // identify event_get_frame: function(target) { - return this.frame_list['#' + $(target).closest('.galaxy-frame').attr('id')]; + return this.frame_list['#' + $(target).closest('.frame').attr('id')]; }, /* @@ -492,14 +495,14 @@ var p = this.frame_screen (frame); // initialize shadow - this.frame_resize(this.galaxy_frame_shadow, p); - this.frame_grid(this.galaxy_frame_shadow, frame.grid_location); + this.frame_resize(this.frame_shadow, p); + this.frame_grid(this.frame_shadow, frame.grid_location); // reset location frame.grid_location = null; // show shadow - $(this.galaxy_frame_shadow.id).show(); + $(this.frame_shadow.id).show(); // load frame cover $('.f-cover').show(); @@ -512,17 +515,17 @@ this.frame_focus(frame, false); // get new dimensions - var p = this.frame_screen(this.galaxy_frame_shadow); + var p = this.frame_screen(this.frame_shadow); // update frame this.frame_resize(frame, p); - this.frame_grid(frame, this.galaxy_frame_shadow.grid_location, true); + this.frame_grid(frame, this.frame_shadow.grid_location, true); // reset location of shadow - this.galaxy_frame_shadow.grid_location = null; + this.frame_shadow.grid_location = null; // hide shadow - $(this.galaxy_frame_shadow.id).hide(); + $(this.frame_shadow.id).hide(); // hide frame cover $('.f-cover').hide(); @@ -641,15 +644,15 @@ // scroll up possible? if (this.top == this.options.top_min) - $(".galaxy-frame-scroll-up").hide(); + $(".frame-scroll-up").hide(); else - $(".galaxy-frame-scroll-up").show(); + $(".frame-scroll-up").show(); // scroll down possible? if (this.top == this.top_max) - $(".galaxy-frame-scroll-down").hide(); + $(".frame-scroll-down").hide(); else - $(".galaxy-frame-scroll-down").show(); + $(".frame-scroll-down").show(); }, /* @@ -660,7 +663,7 @@ panel_animation_complete: function() { var self = this; - $(".galaxy-frame").promise().done(function() {self.panel_scroll(0, true)}); + $(".frame").promise().done(function() {self.panel_scroll(0, true)}); }, // refresh panel @@ -721,33 +724,33 @@ this.visible = false; // hide - $(".galaxy-frame").fadeOut('fast'); + $(".frame").fadeOut('fast'); // add class this.button_load.icon("fa-icon-eye-close"); this.button_load.untoggle(); // hide background - $(".galaxy-frame-background").hide(); + $(".frame-background").hide(); // hide menu - $(".galaxy-frame-menu").hide(); + $(".frame-menu").hide(); } else { // show this.visible = true; // show - $(".galaxy-frame").fadeIn('fast'); + $(".frame").fadeIn('fast'); // add class this.button_load.icon("fa-icon-eye-open"); this.button_load.toggle(); // hide shadow - $(this.galaxy_frame_shadow.id).hide(); + $(this.frame_shadow.id).hide(); // show background - $(".galaxy-frame-background").show(); + $(".frame-background").show(); // show panel this.panel_refresh(); @@ -807,7 +810,7 @@ } // generate frame identifier - var frame_id = '#galaxy-frame-' + (this.frame_counter_id++); + var frame_id = '#frame-' + (this.frame_counter_id++); // check if frame exists if ($(frame_id).length !== 0) @@ -820,8 +823,8 @@ this.top = this.options.top_min; // append - $(this.el).append(this.frame_template(frame_id.substring(1), options.title, options.type, options.content)); - + $(this.el).append(this.template_frame(frame_id.substring(1), options.title, options.type, options.content)); + // construct a new frame var frame = { id : frame_id, @@ -835,6 +838,9 @@ options.width = this.to_pixel_coord('width', this.options.frame.cols); options.height = this.to_pixel_coord('height', this.options.frame.rows); + // default z-index + this.frame_z = parseInt($(frame.id).css('z-index')); + // add to frame list this.frame_list[frame_id] = frame; @@ -964,7 +970,7 @@ frame_focus: function(frame, has_focus) { // get new z-value - var z = parseInt(css.get_attribute('galaxy-frame', 'z-index')) + (has_focus ? 1 : 0); + var z = this.frame_z + (has_focus ? 1 : 0); // update $(frame.id).css('z-index', z); @@ -1032,8 +1038,14 @@ HTML TEMPLATES */ + // main element + template: function() + { + return '<div class="galaxy-frame"></div>'; + }, + // fill regular frame template - frame_template: function(id, title, type, content) + template_frame: function(id, title, type, content) { // check title if (!title) @@ -1044,48 +1056,36 @@ content = '<iframe scrolling="auto" class="f-iframe" src="' + content + '"></iframe>'; // load template - return '<div id="' + id + '" class="galaxy-frame galaxy-corner">' + - '<div class="f-header galaxy-corner">' + + return '<div id="' + id + '" class="frame corner">' + + '<div class="f-header corner">' + '<span class="f-title">' + title + '</span>' + '<span class="f-icon f-pin fa-icon-pushpin"></span>' + '<span class="f-icon f-close fa-icon-trash"></span>' + '</div>' + - '<div class="f-content galaxy-corner">' + content + + '<div class="f-content corner">' + content + '<div class="f-cover"></div>' + '</div>' + - '<span class="f-resize f-icon galaxy-corner fa-icon-resize-full"></span>' + + '<span class="f-resize f-icon corner fa-icon-resize-full"></span>' + '</div>'; }, // fill shadow template - frame_template_shadow: function(id) + template_shadow: function(id) { - return '<div id="' + id + '" class="galaxy-frame-shadow galaxy-corner"></div>'; + return '<div id="' + id + '" class="frame-shadow corner"></div>'; }, // fill background template in order to cover underlying iframes - frame_template_background: function() + template_background: function() { - return '<div class="galaxy-frame-background"></div>'; - }, - - // fill load button template - frame_template_header: function() - { - return '<div class="galaxy-frame-load f-corner">' + - '<div class="number f-corner">0</div>' + - '<div class="icon fa-icon-2x"></div>' + - '</div>' + - '<div class="galaxy-frame-active f-corner">' + - '<div class="icon fa-icon-2x fa-icon-th"></div>' + - '</div>'; + return '<div class="frame-background"></div>'; }, // fill menu button template - frame_template_menu: function() + template_menu: function() { - return '<div class="galaxy-frame-scroll-up galaxy-frame-menu fa-icon-chevron-up fa-icon-2x"></div>' + - '<div class="galaxy-frame-scroll-down galaxy-frame-menu fa-icon-chevron-down fa-icon-2x"></div>'; + return '<div class="frame-scroll-up frame-menu fa-icon-chevron-up fa-icon-2x"></div>' + + '<div class="frame-scroll-down frame-menu fa-icon-chevron-down fa-icon-2x"></div>'; } }); diff -r ea9b0279ccfe94e8e82d90affac946b25e81e515 -r 91352b6afa44a1cf29aa3963b6b30642e351e336 static/style/blue/base.css --- a/static/style/blue/base.css +++ b/static/style/blue/base.css @@ -1107,6 +1107,23 @@ .select2-display-none{display:none} .select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll} @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){.select2-search input,.select2-search-choice-close,.select2-container .select2-choice abbr,.select2-container .select2-choice .select2-arrow b{background-image:url('../images/select2x2.png') !important;background-repeat:no-repeat !important;background-size:60px 40px !important} .select2-search input{background-position:100% -21px !important}}.select2-container{min-width:256px} +.galaxy-frame{}.galaxy-frame .corner{-moz-border-radius:5px;border-radius:5px} +.galaxy-frame .toggle{color:#BCC800} +.galaxy-frame .frame-background{z-index:1000;position:absolute;display:none;top:0px;left:0px;height:100%;width:100%;opacity:0.6;background:#000;overflow:auto} +.galaxy-frame .frame-shadow{z-index:1001;position:absolute;display:none;top:0px;left:0px;opacity:0.5;background:#2c3143;border:1px solid #888} +.galaxy-frame .frame-menu{z-index:1005;position:absolute;cursor:pointer;color:#BCC800;right:10px} +.galaxy-frame .frame-scroll-up{top:50px} +.galaxy-frame .frame-scroll-down{bottom:20px} +.galaxy-frame .frame{z-index:1002;overflow:hidden;position:absolute;background:#fff;border:1px solid #888;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);}.galaxy-frame .frame .f-content{position:absolute;overflow:hidden;background:#fff;border:none;top:24px;bottom:3px;left:3px;right:3px} +.galaxy-frame .frame .f-cover{position:absolute;display:none;top:0px;left:0px;height:100%;width:100%;opacity:0.0;background:#fff} +.galaxy-frame .frame .f-iframe{border:none;width:100%;height:100%} +.galaxy-frame .frame .f-header{height:17px;margin:2px;cursor:pointer;border:1px solid #000;background:#2c3143;color:#fff;font-weight:bold} +.galaxy-frame .frame .f-title{position:absolute;top:2px;left:16px;right:16px;font-size:12px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;text-align:center} +.galaxy-frame .frame .f-icon{position:absolute;cursor:pointer;font-style:normal} +.galaxy-frame .frame .f-not-allowed{cursor:not-allowed} +.galaxy-frame .frame .f-close{right:5px;top:1px} +.galaxy-frame .frame .f-pin{left:6px;top:1px} +.galaxy-frame .frame .f-resize{background:#fff;width:16px;height:16px;color:#2c3143;right:0px;bottom:0px;text-align:center;line-height:16px;border:0px} .unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none} .parent-width{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;*width:90%} .clear:before,.clear:after{content:" ";display:table;} @@ -1128,7 +1145,7 @@ .unified-panel-footer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:absolute;bottom:0;height:25px;line-height:25px;width:100%;z-index:1000;border-top:solid #999 1px;background:#eee;color:#555}.unified-panel-footer a{color:#555} .unified-panel-footer .drag{position:absolute;top:0;right:0;padding:0 5px;text-align:center;height:25px;width:20px;background-image:url(../images/visualization/draggable_horizontal.png);background-repeat:no-repeat;background-position:50% 50%;cursor:w-resize} #right>.unified-panel-footer .drag{left:0} -.panel-collapse{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:absolute;width:100%;z-index:1000;background:#eee;color:#555;font-family:FontAwesome;font-size:1.1666666666666667em;background-image:none !important;background-position:0% 0%;background-repeat:repeat;font-size:1.3333333333333333em;z-index:10000;display:block;position:fixed;left:0;top:inherit;bottom:0;padding:0 5px;text-align:center;height:25px;line-height:25px;width:20px;background:none;border-right:solid #999 1px;border-top:solid #999 1px;background:#eee}.panel-collapse a{color:#555} +.panel-collapse{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:absolute;width:100%;z-index:1000;background:#eee;color:#555;font-family:FontAwesome;font-size:1.1666666666666667em;background-image:none !important;background-position:0% 0%;background-repeat:repeat;font-size:1.3333333333333333em;z-index:201;display:block;position:fixed;left:0;top:inherit;bottom:0;padding:0 5px;text-align:center;height:25px;line-height:25px;width:20px;background:none;border-right:solid #999 1px;border-top:solid #999 1px;background:#eee}.panel-collapse a{color:#555} .panel-collapse .drag{position:absolute;top:0;right:0;padding:0 5px;text-align:center;height:25px;width:20px;background-image:url(../images/visualization/draggable_horizontal.png);background-repeat:no-repeat;background-position:50% 50%;cursor:w-resize} .panel-collapse:before{content:'\f053'} .panel-collapse.hidden:before{content:'\f054'} @@ -1150,7 +1167,7 @@ #masthead li.dropdown>a:hover .caret{border-top-color:gold;border-bottom-color:gold} #masthead .navbar-brand{position:absolute;left:0;top:0;font-family:verdana;font-weight:bold;font-size:20px;line-height:1;color:white;padding:5px 20px 12px;margin-left:-15px;z-index:2000}#masthead .navbar-brand img{display:inline;width:26px;vertical-align:top} #masthead .navbar-brand a{color:white;text-decoration:none} -#masthead .iconbar{position:absolute;top:2px;right:110px;cursor:pointer;color:#ccc;overflow:hidden}#masthead .iconbar .symbol{float:left;margin:0px 8px} +#masthead .iconbar{position:absolute;top:2px;right:110px;cursor:pointer;color:#999;overflow:hidden}#masthead .iconbar .symbol{float:left;margin:0px 8px} #masthead .iconbar .symbol .number{font-weight:bold;font-size:12px;font-family:"Lucida Grande",verdana,arial,helvetica,sans-serif;position:relative;left:23px;top:-18px} #masthead .iconbar .toggle{color:#BCC800} .quota-meter-container{position:absolute;top:0;right:0;height:32px} diff -r ea9b0279ccfe94e8e82d90affac946b25e81e515 -r 91352b6afa44a1cf29aa3963b6b30642e351e336 static/style/blue/galaxy.frame.css --- a/static/style/blue/galaxy.frame.css +++ /dev/null @@ -1,186 +0,0 @@ -/* - galaxy generic styles -*/ - -.galaxy-corner -{ - -moz-border-radius: 4px; - border-radius: 4px; -} - -.galaxy-corner-soft -{ - -moz-border-radius: 2px; - border-radius: 2px; -} - -.galaxy-toggle -{ - color: #BCC800; -} - -.galaxy-shadow -{ - -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16); - box-shadow: 1px 1px 4px rgba(0,0,0,0.16); -} - -/* - galaxy-frames -*/ - -.galaxy-frame-background -{ - z-index : 14000; - position : absolute; - display : none; - top : 0px; - left : 0px; - height : 100%; - width : 100%; - opacity : 0.6; - background : #11131A; - overflow : auto; -} - -.galaxy-frame-shadow -{ - z-index : 14001; - position : absolute; - display : none; - top : 0px; - left : 0px; - opacity : 0.5; - background : #2C3143; - border : 1px solid #EEEEEE; -} - -.galaxy-frame -{ - z-index : 14002; - overflow : hidden; - position : absolute; - background : #FFFFFF; - border : 1px solid #D0D0D0; - -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); -} -/* - panel menu button -*/ -.galaxy-frame-menu -{ - z-index : 14003; - position : absolute; - cursor : pointer; - color : #BCC800; - right : 10px; -} - -.galaxy-frame-scroll-up -{ - top : 50px; -} - -.galaxy-frame-scroll-down -{ - bottom : 20px; -} - -/* - frame components -*/ -.galaxy-frame .f-content -{ - position : absolute; - overflow : hidden; - background : #FFFFFF; - border : none; - top : 24px; - bottom : 3px; - left : 3px; - right : 3px; -} - -.galaxy-frame .f-cover -{ - position : absolute; - display : none; - top : 0px; - left : 0px; - height : 100%; - width : 100%; - opacity : 0.0; - background : #FFFFFF; -} - -.galaxy-frame .f-iframe -{ - border : none; - width : 100%; - height : 100%; -} - -.galaxy-frame .f-header -{ - height : 17px; - margin : 2px; - cursor : pointer; - border : 1px solid #000000; - background : #2C3143; - color : #FFFFFF; - font-weight : bold; -} - -.galaxy-frame .f-title -{ - position : absolute; - top : 2px; - left : 16px; - right : 16px; - font-size : 12px; - font-family : Verdana, Arial; - text-align : center; -} - -/* - frame icons -*/ - -.galaxy-frame .f-icon -{ - position : absolute; - cursor : pointer; - font-style : normal; -} - -.galaxy-frame .f-not-allowed -{ - cursor : not-allowed; -} - -.galaxy-frame .f-close -{ - right : 5px; - top : 1px; -} - -.galaxy-frame .f-pin -{ - left : 6px; - top : 1px; -} - -.galaxy-frame .f-resize -{ - right : 0px; - bottom : 0px; - background : #FFFFFF; - width : 16px; - height : 16px; - color : #2C3143; - right : 0px; - bottom : 0px; - text-align : center; - line-height : 16px; - border : 0px solid #2C3143; -} \ No newline at end of file diff -r ea9b0279ccfe94e8e82d90affac946b25e81e515 -r 91352b6afa44a1cf29aa3963b6b30642e351e336 static/style/src/less/base.less --- a/static/style/src/less/base.less +++ b/static/style/src/less/base.less @@ -15,6 +15,9 @@ min-width: 256px; } +// load galaxy frame styles +@import "frame.less"; + // Mixins .unselectable { @@ -196,7 +199,7 @@ &.hidden:before { content:'\f054'; } - z-index: 10000; + z-index: 201; display: block; position: fixed; left: 0; @@ -375,7 +378,7 @@ top : 2px; right : 110px; cursor : pointer; - color : @navbar-default-toggle-icon-bar-bg; + color : @gray-light; overflow : hidden; .symbol @@ -396,7 +399,7 @@ .toggle { - color : #BCC800;; + color : #BCC800; } } } diff -r ea9b0279ccfe94e8e82d90affac946b25e81e515 -r 91352b6afa44a1cf29aa3963b6b30642e351e336 static/style/src/less/frame.less --- /dev/null +++ b/static/style/src/less/frame.less @@ -0,0 +1,171 @@ +.galaxy-frame +{ + .corner + { + -moz-border-radius: @border-radius-large; + border-radius: @border-radius-large; + } + + .toggle + { + color: #BCC800; + } + + .frame-background + { + z-index : @zindex-navbar; + position : absolute; + display : none; + top : 0px; + left : 0px; + height : 100%; + width : 100%; + opacity : 0.6; + background : @black; + overflow : auto; + } + + .frame-shadow + { + z-index : @zindex-navbar + 1; + position : absolute; + display : none; + top : 0px; + left : 0px; + opacity : 0.5; + background : @navbar-inverse-bg; + border : 1px solid @navbar-default-border; + } + + /* + panel menu button + */ + .frame-menu + { + z-index : @zindex-navbar + 5; + position : absolute; + cursor : pointer; + color : #BCC800; + right : 10px; + } + + .frame-scroll-up + { + top : 50px; + } + + .frame-scroll-down + { + bottom : 20px; + } + + /* + frame components + */ + + .frame + { + z-index : @zindex-navbar + 2; + overflow : hidden; + position : absolute; + background : @white; + border : 1px solid @navbar-default-border; + -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); + + .f-content + { + position : absolute; + overflow : hidden; + background : @white; + border : none; + top : 24px; + bottom : 3px; + left : 3px; + right : 3px; + } + + .f-cover + { + position : absolute; + display : none; + top : 0px; + left : 0px; + height : 100%; + width : 100%; + opacity : 0.0; + background : @white; + } + + .f-iframe + { + border : none; + width : 100%; + height : 100%; + } + + .f-header + { + height : 17px; + margin : 2px; + cursor : pointer; + border : 1px solid @black; + background : @base-color-1; + color : @white; + font-weight : bold; + } + + .f-title + { + position : absolute; + top : 2px; + left : 16px; + right : 16px; + font-size : 12px; + font-family : @font-family-sans-serif; + text-align : center; + } + + /* + frame icons + */ + + .f-icon + { + position : absolute; + cursor : pointer; + font-style : normal; + } + + .f-not-allowed + { + cursor : not-allowed; + } + + .f-close + { + right : 5px; + top : 1px; + } + + .f-pin + { + left : 6px; + top : 1px; + } + + .f-resize + { + right : 0px; + bottom : 0px; + background : @white; + width : 16px; + height : 16px; + color : @base-color-1; + right : 0px; + bottom : 0px; + text-align : center; + line-height : 16px; + border : 0px; + } + } +} \ No newline at end of file Repository URL: https://bitbucket.org/galaxy/galaxy-central/ -- This is a commit notification from bitbucket.org. You are receiving this because you have the service enabled, addressing the recipient of this email.