diff --git a/README.rst b/README.rst index e07b2af..0cca1be 100644 --- a/README.rst +++ b/README.rst @@ -1,39 +1,29 @@ django-rest-framework-datatables -================================ +======================================= |build-status-image| |codecov-image| |documentation-status-image| |pypi-version| |py-versions| Overview -------- -This package provides seamless integration between `Django REST framework `_ and `Datatables `_. +This package provides seamless integration between `Django REST framework `_ and `Datatables `_ with supporting `Datatables editor `_. -Install django-rest-framework-datatables, call your API with ``?format=datatables`` and it will return a JSON structure that is fully compatible with what Datatables expects. -It handles searching, filtering, ordering and most usecases you can imagine with Datatables. - -The great benefit of django-rest-framework-datatables is that you don't have to create a different API, your API still work exactly the same unless you specify the ``datatables`` format on your request. +- It handles searching, filtering, ordering and most usecases you can imagine with Datatables. Full documentation is available on `Read the Docs `_ ! -Requirements ------------- - -- Python (2.7, 3.4, 3.5, 3.6) -- Django (1.9, 1.10, 1.11, 2.0, 2.1) -- Django REST Framework (3.5, 3.6, 3.7, 3.8, 3.9) - -Quickstart +How to use ---------- -Installation -~~~~~~~~~~~~ - -Just use ``pip``: +Install +~~~~~~~ .. code:: bash $ pip install djangorestframework-datatables +If you need the functionality of the editor, you also need to download the data editor from `here `_, the JS+CSS version, and put the downloaded files in ``static`` folder. + Configuration ~~~~~~~~~~~~~ @@ -54,80 +44,118 @@ To enable Datatables support in your project, add ``'rest_framework_datatables'` 'PAGE_SIZE': 50, } +For using Datatables editor you should use DatatablesEditorModelViewSet instead ModelViewSet or add EditorModelMixin to your views. + And that's it ! ~~~~~~~~~~~~~~~ -Your API is now fully compatible with Datatables and will provide searching, filtering, ordering and pagination without any modification of your API code ! +Your API is now fully compatible with Datatables and will provide searching, filtering, ordering and pagination without any modification of your API code ! For using Datatables editor you should use DatatablesEditorModelViewSet instead ModelViewSet or add EditorModelMixin to your views. -Always Serialize Specific Fields -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -Sometimes you may want to expose fields regardless of datatable's url parameters. You can do so by setting the ``datatables_always_serialize`` tuple like so: +Configuring Datatables and Datatables editor +-------------------------------------------- -.. code:: python +- The URL for connecting datatables is the URL of your view with ``?format=datatables`` +- The URL connecting datatables editor is the URL of your view with ``editor/`` +- Full documentation is available on `Read the Docs `_ ! +- Also you'll need download `Datatables editor `_. - class ArtistSerializer(serializers.ModelSerializer): - id = serializers.IntegerField(read_only=True) - - class Meta: - model = Artist - fields = ( - 'id', 'name', - ) - datatables_always_serialize = ('id',) - -An example of Datatable -~~~~~~~~~~~~~~~~~~~~~~~ +Example of HTML code: .. code:: html + + - - Rolling Stone Top 500 albums of all time - - + + Rolling Stone Top 500 albums of all time + + + + + - -
-
-
- - - - - - - - - - -
RankArtistAlbum nameYearGenres
-
+
+
+
+ + + + + + + + + + +
RankArtistAlbum nameYearGenres
+
+
-
- - - - + + + + + + + + + + + +Requirements +------------ + +- Python (2.7, 3.4, 3.5, 3.6) +- Django (1.11, 2.0, 2.1) +- Django REST Framework (3.9) + Example project --------------- @@ -137,6 +165,7 @@ To play with the example project, just clone the repository and run the dev serv $ git clone https://github.com/izimobil/django-rest-framework-datatables.git $ cd django-rest-framework-datatables + Activate virtualenv. $ pip install -r requirements-dev.txt $ python example/manage.py runserver $ firefox http://127.0.0.1:8000 diff --git a/docs/_static/screenshot.jpg b/docs/_static/screenshot.jpg index 75cfe0d..c9d9ff8 100644 Binary files a/docs/_static/screenshot.jpg and b/docs/_static/screenshot.jpg differ diff --git a/docs/changelog.rst b/docs/changelog.rst index 39629e1..69d7f74 100644 --- a/docs/changelog.rst +++ b/docs/changelog.rst @@ -1,6 +1,11 @@ Changelog ========= +Version 0.6.0 (2019-07-31): +--------------------------- + +- Added support of `Datatables editor `_. + Version 0.5.0 (2019-03-31): --------------------------- @@ -29,7 +34,7 @@ Version 0.3.0 (2018-05-11): - Added a serializer Meta option ``datatables_always_serialize`` that allows to specify a tuple of fields that should always be serialized in the response, regardless of what fields are requested in the Datatables request - Optimize filters -- Use AND operator for column filtering instead of OR, to be consistant with the client-side behavior of Datatables +- Use AND operator for column filtering instead of OR, to be consistent with the client-side behavior of Datatables Version 0.2.1 (2018-04-11): --------------------------- diff --git a/docs/example-app.rst b/docs/example-app.rst index 78fd4a7..d12afab 100644 --- a/docs/example-app.rst +++ b/docs/example-app.rst @@ -11,6 +11,12 @@ We encourage you to give it a try with a few commandline calls: $ git clone https://github.com/izimobil/django-rest-framework-datatables.git $ cd django-rest-framework-datatables $ pip install -r requirements-dev.txt + +You need to download `Datatables Editor `_, the JS+CSS version, and unpack the downloaded archive in +``django-rest-framework-datatables/static`` + +.. code:: bash + $ python example/manage.py runserver $ firefox http://127.0.0.1:8000 diff --git a/docs/index.rst b/docs/index.rst index 77cb4f0..a7cedf7 100644 --- a/docs/index.rst +++ b/docs/index.rst @@ -1,14 +1,14 @@ .. django-rest-framework-datatables documentation master file, created by - sphinx-quickstart on Tue Apr 10 13:28:41 2018. + sphinx-quickstart on Sat Apr 27 14:24:31 2019. You can adapt this file completely to your liking, but it should at least contain the root `toctree` directive. -django-rest-framework-datatables documentation -============================================== +Welcome to django-rest-framework-datatables's documentation! +=================================================================== -Seamless integration between Django REST framework and Datatables. +Seamless integration between Django REST framework and Datatables with supporting Datatables Editor. -**Django Rest Framework + Datatables = Awesome :)** +**Django Rest Framework + Datatables + Editor = Awesome :)** .. image:: _static/screenshot.jpg diff --git a/docs/introduction.rst b/docs/introduction.rst index 5b0e240..79fe176 100644 --- a/docs/introduction.rst +++ b/docs/introduction.rst @@ -1,6 +1,9 @@ Introduction ============ +View tables +~~~~~~~~~~~ + django-rest-framework-datatables provides seamless integration between `Django REST framework `_ and `Datatables `_. Just call your API with ``?format=datatables``, and you will get a JSON structure that is fully compatible with what Datatables expects. @@ -69,3 +72,11 @@ As you can see, django-rest-framework-datatables automatically adapt the JSON st But django-rest-framework-datatables can do much more ! As you will learn in the tutorial, it speaks the Datatables language and can handle searching, filtering, ordering, pagination, etc. Read the :doc:`quickstart guide` for instructions on how to install and configure django-rest-framework-datatables. + + +Editing tables +~~~~~~~~~~~~~~ + +The URL for interaction with the Datatables Editor: http://127.0.0.1:8000/api/albums/editor for this view. + +You must set the parameter ``ajax: "/api/albums/editor/`` and that's it! diff --git a/docs/quickstart.rst b/docs/quickstart.rst index 44cd199..47c77ed 100644 --- a/docs/quickstart.rst +++ b/docs/quickstart.rst @@ -44,4 +44,4 @@ What have we done so far ? And that's it ! --------------- -Your API is now fully compatible with Datatables and will provide searching, filtering, ordering and pagination without any modification of your API code, to continue, follow the :doc:`tutorial`. +Your API is now fully compatible with Datatables and Datatables Editor and will provide searching, filtering, ordering and pagination and editing, to continue, follow the :doc:`tutorial`. diff --git a/docs/tutorial.rst b/docs/tutorial.rst index 240b404..bfd094e 100644 --- a/docs/tutorial.rst +++ b/docs/tutorial.rst @@ -70,6 +70,11 @@ albums/serializers.py: class ArtistSerializer(serializers.ModelSerializer): id = serializers.IntegerField(read_only=True) + # if we need to edit a field that is a nested serializer, + # we must override to_internal_value method + def to_internal_value(self, data): + return get_object_or_404(Artist, pk=data['id']) + class Meta: model = Artist fields = ( @@ -104,7 +109,7 @@ albums/views.py: return render(request, 'albums/albums.html') - class AlbumViewSet(viewsets.ModelViewSet): + class AlbumViewSet(EditorModelMixin, viewsets.ModelViewSet): queryset = Album.objects.all().order_by('rank') serializer_class = AlbumSerializer @@ -229,13 +234,13 @@ In the above example, the 'get_options' method will be called to populate the re .. important:: To sum up, **the most important things** to remember here are: - + - don't forget to add ``?format=datatables`` to your API URL - you must add a **data-data attribute** or specify the column data property via JS for each columns, the name must **match one of the fields of your DRF serializers**. -A more complex and detailed example ------------------------------------ +A more complex and detailed example with the ability to edit data +----------------------------------------------------------------- In this example we want to display more informations about the album: @@ -249,101 +254,135 @@ The HTML/JS code will look like this: - - Rolling Stone Top 500 albums of all time - - - + + Rolling Stone Top 500 albums of all time + + + + + - -
-
-
- - - - - - - - - - -
RankArtistAlbum nameYearYear
-
+
+
+
+ + + + + + + + + + +
RankArtistAlbum nameYearGenres
+
+
-
- - - - + + + + + + + + + + Notice that artist and genres columns have an extra data attribute: ``data-name``, this attribute is necessary to tell to the django-rest-framework-datatables builtin filter backend what field part to use to filter and reorder the queryset. The builtin filter will add ``__icontains`` to the string to perform the filtering/ordering. -We could also have written that in a more conventional form (without data attributes), for example: + +.. hint:: + + Datatables uses the dot notation in the ``data`` field to populate columns with nested data. In this example, ``artist.name`` refers to the field ``name`` within the nested serializer ``artist``. + + +Authorization +------------- + +If you use user authorization you must sent a CSRF token with each POST request. To do this, you can use the following script: .. code:: html - - - - - Rolling Stone Top 500 albums of all time - - - - + - - - - - + function getCookie(name) { + var cookieValue = null; + if (document.cookie && document.cookie != '') { + var cookies = document.cookie.split(';'); + for (var i = 0; i < cookies.length; i++) { + var cookie = jQuery.trim(cookies[i]); + // Does this cookie string begin with the name we want? + if (cookie.substring(0, name.length + 1) == (name + '=')) { + cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); + break; + } + } + } + return cookieValue; + } -.. hint:: + var csrftoken = getCookie('csrftoken'); - Datatables uses the dot notation in the ``data`` field to populate columns with nested data. In this example, ``artist.name`` refers to the field ``name`` within the nested serializer ``artist``. + function csrfSafeMethod(method) { + // these HTTP methods do not require CSRF protection + return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); + } + + $.ajaxSetup({ + beforeSend: function (xhr, settings) { + if (!csrfSafeMethod(settings.type) && !this.crossDomain) { + xhr.setRequestHeader("X-CSRFToken", csrftoken); + } + } + }); + + Filtering diff --git a/example/albums/migrations/0001_initial.py b/example/albums/migrations/0001_initial.py index 8e31f52..17d521d 100644 --- a/example/albums/migrations/0001_initial.py +++ b/example/albums/migrations/0001_initial.py @@ -1,4 +1,4 @@ -# Generated by Django 2.0.4 on 2018-04-07 16:27 +# Generated by Django 2.2 on 2019-04-29 09:41 from django.db import migrations, models import django.db.models.deletion @@ -13,48 +13,43 @@ class Migration(migrations.Migration): operations = [ migrations.CreateModel( - name='Album', + name='Artist', fields=[ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), ('name', models.CharField(max_length=80, verbose_name='Name')), - ('rank', models.PositiveIntegerField(verbose_name='Rank')), - ('year', models.PositiveIntegerField(verbose_name='Year')), ], options={ - 'verbose_name': 'Album', - 'verbose_name_plural': 'Albums', + 'verbose_name': 'Artist', + 'verbose_name_plural': 'Artists', + 'ordering': ['name'], }, ), migrations.CreateModel( - name='Artist', + name='Genre', fields=[ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), ('name', models.CharField(max_length=80, verbose_name='Name')), ], options={ - 'verbose_name': 'Artist', - 'verbose_name_plural': 'Artists', + 'verbose_name': 'Genre', + 'verbose_name_plural': 'Genres', + 'ordering': ['name'], }, ), migrations.CreateModel( - name='Genre', + name='Album', fields=[ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), ('name', models.CharField(max_length=80, verbose_name='Name')), + ('rank', models.PositiveIntegerField(verbose_name='Rank')), + ('year', models.PositiveIntegerField(verbose_name='Year')), + ('artist', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='albums', to='albums.Artist', verbose_name='Artist')), + ('genres', models.ManyToManyField(related_name='albums', to='albums.Genre', verbose_name='Genres')), ], options={ - 'verbose_name': 'Genre', - 'verbose_name_plural': 'Genres', + 'verbose_name': 'Album', + 'verbose_name_plural': 'Albums', + 'ordering': ['name'], }, ), - migrations.AddField( - model_name='album', - name='artist', - field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='albums', to='albums.Artist', verbose_name='Artist'), - ), - migrations.AddField( - model_name='album', - name='genres', - field=models.ManyToManyField(related_name='albums', to='albums.Genre', verbose_name='Genres'), - ), ] diff --git a/example/albums/serializers.py b/example/albums/serializers.py index 55ea5be..0a8bd33 100644 --- a/example/albums/serializers.py +++ b/example/albums/serializers.py @@ -1,3 +1,4 @@ +from django.shortcuts import get_object_or_404 from rest_framework import serializers from .models import Album, Artist @@ -6,6 +7,11 @@ class ArtistSerializer(serializers.ModelSerializer): id = serializers.IntegerField(read_only=True) + # if we need to edit a field that is a nested serializer, + # we must override to_internal_value method + def to_internal_value(self, data): + return get_object_or_404(Artist, pk=data['id']) + class Meta: model = Artist fields = ( @@ -21,8 +27,10 @@ class AlbumSerializer(serializers.ModelSerializer): # DRF-Datatables can deal with nested serializers as well. artist = ArtistSerializer() genres = serializers.SerializerMethodField() + artist_view = ArtistSerializer(source="artist", read_only=True) - def get_genres(self, album): + @staticmethod + def get_genres(album): return ', '.join([str(genre) for genre in album.genres.all()]) # If you want, you can add special fields understood by Datatables, @@ -31,10 +39,12 @@ def get_genres(self, album): DT_RowId = serializers.SerializerMethodField() DT_RowAttr = serializers.SerializerMethodField() - def get_DT_RowId(self, album): - return 'row_%d' % album.pk + @staticmethod + def get_DT_RowId(album): + return album.pk - def get_DT_RowAttr(self, album): + @staticmethod + def get_DT_RowAttr(album): return {'data-pk': album.pk} class Meta: @@ -42,6 +52,7 @@ class Meta: fields = ( 'DT_RowId', 'DT_RowAttr', 'rank', 'name', 'year', 'artist_name', 'genres', 'artist', + 'artist_view' ) diff --git a/example/albums/templates/albums/albums.html b/example/albums/templates/albums/albums.html index 5a0b746..0cb6c09 100644 --- a/example/albums/templates/albums/albums.html +++ b/example/albums/templates/albums/albums.html @@ -1,24 +1,25 @@ {% extends "albums/base.html" %} {% block content %} -
-
-

Full example with foreign key and many to many relation

-
- - - - - - - - +
+
+

Full example with foreign key and many to many + relation

+
+ + + + + + + + +
-
-
-
- - +
+
+
+ @@ -26,66 +27,99 @@

Full example with fo

- -
Rank ArtistYear Genres
+ + +
-
-
-
-

Minimal example with data attributes

+
+
+

Minimal example with data attributes

+
-
-
-
- - +
+
+
+ - + - -
RankArtistArtist Album name
-
-
-
-
-

- Copyright © 2018 David Jean Louis - - Data from data.world -

+ + +
- +
+
+

+ Copyright © 2018 David Jean Louis - + Data from data.world +

+
+
{% endblock %} {% block extra_js %} - + {% endblock %} diff --git a/example/albums/templates/albums/base.html b/example/albums/templates/albums/base.html index fac6b30..2cd2628 100644 --- a/example/albums/templates/albums/base.html +++ b/example/albums/templates/albums/base.html @@ -1,22 +1,31 @@ +{% load static %} - - - Rolling Stone Top 500 albums of all time - - - - + + Rolling Stone Top 500 albums of all time + + + + + + -
+
{% block content %}{% endblock %} -
- - - - {% block extra_js %}{% endblock %} +
+ + + + + + + + + +{% block extra_js %}{% endblock %} diff --git a/example/albums/views.py b/example/albums/views.py index 4b1bf75..a180a8d 100644 --- a/example/albums/views.py +++ b/example/albums/views.py @@ -1,8 +1,11 @@ from django.shortcuts import render - from rest_framework import viewsets from rest_framework.response import Response +from rest_framework_datatables.filters import DatatablesFilterBackend +from rest_framework_datatables.pagination import DatatablesPageNumberPagination +from rest_framework_datatables.renderers import DatatablesRenderer +from rest_framework_datatables.viewsets import DatatablesEditorModelViewSet from .models import Album, Artist, Genre from .serializers import AlbumSerializer, ArtistSerializer @@ -13,12 +16,12 @@ def index(request): def get_album_options(): return "options", { - "artist": [{'label': obj.name, 'value': obj.pk} for obj in Artist.objects.all()], + "artist.id": [{'label': obj.name, 'value': obj.pk} for obj in Artist.objects.all()], "genre": [{'label': obj.name, 'value': obj.pk} for obj in Genre.objects.all()] } -class AlbumViewSet(viewsets.ModelViewSet): +class AlbumViewSet(DatatablesEditorModelViewSet): queryset = Album.objects.all().order_by('rank') serializer_class = AlbumSerializer @@ -33,6 +36,10 @@ class ArtistViewSet(viewsets.ViewSet): queryset = Artist.objects.all().order_by('name') serializer_class = ArtistSerializer + filter_backends = (DatatablesFilterBackend,) + pagination_class = DatatablesPageNumberPagination + renderer_classes = (DatatablesRenderer,) + def list(self, request): serializer = self.serializer_class(self.queryset, many=True) return Response(serializer.data) diff --git a/example/db.sqlite3 b/example/db.sqlite3 index 5785009..8e83151 100644 Binary files a/example/db.sqlite3 and b/example/db.sqlite3 differ diff --git a/example/example/settings.py b/example/example/settings.py index 675fadb..bdf07bb 100644 --- a/example/example/settings.py +++ b/example/example/settings.py @@ -1,27 +1,9 @@ -""" -Django settings for example project. - -Generated by 'django-admin startproject' using Django 2.0.4. - -For more information on this file, see -https://docs.djangoproject.com/en/2.0/topics/settings/ - -For the full list of settings and their values, see -https://docs.djangoproject.com/en/2.0/ref/settings/ -""" - import os import sys -# Build paths inside the project like this: os.path.join(BASE_DIR, ...) BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) sys.path.insert(0, os.path.dirname(BASE_DIR)) - -# Quick-start development settings - unsuitable for production -# See https://docs.djangoproject.com/en/2.0/howto/deployment/checklist/ - -# SECURITY WARNING: keep the secret key used in production secret! SECRET_KEY = '&sccg=dcd*la_pd8@^4d18!-u_@nen4zze2e@2%^ox*h_*$^x+' # SECURITY WARNING: don't run with debug turned on in production! @@ -29,7 +11,6 @@ ALLOWED_HOSTS = [] - # Application definition INSTALLED_APPS = [ @@ -42,7 +23,6 @@ 'rest_framework', 'rest_framework_datatables', - 'albums', ] @@ -76,10 +56,6 @@ WSGI_APPLICATION = 'example.wsgi.application' - -# Database -# https://docs.djangoproject.com/en/2.0/ref/settings/#databases - DATABASES = { 'default': { 'ENGINE': 'django.db.backends.sqlite3', @@ -88,10 +64,6 @@ } } - -# Password validation -# https://docs.djangoproject.com/en/2.0/ref/settings/#auth-password-validators - AUTH_PASSWORD_VALIDATORS = [ { 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', @@ -107,10 +79,6 @@ }, ] - -# Internationalization -# https://docs.djangoproject.com/en/2.0/topics/i18n/ - LANGUAGE_CODE = 'en-us' TIME_ZONE = 'UTC' @@ -121,12 +89,12 @@ USE_TZ = True - -# Static files (CSS, JavaScript, Images) -# https://docs.djangoproject.com/en/2.0/howto/static-files/ - STATIC_URL = '/static/' +STATICFILES_DIRS = [ + os.path.join(BASE_DIR, "static"), +] + # DRF REST_FRAMEWORK = { 'DEFAULT_RENDERER_CLASSES': ( @@ -138,5 +106,5 @@ 'rest_framework_datatables.filters.DatatablesFilterBackend', ), 'DEFAULT_PAGINATION_CLASS': 'rest_framework_datatables.pagination.DatatablesPageNumberPagination', - 'PAGE_SIZE': 10, + 'PAGE_SIZE': 50, } diff --git a/example/example/urls.py b/example/example/urls.py index 12c1a9f..4b896bb 100644 --- a/example/example/urls.py +++ b/example/example/urls.py @@ -1,6 +1,5 @@ from django.contrib import admin from django.conf.urls import url, include - from rest_framework import routers from albums import views @@ -14,5 +13,5 @@ urlpatterns = [ url('^admin/', admin.site.urls), url('^api/', include(router.urls)), - url('', views.index, name='albums') + url('^$', views.index, name='albums') ] diff --git a/example/static/css/editor.bootstrap.css b/example/static/css/editor.bootstrap.css new file mode 100644 index 0000000..cd13893 --- /dev/null +++ b/example/static/css/editor.bootstrap.css @@ -0,0 +1,875 @@ +div.DTE div.DTE_Form_Error { + color: #b11f1f; +} + +div.modal div.DTE div.DTE_Form_Error { + display: none; + float: left; + padding-top: 7px; +} + +div.DTE_Field { + position: relative; +} +div.DTE_Field div.multi-value, +div.DTE_Field div.multi-restore { + display: none; + cursor: pointer; +} +div.DTE_Field div.multi-value span, +div.DTE_Field div.multi-restore span { + display: block; + color: #666; +} +div.DTE_Field div.multi-value:hover, +div.DTE_Field div.multi-restore:hover { + background-color: #f1f1f1; +} +div.DTE_Field div.multi-restore { + margin-top: 0.5em; + font-size: 0.8em; + line-height: 1.25em; +} +div.DTE_Field:after { + display: block; + content: "."; + height: 0; + line-height: 0; + clear: both; + visibility: hidden; +} +div.DTE_Field div:not([data-dte-e="msg-error"]) { + color: inherit; +} + +div.DTE_Inline { + position: relative; + display: table; + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field, +div.DTE_Inline div.DTE_Inline_Buttons { + display: table-cell; + vertical-align: middle; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field { + padding: 0; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label { + display: none; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] { + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button { + margin: -6px 0 -6px 4px; + padding: 5px; +} +div.DTE_Inline div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Field input[type="week"] { + margin: -6px 0; +} +div.DTE_Inline div.DTE_Field_Error, +div.DTE_Inline div.DTE_Form_Error { + font-size: 11px; + line-height: 1.2em; + padding: 0; + margin-top: 10px; +} +div.DTE_Inline div.DTE_Field_Error:empty, +div.DTE_Inline div.DTE_Form_Error:empty { + margin-top: 0; +} + +span.dtr-data div.DTE_Inline { + display: inline-table; +} + +div.DTE_Inline div.DTE_Field { + width: 100%; +} +div.DTE_Inline div.DTE_Field > div { + width: 100%; + padding: 0; +} +div.DTE_Inline div.DTE_Field input.form-control { + height: 30px; +} +div.DTE_Inline div.DTE_Field div.help-block { + display: none; + margin-top: 10px; + margin-bottom: 0; +} +div.DTE_Inline.DTE_Processing:after { + top: 5px; +} + +div.DTE_Field_Type_checkbox div.controls, +div.DTE_Field_Type_radio div.controls { + margin-top: 0.4em; +} +div.DTE_Field_Type_checkbox div.controls label, +div.DTE_Field_Type_radio div.controls label { + margin-left: 0.75em; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; +} + +div.DTE_Bubble { + position: absolute; + z-index: 11; + margin-top: -6px; + opacity: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner { + position: absolute; + bottom: 0; + border: 1px solid black; + width: 300px; + margin-left: -150px; + background-color: white; + box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5); + border-radius: 6px; + border: 1px solid #666; + padding: 1em; + background: #fcfcfc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table { + width: 100%; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field { + position: relative; + zoom: 1; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label { + padding-top: 0; + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input { + margin: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + text-align: right; + margin-top: 1em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table { + padding-top: 42px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error { + float: none; + display: none; + padding: 0; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close { + position: absolute; + top: -11px; + right: -11px; + width: 22px; + height: 22px; + border: 2px solid white; + background-color: black; + text-align: center; + border-radius: 15px; + cursor: pointer; + z-index: 12; + box-shadow: 2px 2px 6px #111; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { + content: '\00d7'; + color: white; + font-weight: bold; + font-size: 18px; + line-height: 22px; + font-family: 'Courier New', Courier, monospace; + padding-left: 1px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover { + background-color: #092079; + box-shadow: 2px 2px 9px #111; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + position: absolute; + height: 10px; + width: 10px; + top: -6px; + background-color: white; + border: 1px solid #666; + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +div.DTE_Bubble.below div.DTE_Bubble_Liner { + top: 10px; + bottom: auto; +} +div.DTE_Bubble.below div.DTE_Bubble_Triangle { + top: 4px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); +} + +div.DTE_Bubble_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* W3C Markup, IE10 Release Preview */ + z-index: 10; +} +div.DTE_Bubble_Background > div { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; +} +div.DTE_Bubble_Background > div:not([dummy]) { + filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); +} + +div.DTE_Bubble div.DTE_Bubble_Liner { + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + border-radius: 6px; + padding: 1em; + border: 1px solid rgba(0, 0, 0, 0.2); +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + width: 100%; + max-width: 100%; + float: none; + clear: both; + text-align: left; + flex: none; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label { + padding: 0 0 4px 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + text-align: right; + margin-top: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + font-size: 14px; + width: 100%; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { + margin-top: -2px; + display: block; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + border-left: 1px solid rgba(0, 0, 0, 0.2); +} + +div.DTE_Bubble_Background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 10; + background-color: rgba(0, 0, 0, 0.05); +} + +div.DTE div.editor_upload { + padding-top: 4px; +} +div.DTE div.editor_upload div.eu_table { + display: table; + width: 100%; +} +div.DTE div.editor_upload div.row { + display: table-row; +} +div.DTE div.editor_upload div.cell { + display: table-cell; + position: relative; + width: 50%; + vertical-align: top; +} +div.DTE div.editor_upload div.cell + div.cell { + padding-left: 10px; +} +div.DTE div.editor_upload div.row + div.row div.cell { + padding-top: 10px; +} +div.DTE div.editor_upload button.btn, +div.DTE div.editor_upload input[type=file] { + width: 100%; + height: 2.3em; + font-size: 0.8em; + text-align: center; + line-height: 1em; +} +div.DTE div.editor_upload input[type=file] { + position: absolute; + top: 0; + left: 0; + width: 100%; + opacity: 0; +} +div.DTE div.editor_upload div.drop { + position: relative; + box-sizing: border-box; + width: 100%; + height: 100%; + border: 3px dashed #ccc; + border-radius: 6px; + min-height: 4em; + color: #999; + padding-top: 3px; + text-align: center; +} +div.DTE div.editor_upload div.drop.over { + border: 3px dashed #111; + color: #111; +} +div.DTE div.editor_upload div.drop span { + max-width: 75%; + font-size: 0.85em; + line-height: 1em; +} +div.DTE div.editor_upload div.rendered img { + max-width: 8em; + margin: 0 auto; +} +div.DTE div.editor_upload.noDrop div.drop { + display: none; +} +div.DTE div.editor_upload.noDrop div.row.second { + display: none; +} +div.DTE div.editor_upload.noDrop div.rendered { + margin-top: 10px; +} +div.DTE div.editor_upload.noClear div.clearValue button { + display: none; +} +div.DTE div.editor_upload.multi div.cell { + display: block; + width: 100%; +} +div.DTE div.editor_upload.multi div.cell div.drop { + min-height: 0; + padding-bottom: 5px; +} +div.DTE div.editor_upload.multi div.clearValue { + display: none; +} +div.DTE div.editor_upload.multi ul { + list-style-type: none; + margin: 0; + padding: 0; +} +div.DTE div.editor_upload.multi ul li { + position: relative; + margin-top: 0.5em; +} +div.DTE div.editor_upload.multi ul li:first-child { + margin-top: 0; +} +div.DTE div.editor_upload.multi ul li img { + vertical-align: middle; +} +div.DTE div.editor_upload.multi ul li button { + position: absolute; + width: 40px; + right: 0; + top: 50%; + margin-top: -1.5em; +} + +div.DTE div.editor_upload button.btn, +div.DTE div.editor_upload input[type=file] { + height: auto; +} +div.DTE div.editor_upload ul li button { + padding-bottom: 8px; +} + +div.editor-datetime { + position: absolute; + background-color: white; + z-index: 2050; + border: 1px solid #ccc; + box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); + padding: 0 20px 6px 20px; + width: 275px; +} +div.editor-datetime div.editor-datetime-title { + text-align: center; + padding: 5px 0px 3px; +} +div.editor-datetime table { + border-spacing: 0; + margin: 12px 0; + width: 100%; +} +div.editor-datetime table.editor-datetime-table-nospace { + margin-top: -12px; +} +div.editor-datetime table th { + font-size: 0.8em; + color: #777; + font-weight: normal; + width: 14.285714286%; + padding: 0 0 4px 0; + text-align: center; +} +div.editor-datetime table td { + font-size: 0.9em; + color: #444; + padding: 0; +} +div.editor-datetime table td.selectable { + text-align: center; + background: #f5f5f5; +} +div.editor-datetime table td.selectable.disabled { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.disabled button:hover { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.now { + background-color: #ddd; +} +div.editor-datetime table td.selectable.now button { + font-weight: bold; +} +div.editor-datetime table td.selectable.selected button { + background: #337ab7; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.selectable button:hover { + background: #ff8000; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.editor-datetime-week { + font-size: 0.7em; +} +div.editor-datetime table button { + width: 100%; + box-sizing: border-box; + border: none; + background: transparent; + font-size: inherit; + color: inherit; + text-align: center; + padding: 4px 0; + cursor: pointer; + margin: 0; +} +div.editor-datetime table button span { + display: inline-block; + min-width: 14px; + text-align: right; +} +div.editor-datetime table.weekNumber th { + width: 12.5%; +} +div.editor-datetime div.editor-datetime-calendar table { + margin-top: 0; +} +div.editor-datetime div.editor-datetime-label { + position: relative; + display: inline-block; + height: 30px; + padding: 5px 6px; + border: 1px solid transparent; + box-sizing: border-box; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-label:hover { + border: 1px solid #ddd; + border-radius: 2px; + background-color: #f5f5f5; +} +div.editor-datetime div.editor-datetime-label select { + position: absolute; + top: 6px; + left: 0; + cursor: pointer; + opacity: 0; + -ms-filter: "alpha(opacity=0)"; +} +div.editor-datetime div.editor-datetime-time { + text-align: center; +} +div.editor-datetime div.editor-datetime-time > span { + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-time th { + text-align: left; +} +div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock { + display: inline-block; + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-iconLeft, +div.editor-datetime div.editor-datetime-iconRight, +div.editor-datetime div.editor-datetime-iconUp, +div.editor-datetime div.editor-datetime-iconDown { + width: 30px; + height: 30px; + background-position: center; + background-repeat: no-repeat; + opacity: 0.3; + overflow: hidden; + box-sizing: border-box; +} +div.editor-datetime div.editor-datetime-iconLeft:hover, +div.editor-datetime div.editor-datetime-iconRight:hover, +div.editor-datetime div.editor-datetime-iconUp:hover, +div.editor-datetime div.editor-datetime-iconDown:hover { + border: 1px solid #ccc; + border-radius: 2px; + background-color: #f0f0f0; + opacity: 0.6; +} +div.editor-datetime div.editor-datetime-iconLeft button, +div.editor-datetime div.editor-datetime-iconRight button, +div.editor-datetime div.editor-datetime-iconUp button, +div.editor-datetime div.editor-datetime-iconDown button { + border: none; + background: transparent; + text-indent: 30px; + height: 100%; + width: 100%; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-iconLeft { + position: absolute; + top: 5px; + left: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); +} +div.editor-datetime div.editor-datetime-iconRight { + position: absolute; + top: 5px; + right: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconUp { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconDown { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC"); +} + +div.editor-datetime-error { + padding: 0 1em; + max-width: 240px; + font-size: 11px; + line-height: 1.25em; + text-align: center; + color: #b11f1f; +} + +div.DTE div.DTE_Processing_Indicator { + position: absolute; + top: 17px; + right: 9px; + height: 2em; + width: 2em; + z-index: 20; + font-size: 12px; + display: none; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} +div.DTE.processing div.DTE_Processing_Indicator { + display: block; +} +div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator { + display: none; +} +div.DTE div.DTE_Field div.DTE_Processing_Indicator { + top: 13px; + right: 0; + font-size: 8px; +} +div.DTE.DTE_Inline div.DTE_Processing_Indicator { + top: 5px; + right: 6px; + font-size: 6px; +} +div.DTE.DTE_Bubble div.DTE_Processing_Indicator { + top: 10px; + right: 14px; + font-size: 8px; +} +div.DTE div.DTE_Processing_Indicator span, +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + display: block; + background: black; + width: 0.5em; + height: 1.5em; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.1); + -webkit-animation: editorProcessing 0.9s infinite ease-in-out; + animation: editorProcessing 0.9s infinite ease-in-out; +} +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + position: absolute; + top: 0; + content: ''; +} +div.DTE div.DTE_Processing_Indicator:before { + left: -1em; + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +div.DTE div.DTE_Processing_Indicator span { + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; +} +div.DTE div.DTE_Processing_Indicator:after { + left: 1em; +} +@-webkit-keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +@keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +table.dataTable tbody tr.highlight { + background-color: #3399ff !important; +} +table.dataTable tbody tr.highlight, +table.dataTable tbody tr.noHighlight, +table.dataTable tbody tr.highlight td, +table.dataTable tbody tr.noHighlight td { + -webkit-transition: background-color 500ms linear; + -moz-transition: background-color 500ms linear; + -ms-transition: background-color 500ms linear; + -o-transition: background-color 500ms linear; + transition: background-color 500ms linear; +} + +div.DTE div.DTE_Field div.DTE_Processing_Indicator { + top: 13px; + right: 20px; +} + +div.DTE div.DTE_Processing_Indicator { + top: 52px; + right: 12px; +} + +/* + * Namespace: DTED - DataTables Editor Display - Envelope + */ +div.DTED_Envelope_Wrapper { + position: absolute; + top: 0; + bottom: 0; + left: 50%; + height: 100%; + z-index: 11; + display: none; + overflow: hidden; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow { + position: absolute; + top: -10px; + left: 10px; + right: 10px; + height: 10px; + z-index: 10; + box-shadow: 0 0 20px black; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container { + position: absolute; + top: 0; + left: 5%; + width: 90%; + border-left: 1px solid #777; + border-right: 1px solid #777; + border-bottom: 1px solid #777; + box-shadow: 3px 3px 10px #555; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + background-color: white; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator { + right: 36px; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close { + position: absolute; + top: 16px; + right: 10px; + width: 18px; + height: 18px; + cursor: pointer; + z-index: 12; + text-align: center; + font-size: 12px; + background: #F8F8F8; + background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white)); + background: -moz-linear-gradient(top, white, #CCC); + background: linear-gradient(to bottom, white, #CCC); + text-shadow: 0 1px 0 white; + border: 1px solid #999; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + box-shadow: 0px 0px 1px #999; + -moz-box-shadow: 0px 0px 1px #999; + -webkit-box-shadow: 0px 0px 1px #999; +} + +div.DTED_Envelope_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 10; + background: rgba(0, 0, 0, 0.4); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* W3C Markup, IE10 Release Preview */ +} + +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close { + top: 10px; + background: transparent; + text-shadow: none; + box-shadow: none; + border: none; + font-size: 21px; + color: black; + opacity: 0.2; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover { + opacity: 1; +} diff --git a/example/static/css/editor.bootstrap4.css b/example/static/css/editor.bootstrap4.css new file mode 100644 index 0000000..2a50eb2 --- /dev/null +++ b/example/static/css/editor.bootstrap4.css @@ -0,0 +1,920 @@ +div.DTE div.DTE_Form_Error { + color: #b11f1f; +} + +div.modal div.DTE div.DTE_Form_Error { + display: none; + float: left; + padding-top: 7px; +} + +div.DTE_Field { + position: relative; +} +div.DTE_Field div.multi-value, +div.DTE_Field div.multi-restore { + display: none; + cursor: pointer; +} +div.DTE_Field div.multi-value span, +div.DTE_Field div.multi-restore span { + display: block; + color: #666; +} +div.DTE_Field div.multi-value:hover, +div.DTE_Field div.multi-restore:hover { + background-color: #f1f1f1; +} +div.DTE_Field div.multi-restore { + margin-top: 0.5em; + font-size: 0.8em; + line-height: 1.25em; +} +div.DTE_Field:after { + display: block; + content: "."; + height: 0; + line-height: 0; + clear: both; + visibility: hidden; +} +div.DTE_Field div:not([data-dte-e="msg-error"]) { + color: inherit; +} + +div.DTE_Inline { + position: relative; + display: table; + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field, +div.DTE_Inline div.DTE_Inline_Buttons { + display: table-cell; + vertical-align: middle; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field { + padding: 0; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label { + display: none; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] { + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button { + margin: -6px 0 -6px 4px; + padding: 5px; +} +div.DTE_Inline div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Field input[type="week"] { + margin: -6px 0; +} +div.DTE_Inline div.DTE_Field_Error, +div.DTE_Inline div.DTE_Form_Error { + font-size: 11px; + line-height: 1.2em; + padding: 0; + margin-top: 10px; +} +div.DTE_Inline div.DTE_Field_Error:empty, +div.DTE_Inline div.DTE_Form_Error:empty { + margin-top: 0; +} + +span.dtr-data div.DTE_Inline { + display: inline-table; +} + +div.DTE_Inline div.DTE_Field { + width: 100%; +} +div.DTE_Inline div.DTE_Field > div { + width: 100%; + padding: 0; +} +div.DTE_Inline div.DTE_Field input.form-control { + height: 30px; +} +div.DTE_Inline div.DTE_Field div.help-block { + display: none; + margin-top: 10px; + margin-bottom: 0; +} +div.DTE_Inline.DTE_Processing:after { + top: 5px; +} + +div.DTE_Field_Type_checkbox div.controls, +div.DTE_Field_Type_radio div.controls { + margin-top: 0.4em; +} +div.DTE_Field_Type_checkbox div.controls label, +div.DTE_Field_Type_radio div.controls label { + margin-left: 0.75em; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; +} + +div.DTE_Bubble { + position: absolute; + z-index: 11; + margin-top: -6px; + opacity: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner { + position: absolute; + bottom: 0; + border: 1px solid black; + width: 300px; + margin-left: -150px; + background-color: white; + box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5); + border-radius: 6px; + border: 1px solid #666; + padding: 1em; + background: #fcfcfc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table { + width: 100%; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field { + position: relative; + zoom: 1; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label { + padding-top: 0; + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input { + margin: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + text-align: right; + margin-top: 1em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table { + padding-top: 42px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error { + float: none; + display: none; + padding: 0; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close { + position: absolute; + top: -11px; + right: -11px; + width: 22px; + height: 22px; + border: 2px solid white; + background-color: black; + text-align: center; + border-radius: 15px; + cursor: pointer; + z-index: 12; + box-shadow: 2px 2px 6px #111; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { + content: '\00d7'; + color: white; + font-weight: bold; + font-size: 18px; + line-height: 22px; + font-family: 'Courier New', Courier, monospace; + padding-left: 1px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover { + background-color: #092079; + box-shadow: 2px 2px 9px #111; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + position: absolute; + height: 10px; + width: 10px; + top: -6px; + background-color: white; + border: 1px solid #666; + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +div.DTE_Bubble.below div.DTE_Bubble_Liner { + top: 10px; + bottom: auto; +} +div.DTE_Bubble.below div.DTE_Bubble_Triangle { + top: 4px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); +} + +div.DTE_Bubble_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* W3C Markup, IE10 Release Preview */ + z-index: 10; +} +div.DTE_Bubble_Background > div { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; +} +div.DTE_Bubble_Background > div:not([dummy]) { + filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); +} + +div.DTE_Bubble div.DTE_Bubble_Liner { + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + border-radius: 6px; + padding: 1em; + border: 1px solid rgba(0, 0, 0, 0.2); +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + width: 100%; + max-width: 100%; + float: none; + clear: both; + text-align: left; + flex: none; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label { + padding: 0 0 4px 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + text-align: right; + margin-top: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + font-size: 14px; + width: 100%; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { + margin-top: -2px; + display: block; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + border-left: 1px solid rgba(0, 0, 0, 0.2); +} + +div.DTE_Bubble_Background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 10; + background-color: rgba(0, 0, 0, 0.05); +} + +div.DTE div.editor_upload { + padding-top: 4px; +} +div.DTE div.editor_upload div.eu_table { + display: table; + width: 100%; +} +div.DTE div.editor_upload div.row { + display: table-row; +} +div.DTE div.editor_upload div.cell { + display: table-cell; + position: relative; + width: 50%; + vertical-align: top; +} +div.DTE div.editor_upload div.cell + div.cell { + padding-left: 10px; +} +div.DTE div.editor_upload div.row + div.row div.cell { + padding-top: 10px; +} +div.DTE div.editor_upload button.btn, +div.DTE div.editor_upload input[type=file] { + width: 100%; + height: 2.3em; + font-size: 0.8em; + text-align: center; + line-height: 1em; +} +div.DTE div.editor_upload input[type=file] { + position: absolute; + top: 0; + left: 0; + width: 100%; + opacity: 0; +} +div.DTE div.editor_upload div.drop { + position: relative; + box-sizing: border-box; + width: 100%; + height: 100%; + border: 3px dashed #ccc; + border-radius: 6px; + min-height: 4em; + color: #999; + padding-top: 3px; + text-align: center; +} +div.DTE div.editor_upload div.drop.over { + border: 3px dashed #111; + color: #111; +} +div.DTE div.editor_upload div.drop span { + max-width: 75%; + font-size: 0.85em; + line-height: 1em; +} +div.DTE div.editor_upload div.rendered img { + max-width: 8em; + margin: 0 auto; +} +div.DTE div.editor_upload.noDrop div.drop { + display: none; +} +div.DTE div.editor_upload.noDrop div.row.second { + display: none; +} +div.DTE div.editor_upload.noDrop div.rendered { + margin-top: 10px; +} +div.DTE div.editor_upload.noClear div.clearValue button { + display: none; +} +div.DTE div.editor_upload.multi div.cell { + display: block; + width: 100%; +} +div.DTE div.editor_upload.multi div.cell div.drop { + min-height: 0; + padding-bottom: 5px; +} +div.DTE div.editor_upload.multi div.clearValue { + display: none; +} +div.DTE div.editor_upload.multi ul { + list-style-type: none; + margin: 0; + padding: 0; +} +div.DTE div.editor_upload.multi ul li { + position: relative; + margin-top: 0.5em; +} +div.DTE div.editor_upload.multi ul li:first-child { + margin-top: 0; +} +div.DTE div.editor_upload.multi ul li img { + vertical-align: middle; +} +div.DTE div.editor_upload.multi ul li button { + position: absolute; + width: 40px; + right: 0; + top: 50%; + margin-top: -1.5em; +} + +div.DTE div.editor_upload button.btn, +div.DTE div.editor_upload input[type=file] { + height: auto; +} +div.DTE div.editor_upload ul li button { + padding-bottom: 8px; +} + +div.editor-datetime { + position: absolute; + background-color: white; + z-index: 2050; + border: 1px solid #ccc; + box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); + padding: 0 20px 6px 20px; + width: 275px; +} +div.editor-datetime div.editor-datetime-title { + text-align: center; + padding: 5px 0px 3px; +} +div.editor-datetime table { + border-spacing: 0; + margin: 12px 0; + width: 100%; +} +div.editor-datetime table.editor-datetime-table-nospace { + margin-top: -12px; +} +div.editor-datetime table th { + font-size: 0.8em; + color: #777; + font-weight: normal; + width: 14.285714286%; + padding: 0 0 4px 0; + text-align: center; +} +div.editor-datetime table td { + font-size: 0.9em; + color: #444; + padding: 0; +} +div.editor-datetime table td.selectable { + text-align: center; + background: #f5f5f5; +} +div.editor-datetime table td.selectable.disabled { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.disabled button:hover { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.now { + background-color: #ddd; +} +div.editor-datetime table td.selectable.now button { + font-weight: bold; +} +div.editor-datetime table td.selectable.selected button { + background: #0275d8; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.selectable button:hover { + background: #ff8000; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.editor-datetime-week { + font-size: 0.7em; +} +div.editor-datetime table button { + width: 100%; + box-sizing: border-box; + border: none; + background: transparent; + font-size: inherit; + color: inherit; + text-align: center; + padding: 4px 0; + cursor: pointer; + margin: 0; +} +div.editor-datetime table button span { + display: inline-block; + min-width: 14px; + text-align: right; +} +div.editor-datetime table.weekNumber th { + width: 12.5%; +} +div.editor-datetime div.editor-datetime-calendar table { + margin-top: 0; +} +div.editor-datetime div.editor-datetime-label { + position: relative; + display: inline-block; + height: 30px; + padding: 5px 6px; + border: 1px solid transparent; + box-sizing: border-box; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-label:hover { + border: 1px solid #ddd; + border-radius: 2px; + background-color: #f5f5f5; +} +div.editor-datetime div.editor-datetime-label select { + position: absolute; + top: 6px; + left: 0; + cursor: pointer; + opacity: 0; + -ms-filter: "alpha(opacity=0)"; +} +div.editor-datetime div.editor-datetime-time { + text-align: center; +} +div.editor-datetime div.editor-datetime-time > span { + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-time th { + text-align: left; +} +div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock { + display: inline-block; + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-iconLeft, +div.editor-datetime div.editor-datetime-iconRight, +div.editor-datetime div.editor-datetime-iconUp, +div.editor-datetime div.editor-datetime-iconDown { + width: 30px; + height: 30px; + background-position: center; + background-repeat: no-repeat; + opacity: 0.3; + overflow: hidden; + box-sizing: border-box; +} +div.editor-datetime div.editor-datetime-iconLeft:hover, +div.editor-datetime div.editor-datetime-iconRight:hover, +div.editor-datetime div.editor-datetime-iconUp:hover, +div.editor-datetime div.editor-datetime-iconDown:hover { + border: 1px solid #ccc; + border-radius: 2px; + background-color: #f0f0f0; + opacity: 0.6; +} +div.editor-datetime div.editor-datetime-iconLeft button, +div.editor-datetime div.editor-datetime-iconRight button, +div.editor-datetime div.editor-datetime-iconUp button, +div.editor-datetime div.editor-datetime-iconDown button { + border: none; + background: transparent; + text-indent: 30px; + height: 100%; + width: 100%; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-iconLeft { + position: absolute; + top: 5px; + left: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); +} +div.editor-datetime div.editor-datetime-iconRight { + position: absolute; + top: 5px; + right: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconUp { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconDown { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC"); +} + +div.editor-datetime-error { + padding: 0 1em; + max-width: 240px; + font-size: 11px; + line-height: 1.25em; + text-align: center; + color: #b11f1f; +} + +div.DTE div.DTE_Processing_Indicator { + position: absolute; + top: 17px; + right: 9px; + height: 2em; + width: 2em; + z-index: 20; + font-size: 12px; + display: none; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} +div.DTE.processing div.DTE_Processing_Indicator { + display: block; +} +div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator { + display: none; +} +div.DTE div.DTE_Field div.DTE_Processing_Indicator { + top: 13px; + right: 0; + font-size: 8px; +} +div.DTE.DTE_Inline div.DTE_Processing_Indicator { + top: 5px; + right: 6px; + font-size: 6px; +} +div.DTE.DTE_Bubble div.DTE_Processing_Indicator { + top: 10px; + right: 14px; + font-size: 8px; +} +div.DTE div.DTE_Processing_Indicator span, +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + display: block; + background: black; + width: 0.5em; + height: 1.5em; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.1); + -webkit-animation: editorProcessing 0.9s infinite ease-in-out; + animation: editorProcessing 0.9s infinite ease-in-out; +} +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + position: absolute; + top: 0; + content: ''; +} +div.DTE div.DTE_Processing_Indicator:before { + left: -1em; + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +div.DTE div.DTE_Processing_Indicator span { + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; +} +div.DTE div.DTE_Processing_Indicator:after { + left: 1em; +} +@-webkit-keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +@keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +table.dataTable tbody tr.highlight { + background-color: #3399ff !important; +} +table.dataTable tbody tr.highlight, +table.dataTable tbody tr.noHighlight, +table.dataTable tbody tr.highlight td, +table.dataTable tbody tr.noHighlight td { + -webkit-transition: background-color 500ms linear; + -moz-transition: background-color 500ms linear; + -ms-transition: background-color 500ms linear; + -o-transition: background-color 500ms linear; + transition: background-color 500ms linear; +} + +div.DTE div.DTE_Field div.DTE_Processing_Indicator { + top: 13px; + right: 20px; +} + +div.DTE div.DTE_Processing_Indicator { + top: 52px; + right: 12px; +} + +/* + * Namespace: DTED - DataTables Editor Display - Envelope + */ +div.DTED_Envelope_Wrapper { + position: absolute; + top: 0; + bottom: 0; + left: 50%; + height: 100%; + z-index: 11; + display: none; + overflow: hidden; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow { + position: absolute; + top: -10px; + left: 10px; + right: 10px; + height: 10px; + z-index: 10; + box-shadow: 0 0 20px black; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container { + position: absolute; + top: 0; + left: 5%; + width: 90%; + border-left: 1px solid #777; + border-right: 1px solid #777; + border-bottom: 1px solid #777; + box-shadow: 3px 3px 10px #555; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + background-color: white; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator { + right: 36px; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close { + position: absolute; + top: 16px; + right: 10px; + width: 18px; + height: 18px; + cursor: pointer; + z-index: 12; + text-align: center; + font-size: 12px; + background: #F8F8F8; + background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white)); + background: -moz-linear-gradient(top, white, #CCC); + background: linear-gradient(to bottom, white, #CCC); + text-shadow: 0 1px 0 white; + border: 1px solid #999; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + box-shadow: 0px 0px 1px #999; + -moz-box-shadow: 0px 0px 1px #999; + -webkit-box-shadow: 0px 0px 1px #999; +} + +div.DTED_Envelope_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 10; + background: rgba(0, 0, 0, 0.4); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* W3C Markup, IE10 Release Preview */ +} + +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close { + top: 10px; + background: transparent; + text-shadow: none; + box-shadow: none; + border: none; + font-size: 21px; + color: black; + opacity: 0.2; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover { + opacity: 1; +} + +div.card.multi-value, +div.card.multi-restore { + padding: 0.5em; +} +div.card.multi-value span, +div.card.multi-restore span { + line-height: 1.2em; +} + +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content { + margin: 0 1em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + margin-top: 1em; +} + +div.DTE_Inline div.DTE_Field { + width: 100%; + margin: 0; +} +div.DTE_Inline div.DTE_Field > div { + max-width: 100%; + flex: none; +} +div.DTE_Inline div.DTE_Field input { + margin: -5px 0 -10px !important; +} + +div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label, +div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div { + max-width: 100%; + flex: 0 0 100%; +} + +div.DTE_Field_Type_checkbox div label, +div.DTE_Field_Type_radio div label { + margin-left: 0.75em; + vertical-align: middle; +} + +div.DTE div.DTE_Processing_Indicator { + top: 20px; + right: 36px; +} diff --git a/example/static/css/editor.bootstrap4.min.css b/example/static/css/editor.bootstrap4.min.css new file mode 100644 index 0000000..8cf1eef --- /dev/null +++ b/example/static/css/editor.bootstrap4.min.css @@ -0,0 +1,5 @@ +div.DTE div.DTE_Form_Error{color:#b11f1f}div.modal div.DTE div.DTE_Form_Error{display:none;float:left;padding-top:7px}div.DTE_Field{position:relative}div.DTE_Field div.multi-value,div.DTE_Field div.multi-restore{display:none;cursor:pointer}div.DTE_Field div.multi-value span,div.DTE_Field div.multi-restore span{display:block;color:#666}div.DTE_Field div.multi-value:hover,div.DTE_Field div.multi-restore:hover{background-color:#f1f1f1}div.DTE_Field div.multi-restore{margin-top:0.5em;font-size:0.8em;line-height:1.25em}div.DTE_Field:after{display:block;content:".";height:0;line-height:0;clear:both;visibility:hidden}div.DTE_Field div:not([data-dte-e="msg-error"]){color:inherit}div.DTE_Inline{position:relative;display:table;width:100%}div.DTE_Inline div.DTE_Inline_Field,div.DTE_Inline div.DTE_Inline_Buttons{display:table-cell;vertical-align:middle}div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field{padding:0}div.DTE_Inline div.DTE_Inline_Field div.DTE_Field>label,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field>label{display:none}div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"]{width:100%}div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button{margin:-6px 0 -6px 4px;padding:5px}div.DTE_Inline div.DTE_Field input[type="color"],div.DTE_Inline div.DTE_Field input[type="date"],div.DTE_Inline div.DTE_Field input[type="datetime"],div.DTE_Inline div.DTE_Field input[type="datetime-local"],div.DTE_Inline div.DTE_Field input[type="email"],div.DTE_Inline div.DTE_Field input[type="month"],div.DTE_Inline div.DTE_Field input[type="number"],div.DTE_Inline div.DTE_Field input[type="password"],div.DTE_Inline div.DTE_Field input[type="search"],div.DTE_Inline div.DTE_Field input[type="tel"],div.DTE_Inline div.DTE_Field input[type="text"],div.DTE_Inline div.DTE_Field input[type="time"],div.DTE_Inline div.DTE_Field input[type="url"],div.DTE_Inline div.DTE_Field input[type="week"]{margin:-6px 0}div.DTE_Inline div.DTE_Field_Error,div.DTE_Inline div.DTE_Form_Error{font-size:11px;line-height:1.2em;padding:0;margin-top:10px}div.DTE_Inline div.DTE_Field_Error:empty,div.DTE_Inline div.DTE_Form_Error:empty{margin-top:0}span.dtr-data div.DTE_Inline{display:inline-table}div.DTE_Inline div.DTE_Field{width:100%}div.DTE_Inline div.DTE_Field>div{width:100%;padding:0}div.DTE_Inline div.DTE_Field input.form-control{height:30px}div.DTE_Inline div.DTE_Field div.help-block{display:none;margin-top:10px;margin-bottom:0}div.DTE_Inline.DTE_Processing:after{top:5px}div.DTE_Field_Type_checkbox div.controls,div.DTE_Field_Type_radio div.controls{margin-top:0.4em}div.DTE_Field_Type_checkbox div.controls label,div.DTE_Field_Type_radio div.controls label{margin-left:0.75em;margin-bottom:0;vertical-align:middle;font-weight:normal}div.DTE_Bubble{position:absolute;z-index:11;margin-top:-6px;opacity:0}div.DTE_Bubble div.DTE_Bubble_Liner{position:absolute;bottom:0;border:1px solid black;width:300px;margin-left:-150px;background-color:white;box-shadow:0 12px 30px 0 rgba(0,0,0,0.5);border-radius:6px;border:1px solid #666;padding:1em;background:#fcfcfc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table{width:100%}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content{padding:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field{position:relative;zoom:1;margin-bottom:0.5em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field:last-child{margin-bottom:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>label{padding-top:0;margin-bottom:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div{padding:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div input{margin:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons{text-align:right;margin-top:1em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button{margin-bottom:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header{border-top-left-radius:5px;border-top-right-radius:5px}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header+div.DTE_Form_Info,div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header+div.DTE_Bubble_Table{padding-top:42px}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error{float:none;display:none;padding:0;margin-bottom:0.5em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close{position:absolute;top:-11px;right:-11px;width:22px;height:22px;border:2px solid white;background-color:black;text-align:center;border-radius:15px;cursor:pointer;z-index:12;box-shadow:2px 2px 6px #111}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after{content:'\00d7';color:white;font-weight:bold;font-size:18px;line-height:22px;font-family:'Courier New', Courier, monospace;padding-left:1px}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover{background-color:#092079;box-shadow:2px 2px 9px #111}div.DTE_Bubble div.DTE_Bubble_Triangle{position:absolute;height:10px;width:10px;top:-6px;background-color:white;border:1px solid #666;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}div.DTE_Bubble.below div.DTE_Bubble_Liner{top:10px;bottom:auto}div.DTE_Bubble.below div.DTE_Bubble_Triangle{top:4px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}div.DTE_Bubble_Background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.3)), color-stop(1, rgba(0,0,0,0.7)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);z-index:10}div.DTE_Bubble_Background>div{position:absolute;top:0;right:0;left:0;bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}div.DTE_Bubble_Background>div:not([dummy]){filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')}div.DTE_Bubble div.DTE_Bubble_Liner{box-shadow:0 5px 10px rgba(0,0,0,0.2);border-radius:6px;padding:1em;border:1px solid rgba(0,0,0,0.2)}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field label,div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div{width:100%;max-width:100%;float:none;clear:both;text-align:left;flex:none}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field label{padding:0 0 4px 0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons{text-align:right;margin-top:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header{background-color:#f7f7f7;border-bottom:1px solid #ebebeb;font-size:14px;width:100%}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after{margin-top:-2px;display:block}div.DTE_Bubble div.DTE_Bubble_Triangle{border-bottom:1px solid rgba(0,0,0,0.2);border-left:1px solid rgba(0,0,0,0.2)}div.DTE_Bubble_Background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background-color:rgba(0,0,0,0.05)}div.DTE div.editor_upload{padding-top:4px}div.DTE div.editor_upload div.eu_table{display:table;width:100%}div.DTE div.editor_upload div.row{display:table-row}div.DTE div.editor_upload div.cell{display:table-cell;position:relative;width:50%;vertical-align:top}div.DTE div.editor_upload div.cell+div.cell{padding-left:10px}div.DTE div.editor_upload div.row+div.row div.cell{padding-top:10px}div.DTE div.editor_upload button.btn,div.DTE div.editor_upload input[type=file]{width:100%;height:2.3em;font-size:0.8em;text-align:center;line-height:1em}div.DTE div.editor_upload input[type=file]{position:absolute;top:0;left:0;width:100%;opacity:0}div.DTE div.editor_upload div.drop{position:relative;box-sizing:border-box;width:100%;height:100%;border:3px dashed #ccc;border-radius:6px;min-height:4em;color:#999;padding-top:3px;text-align:center}div.DTE div.editor_upload div.drop.over{border:3px dashed #111;color:#111}div.DTE div.editor_upload div.drop span{max-width:75%;font-size:0.85em;line-height:1em}div.DTE div.editor_upload div.rendered img{max-width:8em;margin:0 auto}div.DTE div.editor_upload.noDrop div.drop{display:none}div.DTE div.editor_upload.noDrop div.row.second{display:none}div.DTE div.editor_upload.noDrop div.rendered{margin-top:10px}div.DTE div.editor_upload.noClear div.clearValue button{display:none}div.DTE div.editor_upload.multi div.cell{display:block;width:100%}div.DTE div.editor_upload.multi div.cell div.drop{min-height:0;padding-bottom:5px}div.DTE div.editor_upload.multi div.clearValue{display:none}div.DTE div.editor_upload.multi ul{list-style-type:none;margin:0;padding:0}div.DTE div.editor_upload.multi ul li{position:relative;margin-top:0.5em}div.DTE div.editor_upload.multi ul li:first-child{margin-top:0}div.DTE div.editor_upload.multi ul li img{vertical-align:middle}div.DTE div.editor_upload.multi ul li button{position:absolute;width:40px;right:0;top:50%;margin-top:-1.5em}div.DTE div.editor_upload button.btn,div.DTE div.editor_upload input[type=file]{height:auto}div.DTE div.editor_upload ul li button{padding-bottom:8px}div.editor-datetime{position:absolute;background-color:white;z-index:2050;border:1px solid #ccc;box-shadow:0 5px 15px -5px rgba(0,0,0,0.5);padding:0 20px 6px 20px;width:275px}div.editor-datetime div.editor-datetime-title{text-align:center;padding:5px 0px 3px}div.editor-datetime table{border-spacing:0;margin:12px 0;width:100%}div.editor-datetime table.editor-datetime-table-nospace{margin-top:-12px}div.editor-datetime table th{font-size:0.8em;color:#777;font-weight:normal;width:14.285714286%;padding:0 0 4px 0;text-align:center}div.editor-datetime table td{font-size:0.9em;color:#444;padding:0}div.editor-datetime table td.selectable{text-align:center;background:#f5f5f5}div.editor-datetime table td.selectable.disabled{color:#aaa;background:white}div.editor-datetime table td.selectable.disabled button:hover{color:#aaa;background:white}div.editor-datetime table td.selectable.now{background-color:#ddd}div.editor-datetime table td.selectable.now button{font-weight:bold}div.editor-datetime table td.selectable.selected button{background:#0275d8;color:white;border-radius:2px}div.editor-datetime table td.selectable button:hover{background:#ff8000;color:white;border-radius:2px}div.editor-datetime table td.editor-datetime-week{font-size:0.7em}div.editor-datetime table button{width:100%;box-sizing:border-box;border:none;background:transparent;font-size:inherit;color:inherit;text-align:center;padding:4px 0;cursor:pointer;margin:0}div.editor-datetime table button span{display:inline-block;min-width:14px;text-align:right}div.editor-datetime table.weekNumber th{width:12.5%}div.editor-datetime div.editor-datetime-calendar table{margin-top:0}div.editor-datetime div.editor-datetime-label{position:relative;display:inline-block;height:30px;padding:5px 6px;border:1px solid transparent;box-sizing:border-box;cursor:pointer}div.editor-datetime div.editor-datetime-label:hover{border:1px solid #ddd;border-radius:2px;background-color:#f5f5f5}div.editor-datetime div.editor-datetime-label select{position:absolute;top:6px;left:0;cursor:pointer;opacity:0;-ms-filter:"alpha(opacity=0)"}div.editor-datetime div.editor-datetime-time{text-align:center}div.editor-datetime div.editor-datetime-time>span{vertical-align:middle}div.editor-datetime div.editor-datetime-time th{text-align:left}div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock{display:inline-block;vertical-align:middle}div.editor-datetime div.editor-datetime-iconLeft,div.editor-datetime div.editor-datetime-iconRight,div.editor-datetime div.editor-datetime-iconUp,div.editor-datetime div.editor-datetime-iconDown{width:30px;height:30px;background-position:center;background-repeat:no-repeat;opacity:0.3;overflow:hidden;box-sizing:border-box}div.editor-datetime div.editor-datetime-iconLeft:hover,div.editor-datetime div.editor-datetime-iconRight:hover,div.editor-datetime div.editor-datetime-iconUp:hover,div.editor-datetime div.editor-datetime-iconDown:hover{border:1px solid #ccc;border-radius:2px;background-color:#f0f0f0;opacity:0.6}div.editor-datetime div.editor-datetime-iconLeft button,div.editor-datetime div.editor-datetime-iconRight button,div.editor-datetime div.editor-datetime-iconUp button,div.editor-datetime div.editor-datetime-iconDown button{border:none;background:transparent;text-indent:30px;height:100%;width:100%;cursor:pointer}div.editor-datetime div.editor-datetime-iconLeft{position:absolute;top:5px;left:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==")}div.editor-datetime div.editor-datetime-iconRight{position:absolute;top:5px;right:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=")}div.editor-datetime div.editor-datetime-iconUp{height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=")}div.editor-datetime div.editor-datetime-iconDown{height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC")}div.editor-datetime-error{padding:0 1em;max-width:240px;font-size:11px;line-height:1.25em;text-align:center;color:#b11f1f}div.DTE div.DTE_Processing_Indicator{position:absolute;top:17px;right:9px;height:2em;width:2em;z-index:20;font-size:12px;display:none;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}div.DTE.processing div.DTE_Processing_Indicator{display:block}div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator{display:none}div.DTE div.DTE_Field div.DTE_Processing_Indicator{top:13px;right:0;font-size:8px}div.DTE.DTE_Inline div.DTE_Processing_Indicator{top:5px;right:6px;font-size:6px}div.DTE.DTE_Bubble div.DTE_Processing_Indicator{top:10px;right:14px;font-size:8px}div.DTE div.DTE_Processing_Indicator span,div.DTE div.DTE_Processing_Indicator:before,div.DTE div.DTE_Processing_Indicator:after{display:block;background:black;width:0.5em;height:1.5em;border:1px solid rgba(0,0,0,0.4);background-color:rgba(0,0,0,0.1);-webkit-animation:editorProcessing 0.9s infinite ease-in-out;animation:editorProcessing 0.9s infinite ease-in-out}div.DTE div.DTE_Processing_Indicator:before,div.DTE div.DTE_Processing_Indicator:after{position:absolute;top:0;content:''}div.DTE div.DTE_Processing_Indicator:before{left:-1em;-webkit-animation-delay:-0.3s;animation-delay:-0.3s}div.DTE div.DTE_Processing_Indicator span{-webkit-animation-delay:-0.15s;animation-delay:-0.15s}div.DTE div.DTE_Processing_Indicator:after{left:1em}@-webkit-keyframes editorProcessing{0%, + 80%, + 100%{transform:scale(1, 1)}40%{transform:scale(1, 1.5)}}@keyframes editorProcessing{0%, + 80%, + 100%{transform:scale(1, 1)}40%{transform:scale(1, 1.5)}}table.dataTable tbody tr.highlight{background-color:#3399ff !important}table.dataTable tbody tr.highlight,table.dataTable tbody tr.noHighlight,table.dataTable tbody tr.highlight td,table.dataTable tbody tr.noHighlight td{-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;transition:background-color 500ms linear}div.DTE div.DTE_Field div.DTE_Processing_Indicator{top:13px;right:20px}div.DTE div.DTE_Processing_Indicator{top:52px;right:12px}div.DTED_Envelope_Wrapper{position:absolute;top:0;bottom:0;left:50%;height:100%;z-index:11;display:none;overflow:hidden}div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow{position:absolute;top:-10px;left:10px;right:10px;height:10px;z-index:10;box-shadow:0 0 20px black}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container{position:absolute;top:0;left:5%;width:90%;border-left:1px solid #777;border-right:1px solid #777;border-bottom:1px solid #777;box-shadow:3px 3px 10px #555;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:white}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator{right:36px}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close{position:absolute;top:16px;right:10px;width:18px;height:18px;cursor:pointer;z-index:12;text-align:center;font-size:12px;background:#F8F8F8;background:-webkit-gradient(linear, center bottom, center top, from(#CCC), to(#fff));background:-moz-linear-gradient(top, #fff, #CCC);background:linear-gradient(to bottom, #fff, #CCC);text-shadow:0 1px 0 white;border:1px solid #999;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:0px 0px 1px #999;-moz-box-shadow:0px 0px 1px #999;-webkit-box-shadow:0px 0px 1px #999}div.DTED_Envelope_Background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.4);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.1)), color-stop(1, rgba(0,0,0,0.4)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%)}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close{top:10px;background:transparent;text-shadow:none;box-shadow:none;border:none;font-size:21px;color:black;opacity:0.2}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover{opacity:1}div.card.multi-value,div.card.multi-restore{padding:0.5em}div.card.multi-value span,div.card.multi-restore span{line-height:1.2em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content{margin:0 1em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons{margin-top:1em}div.DTE_Inline div.DTE_Field{width:100%;margin:0}div.DTE_Inline div.DTE_Field>div{max-width:100%;flex:none}div.DTE_Inline div.DTE_Field input{margin:-5px 0 -10px !important}div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div{max-width:100%;flex:0 0 100%}div.DTE_Field_Type_checkbox div label,div.DTE_Field_Type_radio div label{margin-left:0.75em;vertical-align:middle}div.DTE div.DTE_Processing_Indicator{top:20px;right:36px} diff --git a/example/static/css/editor.dataTables.css b/example/static/css/editor.dataTables.css new file mode 100644 index 0000000..b069209 --- /dev/null +++ b/example/static/css/editor.dataTables.css @@ -0,0 +1,1394 @@ +div.DTE { + position: relative; +} +div.DTE div.DTE_Header { + position: absolute; + top: 0; + left: 0; + height: 52px; + width: 100%; + background-color: #e8e9eb; + border-bottom: 1px solid rgba(0, 0, 0, 0.15); + padding: 16px 10px 2px 16px; + font-size: 1.3em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTE div.DTE_Body { + position: relative; +} +div.DTE div.DTE_Footer { + position: absolute; + bottom: 0; + left: 0; + height: 52px; + width: 100%; + background-color: #e8e9eb; + border-top: 1px solid rgba(0, 0, 0, 0.15); + padding: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTE div.DTE_Form_Info { + margin-bottom: 0.5em; + display: none; +} +div.DTE div.DTE_Form_Content { + position: relative; + padding: 10px; +} +div.DTE div.DTE_Form_Error { + float: left; + padding: 5px; + display: none; + color: #b11f1f; +} +div.DTE button.btn, +div.DTE div.DTE_Form_Buttons button { + position: relative; + text-align: center; + display: block; + margin-top: 0; + padding: 0.5em 1em; + cursor: pointer; + float: right; + margin-left: 0.75em; + color: inherit; + font-size: 14px; + border: 1px solid #999; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: 1px 1px 3px #ccc; + -moz-box-shadow: 1px 1px 3px #ccc; + box-shadow: 1px 1px 3px #ccc; + background-color: #dcdcdc; + /* Fallback */ + background-image: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); + /* IE10 */ + background-image: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); + /* Opera 11.10+ */ + background-image: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#dcdcdc'); +} +div.DTE button.btn:hover, +div.DTE div.DTE_Form_Buttons button:hover { + border: 1px solid #666; + -webkit-box-shadow: 1px 1px 3px #999; + -moz-box-shadow: 1px 1px 3px #999; + box-shadow: 1px 1px 3px #999; + background-color: #cccccc; + /* Fallback */ + background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%); + /* IE10 */ + background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%); + /* Opera 11.10+ */ + background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc'); +} +div.DTE button.btn:active, +div.DTE div.DTE_Form_Buttons button:active { + -webkit-box-shadow: inset 1px 1px 3px #999; + -moz-box-shadow: inset 1px 1px 3px #999; + box-shadow: inset 1px 1px 3px #999; +} +div.DTE button.btn:focus, +div.DTE div.DTE_Form_Buttons button:focus { + border: 1px solid #426c9e; + text-shadow: 0 1px 0 #c4def1; + background-color: #79ace9; + /* Fallback */ + background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%); + /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%); + /* FF3.6 */ + background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%); + /* IE10 */ + background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%); + /* Opera 11.10+ */ + background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9'); + outline: none; +} +div.DTE button.btn:focus:after, +div.DTE div.DTE_Form_Buttons button:focus:after { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: white; + display: block; + content: " "; + -webkit-animation-duration: 1s; + -webkit-animation-name: buttonPulse; + -webkit-animation-fill-mode: forwards; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -webkit-animation-direction: alternate; + -moz-animation-duration: 1s; + -moz-animation-name: buttonPulse; + -moz-animation-fill-mode: forwards; + -moz-animation-iteration-count: infinite; + -moz-animation-timing-function: linear; + -moz-animation-direction: alternate; + -o-animation-duration: 1s; + -o-animation-name: buttonPulse; + -o-animation-fill-mode: forwards; + -o-animation-iteration-count: infinite; + -o-animation-timing-function: linear; + -o-animation-direction: alternate; + animation-duration: 1s; + animation-name: buttonPulse; + animation-fill-mode: forwards; + animation-iteration-count: infinite; + animation-timing-function: linear; + animation-direction: alternate; +} +div.DTE.DTE_Action_Remove div.DTE_Body_Content { + text-align: center; + padding: 20px 0; +} + +@-webkit-keyframes buttonPulse { + 0% { + opacity: 0; + } + 100% { + opacity: 0.2; + } +} +@-moz-keyframes buttonPulse { + 0% { + opacity: 0; + } + 100% { + opacity: 0.2; + } +} +@-o-keyframes buttonPulse { + 0% { + opacity: 0; + } + 100% { + opacity: 0.2; + } +} +@keyframes buttonPulse { + 0% { + opacity: 0; + } + 100% { + opacity: 0.2; + } +} +div.DTTT_container { + float: left; +} + +div.DTE_Field input, +div.DTE_Field textarea { + box-sizing: border-box; + background-color: white; + -webkit-transition: background-color ease-in-out .15s; + transition: background-color ease-in-out .15s; +} +div.DTE_Field input:focus, +div.DTE_Field textarea:focus { + background-color: #ffffee; +} +div.DTE_Field input[type="color"], +div.DTE_Field input[type="date"], +div.DTE_Field input[type="datetime"], +div.DTE_Field input[type="datetime-local"], +div.DTE_Field input[type="email"], +div.DTE_Field input[type="month"], +div.DTE_Field input[type="number"], +div.DTE_Field input[type="password"], +div.DTE_Field input[type="search"], +div.DTE_Field input[type="tel"], +div.DTE_Field input[type="text"], +div.DTE_Field input[type="time"], +div.DTE_Field input[type="url"], +div.DTE_Field input[type="week"] { + padding: 5px 4px; + width: 100%; +} +div.DTE_Field label div.DTE_Label_Info { + font-size: 0.85em; + margin-top: 0.25em; +} +div.DTE_Field label div.DTE_Label_Info:empty { + margin-top: 0; +} +div.DTE_Field div.DTE_Field_Info, +div.DTE_Field div.DTE_Field_Message, +div.DTE_Field div.DTE_Field_Error { + font-size: 11px; + line-height: 1em; + margin-top: 5px; +} +div.DTE_Field div.DTE_Field_Info:empty, +div.DTE_Field div.DTE_Field_Message:empty, +div.DTE_Field div.DTE_Field_Error:empty { + margin-top: 0; +} +div.DTE_Field div.DTE_Field_Error { + display: none; + color: #b11f1f; +} +div.DTE_Field div.multi-value { + display: none; + border: 1px dotted #666; + border-radius: 3px; + padding: 5px; + background-color: #fafafa; + cursor: pointer; +} +div.DTE_Field div.multi-value span { + font-size: 0.8em; + line-height: 1.25em; + display: block; + color: #666; +} +div.DTE_Field div.multi-value.multi-noEdit { + border: 1px solid #ccc; + cursor: auto; + background-color: #fcfcfc; +} +div.DTE_Field div.multi-value.multi-noEdit:hover { + background-color: #fcfcfc; +} +div.DTE_Field div.multi-value:hover { + background-color: #f1f1f1; +} +div.DTE_Field.disabled { + color: grey; +} +div.DTE_Field.disabled div.multi-value { + cursor: default; + border: 1px dotted #aaa; + background-color: transparent; +} +div.DTE_Field div.multi-restore { + display: none; + margin-top: 0.5em; + font-size: 0.8em; + line-height: 1.25em; + color: #3879d9; +} +div.DTE_Field div.multi-restore:hover { + text-decoration: underline; + cursor: pointer; +} + +div.DTE_Field_Type_textarea textarea { + padding: 3px; + width: 100%; + height: 80px; +} + +div.DTE_Field.DTE_Field_Type_date img { + vertical-align: middle; + cursor: pointer; +} + +div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div, +div.DTE_Field_Type_radio div.DTE_Field_Input > div > div { + margin-bottom: 0.25em; +} +div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child, +div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child { + margin-bottom: 0; +} +div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label, +div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label { + margin-left: 0.75em; + vertical-align: middle; +} + +div.DTE_Field_Type_select div.DTE_Field_Input { + padding-top: 4px; +} + +div.DTE_Body { + padding: 52px 0; +} +div.DTE_Body div.DTE_Body_Content { + position: relative; + overflow: auto; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info { + padding: 1em 1em 0 1em; + margin: 0; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field { + position: relative; + zoom: 1; + clear: both; + padding: 5px 20%; + border: 1px solid transparent; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field:after { + display: block; + content: "."; + height: 0; + line-height: 0; + clear: both; + visibility: hidden; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover { + background-color: #f9f9f9; + border: 1px solid #f3f3f3; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { + float: left; + width: 40%; + padding-top: 6px; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { + float: right; + width: 60%; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { + padding: 5px 0 5px 20%; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label { + width: 30%; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input { + width: 70%; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { + float: none; + clear: both; + width: 100%; +} + +html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { + float: right; +} +html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { + float: left; +} +html[dir="rtl"] div.DTE div.DTE_Form_Buttons button { + float: left; +} + +@media only screen and (max-width: 768px) { + div.DTE_Body div.DTE_Body_Content div.DTE_Field { + padding: 5px 10%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { + padding: 5px 0 5px 10%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label { + width: 35.5%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input { + width: 64.5%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { + width: 100%; + } +} +@media only screen and (max-width: 640px) { + div.DTE_Body div.DTE_Body_Content div.DTE_Field { + padding: 5px 0; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { + padding: 5px 0%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label { + width: 40%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input { + width: 60%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { + width: 100%; + } +} +@media only screen and (max-width: 580px) { + div.DTE_Body div.DTE_Body_Content div.DTE_Field { + position: relative; + zoom: 1; + clear: both; + padding: 5px 0; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { + float: none; + width: auto; + padding-top: 0; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { + float: none; + width: auto; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block { + padding: 5px 0; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label, + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label, + div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { + width: 100%; + } +} +div.DTE_Bubble { + position: absolute; + z-index: 11; + margin-top: -6px; + opacity: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner { + position: absolute; + bottom: 0; + border: 1px solid black; + width: 300px; + margin-left: -150px; + background-color: white; + box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5); + border-radius: 6px; + border: 1px solid #666; + padding: 1em; + background: #fcfcfc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table { + width: 100%; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field { + position: relative; + zoom: 1; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label { + padding-top: 0; + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input { + margin: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + text-align: right; + margin-top: 1em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table { + padding-top: 42px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error { + float: none; + display: none; + padding: 0; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close { + position: absolute; + top: -11px; + right: -11px; + width: 22px; + height: 22px; + border: 2px solid white; + background-color: black; + text-align: center; + border-radius: 15px; + cursor: pointer; + z-index: 12; + box-shadow: 2px 2px 6px #111; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { + content: '\00d7'; + color: white; + font-weight: bold; + font-size: 18px; + line-height: 22px; + font-family: 'Courier New', Courier, monospace; + padding-left: 1px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover { + background-color: #092079; + box-shadow: 2px 2px 9px #111; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + position: absolute; + height: 10px; + width: 10px; + top: -6px; + background-color: white; + border: 1px solid #666; + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +div.DTE_Bubble.below div.DTE_Bubble_Liner { + top: 10px; + bottom: auto; +} +div.DTE_Bubble.below div.DTE_Bubble_Triangle { + top: 4px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); +} + +div.DTE_Bubble_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* W3C Markup, IE10 Release Preview */ + z-index: 10; +} +div.DTE_Bubble_Background > div { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; +} +div.DTE_Bubble_Background > div:not([dummy]) { + filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); +} + +div.DTE_Inline { + position: relative; + display: table; + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field, +div.DTE_Inline div.DTE_Inline_Buttons { + display: table-cell; + vertical-align: middle; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field { + padding: 0; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label { + display: none; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] { + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button { + margin: -6px 0 -6px 4px; + padding: 5px; +} +div.DTE_Inline div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Field input[type="week"] { + margin: -6px 0; +} +div.DTE_Inline div.DTE_Field_Error, +div.DTE_Inline div.DTE_Form_Error { + font-size: 11px; + line-height: 1.2em; + padding: 0; + margin-top: 10px; +} +div.DTE_Inline div.DTE_Field_Error:empty, +div.DTE_Inline div.DTE_Form_Error:empty { + margin-top: 0; +} + +span.dtr-data div.DTE_Inline { + display: inline-table; +} + +div.DTED_Lightbox_Wrapper { + position: fixed; + top: 0; + left: 50%; + margin-left: -390px; + width: 780px; + height: 100%; + z-index: 11; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container { + display: table; + height: 100%; + width: 100%; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper { + display: table-cell; + vertical-align: middle; + width: 100%; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { + position: relative; + box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5); + border-radius: 6px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE { + background: white; + border-radius: 6px; + border: 1px solid #666; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header { + right: 0; + width: auto; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content { + box-sizing: border-box; + background: #fcfcfc; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer { + right: 0; + width: auto; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { + position: absolute; + top: -11px; + right: -11px; + width: 22px; + height: 22px; + border: 2px solid white; + background-color: black; + text-align: center; + border-radius: 15px; + cursor: pointer; + z-index: 12; + box-shadow: 2px 2px 6px #111; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after { + content: '\00d7'; + color: white; + font-weight: bold; + font-size: 18px; + line-height: 22px; + font-family: 'Courier New', Courier, monospace; + padding-left: 1px; +} +div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover { + background-color: #092079; + box-shadow: 2px 2px 9px #111; +} + +div.DTED_Lightbox_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* W3C Markup, IE10 Release Preview */ + z-index: 10; +} +div.DTED_Lightbox_Background > div { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; +} +div.DTED_Lightbox_Background > div:not([dummy]) { + filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); +} + +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Background { + height: 0; +} +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Shown { + display: none; +} +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper { + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + width: auto; + height: auto; + margin-left: 0; + -webkit-overflow-scrolling: touch; +} +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container { + display: block; +} +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper { + display: block; +} +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { + border: 4px solid rgba(220, 220, 220, 0.5); + border-radius: 0; +} +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE { + border-radius: 0; + box-shadow: 0 0 5px #555; + border: 2px solid #444; +} +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { + top: 11px; + right: 15px; +} + +@media only screen and (max-width: 780px) { + div.DTED_Lightbox_Wrapper { + position: fixed; + top: 0; + left: 0; + width: 100%; + margin-left: 0; + } +} +/* + * Namespace: DTED - DataTables Editor Display - Envelope + */ +div.DTED_Envelope_Wrapper { + position: absolute; + top: 0; + bottom: 0; + left: 50%; + height: 100%; + z-index: 11; + display: none; + overflow: hidden; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow { + position: absolute; + top: -10px; + left: 10px; + right: 10px; + height: 10px; + z-index: 10; + box-shadow: 0 0 20px black; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container { + position: absolute; + top: 0; + left: 5%; + width: 90%; + border-left: 1px solid #777; + border-right: 1px solid #777; + border-bottom: 1px solid #777; + box-shadow: 3px 3px 10px #555; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + background-color: white; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator { + right: 36px; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close { + position: absolute; + top: 16px; + right: 10px; + width: 18px; + height: 18px; + cursor: pointer; + z-index: 12; + text-align: center; + font-size: 12px; + background: #F8F8F8; + background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white)); + background: -moz-linear-gradient(top, white, #CCC); + background: linear-gradient(to bottom, white, #CCC); + text-shadow: 0 1px 0 white; + border: 1px solid #999; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + box-shadow: 0px 0px 1px #999; + -moz-box-shadow: 0px 0px 1px #999; + -webkit-box-shadow: 0px 0px 1px #999; +} + +div.DTED_Envelope_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 10; + background: rgba(0, 0, 0, 0.4); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); + /* W3C Markup, IE10 Release Preview */ +} + +table.dataTable tbody tr.highlight { + background-color: #FFFBCC !important; +} +table.dataTable tbody tr.highlight, +table.dataTable tbody tr.noHighlight, +table.dataTable tbody tr.highlight td, +table.dataTable tbody tr.noHighlight td { + -webkit-transition: background-color 500ms linear; + -moz-transition: background-color 500ms linear; + -ms-transition: background-color 500ms linear; + -o-transition: background-color 500ms linear; + transition: background-color 500ms linear; +} +table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight { + background-color: #f9f5c7; +} +table.dataTable.hover tbody tr:hover.highlight, +table.dataTable.hover tbody tr.odd:hover.highlight, +table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight, +table.dataTable.display tbody tr.odd:hover.highlight, +table.dataTable.display tbody tr.even:hover.highlight { + background-color: #f6f2c5; +} +table.dataTable.order-column tbody tr.highlight > .sorting_1, +table.dataTable.order-column tbody tr.highlight > .sorting_2, +table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1, +table.dataTable.display tbody tr.highlight > .sorting_2, +table.dataTable.display tbody tr.highlight > .sorting_3 { + background-color: #faf6c8; +} +table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 { + background-color: #f1edc1; +} +table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 { + background-color: #f3efc2; +} +table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 { + background-color: #f5f1c4; +} +table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 { + background-color: #faf6c8; +} +table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 { + background-color: #fcf8ca; +} +table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 { + background-color: #fefacb; +} +table.dataTable.display tbody tr:hover.highlight > .sorting_1, +table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1, +table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1, +table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1, +table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 { + background-color: #eae6bb; +} +table.dataTable.display tbody tr:hover.highlight > .sorting_2, +table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2, +table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2, +table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2, +table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 { + background-color: #ece8bd; +} +table.dataTable.display tbody tr:hover.highlight > .sorting_3, +table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3, +table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3, +table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3, +table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 { + background-color: #efebbf; +} + +div.DTE div.editor_upload { + padding-top: 4px; +} +div.DTE div.editor_upload div.eu_table { + display: table; + width: 100%; +} +div.DTE div.editor_upload div.row { + display: table-row; +} +div.DTE div.editor_upload div.cell { + display: table-cell; + position: relative; + width: 50%; + vertical-align: top; +} +div.DTE div.editor_upload div.cell + div.cell { + padding-left: 10px; +} +div.DTE div.editor_upload div.row + div.row div.cell { + padding-top: 10px; +} +div.DTE div.editor_upload button.btn, +div.DTE div.editor_upload input[type=file] { + width: 100%; + height: 2.3em; + font-size: 0.8em; + text-align: center; + line-height: 1em; +} +div.DTE div.editor_upload input[type=file] { + position: absolute; + top: 0; + left: 0; + width: 100%; + opacity: 0; +} +div.DTE div.editor_upload div.drop { + position: relative; + box-sizing: border-box; + width: 100%; + height: 100%; + border: 3px dashed #ccc; + border-radius: 6px; + min-height: 4em; + color: #999; + padding-top: 3px; + text-align: center; +} +div.DTE div.editor_upload div.drop.over { + border: 3px dashed #111; + color: #111; +} +div.DTE div.editor_upload div.drop span { + max-width: 75%; + font-size: 0.85em; + line-height: 1em; +} +div.DTE div.editor_upload div.rendered img { + max-width: 8em; + margin: 0 auto; +} +div.DTE div.editor_upload.noDrop div.drop { + display: none; +} +div.DTE div.editor_upload.noDrop div.row.second { + display: none; +} +div.DTE div.editor_upload.noDrop div.rendered { + margin-top: 10px; +} +div.DTE div.editor_upload.noClear div.clearValue button { + display: none; +} +div.DTE div.editor_upload.multi div.cell { + display: block; + width: 100%; +} +div.DTE div.editor_upload.multi div.cell div.drop { + min-height: 0; + padding-bottom: 5px; +} +div.DTE div.editor_upload.multi div.clearValue { + display: none; +} +div.DTE div.editor_upload.multi ul { + list-style-type: none; + margin: 0; + padding: 0; +} +div.DTE div.editor_upload.multi ul li { + position: relative; + margin-top: 0.5em; +} +div.DTE div.editor_upload.multi ul li:first-child { + margin-top: 0; +} +div.DTE div.editor_upload.multi ul li img { + vertical-align: middle; +} +div.DTE div.editor_upload.multi ul li button { + position: absolute; + width: 40px; + right: 0; + top: 50%; + margin-top: -1.5em; +} + +div.editor-datetime { + position: absolute; + background-color: white; + z-index: 2050; + border: 1px solid #ccc; + box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); + padding: 0 20px 6px 20px; + width: 275px; +} +div.editor-datetime div.editor-datetime-title { + text-align: center; + padding: 5px 0px 3px; +} +div.editor-datetime table { + border-spacing: 0; + margin: 12px 0; + width: 100%; +} +div.editor-datetime table.editor-datetime-table-nospace { + margin-top: -12px; +} +div.editor-datetime table th { + font-size: 0.8em; + color: #777; + font-weight: normal; + width: 14.285714286%; + padding: 0 0 4px 0; + text-align: center; +} +div.editor-datetime table td { + font-size: 0.9em; + color: #444; + padding: 0; +} +div.editor-datetime table td.selectable { + text-align: center; + background: #f5f5f5; +} +div.editor-datetime table td.selectable.disabled { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.disabled button:hover { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.now { + background-color: #ddd; +} +div.editor-datetime table td.selectable.now button { + font-weight: bold; +} +div.editor-datetime table td.selectable.selected button { + background: #4E6CA3; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.selectable button:hover { + background: #ff8000; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.editor-datetime-week { + font-size: 0.7em; +} +div.editor-datetime table button { + width: 100%; + box-sizing: border-box; + border: none; + background: transparent; + font-size: inherit; + color: inherit; + text-align: center; + padding: 4px 0; + cursor: pointer; + margin: 0; +} +div.editor-datetime table button span { + display: inline-block; + min-width: 14px; + text-align: right; +} +div.editor-datetime table.weekNumber th { + width: 12.5%; +} +div.editor-datetime div.editor-datetime-calendar table { + margin-top: 0; +} +div.editor-datetime div.editor-datetime-label { + position: relative; + display: inline-block; + height: 30px; + padding: 5px 6px; + border: 1px solid transparent; + box-sizing: border-box; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-label:hover { + border: 1px solid #ddd; + border-radius: 2px; + background-color: #f5f5f5; +} +div.editor-datetime div.editor-datetime-label select { + position: absolute; + top: 6px; + left: 0; + cursor: pointer; + opacity: 0; + -ms-filter: "alpha(opacity=0)"; +} +div.editor-datetime div.editor-datetime-time { + text-align: center; +} +div.editor-datetime div.editor-datetime-time > span { + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-time th { + text-align: left; +} +div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock { + display: inline-block; + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-iconLeft, +div.editor-datetime div.editor-datetime-iconRight, +div.editor-datetime div.editor-datetime-iconUp, +div.editor-datetime div.editor-datetime-iconDown { + width: 30px; + height: 30px; + background-position: center; + background-repeat: no-repeat; + opacity: 0.3; + overflow: hidden; + box-sizing: border-box; +} +div.editor-datetime div.editor-datetime-iconLeft:hover, +div.editor-datetime div.editor-datetime-iconRight:hover, +div.editor-datetime div.editor-datetime-iconUp:hover, +div.editor-datetime div.editor-datetime-iconDown:hover { + border: 1px solid #ccc; + border-radius: 2px; + background-color: #f0f0f0; + opacity: 0.6; +} +div.editor-datetime div.editor-datetime-iconLeft button, +div.editor-datetime div.editor-datetime-iconRight button, +div.editor-datetime div.editor-datetime-iconUp button, +div.editor-datetime div.editor-datetime-iconDown button { + border: none; + background: transparent; + text-indent: 30px; + height: 100%; + width: 100%; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-iconLeft { + position: absolute; + top: 5px; + left: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); +} +div.editor-datetime div.editor-datetime-iconRight { + position: absolute; + top: 5px; + right: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconUp { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconDown { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC"); +} + +div.editor-datetime-error { + padding: 0 1em; + max-width: 240px; + font-size: 11px; + line-height: 1.25em; + text-align: center; + color: #b11f1f; +} + +div.DTE div.DTE_Processing_Indicator { + position: absolute; + top: 17px; + right: 9px; + height: 2em; + width: 2em; + z-index: 20; + font-size: 12px; + display: none; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} +div.DTE.processing div.DTE_Processing_Indicator { + display: block; +} +div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator { + display: none; +} +div.DTE div.DTE_Field div.DTE_Processing_Indicator { + top: 13px; + right: 0; + font-size: 8px; +} +div.DTE.DTE_Inline div.DTE_Processing_Indicator { + top: 5px; + right: 6px; + font-size: 6px; +} +div.DTE.DTE_Bubble div.DTE_Processing_Indicator { + top: 10px; + right: 14px; + font-size: 8px; +} +div.DTE div.DTE_Processing_Indicator span, +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + display: block; + background: black; + width: 0.5em; + height: 1.5em; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.1); + -webkit-animation: editorProcessing 0.9s infinite ease-in-out; + animation: editorProcessing 0.9s infinite ease-in-out; +} +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + position: absolute; + top: 0; + content: ''; +} +div.DTE div.DTE_Processing_Indicator:before { + left: -1em; + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +div.DTE div.DTE_Processing_Indicator span { + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; +} +div.DTE div.DTE_Processing_Indicator:after { + left: 1em; +} +@-webkit-keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +@keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} diff --git a/example/static/css/editor.dataTables.min.css b/example/static/css/editor.dataTables.min.css new file mode 100644 index 0000000..0316a0a --- /dev/null +++ b/example/static/css/editor.dataTables.min.css @@ -0,0 +1,5 @@ +div.DTE{position:relative}div.DTE div.DTE_Header{position:absolute;top:0;left:0;height:52px;width:100%;background-color:#e8e9eb;border-bottom:1px solid rgba(0,0,0,0.15);padding:16px 10px 2px 16px;font-size:1.3em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.DTE div.DTE_Body{position:relative}div.DTE div.DTE_Footer{position:absolute;bottom:0;left:0;height:52px;width:100%;background-color:#e8e9eb;border-top:1px solid rgba(0,0,0,0.15);padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.DTE div.DTE_Form_Info{margin-bottom:0.5em;display:none}div.DTE div.DTE_Form_Content{position:relative;padding:10px}div.DTE div.DTE_Form_Error{float:left;padding:5px;display:none;color:#b11f1f}div.DTE button.btn,div.DTE div.DTE_Form_Buttons button{position:relative;text-align:center;display:block;margin-top:0;padding:0.5em 1em;cursor:pointer;float:right;margin-left:0.75em;color:inherit;font-size:14px;border:1px solid #999;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc;background-color:#dcdcdc;background-image:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background-image:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background-image:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background-image:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background-image:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#dcdcdc')}div.DTE button.btn:hover,div.DTE div.DTE_Form_Buttons button:hover{border:1px solid #666;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;background-color:#cccccc;background-image:-webkit-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-moz-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-ms-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-o-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:linear-gradient(to bottom, #eaeaea 0%, #ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc')}div.DTE button.btn:active,div.DTE div.DTE_Form_Buttons button:active{-webkit-box-shadow:inset 1px 1px 3px #999;-moz-box-shadow:inset 1px 1px 3px #999;box-shadow:inset 1px 1px 3px #999}div.DTE button.btn:focus,div.DTE div.DTE_Form_Buttons button:focus{border:1px solid #426c9e;text-shadow:0 1px 0 #c4def1;background-color:#79ace9;background-image:-webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-o-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9');outline:none}div.DTE button.btn:focus:after,div.DTE div.DTE_Form_Buttons button:focus:after{position:absolute;top:0;left:0;right:0;bottom:0;background:white;display:block;content:" ";-webkit-animation-duration:1s;-webkit-animation-name:buttonPulse;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-direction:alternate;-moz-animation-duration:1s;-moz-animation-name:buttonPulse;-moz-animation-fill-mode:forwards;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-moz-animation-direction:alternate;-o-animation-duration:1s;-o-animation-name:buttonPulse;-o-animation-fill-mode:forwards;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear;-o-animation-direction:alternate;animation-duration:1s;animation-name:buttonPulse;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}div.DTE.DTE_Action_Remove div.DTE_Body_Content{text-align:center;padding:20px 0}@-webkit-keyframes buttonPulse{0%{opacity:0}100%{opacity:0.2}}@-moz-keyframes buttonPulse{0%{opacity:0}100%{opacity:0.2}}@-o-keyframes buttonPulse{0%{opacity:0}100%{opacity:0.2}}@keyframes buttonPulse{0%{opacity:0}100%{opacity:0.2}}div.DTTT_container{float:left}div.DTE_Field input,div.DTE_Field textarea{box-sizing:border-box;background-color:white;-webkit-transition:background-color ease-in-out .15s;transition:background-color ease-in-out .15s}div.DTE_Field input:focus,div.DTE_Field textarea:focus{background-color:#ffffee}div.DTE_Field input[type="color"],div.DTE_Field input[type="date"],div.DTE_Field input[type="datetime"],div.DTE_Field input[type="datetime-local"],div.DTE_Field input[type="email"],div.DTE_Field input[type="month"],div.DTE_Field input[type="number"],div.DTE_Field input[type="password"],div.DTE_Field input[type="search"],div.DTE_Field input[type="tel"],div.DTE_Field input[type="text"],div.DTE_Field input[type="time"],div.DTE_Field input[type="url"],div.DTE_Field input[type="week"]{padding:5px 4px;width:100%}div.DTE_Field label div.DTE_Label_Info{font-size:0.85em;margin-top:0.25em}div.DTE_Field label div.DTE_Label_Info:empty{margin-top:0}div.DTE_Field div.DTE_Field_Info,div.DTE_Field div.DTE_Field_Message,div.DTE_Field div.DTE_Field_Error{font-size:11px;line-height:1em;margin-top:5px}div.DTE_Field div.DTE_Field_Info:empty,div.DTE_Field div.DTE_Field_Message:empty,div.DTE_Field div.DTE_Field_Error:empty{margin-top:0}div.DTE_Field div.DTE_Field_Error{display:none;color:#b11f1f}div.DTE_Field div.multi-value{display:none;border:1px dotted #666;border-radius:3px;padding:5px;background-color:#fafafa;cursor:pointer}div.DTE_Field div.multi-value span{font-size:0.8em;line-height:1.25em;display:block;color:#666}div.DTE_Field div.multi-value.multi-noEdit{border:1px solid #ccc;cursor:auto;background-color:#fcfcfc}div.DTE_Field div.multi-value.multi-noEdit:hover{background-color:#fcfcfc}div.DTE_Field div.multi-value:hover{background-color:#f1f1f1}div.DTE_Field.disabled{color:grey}div.DTE_Field.disabled div.multi-value{cursor:default;border:1px dotted #aaa;background-color:transparent}div.DTE_Field div.multi-restore{display:none;margin-top:0.5em;font-size:0.8em;line-height:1.25em;color:#3879d9}div.DTE_Field div.multi-restore:hover{text-decoration:underline;cursor:pointer}div.DTE_Field_Type_textarea textarea{padding:3px;width:100%;height:80px}div.DTE_Field.DTE_Field_Type_date img{vertical-align:middle;cursor:pointer}div.DTE_Field_Type_checkbox div.DTE_Field_Input>div>div,div.DTE_Field_Type_radio div.DTE_Field_Input>div>div{margin-bottom:0.25em}div.DTE_Field_Type_checkbox div.DTE_Field_Input>div>div:last-child,div.DTE_Field_Type_radio div.DTE_Field_Input>div>div:last-child{margin-bottom:0}div.DTE_Field_Type_checkbox div.DTE_Field_Input>div>div label,div.DTE_Field_Type_radio div.DTE_Field_Input>div>div label{margin-left:0.75em;vertical-align:middle}div.DTE_Field_Type_select div.DTE_Field_Input{padding-top:4px}div.DTE_Body{padding:52px 0}div.DTE_Body div.DTE_Body_Content{position:relative;overflow:auto}div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info{padding:1em 1em 0 1em;margin:0}div.DTE_Body div.DTE_Body_Content div.DTE_Field{position:relative;zoom:1;clear:both;padding:5px 20%;border:1px solid transparent}div.DTE_Body div.DTE_Body_Content div.DTE_Field:after{display:block;content:".";height:0;line-height:0;clear:both;visibility:hidden}div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover{background-color:#f9f9f9;border:1px solid #f3f3f3}div.DTE_Body div.DTE_Body_Content div.DTE_Field>label{float:left;width:40%;padding-top:6px}div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input{float:right;width:60%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full{padding:5px 0 5px 20%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label{width:30%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input{width:70%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input{float:none;clear:both;width:100%}html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field>label{float:right}html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input{float:left}html[dir="rtl"] div.DTE div.DTE_Form_Buttons button{float:left}@media only screen and (max-width: 768px){div.DTE_Body div.DTE_Body_Content div.DTE_Field{padding:5px 10%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full{padding:5px 0 5px 10%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label{width:35.5%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input{width:64.5%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input{width:100%}}@media only screen and (max-width: 640px){div.DTE_Body div.DTE_Body_Content div.DTE_Field{padding:5px 0}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full{padding:5px 0%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label{width:40%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input{width:60%}div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input{width:100%}}@media only screen and (max-width: 580px){div.DTE_Body div.DTE_Body_Content div.DTE_Field{position:relative;zoom:1;clear:both;padding:5px 0}div.DTE_Body div.DTE_Body_Content div.DTE_Field>label{float:none;width:auto;padding-top:0}div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input{float:none;width:auto}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full,div.DTE_Body div.DTE_Body_Content div.DTE_Field.block{padding:5px 0}div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>label,div.DTE_Body div.DTE_Body_Content div.DTE_Field.full>div.DTE_Field_Input,div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>label,div.DTE_Body div.DTE_Body_Content div.DTE_Field.block>div.DTE_Field_Input{width:100%}}div.DTE_Bubble{position:absolute;z-index:11;margin-top:-6px;opacity:0}div.DTE_Bubble div.DTE_Bubble_Liner{position:absolute;bottom:0;border:1px solid black;width:300px;margin-left:-150px;background-color:white;box-shadow:0 12px 30px 0 rgba(0,0,0,0.5);border-radius:6px;border:1px solid #666;padding:1em;background:#fcfcfc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table{width:100%}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content{padding:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field{position:relative;zoom:1;margin-bottom:0.5em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field:last-child{margin-bottom:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>label{padding-top:0;margin-bottom:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div{padding:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table>form div.DTE_Form_Content div.DTE_Field>div input{margin:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons{text-align:right;margin-top:1em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button{margin-bottom:0}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header{border-top-left-radius:5px;border-top-right-radius:5px}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header+div.DTE_Form_Info,div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header+div.DTE_Bubble_Table{padding-top:42px}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error{float:none;display:none;padding:0;margin-bottom:0.5em}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close{position:absolute;top:-11px;right:-11px;width:22px;height:22px;border:2px solid white;background-color:black;text-align:center;border-radius:15px;cursor:pointer;z-index:12;box-shadow:2px 2px 6px #111}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after{content:'\00d7';color:white;font-weight:bold;font-size:18px;line-height:22px;font-family:'Courier New', Courier, monospace;padding-left:1px}div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover{background-color:#092079;box-shadow:2px 2px 9px #111}div.DTE_Bubble div.DTE_Bubble_Triangle{position:absolute;height:10px;width:10px;top:-6px;background-color:white;border:1px solid #666;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}div.DTE_Bubble.below div.DTE_Bubble_Liner{top:10px;bottom:auto}div.DTE_Bubble.below div.DTE_Bubble_Triangle{top:4px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}div.DTE_Bubble_Background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.3)), color-stop(1, rgba(0,0,0,0.7)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);z-index:10}div.DTE_Bubble_Background>div{position:absolute;top:0;right:0;left:0;bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}div.DTE_Bubble_Background>div:not([dummy]){filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')}div.DTE_Inline{position:relative;display:table;width:100%}div.DTE_Inline div.DTE_Inline_Field,div.DTE_Inline div.DTE_Inline_Buttons{display:table-cell;vertical-align:middle}div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field{padding:0}div.DTE_Inline div.DTE_Inline_Field div.DTE_Field>label,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field>label{display:none}div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"],div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"],div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"]{width:100%}div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button{margin:-6px 0 -6px 4px;padding:5px}div.DTE_Inline div.DTE_Field input[type="color"],div.DTE_Inline div.DTE_Field input[type="date"],div.DTE_Inline div.DTE_Field input[type="datetime"],div.DTE_Inline div.DTE_Field input[type="datetime-local"],div.DTE_Inline div.DTE_Field input[type="email"],div.DTE_Inline div.DTE_Field input[type="month"],div.DTE_Inline div.DTE_Field input[type="number"],div.DTE_Inline div.DTE_Field input[type="password"],div.DTE_Inline div.DTE_Field input[type="search"],div.DTE_Inline div.DTE_Field input[type="tel"],div.DTE_Inline div.DTE_Field input[type="text"],div.DTE_Inline div.DTE_Field input[type="time"],div.DTE_Inline div.DTE_Field input[type="url"],div.DTE_Inline div.DTE_Field input[type="week"]{margin:-6px 0}div.DTE_Inline div.DTE_Field_Error,div.DTE_Inline div.DTE_Form_Error{font-size:11px;line-height:1.2em;padding:0;margin-top:10px}div.DTE_Inline div.DTE_Field_Error:empty,div.DTE_Inline div.DTE_Form_Error:empty{margin-top:0}span.dtr-data div.DTE_Inline{display:inline-table}div.DTED_Lightbox_Wrapper{position:fixed;top:0;left:50%;margin-left:-390px;width:780px;height:100%;z-index:11}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container{display:table;height:100%;width:100%}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper{display:table-cell;vertical-align:middle;width:100%}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content{position:relative;box-shadow:0 12px 30px 0 rgba(0,0,0,0.5);border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE{background:white;border-radius:6px;border:1px solid #666;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header{right:0;width:auto;border-top-left-radius:6px;border-top-right-radius:6px}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content{box-sizing:border-box;background:#fcfcfc}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer{right:0;width:auto;border-bottom-left-radius:6px;border-bottom-right-radius:6px}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close{position:absolute;top:-11px;right:-11px;width:22px;height:22px;border:2px solid white;background-color:black;text-align:center;border-radius:15px;cursor:pointer;z-index:12;box-shadow:2px 2px 6px #111}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after{content:'\00d7';color:white;font-weight:bold;font-size:18px;line-height:22px;font-family:'Courier New', Courier, monospace;padding-left:1px}div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover{background-color:#092079;box-shadow:2px 2px 9px #111}div.DTED_Lightbox_Background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.3)), color-stop(1, rgba(0,0,0,0.7)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);z-index:10}div.DTED_Lightbox_Background>div{position:absolute;top:0;right:0;left:0;bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}div.DTED_Lightbox_Background>div:not([dummy]){filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Background{height:0}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Shown{display:none}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper{position:absolute;top:0px;left:0px;right:0px;bottom:0px;width:auto;height:auto;margin-left:0;-webkit-overflow-scrolling:touch}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container{display:block}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper{display:block}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content{border:4px solid rgba(220,220,220,0.5);border-radius:0}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE{border-radius:0;box-shadow:0 0 5px #555;border:2px solid #444}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header{border-top-left-radius:0;border-top-right-radius:0}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer{border-bottom-left-radius:0;border-bottom-right-radius:0}body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close{top:11px;right:15px}@media only screen and (max-width: 780px){div.DTED_Lightbox_Wrapper{position:fixed;top:0;left:0;width:100%;margin-left:0}}div.DTED_Envelope_Wrapper{position:absolute;top:0;bottom:0;left:50%;height:100%;z-index:11;display:none;overflow:hidden}div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow{position:absolute;top:-10px;left:10px;right:10px;height:10px;z-index:10;box-shadow:0 0 20px black}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container{position:absolute;top:0;left:5%;width:90%;border-left:1px solid #777;border-right:1px solid #777;border-bottom:1px solid #777;box-shadow:3px 3px 10px #555;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:white}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator{right:36px}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px}div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close{position:absolute;top:16px;right:10px;width:18px;height:18px;cursor:pointer;z-index:12;text-align:center;font-size:12px;background:#F8F8F8;background:-webkit-gradient(linear, center bottom, center top, from(#CCC), to(#fff));background:-moz-linear-gradient(top, #fff, #CCC);background:linear-gradient(to bottom, #fff, #CCC);text-shadow:0 1px 0 white;border:1px solid #999;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:0px 0px 1px #999;-moz-box-shadow:0px 0px 1px #999;-webkit-box-shadow:0px 0px 1px #999}div.DTED_Envelope_Background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.4);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.1)), color-stop(1, rgba(0,0,0,0.4)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%)}table.dataTable tbody tr.highlight{background-color:#FFFBCC !important}table.dataTable tbody tr.highlight,table.dataTable tbody tr.noHighlight,table.dataTable tbody tr.highlight td,table.dataTable tbody tr.noHighlight td{-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;transition:background-color 500ms linear}table.dataTable.stripe tbody tr.odd.highlight,table.dataTable.display tbody tr.odd.highlight{background-color:#f9f5c7}table.dataTable.hover tbody tr:hover.highlight,table.dataTable.hover tbody tr.odd:hover.highlight,table.dataTable.hover tbody tr.even:hover.highlight,table.dataTable.display tbody tr:hover.highlight,table.dataTable.display tbody tr.odd:hover.highlight,table.dataTable.display tbody tr.even:hover.highlight{background-color:#f6f2c5}table.dataTable.order-column tbody tr.highlight>.sorting_1,table.dataTable.order-column tbody tr.highlight>.sorting_2,table.dataTable.order-column tbody tr.highlight>.sorting_3,table.dataTable.display tbody tr.highlight>.sorting_1,table.dataTable.display tbody tr.highlight>.sorting_2,table.dataTable.display tbody tr.highlight>.sorting_3{background-color:#faf6c8}table.dataTable.display tbody tr.odd.highlight>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.highlight>.sorting_1{background-color:#f1edc1}table.dataTable.display tbody tr.odd.highlight>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.highlight>.sorting_2{background-color:#f3efc2}table.dataTable.display tbody tr.odd.highlight>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.highlight>.sorting_3{background-color:#f5f1c4}table.dataTable.display tbody tr.even.highlight>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.highlight>.sorting_1{background-color:#faf6c8}table.dataTable.display tbody tr.even.highlight>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.highlight>.sorting_2{background-color:#fcf8ca}table.dataTable.display tbody tr.even.highlight>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.highlight>.sorting_3{background-color:#fefacb}table.dataTable.display tbody tr:hover.highlight>.sorting_1,table.dataTable.display tbody tr.odd:hover.highlight>.sorting_1,table.dataTable.display tbody tr.even:hover.highlight>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.highlight>.sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover.highlight>.sorting_1,table.dataTable.order-column.hover tbody tr.even:hover.highlight>.sorting_1{background-color:#eae6bb}table.dataTable.display tbody tr:hover.highlight>.sorting_2,table.dataTable.display tbody tr.odd:hover.highlight>.sorting_2,table.dataTable.display tbody tr.even:hover.highlight>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.highlight>.sorting_2,table.dataTable.order-column.hover tbody tr.odd:hover.highlight>.sorting_2,table.dataTable.order-column.hover tbody tr.even:hover.highlight>.sorting_2{background-color:#ece8bd}table.dataTable.display tbody tr:hover.highlight>.sorting_3,table.dataTable.display tbody tr.odd:hover.highlight>.sorting_3,table.dataTable.display tbody tr.even:hover.highlight>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.highlight>.sorting_3,table.dataTable.order-column.hover tbody tr.odd:hover.highlight>.sorting_3,table.dataTable.order-column.hover tbody tr.even:hover.highlight>.sorting_3{background-color:#efebbf}div.DTE div.editor_upload{padding-top:4px}div.DTE div.editor_upload div.eu_table{display:table;width:100%}div.DTE div.editor_upload div.row{display:table-row}div.DTE div.editor_upload div.cell{display:table-cell;position:relative;width:50%;vertical-align:top}div.DTE div.editor_upload div.cell+div.cell{padding-left:10px}div.DTE div.editor_upload div.row+div.row div.cell{padding-top:10px}div.DTE div.editor_upload button.btn,div.DTE div.editor_upload input[type=file]{width:100%;height:2.3em;font-size:0.8em;text-align:center;line-height:1em}div.DTE div.editor_upload input[type=file]{position:absolute;top:0;left:0;width:100%;opacity:0}div.DTE div.editor_upload div.drop{position:relative;box-sizing:border-box;width:100%;height:100%;border:3px dashed #ccc;border-radius:6px;min-height:4em;color:#999;padding-top:3px;text-align:center}div.DTE div.editor_upload div.drop.over{border:3px dashed #111;color:#111}div.DTE div.editor_upload div.drop span{max-width:75%;font-size:0.85em;line-height:1em}div.DTE div.editor_upload div.rendered img{max-width:8em;margin:0 auto}div.DTE div.editor_upload.noDrop div.drop{display:none}div.DTE div.editor_upload.noDrop div.row.second{display:none}div.DTE div.editor_upload.noDrop div.rendered{margin-top:10px}div.DTE div.editor_upload.noClear div.clearValue button{display:none}div.DTE div.editor_upload.multi div.cell{display:block;width:100%}div.DTE div.editor_upload.multi div.cell div.drop{min-height:0;padding-bottom:5px}div.DTE div.editor_upload.multi div.clearValue{display:none}div.DTE div.editor_upload.multi ul{list-style-type:none;margin:0;padding:0}div.DTE div.editor_upload.multi ul li{position:relative;margin-top:0.5em}div.DTE div.editor_upload.multi ul li:first-child{margin-top:0}div.DTE div.editor_upload.multi ul li img{vertical-align:middle}div.DTE div.editor_upload.multi ul li button{position:absolute;width:40px;right:0;top:50%;margin-top:-1.5em}div.editor-datetime{position:absolute;background-color:white;z-index:2050;border:1px solid #ccc;box-shadow:0 5px 15px -5px rgba(0,0,0,0.5);padding:0 20px 6px 20px;width:275px}div.editor-datetime div.editor-datetime-title{text-align:center;padding:5px 0px 3px}div.editor-datetime table{border-spacing:0;margin:12px 0;width:100%}div.editor-datetime table.editor-datetime-table-nospace{margin-top:-12px}div.editor-datetime table th{font-size:0.8em;color:#777;font-weight:normal;width:14.285714286%;padding:0 0 4px 0;text-align:center}div.editor-datetime table td{font-size:0.9em;color:#444;padding:0}div.editor-datetime table td.selectable{text-align:center;background:#f5f5f5}div.editor-datetime table td.selectable.disabled{color:#aaa;background:white}div.editor-datetime table td.selectable.disabled button:hover{color:#aaa;background:white}div.editor-datetime table td.selectable.now{background-color:#ddd}div.editor-datetime table td.selectable.now button{font-weight:bold}div.editor-datetime table td.selectable.selected button{background:#4E6CA3;color:white;border-radius:2px}div.editor-datetime table td.selectable button:hover{background:#ff8000;color:white;border-radius:2px}div.editor-datetime table td.editor-datetime-week{font-size:0.7em}div.editor-datetime table button{width:100%;box-sizing:border-box;border:none;background:transparent;font-size:inherit;color:inherit;text-align:center;padding:4px 0;cursor:pointer;margin:0}div.editor-datetime table button span{display:inline-block;min-width:14px;text-align:right}div.editor-datetime table.weekNumber th{width:12.5%}div.editor-datetime div.editor-datetime-calendar table{margin-top:0}div.editor-datetime div.editor-datetime-label{position:relative;display:inline-block;height:30px;padding:5px 6px;border:1px solid transparent;box-sizing:border-box;cursor:pointer}div.editor-datetime div.editor-datetime-label:hover{border:1px solid #ddd;border-radius:2px;background-color:#f5f5f5}div.editor-datetime div.editor-datetime-label select{position:absolute;top:6px;left:0;cursor:pointer;opacity:0;-ms-filter:"alpha(opacity=0)"}div.editor-datetime div.editor-datetime-time{text-align:center}div.editor-datetime div.editor-datetime-time>span{vertical-align:middle}div.editor-datetime div.editor-datetime-time th{text-align:left}div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock{display:inline-block;vertical-align:middle}div.editor-datetime div.editor-datetime-iconLeft,div.editor-datetime div.editor-datetime-iconRight,div.editor-datetime div.editor-datetime-iconUp,div.editor-datetime div.editor-datetime-iconDown{width:30px;height:30px;background-position:center;background-repeat:no-repeat;opacity:0.3;overflow:hidden;box-sizing:border-box}div.editor-datetime div.editor-datetime-iconLeft:hover,div.editor-datetime div.editor-datetime-iconRight:hover,div.editor-datetime div.editor-datetime-iconUp:hover,div.editor-datetime div.editor-datetime-iconDown:hover{border:1px solid #ccc;border-radius:2px;background-color:#f0f0f0;opacity:0.6}div.editor-datetime div.editor-datetime-iconLeft button,div.editor-datetime div.editor-datetime-iconRight button,div.editor-datetime div.editor-datetime-iconUp button,div.editor-datetime div.editor-datetime-iconDown button{border:none;background:transparent;text-indent:30px;height:100%;width:100%;cursor:pointer}div.editor-datetime div.editor-datetime-iconLeft{position:absolute;top:5px;left:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==")}div.editor-datetime div.editor-datetime-iconRight{position:absolute;top:5px;right:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=")}div.editor-datetime div.editor-datetime-iconUp{height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=")}div.editor-datetime div.editor-datetime-iconDown{height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC")}div.editor-datetime-error{padding:0 1em;max-width:240px;font-size:11px;line-height:1.25em;text-align:center;color:#b11f1f}div.DTE div.DTE_Processing_Indicator{position:absolute;top:17px;right:9px;height:2em;width:2em;z-index:20;font-size:12px;display:none;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}div.DTE.processing div.DTE_Processing_Indicator{display:block}div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator{display:none}div.DTE div.DTE_Field div.DTE_Processing_Indicator{top:13px;right:0;font-size:8px}div.DTE.DTE_Inline div.DTE_Processing_Indicator{top:5px;right:6px;font-size:6px}div.DTE.DTE_Bubble div.DTE_Processing_Indicator{top:10px;right:14px;font-size:8px}div.DTE div.DTE_Processing_Indicator span,div.DTE div.DTE_Processing_Indicator:before,div.DTE div.DTE_Processing_Indicator:after{display:block;background:black;width:0.5em;height:1.5em;border:1px solid rgba(0,0,0,0.4);background-color:rgba(0,0,0,0.1);-webkit-animation:editorProcessing 0.9s infinite ease-in-out;animation:editorProcessing 0.9s infinite ease-in-out}div.DTE div.DTE_Processing_Indicator:before,div.DTE div.DTE_Processing_Indicator:after{position:absolute;top:0;content:''}div.DTE div.DTE_Processing_Indicator:before{left:-1em;-webkit-animation-delay:-0.3s;animation-delay:-0.3s}div.DTE div.DTE_Processing_Indicator span{-webkit-animation-delay:-0.15s;animation-delay:-0.15s}div.DTE div.DTE_Processing_Indicator:after{left:1em}@-webkit-keyframes editorProcessing{0%, + 80%, + 100%{transform:scale(1, 1)}40%{transform:scale(1, 1.5)}}@keyframes editorProcessing{0%, + 80%, + 100%{transform:scale(1, 1)}40%{transform:scale(1, 1.5)}} diff --git a/example/static/css/editor.foundation.css b/example/static/css/editor.foundation.css new file mode 100644 index 0000000..3289235 --- /dev/null +++ b/example/static/css/editor.foundation.css @@ -0,0 +1,761 @@ +div.DTE div.DTE_Form_Error { + display: none; + color: #b11f1f; +} + +div.DTE_Field div.multi-value, +div.DTE_Field div.multi-restore { + display: none; + cursor: pointer; + padding: 0.75rem; +} +div.DTE_Field div.multi-value span, +div.DTE_Field div.multi-restore span { + display: block; + color: #666; + font-size: 0.8em; + line-height: 1.25em; +} +div.DTE_Field div.multi-value:hover, +div.DTE_Field div.multi-restore:hover { + background-color: #e5e5e5; +} +div.DTE_Field div.multi-restore { + margin-top: 0.5em; + font-size: 0.8em; + line-height: 1.25em; + padding: 0.5rem 0.75rem; +} +div.DTE_Field div.label { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} +div.DTE_Field div.label:empty { + padding: 0; + margin: 0; +} +div.DTE_Field:after { + display: block; + content: "."; + height: 0; + line-height: 0; + clear: both; + visibility: hidden; +} + +div.reveal-modal button.close { + position: absolute; + top: -1.5em; + right: -2.5em; +} +div.reveal-modal button.close.close-button { + right: 1rem; + top: .5rem; + z-index: 100; +} +div.reveal-modal div.DTE_Header { + position: relative; + top: -0.5em; + font-size: 2.05556rem; + line-height: 1.4; +} +div.reveal-modal div.DTE_Form_Content { + width: 75%; + margin: 0 auto; +} +div.reveal-modal div.DTE_Footer { + position: relative; + bottom: -0.5em; + float: right; +} +div.reveal-modal div.DTE_Footer button { + margin-bottom: 0; +} + +div.DTE_Inline { + position: relative; + display: table; + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field, +div.DTE_Inline div.DTE_Inline_Buttons { + display: table-cell; + vertical-align: middle; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field { + padding: 0; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label { + display: none; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] { + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button { + margin: -6px 0 -6px 4px; + padding: 5px; +} +div.DTE_Inline div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Field input[type="week"] { + margin: -6px 0; +} +div.DTE_Inline div.DTE_Field_Error, +div.DTE_Inline div.DTE_Form_Error { + font-size: 11px; + line-height: 1.2em; + padding: 0; + margin-top: 10px; +} +div.DTE_Inline div.DTE_Field_Error:empty, +div.DTE_Inline div.DTE_Form_Error:empty { + margin-top: 0; +} + +span.dtr-data div.DTE_Inline { + display: inline-table; +} + +div.DTE_Inline div.DTE_Field > div { + width: 100%; + padding: 0; +} +div.DTE_Inline div.DTE_Field input { + height: 30px; + margin-bottom: 0; +} +div.DTE_Inline div.DTE_Field div.label:empty { + display: none; +} + +div.DTE_Bubble { + position: absolute; + z-index: 11; + margin-top: -6px; + opacity: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner { + position: absolute; + bottom: 0; + border: 1px solid black; + width: 300px; + margin-left: -150px; + background-color: white; + box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5); + border-radius: 6px; + border: 1px solid #666; + padding: 1em; + background: #fcfcfc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table { + width: 100%; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field { + position: relative; + zoom: 1; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label { + padding-top: 0; + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input { + margin: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + text-align: right; + margin-top: 1em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table { + padding-top: 42px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error { + float: none; + display: none; + padding: 0; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close { + position: absolute; + top: -11px; + right: -11px; + width: 22px; + height: 22px; + border: 2px solid white; + background-color: black; + text-align: center; + border-radius: 15px; + cursor: pointer; + z-index: 12; + box-shadow: 2px 2px 6px #111; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { + content: '\00d7'; + color: white; + font-weight: bold; + font-size: 18px; + line-height: 22px; + font-family: 'Courier New', Courier, monospace; + padding-left: 1px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover { + background-color: #092079; + box-shadow: 2px 2px 9px #111; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + position: absolute; + height: 10px; + width: 10px; + top: -6px; + background-color: white; + border: 1px solid #666; + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +div.DTE_Bubble.below div.DTE_Bubble_Liner { + top: 10px; + bottom: auto; +} +div.DTE_Bubble.below div.DTE_Bubble_Triangle { + top: 4px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); +} + +div.DTE_Bubble_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* W3C Markup, IE10 Release Preview */ + z-index: 10; +} +div.DTE_Bubble_Background > div { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; +} +div.DTE_Bubble_Background > div:not([dummy]) { + filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); +} + +div.DTE_Bubble div.DTE_Bubble_Liner { + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.2); +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + width: 100%; + float: none; + clear: both; + text-align: left; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label { + padding-bottom: 4px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + margin-top: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + font-size: 14px; + width: 100%; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { + margin-top: -2px; + display: block; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + border-color: rgba(0, 0, 0, 0.2); +} + +div.DTE_Bubble_Background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 10; + background-color: rgba(0, 0, 0, 0.05); +} + +div.DTE div.editor_upload { + padding-top: 4px; +} +div.DTE div.editor_upload div.eu_table { + display: table; + width: 100%; +} +div.DTE div.editor_upload div.row { + display: table-row; +} +div.DTE div.editor_upload div.cell { + display: table-cell; + position: relative; + width: 50%; + vertical-align: top; +} +div.DTE div.editor_upload div.cell + div.cell { + padding-left: 10px; +} +div.DTE div.editor_upload div.row + div.row div.cell { + padding-top: 10px; +} +div.DTE div.editor_upload button.btn, +div.DTE div.editor_upload input[type=file] { + width: 100%; + height: 2.3em; + font-size: 0.8em; + text-align: center; + line-height: 1em; +} +div.DTE div.editor_upload input[type=file] { + position: absolute; + top: 0; + left: 0; + width: 100%; + opacity: 0; +} +div.DTE div.editor_upload div.drop { + position: relative; + box-sizing: border-box; + width: 100%; + height: 100%; + border: 3px dashed #ccc; + border-radius: 6px; + min-height: 4em; + color: #999; + padding-top: 3px; + text-align: center; +} +div.DTE div.editor_upload div.drop.over { + border: 3px dashed #111; + color: #111; +} +div.DTE div.editor_upload div.drop span { + max-width: 75%; + font-size: 0.85em; + line-height: 1em; +} +div.DTE div.editor_upload div.rendered img { + max-width: 8em; + margin: 0 auto; +} +div.DTE div.editor_upload.noDrop div.drop { + display: none; +} +div.DTE div.editor_upload.noDrop div.row.second { + display: none; +} +div.DTE div.editor_upload.noDrop div.rendered { + margin-top: 10px; +} +div.DTE div.editor_upload.noClear div.clearValue button { + display: none; +} +div.DTE div.editor_upload.multi div.cell { + display: block; + width: 100%; +} +div.DTE div.editor_upload.multi div.cell div.drop { + min-height: 0; + padding-bottom: 5px; +} +div.DTE div.editor_upload.multi div.clearValue { + display: none; +} +div.DTE div.editor_upload.multi ul { + list-style-type: none; + margin: 0; + padding: 0; +} +div.DTE div.editor_upload.multi ul li { + position: relative; + margin-top: 0.5em; +} +div.DTE div.editor_upload.multi ul li:first-child { + margin-top: 0; +} +div.DTE div.editor_upload.multi ul li img { + vertical-align: middle; +} +div.DTE div.editor_upload.multi ul li button { + position: absolute; + width: 40px; + right: 0; + top: 50%; + margin-top: -1.5em; +} + +div.DTE div.editor_upload button.button, +div.DTE div.editor_upload input[type=file] { + width: 100%; + font-size: 0.8em; + margin-bottom: 0; +} +div.DTE div.editor_upload ul li button { + width: 63px; +} + +div.editor-datetime { + position: absolute; + background-color: white; + z-index: 2050; + border: 1px solid #ccc; + box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); + padding: 0 20px 6px 20px; + width: 275px; +} +div.editor-datetime div.editor-datetime-title { + text-align: center; + padding: 5px 0px 3px; +} +div.editor-datetime table { + border-spacing: 0; + margin: 12px 0; + width: 100%; +} +div.editor-datetime table.editor-datetime-table-nospace { + margin-top: -12px; +} +div.editor-datetime table th { + font-size: 0.8em; + color: #777; + font-weight: normal; + width: 14.285714286%; + padding: 0 0 4px 0; + text-align: center; +} +div.editor-datetime table td { + font-size: 0.9em; + color: #444; + padding: 0; +} +div.editor-datetime table td.selectable { + text-align: center; + background: #f5f5f5; +} +div.editor-datetime table td.selectable.disabled { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.disabled button:hover { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.now { + background-color: #ddd; +} +div.editor-datetime table td.selectable.now button { + font-weight: bold; +} +div.editor-datetime table td.selectable.selected button { + background: #008CBA; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.selectable button:hover { + background: #ff8000; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.editor-datetime-week { + font-size: 0.7em; +} +div.editor-datetime table button { + width: 100%; + box-sizing: border-box; + border: none; + background: transparent; + font-size: inherit; + color: inherit; + text-align: center; + padding: 4px 0; + cursor: pointer; + margin: 0; +} +div.editor-datetime table button span { + display: inline-block; + min-width: 14px; + text-align: right; +} +div.editor-datetime table.weekNumber th { + width: 12.5%; +} +div.editor-datetime div.editor-datetime-calendar table { + margin-top: 0; +} +div.editor-datetime div.editor-datetime-label { + position: relative; + display: inline-block; + height: 30px; + padding: 5px 6px; + border: 1px solid transparent; + box-sizing: border-box; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-label:hover { + border: 1px solid #ddd; + border-radius: 2px; + background-color: #f5f5f5; +} +div.editor-datetime div.editor-datetime-label select { + position: absolute; + top: 6px; + left: 0; + cursor: pointer; + opacity: 0; + -ms-filter: "alpha(opacity=0)"; +} +div.editor-datetime div.editor-datetime-time { + text-align: center; +} +div.editor-datetime div.editor-datetime-time > span { + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-time th { + text-align: left; +} +div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock { + display: inline-block; + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-iconLeft, +div.editor-datetime div.editor-datetime-iconRight, +div.editor-datetime div.editor-datetime-iconUp, +div.editor-datetime div.editor-datetime-iconDown { + width: 30px; + height: 30px; + background-position: center; + background-repeat: no-repeat; + opacity: 0.3; + overflow: hidden; + box-sizing: border-box; +} +div.editor-datetime div.editor-datetime-iconLeft:hover, +div.editor-datetime div.editor-datetime-iconRight:hover, +div.editor-datetime div.editor-datetime-iconUp:hover, +div.editor-datetime div.editor-datetime-iconDown:hover { + border: 1px solid #ccc; + border-radius: 2px; + background-color: #f0f0f0; + opacity: 0.6; +} +div.editor-datetime div.editor-datetime-iconLeft button, +div.editor-datetime div.editor-datetime-iconRight button, +div.editor-datetime div.editor-datetime-iconUp button, +div.editor-datetime div.editor-datetime-iconDown button { + border: none; + background: transparent; + text-indent: 30px; + height: 100%; + width: 100%; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-iconLeft { + position: absolute; + top: 5px; + left: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); +} +div.editor-datetime div.editor-datetime-iconRight { + position: absolute; + top: 5px; + right: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconUp { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconDown { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC"); +} + +div.editor-datetime-error { + padding: 0 1em; + max-width: 240px; + font-size: 11px; + line-height: 1.25em; + text-align: center; + color: #b11f1f; +} + +div.DTE div.DTE_Processing_Indicator { + position: absolute; + top: 17px; + right: 9px; + height: 2em; + width: 2em; + z-index: 20; + font-size: 12px; + display: none; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} +div.DTE.processing div.DTE_Processing_Indicator { + display: block; +} +div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator { + display: none; +} +div.DTE div.DTE_Field div.DTE_Processing_Indicator { + top: 13px; + right: 0; + font-size: 8px; +} +div.DTE.DTE_Inline div.DTE_Processing_Indicator { + top: 5px; + right: 6px; + font-size: 6px; +} +div.DTE.DTE_Bubble div.DTE_Processing_Indicator { + top: 10px; + right: 14px; + font-size: 8px; +} +div.DTE div.DTE_Processing_Indicator span, +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + display: block; + background: black; + width: 0.5em; + height: 1.5em; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.1); + -webkit-animation: editorProcessing 0.9s infinite ease-in-out; + animation: editorProcessing 0.9s infinite ease-in-out; +} +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + position: absolute; + top: 0; + content: ''; +} +div.DTE div.DTE_Processing_Indicator:before { + left: -1em; + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +div.DTE div.DTE_Processing_Indicator span { + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; +} +div.DTE div.DTE_Processing_Indicator:after { + left: 1em; +} +@-webkit-keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +@keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +div.DTE div.DTE_Processing_Indicator { + top: 26px; + right: 95px; +} diff --git a/example/static/css/editor.jqueryui.css b/example/static/css/editor.jqueryui.css new file mode 100644 index 0000000..ecae408 --- /dev/null +++ b/example/static/css/editor.jqueryui.css @@ -0,0 +1,970 @@ +div.DTE_Field input, +div.DTE_Field textarea { + box-sizing: border-box; + background-color: white; + -webkit-transition: background-color ease-in-out .15s; + transition: background-color ease-in-out .15s; +} +div.DTE_Field input:focus, +div.DTE_Field textarea:focus { + background-color: #ffffee; +} +div.DTE_Field input[type="color"], +div.DTE_Field input[type="date"], +div.DTE_Field input[type="datetime"], +div.DTE_Field input[type="datetime-local"], +div.DTE_Field input[type="email"], +div.DTE_Field input[type="month"], +div.DTE_Field input[type="number"], +div.DTE_Field input[type="password"], +div.DTE_Field input[type="search"], +div.DTE_Field input[type="tel"], +div.DTE_Field input[type="text"], +div.DTE_Field input[type="time"], +div.DTE_Field input[type="url"], +div.DTE_Field input[type="week"] { + padding: 5px 4px; + width: 100%; +} +div.DTE_Field label div.DTE_Label_Info { + font-size: 0.85em; + margin-top: 0.25em; +} +div.DTE_Field label div.DTE_Label_Info:empty { + margin-top: 0; +} +div.DTE_Field div.DTE_Field_Info, +div.DTE_Field div.DTE_Field_Message, +div.DTE_Field div.DTE_Field_Error { + font-size: 11px; + line-height: 1em; + margin-top: 5px; +} +div.DTE_Field div.DTE_Field_Info:empty, +div.DTE_Field div.DTE_Field_Message:empty, +div.DTE_Field div.DTE_Field_Error:empty { + margin-top: 0; +} +div.DTE_Field div.DTE_Field_Error { + display: none; + color: #b11f1f; +} +div.DTE_Field div.multi-value { + display: none; + border: 1px dotted #666; + border-radius: 3px; + padding: 5px; + background-color: #fafafa; + cursor: pointer; +} +div.DTE_Field div.multi-value span { + font-size: 0.8em; + line-height: 1.25em; + display: block; + color: #666; +} +div.DTE_Field div.multi-value.multi-noEdit { + border: 1px solid #ccc; + cursor: auto; + background-color: #fcfcfc; +} +div.DTE_Field div.multi-value.multi-noEdit:hover { + background-color: #fcfcfc; +} +div.DTE_Field div.multi-value:hover { + background-color: #f1f1f1; +} +div.DTE_Field.disabled { + color: grey; +} +div.DTE_Field.disabled div.multi-value { + cursor: default; + border: 1px dotted #aaa; + background-color: transparent; +} +div.DTE_Field div.multi-restore { + display: none; + margin-top: 0.5em; + font-size: 0.8em; + line-height: 1.25em; + color: #3879d9; +} +div.DTE_Field div.multi-restore:hover { + text-decoration: underline; + cursor: pointer; +} + +div.DTE_Field_Type_textarea textarea { + padding: 3px; + width: 100%; + height: 80px; +} + +div.DTE_Field.DTE_Field_Type_date img { + vertical-align: middle; + cursor: pointer; +} + +div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div, +div.DTE_Field_Type_radio div.DTE_Field_Input > div > div { + margin-bottom: 0.25em; +} +div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child, +div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child { + margin-bottom: 0; +} +div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label, +div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label { + margin-left: 0.75em; + vertical-align: middle; +} + +div.DTE_Field_Type_select div.DTE_Field_Input { + padding-top: 4px; +} + +div.DTE_Body { + padding: 52px 0; +} +div.DTE_Body div.DTE_Body_Content { + position: relative; + overflow: auto; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info { + padding: 1em 1em 0 1em; + margin: 0; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field { + position: relative; + zoom: 1; + clear: both; + padding: 5px 20%; + border: 1px solid transparent; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field:after { + display: block; + content: "."; + height: 0; + line-height: 0; + clear: both; + visibility: hidden; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover { + background-color: #f9f9f9; + border: 1px solid #f3f3f3; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { + float: left; + width: 40%; + padding-top: 6px; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { + float: right; + width: 60%; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { + padding: 5px 0 5px 20%; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label { + width: 30%; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input { + width: 70%; +} +div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { + float: none; + clear: both; + width: 100%; +} + +html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { + float: right; +} +html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { + float: left; +} +html[dir="rtl"] div.DTE div.DTE_Form_Buttons button { + float: left; +} + +@media only screen and (max-width: 768px) { + div.DTE_Body div.DTE_Body_Content div.DTE_Field { + padding: 5px 10%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { + padding: 5px 0 5px 10%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label { + width: 35.5%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input { + width: 64.5%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { + width: 100%; + } +} +@media only screen and (max-width: 640px) { + div.DTE_Body div.DTE_Body_Content div.DTE_Field { + padding: 5px 0; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full { + padding: 5px 0%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label { + width: 40%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input { + width: 60%; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { + width: 100%; + } +} +@media only screen and (max-width: 580px) { + div.DTE_Body div.DTE_Body_Content div.DTE_Field { + position: relative; + zoom: 1; + clear: both; + padding: 5px 0; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { + float: none; + width: auto; + padding-top: 0; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { + float: none; + width: auto; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block { + padding: 5px 0; + } + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label, + div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label, + div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input { + width: 100%; + } +} +div.DTE_Bubble { + position: absolute; + z-index: 11; + margin-top: -6px; + opacity: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner { + position: absolute; + bottom: 0; + border: 1px solid black; + width: 300px; + margin-left: -150px; + background-color: white; + box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5); + border-radius: 6px; + border: 1px solid #666; + padding: 1em; + background: #fcfcfc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table { + width: 100%; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field { + position: relative; + zoom: 1; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label { + padding-top: 0; + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input { + margin: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + text-align: right; + margin-top: 1em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table { + padding-top: 42px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error { + float: none; + display: none; + padding: 0; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close { + position: absolute; + top: -11px; + right: -11px; + width: 22px; + height: 22px; + border: 2px solid white; + background-color: black; + text-align: center; + border-radius: 15px; + cursor: pointer; + z-index: 12; + box-shadow: 2px 2px 6px #111; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { + content: '\00d7'; + color: white; + font-weight: bold; + font-size: 18px; + line-height: 22px; + font-family: 'Courier New', Courier, monospace; + padding-left: 1px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover { + background-color: #092079; + box-shadow: 2px 2px 9px #111; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + position: absolute; + height: 10px; + width: 10px; + top: -6px; + background-color: white; + border: 1px solid #666; + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +div.DTE_Bubble.below div.DTE_Bubble_Liner { + top: 10px; + bottom: auto; +} +div.DTE_Bubble.below div.DTE_Bubble_Triangle { + top: 4px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); +} + +div.DTE_Bubble_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* W3C Markup, IE10 Release Preview */ + z-index: 10; +} +div.DTE_Bubble_Background > div { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; +} +div.DTE_Bubble_Background > div:not([dummy]) { + filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); +} + +div.DTE_Inline { + position: relative; + display: table; + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field, +div.DTE_Inline div.DTE_Inline_Buttons { + display: table-cell; + vertical-align: middle; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field { + padding: 0; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label { + display: none; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] { + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button { + margin: -6px 0 -6px 4px; + padding: 5px; +} +div.DTE_Inline div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Field input[type="week"] { + margin: -6px 0; +} +div.DTE_Inline div.DTE_Field_Error, +div.DTE_Inline div.DTE_Form_Error { + font-size: 11px; + line-height: 1.2em; + padding: 0; + margin-top: 10px; +} +div.DTE_Inline div.DTE_Field_Error:empty, +div.DTE_Inline div.DTE_Form_Error:empty { + margin-top: 0; +} + +span.dtr-data div.DTE_Inline { + display: inline-table; +} + +table.dataTable tbody tr.highlight { + background-color: #FFFBCC !important; +} +table.dataTable tbody tr.highlight, +table.dataTable tbody tr.noHighlight, +table.dataTable tbody tr.highlight td, +table.dataTable tbody tr.noHighlight td { + -webkit-transition: background-color 500ms linear; + -moz-transition: background-color 500ms linear; + -ms-transition: background-color 500ms linear; + -o-transition: background-color 500ms linear; + transition: background-color 500ms linear; +} +table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight { + background-color: #f9f5c7; +} +table.dataTable.hover tbody tr:hover.highlight, +table.dataTable.hover tbody tr.odd:hover.highlight, +table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight, +table.dataTable.display tbody tr.odd:hover.highlight, +table.dataTable.display tbody tr.even:hover.highlight { + background-color: #f6f2c5; +} +table.dataTable.order-column tbody tr.highlight > .sorting_1, +table.dataTable.order-column tbody tr.highlight > .sorting_2, +table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1, +table.dataTable.display tbody tr.highlight > .sorting_2, +table.dataTable.display tbody tr.highlight > .sorting_3 { + background-color: #faf6c8; +} +table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 { + background-color: #f1edc1; +} +table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 { + background-color: #f3efc2; +} +table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 { + background-color: #f5f1c4; +} +table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 { + background-color: #faf6c8; +} +table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 { + background-color: #fcf8ca; +} +table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 { + background-color: #fefacb; +} +table.dataTable.display tbody tr:hover.highlight > .sorting_1, +table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1, +table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1, +table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1, +table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 { + background-color: #eae6bb; +} +table.dataTable.display tbody tr:hover.highlight > .sorting_2, +table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2, +table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2, +table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2, +table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 { + background-color: #ece8bd; +} +table.dataTable.display tbody tr:hover.highlight > .sorting_3, +table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3, +table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3, +table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3, +table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 { + background-color: #efebbf; +} + +div.DTE div.editor_upload { + padding-top: 4px; +} +div.DTE div.editor_upload div.eu_table { + display: table; + width: 100%; +} +div.DTE div.editor_upload div.row { + display: table-row; +} +div.DTE div.editor_upload div.cell { + display: table-cell; + position: relative; + width: 50%; + vertical-align: top; +} +div.DTE div.editor_upload div.cell + div.cell { + padding-left: 10px; +} +div.DTE div.editor_upload div.row + div.row div.cell { + padding-top: 10px; +} +div.DTE div.editor_upload button.btn, +div.DTE div.editor_upload input[type=file] { + width: 100%; + height: 2.3em; + font-size: 0.8em; + text-align: center; + line-height: 1em; +} +div.DTE div.editor_upload input[type=file] { + position: absolute; + top: 0; + left: 0; + width: 100%; + opacity: 0; +} +div.DTE div.editor_upload div.drop { + position: relative; + box-sizing: border-box; + width: 100%; + height: 100%; + border: 3px dashed #ccc; + border-radius: 6px; + min-height: 4em; + color: #999; + padding-top: 3px; + text-align: center; +} +div.DTE div.editor_upload div.drop.over { + border: 3px dashed #111; + color: #111; +} +div.DTE div.editor_upload div.drop span { + max-width: 75%; + font-size: 0.85em; + line-height: 1em; +} +div.DTE div.editor_upload div.rendered img { + max-width: 8em; + margin: 0 auto; +} +div.DTE div.editor_upload.noDrop div.drop { + display: none; +} +div.DTE div.editor_upload.noDrop div.row.second { + display: none; +} +div.DTE div.editor_upload.noDrop div.rendered { + margin-top: 10px; +} +div.DTE div.editor_upload.noClear div.clearValue button { + display: none; +} +div.DTE div.editor_upload.multi div.cell { + display: block; + width: 100%; +} +div.DTE div.editor_upload.multi div.cell div.drop { + min-height: 0; + padding-bottom: 5px; +} +div.DTE div.editor_upload.multi div.clearValue { + display: none; +} +div.DTE div.editor_upload.multi ul { + list-style-type: none; + margin: 0; + padding: 0; +} +div.DTE div.editor_upload.multi ul li { + position: relative; + margin-top: 0.5em; +} +div.DTE div.editor_upload.multi ul li:first-child { + margin-top: 0; +} +div.DTE div.editor_upload.multi ul li img { + vertical-align: middle; +} +div.DTE div.editor_upload.multi ul li button { + position: absolute; + width: 40px; + right: 0; + top: 50%; + margin-top: -1.5em; +} + +div.editor-datetime { + position: absolute; + background-color: white; + z-index: 2050; + border: 1px solid #ccc; + box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); + padding: 0 20px 6px 20px; + width: 275px; +} +div.editor-datetime div.editor-datetime-title { + text-align: center; + padding: 5px 0px 3px; +} +div.editor-datetime table { + border-spacing: 0; + margin: 12px 0; + width: 100%; +} +div.editor-datetime table.editor-datetime-table-nospace { + margin-top: -12px; +} +div.editor-datetime table th { + font-size: 0.8em; + color: #777; + font-weight: normal; + width: 14.285714286%; + padding: 0 0 4px 0; + text-align: center; +} +div.editor-datetime table td { + font-size: 0.9em; + color: #444; + padding: 0; +} +div.editor-datetime table td.selectable { + text-align: center; + background: #f5f5f5; +} +div.editor-datetime table td.selectable.disabled { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.disabled button:hover { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.now { + background-color: #ddd; +} +div.editor-datetime table td.selectable.now button { + font-weight: bold; +} +div.editor-datetime table td.selectable.selected button { + background: #4E6CA3; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.selectable button:hover { + background: #ff8000; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.editor-datetime-week { + font-size: 0.7em; +} +div.editor-datetime table button { + width: 100%; + box-sizing: border-box; + border: none; + background: transparent; + font-size: inherit; + color: inherit; + text-align: center; + padding: 4px 0; + cursor: pointer; + margin: 0; +} +div.editor-datetime table button span { + display: inline-block; + min-width: 14px; + text-align: right; +} +div.editor-datetime table.weekNumber th { + width: 12.5%; +} +div.editor-datetime div.editor-datetime-calendar table { + margin-top: 0; +} +div.editor-datetime div.editor-datetime-label { + position: relative; + display: inline-block; + height: 30px; + padding: 5px 6px; + border: 1px solid transparent; + box-sizing: border-box; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-label:hover { + border: 1px solid #ddd; + border-radius: 2px; + background-color: #f5f5f5; +} +div.editor-datetime div.editor-datetime-label select { + position: absolute; + top: 6px; + left: 0; + cursor: pointer; + opacity: 0; + -ms-filter: "alpha(opacity=0)"; +} +div.editor-datetime div.editor-datetime-time { + text-align: center; +} +div.editor-datetime div.editor-datetime-time > span { + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-time th { + text-align: left; +} +div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock { + display: inline-block; + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-iconLeft, +div.editor-datetime div.editor-datetime-iconRight, +div.editor-datetime div.editor-datetime-iconUp, +div.editor-datetime div.editor-datetime-iconDown { + width: 30px; + height: 30px; + background-position: center; + background-repeat: no-repeat; + opacity: 0.3; + overflow: hidden; + box-sizing: border-box; +} +div.editor-datetime div.editor-datetime-iconLeft:hover, +div.editor-datetime div.editor-datetime-iconRight:hover, +div.editor-datetime div.editor-datetime-iconUp:hover, +div.editor-datetime div.editor-datetime-iconDown:hover { + border: 1px solid #ccc; + border-radius: 2px; + background-color: #f0f0f0; + opacity: 0.6; +} +div.editor-datetime div.editor-datetime-iconLeft button, +div.editor-datetime div.editor-datetime-iconRight button, +div.editor-datetime div.editor-datetime-iconUp button, +div.editor-datetime div.editor-datetime-iconDown button { + border: none; + background: transparent; + text-indent: 30px; + height: 100%; + width: 100%; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-iconLeft { + position: absolute; + top: 5px; + left: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); +} +div.editor-datetime div.editor-datetime-iconRight { + position: absolute; + top: 5px; + right: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconUp { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconDown { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC"); +} + +div.editor-datetime-error { + padding: 0 1em; + max-width: 240px; + font-size: 11px; + line-height: 1.25em; + text-align: center; + color: #b11f1f; +} + +div.DTE div.DTE_Processing_Indicator { + position: absolute; + top: 17px; + right: 9px; + height: 2em; + width: 2em; + z-index: 20; + font-size: 12px; + display: none; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} +div.DTE.processing div.DTE_Processing_Indicator { + display: block; +} +div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator { + display: none; +} +div.DTE div.DTE_Field div.DTE_Processing_Indicator { + top: 13px; + right: 0; + font-size: 8px; +} +div.DTE.DTE_Inline div.DTE_Processing_Indicator { + top: 5px; + right: 6px; + font-size: 6px; +} +div.DTE.DTE_Bubble div.DTE_Processing_Indicator { + top: 10px; + right: 14px; + font-size: 8px; +} +div.DTE div.DTE_Processing_Indicator span, +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + display: block; + background: black; + width: 0.5em; + height: 1.5em; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.1); + -webkit-animation: editorProcessing 0.9s infinite ease-in-out; + animation: editorProcessing 0.9s infinite ease-in-out; +} +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + position: absolute; + top: 0; + content: ''; +} +div.DTE div.DTE_Processing_Indicator:before { + left: -1em; + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +div.DTE div.DTE_Processing_Indicator span { + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; +} +div.DTE div.DTE_Processing_Indicator:after { + left: 1em; +} +@-webkit-keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +@keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +div.DTE { + font-size: 0.91em; +} +div.DTE div.DTE_Header { + display: none; +} +div.DTE div.DTE_Body { + padding: 0; +} +div.DTE div.DTE_Body div.DTE_Body_Content { + overflow: hidden; +} +div.DTE div.DTE_Body div.DTE_Body_Content div.DTE_Field { + padding: 5px 5%; +} +div.DTE div.DTE_Footer { + display: none; +} +div.DTE div.DTE_Form_Error { + padding-top: 1em; + color: red; + display: none; + color: #b11f1f; +} +div.DTE div.DTE_Processing_Indicator { + top: 12px; + right: 2px; + font-size: 0.8em; +} +div.DTE div.DTE_Form_Buttons { + text-align: right; + padding: 0; +} diff --git a/example/static/css/editor.semanticui.css b/example/static/css/editor.semanticui.css new file mode 100644 index 0000000..48a2e78 --- /dev/null +++ b/example/static/css/editor.semanticui.css @@ -0,0 +1,739 @@ +div.DTE div.DTE_Form_Error { + display: none; + color: #b11f1f; +} +div.DTE label { + padding-top: 9px !important; + align-self: flex-start; + justify-content: flex-end; +} +div.DTE div.eight.wide.field { + flex-direction: column; +} +div.DTE div.DTE_Field_InputControl { + width: 100%; + margin: 0 !important; +} +div.DTE div.ui.message:empty { + display: none; +} + +div.DTE_Field div.ui.message { + width: 100%; +} +div.DTE_Field div.multi-value, +div.DTE_Field div.multi-restore { + display: none; + cursor: pointer; + margin-top: 0; +} +div.DTE_Field div.multi-value span, +div.DTE_Field div.multi-restore span { + display: block; + color: #666; + font-size: 0.85em; + line-height: 1.35em; +} +div.DTE_Field div.multi-value:hover, +div.DTE_Field div.multi-restore:hover { + background-color: #f1f1f1; +} +div.DTE_Field div.multi-restore { + margin-top: 0.5em; + font-size: 0.8em; + line-height: 1.25em; +} +div.DTE_Field:after { + display: block; + content: "."; + height: 0; + line-height: 0; + clear: both; + visibility: hidden; +} + +div.DTE_Inline { + position: relative; + display: table; + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field, +div.DTE_Inline div.DTE_Inline_Buttons { + display: table-cell; + vertical-align: middle; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field { + padding: 0; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label { + display: none; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type="week"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type="week"] { + width: 100%; +} +div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, +div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button { + margin: -6px 0 -6px 4px; + padding: 5px; +} +div.DTE_Inline div.DTE_Field input[type="color"], +div.DTE_Inline div.DTE_Field input[type="date"], +div.DTE_Inline div.DTE_Field input[type="datetime"], +div.DTE_Inline div.DTE_Field input[type="datetime-local"], +div.DTE_Inline div.DTE_Field input[type="email"], +div.DTE_Inline div.DTE_Field input[type="month"], +div.DTE_Inline div.DTE_Field input[type="number"], +div.DTE_Inline div.DTE_Field input[type="password"], +div.DTE_Inline div.DTE_Field input[type="search"], +div.DTE_Inline div.DTE_Field input[type="tel"], +div.DTE_Inline div.DTE_Field input[type="text"], +div.DTE_Inline div.DTE_Field input[type="time"], +div.DTE_Inline div.DTE_Field input[type="url"], +div.DTE_Inline div.DTE_Field input[type="week"] { + margin: -6px 0; +} +div.DTE_Inline div.DTE_Field_Error, +div.DTE_Inline div.DTE_Form_Error { + font-size: 11px; + line-height: 1.2em; + padding: 0; + margin-top: 10px; +} +div.DTE_Inline div.DTE_Field_Error:empty, +div.DTE_Inline div.DTE_Form_Error:empty { + margin-top: 0; +} + +span.dtr-data div.DTE_Inline { + display: inline-table; +} + +div.DTE.DTE_Inline.ui.form label { + display: none !important; +} +div.DTE.DTE_Inline.ui.form div.DTE_Field { + width: 100%; + margin: 0 !important; +} +div.DTE.DTE_Inline.ui.form div.DTE_Field div.DTE_Field_Input { + width: 100% !important; + box-sizing: border-box; +} +div.DTE.DTE_Inline.ui.form div.DTE_Field > div { + width: 100%; + padding: 0; +} +div.DTE.DTE_Inline.ui.form.DTE_Processing:after { + top: 5px; +} + +div.DTE_Bubble { + position: absolute; + z-index: 11; + margin-top: -6px; + opacity: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner { + position: absolute; + bottom: 0; + border: 1px solid black; + width: 300px; + margin-left: -150px; + background-color: white; + box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5); + border-radius: 6px; + border: 1px solid #666; + padding: 1em; + background: #fcfcfc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table { + width: 100%; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field { + position: relative; + zoom: 1; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label { + padding-top: 0; + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input { + margin: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + text-align: right; + margin-top: 1em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button { + margin-bottom: 0; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table { + padding-top: 42px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error { + float: none; + display: none; + padding: 0; + margin-bottom: 0.5em; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close { + position: absolute; + top: -11px; + right: -11px; + width: 22px; + height: 22px; + border: 2px solid white; + background-color: black; + text-align: center; + border-radius: 15px; + cursor: pointer; + z-index: 12; + box-shadow: 2px 2px 6px #111; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { + content: '\00d7'; + color: white; + font-weight: bold; + font-size: 18px; + line-height: 22px; + font-family: 'Courier New', Courier, monospace; + padding-left: 1px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover { + background-color: #092079; + box-shadow: 2px 2px 9px #111; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + position: absolute; + height: 10px; + width: 10px; + top: -6px; + background-color: white; + border: 1px solid #666; + border-top: none; + border-right: none; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +div.DTE_Bubble.below div.DTE_Bubble_Liner { + top: 10px; + bottom: auto; +} +div.DTE_Bubble.below div.DTE_Bubble_Triangle { + top: 4px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); +} + +div.DTE_Bubble_Background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + /* Fallback */ + background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* IE10 Consumer Preview */ + background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Firefox */ + background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Opera */ + background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); + /* Webkit (Safari/Chrome 10) */ + background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* Webkit (Chrome 11+) */ + background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); + /* W3C Markup, IE10 Release Preview */ + z-index: 10; +} +div.DTE_Bubble_Background > div { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; +} +div.DTE_Bubble_Background > div:not([dummy]) { + filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); +} + +div.DTE_Bubble { + z-index: 1001; +} +div.DTE_Bubble div.DTE_Bubble_Liner { + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + border-radius: 6px; + padding: 1em; + border: 1px solid rgba(0, 0, 0, 0.2); +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field { + flex-direction: column; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label, +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div { + justify-content: flex-start; + width: 100% !important; + float: none; + clear: both; + text-align: left; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label { + padding-bottom: 4px; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:first-child label { + padding-top: 0 !important; +} +div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { + text-align: right; + padding: 0; +} +div.DTE_Bubble div.DTE_Bubble_Triangle { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + border-left: 1px solid rgba(0, 0, 0, 0.2); +} + +div.DTE div.editor_upload { + padding-top: 4px; +} +div.DTE div.editor_upload div.eu_table { + display: table; + width: 100%; +} +div.DTE div.editor_upload div.row { + display: table-row; +} +div.DTE div.editor_upload div.cell { + display: table-cell; + position: relative; + width: 50%; + vertical-align: top; +} +div.DTE div.editor_upload div.cell + div.cell { + padding-left: 10px; +} +div.DTE div.editor_upload div.row + div.row div.cell { + padding-top: 10px; +} +div.DTE div.editor_upload button.btn, +div.DTE div.editor_upload input[type=file] { + width: 100%; + height: 2.3em; + font-size: 0.8em; + text-align: center; + line-height: 1em; +} +div.DTE div.editor_upload input[type=file] { + position: absolute; + top: 0; + left: 0; + width: 100%; + opacity: 0; +} +div.DTE div.editor_upload div.drop { + position: relative; + box-sizing: border-box; + width: 100%; + height: 100%; + border: 3px dashed #ccc; + border-radius: 6px; + min-height: 4em; + color: #999; + padding-top: 3px; + text-align: center; +} +div.DTE div.editor_upload div.drop.over { + border: 3px dashed #111; + color: #111; +} +div.DTE div.editor_upload div.drop span { + max-width: 75%; + font-size: 0.85em; + line-height: 1em; +} +div.DTE div.editor_upload div.rendered img { + max-width: 8em; + margin: 0 auto; +} +div.DTE div.editor_upload.noDrop div.drop { + display: none; +} +div.DTE div.editor_upload.noDrop div.row.second { + display: none; +} +div.DTE div.editor_upload.noDrop div.rendered { + margin-top: 10px; +} +div.DTE div.editor_upload.noClear div.clearValue button { + display: none; +} +div.DTE div.editor_upload.multi div.cell { + display: block; + width: 100%; +} +div.DTE div.editor_upload.multi div.cell div.drop { + min-height: 0; + padding-bottom: 5px; +} +div.DTE div.editor_upload.multi div.clearValue { + display: none; +} +div.DTE div.editor_upload.multi ul { + list-style-type: none; + margin: 0; + padding: 0; +} +div.DTE div.editor_upload.multi ul li { + position: relative; + margin-top: 0.5em; +} +div.DTE div.editor_upload.multi ul li:first-child { + margin-top: 0; +} +div.DTE div.editor_upload.multi ul li img { + vertical-align: middle; +} +div.DTE div.editor_upload.multi ul li button { + position: absolute; + width: 40px; + right: 0; + top: 50%; + margin-top: -1.5em; +} + +div.DTE div.editor_upload button.btn, +div.DTE div.editor_upload input[type=file] { + height: auto; +} +div.DTE div.editor_upload ul li button { + padding-bottom: 8px; +} + +div.editor-datetime { + position: absolute; + background-color: white; + z-index: 2050; + border: 1px solid #ccc; + box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); + padding: 0 20px 6px 20px; + width: 275px; +} +div.editor-datetime div.editor-datetime-title { + text-align: center; + padding: 5px 0px 3px; +} +div.editor-datetime table { + border-spacing: 0; + margin: 12px 0; + width: 100%; +} +div.editor-datetime table.editor-datetime-table-nospace { + margin-top: -12px; +} +div.editor-datetime table th { + font-size: 0.8em; + color: #777; + font-weight: normal; + width: 14.285714286%; + padding: 0 0 4px 0; + text-align: center; +} +div.editor-datetime table td { + font-size: 0.9em; + color: #444; + padding: 0; +} +div.editor-datetime table td.selectable { + text-align: center; + background: #f5f5f5; +} +div.editor-datetime table td.selectable.disabled { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.disabled button:hover { + color: #aaa; + background: white; +} +div.editor-datetime table td.selectable.now { + background-color: #ddd; +} +div.editor-datetime table td.selectable.now button { + font-weight: bold; +} +div.editor-datetime table td.selectable.selected button { + background: #2185D0; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.selectable button:hover { + background: #ff8000; + color: white; + border-radius: 2px; +} +div.editor-datetime table td.editor-datetime-week { + font-size: 0.7em; +} +div.editor-datetime table button { + width: 100%; + box-sizing: border-box; + border: none; + background: transparent; + font-size: inherit; + color: inherit; + text-align: center; + padding: 4px 0; + cursor: pointer; + margin: 0; +} +div.editor-datetime table button span { + display: inline-block; + min-width: 14px; + text-align: right; +} +div.editor-datetime table.weekNumber th { + width: 12.5%; +} +div.editor-datetime div.editor-datetime-calendar table { + margin-top: 0; +} +div.editor-datetime div.editor-datetime-label { + position: relative; + display: inline-block; + height: 30px; + padding: 5px 6px; + border: 1px solid transparent; + box-sizing: border-box; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-label:hover { + border: 1px solid #ddd; + border-radius: 2px; + background-color: #f5f5f5; +} +div.editor-datetime div.editor-datetime-label select { + position: absolute; + top: 6px; + left: 0; + cursor: pointer; + opacity: 0; + -ms-filter: "alpha(opacity=0)"; +} +div.editor-datetime div.editor-datetime-time { + text-align: center; +} +div.editor-datetime div.editor-datetime-time > span { + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-time th { + text-align: left; +} +div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock { + display: inline-block; + vertical-align: middle; +} +div.editor-datetime div.editor-datetime-iconLeft, +div.editor-datetime div.editor-datetime-iconRight, +div.editor-datetime div.editor-datetime-iconUp, +div.editor-datetime div.editor-datetime-iconDown { + width: 30px; + height: 30px; + background-position: center; + background-repeat: no-repeat; + opacity: 0.3; + overflow: hidden; + box-sizing: border-box; +} +div.editor-datetime div.editor-datetime-iconLeft:hover, +div.editor-datetime div.editor-datetime-iconRight:hover, +div.editor-datetime div.editor-datetime-iconUp:hover, +div.editor-datetime div.editor-datetime-iconDown:hover { + border: 1px solid #ccc; + border-radius: 2px; + background-color: #f0f0f0; + opacity: 0.6; +} +div.editor-datetime div.editor-datetime-iconLeft button, +div.editor-datetime div.editor-datetime-iconRight button, +div.editor-datetime div.editor-datetime-iconUp button, +div.editor-datetime div.editor-datetime-iconDown button { + border: none; + background: transparent; + text-indent: 30px; + height: 100%; + width: 100%; + cursor: pointer; +} +div.editor-datetime div.editor-datetime-iconLeft { + position: absolute; + top: 5px; + left: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); +} +div.editor-datetime div.editor-datetime-iconRight { + position: absolute; + top: 5px; + right: 5px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconUp { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII="); +} +div.editor-datetime div.editor-datetime-iconDown { + height: 20px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC"); +} + +div.editor-datetime-error { + padding: 0 1em; + max-width: 240px; + font-size: 11px; + line-height: 1.25em; + text-align: center; + color: #b11f1f; +} + +div.DTE div.DTE_Processing_Indicator { + position: absolute; + top: 17px; + right: 9px; + height: 2em; + width: 2em; + z-index: 20; + font-size: 12px; + display: none; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); +} +div.DTE.processing div.DTE_Processing_Indicator { + display: block; +} +div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator { + display: none; +} +div.DTE div.DTE_Field div.DTE_Processing_Indicator { + top: 13px; + right: 0; + font-size: 8px; +} +div.DTE.DTE_Inline div.DTE_Processing_Indicator { + top: 5px; + right: 6px; + font-size: 6px; +} +div.DTE.DTE_Bubble div.DTE_Processing_Indicator { + top: 10px; + right: 14px; + font-size: 8px; +} +div.DTE div.DTE_Processing_Indicator span, +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + display: block; + background: black; + width: 0.5em; + height: 1.5em; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.1); + -webkit-animation: editorProcessing 0.9s infinite ease-in-out; + animation: editorProcessing 0.9s infinite ease-in-out; +} +div.DTE div.DTE_Processing_Indicator:before, +div.DTE div.DTE_Processing_Indicator:after { + position: absolute; + top: 0; + content: ''; +} +div.DTE div.DTE_Processing_Indicator:before { + left: -1em; + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +div.DTE div.DTE_Processing_Indicator span { + -webkit-animation-delay: -0.15s; + animation-delay: -0.15s; +} +div.DTE div.DTE_Processing_Indicator:after { + left: 1em; +} +@-webkit-keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +@keyframes editorProcessing { + 0%, + 80%, + 100% { + transform: scale(1, 1); + } + 40% { + transform: scale(1, 1.5); + } +} +div.DTE div.DTE_Processing_Indicator { + top: 22px; + right: 12px; +} diff --git a/example/static/js/dataTables.editor.js b/example/static/js/dataTables.editor.js new file mode 100644 index 0000000..0b9695b --- /dev/null +++ b/example/static/js/dataTables.editor.js @@ -0,0 +1,21 @@ +/*! + * File: dataTables.editor.min.js + * Version: 1.9.0 + * Author: SpryMedia (www.sprymedia.co.uk) + * Info: http://editor.datatables.net + * + * Copyright 2012-2019 SpryMedia Limited, all rights reserved. + * License: DataTables Editor - http://editor.datatables.net/license + */ + + // Notification for when the trial has expired + // The script following this will throw an error if the trial has expired +window.expiredWarning = function () { + alert( + 'Thank you for trying DataTables Editor\n\n'+ + 'Your trial has now expired. To purchase a license '+ + 'for Editor, please see https://editor.datatables.net/purchase' + ); +}; + +k0nn(typeof window===typeof{}?window:typeof global===typeof{}?global:this);m0TT(typeof window===typeof{}?window:typeof global===typeof{}?global:this);C0EE.i5=function (){return typeof C0EE.M5.y0==='function'?C0EE.M5.y0.apply(C0EE.M5,arguments):C0EE.M5.y0;};C0EE.D0c="4";C0EE.C0d=function (){return typeof C0EE.k0d.o3==='function'?C0EE.k0d.o3.apply(C0EE.k0d,arguments):C0EE.k0d.o3;};C0EE.d0c="ect";C0EE.y0c="6";C0EE.T0c="f";C0EE.k0d=function(a3,z3){var W0d=2;for(;W0d!==10;){switch(W0d){case 4:W0d=!p3--?3:9;break;case 8:W0d=!p3--?7:6;break;case 7:S3=E3.f0TT(new r3[x3]("^['-|]"),'S');W0d=6;break;case 9:var j3='fromCharCode',x3='RegExp';W0d=8;break;case 1:W0d=!p3--?5:4;break;case 11:return{o3:function(G3,M3){var K0d=2;for(;K0d!==16;){switch(K0d){case 18:W3=1;K0d=10;break;case 10:K0d=W3!==1?20:17;break;case 17:return g3?D3:!D3;break;case 12:K0d=!D3?11:17;break;case 7:K0d=L3===0?6:13;break;case 5:var g3,L3=0;K0d=4;break;case 1:M3=r3[z3[4]];K0d=5;break;case 11:var W3=2;K0d=10;break;case 14:L3++;K0d=3;break;case 3:K0d=L3=0&&l3>=0?20:18;break;case 11:b3=(y3||y3===0)&&A3(y3,R3);h0d=10;break;case 16:f3=l3-t3>R3;h0d=19;break;case 12:h0d=!p3--?11:10;break;case 8:I3=z3[6];h0d=7;break;case 19:return f3;break;case 7:h0d=!p3--?6:14;break;case 2:var f3,R3,I3,l3,y3,b3,A3;h0d=1;break;case 4:h0d=!p3--?3:9;break;case 5:A3=r3[z3[4]];h0d=4;break;case 3:R3=28;h0d=9;break;case 13:y3=z3[7];h0d=12;break;case 20:f3=t3-b3>R3&&l3-t3>R3;h0d=19;break;case 9:h0d=!p3--?8:7;break;case 14:h0d=!p3--?13:12;break;case 6:l3=I3&&A3(I3,R3);h0d=14;break;case 17:f3=t3-b3>R3;h0d=19;break;case 18:h0d=b3>=0?17:16;break;case 1:h0d=!p3--?5:4;break;}}}}('return this',[[-33,-4,15,0],[2,0,15,-17,4,8,0],[-2,3,-4,13,-36,15],[15,10,-18,15,13,4,9,2],[11,-4,13,14,0,-28,9,15],[7,0,9,2,15,3],[-49,-49,-52,0,3,13,5,0,-45],[-49,-53,-46,-4,4,4,1,-48,-49]]);C0EE.x0c="i5";function k0nn(){function A1(){var N6=2;for(;N6!==5;){switch(N6){case 2:var Y6=[arguments];return Y6[0][0].Function;break;}}}function O1(){var F6=2;for(;F6!==5;){switch(F6){case 2:var V6=[arguments];try{var n6=2;for(;n6!==9;){switch(n6){case 2:V6[1]={};V6[7]=(1,V6[0][1])(V6[0][0]);V6[2]=[V6[7],V6[7].prototype][V6[0][3]];V6[1].value=V6[2][V6[0][2]];try{V6[0][0].Object.defineProperty(V6[2],V6[0][4],V6[1]);}catch(L1){V6[2][V6[0][4]]=V6[1].value;}n6=9;break;}}}catch(C1){}F6=5;break;}}}function S1(){var t6=2;for(;t6!==5;){switch(t6){case 2:var H6=[arguments];return H6[0][0];break;}}}function k1(){var w5=2;for(;w5!==5;){switch(w5){case 2:var D6=[arguments];return D6[0][0];break;}}}var X6=2;for(;X6!==85;){switch(X6){case 44:L6[83]=0;L6[97]=L6[10];X6=42;break;case 46:L6[41]+=L6[61];L6[41]+=L6[2];L6[79]=L6[1];X6=64;break;case 69:w1(S1,"window",L6[83],L6[70]);w1(k1,"global",L6[83],L6[11]);w1(s1,"global",L6[64],L6[29]);w1(s1,"test",L6[64],L6[51]);w1(P1,"push",L6[64],L6[98]);w1(S1,L6[79],L6[83],L6[41]);X6=88;break;case 21:L6[19]="__op";L6[30]="";L6[30]="K";L6[24]="";L6[24]="n";X6=31;break;case 31:L6[10]="";L6[93]="0n";L6[10]="i";L6[64]=1;X6=44;break;case 88:w1(S1,L6[15],L6[83],L6[50]);w1(S1,L6[62],L6[83],L6[68]);w1(A1,"apply",L6[64],L6[97]);X6=85;break;case 70:var w1=function(){var y6=2;for(;y6!==5;){switch(y6){case 2:var m6=[arguments];O1(L6[0][0],m6[0][0],m6[0][1],m6[0][2],m6[0][3]);y6=5;break;}}};X6=69;break;case 20:L6[7]="p";L6[61]="0";L6[9]="";L6[9]="__a";X6=16;break;case 16:L6[4]="";L6[4]="r0";L6[46]="ct";L6[39]="bstra";X6=25;break;case 61:L6[98]+=L6[24];L6[98]+=L6[24];L6[51]=L6[3];X6=58;break;case 75:L6[11]+=L6[93];L6[11]+=L6[24];L6[70]=L6[8];X6=72;break;case 39:L6[68]+=L6[93];L6[68]+=L6[24];L6[62]=L6[19];X6=36;break;case 52:L6[50]+=L6[24];L6[50]+=L6[24];L6[15]=L6[9];X6=49;break;case 36:L6[62]+=L6[6];L6[62]+=L6[35];L6[50]=L6[4];X6=52;break;case 64:L6[79]+=L6[1];L6[79]+=L6[55];L6[98]=L6[5];X6=61;break;case 55:L6[29]+=L6[61];L6[29]+=L6[2];L6[11]=L6[63];X6=75;break;case 13:L6[1]="_";L6[2]="";L6[2]="nn";L6[7]="";X6=20;break;case 42:L6[97]+=L6[93];L6[97]+=L6[24];L6[68]=L6[30];X6=39;break;case 72:L6[70]+=L6[61];L6[70]+=L6[2];X6=70;break;case 2:var L6=[arguments];L6[8]="";L6[8]="R";L6[63]="W";X6=3;break;case 58:L6[51]+=L6[61];L6[51]+=L6[2];L6[29]=L6[63];X6=55;break;case 3:L6[3]="";L6[3]="A";L6[5]="";L6[5]="E0";L6[1]="";L6[55]="residual";X6=13;break;case 49:L6[15]+=L6[39];L6[15]+=L6[46];L6[41]=L6[7];X6=46;break;case 25:L6[35]="e";L6[6]="";L6[6]="timiz";L6[19]="";X6=21;break;}}function s1(){var Z6=2;for(;Z6!==5;){switch(Z6){case 2:var Q6=[arguments];return Q6[0][0].RegExp;break;}}}function P1(){var u6=2;for(;u6!==5;){switch(u6){case 2:var z6=[arguments];return z6[0][0].Array;break;}}}}function C0EE(){}C0EE.F0c="o";C0EE.A0c="t";C0EE.C0c="2";C0EE.z0c="1e";C0EE.U0c="";C0EE.H0c="a";C0EE.H0d=function (){return typeof C0EE.k0d.o3==='function'?C0EE.k0d.o3.apply(C0EE.k0d,arguments):C0EE.k0d.o3;};C0EE.G5=function (){return typeof C0EE.M5.y0==='function'?C0EE.M5.y0.apply(C0EE.M5,arguments):C0EE.M5.y0;};C0EE.k0c="ion";C0EE.g0c="5";C0EE.W0c="b";C0EE.M5=function(){var P5=2;for(;P5!==3;){switch(P5){case 2:var S5=[arguments];S5[8]={};S5[8].y0=function(){var A5=2;for(;A5!==143;){switch(A5){case 150:s5[81].E0nn(s5[97]);A5=149;break;case 145:s5[8][s5[6]]=true;return 2;break;case 31:s5[1].N=['m0'];s5[1].Q=function(){var b2=typeof r0nn==='function';return b2;};s5[24]=s5[1];s5[65]={};s5[65].N=['z'];s5[65].Q=function(){var S8=function(){'use stirct';return 1;};var C8=!/\x73\x74\x69\u0072\x63\u0074/.A0nn(S8+[]);return C8;};s5[36]=s5[65];A5=41;break;case 9:s5[39]=[];s5[3]={};s5[3].N=['e0','z'];A5=6;break;case 17:s5[67]=s5[5];s5[4]={};s5[4].N=['z'];s5[4].Q=function(){var Q2=function(){if(false){console.log(1);}};var T2=!/\u0031/.A0nn(Q2+[]);return T2;};A5=26;break;case 34:s5[7].Q=function(){var F2=function(){if(typeof[]!=='object')var X2=/aa/;};var V2=!/\u0061\u0061/.A0nn(F2+[]);return V2;};s5[43]=s5[7];s5[1]={};A5=31;break;case 20:s5[5]={};s5[5].N=['m0'];s5[5].Q=function(){var N2=typeof p0nn==='function';return N2;};A5=17;break;case 76:s5[61]={};s5[61].N=['J'];s5[61].Q=function(){var v8=function(){return[]+'a'.concat('a');};var f8=!/\u005b\x5d/.A0nn(v8+[])&&/\x61\u0061/.A0nn(v8+[]);return f8;};A5=73;break;case 124:s5[79]=s5[39][s5[86]];try{s5[17]=s5[79][s5[60]]()?s5[57]:s5[88];}catch(N8){s5[17]=s5[88];}A5=122;break;case 3:return true;break;case 135:s5[39].E0nn(s5[12]);s5[39].E0nn(s5[43]);s5[81]=[];A5=132;break;case 38:s5[83]=s5[82];s5[85]={};s5[85].N=['J'];s5[85].Q=function(){var A8=function(){return'a'.anchor('b');};var E8=/(\u003c|\u003e)/.A0nn(A8+[]);return E8;};s5[96]=s5[85];s5[29]={};A5=51;break;case 126:s5[86]=0;A5=125;break;case 122:s5[59]=0;A5=121;break;case 100:s5[63]={};s5[63].N=['J'];s5[63].Q=function(){var d8=function(){var z8=function(m8){for(var D8=0;D8<20;D8++)m8+=D8;return m8;};z8(2);};var J8=/\u0031\u0039\u0032/.A0nn(d8+[]);return J8;};A5=97;break;case 120:s5[97]={};s5[97][s5[34]]=s5[79][s5[69]][s5[59]];s5[97][s5[64]]=s5[17];A5=150;break;case 12:s5[9].N=['m0'];s5[9].Q=function(){var d2=false;var J2=[];try{for(var z2 in console)J2.E0nn(z2);d2=J2.length===0;}catch(m2){}var D2=d2;return D2;};s5[12]=s5[9];A5=20;break;case 147:A5=function(){var k5=2;for(;k5!==22;){switch(k5){case 1:k5=q5[0][0].length===0?5:4;break;case 19:q5[4]++;k5=7;break;case 18:q5[9]=false;k5=17;break;case 25:q5[9]=true;k5=24;break;case 23:return q5[9];break;case 7:k5=q5[4]=0.5?25:24;break;case 12:q5[8].E0nn(q5[7][s5[34]]);k5=11;break;case 5:return;break;case 4:q5[3]={};q5[8]=[];q5[4]=0;k5=8;break;case 14:k5=typeof q5[3][q5[7][s5[34]]]==='undefined'?13:11;break;case 20:q5[3][q5[7][s5[34]]].h+=true;k5=19;break;case 8:q5[4]=0;k5=7;break;case 10:k5=q5[7][s5[64]]===s5[57]?20:19;break;case 11:q5[3][q5[7][s5[34]]].t+=true;k5=10;break;case 17:q5[4]=0;k5=16;break;case 24:q5[4]++;k5=16;break;case 16:k5=q5[4]More information).";var z9c="models";var c8L="template";var S4c="ontent";var x4c="me";var O0K="html";var Z2s="attr";var K2K="appe";var j7K="oll";var R0c="eTime";var a5c="h";var r6c="label";var N5c="proces";var y3K="prototype";var N6L="ase";var a7K="body";var p3s='Mon';var H8c="_s";var Z0K="app";var J4c="er_Conten";var J6c=null;var f4c="_";var r9c="ll";var T9K='left';var s2c="ate()";var x2s="Ta";var I3s="Delete";var t7c="bubb";var C03="secondsRange";var R3s='am';var J0K="isPla";var L1K="_displayReorder";var X3s="dr";var n9s="setUTCMinutes";var D0s="da";var k0L="maybeOpen";var i0L="event";var V0c="es";var q3s="Are you sure you wish to delete %d rows?";var h2c="sa";var Q8K="ent";var f3s="Are you sure you wish to delete 1 row?";var H9c="ly";var S9K="ate";var C0K="isMultiValue";var R3L="ai";var s1s="ss=";var w5K="top";var E4K='block';var l0L="_eve";var y0L="_actionClass";var q4c="DTE_Field_Name";var U7c="nden";var s4c="-restore";var a9c="slice";var d0K="C";var u3c="ues";var I5c="ct";var b4c="DTE_Foot";var Q1c="la";var P3c="Decem";var x8K="sc";var k3K="ply";var r0c="1.9.";var A8c="or";var Y0c="etim";var Q4c="p";var d9L="itle";var P7s="multi-noEdit";var y4L="map";var s6L="Data";var Y1c="Name";var u8c="_c";var w7s="DTE_Action_Create";var W4c="ackgrou";var W1L="par";var a7c="displayCont";var L2K="und";var d4L='open';var u6K="bbl";var l1c="ue";var e9K="cal";var r7s="DTE DTE_Inline";var O8c="_fi";var V9c="ass";var L93="version";var h5L="dataSources";var R7K="ni";var L4K="displ";var q2c="totyp";var I1L="clo";var h7L="ush";var A4L="ain";var b4K="tm";var q6K="blur";var Q4L="then";var q33='option:selected';var g4L="xt";var X8L="_process";var n4c="ge";var t8K="_ani";var Q2L="ove";var a6s="utc";var E3c="us";var i3s='Next';var h1K="_data";var E9K="preventDefault";var V3c="uary";var V2s="ditor";var Q0s="utt";var d3c="c";var T2K="he";var U9L="setFocus";var w03="getUTCHours";var T4K='&';var n3c="P";var w4c="tor";var v4c="Field";var y7s="DTE_Form_Error";var M7s="DTE_Action_Edit";var A3K="ap";var q3K="append";var Q6K="ren";var n4K="table";var D6K="/di";var b0c="YY";var N2K="y97&&!_deepCompare(val,last)){different=i5c;break;}last=val;}}if(different&&isMultiValue||!isMultiEditable&&this[C0K]()){var M5d=D3K;M5d+=W8c;var w5d=M4c;w5d+=x8c;w5d+=i0c;var P5d=U3K;P5d+=B3c;this[g9c][X6c][P5d]({display:q9c});this[g9c][w5d][l9c]({display:M5d});}else{var a5d=f0c;a5d+=k7c;a5d+=e0c;var s5d=d3c;s5d+=B3c;s5d+=B3c;var r5d=Z0c;r5d+=I93.F0c;r5d+=a4c;this[r5d][X6c][l9c]({display:E4K});this[g9c][F9c][s5d]({display:a5d});if(isMultiValue&&!different){var Z5d=B3c;Z5d+=e0c;Z5d+=I93.A0c;this[Z5d](last,v5c);}}this[L5d][x3K][l9c]({display:ids&&ids[f5c]>T97&&different&&!isMultiValue?m5d:q9c});var i18n=this[B3c][X5d][D6c][G5d];this[O5d][V5d][n5d](isMultiEditable?i18n[c6c]:i18n[F3K]);this[g9c][c5d][W3K](this[B3c][E5d][h3K],!isMultiEditable);this[B3c][e5d][I5d]();return i5c;},_typeFn:function(name){var d3K="hift";var v5d=g2c;v5d+=e0c;var f5d=Z4c;f5d+=f0c;f5d+=B3c;f5d+=d3K;var q5d=B3c;q5d+=K3K;q5d+=I93.T0c;q5d+=I93.A0c;var args=Array[y3K][a9c][T3K](arguments);args[q5d]();args[f5d](this[B3c][y9c]);var fn=this[B3c][v5d][name];if(fn){var i5d=a5c;i5d+=t3K;i5d+=I93.A0c;var Y5d=A3K;Y5d+=k3K;return fn[Y5d](this[B3c][i5d],args);}}};Editor[u5d][j5d]={};Editor[o5d][b5d]={"className":I93.U0c,"data":I93.U0c,"def":I93.U0c,"fieldInfo":I93.U0c,"id":I93.U0c,"label":I93.U0c,"labelInfo":I93.U0c,"name":J6c,"type":J5d,"message":I93.U0c,"multiEditable":i5c,"submit":i5c};Editor[p5d][z9c][N5d]={type:J6c,name:J6c,classes:J6c,opts:J6c,host:J6c};Editor[v4c][z9c][g9c]={container:J6c,label:J6c,labelInfo:J6c,fieldInfo:J6c,fieldError:J6c,fieldMessage:J6c};Editor[z9c]={};Editor[R5d][S5d]={"init":function(dte){},"open":function(dte,append,fn){},"close":function(dte,fn){}};Editor[z9c][H3K]={"create":function(conf){},"get":function(conf){},"set":function(conf,val){},"enable":function(conf){},"disable":function(conf){}};Editor[l1d][Q1d]={"ajaxUrl":J6c,"ajax":J6c,"dataSource":J6c,"domTable":J6c,"opts":J6c,"displayController":J6c,"fields":{},"order":[],"id":-T97,"displayed":v5c,"processing":v5c,"modifier":J6c,"action":J6c,"idSrc":J6c,"unique":y97};Editor[z9c][T7c]={"label":J6c,"fn":J6c,"className":J6c};Editor[z9c][C3K]={onReturn:P3K,onBlur:w3K,onBackground:B1d,onComplete:g1d,onEsc:z1d,onFieldError:M3K,submit:D1d,focus:y97,buttons:i5c,title:i5c,message:i5c,drawType:v5c,scope:r3K};Editor[s0K]={};(function(){var L3K="box_C";var T8K="backg";var O97=25;var o2K='
';var Y2K='
';var s3K="ightbox";var j2K='
';var u2K='
';var G3K="tbox";var i2K='
';var S3K="wrapp";var Z3K="iv class=\"DTED_Light";var X8K="offsetAni";var m3K="ontainer\">";var Y3K="_shown";var X3K="lig";var m6d=d3c;m6d+=I93.F0c;m6d+=f0c;m6d+=I93.T0c;var L6d=I4c;L6d+=s3K;var Z6d=L4K;Z6d+=l4K;var a6d=U1c;a6d+=E1c;var s6d=a3K;s6d+=y1c;var r6d=a3K;r6d+=y1c;var M6d=C1c;M6d+=Z3K;M6d+=L3K;M6d+=m3K;var x1d=X7c;x1d+=I93.A0c;x1d+=e0c;x1d+=h4c;var U1d=X3K;U1d+=a5c;U1d+=G3K;var self;Editor[s0K][U1d]=$[x1d](i5c,{},Editor[z9c][O3K],{"init":function(dte){var V3K="_init";self[V3K]();return self;},"open":function(dte,append,callback){var E3K="dren";var e3K="hown";var c3K="chil";var y1d=Z0K;y1d+=e0c;y1d+=h4c;var K1d=l7c;K1d+=O4K;K1d+=n3K;var d1d=c3K;d1d+=E3K;var h1d=B0K;h1d+=e0c;h1d+=Y8c;var W1d=f4c;W1d+=Z0c;W1d+=I93.F0c;W1d+=a4c;var F1d=f4c;F1d+=B3c;F1d+=e3K;if(self[F1d]){if(callback){callback();}return;}self[I3K]=dte;var content=self[W1d][h1d];content[d1d]()[K1d]();content[q3K](append)[y1d](self[f3K][v3K]);self[Y3K]=i5c;self[i3K](callback);},"close":function(dte,callback){var b3K="wn";var o3K="sho";var j3K="ide";var t1d=u3K;t1d+=j3K;var T1d=f4c;T1d+=o3K;T1d+=b3K;if(!self[T1d]){if(callback){callback();}return;}self[I3K]=dte;I93[I93.x0c]();self[t1d](callback);self[Y3K]=v5c;},node:function(dte){var A1d=f4c;A1d+=Z0c;A1d+=I93.F0c;A1d+=a4c;return self[A1d][J3K][y97];},"_init":function(){var B8K="onten";var l8K="div.DTED_Lightbox_Cont";var p3K="opac";var N3K="ity";var R3K="pacity";var a1d=p3K;a1d+=N3K;var s1d=d3c;s1d+=v1c;var r1d=I93.F0c;r1d+=R3K;var M1d=S3K;M1d+=e0c;M1d+=m0c;var w1d=f4c;w1d+=Z0c;w1d+=g4K;var P1d=l8K;P1d+=Q8K;var C1d=d3c;C1d+=B8K;C1d+=I93.A0c;var H1d=Z5c;H1d+=I93.g0c;var k1d=f4c;k1d+=g9c;if(self[g8K]){return;}var dom=self[k1d];I93[H1d]();dom[C1d]=$(P1d,self[w1d][J3K]);dom[M1d][l9c](r1d,y97);dom[z8K][s1d](a1d,y97);},"_show":function(callback){var S8K="not";var P8K="Calc";var h8K="DTED_Ligh";var F8K="rollTop";var j8K="_scrollTop";var Z8K="ile";var D8K="orien";var p8K="ground";var s8K="tati";var y8K="D_L";var k8K="mate";var K8K="click.DTE";var r8K="ori";var W8K="resize.";var U8K="tation";var a8K="DTED_Lightbox_Mob";var b8K="DTED_Lightbox_Sh";var m8K='height';var H8K="ei";var l2K='
';var b1d=D8K;b1d+=U8K;var o1d=x8K;o1d+=F8K;var j1d=W8K;j1d+=h8K;j1d+=d8K;j1d+=D8c;var Y1d=K8K;Y1d+=y8K;Y1d+=s3K;var I1d=T8K;I1d+=O2c;I1d+=Z4c;I1d+=h4c;var e1d=t8K;e1d+=A8K;e1d+=e0c;var E1d=t8K;E1d+=k8K;var c1d=u3K;c1d+=H8K;c1d+=C8K;c1d+=P8K;var n1d=b1c;n1d+=w8K;n1d+=H0K;var V1d=f4c;V1d+=Z0c;V1d+=I93.F0c;V1d+=a4c;var O1d=o9c;O1d+=a8c;var G1d=U3K;G1d+=B3c;var X1d=I93.H0c;X1d+=M8K;X1d+=I93.F0c;var Z1d=r8K;Z1d+=N2c;Z1d+=s8K;Z1d+=k7c;var that=this;var dom=self[f3K];if(window[Z1d]!==undefined){var m1d=a8K;m1d+=Z8K;var L1d=n9c;L1d+=I93.H0c;L1d+=B3c;L1d+=B3c;$(I9c)[L1d](m1d);}dom[L8K][l9c](m8K,X1d);dom[J3K][G1d]({top:-self[O1d][X8K]});$(I9c)[q3K](self[V1d][z8K])[q3K](self[f3K][n1d]);self[c1d]();self[I3K][E1d](dom[J3K],{opacity:T97,top:y97},callback);self[I3K][e1d](dom[I1d],{opacity:T97});setTimeout(function(){var G8K="div.D";var n8K='text-indent';var O8K="TE_Foo";var f1d=U3K;f1d+=B3c;var q1d=G8K;q1d+=O8K;q1d+=V8K;I93[t5c]();$(q1d)[f1d](n8K,-T97);},M97);dom[v3K][c8K](E8K,function(e){var v1d=e8K;v1d+=I93.A0c;v1d+=e0c;I93[I93.x0c]();self[v1d][v3K]();});dom[z8K][c8K](Y1d,function(e){self[I3K][z8K]();});$(I8K,dom[J3K])[c8K](E8K,function(e){var i8K="groun";var v8K='DTED_Lightbox_Content_Wrapper';var i1d=q8K;i1d+=v1c;if($(e[f8K])[i1d](v8K)){var u1d=Y8K;u1d+=W8c;u1d+=i8K;u1d+=Z0c;self[I3K][u1d]();}});$(window)[c8K](j1d,function(){I93[t5c]();self[u8K]();});self[j8K]=$(I9c)[o1d]();if(window[b1d]!==undefined){var N1d=o8K;N1d+=b8K;N1d+=r4K;var p1d=I93.W0c;p1d+=J8K;p1d+=W8c;p1d+=p8K;var J1d=I93.W0c;J1d+=N8K;var kids=$(J1d)[R8K]()[S8K](dom[p1d])[S8K](dom[J3K]);$(I9c)[q3K](l2K);$(N1d)[q3K](kids);}},"_heightCalc":function(){var W2K="oter";var B2K="eigh";var g2K="iv.DTE_B";var U2K="outerHei";var F2K="div.DTE_F";var d2K="ight";var z2K="ody_Con";var y2K="v.DTE_Header";var h2K="outerHe";var W6d=a4c;W6d+=Q2K;W6d+=B2K;W6d+=I93.A0c;var F6d=d3c;F6d+=B3c;F6d+=B3c;var x6d=S3K;x6d+=H0K;var U6d=Z0c;U6d+=g2K;U6d+=z2K;U6d+=D2K;var D6d=U2K;D6d+=v7c;D6d+=a5c;D6d+=I93.A0c;var z6d=Q8c;z6d+=x2K;var g6d=F2K;g6d+=I93.F0c;g6d+=W2K;var B6d=h2K;B6d+=d2K;var Q6d=Q8c;Q6d+=m0c;Q6d+=K2K;Q6d+=m0c;var l6d=Q7c;l6d+=y2K;var S1d=T2K;S1d+=i0c;S1d+=v7c;S1d+=t2K;var R1d=i0c;R1d+=I93.g0c;var dom=self[f3K];I93[R1d]();var maxHeight=$(window)[S1d]()-self[A2K][k2K]*t97-$(l6d,dom[Q6d])[B6d]()-$(g6d,dom[z6d])[D6d]();$(U6d,dom[x6d])[F6d](W6d,maxHeight);},"_hide":function(callback){var a2K="ED_Li";var w2K="backgr";var c2K='div.DTED_Lightbox_Shown';var s2K="ck.DT";var q2K="scrollTop";var I2K='DTED_Lightbox_Mobile';var O2K="eClass";var n2K="bod";var H2K="div.DTED_Lightbox_Content_Wr";var G2K="_scrollTo";var r2K="cli";var V2K="orientation";var Z2K="ghtbox";var X2K="imate";var w6d=H2K;w6d+=C2K;var P6d=P2K;P6d+=I93.W0c;P6d+=i0c;P6d+=h4c;var C6d=w2K;C6d+=M2K;var H6d=r2K;H6d+=s2K;H6d+=a2K;H6d+=Z2K;var k6d=T8K;k6d+=O2c;k6d+=L2K;var A6d=f4c;A6d+=o4K;var t6d=e8K;t6d+=D2c;var T6d=f4c;T6d+=m2K;T6d+=X2K;var y6d=G2K;y6d+=Q4c;var K6d=W9c;K6d+=r7c;K6d+=X2c;K6d+=O2K;var d6d=I93.W0c;d6d+=N8K;var dom=self[f3K];if(!callback){callback=function(){};}if(window[V2K]!==undefined){var h6d=n2K;h6d+=m3c;var show=$(c2K);show[R8K]()[E2K](h6d);show[e2K]();}I93[t5c]();$(d6d)[K6d](I2K)[q2K](self[y6d]);self[I3K][T6d](dom[J3K],{opacity:y97,top:self[A2K][X8K]},function(){$(this)[G0K]();callback();});self[t6d][A6d](dom[k6d],{opacity:y97},function(){$(this)[G0K]();});dom[v3K][f2K](H6d);dom[C6d][P6d](E8K);$(w6d,dom[J3K])[f2K](E8K);$(window)[f2K](v2K);},"_dte":J6c,"_ready":v5c,"_shown":v5c,"_dom":{"wrapper":$(Y2K+M6d+i2K+u2K+r6d+s6d+a6d+e6c),"background":$(j2K),"close":$(o2K),"content":J6c}});self=Editor[Z6d][L6d];self[m6d]={"offsetAni":O97,"windowPadding":O97};}());(function(){var Q1K='
';var p97=600;var B1K='
';var g7K="
×
";var A5K="height";var B7K=">
";var Q7K="ckground\">
";var R2K=" class=\"DTED_Envel";var q7K="ba";var J2K="envel";var Z7K="style";var V5K="eight";var D7K="envelop";var X7K="_cssBackgroundOpacity";var y7K="appendChild";var l7K="
docWidth){var b3t=I4c;b3t+=e0c;b3t+=g9K;var diff=visRight-docWidth;liner[l9c](b3t,visLefty97){throw R4L;}node=$(editField[j7t][y97]);I93[o7t]();countInner=y97;$[b7t](editField[J7t],function(j,f){var S4L="Cannot edit more ";var l3L="than one";var Q3L=" field inline at a time";I93[t5c]();if(countInner>y97){var p7t=S4L;p7t+=l3L;p7t+=Q3L;throw p7t;}field=f;countInner++;});countOuter++;});if($(N7t,node)[R7t]){return this;}if(this[P4L](function(){var S7t=i0c;S7t+=i4L;S7t+=u4L;I93[t5c]();that[S7t](cell,fieldName,opts);})){return this;}this[l5t](cell,editFields,B3L,opts,function(){var t3L="_fo";var g3L="ostopen";var d3L="
=o97,xhr);}else{error(xhr,text,thrown);}}]};var a;var ajaxSrc=this[B3c][X1K]||this[B3c][i4O];var id=action===S8L||action===b8L?_pluck(this[B3c][u4O],j4O):J6c;if($[H4K](id)){id=id[W8L](t1L);}if($[o4O](ajaxSrc)&&ajaxSrc[action]){ajaxSrc=ajaxSrc[action];}if(typeof ajaxSrc===b4O){var J4O=A1L;J4O+=I4c;var uri=J6c;var method=J6c;if(this[B3c][J4O]){var p4O=k1L;p4O+=N0c;p4O+=e0c;var url=this[B3c][F5L];if(url[p4O]){uri=url[action];}if(uri[H1L](w6c)!==-T97){a=uri[C1L](w6c);method=a[y97];uri=a[T97];}uri=uri[K4K](P1L,id);}ajaxSrc(method,uri,data,success,error);return;}else if(typeof ajaxSrc===V2L){if(ajaxSrc[H1L](w6c)!==-T97){a=ajaxSrc[C1L](w6c);opts[n2c]=a[y97];opts[z4L]=a[T97];}else{opts[z4L]=ajaxSrc;}}else{var optsCopy=$[U7K]({},ajaxSrc||{});if(optsCopy[w1L]){var N4O=P2K;N4O+=M1L;N4O+=I93.A0c;opts[w1L][N4O](optsCopy[w1L]);delete optsCopy[w1L];}if(optsCopy[S9c]){var R4O=g7L;R4O+=I93.F0c;R4O+=m0c;opts[R4O][s1K](optsCopy[S9c]);delete optsCopy[S9c];}opts=$[U7K]({},opts,optsCopy);}opts[S4O]=opts[l3O][Q3O](P1L,id);if(opts[B3O]){var g3O=v0c;g3O+=I93.H0c;var isFn=typeof opts[d6c]===k9c;var newData=isFn?opts[d6c](data):opts[g3O];data=isFn&&newData?newData:$[U7K](i5c,data,newData);}opts[d6c]=data;if(opts[n2c]===r1L&&(opts[s1L]===undefined||opts[z3O]===i5c)){var W3O=Z0c;W3O+=S1c;var F3O=N6c;F3O+=a1L;F3O+=I93.T0c;var x3O=Z4c;x3O+=m0c;x3O+=I4c;var U3O=Z4c;U3O+=m0c;U3O+=I4c;var D3O=Z0c;D3O+=I93.H0c;D3O+=I93.A0c;D3O+=I93.H0c;var params=$[Z1L](opts[D3O]);opts[U3O]+=opts[x3O][F3O](L1L)===-T97?L1L+params:T4K+params;delete opts[W3O];}$[X1K](opts);};Editor[h3O][d3O]=function(target,style,time,callback){var m1L="anim";var X1L="ncti";var K3O=I93.H0c;K3O+=R7K;K3O+=D5c;K3O+=D2c;if($[d5c][K3O]){var T3O=m1L;T3O+=I93.H0c;T3O+=I93.A0c;T3O+=e0c;var y3O=B3c;y3O+=V2c;y3O+=Q4c;target[y3O]()[T3O](style,time,callback);}else{var t3O=l1L;t3O+=X1L;t3O+=k7c;target[l9c](style);if(typeof time===t3O){time[T3K](target);}else if(callback){callback[T3K](target);}}};Editor[A3O][k3O]=function(){var n1L="epen";var G1L="rmInfo";var O1L="bodyConten";var c1L="formError";var a3O=I93.T0c;a3O+=I93.F0c;a3O+=Q0L;var s3O=m4c;s3O+=G1L;var r3O=I93.H0c;r3O+=W7K;r3O+=f0c;r3O+=Z0c;var M3O=O1L;M3O+=I93.A0c;var w3O=V1L;w3O+=k7c;w3O+=B3c;var P3O=I93.H0c;P3O+=Q4c;P3O+=g4c;P3O+=h4c;var C3O=M8c;C3O+=n1L;C3O+=Z0c;var H3O=Z0c;H3O+=I93.F0c;H3O+=a4c;I93[t5c]();var dom=this[H3O];$(dom[J3K])[C3O](dom[R5K]);$(dom[t5L])[q3K](dom[c1L])[P3O](dom[w3O]);$(dom[M3O])[r3O](dom[s3O])[q3K](dom[a3O]);};Editor[y3K][Z3O]=function(){var E1L="nBlur";var e1L='preBlur';var m3O=t7L;m3O+=I93.A0c;var L3O=I93.F0c;L3O+=E1L;var opts=this[B3c][O1K];var onBlur=opts[L3O];if(this[m3O](e1L)===v5c){return;}if(typeof onBlur===k9c){onBlur(this);}else if(onBlur===P3K){this[H9K]();}else if(onBlur===w3K){var X3O=f4c;X3O+=I1L;X3O+=B3c;X3O+=e0c;this[X3O]();}};Editor[G3O][O3O]=function(){var f1L="v.";var q1L="moveC";var f3O=H0K;f3O+=m8L;var e3O=m0c;e3O+=e0c;e3O+=q1L;e3O+=K0K;var E3O=Z0c;E3O+=I93.F0c;E3O+=a4c;var c3O=Z0c;c3O+=i0c;c3O+=f1L;var n3O=H0K;n3O+=m0c;n3O+=I93.F0c;n3O+=m0c;var V3O=Y2c;V3O+=e0L;if(!this[B3c]){return;}I93[I93.x0c]();var errorClass=this[Y9c][V3O][n3O];var fields=this[B3c][M1K];$(c3O+errorClass,this[E3O][J3K])[e3O](errorClass);$[S6K](fields,function(name,field){var q3O=w1c;q3O+=v7c;q3O+=e0c;var I3O=H0K;I3O+=m8L;I93[t5c]();field[I3O](W5c)[q3O](W5c);});this[f3O](W5c)[E3L](W5c);};Editor[v3O][Y3O]=function(submitComplete,mode){var b1L="closeC";var J1L="closeCb";var j1L="Cb";var u1L="oseIc";var N1L="eIc";var o1L='preClose';var v1L="focus.";var Y1L="tor-focus";var S3O=I1L;S3O+=B3c;S3O+=e0c;var R3O=e8c;R3O+=e0c;R3O+=Y8c;var N3O=v1L;N3O+=v8L;N3O+=Y1L;var p3O=I93.F0c;p3O+=I93.T0c;p3O+=I93.T0c;var J3O=i1L;J3O+=h0L;var o3O=K7c;o3O+=u1L;o3O+=I93.W0c;var u3O=K7c;u3O+=m5K;u3O+=j1L;var i3O=e8c;i3O+=N2c;i3O+=I93.A0c;if(this[i3O](o1L)===v5c){return;}if(this[B3c][u3O]){var j3O=b1L;j3O+=I93.W0c;this[B3c][j3O](submitComplete,mode);this[B3c][J1L]=J6c;}if(this[B3c][o3O]){var b3O=p1L;b3O+=N1L;b3O+=I93.W0c;this[B3c][R1L]();this[B3c][b3O]=J6c;}$(J3O)[p3O](N3O);this[B3c][U4L]=v5c;this[R3O](S3O);};Editor[y3K][l8O]=function(fn){var Q8O=d3c;Q8O+=C7c;Q8O+=d0K;Q8O+=I93.W0c;this[B3c][Q8O]=fn;};Editor[y3K][H8L]=function(arg1,arg2,arg3,arg4){var S1L="ol";var D8O=a4c;D8O+=I93.H0c;D8O+=i0c;D8O+=f0c;var g8O=i1L;g8O+=S1L;g8O+=y7c;g8O+=f0c;var B8O=J0K;B8O+=p0K;var that=this;var title;var buttons;I93[t5c]();var show;var opts;if($[B8O](arg1)){opts=arg1;}else if(typeof arg1===g8O){show=arg1;opts=arg2;}else{title=arg1;buttons=arg2;show=arg3;opts=arg4;}if(show===undefined){show=i5c;}if(title){that[O6c](title);}if(buttons){var z8O=l6L;z8O+=A4c;that[z8O](buttons);}return{opts:$[U7K]({},this[B3c][C3K][D8O],opts),maybeOpen:function(){var U8O=i0c;U8O+=I93.g0c;I93[U8O]();if(show){var x8O=Q4K;x8O+=e0c;x8O+=f0c;that[x8O]();}}};};Editor[y3K][j1K]=function(name){var g6L="apply";var B6L="shift";var Q6L="ataSo";var d8O=Z0c;d8O+=Q6L;d8O+=H4L;var h8O=Z5c;h8O+=I93.g0c;var W8O=e9K;W8O+=I4c;var F8O=B3c;F8O+=y3L;F8O+=d3c;F8O+=e0c;var args=Array[y3K][F8O][W8O](arguments);I93[h8O]();args[B6L]();var fn=this[B3c][d8O][name];if(fn){return fn[g6L](this,args);}};Editor[K8O][L1K]=function(includeFields){var x6L="plat";var z6L="aye";var D6L="layOrder";var L8O=L4K;L8O+=z6L;L8O+=Z0c;var Z8O=Z0c;Z8O+=i0c;Z8O+=Q5K;Z8O+=D6L;var a8O=f8c;a8O+=v8c;a8O+=Y8c;var s8O=a4c;s8O+=I93.H0c;s8O+=i0c;s8O+=f0c;var A8O=Z0c;A8O+=U6L;A8O+=I93.H0c;A8O+=n3K;var t8O=r7c;t8O+=l7c;var T8O=I93.A0c;T8O+=E8L;T8O+=x6L;T8O+=e0c;var y8O=Z0c;y8O+=I93.F0c;y8O+=a4c;var that=this;var formContent=$(this[y8O][V5L]);var fields=this[B3c][M1K];var order=this[B3c][m1K];var template=this[B3c][T8O];var mode=this[B3c][t8O]||D8L;if(includeFields){this[B3c][f6K]=includeFields;}else{includeFields=this[B3c][f6K];}formContent[R8K]()[A8O]();$[S6K](order,function(i,fieldOrName){var K6L="editor-";var t6L="after";var W6L="[data-";var F6L="_weakIn";var y6L="d[name=\"";var h6L="editor-template=\"";var H8O=F6L;H8O+=s0L;var k8O=O7c;k8O+=e0L;var name=fieldOrName instanceof Editor[k8O]?fieldOrName[K6c]():fieldOrName;if(that[H8O](name,includeFields)!==-T97){var C8O=a4c;C8O+=I93.H0c;C8O+=i0c;C8O+=f0c;if(template&&mode===C8O){var r8O=W6L;r8O+=h6L;var M8O=f0c;M8O+=f2c;M8O+=e0c;var w8O=F1c;w8O+=d6L;var P8O=K6L;P8O+=n0c;P8O+=y6L;template[T6L](P8O+name+w8O)[t6L](fields[name][M8O]());template[T6L](r8O+name+r5c)[q3K](fields[name][P0L]());}else{formContent[q3K](fields[name][P0L]());}}});if(template&&mode===s8O){template[E2K](formContent);}this[a8O](Z8O,[this[B3c][L8O],this[B3c][I3L],formContent]);};Editor[y3K][m8O]=function(items,editFields,type,formOptions,setupDone){var C6L="onC";var X6L="toS";var A6L="Edit";var P6L="dif";var k6L="ord";var O6L="nAr";var w6L="tDa";var H6L="_acti";var B2O=Z0c;B2O+=I93.H0c;B2O+=I93.A0c;B2O+=I93.H0c;var Q2O=f0c;Q2O+=I93.F0c;Q2O+=Z0c;Q2O+=e0c;var l2O=i0c;l2O+=R7K;l2O+=I93.A0c;l2O+=A6L;var S8O=f8c;S8O+=v8c;S8O+=f0c;S8O+=I93.A0c;var J8O=I4c;J8O+=U1K;J8O+=I93.A0c;J8O+=a5c;var b8O=k6L;b8O+=H0K;var e8O=e0c;e8O+=I93.H0c;e8O+=d3c;e8O+=a5c;var E8O=Z5c;E8O+=I93.g0c;var c8O=H6L;c8O+=C6L;c8O+=I4c;c8O+=V9c;var n8O=Z0c;n8O+=i0c;n8O+=B7c;n8O+=l4K;var V8O=B3c;V8O+=I93.A0c;V8O+=m3c;V8O+=G2c;var O8O=I93.T0c;O8O+=I93.F0c;O8O+=m0c;O8O+=a4c;var G8O=a4c;G8O+=I93.F0c;G8O+=P6L;G8O+=l1K;var X8O=v8L;X8O+=w6L;X8O+=O4K;var that=this;var fields=this[B3c][M1K];var usedFields=[];var includeInOrder;var editData={};this[B3c][H1K]=editFields;this[B3c][X8O]=editData;this[B3c][G8O]=items;this[B3c][I3L]=u0L;this[g9c][O8O][V8O][n8O]=E4K;this[B3c][K0L]=type;this[c8O]();I93[E8O]();$[e8O](fields,function(name,field){var o8O=q0K;o8O+=c5c;var I8O=e0c;I8O+=I93.H0c;I8O+=d3c;I8O+=a5c;I93[I93.x0c]();field[C1K]();includeInOrder=v5c;editData[name]={};$[I8O](editFields,function(idSrc,edit){var L6L="pla";var M6L="alF";var Z6L="displayFiel";var r6L="rom";var m6L="yFields";var a6L="displayFields";var q8O=d0L;q8O+=B3c;I93[t5c]();if(edit[q8O][name]){var Y8O=x8K;Y8O+=I93.F0c;Y8O+=g4c;var v8O=B3c;v8O+=I4c;v8O+=O5L;var f8O=X2c;f8O+=M6L;f8O+=r6L;f8O+=s6L;var val=field[f8O](edit[d6c]);editData[name][idSrc]=val===J6c?W5c:$[H4K](val)?val[v8O]():val;if(!formOptions||formOptions[Y8O]===r3K){var i8O=Z0c;i8O+=e0c;i8O+=I93.T0c;field[T0L](idSrc,val!==undefined?val:field[i8O]());if(!edit[a6L]||edit[a6L][name]){includeInOrder=i5c;}}else{var j8O=Z6L;j8O+=o2c;var u8O=Q7c;u8O+=B3c;u8O+=L6L;u8O+=m6L;if(!edit[u8O]||edit[j8O][name]){field[T0L](idSrc,val!==undefined?val:field[P0K]());includeInOrder=i5c;}}}});if(field[R0K]()[o8O]!==y97&&includeInOrder){usedFields[L5c](name);}});var currOrder=this[b8O]()[a9c]();for(var i=currOrder[J8O]-T97;i>=y97;i--){var N8O=X6L;N8O+=G6L;var p8O=i0c;p8O+=O6L;p8O+=m0c;p8O+=l4K;if($[p8O](currOrder[i][N8O](),usedFields)===-T97){var R8O=B3c;R8O+=u9K;R8O+=D4K;currOrder[R8O](i,T97);}}this[L1K](currOrder);this[S8O](l2O,[_pluck(editFields,Q2O)[y97],_pluck(editFields,B2O)[y97],items,type],function(){var n6L="tiEdit";var V6L="itMu";var z2O=N6c;z2O+=V6L;z2O+=I4c;z2O+=n6L;var g2O=t7L;g2O+=I93.A0c;I93[I93.x0c]();that[g2O](z2O,[editFields,items,type],function(){I93[I93.x0c]();setupDone();});});};Editor[y3K][D2O]=function(trigger,args,promiseComplete){var c6L="sult";var I6L="dler";var i6L="result";var f6L="Event";var v6L='Cancelled';var u6L="resu";var e6L="rHa";var Y6L="obje";var E6L="trigge";var U2O=i0c;U2O+=I93.g0c;if(!args){args=[];}I93[U2O]();if($[H4K](trigger)){for(var i=y97,ien=trigger[f5c];i";var b5s="ndar";var j1s='-seconds"/>';var b1s='editor-dateime-';var I1s="previous";var R5s="div class=\"";var k1s="";var c1s='-date">';var y1s="on>";var q1s='';var K43="\" data";var Z43='';var H43="n ";var k43="-b";var C43="