From 01a7f5c16f4d92995726b823cde765b81b8da780 Mon Sep 17 00:00:00 2001 From: Martin Bauer Date: Sun, 30 Jun 2013 11:01:12 +0200 Subject: [PATCH] Eventplanner: Grid / Translation --- blechreiz/database.sqlite | Bin 52224 -> 54272 bytes blechreiz/settings.py | 6 +- blechreiz/urls.py | 12 +- eventplanner/locale/de/LC_MESSAGES/django.po | 90 + eventplanner/models.py | 22 +- eventplanner/templates/custom_tabular.html | 78 - .../eventplanner/event_update_form.html | 32 + ...vent_view.html => eventplanning_view.html} | 4 +- .../templates/eventplanner/events_grid.html | 159 ++ eventplanner/views.py | 91 +- musicians/admin.py | 7 +- musicians/models.py | 26 +- .../templates/musicians/musician_edit.html | 38 +- musicians/views.py | 43 +- .../static/css/jquery-ui-1.8.21.custom.css | 566 ++++ .../static/css/perfectum-style-responsive.css | 513 ++++ website/static/css/perfectum-style.css | 2352 +++++++++++++++++ website/static/css/sign-in.css | 2 +- website/static/css/theme.css | 2 +- website/templates/website/base.html | 2 +- website/templates/website/menu_column.html | 32 + 21 files changed, 3882 insertions(+), 195 deletions(-) create mode 100644 eventplanner/locale/de/LC_MESSAGES/django.po delete mode 100644 eventplanner/templates/custom_tabular.html create mode 100644 eventplanner/templates/eventplanner/event_update_form.html rename eventplanner/templates/eventplanner/{event_view.html => eventplanning_view.html} (96%) create mode 100644 eventplanner/templates/eventplanner/events_grid.html create mode 100644 website/static/css/jquery-ui-1.8.21.custom.css create mode 100644 website/static/css/perfectum-style-responsive.css create mode 100644 website/static/css/perfectum-style.css create mode 100644 website/templates/website/menu_column.html diff --git a/blechreiz/database.sqlite b/blechreiz/database.sqlite index 0037bf3ff39b3c430794332dfa6356a4779a0f22..bb838bb0aaab331fd396657eb011c44bf50e37f4 100644 GIT binary patch delta 1217 zcmah|U2GIp6u$Rp`31TPpR#y5;&3@<`rNVNK3eeiBqV`8k{b8~X$ z&iT%KcfNDxPhebQC}LlU#hpI16Bk<|_#U6*6C6Vc2asUDv2WQDTe6$nN0?Z8prXh^-J)~b z4Id_m3m$^!aUDP6OW26OgCV>jvBzZoPfU1rj8^m8#pI6HJgST+R-`8;R@g1!N#=xW z=vU{$jG_)7swBiyyLB#7ht7wp+&6K#>H5r+%k5EYvUlGub-kh47x$FXHIhN<=R zGgithW~R*2vpLf&l+xv5F&njbaWeH}v@hngbGuJ8*W*>f*fL?uuq3S?m_AKiM7!79 z)x8m8l^I?d&*ZE$pV^wTO65#`JSgn+u&~mRD)(voOnO>zwUF-!uHjwGiAH6MI!dG+ zPx$CdVz1(_=Is|pYC(_vadxLeLAfekInbKN6eh4Ad$9+*@E`_jCYdZVF?cZQk>K^t zs#I=gRi!%n@WJ^GsNlBa!~tyVM1qElVAyZO{K3fI(naG^yNJ_1d}>~S4@Kd4JqA=D znv#~SyRR~r0*(5ru0uTc=Fw&!#t2sM3vS~kZs0ujVa#rR>mImOP^$S>eTO}M?z~dh zOK}>#lB1694AV%Dw~I6^v^>SAFI%O0T1Pak$vaY*$Xe(|9iiH~A$H%NmDYkaGYO;K-mdCbr~fJzlE1vR zT(V}vNTFVl^{BUjRnsoMue3F)^fJLm*v#%{j9!+Px=7~+d>Tn;bln})UlS+l4~6t# zU%zSghk}8K5spXuv|z2H*lK_2X?|%jpW>x*V4!0SbU4y)7y-kG1(mX6X#e$ccKy`JWTDfx4>@%5D+4Bl0HK+1-b{PIdSNGx2}JB$kq2H~(7; F{sBrtIcER> delta 761 zcmX|-YeiWNjh! zvCAp43tb2)D7w8+^eyO<5fOb#C?Wh(fe2B3$Ubx&()sYf!+HMy-}C&l_mLgL`EoOv zB82!ZIKzxgJ?*+<;j(oJleMO-nQ6?yOmvn`(h2&U-lb<~58W<`3;v4j%7>K>PBm&h ztRK}=dgnl2BCf~Nv2H!-$bX1C+-@o><+R$^V~e_%XthqSw%!|B@AuSbwY6G6GbVx| z>k5fm#KsA};4NO_9Fpk3CX};3>@yoTiVMy%F}^v?tE?s>R&JTj&qF0Rfho-3Jq-Av zVkf$B6X)do4<^*cHolCnsuVqq*VIA@;ADir#!9FlBSLM88Q!Bl9du6HOH z8tlnr`csDjM~2KstmRV4B8g;(5L`w?ZqyDD>Gks{wGrcLZ$Gy=NE^W<9^#a-n9snN zOPKjW?5UcvEQXOn9DVYngV>K&G-E5m(>;Y>g^fl{j@U(4pJF`CIP2gj&kxzvGG z5+3$?G@siOaC_?(Lig3xgo2vaAF>#uSF#)x7#5ZrL20@XV&E1RCvTlmE6_ zm=&cEWd=;SOdWetYHlj>t#m6 Hn^*K7GLpbW diff --git a/blechreiz/settings.py b/blechreiz/settings.py index fb2850a..4c25b56 100644 --- a/blechreiz/settings.py +++ b/blechreiz/settings.py @@ -36,7 +36,7 @@ TIME_ZONE = 'Europe/Berlin' # Language code for this installation. All choices can be found here: # http://www.i18nguy.com/unicode/language-identifiers.html -LANGUAGE_CODE = 'en-us' +LANGUAGE_CODE = 'de' SITE_ID = 1 @@ -59,13 +59,13 @@ MEDIA_ROOT = '/home/martin/workspace/blechreiz/media/' # URL that handles the media served from MEDIA_ROOT. Make sure to use a # trailing slash. # Examples: "http://example.com/media/", "http://media.example.com/" -MEDIA_URL = 'media/' +MEDIA_URL = '/media/' # Absolute path to the directory static files should be collected to. # Don't put anything in this directory yourself; store your static files # in apps' "static/" subdirectories and in STATICFILES_DIRS. # Example: "/var/www/example.com/static/" -STATIC_ROOT = '' +STATIC_ROOT = '/' # URL prefix for static files. # Example: "http://example.com/static/", "http://static.example.com/" diff --git a/blechreiz/urls.py b/blechreiz/urls.py index 52309cb..606ccb4 100644 --- a/blechreiz/urls.py +++ b/blechreiz/urls.py @@ -10,8 +10,8 @@ import intern_area.views import website.views import eventplanner.views - - +import settings +from django.conf.urls.static import static admin.autodiscover() @@ -32,8 +32,10 @@ urlpatterns = patterns('', url(r'^website/$', website.views.home_view), url(r'^login/$', website.views.login_view), url(r'^logout/$', website.views.logout_view), - url(r'^events/$', eventplanner.views.events_view), - url(r'^eventParticipation/$', eventplanner.views.event_participation_list ), + url(r'^events/$', eventplanner.views.eventplanning_view), + url(r'^eventParticipation/$', eventplanner.views.event_participation_detail ), url(r'^eventParticipation/(\w+)/$', eventplanner.views.event_participation_detail ), url(r'^eventParticipation/(\w+)/(\d+)$', eventplanner.views.event_participation_detail ), -) \ No newline at end of file + url(r'^events/grid$', eventplanner.views.events_grid ), + url(r'^events/(?P\d+)$', eventplanner.views.EventUpdate.as_view() ), +) + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) \ No newline at end of file diff --git a/eventplanner/locale/de/LC_MESSAGES/django.po b/eventplanner/locale/de/LC_MESSAGES/django.po new file mode 100644 index 0000000..3808a99 --- /dev/null +++ b/eventplanner/locale/de/LC_MESSAGES/django.po @@ -0,0 +1,90 @@ +# SOME DESCRIPTIVE TITLE. +# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER +# This file is distributed under the same license as the PACKAGE package. +# FIRST AUTHOR , YEAR. +# +#, fuzzy +msgid "" +msgstr "" +"Project-Id-Version: PACKAGE VERSION\n" +"Report-Msgid-Bugs-To: \n" +"POT-Creation-Date: 2013-06-30 10:55+0200\n" +"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" +"Last-Translator: FULL NAME \n" +"Language-Team: LANGUAGE \n" +"Language: \n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: 8bit\n" +"Plural-Forms: nplurals=2; plural=(n != 1);\n" + +#: models.py:11 +msgid "Rehearsal" +msgstr "Probe" + +#: models.py:12 +msgid "Concert" +msgstr "Konzert" + +#: models.py:13 +msgid "General Rehearsal" +msgstr "Generalprobe" + +#: models.py:16 +msgid "title" +msgstr "Titel" + +#: models.py:17 +msgid "type" +msgstr "Typ" + +#: models.py:18 +msgid "date" +msgstr "Datum" + +#: models.py:19 +msgid "time" +msgstr "Uhrzeit" + +#: models.py:20 +msgid "participants" +msgstr "Teilnehmer" + +#: models.py:22 +msgid "description" +msgstr "Beschreibung" + +#: models.py:23 +msgid "location" +msgstr "Ort" + +#: models.py:44 +msgid "?" +msgstr "" + +#: models.py:45 +msgid "Yes" +msgstr "Ja" + +#: models.py:46 +msgid "No" +msgstr "Nein" + +#: models.py:49 +msgid "event" +msgstr "Termin" + +#: models.py:50 +msgid "musician" +msgstr "Musiker" + +#: models.py:51 +msgid "status" +msgstr "Status" + +#: models.py:52 +msgid "comment" +msgstr "Kommentar" + +#~ msgid "Delete?" +#~ msgstr "Löschen" diff --git a/eventplanner/models.py b/eventplanner/models.py index 4b3ced8..12626bd 100644 --- a/eventplanner/models.py +++ b/eventplanner/models.py @@ -13,14 +13,14 @@ class Event ( models.Model ): ( 'GenReh', _('General Rehearsal') ), ) - title = models.CharField( max_length=40 ) - type = models.CharField( max_length=6, choices=EVENT_TYPES, default='Reh' ) - date = models.DateField() - time = models.TimeField( null=True, blank=True ) - participants = models.ManyToManyField( Musician, through='EventParticipation' ) + title = models.CharField( max_length=40, verbose_name = _("title") ) + type = models.CharField( max_length=6, choices=EVENT_TYPES, default='Reh', verbose_name= _("type") ) + date = models.DateField( verbose_name= _("date") ) + time = models.TimeField( null=True, blank=True, verbose_name = _("time") ) + participants = models.ManyToManyField( Musician, through='EventParticipation', verbose_name=_("participants") ) - desc = models.TextField( blank=True) - location = LocationField() + desc = models.TextField( blank=True, verbose_name=_("description")) + location = LocationField( verbose_name=_("location") ) def __unicode__(self): @@ -46,10 +46,10 @@ class EventParticipation( models.Model ): ('No' , _('No' )) ) - event = models.ForeignKey( Event ) - musician = models.ForeignKey( Musician ) - status = models.CharField ( max_length=3, choices = OPTIONS, default='?' ) - comment = models.CharField ( max_length=64, blank=True ) + event = models.ForeignKey( Event, verbose_name=_("event") ) + musician = models.ForeignKey( Musician, verbose_name=_("musician") ) + status = models.CharField ( max_length=3, choices = OPTIONS, default='?', verbose_name=_("status") ) + comment = models.CharField ( max_length=64, blank=True, verbose_name=_("comment") ) def get_musician_username(self): return self.musician.user.username diff --git a/eventplanner/templates/custom_tabular.html b/eventplanner/templates/custom_tabular.html deleted file mode 100644 index 355cc9a..0000000 --- a/eventplanner/templates/custom_tabular.html +++ /dev/null @@ -1,78 +0,0 @@ -{% load i18n admin_static admin_modify %} -
-
-{{ inline_admin_formset.formset.management_form }} -
-

