<viewport xmlns='http://www.w3.org/1999/xhtml'
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns:svg="http://www.w3.org/2000/svg"
          spellcheck="false">
<link rel="icon" href="/favicon.ico" />
<!-- command set_rel_base_url -->
<style><![CDATA[
button.ui-control::before {
    content: "";
    display: block;
    height: 17px;
    width: 17px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.ui-control
{
  background: #ddd repeat-x -o-linear-gradient(-90deg, rgba(255,255,255,0.75) 0,
                                               rgba(255,255,255,0.25) 50%,
                                               rgba(0,0,0,0.05) 50%,
                                               rgba(0,0,0,0.05) 52%,
                                               transparent 52%,
                                               rgba(255,255,255,0.25) 100%);
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 3px;
  height: 17px;
  width: 17px;
  margin: 0 2px;
  padding: 1px;
  box-sizing: content-box;
  display: inline-block;
  box-shadow: 0 1px rgba(255,255,255,0.5),
              inset 0 1px 1px #fff;
  vertical-align: top;
  -o-transition: background-color 0.2s;
}
]]></style>
<script><![CDATA[
(function()
{
  // this code was added 10.02.2009
  // it can be removed after some time
  var
  lang_dict =
  {
    /*
      supported languages in Opera
    */
    "be": "be",
    "bg": "bg",
    "cs": "cs",
    "da": "da",
    "de": "de",
    "el": "el",
    "en": "en",
    "en-GB": "en",
    "es-ES": "es-ES",
    "es-LA": "es-LA",
    "et": "et",
    "fi": "fi",
    "fr": "fr",
    "fr-CA": "fr-CA",
    "fy": "fy",
    "hi": "hi",
    "hr": "hr",
    "hu": "hu",
    "id": "id",
    "it": "it",
    "ja": "ja",
    "ka": "ka",
    "ko": "ko",
    "lt": "lt",
    "mk": "mk",
    "nb": "nb",
    "nl": "nl",
    "nn": "nn",
    "pl": "pl",
    "pt": "pt",
    "pt-BR": "pt-BR",
    "ru": "ru",
    "sv": "sv",
    "ta": "ta",
    "te": "te",
    "tr": "tr",
    "uk": "uk",
    "zh-cn": "zh-cn",
    "zh-tw": "zh-tw",
  },
  setCookie = function(key, value, time)
  {
    document.cookie = (
      key + "=" + encodeURIComponent(value) +
      "; expires=" +
      ( new Date( new Date().getTime() + ( time || 360*24*60*60*1000 ) ) ).toGMTString() +
      "; path=/");
  },
  getCookie = function(key)
  {
    var value = new RegExp(key + "=([^;]*)").exec(document.cookie);
    return value && decodeURIComponent(value[1]);
  },
  lang = lang_dict[navigator.browserLanguage] || 'en',
  ui_lang = getCookie('ui-lang'),
  ui_lang_set = getCookie('ui-lang-set');

  if( !ui_lang_set && ui_lang && ui_lang != lang )
  {
    setCookie('ui-lang', lang);
    location.reload();
  }
})();
]]></script>

<title>Opera Dragonfly</title>

