{% load i18n %}
{% load wiki %}
{% load compress %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>{{ site_name }} - {% block title %}Popup Title{% endblock %}</title>

    <meta name="generator" content="TwistraNet" />
    {% compress css %}
      <link rel="stylesheet" href="/static/css/reset.css" type="text/css" charset="utf-8" />
      <link rel="stylesheet" href="/static/css/typography.css" type="text/css" charset="utf-8" />
      <link rel="stylesheet" href="/static/css/template.css" type="text/css" charset="utf-8" />
      <link rel="stylesheet" href="/static/css/menu.css" type="text/css" charset="utf-8" />
      <link rel="stylesheet" href="/static/css/style.css" type="text/css" charset="utf-8" />
      <link rel="stylesheet" href="/static/css/login.css" type="text/css" charset="utf-8" />
      <link rel="stylesheet" href="/static/css/forms.css" type="text/css" charset="utf-8" />
      <link rel="stylesheet" href="/static/css/content.css" type="text/css" charset="utf-8" />
      <style type="text/css" media="screen"><!-- @import url(/static/css/jquery-ui-1.8.5.custom.css); --></style>
      <style type="text/css" media="screen"><!-- @import url(/static/css/jquery-dd.css); --></style>
      <style type="text/css" media="screen"><!-- @import url(/static/css/fileuploader.css); --></style>
    {% endcompress %}
    {% block local_css %}{% endblock %}
    <!--[if lte IE 7]><style type="text/css" media="all">@import url({% url twistranet_home %}static/css/ie7.css);</style><![endif]-->
    <!--[if lte IE 9]><style type="text/css" media="all">@import url({% url twistranet_home %}static/css/ie.css);</style><![endif]-->
    <script type="text/javascript" src="{% url twistranet_home %}static/js/jquery.js" charset="utf-8"></script>
    <script type="text/javascript" src="{% url twistranet_js_vars %}" charset="utf-8"></script>
    <script type="text/javascript" src="{% url twistranet_home %}static/js/jquery-ui-1.8.10.custom.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="{% url twistranet_home %}static/js/jquery.dd.js" charset="utf-8"></script>
    <!-- XXX TODO : put this script in resource widget javascript helpers has nothing todo here -->
    <script type="text/javascript" src="{% url twistranet_home %}static/js/tiny_mce/tiny_mce_popup.js" charset="utf-8"></script>
    {% compress js %}
      <script src="/static/js/includes/lib/include.js" type="text/javascript"></script>
      <script src="/static/js/includes/lib/scrollTo.js" type="text/javascript"></script>
      <script src="/static/js/includes/lib/browserdetect.js" type="text/javascript"></script>
      <script src="/static/js/includes/lib/hoverIntent.js" type="text/javascript"></script>
      <script src="/static/js/includes/lib/superfish.js" type="text/javascript"></script>
      <script src="/static/js/includes/mad.jquery.js" type="text/javascript"></script>
      <script src="/static/js/jquery.livesearch.js" type="text/javascript"></script>
      <script src="/static/js/fileuploader.js" type="text/javascript"></script>
      <script src="/static/js/tn_quickupload_helpers.js" type="text/javascript"></script>
      <script src="/static/js/comments.js" type="text/javascript"></script>
      <script src="/static/js/sharing.js" type="text/javascript"></script>
      <script src="/static/js/tn.js" type="text/javascript"></script>
    {% endcompress %}
    {% block local_js %}{% endblock %}
    {% if form %}{{ form.media }}{% endif %}
    {% block local_headers %}{% endblock %}
    <style>
      html {
        background: none !important;
        background-image: none !important;
      }
      .resource-widget {
        display: block;
        width: 100%;
        margin-left: 0;
        min-width: 100%;
      }
      #resources-selector {
        clear: none;
      }
      .qq-upload-drop-area {
        max-width: 59% !important;
      }
      #wrapper {
        width: 100%
      }
      #content {
        width: 98% !important;
        padding:0 1% !important
      }
      body {
        background-color: #F7F7F7 !important;
        background-image: none !important;
      }
      #content {
        background-color: transparent !important;
      }
    </style>
</head>
<body class="noleftcol">
    <div id="page">
        <div id="wrapper">
            <div id="wrap">
                <div id="content">
                    {% block content %}
                    {% endblock %}
                </div>
                <div class="clearfix"><!-- --></div>
            </div><!-- end #wrap -->

        </div><!-- end #wrapper -->
    </div><!-- end #page -->
    <!-- translated things used by javascript -->
    <!-- Confirmation Box -->
    <div id="tn-dialog" title="{% trans 'Confirmation Required' %}">
      <p id="tn-dialog-blockmessage">
        <span class="ui-icon ui-icon-alert"></span>
        <span id="tn-dialog-message">{% blocktrans %}Are you sure about this?{% endblocktrans %}</span>
      </p>            
        <span id="tn-dialog-button-cancel">{% blocktrans %}Cancel{% endblocktrans %}</span>
        <span id="tn-dialog-button-ok">{% blocktrans %}OK{% endblocktrans %}</span>
    </div>
</body>
</html>