{{ inline_admin_formset.opts.verbose_name_plural|capfirst }}

- {{ inline_admin_formset.formset.non_form_errors }} - - - {% for field in inline_admin_formset.fields %} - {% if not field.widget.is_hidden %} - {{ field.label|capfirst }} - {% if field.help_text %} ({{ field.help_text|striptags }}){% endif %} - - {% endif %} - {% endfor %} - {% if inline_admin_formset.formset.can_delete %}{% endif %} - - - - {% for inline_admin_form in inline_admin_formset %} - {% if inline_admin_form.form.non_field_errors %} - - {% endif %} - - - {% for fieldset in inline_admin_form %} - {% for line in fieldset %} - {% for field in line %} - - {% if field.is_readonly %} -

{{ field.contents|linebreaksbr }}

- {% else %} - {{ field.field.errors.as_ul }} - {{ field.field }} - {% endif %} - - {% endfor %} - {% endfor %} - {% endfor %} - {% if inline_admin_formset.formset.can_delete %} - - {% endif %} - - {% endfor %} - -
{% trans "Delete?" %}
{{ inline_admin_form.form.non_field_errors }}
- {% if inline_admin_form.original or inline_admin_form.show_url %}

- -

{% endif %} - {% if inline_admin_form.has_auto_field %}{{ inline_admin_form.pk_field.field }}{% endif %} - {{ inline_admin_form.fk_field.field }} - {% spaceless %} - {% for fieldset in inline_admin_form %} - {% for line in fieldset %} - {% for field in line %} - {% if field.is_hidden %} {{ field.field }} {% endif %} - {% endfor %} - {% endfor %} - {% endfor %} - {% endspaceless %} - 		{% if inline_admin_form.original %}{{ inline_admin_form.deletion_field.field }}{% endif %}
-
-
-
- - diff --git a/eventplanner/templates/eventplanner/event_update_form.html b/eventplanner/templates/eventplanner/event_update_form.html new file mode 100644 index 0000000..1143185 --- /dev/null +++ b/eventplanner/templates/eventplanner/event_update_form.html @@ -0,0 +1,32 @@ +{% extends "website/base.html" %} + +{% load crispy_forms_tags %} + + + +{% block feature_slider %} +{% endblock %} + + + +{% block navbar_options %} navbar navbar-inverse navbar-static-top {% endblock %} + + + +{% block content %} + +
+
+
+
+ {% csrf_token %} + {{ form|crispy }} + +
+ + +
+
+
+ +{% endblock %} diff --git a/eventplanner/templates/eventplanner/event_view.html b/eventplanner/templates/eventplanner/eventplanning_view.html similarity index 96% rename from eventplanner/templates/eventplanner/event_view.html rename to eventplanner/templates/eventplanner/eventplanning_view.html index b256e08..a82e4a9 100644 --- a/eventplanner/templates/eventplanner/event_view.html +++ b/eventplanner/templates/eventplanner/eventplanning_view.html @@ -125,8 +125,8 @@ {{ event.title }} {{ event.date }} - {{ event.time }} - + {% if event.time %} {{ event.time }} {% endif %} + Ort diff --git a/eventplanner/templates/eventplanner/events_grid.html b/eventplanner/templates/eventplanner/events_grid.html new file mode 100644 index 0000000..ffe486d --- /dev/null +++ b/eventplanner/templates/eventplanner/events_grid.html @@ -0,0 +1,159 @@ +{% extends "website/base.html" %} + +{% load sekizai_tags staticfiles %} + + + +{% block feature_slider %} +{% endblock %} + + + +{% block navbar_options %} navbar navbar-inverse navbar-static-top {% endblock %} + + + +{% block content %} + {% addtoblock "css" %} + + {% endaddtoblock %} + + {% addtoblock "js" %} + + {% endaddtoblock %} + +
+
+
+
+
+ +

Termine

+ +
+ + + + + + + {% for name in musicianNames %} + + {% endfor %} + + + + + {% for event in events %} + + + + + + {% for p in event.participation %} + + {% endfor %} + + + + {% endfor %} + + +
Termin Datum {{ name|capfirst }}
{{ event.title }} {{ event.date }} + {% if p.status == "Yes" %} + + {% elif p.status == "No" %} + + {% else %} + + {% endif %} +
+ +
+
+ +
+ +
+
+ +
+
+ + +
+
+ +{% endblock %} \ No newline at end of file diff --git a/eventplanner/views.py b/eventplanner/views.py index 44220e6..2ce59a0 100644 --- a/eventplanner/views.py +++ b/eventplanner/views.py @@ -13,37 +13,22 @@ import datetime from rest_framework.decorators import api_view from rest_framework.response import Response from rest_framework import status +from django.forms.models import ModelForm + -from django.views.decorators.csrf import csrf_exempt # ---------------------------------------- API --------------------------------------------------------- -@csrf_exempt -@api_view( ['GET'] ) -def event_participation_list( request ): - """ - API for participation - """ - if request.method == 'GET': - event_participations = EventParticipation.objects.filter( event__date__gte = datetime.date.today() ) - serializer = ParticipationSerializer( event_participations, many=True) - return Response( serializer.data ) - - elif request.method == 'POST': - serializer = ParticipationSerializer( data=request.DATA ) - if serializer.is_valid(): - print serializer.data - serializer.save() - return Response( serializer.data, status=status.HTTP_201_CREATED ) - else: - return Response( serializer.errors, status = status.HTTP_400_BAD_REQUEST ) -@csrf_exempt + @api_view( ['GET', 'PUT'] ) -def event_participation_detail( request, username, eventId = None ): +def event_participation_detail( request, username = None, eventId = None ): + # TODO Permissions! try: - participationQs = EventParticipation.objects.filter( musician__user__username = username ) + participationQs = EventParticipation.objects.filter( event__date__gte = datetime.date.today() ) + if username: + participationQs = EventParticipation.objects.filter( musician__user__username = username ) if eventId: participationQs = participationQs.filter( event__pk = eventId ) @@ -68,12 +53,16 @@ def event_participation_detail( request, username, eventId = None ): + # ------------------------------------ Normal Views ---------------------------------------------------- -def events_view( request ): +def eventplanning_view( request ): + """ + View for a specific user, to edit his events + """ # All events in the future sorted by date all_future_events = list ( Event.objects.filter( date__gte = datetime.date.today() ) ) @@ -84,4 +73,56 @@ def events_view( request ): e.participation = EventParticipation.objects.get( event = e, musician = musician ) context = { 'events' : all_future_events } - return render ( request, 'eventplanner/event_view.html', context ) + return render ( request, 'eventplanner/eventplanning_view.html', context ) + + + + +def events_grid( request ): + + musicians = Musician.objects.all() + musicianNames = [ m.user.username for m in musicians ] + + + all_future_events = list ( Event.objects.filter( date__gte = datetime.date.today() ) ) + + for e in all_future_events: + e.participation = [ EventParticipation.objects.get( event = e, musician = m ) for m in musicians ] + + # Sort the participations in a dict + #for p in participationQs: + # username = p.musician.user.username + # eventId = p.event.pk + # if not eventId in grid: + # grid[eventId] = {} + # + # grid[eventId][username] = p + + + context = { 'events': all_future_events, + 'musicianNames' : musicianNames } + return render ( request, 'eventplanner/events_grid.html', context ) + + + + + +from django.views.generic.edit import UpdateView + + +class EventForm( ModelForm ): + class Meta: + model = Event + fields= ['title', 'date','time','type'] + +class EventUpdate( UpdateView ): + form_class = EventForm + model = Event + template_name_suffix = "_update_form" + success_url = '/events/grid' + + + + + + diff --git a/musicians/admin.py b/musicians/admin.py index d21915c..ef7bc42 100644 --- a/musicians/admin.py +++ b/musicians/admin.py @@ -4,13 +4,10 @@ from django.contrib.auth.models import User from django.utils.translation import ugettext as _ -from musicians.models import Musician, PhoneNumber +from musicians.models import Musician from eventplanner.admin import EventParticipationInline -class PhoneNumberInline( admin.TabularInline ): - model = PhoneNumber - extra = 3 # Define an inline admin descriptor for Musician model # which acts a bit like a singleton @@ -22,7 +19,7 @@ class MusicianInline( admin.StackedInline ): # Define a new User admin class UserAdmin( UserAdmin ): - inlines = (MusicianInline, PhoneNumberInline, ) + inlines = (MusicianInline, ) diff --git a/musicians/models.py b/musicians/models.py index 77e8a9e..d913a0c 100644 --- a/musicians/models.py +++ b/musicians/models.py @@ -12,16 +12,6 @@ INSTRUMENTS = ( ) - -class PhoneNumber( models.Model ): - user = models.OneToOneField( User ) - - desc = models.CharField( max_length=15 ) - number = models.CharField( max_length=25 ) - - - - def musicianPictureName( musician, originalName ): fileExtension = os.path.splitext(originalName)[1] return "user_images/" + musician.user.username + fileExtension @@ -29,18 +19,18 @@ def musicianPictureName( musician, originalName ): class Musician( models.Model ): # Link to user object, contains first name and last name - user = models.OneToOneField( User ) + user = models.OneToOneField( User, verbose_name=_("user") ) # Properties - image = models.ImageField( upload_to = musicianPictureName ) + image = models.ImageField( upload_to = musicianPictureName, verbose_name=_("image") ) - instrument = models.CharField( max_length=4, choices=INSTRUMENTS, blank=True ) - birthday = models.DateField( null=True ) - street = models.CharField( max_length=80, blank=True ) - city = models.CharField( max_length=40, blank=True ) - zip_code = models.IntegerField( null=True) + instrument = models.CharField( max_length=4, choices=INSTRUMENTS, blank=True, verbose_name=_("instrument") ) + birthday = models.DateField( null=True, verbose_name=_("birthday") ) + street = models.CharField( max_length=80, blank=True, verbose_name=_("street") ) + city = models.CharField( max_length=40, blank=True, verbose_name=_("city") ) + zip_code = models.IntegerField( null=True, verbose_name=_("zip_code") ) - public_description = models.TextField( blank=True ) + public_description = models.TextField( blank=True, verbose_name=_("public_description") ) def __unicode__(self): return self.user.username diff --git a/musicians/templates/musicians/musician_edit.html b/musicians/templates/musicians/musician_edit.html index bda1cb1..7f07fd5 100644 --- a/musicians/templates/musicians/musician_edit.html +++ b/musicians/templates/musicians/musician_edit.html @@ -1,15 +1,37 @@ -{% extends "base.html" %} + +{% extends "website/base.html" %} {% load crispy_forms_tags %} + + +{% block feature_slider %} +{% endblock %} + + + +{% block navbar_options %} navbar navbar-inverse navbar-static-top {% endblock %} + + + {% block content %} - {% crispy form %} +
+
+