<windows-container></windows-container>
<main-view></main-view>
<script><![CDATA[
window.load_screen_timeout = window.setTimeout(function()
{
  const DFL_IS_RELOADED = 'dfl_is_reloaded';
  if (document.cookie.indexOf(DFL_IS_RELOADED + '=') == -1)
  {
    document.cookie = DFL_IS_RELOADED + "=1; path=/";
    location.reload();
  }
  var main_container = document.getElementsByTagName('main-view')[0];
  if (main_container && !main_container.childNodes.length)
  {
    main_container.innerHTML = "<div style='position:absolute; \
    width:500px; \
    top:50%; \
    left:50%; \
    margin-top:-90px; \
    margin-left:-250px; \
    text-align:center;'> \
  <style>/*\u003c\u0021\u005bCDATA\u005b*/ \
    #start-window-close {float: right;} \
    #start-window-reload {float: left;} \
    #start-window-close::before {background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABHklEQVR42s2Tv2qEQBDG8xLBpzgIKIqFiuJ/wd4ihZ29sb/+Llj6CKnyCoKvEy4cnGw9ma/YHOzhcnDNCcPwzX78lplZX4jo4XhSiGmaxPHL8SZryvmO4we+TYjneSIIArJt+6yCoLl+8n2f4NuEzPP8GcexKIqCHMf5ByGzPuV5TjiHTzcTA4Y0TUVZlhL0jgxwkiQSYGggVxBDRF3XFEURIUNLwL3bMcZx/Oq6jtq2JWRoBaCHmPxxS2vf9zQMAyFDc9m+C4Ihuq57bpoGbYhpmr6Robl+AUgLkVvg/nGznMFuWZYjdFVVGLYCUiB4B7wFANQhvgKUZdmKC9h32YRYlkX82La2ANAhDMMVPt1M9hzDLeAK4viA7zn/4j8uA/2m8cS1FwAAAABJRU5ErkJggg==');} \
    #start-window-reload::before {background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUGBm1wU8ow3EYwOG3yXXF1Z3DUur92oZms/m3GpcNRU5S/m5FqyUHix2UCymt7CC5OhBKDuIkqUkcqBV3FxeW+FguPzM5KM8j8g+0VmOa1gmtkp9opR4YnLhwYvKalFLuzXr8z4ls8nzwoRkXmpDvHofjl7k1woSIbhwFcL9qjRSjnB7s8gkTuwngX5HfLC8FCWbFoguKoR6D5rVTCkanQkSuxRJdb6GddrzvmUMcUtB23MX0rljiqT4mGWf+AqeIlmmyjdaXswGxzI1FmCVO/5v71GyZnAcvmT3sYlnsbiBxNZP14aORJjqeDnYw8lW6buSWXsL3mxtHqyfb+6SolmJ3FfkhKcCOwYNDSmHDJn/3AZHHgNnzMRSAAAAAAElFTkSuQmCC');} \
  /*\u005d\u005d\u003e*/</style> \
  <div style='width: 330px; margin: auto;'> \
    <button class='ui-control' id='start-window-close' onclick='window.close()'></button> \
    <button class='ui-control' id='start-window-reload' onclick='window.location.reload()'></button> \
  </div> \
  <h1 style='height:100px; \
      clear: both; \
      line-height:100px; \
      margin:0; \
      padding:0; \
      color:#ccc; \
      background-color:#fff; \
      font-family:sans-serif; \
      font-weight:normal !important; \
      font-size:30px !important; \
      text-align:center;'>Loading Opera Dragonfly</h1> \
  <img src='data:image/gif;charset=utf-8;base64,R0lGODlhQwBCAIABAMzMzP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAAABACwAAAAAQwBCAAAC54yPqcvtD6OctNqLs968+w+G4kiW5ok6wJp668u2GUzLF13bFQ7rO//yTYBBYYQYMz6QSSWD2XQmoFGpgVqVYrMk3mKbgk6pKPAVey66toA0M4ADsVlz9bpeF+Hz+r155PdWFgjUQuhleNiTqNhm0+j4qKgU6FQpRIjZg6eTwymTA/c5aPdGRFqFJIpYEopgWti1+HW6GtdnpwAb++H6VKt6xzUGzLvhq1Jri2zB3CAYjOGczBv9kythrUwxDbG9PDuEfX17YHw0To7Mmj2sPl6OHsJObAVu792N7xa5/5zu71W/gCYKAAAh+QQFAAABACwAAAAAQwBCAAAC6oyPqcvtDyOYsdqrJsW8M715IgeG4ymVAMo+6tqO2qfG8pzVtlfm+o75GV4w4OWFIBqDQuXS4hwKn64oklqxTrENIuzKrV6jYZqSXPaNt+mkN4BuH7yruBz+tt/peLacr9dG99ZnUjZ41iOIyPjHiLj3yOcoGUhV6ReGOZm2ycnlCQka+vhEuml62rijitmCqoqi2Hh6olj4iSpyiysqtdrB+ytpJnwEshB6iVxcuWSs5mwDnewZQ92la8tM4nqDsysdzC1b2g0+7ZtFbvQJgf2M/s5+ByVfv26In7/f3f8PMKDAgQQLGnxQAAA7'/>";
  }
}, 750);
]]></script>