{{user.first_name}} {{user.last_name}}

+
+
+ {% csrf_token %} + {{ form }} +
+ +
+
+
+ +
+ +
+
- {% endblock %} \ No newline at end of file diff --git a/musicians/views.py b/musicians/views.py index 39b2728..e8c326d 100644 --- a/musicians/views.py +++ b/musicians/views.py @@ -7,9 +7,6 @@ from django.http import HttpResponseRedirect from django.shortcuts import render from django.shortcuts import get_object_or_404 -from crispy_forms.helper import FormHelper -from crispy_forms.layout import Submit - class MusicianList( ListView): model = Musician @@ -17,68 +14,40 @@ class MusicianList( ListView): class UserEditForm(forms.ModelForm): - first_name = forms.CharField( max_length = 60) - last_name = forms.CharField( max_length = 60) email = forms.EmailField() def __init__(self, *args, **kw): if 'instance' in kw.keys(): user = kw['instance'].user - initVals = { 'first_name': user.first_name, - 'last_name': user.last_name, - 'email': user.email } + initVals = { 'email': user.email } if not 'initial' in kw.keys(): kw['initial'] = initVals else: kw['initial'].update(initVals) - super(UserEditForm, self).__init__(*args, **kw) - - self.helper = FormHelper() - self.helper.form_id = 'id-exampleForm' - self.helper.form_class = 'blueForms' - self.helper.form_method = 'post' - self.helper.form_action = '/musicians/martin' # TODO + super(UserEditForm, self).__init__( *args, **kw ) - self.helper.add_input(Submit('submit', 'Submit')) - self.helper.form_class = 'form-horizontal' - #self.helper.layout = Layout( - # Fieldset( - # 'Edit User', - # 'first_name', - # 'last_name', - # 'birthday', - # ), - #) - - self.fields.keyOrder.remove('first_name') - self.fields.keyOrder.remove('last_name') self.fields.keyOrder.remove('email') - self.fields.keyOrder.insert(0, 'first_name') - self.fields.keyOrder.insert(1, 'last_name') self.fields.keyOrder.insert(2, 'email') def save(self): if self.is_valid(): super(UserEditForm,self).save() - self.instance.user.first_name = self.cleaned_data['first_name'] - self.instance.user.last_name = self.cleaned_data['last_name'] - self.instance.user.email = self.cleaned_data['email'] + self.instance.user.email = self.cleaned_data['email'] self.instance.user.save() class Meta: model = Musician - exclude = [ 'user','image' ] + exclude = [ 'user','image', 'instrument' ] #fields = '__all__' def user_edit( request, username ): - - musician = get_object_or_404(Musician, user__username=username ) + musician = get_object_or_404( Musician, user__username=username ) if request.method == 'POST': # If the form has been submitted... form = UserEditForm(request.POST) # A form bound to the POST data @@ -89,7 +58,7 @@ def user_edit( request, username ): else: form = UserEditForm( instance= musician ) - return render(request, 'musicians/musician_edit.html', { 'form': form, } ) + return render(request, 'musicians/musician_edit.html', { 'form': form, } ) diff --git a/website/static/css/jquery-ui-1.8.21.custom.css b/website/static/css/jquery-ui-1.8.21.custom.css new file mode 100644 index 0000000..08b4c09 --- /dev/null +++ b/website/static/css/jquery-ui-1.8.21.custom.css @@ -0,0 +1,566 @@ +/*! + * jQuery UI CSS Framework 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } +.ui-helper-clearfix:after { clear: both; } +.ui-helper-clearfix { zoom: 1; } +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and ../img */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } + + +/*! + * jQuery UI CSS Framework 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + * + * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px + */ + + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } +.ui-widget .ui-widget { font-size: 1em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } +.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../img/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } +.ui-widget-content a { color: #222222; } +.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } +.ui-widget-header a { color: #222222; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } +.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } +.ui-widget :active { outline: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } + +/* Icons +----------------------------------*/ + +/* states and ../img */ +.ui-icon { width: 16px; height: 16px; background-image: url(../img/ui-icons_222222_256x240.png); } +.ui-widget-content .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png); } +.ui-widget-header .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png); } +.ui-state-default .ui-icon { background-image: url(../img/ui-icons_888888_256x240.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png); } +.ui-state-active .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png); } +.ui-state-highlight .ui-icon {background-image: url(../img/ui-icons_2e83ff_256x240.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/ui-icons_cd0a0a_256x240.png); } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-off { background-position: -96px -144px; } +.ui-icon-radio-on { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } +.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } + +/* Overlays */ +.ui-widget-overlay { background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } +.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*! + * jQuery UI Resizable 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Resizable#theming + */ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*! + * jQuery UI Selectable 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Selectable#theming + */ +.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } +/*! + * jQuery UI Accordion 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Accordion#theming + */ +/* IE/Win - Fix animation bug - #4615 */ +.ui-accordion { width: 100%; } +.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } +.ui-accordion .ui-accordion-li-fix { display: inline; } +.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } +.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } +.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } +.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } +.ui-accordion .ui-accordion-content-active { display: block; } +/*! + * jQuery UI Autocomplete 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Autocomplete#theming + */ +.ui-autocomplete { position: absolute; cursor: default; } + +/* workarounds */ +* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ + +/* + * jQuery UI Menu 1.8.21 + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Menu#theming + */ +.ui-menu { + list-style:none; + padding: 2px; + margin: 0; + display:block; + float: left; +} +.ui-menu .ui-menu { + margin-top: -3px; +} +.ui-menu .ui-menu-item { + margin:0; + padding: 0; + zoom: 1; + float: left; + clear: left; + width: 100%; +} +.ui-menu .ui-menu-item a { + text-decoration:none; + display:block; + padding:.2em .4em; + line-height:1.5; + zoom:1; +} +.ui-menu .ui-menu-item a.ui-state-hover, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} +/*! + * jQuery UI Button 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Button#theming + */ +.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ +.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ +button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ +.ui-button-icons-only { width: 3.4em; } +button.ui-button-icons-only { width: 3.7em; } + +/*button text element */ +.ui-button .ui-button-text { display: block; line-height: 1.4; } +.ui-button-text-only .ui-button-text { padding: .4em 1em; } +.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } +.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } +.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } +.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } +/* no icon support for input elements, provide padding by default */ +input.ui-button { padding: .4em 1em; } + +/*button icon element(s) */ +.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } +.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } +.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } +.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } +.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } + +/*button sets*/ +.ui-buttonset { margin-right: 7px; } +.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } + +/* workarounds */ +button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ +/*! + * jQuery UI Dialog 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Dialog#theming + */ +.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } +.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } +.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } +.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } +.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } +.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } +.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } +.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } +.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } +.ui-draggable .ui-dialog-titlebar { cursor: move; } +/*! + * jQuery UI + 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Slider#theming + */ +.ui-slider { position: relative; text-align: left; } +.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } +.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } + +.ui-slider-horizontal { height: .8em; } +.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } +.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } +.ui-slider-horizontal .ui-slider-range-min { left: 0; } +.ui-slider-horizontal .ui-slider-range-max { right: 0; } + +.ui-slider-vertical { width: .8em; height: 100px; } +.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } +.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } +.ui-slider-vertical .ui-slider-range-min { bottom: 0; } +.ui-slider-vertical .ui-slider-range-max { top: 0; }/*! + * jQuery UI Tabs 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Tabs#theming + */ +.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ +.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } +.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } +.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } +.ui-tabs .ui-tabs-hide { display: none !important; } +/*! + * jQuery UI Datepicker 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Datepicker#theming + */ +.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } +.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } +.ui-datepicker .ui-datepicker-prev { left:2px; } +.ui-datepicker .ui-datepicker-next { right:2px; } +.ui-datepicker .ui-datepicker-prev-hover { left:1px; } +.ui-datepicker .ui-datepicker-next-hover { right:1px; } +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } +.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } +.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%;} +.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } +.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } +.ui-datepicker td { border: 0; padding: 1px; } +.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { width:auto; } +.ui-datepicker-multi .ui-datepicker-group { float:left; } +.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } +.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } +.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } +.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } +.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } + +/* RTL support */ +.ui-datepicker-rtl { direction: rtl; } +.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } +.ui-datepicker-rtl .ui-datepicker-group { float:right; } +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } + +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ +.ui-datepicker-cover { + display: none; /*sorry for IE5*/ + display/**/: block; /*sorry for IE5*/ + position: absolute; /*must have*/ + z-index: -1; /*must have*/ + filter: mask(); /*must have*/ + top: -4px; /*must have*/ + left: -4px; /*must have*/ + width: 200px; /*must have*/ + height: 200px; /*must have*/ +}/*! + * jQuery UI Progressbar 1.8.21 + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Progressbar#theming + */ +.ui-progressbar { height:2em; text-align: left; overflow: hidden; } +.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } diff --git a/website/static/css/perfectum-style-responsive.css b/website/static/css/perfectum-style-responsive.css new file mode 100644 index 0000000..dc16f1f --- /dev/null +++ b/website/static/css/perfectum-style-responsive.css @@ -0,0 +1,513 @@ +/* Higher than 1200 (desktop devices) +====================================================================== */ +@media (min-width: 1200px) { + + #content { + -webkit-box-shadow: -3px -1px 2px rgba(0,0,0,0.95); + -moz-box-shadow: -3px -1px 2px rgba(0,0,0,0.95); + box-shadow: -3px -1px 2px rgba(0,0,0,0.95); + background: url(../img/bg.jpg) repeat; + filter: none; + padding: 25px 0px 25px 40px; + margin: -25px -4px; + position: relative; + z-index: 1; + min-height: 100%; + + } + + .sidebar-nav > ul{ + margin: 20px 0px 0px -20px; + border-top: 1px solid #0a0c0e !important; + border-bottom: 1px solid #212121 !important; + border-left: none; + border-right: none; + padding-bottom: 1px; + } + + .sidebar-nav > ul > li > ul { + margin: 0px; + padding: 5px 0px 5px 25px; + background: rgba(0,0,0,.45); + list-style: none; + display: none; + } + + .sidebar-nav > ul > li > ul > li { + padding: 5px 0px 5px 0px; + } + + .sidebar-nav > ul > li > ul > li > a:hover { + color: #fff; + text-decoration: none; + } + + .nav-tabs.nav-stacked > li > a { + margin: 1px 0px 0px 0px; + padding-left: 20px; + color: #ddd; + border-top: 1px solid #212121; + border-bottom: 1px solid #0a0c0e; + border-left: none; + border-right: none; + background: transparent; + filter: none; + text-shadow: 0px 1px 1px #000; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li > a > i { + opacity: .4; + } + + .nav-tabs.nav-stacked > li > a:hover > i { + opacity: .8; + } + + .nav-tabs.nav-stacked > li > a:hover { + margin: 1px 0px 0px 0px; + color: #fff; + border-top: 1px solid transparent; + border-bottom: 1px solid #0a0c0e; + border-left: none; + border-right: none; + background: rgba(0,0,0,.25); + filter: none; + text-shadow: 0px 1px 1px #000; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li.active > a { + margin: 1px 0px 0px 0px; + border-top: 1px solid transparent; + border-bottom: 1px solid #0a0c0e; + border-left: none; + border-right: none; + color: #fff; + background: rgba(0,0,0,.45); + text-shadow: 0px 1px 1px #000; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li:first-child > a { + margin: 0px 0px 0px 0px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li:last-child > a { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + + footer { + margin: -20px -20px 0px -20px; + padding: 10px 20px; + position: relative; + z-index: 2; + } + +} + +/* Higher than 960 (desktop devices) +====================================================================== */ +@media only screen and (min-width: 980px) and (max-width: 1199px){ + + #content { + -webkit-box-shadow: -3px -1px 2px rgba(0,0,0,0.95); + -moz-box-shadow: -3px -1px 2px rgba(0,0,0,0.95); + box-shadow: -3px -1px 2px rgba(0,0,0,0.95); + background: url(../img/bg.jpg) repeat; + filter: none; + padding: 25px 0px 25px 40px; + margin: -25px -4px; + position: relative; + z-index: 1px; + + } + + .sidebar-nav > ul { + margin: 20px 0px 0px -20px; + border-top: 1px solid #0a0c0e !important; + border-bottom: 1px solid #212121 !important; + border-left: none; + border-right: none; + padding-bottom: 1px; + } + + .sidebar-nav > ul > li > ul { + margin: 0px; + padding: 5px 0px 5px 25px; + background: rgba(0,0,0,.45); + list-style: none; + display: none; + } + + .sidebar-nav > ul > li > ul > li { + padding: 5px 0px 5px 0px; + } + + .sidebar-nav > ul > li > ul > li > a:hover { + color: #fff; + text-decoration: none; + } + + .nav-tabs.nav-stacked > li > a { + margin: 1px 0px 0px 0px; + padding-left: 20px; + color: #ddd; + border-top: 1px solid #212121; + border-bottom: 1px solid #0a0c0e; + border-left: none; + border-right: none; + background: transparent; + text-shadow: 0px 1px 1px #000; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li > a > i { + opacity: .4; + } + + .nav-tabs.nav-stacked > li > a:hover > i { + opacity: .8; + } + + .nav-tabs.nav-stacked > li > a:hover { + margin: 1px 0px 0px 0px; + color: #fff; + border-top: 1px solid transparent; + border-bottom: 1px solid #0a0c0e; + border-left: none; + border-right: none; + background: rgba(0,0,0,.25); + filter: none; + text-shadow: 0px 1px 1px #000; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li.active > a { + margin: 1px 0px 0px 0px; + border-top: 1px solid transparent; + border-bottom: 1px solid #0a0c0e; + border-left: none; + border-right: none; + color: #fff; + background: rgba(0,0,0,.45); + text-shadow: 0px 1px 1px #000; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li:first-child > a { + margin: 0px 0px 0px 0px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li:last-child > a { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .sparkLineStats li .number { + font-size: 16px; + font-weight: 700; + padding:0 5px; + color: #FA5833; + } + + + footer { + margin: -20px -20px 0px -20px; + padding: 10px 20px; + position: relative; + z-index: 2; + } + + +} + +/* Tablet Portrait (devices and browsers) +====================================================================== */ +@media only screen and (min-width: 768px) and (max-width: 979px) { + + #content { + -webkit-box-shadow: -2px -1px 2px rgba(0,0,0,0.95); + -moz-box-shadow: -2px -1px 2px rgba(0,0,0,0.95); + box-shadow: -2px -1px 2px rgba(0,0,0,0.95); + background: url(../img/bg.jpg) repeat; + filter: none; + padding: 25px 0px 25px 40px; + margin: -25px -4px; + position: relative; + z-index: 1px; + } + + .noMargin { + margin-left: 0px !important; + } + + .btn-navbar { + display: none !important; + } + + .nav-collapse, + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + margin-left: -20px !important; + } + + .sidebar-nav{ + padding:0; + margin-bottom:0; + } + + .sidebar-nav > ul{ + margin: 20px 0px 0px -20px; + border-top: 1px solid #0a0c0e !important; + border-bottom: 1px solid #212121 !important; + border-left: none; + border-right: none; + padding-bottom: 1px; + } + + .sidebar-nav > ul > li > ul { + margin: 0px; + padding: 0px 0px 0px 20px; + background: rgba(0,0,0,.45); + list-style: none; + display: none; + } + + .sidebar-nav > ul > li > ul > li { + padding: 5px 0px 5px 0px; + } + + .sidebar-nav > ul > li > ul > li > a:hover { + color: #fff; + text-decoration: none; + } + + .nav-tabs.nav-stacked > li > a { + margin: 1px 0px 0px 0px; + padding-left: 20px; + color: #ddd; + border-top: 1px solid #212121; + border-bottom: 1px solid #0a0c0e; + border-left: none; + border-right: none; + background: transparent; + text-shadow: 0px 1px 1px #000; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li > a > i { + opacity: .4; + } + + .nav-tabs.nav-stacked > li > a:hover > i { + opacity: .8; + } + + .nav-tabs.nav-stacked > li > a:hover { + margin: 1px 0px 0px 0px; + color: #fff; + border-top: 1px solid transparent; + border-bottom: 1px solid #0a0c0e; + border-left: none; + border-right: none; + background: rgba(0,0,0,.25); + filter: none; + text-shadow: 0px 1px 1px #000; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li.active > a { + margin: 1px 0px 0px 0px; + border-top: 1px solid transparent; + border-bottom: 1px solid #0a0c0e; + border-left: none; + border-right: none; + color: #fff; + background: rgba(0,0,0,.45); + text-shadow: 0px 1px 1px #000; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li:first-child > a { + margin: 0px 0px 0px 0px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .nav-tabs.nav-stacked > li:last-child > a { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + .box-small-link { + font-size: 20px; + } + + .sparkLineStats li .number { + font-size: 14px; + font-weight: 700; + padding:0 5px; + color: #FA5833; + } + + footer { + margin: -20px -20px 0px -20px; + padding: 10px 20px; + position: relative; + z-index: 2; + } + + +} + +/* All Mobile Sizes (devices and browser) +====================================================================== */ +@media only screen and (max-width: 767px) { + + + +} + +/* Mobile Landscape Size to Tablet Portrait (devices and browsers) +====================================================================== */ +@media only screen and (min-width: 480px) and (max-width: 767px) { + + body { + background: url(../img/bg.jpg) repeat; + } + + #overlay ul { + margin: 150px auto 0; + } + + #content { + background: transparent; + } + + .quick-button, + .quick-button-small { + margin-bottom: 20px; + } + + .pull-right { + width: 100%; + margin: 10px auto; + text-align: center; + } + + .fc-button-today, + .fc-button-month, + .fc-button-agendaWeek, + .fc-button-agendaDay { + display: none; + } + + footer { + padding: 10px 20px; + position: relative; + z-index: 2; + } + +} + +/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) +=================================================================== */ +@media only screen and (max-width: 479px) { + + + #overlay ul { + margin: 150px auto 0; + } + + body { + background: url(../img/bg.jpg) repeat; + } + + #content { + background: transparent; + } + + .quick-button, + .quick-button-small { + margin-bottom: 20px; + } + + .pull-right { + width: 100%; + margin: 10px auto; + text-align: center; + } + + .fc-button-today, + .fc-button-month, + .fc-button-agendaWeek, + .fc-button-agendaDay { + display: none; + } + + table, + .pagination { + font-size: 10px; + } + + .pagination { + padding: 5px; + } + + footer { + padding: 10px 20px; + position: relative; + z-index: 2; + } + +} diff --git a/website/static/css/perfectum-style.css b/website/static/css/perfectum-style.css new file mode 100644 index 0000000..8d4c9fc --- /dev/null +++ b/website/static/css/perfectum-style.css @@ -0,0 +1,2352 @@ +/* +* Author: Łukasz Holeczek +* Template: Perfectum Dashboard Bootstrap Theme +* Version: 1.0.5 +* Bootstrap version: 2.3.1 +* Copyright 2012 creativeLabs +* www: http://clabs.co +* mail: lukasz@clabs.co +* You can buy this theme on WrapBootstrap: https://wrapbootstrap.com/theme/perfectum-dashboard-admin-template-WB0PHMG9K +*/ + +/* Import Section +=================================================================== */ +@import url("jquery-ui-1.8.21.custom.css"); /* jQuery User Interface Framework Styles */ +@import url("fullcalendar.css"); /* Calendars Styles */ +@import url("chosen.css"); /* Select Boxes Styles */ +@import url("uniform.default.css"); /* Uniform Styles */ +@import url("jquery.cleditor.css"); /* Text Editor Styles. */ +@import url("jquery.noty.css"); /* Noty Notifications Style */ +@import url("noty_theme_default.css"); /* Noty Notifications Style */ +@import url("elfinder.min.css"); /* File Manager Style */ +@import url("elfinder.theme.css"); /* File Manager Style */ +@import url("jquery.iphone.toggle.css"); /* Styles for iPhone */ +@import url("uploadify.css"); /* Uploadify Styles */ +@import url("jquery.gritter.css"); /* Growl Like Notifications Styles */ +@import url("font-awesome.css"); /* Font Awesome Styles */ +@import url("font-awesome-ie7.css"); /* Font Awesome Styles */ + +/* Basic +=================================================================== */ + +/*body { + background: url(../img/bg.jpg) repeat-y top right, + url(../img/dbg.jpg) repeat top left; + color: #646464; + border: none; +}*/ + +#overlay { + background: #080808; + position: fixed; + z-index: 99999; + width: 100%; + height: 100%; + top: 0px; + left: 0px; +} + +#overlay ul { + padding: 0; + margin: 300px auto 0; + list-style: none; + text-align: center; + display: block; +} + +#overlay ul li { + width: 10px; + height: 10px; + background-color: white; + box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); + display: inline-block; + border-radius: 50%; + margin: 0 4px; + -webkit-animation: loading 2.5s infinite; + -moz-animation: loading 2.5s infinite; + -o-animation: loading 2.5s infinite; + -ms-animation: loading 2.5s infinite; + animation: loading 2.5s infinite; + + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -o-animation-fill-mode: both; + -ms-animation-fill-mode: both; + animation-fill-mode: both; + + -webkit-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415); + -moz-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415); + -o-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415); + -ms-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415); + animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415); +} + +#overlay ul li.li6 { + -webkit-animation-delay: 0.1s; + -moz-animation-delay: 0.1s; + -o-animation-delay: 0.1s; + -ms-animation-delay: 0.1s; + animation-delay: 0.1s; +} + +#overlay ul li.li5 { + -webkit-animation-delay: 0.25s; + -moz-animation-delay: 0.25s; + -o-animation-delay: 0.25s; + -ms-animation-delay: 0.25s; + animation-delay: 0.25s; +} +#overlay ul li.li4 { + -webkit-animation-delay: 0.5s; + -moz-animation-delay: 0.5s; + -o-animation-delay: 0.5s; + -ms-animation-delay: 0.5s; + animation-delay: 0.5s; +} +#overlay ul li.li3 { + -webkit-animation-delay: 0.75s; + -moz-animation-delay: 0.75s; + -o-animation-delay: 0.75s; + -ms-animation-delay: 0.75s; + animation-delay: 0.75s; +} +#overlay ul li.li2 { + -webkit-animation-delay: 1s; + -moz-animation-delay: 1s; + -o-animation-delay: 1s; + -ms-animation-delay: 1s; + animation-delay: 1s; +} +#overlay ul li.li1 { + -webkit-animation-delay: 1.25s; + -moz-animation-delay: 1.25s; + -o-animation-delay: 1.25s; + -ms-animation-delay: 1.25s; + animation-delay: 1.25s; +} + +@-webkit-keyframes loading { + 0% {-webkit-transform: translateX(-30px); opacity: 0} + 25% {opacity: 1} + 50% {-webkit-transform: translateX(30px); opacity: 0} + 100% {opacity: 0} +} + +@-moz-keyframes loading { + 0% {-moz-transform: translateX(-30px); opacity: 0} + 25% {opacity: 1} + 50% {-moz-transform: translateX(30px); opacity: 0} + 100% {opacity: 0} +} + +@-o-keyframes loading { + 0% {-o-transform: translateX(-30px); opacity: 0} + 25% {opacity: 1} + 50% {-o-transform: translateX(30px); opacity: 0} + 100% {opacity: 0} +} + +@-ms-keyframes loading { + 0% {-ms-transform: translateX(-30px); opacity: 0} + 25% {opacity: 1} + 50% {-ms-transform: translateX(30px); opacity: 0} + 100% {opacity: 0} +} + +@keyframes loading { + 0% {-ms-transform: translateX(-30px); opacity: 0} + 25% {opacity: 1} + 50% {-ms-transform: translateX(30px); opacity: 0} + 100% {opacity: 0} +} + + +a { + color: #646464; +} + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #e0dfdf; + border-bottom: 1px solid #fefefe; +} + + + +h1 { + font-size: 18px; + line-height: 18px; +} + +h2 { + font-size: 16px; + line-height: 16px; +} + +h3 { + font-size: 15px; + line-height: 15px; +} + +h4 { + font-size: 14px; + line-height: 14px; +} + +h5 { + font-size: 13px; + line-height: 13px; +} + +h6 { + font-size: 12px; + line-height: 12px; +} + +.green { + color: #78CD51; +} + +.red { + color: #FA603D; +} + +.blue { + color: #67C2EF; +} + +.yellow { + color: #FABB3D; +} + +.well { + border: 1px solid #ddd; + background-color: #f6f6f6; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.breadcrumb { + margin: -20px 0px; + border: 0px; + color: #aaa; + background: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.breadcrumb span { + text-shadow: 1px 1px 0px #fff; +} + +.breadcrumb a { + color: #aaa; + text-shadow: 0px 1px 1px #fff; +} + +.breadcrumb a:hover { + color: #646464; + text-shadow: 0px 1px 1px #fff; + text-decoration: none; +} + +.box-small { + text-align: center; + position: relative; + display: block; + margin: 20px; + +} + +.box-small-link { + border: 1px solid #ddd; + margin-bottom: -1px; + padding: 30px 0px; + font-size: 26px; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #fafafa, #efefef); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)); + background-image: -webkit-linear-gradient(top, #fafafa, #efefef); + background-image: -o-linear-gradient(top, #fafafa, #efefef); + background-image: linear-gradient(to bottom, #fafafa, #efefef); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + display:block; + color: #646464; + text-shadow: 0px 1px 1px #fff; +} + +.box-small-link:hover { + border: 1px solid #3c4049; + margin-bottom: -1px; + padding: 30px 0px; + color: #fff; + background-color: #4e525d; + background-image: -moz-linear-gradient(top, #4e525d, #3c4049); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e525d), to(#3c4049)); + background-image: -webkit-linear-gradient(top, #4e525d, #3c4049); + background-image: -o-linear-gradient(top, #4e525d, #3c4049); + background-image: linear-gradient(to bottom, #4e525d, #3c4049); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4e525d', endColorstr='#3c4049', GradientType=0); + text-shadow: 0px 1px 1px #000; + text-decoration: none; +} + +.box-small-title { + width: 100%; + margin: 10px auto; + font-size: 15px; + color: #aaa; + text-shadow: 0px 1px 1px #fff; +} + + + +.box { + margin: 20px 0px; +} + + +.box-header { + height: 20px; + border: 1px solid #ddd; + margin-bottom: -1px; + padding: 10px; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #fafafa, #efefef); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)); + background-image: -webkit-linear-gradient(top, #fafafa, #efefef); + background-image: -o-linear-gradient(top, #fafafa, #efefef); + background-image: linear-gradient(to bottom, #fafafa, #efefef); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 2px 2px 0px 0px; + -moz-border-radius: 2px 2px 0px 0px; + border-radius: 2px 2px 0px 0px; + overflow: hidden; +} + +.box-header h2{ + font-size: 16px; + line-height: 16px; + float:left; + margin-top: 2px; + color: #646464; + font-weight: normal; + text-shadow: 0px 1px 0px #fff; +} + +.box-header h2 i{ + margin: 1px 3px 0px 5px; + opacity: .4; +} + +.box-header .break{ + border-left: 1px solid #fcfcfc; + border-right: 1px solid #ddd; + margin: -12px 10px -10px 10px; + padding: 12px 0px 10px 0px; + +} + +.box-header .box-icon { + float:right; + margin-top: 1px; +} + +.box-header .box-icon i { + -webkit-transition: all 0.1s ease-in-out; + -moz-transition: all 0.1s ease-in-out; + -o-transition: all 0.1s ease-in-out; + -ms-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + opacity: .4; +} + +.box-header .box-icon i:hover { + opacity: .8; +} + +.box-header .box-icon a { + margin: 0px 5px; +} + +.box-content { + margin-top: -1px; + padding: 10px; + border: 1px solid #ddd; + background: #fcfcfc; + -webkit-border-radius: 0px 0px 2px 2px; + -moz-border-radius: 0px 0px 2px 2px; + border-radius: 0px 0px 2px 2px; + -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .6); + -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .6); + box-shadow: 0 1px 0px rgba(255, 255, 255, .6); +} + +/* Header Section +=================================================================== */ + +.navbar-inner { + min-height: 40px; + padding-right: 20px; + padding-left: 20px; + background: url(../img/dbg.jpg); + border-left: 0px solid #0a0c0e; + border-right: 0px solid #0a0c0e; + border-top: 1px solid #0a0c0e; + border-bottom: 2px solid #0a0c0e; + filter: none; + text-shadow: 1px 1px 1px #0a0c0e; + color: #fff; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + *zoom: 1; + -webkit-box-shadow: 0 4px 0 rgba(0,0,0,.1); + -moz-box-shadow: 0 4px 0 rgba(0,0,0,.1); + box-shadow: 0 4px 0 rgba(0,0,0,.1); + position: relative; + z-index: 2; +} + +.navbar-inner a { + color: #646464; +} + +.navbar-inner a i { + opacity: .8; +} + +.navbar-inner a:hover i { + opacity: 1; +} + +.brand img { + margin: -12px 0px -5px 0px; +} + +a.brand span { + color: #fff; + text-shadow: 1px 1px 2px #0a0c0e; +} + +.header-nav { + border-right: 1px solid #0a0c0e; + border-left: 1px solid #212121; + padding: 0px; + color: #fff !important; +} + +.header-nav .nav { + margin: 0px; +} +.header-nav .btn { + display: inline-block; + padding: 11px 20px; + margin-top: 0px; + margin-left: 0px; + font-size: 14px; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background: transparent; + border-left: 1px solid #0a0c0e; + border-right: 1px solid #212121; + border-top: 0px solid #bbbbbb; + border-bottom: 0px solid #bbbbbb; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.header-nav .btn i { + text-shadow: 0px 1px 1px #0a0c0e !important; +} + +.header-nav .btn .caret { + border-top-color: #ddd !important; + border-bottom-color: #ddd !important; +} + +.header-nav .btn:hover .caret { + border-top-color: #fff !important; + border-bottom-color: #fff !important; +} + + +#under-header { + margin: -20px 0px 20px 0px; + border-top: px solid #fcfcfc; +} + +/* Navigation Section +=================================================================== */ + +.nav-tabs.nav-stacked > li > a { + margin: 2px; + color: #646464; + border: 1px solid #ddd; + background: transparent; + background-image: -moz-linear-gradient(top, #fafafa, #efefef); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)); + background-image: -webkit-linear-gradient(top, #fafafa, #efefef); + background-image: -o-linear-gradient(top, #fafafa, #efefef); + background-image: linear-gradient(to bottom, #fafafa, #efefef); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.sidebar-nav > ul > li > ul { + margin: 0px; + padding: 5px 0px 5px 25px; + list-style: none; + display: none; +} + +.sidebar-nav > ul > li > ul > li { + padding: 5px 0px 5px 0px; +} + +.sidebar-nav > ul > li > ul > li > a:hover { + text-decoration: none; +} + +.nav-tabs.nav-stacked > li > a > i { + opacity: .6; + margin-top: 1px; + margin-right: 5px; +} + +.nav-tabs.nav-stacked > li.active > a { + margin: 2px; + border: 1px solid #3c4049; + color: #fff; + background: #0a0c0e; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.nav-tabs.nav-stacked > li.active > a > i { + opacity: 1; +} + +.nav-tabs.nav-stacked > li:first-child > a { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; +} + +.nav-tabs.nav-stacked > li:last-child > a { + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; +} + +.nav-tabs.nav-stacked > li > a:hover { + margin: 2px; + border: 1px solid #3c4049; + color: #fff; + background-color: #4e525d; + background-image: -moz-linear-gradient(top, #4e525d, #3c4049); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e525d), to(#3c4049)); + background-image: -webkit-linear-gradient(top, #4e525d, #3c4049); + background-image: -o-linear-gradient(top, #4e525d, #3c4049); + background-image: linear-gradient(to bottom, #4e525d, #3c4049); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4e525d', endColorstr='#3c4049', GradientType=0); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + color: #555555; + background-color: #000; + outline: 0; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + max-width: 300px; + padding: 0px 0; + margin: 2px 0 0; + list-style: none; + text-shadow: none; + background-color: #fcfcfc;; + border: 4px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clipp: padding; + background-clip: padding-box; +} + +.dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.dropdown-menu .divider { + *width: 100%; + height: 1px; + margin: 0px 1px; + *margin: -5px 0 5px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.dropdown-menu a { + display: block; + padding: 5px 10px !important; + clear: both; + font-weight: normal; + line-height: 20px; + color: #333333; + white-space: normal !important; +} + +.dropdown-menu li { + border-top: 1px solid #fff; + border-bottom: 1px solid #f6f6f6; +} + +.dropdown-menu li:first-child { + border-top: 0px !important; +} + +.dropdown-menu li:last-child { + border-bottom: 0px !important; +} + +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus, +.dropdown-submenu:hover > a { + color: #ffffff; + text-decoration: none; + background-color: #0088cc; + background-color: #0081c2; + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-repeat: repeat-x; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} + +.dropdown-menu .active > a, +.dropdown-menu .active > a:hover { + color: #ffffff; + text-decoration: none; + background-color: #0088cc; + background-color: #0081c2; + background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-repeat: repeat-x; + outline: 0 !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} + +.dropdown-menu .disabled > a, +.dropdown-menu .disabled > a:hover { + color: #999999; +} + +.dropdown-menu .disabled > a:hover { + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.dropdown-menu-title { + background: #f6f6f6; + color: #646464; + padding: 5px 10px; + display: block; +} + +.dropdown-menu ul, +.dropdown-menu ul li { + padding: 0px !important; + margin: 0px !important; +} + +ul.notifications li, +ul.tasks li, +ul.messages li{ + width: 260px; +} + +ul.notifications li .avatar img, +ul.tasks li .avatar img, +ul.messages li .avatar img { + float: left; + height: 40px; + width: 40px; + margin-right: 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + + +ul.messages li .header { + display: block; +} + +ul.messages li .header .from { + font-size: 12px; + font-weight: bold; +} + +ul.notifications li .time, +ul.tasks li .header .percent, +ul.messages li .header .time { + font-size: 11px; + font-weight: bold; + font-style: italic; + position: absolute; + right: 5px; +} +ul.tasks li .title, +ul.notifications li .message { + font-size: 12px; +} + +ul.notifications li.warning a { + color: #FA5833; +} + +ul.messages li .message { + font-size: 11px; +} + + + +/* Notifications & Labels +=================================================================== */ + +.notification { + position: absolute; + top: -12px; + right: -12px; + line-height: 16px; + height: 16px; + padding: 6px 10px; + color: white !important; + text-shadow: 0 1px hsla(0, 0%, 0%, 0.25); + border-width: 1px; + border-style: solid; + border-radius: 10px; + -webkit-border-radius: 50em; + -moz-border-radius: 50em; + border-radius: 50em; + -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3); + box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3); +} + +.notification-small { + padding: 2px 7px; + color: white !important; + text-shadow: 0 1px hsla(0, 0%, 0%, 0.25); + border-width: 1px; + border-style: solid; + -webkit-border-radius: 50em; + -moz-border-radius: 50em; + border-radius: 50em; + -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3); + box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3); +} + +.notification-small, +.notification { + border-color: #2FABE9; + background-color: #67C2EF; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%))); + background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); +} + +.notification-small.green, +.notification.green { + border-color: #5AAD34; + background-color: #78CD51; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%))); + background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); +} + +.notification-small.yellow, +.notification.yellow { + border-color: #F4A506; + background-color: #FABB3D; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%))); + background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); +} + +.notification-small.red, +.notification.red { + border-color: #FA5833; + background-color: #FA603D; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%))); + background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); +} + +.label-important, +.badge-important { + border-color: #FA5833; + background-color: #FA603D; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%))); + background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); +} + +.label-important[href], +.badge-important[href] { + border-color: #FA5833; + background-color: #FA603D; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%))); + background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); + background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%)); +} + +.label-warning, +.badge-warning { + border-color: #F4A506; + background-color: #FABB3D; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%))); + background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); +} + +.label-warning[href], +.badge-warning[href] { + border-color: #F4A506; + background-color: #FABB3D; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%))); + background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); + background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%)); +} + +.label-success, +.badge-success { + border-color: #5AAD34; + background-color: #78CD51; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%))); + background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); +} + +.label-success[href], +.badge-success[href] { + border-color: #5AAD34; + background-color: #78CD51; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%))); + background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); + background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%)); +} + +.label-info, +.badge-info { + border-color: #2FABE9; + background-color: #67C2EF; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%))); + background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); +} + +.label-info[href], +.badge-info[href] { + border-color: #2FABE9; + background-color: #67C2EF; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%))); + background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); + background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%)); +} + +/* Quick Buttons +=================================================================== */ + +.quick-button { + border: 1px solid #ddd; + margin-bottom: -1px; + padding: 30px 0px 10px 0px; + font-size: 14px; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #fafafa, #efefef); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)); + background-image: -webkit-linear-gradient(top, #fafafa, #efefef); + background-image: -o-linear-gradient(top, #fafafa, #efefef); + background-image: linear-gradient(to bottom, #fafafa, #efefef); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0); + -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8); + -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8); + box-shadow: 0 1px 0px rgba(255, 255, 255, .8); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + display:block; + color: #646464; + text-shadow: 0 1px 0px rgba(255, 255, 255, .6); + text-align: center; + cursor: pointer; + position: relative; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.quick-button:hover { + text-decoration: none; + border-color: #a5a5a5; + color: #444444; + text-shadow: 0 1px 0px rgba(255, 255, 255, 1); + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.25); + -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.25); + box-shadow: 0px 0px 3px rgba(0,0,0,.25); +} +.quick-button:hover .notification { + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.6); + -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.6); + box-shadow: 0px 0px 3px rgba(0,0,0,.6); +} + +.quick-button i { + font-size: 32px; +} + +/* Quick Buttons Small +=================================================================== */ + +.quick-button-small { + border: 1px solid #ddd; + padding: 15px 0px 0px 0px; + font-size: 10px; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #fafafa, #efefef); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)); + background-image: -webkit-linear-gradient(top, #fafafa, #efefef); + background-image: -o-linear-gradient(top, #fafafa, #efefef); + background-image: linear-gradient(to bottom, #fafafa, #efefef); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0); + -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8); + -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8); + box-shadow: 0 1px 0px rgba(255, 255, 255, .8); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + display:block; + color: #646464; + text-shadow: 0 1px 0px rgba(255, 255, 255, .6); + text-align: center; + cursor: pointer; + position: relative; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +.quick-button-small:hover { + text-decoration: none; + border-color: #a5a5a5; + color: #444444; + text-shadow: 0 1px 0px rgba(255, 255, 255, 1); + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.25); + -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.25); + box-shadow: 0px 0px 3px rgba(0,0,0,.25); +} +.quick-button-small:hover .notification { + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.6); + -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.6); + box-shadow: 0px 0px 3px rgba(0,0,0,.6); +} + +.quick-button-small i { + font-size: 20px; +} + +/* Dashboard Lists +=================================================================== */ + + +ul.dashboard-list li{ + padding: 5px 0; + list-style:none; + border-top: 1px solid #fff; + border-bottom: 1px solid #ebebeb; + font-size: 12px; +} + +ul.dashboard-list li i{ + opacity: .7; +} + +ul.dashboard-list li:first-child { + border-top: none; + border-bottom: 1px solid #EBEBEB; +} + +ul.dashboard-list li:last-child { + border-bottom: none; +} + +ul.dashboard-list a:hover{ + text-decoration:none; +} + +ul.dashboard-list{ + margin:0; +} + +ul.dashboard-list li a span { + display: inline-block; + font-size: 18px; + font-weight: bold; + margin-right: 10px; + text-align: right; + width: 50px; + zoom: 1; +} + +ul.dashboard-list li .avatar { + height: 50px; + width: 50px; + padding: 1px; + float: left; + margin-top: 3px; + margin-right: 15px; + border: 1px solid #EBEBEB; +} + +ul.dashboard-list li .avatar img{ + height: 40px; + width: 40px; + padding: 1px; + float: left; + margin-top: 3px; + margin-right: 15px; + border: 1px solid #EBEBEB; +} + +/* Support tickets +=================================================================== */ + +ul.tickets { + margin:0; +} + +ul.tickets li { + list-style: none; + padding: 5px 0; + border-top: 1px solid #fff; + border-bottom: 1px solid #ebebeb; + font-size: 12px; +} + +ul.tickets li:first-child { + border-top: none; + border-bottom: 1px solid #ebebeb; +} + +ul.tickets li:last-child { + border-bottom: none; +} + + +ul.tickets li.ticket .header { + width: 100%; + display: inline-block; + font-weight: bold; + font-size: 13px; +} + +ul.tickets li.ticket .header .title { + float: left; + text-align: left; +} + +ul.tickets li.ticket .header .number { + float: right; + text-align: right; +} + +ul.tickets li.ticket .avatar img { + height: 36px; + width: 36px; + padding: 1px; + float: left; + margin-top: 1px; + margin-right: 10px; + border: 1px solid #EBEBEB; +} + +ul.tickets li.ticket .content{ + display: inline-block; + width: 100%; +} + +ul.tickets li.ticket .content .name, +ul.tickets li.ticket .content .status { + float: left; + text-align: left; + width: 50%; +} + +ul.tickets li.ticket .content .priority, +ul.tickets li.ticket .content .date { + float: right; + text-align: right; +} + +/* Chat +=================================================================== */ + +ul.chat { + margin:0; +} + +ul.chat li { + list-style: none; + padding: 5px 0; + margin: 10px auto; + font-size: 12px; +} + + +ul.chat li img.avatar { + height: 50px; + width: 50px; + padding: 1px; + border: 1px solid #EBEBEB; +} + +ul.chat li.left img.avatar { + float: left; + margin-right: 10px; +} + +ul.chat li.right img.avatar { + float: right; + margin-left: 10px; +} + +ul.chat li .message { + display: block; + border: 1px solid #ddd; + padding: 5px; + position: relative; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.05), inset 0 -1px 1px rgba(0,0,0,.05); + -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.05), inset 0 -1px 1px rgba(0,0,0,.05); + box-shadow: 0px 1px 1px rgba(0,0,0,.05), inset 0 -1px 1px rgba(0,0,0,.05); +} + +ul.chat li.left .message { + text-align: left; + margin-left: 65px; + background: #fff +} + +ul.chat li.left .message .arrow { + height: 10px; + width: 10px; + display: block; + position: absolute; + top: 5px; + left: -10px; + background: url(../img/chat-left.png) no-repeat 0px 0px; +} + +ul.chat li.right .message .arrow { + height: 10px; + width: 10px; + display: block; + position: absolute; + top: 5px; + right: -10px; + background: url(../img/chat-right.png) no-repeat 0px 0px; +} + +ul.chat li.right .message { + text-align: right; + margin-right: 65px; + background: #f6f6f6; +} + +ul.chat li .message .text { + display: block; +} + +.chat-form { + border-top: 1px solid #ddd; + background: #eee; + padding: 10px; + margin: 20px -10px -10px -10px; +} + +.chat-form textarea { + width: 100%; + padding: 0.5em; + -webkit-box-sizing: border-box; /* Safari, Chrome et al */ + -moz-box-sizing: border-box; /* Firefox */ + box-sizing: border-box; /* Opera/IE 8+ */ + height: 80px; + outline: 0px !important; + font-size: 12px; +} + + +/* Forms +=================================================================== */ + +.form-actions { + padding: 19px 20px 20px; + margin: 20px -10px -30px -10px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; + *zoom: 1; +} + +.form-actions:before, +.form-actions:after { + display: table; + line-height: 0; + content: ""; +} + +.form-actions:after { + clear: both; +} + +/* Buttons +=================================================================== */ + + +.btn-primary { + background-color: #006dcc; + color: #ffffff; + background-image: -moz-linear-gradient(top, #67c2ef, #2FABE9); + background-image: -ms-linear-gradient(top, #67c2ef, #2FABE9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67c2ef), to(#2FABE9)); + background-image: -webkit-linear-gradient(top, #67c2ef, #2FABE9); + background-image: -o-linear-gradient(top, #67c2ef, #2FABE9); + background-image: linear-gradient(top, #67c2ef, #2FABE9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'67c2ef, endColorstr='#'2FABE9, GradientType=0); + border-color: #1598d9 #1598d9 #007bb8 #1598d9; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} + +.btn-primary:hover, +.btn-primary:active, +.btn-primary.active, +.btn-primary.disabled, +.btn-primary[disabled] { + background-color: #2FABE9; +} + +.btn-primary:active, +.btn-primary.active { + background-color: #2FABE9 \9; +} + +.btn-warning { + background-color: #faa732; + color: #ffffff; + background-image: -moz-linear-gradient(top, #fabb3d, #F4A506); + background-image: -ms-linear-gradient(top, #fabb3d, #F4A506); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fabb3d), to(#F4A506)); + background-image: -webkit-linear-gradient(top, #fabb3d, #F4A506); + background-image: -o-linear-gradient(top, #fabb3d, #F4A506); + background-image: linear-gradient(top, #fabb3d, #F4A506); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fabb3d, endColorstr='#'F4A506, GradientType=0); + border-color: #f89406 #f89406 #ad6704; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} + +.btn-warning:hover, +.btn-warning:active, +.btn-warning.active, +.btn-warning.disabled, +.btn-warning[disabled] { + background-color: #F4A506; +} + +.btn-warning:active, +.btn-warning.active { + background-color: #F4A506 \9; +} + +.btn-danger { + background-color: #da4f49; + color: #ffffff; + background-image: -moz-linear-gradient(top, #fa603d, #f1360a); + background-image: -ms-linear-gradient(top, #fa603d, #f1360a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa603d), to(#f1360a)); + background-image: -webkit-linear-gradient(top, #fa603d, #f1360a); + background-image: -o-linear-gradient(top, #fa603d, #f1360a); + background-image: linear-gradient(top, #fa603d, #f1360a); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fa603d, endColorstr='#'f1360a, GradientType=0); + border-color: #f1360a #f1360a #f1360a; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-danger:hover, +.btn-danger:active, +.btn-danger.active, +.btn-danger.disabled, +.btn-danger[disabled] { + background-color: #f1360a +} + +.btn-danger:active, +.btn-danger.active { + background-color: #f1360a \9; +} + +.btn-success { + background-color: #5bb75b; + color: #ffffff; + background-image: -moz-linear-gradient(top, #78cd51, #5AAD34); + background-image: -ms-linear-gradient(top, #78cd51, #5AAD34); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#78cd51), to(#5AAD34)); + background-image: -webkit-linear-gradient(top, #78cd51, #5AAD34); + background-image: -o-linear-gradient(top, #78cd51, #5AAD34); + background-image: linear-gradient(top, #78cd51, #5AAD34); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'78cd51, endColorstr='#'5AAD34, GradientType=0); + border-color: #5AAD34 #5AAD34 #387038; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-success:hover, +.btn-success:active, +.btn-success.active, +.btn-success.disabled, +.btn-success[disabled] { + background-color: #5AAD34; +} + +.btn-success:active, +.btn-success.active { + background-color: #5AAD34 \9; +} + +.btn-info { + background-color: #49afcd; + color: #ffffff; + background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); + background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); + background-image: linear-gradient(top, #5bc0de, #2f96b4); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'5bc0de, endColorstr='#'2f96b4, GradientType=0); + border-color: #2f96b4 #2f96b4 #1f6377; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-info:hover, +.btn-info:active, +.btn-info.active, +.btn-info.disabled, +.btn-info[disabled] { + background-color: #2f96b4; +} + +.btn-info:active, +.btn-info.active { + background-color: #24748c \9; +} + +.btn-inverse { + color: #ffffff; + background-color: #363636; + *background-color: #222222; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); + background-image: -webkit-linear-gradient(top, #444444, #222222); + background-image: -o-linear-gradient(top, #444444, #222222); + background-image: linear-gradient(to bottom, #444444, #222222); + background-image: -moz-linear-gradient(top, #444444, #222222); + background-repeat: repeat-x; + border-color: #222222 #222222 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); +} + +.btn-inverse:hover, +.btn-inverse:active, +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse[disabled] { + color: #ffffff; + background-color: #222222; + *background-color: #151515; +} + +.btn-inverse:active, +.btn-inverse.active { + background-color: #080808 \9; +} + +/* Alert Boxes +=================================================================== */ +.alert { + font-family: Arial, sans-serif; + font-size: 12px; + line-height: 18px; + margin-bottom: 15px; + position: relative; + padding: 14px 40px 14px 18px; + -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); + box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); +} + +.alert.alert-success { + background-color: #edf6e5 !important; + color: #7a9659 !important; + border: 1px solid #9fc76f !important; +} + +.alert.alert-error { + background-color: #fdeaea !important; + color: #ca6f74 !important; + border: 1px solid #f27b81 !important; +} + +.alert { + background-color: #fffee1 !important; + color: #daac50 !important; + border: 1px solid #f5c056 !important; +} + +.alert.alert-info { + background-color: #e9f8ff !important; + color: #5d9fa9 !important; + border: 1px solid #75c7d3 !important; +} + +/* Tabs +=================================================================== */ + +.tab-menu.nav-tabs { + *zoom: 1; + margin-top: -52px; +} + +.tab-menu.nav-tabs > li { + float: right; +} + +.tab-menu.nav-tabs { + border-bottom: none; +} + +.tab-menu.nav-tabs > li { + margin-bottom: -1px; +} + +.tab-menu.nav-tabs > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; + margin-left: -3px; + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} + +.tab-menu.nav-tabs > li > a:hover { + border-color: #ddd; +} + +.tab-menu.nav-tabs > .active > a { + color: #555555; + cursor: default; + background-color: #fcfcfc; + border-left: 1px solid #ddd; +} + +.tab-menu.nav-tabs > .active > a:hover { + background-color: #fafafa; +} + +/* Forms +=================================================================== */ + +.add-on, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +input[type="file"], +.uneditable-input { + border-color: #dddddd !important; +} + +/* Masonry Gallery +=================================================================== */ + +.masonry-thumb { + display: inline-block; + vertical-align: top; + margin-bottom: 6px; +} + +/* Login Box +=================================================================== */ + +.login-box { + width: 400px; + margin: 100px auto; + margin-top: 280px; + + background: rgb(245,245,245); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 77%, rgba(245,245,245,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(19%,rgba(255,255,255,1)), color-stop(77%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%,rgba(255,255,255,1) 77%,rgba(245,245,245,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */ + color: #000; + overflow: hidden; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.15); + -moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.15); + box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.15); +} + +.login-box .icons { + text-align: right; + margin: 20px 15px; + +} + +.login-box .icons i { + text-align: right; + opacity: .2; + margin: 0px 5px; +} + +.login-box .icons i:hover { + opacity: .8; +} + +.login-box h2 { + color: #444444; + margin-left: 30px; + font-family: monaco; + font-weight: normal; + font-size: large; +} + +.login-box h3 { + color: #646464; + margin-left: 30px; + font-family: monaco; + font-weight: normal; +} + +.login-box p { + margin: 10px 30px; + font-weight: normal; +} + +.login-box .input-prepend { + background: #fff; + width: 100%; + text-align: center; + padding: 15px 0px; + border-left: 3px solid #fff; +} + +.login-box .input-prepend-focus { + background: #fcfcfc; + width: 100%; + text-align: center; + padding: 15px 0px; + border-left: 3px solid #646464; +} + +.login-box .add-on { + border: 1px solid #eee !important; + background: #fff; + margin-left: -10px; + padding: 10px; +} + +.login-box .add-on i{ + opacity: .1; +} + +.login-box input[type="text"], +.login-box input[type="password"] { + border: 1px solid #eee !important; + color: #aaa; + border-left: none !important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + height: 42px !important; +} + +.login-box .remember { + margin-top: 20px; + margin-left: 20px; + float: left; +} + +.login-box .button-login { + margin-top: 20px; + margin-right: 20px; + float: right; +} + +/* UI - Uniform +=================================================================== */ + +div.checker { + margin-top: -4px !important; +} + +div.radio { + margin-top: -4px !important; +} + +div.uploader{ + -webkit-border-radius:14px; + -moz-border-radius:14px; + border-radius:14px; +} + +/* UI - Sliders & Progress +=================================================================== */ + +.ui-slider-handle { + display: inline-block; + background: #fcfcfc; /* Old browsers */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fcfcfc 0%,#f7f7f7 100%); /* IE10+ */ + background: linear-gradient(to bottom, #fcfcfc 0%,#f7f7f7 100%); /* W3C */ + border: 1px solid #CBCBCB; + -webkit-border-radius: 50em; + -moz-border-radius: 50em; + border-radius: 50em; + height: 16px; + width: 16px; + -webkit-box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset; + box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset; + margin-right: 12px; + outline: none; +} + +.slider { + border: 1px solid #C9C9C9; + height: 6px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 0 #ffffff; + -moz-box-shadow: 0 1px 0 #ffffff; + box-shadow: 0 1px 0 #ffffff; + position: relative; + margin: 8px 0; + background: #fcfcfc; /* Old browsers */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */ + background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */ +} + +.ui-slider-range { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + height: 100% ; + position: absolute; + margin-top: -1px; + margin-left: -1px; + -webkit-box-shadow: 0 1px 0 #ffffff !important; + -moz-box-shadow: 0 1px 0 #ffffff !important; + box-shadow: 0 1px 0 #FFFFFF !important; +} + +.sliderVertical .ui-slider-range { + width: 100%; + top: auto; + bottom: auto; +} + +.ui-slider-range-max { + right: -1px; +} + +.ui-slider-range-min { + left: -1px; +} + +.sliderVertical .ui-slider-range-max { + top: -px; +} + +.sliderVertical .ui-slider-range-min { + bottom: 0; +} + +.sliderBlue .ui-slider-range, .progressBlue .ui-progressbar-value { + background: rgb(103,194,239); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3YzJlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZmFiZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(103,194,239,1) 0%, rgba(47,171,233,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,194,239,1)), color-stop(100%,rgba(47,171,233,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(103,194,239,1) 0%,rgba(47,171,233,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(103,194,239,1) 0%,rgba(47,171,233,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(103,194,239,1) 0%,rgba(47,171,233,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(103,194,239,1) 0%,rgba(47,171,233,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c2ef', endColorstr='#2fabe9',GradientType=0 ); /* IE6-8 */ + border: 1px solid #0098e4; +} + +.sliderGreen .ui-slider-range, .progressGreen .ui-progressbar-value { + background: rgb(189,234,116); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkZWE3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmUzNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(189,234,116,1) 0%, rgba(182,227,112,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(189,234,116,1)), color-stop(100%,rgba(182,227,112,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(189,234,116,1) 0%,rgba(182,227,112,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(189,234,116,1) 0%,rgba(182,227,112,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(189,234,116,1) 0%,rgba(182,227,112,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(189,234,116,1) 0%,rgba(182,227,112,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdea74', endColorstr='#b6e370',GradientType=0 ); /* IE6-8 */ + border: 1px solid #96bb5c; +} + +.sliderDarkGreen .ui-slider-range, .progressDarkGreen .ui-progressbar-value { + background: rgb(120,205,81); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4Y2Q1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YWFkMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(120,205,81,1) 0%, rgba(90,173,52,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,205,81,1)), color-stop(100%,rgba(90,173,52,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(120,205,81,1) 0%,rgba(90,173,52,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(120,205,81,1) 0%,rgba(90,173,52,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(120,205,81,1) 0%,rgba(90,173,52,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(120,205,81,1) 0%,rgba(90,173,52,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78cd51', endColorstr='#5aad34',GradientType=0 ); /* IE6-8 */ + border: 1px solid #3f8b1c; +} + +.sliderPink .ui-slider-range, .progressPink .ui-progressbar-value { + background: rgb(232,76,138); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NGM4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjE2NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(232,76,138,1) 0%, rgba(226,22,104,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,76,138,1)), color-stop(100%,rgba(226,22,104,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(232,76,138,1) 0%,rgba(226,22,104,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(232,76,138,1) 0%,rgba(226,22,104,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(232,76,138,1) 0%,rgba(226,22,104,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(232,76,138,1) 0%,rgba(226,22,104,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84c8a', endColorstr='#e21668',GradientType=0 ); /* IE6-8 */ + border: 1px solid #9e0c47; +} + +.sliderOrange .ui-slider-range, .progressOrange .ui-progressbar-value { + background: rgb(250,96,61); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhNjAzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTU4MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(250,96,61,1) 0%, rgba(250,88,51,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,96,61,1)), color-stop(100%,rgba(250,88,51,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(250,96,61,1) 0%,rgba(250,88,51,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(250,96,61,1) 0%,rgba(250,88,51,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(250,96,61,1) 0%,rgba(250,88,51,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(250,96,61,1) 0%,rgba(250,88,51,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa603d', endColorstr='#fa5833',GradientType=0 ); /* IE6-8 */ + border: 1px solid #c13a1a; +} + +.sliderLightOrange .ui-slider-range, .progressLightOrange .ui-progressbar-value { + background: rgb(250,187,61); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYmIzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGE1MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(250,187,61,1) 0%, rgba(244,165,6,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,187,61,1)), color-stop(100%,rgba(244,165,6,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(250,187,61,1) 0%,rgba(244,165,6,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(250,187,61,1) 0%,rgba(244,165,6,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(250,187,61,1) 0%,rgba(244,165,6,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(250,187,61,1) 0%,rgba(244,165,6,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabb3d', endColorstr='#f4a506',GradientType=0 ); /* IE6-8 */ + border: 1px solid #d79103; +} + +.sliderRed .ui-slider-range, .progressRed .ui-progressbar-value { + background: rgb(255,84,84); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNTQ1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(255,0,0,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,84,84,1)), color-stop(100%,rgba(255,0,0,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(255,84,84,1) 0%,rgba(255,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(255,84,84,1) 0%,rgba(255,0,0,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(255,84,84,1) 0%,rgba(255,0,0,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(255,84,84,1) 0%,rgba(255,0,0,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5454', endColorstr='#ff0000',GradientType=0 ); /* IE6-8 */ + border: 1px solid #be0000; +} + +.sliderYellow .ui-slider-range, .progressYellow .ui-progressbar-value { + background: rgb(234,232,116); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTg3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UyNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(234,232,116,1) 0%, rgba(227,226,112,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,232,116,1)), color-stop(100%,rgba(227,226,112,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(234,232,116,1) 0%,rgba(227,226,112,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(234,232,116,1) 0%,rgba(227,226,112,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(234,232,116,1) 0%,rgba(227,226,112,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(234,232,116,1) 0%,rgba(227,226,112,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae874', endColorstr='#e3e270',GradientType=0 ); /* IE6-8 */ + border: 1px solid #bbb95c; +} + +.ui-slider-handle { + position: absolute !important; + background: url("../img/i_16_radio.png") no-repeat center center scroll #F7F7F7 !important; + background: url("../img/i_16_radio.png") no-repeat center center scroll, -webkit-linear-gradient(top , #FCFCFC 0%, #F7F7F7 100%) !important; + background: url("../img/i_16_radio.png") no-repeat center center scroll, -moz-linear-gradient(top , #FCFCFC 0%, #F7F7F7 100%) !important; + background: url("../img/i_16_radio.png") no-repeat center center scroll, -o-linear-gradient(top , #FCFCFC 0%, #F7F7F7 100%) !important; + background: url("../img/i_16_radio.png") no-repeat center center scroll, -ms-linear-gradient(top , #FCFCFC 0%, #F7F7F7 100%) !important; + background: url("../img/i_16_radio.png") no-repeat center center scroll, linear-gradient(top , #FCFCFC 0%, #F7F7F7 100%) !important; + margin: -3px -3px -3px -3px !important; + -webkit-box-shadow: 0 1px 0 #FFFFFF inset !important;; + box-shadow: 0 1px 0 #FFFFFF inset !important; + outline: none !important; +} + +.sliderVertical { + float: left; + height: 100px; + margin-right: 40px; + width: 5px; +} + +.progress { + border: 1px solid #C9C9C9; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 0 #ffffff; + -moz-box-shadow: 0 1px 0 #ffffff; + box-shadow: 0 1px 0 #ffffff; + background: #fcfcfc; /* Old browsers */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */ + background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */ + position: relative; +} + +.ui-progressbar-value { + height: 100%; + top: 0px; + position: absolute; + left: 0px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.progressBarValue span{ + font-size: 12px; +} + +.progressBarValue span.progressCustomValueVal { + font-size: 18px; font-weight: 700; padding:0 5px; color: #FA5833; +} + +.progressSlim { + border: 1px solid #C9C9C9; + height: 6px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 0 #ffffff; + -moz-box-shadow: 0 1px 0 #ffffff; + box-shadow: 0 1px 0 #ffffff; + position: relative; + margin: 8px 0; + background: #fcfcfc; /* Old browsers */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */ + background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */ +} + +.progressSlim .ui-progressbar-value { + height: 100%; + top: 0px; + position: absolute; + left: 0px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + +/* ToDo List +=================================================================== */ +.todo ul{ + list-style: none; + padding: 0px; + margin: 0px; +} + +.todo ul li{ + margin-left: 0px !important; + padding: 5px; + border-top: 1px solid #fff; + border-bottom: 1px solid #f6f6f6; + font-size: 12px; +} + +.todo-actions{ + position: absolute; + right: 20px; +} + +.todo .label { + position: absolute; + right: 80px; +} + +.todo-actions i { + opacity: .3; + margin: -2px 5px 0px 5px; +} + +.todo-actions i:hover { + opacity: .6; +} + +.todo ul li:first-child{ + border-top: 0px; +} + +.todo ul li:last-child{ + border-bottom: 0px; +} + +/* Skill Bars +=================================================================== */ +.skill-bar h5 { + margin-bottom:6px; +} + +.skill-bar li { + margin-bottom:12px; + list-style: none; + margin-left: -26px; + padding-left: 0px; +} + +.meter { + height: 23px; + position: relative; + background: #f6f6f6; +} + +.meter > span { + display: block; + height: 100%; + position: relative; + overflow: hidden; +} + +.meter > span:after, .animate > span > span { + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + overflow: hidden; +} + +.meter > span:after, +.animate > span > spans li.current { + background:#f16529; +} + +/* Star Rating +=================================================================== */ + +.rating { + unicode-bidi: bidi-override; + direction: rtl; + font-size: 30px; +} +.rating span.star, +.rating span.star { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; +} +.rating span.star:hover, +.rating span.star:hover { + cursor: pointer; +} +.rating span.star:before, +.rating span.star:before { + content: "\f006"; + padding-right: 5px; + color: #999999; +} +.rating span.star:hover:before, +.rating span.star:hover:before, +.rating span.star:hover ~ span.star:before, +.rating span.star:hover ~ span.star:before { + content: "\f005"; + color: #e3cf7a; +} + +/* Footer +=================================================================== */ + +footer { + position: relative; + min-height: 24px; + background: url(../img/dbg.jpg); + border-top: 1px solid #0a0c0e; + border-bottom: 2px solid #0a0c0e; + text-shadow: 1px 1px 1px #0a0c0e; + color: #A7A7A7; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + *zoom: 1; + -webkit-box-shadow: 0 -4px 0 rgba(0,0,0,.1); + -moz-box-shadow: 0 -4px 0 rgba(0,0,0,.1); + box-shadow: 0 -4px 0 rgba(0,0,0,.1); +} + +footer p { + position: relative; +} + +/* Sparkline stats +=================================================================== */ + +.sparkLineStats { + position: relative; + margin-bottom: -4px; +} + +.sparkLineStats ul { + margin:0; +} + +.sparkLineStats li { + margin-bottom: 0; + line-height: 32px; + padding-top:3px; + font-size: 12px +} + +.sparkLineStats li .number { + font-size: 17px; + font-weight: 700; + padding:0px 0px 0px 2px; + color: #FA5833; +} + +.sparkLineStats li span:first-child { + margin-right: 5px; +} + +.sparkLineStats h4 { + position: relative; + border-bottom: 1px solid #c4c4c4; + padding-bottom: 0px; + margin-bottom: 10px; + line-height: 37px; + -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1); + -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1); + box-shadow: 0 1px 0px rgba(255, 255, 255, 1); +} + + +/* Circle stats +=================================================================== */ + +.circleStats {text-align: center; position: relative;} +.circleStatsItem { + position: relative; + background: rgba(255,255,255,0.7); + -webkit-box-shadow: inset 0 0px 0 2px rgba(0,0,0,.2), 0 0px 0 4px rgba(0,0,0,.1); + -moz-box-shadow: inset 0 0px 0 2px rgba(0,0,0,.2), 0 0px 0 4px rgba(0,0,0,.1); + box-shadow: inset 0 0px 0 2px rgba(0,0,0,.2), 0 0px 0 4px rgba(0,0,0,.1); + -webkit-border-radius: 50em; + -moz-border-radius: 50em; + border-radius: 50em; + width:120px; + height: 120px; + margin: 10px auto; +} + + +.circleStatsItem i { + font-size: 30px; + position: absolute; + top:30%; + margin-top: 0px; + width: 100%; + text-align: center +} + +.circleStatsItem.orange, .circleStatsItem.orange i {color:#FA5833; } +.circleStatsItem.lightorange, .circleStatsItem.lightorange i {color:#f4a70c; } +.circleStatsItem.blue, .circleStatsItem.blue i {color:#2FABE9; } +.circleStatsItem.green, .circleStatsItem.green i {color:#b9e672; } +.circleStatsItem.yellow, .circleStatsItem.yellow i {color:#e7e572; } +.circleStatsItem.pink, .circleStatsItem.pink i {color:#e42b75; } + +.circleStatsItem input { + cursor: default; + box-shadow: none; + border: none; + height: auto; + position: absolute; + top:20px; + left: 120px; + border-color: rgba(0, 0, 0, 0.8); +} + +.circleStatsItem .plus { + font-size: 16px; + position: absolute; + top:55%; + margin-left: 30px; +} + +.circleStatsItem .percent { + font-size: 14px; + position: absolute; + top:57%; + margin-left: 78px; +} + + +.circleStatsItem input:focus { + outline: 0; + outline: thin dotted 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + + +/* Notifications Center +=================================================================== */ +#notifications-center { + position: fixed; + top: 0; + right: 0; + z-index: 8888; + background: rgba(0,0,0,0.8); + color: #fff; + width: 300px; + height: 100%; + -webkit-box-shadow: -1px 0px 2px rgba(0,0,0,0.45); + -moz-box-shadow: -1px 0px 2px rgba(0,0,0,0.45); + box-shadow: -1px 0px 2px rgba(0,0,0,0.45); +} + +#notifications-center .item { + border-top: 1px solid #444; + border-bottom: 1px solid #000; + overflow: hidden; + height: 50px; + padding: 10px; +} + +#notifications-center .item img { + width: 30px; + height: 30px; + margin: 10px; +} + +/* Query Loader +=================================================================== */ + +.QOverlay { + background-color: #000000; + z-index: 9999; +} + +.QLoader { + background-color: #CCCCCC; + height: 1px; +} + +.QAmt { + color:#333333; + font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; + font-size:40px; + font-weight:bold; + line-height:50px; + height:50px; + width:100px; + margin:-60px 0 0 -50px; +} + +/* Glyphicons Red +=================================================================== */ + +.icon-red { + background-image: url("../img/glyphicons-halflings-red.png"); +} \ No newline at end of file diff --git a/website/static/css/sign-in.css b/website/static/css/sign-in.css index 08210e5..10956bc 100644 --- a/website/static/css/sign-in.css +++ b/website/static/css/sign-in.css @@ -2,7 +2,7 @@ #sign_in{ background: url("../img/backgrounds/beige.jpg") no-repeat; display: block; - height: 450px; + height: 380px; margin-top: -35px; -webkit-background-size: cover; -moz-background-size: cover; diff --git a/website/static/css/theme.css b/website/static/css/theme.css index 7ca5fc7..4f1a057 100644 --- a/website/static/css/theme.css +++ b/website/static/css/theme.css @@ -118,8 +118,8 @@ header { min-height: 80px; background-color: #252528; color: #fff; - padding-top: 35px; } + #footer .footer_header { color: rgb(196, 196, 196); font-style: italic; diff --git a/website/templates/website/base.html b/website/templates/website/base.html index b8c8395..4bebff4 100644 --- a/website/templates/website/base.html +++ b/website/templates/website/base.html @@ -82,7 +82,7 @@ $.ajaxSetup({ {% render_block "css" %} - + diff --git a/website/templates/website/menu_column.html b/website/templates/website/menu_column.html new file mode 100644 index 0000000..1022890 --- /dev/null +++ b/website/templates/website/menu_column.html @@ -0,0 +1,32 @@ + + + +{% addtoblock "css" strip %} {% endaddtoblock %} +{% addtoblock "css" strip %} {% endaddtoblock %} + +
+
+ +
+