<!-- please don't use multiline html comments yet. They confuse the build tool -->
<!-- the following two directives will make dfbuild concatenate all css and js respectively into the named files. -->
<!-- command concat_css "./style/dragonfly.css" -->
<!-- command concat_js "./script/dragonfly.js" -->

<link rel="stylesheet" href="./ui-style/ui.css"/>
<link rel="stylesheet" href="./ui-style/overlay.css"/>
<link rel="stylesheet" href="./ui-style/tabs.css"/>
<link rel="stylesheet" href="./ui-style/debugger_style.css"/>
<link rel="stylesheet" href="./ui-style/js-source.css"/>
<link rel="stylesheet" href="./ui-style/syntax-highlight.css"/>
<link rel="stylesheet" href="./http-logger/httplogger_style.css"/>
<link rel="stylesheet" href="./console-logger/consolelogger_style.css"/>
<link rel="stylesheet" href="./ui-style/colorpickerstyle.css"/>
<link rel="stylesheet" href="./ui-scripts/sortable_table/sortable_table.css"/>
<link rel="stylesheet" href="./ui-scripts/metadata_drawer/metadata_drawer.css"/>
<link rel="stylesheet" href="./repl/repl_style.css"/>
<link rel="stylesheet" href="./resource-manager/resource_style.css"/>
<link rel="stylesheet" href="./network/network_style.css"/>
<link rel="stylesheet" href="./shortcutconfig/style.css"/>
<link rel="stylesheet" href="./ui-style/global_command_line.css"/>
<link rel="stylesheet" href="./ui-style/contextmenu.css"/>
<link rel="stylesheet" href="./cookie-manager/cookie_manager_style.css"/>
<link rel="stylesheet" href="./searches/style.css"/>
<link rel="stylesheet" href="./ecma-debugger/breakpoints/style.css"/>
<link rel="stylesheet" href="./screenshot/style.css"/>




<!-- This will turn off including of the UI strings if the exclude_uistrings var is set -->
<!-- command concat_js off if exclude_uistrings -->
<script src="./ui-strings/ui_strings-en.js"/>

<!-- restart normal concatenation -->
<!-- command concat_js "./script/dragonfly.js" -->

<script src="./scripts/ini.js"/>
<script src="./scripts/dom.js"/>


<script src="./scripts/Timeouts.js"/>
<script src="./scripts/colors.js"/>
<script src="./scripts/colorspace.js"/>
<script src="./scripts/messages.js"/>
<script src="./scripts/objectregistry.js"/>
<script src="./scripts/spec_links.js"/>
<script src="./scripts/queue.js"/>




<script src="./scripts/debug-helpers-liveSource.js"/>

<script src="./lib/json.js"/>
<script src="./lib/clientlib_async.js"/>
<script src="./lib/tag_manager.js"/>
<script src="./lib/messagebroker.js"/>
<script src="./lib/messagemixin.js"/>
<script src="./lib/get_message_maps.js"/>

<script src="./lib/service_base.js"/>
<script src="./lib/namespace.js"></script>
<script src="./lib/stp_0_wrapper.js"></script>
<script src="./lib/http_interface.js"></script>

<script src="lib/scope_1_1.js"></script>

<script src="./lib/message_maps.js"/>
<script src="./lib/test_framework.js"/>



<script src="./ui-scripts/ui.js"/>
<script src="./ui-scripts/tabbar.js"/>
<script src="./ui-scripts/actions/actionbroker.js"/>
<script src="./ui-scripts/actions/keyidentifier.js"/>
<script src="./ui-scripts/actions/actionhandlerinterface.js"/>
<script src="./ui-scripts/actions/globalactionhandler.js"/>
<script src="./ui-scripts/defaults.js"/>
<script src="./ui-scripts/window.js"/>
<script src="./ui-scripts/cells.js"/>
<script src="./ui-scripts/topCell.js"/>
<script src="./ui-scripts/view.js"/>
<script src="./ui-scripts/tempview.js"/>
<script src="./ui-scripts/compositeView.js"/>
<script src="./ui-scripts/settingView.js"/>
<script src="./ui-scripts/ui-base.js"/>
<script src="./ui-scripts/TopUIBase.js"/>
<script src="./ui-scripts/toolbar.js"/>
<script src="./ui-scripts/toolbarConfig.js"/>
<script src="./ui-scripts/modebar.js"/>
<script src="./ui-scripts/editor.js"/>
<script src="./searches/TextSearch.js"/>
<script src="./searches/VirtualTextSearch.js"/>
<script src="./searches/searchbar.js"/>
<script src="./searches/searchwindow.js"/>
<script src="./searches/jssearchwindow.js"/>
<script src="./searches/search.js"/>
<script src="./searches/templates.js"/>
<script src="./ui-scripts/overlay.js"/>
<script src="./ui-scripts/horizontal_navigation.js"/>
<script src="./ui-scripts/tabs.js"/>
<script src="./ui-scripts/topTabs.js"/>
<script src="./ui-scripts/containers.js"/>
<script src="./ui-scripts/topContainers.js"/>
<script src="./ui-scripts/windowContainers.js"/>
<script src="./ui-scripts/tab.js"/>
<script src="./ui-scripts/status.js"/>
<script src="./ui-scripts/ui-templates.js"/>
<script src="./ui-scripts/ui-actions.js"/>
<script src="./ui-scripts/settings.js"/>
<script src="./ui-scripts/viewMenu.js"/>
<script src="./ui-scripts/viewSlider.js"/>
<script src="./ui-scripts/animator.js"/>
<script src="./ui-scripts/Switches.js"/>
<script src="./ui-scripts/cst-select.js"/>
<script src="./ui-scripts/toolbarcstselect.js"/>
<script src="./ui-scripts/button.js"/>
<script src="./ui-scripts/ui_framework.js"/>
<script src="./ui-scripts/colorpickertemplates.js"/>
<script src="./ui-scripts/colorpicker.js"/>
<script src="./ui-scripts/slider.js"/>
<script src="./ui-scripts/sortable_table/sortable_table.js"/>
<script src="./ui-scripts/contextmenu.js"/>
<script src="./ui-scripts/sidepanels/view.js"/>
<script src="./ui-scripts/sidepanels/templates.js"/>

<script src="./ui-scripts/fontselection/monospacefontselection.js"/>
<script src="./ui-scripts/fontselection/templates.js"/>

<script src="./ui-scripts/pixelmagnifier.js"/>


<script src="./build-application/build_application.js"></script>
<script src="./build-application/build_window_manager_2_0.js"></script>
<script src="./build-application/build_console_logger_2_0.js"></script>
<script src="./build-application/build_http_logger_2_0.js"></script>
<script src="./build-application/build_exec_2_0.js"></script>
<script src="./build-application/build_ecmascript_debugger_5_0.js"></script>
<script src="./build-application/build_ecmascript_debugger_6_0.js"></script>
<script src="./build-application/build_cookie_manager_1_0.js"></script>
<script src="./build-application/build_resource_manager_1_0.js"></script>
<script src="./build-application/build_document_manager_1_0.js"></script>

<script src="./debug/debug.js"/>
<script src="./debug/configure_message_filter.js"/>
<script src="./debug/test_messages.js"/>
<script src="./debug/build_debug.js"/>

<script src="./shortcutconfig/shortcutconfig.js"/>
<script src="./shortcutconfig/templates.js"/>

<script src="./cookie-manager/cookie_manager_templates.js"></script>
<script src="./cookie-manager/cookie_manager_data.js"></script>
<script src="./cookie-manager/cookie_manager_views.js"></script>
<script src="./cookie-manager/cookie_manager_actions.js"></script>



<script src="./syntaxhighlight/js/syntax.js"/>
<script src="./syntaxhighlight/js/tokenizer.js"/>
<script src="./syntaxhighlight/js/templates.js"/>
<script src="./syntaxhighlight/markup/tokenizer.js"/>
<script src="./syntaxhighlight/markup/syntax.js"/>
<script src="./syntaxhighlight/css/tokenizer.js"/>
<script src="./syntaxhighlight/css/syntax.js"/>



<script src="./ecma-debugger/ListTextSearch.js"/>


<script src="./ecma-debugger/helpers.js"/>
<script src="./ecma-debugger/tabs.js"/>

<script src="./ecma-debugger/templates.js"/>
<script src="./ecma-debugger/newscript.js"/>
<script src="./ecma-debugger/runtimes.js"/>
<script src="./ecma-debugger/stop_at.js"/>
<script src="./ecma-debugger/runtime_onload_handler.js"/>
<script src="./ecma-debugger/views-runtimes.js"/>
<script src="./ecma-debugger/views.js"/>


<script src="./ecma-debugger/object_inspection/inspection_base_data.js"/>

<script src="./ecma-debugger/object_inspection/frame_inspection_data.js"/>
<script src="./ecma-debugger/object_inspection/object_inspection_data.js"/>
<script src="./ecma-debugger/object_inspection/object_and_frame_inspection_view.js"/>
<script src="./ecma-debugger/object_inspection/node_inspection_data.js"/>
<script src="./ecma-debugger/object_inspection/node_inspection_view.js"/>
<script src="./ecma-debugger/objectinspection.6.0/inspectablejsobject.js"/>
<script src="./ecma-debugger/objectinspection.6.0/objectandframeview.js"/>
<script src="./ecma-debugger/objectinspection.6.0/baseview.js"/>
<script src="./ecma-debugger/objectinspection.6.0/nodeview.js"/>
<script src="./ecma-debugger/objectinspection.6.0/templates.js"/>
<script src="./ecma-debugger/objectinspection.6.0/actions.js"/>
<script src="./ecma-debugger/objectinspection.6.0/propertyfilter.js"/>

<script src="./ecma-debugger/view-commandline_6_0_test.js"/>

<script src="./ecma-debugger/dominspection/inspectabledomnode.js"/>
<script src="./ecma-debugger/dominspection/domdata.js"/>
<script src="./ecma-debugger/js_object_filters.js"/>

<script src="./ecma-debugger/js-source-view.js"/>
<script src="./ecma-debugger/view-commandline.js"/>

<script src="./ecma-debugger/dominspection/templates.js"/>
<script src="./ecma-debugger/dominspection/domserializer.js"/>
<script src="./ecma-debugger/dominspection/domview.js"/>
<script src="./ecma-debugger/dominspection/actions.js"/>
<script src="./ecma-debugger/dominspection/attrandtextditor.js"/>
<script src="./ecma-debugger/dominspection/markupeditor.js"/>

<script src="./ecma-debugger/views-threads.js"/>
<script src="./ecma-debugger/action_handler.js"/>

<script src="./ecma-debugger/hostspotlighter.js"/>

<script src="./ecma-debugger/eventbreakpoints/data.js"/>
<script src="./ecma-debugger/eventbreakpoints/view.js"/>
<script src="./ecma-debugger/eventbreakpoints/templates.js"/>

<script src="./ecma-debugger/breakpoints/view.js"/>
<script src="./ecma-debugger/breakpoints/breakpoints.js"/>
<script src="./ecma-debugger/breakpoints/templates.js"/>
<script src="./ecma-debugger/breakpoints/conditioneditor.js"/>


<script src="./ecma-debugger/watches/watches.js"/>
<script src="./ecma-debugger/watches/view.js"/>
<script src="./ecma-debugger/watches/propertyeditor.js"/>

<script src="./style/element_layout.js"/>
<script src="./style/editor.js"/>
<script src="./style/css_initial_values.js"/>
<script src="./style/css_inheritable_properties.js"/>
<script src="./style/css_suggest_values.js"/>
<script src="./style/element_style.js"/>
<script src="./style/stylesheets.js"/>
<script src="./style/views_css_inspector.js"/>
<script src="./style/views_css_inspector_computed_style.js"/>
<script src="./style/views_css_layout.js"/>
<script src="./style/views_stylesheets.js"/>
<script src="./style/view_color_picker.js"/>
<script src="./style/css_inspector_actions.js"/>
<script src="./style/view_dom_side_panel.js"/>
<script src="./style/newstyle.js"/>

<script src="./client/client.js"/>
<script src="./client/templates.js"/>
<script src="./window-manager/window-manager.js"/>
<script src="./console-logger/console.js"/>
<script src="./console-logger/console_templates.js"/>
<script src="./console-logger/consolelogger.2.0.events.onconsolemessage.js"/>
<script src="./console-logger/ecmascriptdebugger.6.0.events.onconsolelog.js"/>

<script src="./storage/data-storages.js"/>
<script src="./storage/actions-stoarges.js"/>
<script src="./storage/templates.js"/>
<script src="./storage/views-storages.js"/>

<script src="./http-logger/httplogger_service.js"/>
<script src="./http-logger/httplogger_data.js"/>
<script src="./http-logger/httplogger_view.js"/>
<script src="./http-logger/httplogger_resources.js"/>
<script src="./http-logger/httplogger_templates.js"/>

<script src="./repl/commandtransformer.js"/>
<script src="./repl/propertyfinder.js"/>
<script src="./repl/inspectableobjectview.js"/>
<script src="./repl/buffermanager.js"/>
<script src="./repl/friendlyprinter.js"/>
<script src="./repl/listunpacker.js"/>
<script src="./repl/repl_service.js"/>
<script src="./repl/repl_view.js"/>
<script src="./repl/repl_data.js"/>
<script src="./repl/repl_templates.js"/>
<script src="./repl/ecmascriptdebugger.6.0.events.onconsoletrace.js"/>
<script src="./repl/scope.1.0.responses.hostinfo.js"/>
<script src="./repl/consolelogger.2.0.events.onconsolemessage.js"/>


<script src="./resource-manager/resource_service.js"/>

<script src="./resource-manager/resource_all_view.js"/>
<script src="./resource-manager/resource_templates.js"/>
<script src="./resource-manager/resource_util.js"/>
<script src="./resource-manager/resource_base.js"/>
<script src="./ui-scripts/metadata_drawer/metadata_drawer.js"/>
<script src="./resource-manager/resource_display_broker.js"/>
<script src="./resource-manager/opensingleresource.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onurlload.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onurlredirect.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onurlfinished.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onrequest.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onrequestretry.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onrequestheader.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onrequestfinished.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onresponse.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onresponseheader.js"/>
<script src="./resource-manager/resourcemanager.1.0.events.onresponsefinished.js"/>
<script src="./resource-manager/documentmanager.1.0.events.onabouttoloaddocument.js"/>


<script src="./network/network_service.js"/>
<script src="./network/network_view.js"/>
<script src="./network/network_request_crafting_view.js"/>
<script src="./network/network_global_options_view.js"/>
<script src="./network/network_templates.js"/>

<script src="./screenshot/screenshot.js"/>
<script src="./screenshot/screenshotcontrols.js"/>
<script src="./screenshot/templates.js"/>
<script src="./screenshot/colorpalette.js"/>
<script src="./screenshot/colorpaletteview.js"/>

<body/>
</viewport>
