diff --git a/.tx/config b/.tx/config index 1bc3e023721..3cdbd5afb28 100644 --- a/.tx/config +++ b/.tx/config @@ -1,5 +1,5 @@ [main] -host = http://www.transifex.net +host = https://www.transifex.com [ckan.2-0] file_filter = ckan/i18n//LC_MESSAGES/ckan.po diff --git a/CHANGELOG.rst b/CHANGELOG.rst index 342c8c0ef8b..5bfbc1701a7 100644 --- a/CHANGELOG.rst +++ b/CHANGELOG.rst @@ -7,6 +7,15 @@ Changelog --------- +v2.2 +==== + +API changes and deprecations: + +* The edit() and after_update() methods of IPackageController plugins are now + called when updating a resource using the web frontend or the + resource_update API action [#1052] + v2.0.1 2013-06-11 ================= diff --git a/CONTRIBUTING.rst b/CONTRIBUTING.rst index 11ee2e4c150..50cbfb1d0d5 100644 --- a/CONTRIBUTING.rst +++ b/CONTRIBUTING.rst @@ -161,11 +161,10 @@ This section will walk you through the steps for making a pull request. its own branch forked from the master branch. The name of the branch should include the issue number (if this work has an - issue in the `CKAN issue tracker`_), the branch type (e.g. "feature" or - "bug"), and a brief one-line synopsis of the work, for example:: + issue in the `CKAN issue tracker`_), and a brief one-line synopsis of the work, + for example:: - 2298-feature-add-sort-by-controls-to-search-page - 1518-bug-upload-file-with-spaces + 2298-add-sort-by-controls-to-search-page #. Fork CKAN on GitHub diff --git a/bin/ckan_spam.py b/bin/ckan_spam.py index 29fd9df62eb..b0fd81ace31 100644 --- a/bin/ckan_spam.py +++ b/bin/ckan_spam.py @@ -14,7 +14,7 @@ import os -from sqlobject import * +import sqlobject import loadconfig path = os.path.abspath(cfg_path) @@ -36,7 +36,7 @@ def purge_packages_by_name(): pkg = model.Package.byName(pkg_name) # for efficiency reasons best to have revisions in descending order sel = model.PackageRevision.select( - AND(model.PackageRevision.q.baseID==pkg.id, + sqlobject.AND(model.PackageRevision.q.baseID==pkg.id, model.PackageRevision.q.revisionID>=start_at_id), orderBy=-model.PackageRevision.q.revisionID, ) diff --git a/bin/travis-build b/bin/travis-build index df7c398d1b6..612cefb937c 100755 --- a/bin/travis-build +++ b/bin/travis-build @@ -27,6 +27,9 @@ pip install -r requirements.txt -r dev-requirements.txt --use-mirrors python setup.py develop +# Install npm dpes for mocha +npm install -g mocha-phantomjs phantomjs + # Configure Solr echo "NO_START=0\nJETTY_HOST=127.0.0.1\nJETTY_PORT=8983\nJAVA_HOME=$JAVA_HOME" | sudo tee /etc/default/jetty # FIXME the solr schema cannot be hardcoded as it is dependent on the ckan version @@ -47,5 +50,23 @@ fi cat test-core.ini -# And finally, run the tests +# Run mocha front-end tests +# We need ckan to be running for some tests +paster serve test-core.ini & +sleep 5 # Make sure the server has fully started +mocha-phantomjs http://localhost:5000/base/test/index.html +# Did an error occur? +MOCHA_ERROR=$? +# We are done so kill ckan +killall paster + +# And finally, run the nosetests nosetests --ckan --with-pylons=test-core.ini --nologcapture ckan ckanext +# Did an error occur? +NOSE_ERROR=$? + +[ "0" -ne "$MOCHA_ERROR" ] && echo MOCKA tests have failed +[ "0" -ne "$NOSE_ERROR" ] && echo NOSE tests have failed + +# If an error occured in our tests make sure travis knows +exit `expr $MOCHA_ERROR + $NOSE_ERROR` diff --git a/build.sh b/build.sh deleted file mode 100755 index 51da5ded36a..00000000000 --- a/build.sh +++ /dev/null @@ -1,74 +0,0 @@ -#!/bin/bash - -# This is a script which uses BuildKit 0.2.0 to automatically package CKAN and -# its dependencies for use as Debian packages on Ubuntu 10.04. -# -# See the BuildKit documentation or look at the help to see what these commands -# do. eg: -# -# buildkit --help -# -# The licenses and solrpy packages have to be built separately from the others -# because they are slighlty non-standard. All other CKAN dependencies are -# automatically handled by the --deps option to the CKAN build command. -# -# Over time, as CKAN and its dependencies follow conventions more closely the -# edge cases handled by this script should go away and the build should become -# simpler. -# -# Install: -# -# sudo apt-get update -# sudo apt-get install -y wget -# echo "deb http://apt.3aims.com/buildkit-0.2.2 lucid universe" | sudo tee /etc/apt/sources.list.d/3aims.list -# wget -qO- "http://apt.3aims.com/packages_public.key" | sudo apt-key add - -# sudo apt-get update -# sudo apt-get install buildkit-deb buildkit-apt-repo - - -CKAN_PACKAGE_VERSION=$1 -DEPS_PACKAGE_VERSION=$2 -# If you don't run this command from the CKAN source directory, specify the -# path to CKAN here -CKAN_PATH=$PWD -# You'll need to create the repo if it doesn't exist: -# sudo -u buildkit buildkit repo clone base_lucid ckan-1.5.1 -REPO_NAME="ckan-1.5.1" -PIP_DOWNLOAD_CACHE=${CKAN_PATH}/build/env/cache -EMAIL=packaging@okfn.org -NAME="James Gardner" - -# Clean the build environment -echo "Cleaning the environment ..." -rm -r ${CKAN_PATH}/dist/ -rm -rf ${CKAN_PATH}/build/env/src -mkdir -p ${CKAN_PATH}/dist/buildkit -echo "done." - -echo "Buildling the packages ..." -# Create the python-ckan debian package -buildkit pkg python -p $CKAN_PACKAGE_VERSION --delete "solrpy" --distro-dep "python-solr" --delete "licenses" --distro-dep "python-licenses" --delete "repoze.who-friendlyform" --rename "repoze.who.plugins.openid -> repoze.who-plugins" --rename "babel -> pybabel" --author-email="$EMAIL" --author-name="$NAME" --packager-email="$EMAIL" --packager-name="$NAME" --deps --exclude=test/generate_package --conflict-module "sqlalchemy-migrate -> migrate" --conflict-module "sqlalchemy -> lib/sqlalchemy" --debian-dir --url http://ckan.org ${CKAN_PATH} - -# Creates the ckan debian package (of which python-ckan is a dependency) -buildkit pkg nonpython -p $CKAN_PACKAGE_VERSION --deb --output-dir ${CKAN_PATH}/dist/buildkit ${CKAN_PATH}/ckan_deb - -# Build python-solr -${CKAN_PATH}/build/buildkit/env/bin/pip install --download-cache ${CKAN_PATH}/build/buildkit/env/cache --no-install --upgrade "solrpy==0.9.4" -mv ${CKAN_PATH}/build/buildkit/env/build/solrpy ${CKAN_PATH}/build/buildkit/env/build/solr -# We need to rename the package here -sed -e "s,solrpy,solr," -i ${CKAN_PATH}/build/buildkit/env/build/solr/setup.py -# We need to specify an author explicitly since it is missing we'll use the CKAN one -buildkit pkg python -p $DEPS_PACKAGE_VERSION --author-email="$EMAIL" --author-name="$NAME" --packager-email="$EMAIL" --packager-name="$NAME" --debian-dir ${CKAN_PATH}/build/buildkit/env/build/solr/ -cp ${CKAN_PATH}/build/buildkit/env/build/solr/dist/buildkit/*.deb ${CKAN_PATH}/dist/buildkit/ - -# Build python-licenses -${CKAN_PATH}/build/buildkit/env/bin/pip install --download-cache ${CKAN_PATH}/build/buildkit/env/cache --no-install --upgrade "licenses==0.6.1" -buildkit pkg python --deb -p $DEPS_PACKAGE_VERSION --author-email="$EMAIL" --author-name="$NAME" --packager-email="$EMAIL" --packager-name="$NAME" ${CKAN_PATH}/build/buildkit/env/build/licenses -cp ${CKAN_PATH}/build/buildkit/env/build/licenses/dist/buildkit/*.deb ${CKAN_PATH}/dist/buildkit/ -echo "done." - -# Add the .debs to the repository and the export the latest files for upload -# echo "Adding the packages to the $REPO_NAME repo using files in ${CKAN_PATH}/dist/buildkit/*.deb ..." -# sudo -u buildkit buildkit repo remove -a $REPO_NAME dummy_arg -# sudo -u buildkit buildkit repo add $REPO_NAME ${CKAN_PATH}/dist/buildkit/*.deb -# echo "done." diff --git a/ckan/__init__.py b/ckan/__init__.py index bcc319eb7d8..c008dc65ba7 100644 --- a/ckan/__init__.py +++ b/ckan/__init__.py @@ -1,4 +1,4 @@ -__version__ = '2.1a' +__version__ = '2.2a' __description__ = 'Comprehensive Knowledge Archive Network (CKAN) Software' __long_description__ = \ diff --git a/ckan/config/routing.py b/ckan/config/routing.py index 0d3c00c5838..aba76212bad 100644 --- a/ckan/config/routing.py +++ b/ckan/config/routing.py @@ -279,7 +279,6 @@ def make_map(): requirements=dict(action='|'.join([ 'edit', 'delete', - 'members', 'member_new', 'member_delete', 'history', @@ -291,6 +290,10 @@ def make_map(): ]))) m.connect('group_about', '/group/about/{id}', action='about', ckan_icon='info-sign'), + m.connect('group_edit', '/group/edit/{id}', action='edit', + ckan_icon='edit') + m.connect('group_members', '/group/members/{id}', action='members', + ckan_icon='group'), m.connect('group_activity', '/group/activity/{id}/{offset}', action='activity', ckan_icon='time'), m.connect('group_read', '/group/{id}', action='read', @@ -343,9 +346,15 @@ def make_map(): m.connect('/user/activity/{id}/{offset}', action='activity') m.connect('user_activity_stream', '/user/activity/{id}', action='activity', ckan_icon='time') - m.connect('/dashboard/{offset}', action='dashboard') m.connect('user_dashboard', '/dashboard', action='dashboard', ckan_icon='list') + m.connect('user_dashboard_datasets', '/dashboard/datasets', + action='dashboard_datasets', ckan_icon='sitemap') + m.connect('user_dashboard_groups', '/dashboard/groups', + action='dashboard_groups', ckan_icon='group') + m.connect('user_dashboard_organizations', '/dashboard/organizations', + action='dashboard_organizations', ckan_icon='building') + m.connect('/dashboard/{offset}', action='dashboard') m.connect('user_follow', '/user/follow/{id}', action='follow') m.connect('/user/unfollow/{id}', action='unfollow') m.connect('user_followers', '/user/followers/{id:.*}', diff --git a/ckan/controllers/admin.py b/ckan/controllers/admin.py index 128aae67afe..cb5e84b069b 100644 --- a/ckan/controllers/admin.py +++ b/ckan/controllers/admin.py @@ -32,10 +32,10 @@ def _get_config_form_items(self): {'text': 'Maroon', 'value': '/base/css/maroon.css'}, {'text': 'Fuchsia', 'value': '/base/css/fuchsia.css'}] items = [ - {'name': 'ckan.site_title', 'control': 'input', 'label': _('Site Title'), 'placeholder': _('')}, - {'name': 'ckan.main_css', 'control': 'select', 'options': styles, 'label': _('Style'), 'placeholder': _('')}, - {'name': 'ckan.site_description', 'control': 'input', 'label': _('Site Tag Line'), 'placeholder': _('')}, - {'name': 'ckan.site_logo', 'control': 'input', 'label': _('Site Tag Logo'), 'placeholder': _('')}, + {'name': 'ckan.site_title', 'control': 'input', 'label': _('Site Title'), 'placeholder': ''}, + {'name': 'ckan.main_css', 'control': 'select', 'options': styles, 'label': _('Style'), 'placeholder': ''}, + {'name': 'ckan.site_description', 'control': 'input', 'label': _('Site Tag Line'), 'placeholder': ''}, + {'name': 'ckan.site_logo', 'control': 'input', 'label': _('Site Tag Logo'), 'placeholder': ''}, {'name': 'ckan.site_about', 'control': 'markdown', 'label': _('About'), 'placeholder': _('About page text')}, {'name': 'ckan.site_intro_text', 'control': 'markdown', 'label': _('Intro Text'), 'placeholder': _('Text on home page')}, {'name': 'ckan.site_custom_css', 'control': 'textarea', 'label': _('Custom CSS'), 'placeholder': _('Customisable css inserted into the page header')}, diff --git a/ckan/controllers/group.py b/ckan/controllers/group.py index 310be042f1b..ccef46bfe78 100644 --- a/ckan/controllers/group.py +++ b/ckan/controllers/group.py @@ -281,7 +281,7 @@ def pager_url(q=None, page=None): default_facet_titles = {'groups': _('Groups'), 'tags': _('Tags'), 'res_format': _('Formats'), - 'license': _('License')} + 'license_id': _('License')} for facet in g.facets: if facet in default_facet_titles: diff --git a/ckan/controllers/organization.py b/ckan/controllers/organization.py index b411f8e2b31..b44d95e057f 100644 --- a/ckan/controllers/organization.py +++ b/ckan/controllers/organization.py @@ -19,7 +19,7 @@ def _group_form(self, group_type=None): return 'organization/new_organization_form.html' def _form_to_db_schema(self, group_type=None): - return lookup_group_plugin(group_type).form_to_db_schema() + return group.lookup_group_plugin(group_type).form_to_db_schema() def _db_to_form_schema(self, group_type=None): '''This is an interface to manipulate data from the database @@ -48,7 +48,7 @@ def _read_template(self, group_type): return 'organization/read.html' def _history_template(self, group_type): - return lookup_group_plugin(group_type).history_template() + return group.lookup_group_plugin(group_type).history_template() def _edit_template(self, group_type): return 'organization/edit.html' diff --git a/ckan/controllers/package.py b/ckan/controllers/package.py index 65541ee33bf..834b3ba38b0 100644 --- a/ckan/controllers/package.py +++ b/ckan/controllers/package.py @@ -344,6 +344,11 @@ def read(self, id, format='html'): c.current_package_id = c.pkg.id c.related_count = c.pkg.related_count + # can the resources be previewed? + for resource in c.pkg_dict['resources']: + resource['can_be_previewed'] = self._resource_preview( + {'resource': resource, 'package': c.pkg_dict}) + self._setup_template_variables(context, {'id': id}, package_type=package_type) @@ -1142,8 +1147,17 @@ def resource_read(self, id, resource_id): c.datastore_api = '%s/api/action' % config.get('ckan.site_url', '').rstrip('/') c.related_count = c.pkg.related_count + + c.resource['can_be_previewed'] = self._resource_preview( + {'resource': c.resource, 'package': c.package}) return render('package/resource_read.html') + def _resource_preview(self, data_dict): + return bool(datapreview.res_format(data_dict['resource']) + in datapreview.direct() + datapreview.loadable() + or datapreview.get_preview_plugin( + data_dict, return_first=True)) + def resource_download(self, id, resource_id): """ Provides a direct download by redirecting the user to the url stored @@ -1319,9 +1333,9 @@ def resource_datapreview(self, id, resource_id): ''' Embeded page for a resource data-preview. - Depending on the type, different previews are loaded. - This could be an img tag where the image is loaded directly or an iframe that - embeds a webpage, recline or a pdf preview. + Depending on the type, different previews are loaded. This could be an + img tag where the image is loaded directly or an iframe that embeds a + webpage, recline or a pdf preview. ''' context = { 'model': model, @@ -1335,30 +1349,17 @@ def resource_datapreview(self, id, resource_id): c.package = get_action('package_show')(context, {'id': id}) data_dict = {'resource': c.resource, 'package': c.package} - on_same_domain = datapreview.resource_is_on_same_domain(data_dict) - data_dict['resource']['on_same_domain'] = on_same_domain - - # FIXME this wants to not use plugins as it is an imported name - # and we already import it an p should really only be in - # extensu=ions in my opinion also just make it look nice and be - # readable grrrrrr - plugins = p.PluginImplementations(p.IResourcePreview) - plugins_that_can_preview = [plugin for plugin in plugins - if plugin.can_preview(data_dict)] - if len(plugins_that_can_preview) == 0: - abort(409, _('No preview has been defined.')) - if len(plugins_that_can_preview) > 1: - log.warn('Multiple previews are possible. {0}'.format( - plugins_that_can_preview)) - plugin = plugins_that_can_preview[0] - plugin.setup_template_variables(context, data_dict) + preview_plugin = datapreview.get_preview_plugin(data_dict) - c.resource_json = json.dumps(c.resource) + if preview_plugin is None: + abort(409, _('No preview has been defined.')) + preview_plugin.setup_template_variables(context, data_dict) + c.resource_json = json.dumps(c.resource) except NotFound: abort(404, _('Resource not found')) except NotAuthorized: abort(401, _('Unauthorized to read resource %s') % id) else: - return render(plugin.preview_template(context, data_dict)) + return render(preview_plugin.preview_template(context, data_dict)) diff --git a/ckan/controllers/user.py b/ckan/controllers/user.py index 7fdd6534605..ab162ef0659 100644 --- a/ckan/controllers/user.py +++ b/ckan/controllers/user.py @@ -1,9 +1,9 @@ import logging from urllib import quote +from urlparse import urlparse from pylons import config -import ckan.lib.i18n as i18n import ckan.lib.base as base import ckan.model as model import ckan.lib.helpers as h @@ -15,7 +15,7 @@ import ckan.lib.navl.dictization_functions as dictization_functions import ckan.plugins as p -from ckan.common import _, session, c, g, request +from ckan.common import _, c, g, request log = logging.getLogger(__name__) @@ -301,12 +301,6 @@ def _save_edit(self, id, context): return self.edit(id, data_dict, errors, error_summary) def login(self, error=None): - lang = session.pop('lang', None) - if lang: - session.save() - return h.redirect_to(locale=str(lang), controller='user', - action='login') - # Do any plugin login stuff for item in p.PluginImplementations(p.IAuthenticator): item.login() @@ -320,7 +314,10 @@ def login(self, error=None): g.openid_enabled = False if not c.user: - came_from = request.params.get('came_from', '') + came_from = request.params.get('came_from') + if not came_from: + came_from = h.url_for(controller='user', action='logged_in', + __ckan_no_root=True) c.login_handler = h.url_for( self._get_repoze_handler('login_handler_path'), came_from=came_from) @@ -333,14 +330,10 @@ def login(self, error=None): return render('user/logout_first.html') def logged_in(self): - # we need to set the language via a redirect - lang = session.pop('lang', None) - session.save() + # redirect if needed came_from = request.params.get('came_from', '') - - # we need to set the language explicitly here or the flash - # messages will not be translated. - i18n.set_lang(lang) + if self._sane_came_from(came_from): + return h.redirect_to(str(came_from)) if c.user: context = None @@ -350,8 +343,6 @@ def logged_in(self): h.flash_success(_("%s is now logged in") % user_dict['display_name']) - if came_from: - return h.redirect_to(str(came_from)) return self.me() else: err = _('Login failed. Bad username or password.') @@ -360,34 +351,26 @@ def logged_in(self): 'with a user account.)') if h.asbool(config.get('ckan.legacy_templates', 'false')): h.flash_error(err) - h.redirect_to(locale=lang, controller='user', + h.redirect_to(controller='user', action='login', came_from=came_from) else: return self.login(error=err) def logout(self): - # save our language in the session so we don't lose it - session['lang'] = request.environ.get('CKAN_LANG') - session.save() - # Do any plugin logout stuff for item in p.PluginImplementations(p.IAuthenticator): item.logout() - - h.redirect_to(self._get_repoze_handler('logout_handler_path')) - - def set_lang(self, lang): - # this allows us to set the lang in session. Used for logging - # in/out to prevent being lost when repoze.who redirects things - session['lang'] = str(lang) - session.save() + url = h.url_for(controller='user', action='logged_out_page', + __ckan_no_root=True) + h.redirect_to(self._get_repoze_handler('logout_handler_path') + + '?came_from=' + url) def logged_out(self): - # we need to get our language info back and the show the correct page - lang = session.get('lang') - c.user = None - session.delete() - h.redirect_to(locale=lang, controller='user', action='logged_out_page') + # redirect if needed + came_from = request.params.get('came_from', '') + if self._sane_came_from(came_from): + return h.redirect_to(str(came_from)) + h.redirect_to(controller='user', action='logged_out_page') def logged_out_page(self): return render('user/logout.html') @@ -619,6 +602,24 @@ def dashboard(self, id=None, offset=0): return render('user/dashboard.html') + def dashboard_datasets(self): + context = {'for_view': True} + data_dict = {'user_obj': c.userobj} + self._setup_template_variables(context, data_dict) + return render('user/dashboard_datasets.html') + + def dashboard_organizations(self): + context = {'for_view': True} + data_dict = {'user_obj': c.userobj} + self._setup_template_variables(context, data_dict) + return render('user/dashboard_organizations.html') + + def dashboard_groups(self): + context = {'for_view': True} + data_dict = {'user_obj': c.userobj} + self._setup_template_variables(context, data_dict) + return render('user/dashboard_groups.html') + def follow(self, id): '''Start following this user.''' context = {'model': model, @@ -657,3 +658,14 @@ def unfollow(self, id): or e.error_dict) h.flash_error(error_message) h.redirect_to(controller='user', action='read', id=id) + + def _sane_came_from(self, url): + '''Returns True if came_from is local''' + if not url or (len(url) >= 2 and url.startswith('//')): + return False + parsed = urlparse(url) + if parsed.scheme: + domain = urlparse(h.url_for('/', qualified=True)).netloc + if domain != parsed.netloc: + return False + return True diff --git a/ckan/lib/base.py b/ckan/lib/base.py index 5c755650c21..7640b3dc7e8 100644 --- a/ckan/lib/base.py +++ b/ckan/lib/base.py @@ -25,6 +25,7 @@ import ckan.lib.app_globals as app_globals from ckan.plugins import PluginImplementations, IGenshiStreamFilter, IAuthenticator import ckan.model as model +import ckan.lib.maintain as maintain # These imports are for legacy usages and will be removed soon these should # be imported directly from ckan.common for internal ckan code and via the @@ -224,15 +225,9 @@ def __before__(self, action, **params): i18n.handle_request(request, c) - # If the user is logged in add their number of new activities to the - # template context. - if c.userobj: - from ckan.logic import get_action - new_activities_count = get_action( - 'dashboard_new_activities_count') - context = {'model': model, 'session': model.Session, - 'user': c.user or c.author} - c.new_activities = new_activities_count(context, {}) + maintain.deprecate_context_item( + 'new_activities', + 'Use `h.new_activities` instead.') def _identify_user(self): '''Try to identify the user diff --git a/ckan/lib/celery_app.py b/ckan/lib/celery_app.py index 95f15937f18..f95fcae3447 100644 --- a/ckan/lib/celery_app.py +++ b/ckan/lib/celery_app.py @@ -4,7 +4,6 @@ from pylons import config as pylons_config from pkg_resources import iter_entry_points, VersionConflict -#from celery.loaders.base import BaseLoader log = logging.getLogger(__name__) @@ -49,16 +48,16 @@ log.critical(error) pass -celery.conf.update(default_config) -celery.loader.conf.update(default_config) - try: for key, value in config.items('app:celery'): if key in LIST_PARAMS: - celery.conf[key.upper()] = value.split() - celery.loader.conf[key.upper()] = value.split() + default_config[key.upper()] = value.split() else: - celery.conf[key.upper()] = value - celery.loader.conf[key.upper()] = value.split() + default_config[key.upper()] = value except ConfigParser.NoSectionError: pass + +# Thes update of configuration means it is only possible to set each +# key once so this is done once all of the options have been decided. +celery.conf.update(default_config) +celery.loader.conf.update(default_config) diff --git a/ckan/lib/datapreview.py b/ckan/lib/datapreview.py index 27e7804bc83..9dc5f48f08f 100644 --- a/ckan/lib/datapreview.py +++ b/ckan/lib/datapreview.py @@ -6,6 +6,7 @@ """ import urlparse +import logging import pylons.config as config @@ -16,9 +17,30 @@ 'n3', 'n-triples', 'turtle', 'plain', 'atom', 'rss', 'txt'] +log = logging.getLogger(__name__) + + +def direct(): + ''' Directly embeddable formats.''' + direct_embed = config.get('ckan.preview.direct', '').split() + return direct_embed or DEFAULT_DIRECT_EMBED + + +def loadable(): + ''' Iframe loadable formats. ''' + loadable_in_iframe = config.get('ckan.preview.loadable', '').split() + return loadable_in_iframe or DEFAULT_LOADABLE_IFRAME + + +def res_format(resource): + ''' The assumed resource format in lower case. ''' + if not resource['url']: + return None + return (resource['format'] or resource['url'].split('.')[-1]).lower() + def compare_domains(urls): - ''' Return True if the domains of the provided are the same. + ''' Return True if the domains of the provided urls are the same. ''' first_domain = None for url in urls: @@ -41,7 +63,7 @@ def compare_domains(urls): return True -def resource_is_on_same_domain(data_dict): +def _on_same_domain(data_dict): # compare CKAN domain and resource URL ckan_url = config.get('ckan.site_url', '//localhost:5000') resource_url = data_dict['resource']['url'] @@ -49,14 +71,53 @@ def resource_is_on_same_domain(data_dict): return compare_domains([ckan_url, resource_url]) -def can_be_previewed(data_dict): - ''' - Determines whether there is an extension that can preview the resource. +def get_preview_plugin(data_dict, return_first=False): + '''Determines whether there is an extension that can preview the resource. :param data_dict: contains a resource and package dict. The resource dict has to have a value for ``on_same_domain`` :type data_dict: dictionary - ''' - data_dict['resource']['on_same_domain'] = resource_is_on_same_domain(data_dict) - plugins = p.PluginImplementations(p.IResourcePreview) - return any(plugin.can_preview(data_dict) for plugin in plugins) + + :param return_first: If True return the first plugin that can preview + :type return_first: bool + + Returns a dict of plugins that can preview or ones that are fixable''' + + data_dict['resource']['on_same_domain'] = _on_same_domain(data_dict) + + plugins_that_can_preview = [] + plugins_fixable = [] + for plugin in p.PluginImplementations(p.IResourcePreview): + p_info = {'plugin': plugin, 'quality': 1} + data = plugin.can_preview(data_dict) + # old school plugins return true/False + if isinstance(data, bool): + p_info['can_preview'] = data + else: + # new school provide a dict + p_info.update(data) + # if we can preview + if p_info['can_preview']: + if return_first: + plugin + plugins_that_can_preview.append(p_info) + elif p_info.get('fixable'): + plugins_fixable.append(p_info) + + num_plugins = len(plugins_that_can_preview) + if num_plugins == 0: + # we didn't find any. see if any could be made to work + for plug in plugins_fixable: + log.info('%s would allow previews to fix: %s' % ( + plug['plugin'], plug['fixable'])) + preview_plugin = None + elif num_plugins == 1: + # just one available + preview_plugin = plugins_that_can_preview[0]['plugin'] + else: + # multiple plugins so get the best one + plugs = [pl['plugin'] for pl in plugins_that_can_preview] + log.warn('Multiple previews are possible. {0}'.format(plugs)) + preview_plugin = max(plugins_that_can_preview, + key=lambda x: x['quality'])['plugin'] + return preview_plugin diff --git a/ckan/lib/dictization/model_save.py b/ckan/lib/dictization/model_save.py index 8afed9bdbc5..a60fb4dec68 100644 --- a/ckan/lib/dictization/model_save.py +++ b/ckan/lib/dictization/model_save.py @@ -87,9 +87,6 @@ def package_resource_list_save(res_dicts, package, context): else: resource.state = 'deleted' resource_list.append(resource) - tag_package_tag = dict((package_tag.tag, package_tag) - for package_tag in - package.package_tag_all) def package_extras_save(extra_dicts, obj, context): diff --git a/ckan/lib/formatters.py b/ckan/lib/formatters.py index 5e3d51f7c6d..193580aa28f 100644 --- a/ckan/lib/formatters.py +++ b/ckan/lib/formatters.py @@ -68,35 +68,55 @@ def _month_dec(): _month_sept, _month_oct, _month_nov, _month_dec] -def localised_nice_date(datetime_): - ''' Returns a friendly localised unicode representation of a datetime. ''' - now = datetime.datetime.now() - date_diff = now - datetime_ - days = date_diff.days - if days < 1 and now > datetime_: - # less than one day - seconds = date_diff.seconds - if seconds < 3600: - # less than one hour - if seconds < 60: - return _('Just now') +def localised_nice_date(datetime_, show_date=False, with_hours=False): + ''' Returns a friendly localised unicode representation of a datetime. + + :param datetime_: The date to format + :type datetime_: datetime + :param show_date: Show date not 2 days ago etc + :type show_date: bool + :param with_hours: should the `hours:mins` be shown for dates + :type with_hours: bool + + :rtype: sting + ''' + if not show_date: + now = datetime.datetime.now() + date_diff = now - datetime_ + days = date_diff.days + if days < 1 and now > datetime_: + # less than one day + seconds = date_diff.seconds + if seconds < 3600: + # less than one hour + if seconds < 60: + return _('Just now') + else: + return ungettext('{mins} minute ago', '{mins} minutes ago', + seconds / 60).format(mins=seconds / 60) else: - return ungettext('{mins} minute ago', '{mins} minutes ago', - seconds / 60).format(mins=seconds / 60) - else: - return ungettext('{hours} hour ago', '{hours} hours ago', - seconds / 3600).format(hours=seconds / 3600) - # more than one day - if days < 31: - return ungettext('{days} day ago', '{days} days ago', - days).format(days=days) + return ungettext('{hours} hour ago', '{hours} hours ago', + seconds / 3600).format(hours=seconds / 3600) + # more than one day + if days < 31: + return ungettext('{days} day ago', '{days} days ago', + days).format(days=days) # actual date - month = datetime_.month - day = datetime_.day - year = datetime_.year - month_name = _MONTH_FUNCTIONS[month - 1]() - return _('{month} {day}, {year}').format(month=month_name, day=day, - year=year) + details = { + 'min': datetime_.minute, + 'hour': datetime_.hour, + 'day': datetime_.day, + 'year': datetime_.year, + 'month': _MONTH_FUNCTIONS[datetime_.month - 1](), + } + if with_hours: + return ( + # NOTE: This is for translating dates like `April 24, 2013, 10:45` + _('{month} {day}, {year}, {hour:02}:{min:02}').format(**details)) + else: + return ( + # NOTE: This is for translating dates like `April 24, 2013` + _('{month} {day}, {year}').format(**details)) def localised_number(number): diff --git a/ckan/lib/helpers.py b/ckan/lib/helpers.py index aa57456fb7b..250fbf67e73 100644 --- a/ckan/lib/helpers.py +++ b/ckan/lib/helpers.py @@ -780,26 +780,35 @@ def _range(self, regexp_match): def render_datetime(datetime_, date_format=None, with_hours=False): - '''Render a datetime object or timestamp string as a pretty string - (Y-m-d H:m). + '''Render a datetime object or timestamp string as a localised date or + in the requested format. If timestamp is badly formatted, then a blank string is returned. + + :param datetime_: the date + :type datetime_: datetime or ISO string format + :param date_format: a date format + :type date_format: string + :param with_hours: should the `hours:mins` be shown + :type with_hours: bool + + :rtype: string ''' - if not date_format: - date_format = '%b %d, %Y' - if with_hours: - date_format += ', %H:%M' - if isinstance(datetime_, datetime.datetime): - return datetime_.strftime(date_format) - elif isinstance(datetime_, basestring): + if isinstance(datetime_, basestring): try: datetime_ = date_str_to_datetime(datetime_) except TypeError: return '' except ValueError: return '' - return datetime_.strftime(date_format) - else: + # check we are now a datetime + if not isinstance(datetime_, datetime.datetime): return '' + # if date_format was supplied we use it + if date_format: + return datetime_.strftime(date_format) + # the localised date + return formatters.localised_nice_date(datetime_, show_date=True, + with_hours=with_hours) def date_str_to_datetime(date_str): @@ -1269,18 +1278,24 @@ def popular(type_, number, min=1, title=None): return snippet('snippets/popular.html', title=title, number=number, min=min) -def groups_available(): - ''' return a list of available groups ''' - context = {'model': model, 'session': model.Session, - 'user': c.user or c.author} - data_dict = {'available_only': True} +def groups_available(am_member=False): + '''Return a list of the groups that the user is authorized to edit. + + :param am_member: if True return only the groups the logged-in user is a + member of, otherwise return all groups that the user is authorized to + edit (for example, sysadmin users are authorized to edit all groups) + (optional, default: False) + :type am-member: boolean + + ''' + context = {} + data_dict = {'available_only': True, 'am_member': am_member} return logic.get_action('group_list_authz')(context, data_dict) def organizations_available(permission='edit_group'): ''' return a list of available organizations ''' - context = {'model': model, 'session': model.Session, - 'user': c.user} + context = {'user': c.user} data_dict = {'permission': permission} return logic.get_action('organization_list_for_user')(context, data_dict) @@ -1486,7 +1501,7 @@ def format_resource_items(items): return sorted(output, key=lambda x: x[0]) -def resource_preview(resource, pkg_id): +def resource_preview(resource, package): ''' Returns a rendered snippet for a embedded resource preview. @@ -1495,30 +1510,22 @@ def resource_preview(resource, pkg_id): that embeds a web page, recline or a pdf preview. ''' - format_lower = resource['format'].lower() - directly = False - url = '' - - data_dict = {'resource': resource, 'package': c.package} - if not resource['url']: return snippet("dataviewer/snippets/no_preview.html", resource_type=format_lower, reason=_(u'The resource url is not specified.')) - direct_embed = config.get('ckan.preview.direct', '').split() - if not direct_embed: - direct_embed = datapreview.DEFAULT_DIRECT_EMBED - loadable_in_iframe = config.get('ckan.preview.loadable', '').split() - if not loadable_in_iframe: - loadable_in_iframe = datapreview.DEFAULT_LOADABLE_IFRAME - - if datapreview.can_be_previewed(data_dict): + + format_lower = datapreview.res_format(resource) + directly = False + data_dict = {'resource': resource, 'package': package} + + if datapreview.get_preview_plugin(data_dict, return_first=True): url = url_for(controller='package', action='resource_datapreview', - resource_id=resource['id'], id=pkg_id, qualified=True) - elif format_lower in direct_embed: + resource_id=resource['id'], id=package['id'], qualified=True) + elif format_lower in datapreview.direct(): directly = True url = resource['url'] - elif format_lower in loadable_in_iframe: + elif format_lower in datapreview.loadable(): url = resource['url'] else: reason = None @@ -1576,6 +1583,19 @@ def SI_number_span(number): localised_nice_date = formatters.localised_nice_date localised_filesize = formatters.localised_filesize +def new_activities(): + '''Return the number of activities for the current user. + + See :func:`logic.action.get.dashboard_new_activities_count` for more + details. + + ''' + if not c.userobj: + return None + action = logic.get_action('dashboard_new_activities_count') + return action({}, {}) + + # these are the functions that will end up in `h` template helpers __allowed_functions__ = [ # functions defined in ckan.lib.helpers @@ -1660,6 +1680,7 @@ def SI_number_span(number): 'localised_nice_date', 'localised_filesize', 'list_dict_filter', + 'new_activities', # imported into ckan.lib.helpers 'literal', 'link_to', diff --git a/ckan/lib/navl/__init__.py b/ckan/lib/navl/__init__.py index 373068d954a..f72a536ed7d 100644 --- a/ckan/lib/navl/__init__.py +++ b/ckan/lib/navl/__init__.py @@ -1 +1 @@ -__licence__ = 'MIT' +__license__ = 'MIT' diff --git a/ckan/lib/package_saver.py b/ckan/lib/package_saver.py index 5b3f876151f..d93653c77da 100644 --- a/ckan/lib/package_saver.py +++ b/ckan/lib/package_saver.py @@ -1,9 +1,9 @@ -from sqlalchemy import orm import ckan.lib.helpers as h -from ckan.lib.base import * +import ckan.lib.base as base +import ckan.model as model import ckan.rating -from pylons import g -from ckan.lib.dictization import table_dictize + +from ckan.common import g, c, _ # Todo: Factor out unused original_name argument. @@ -72,14 +72,14 @@ def _update(cls, fs, log_message, author, client=None): fs.validate() validates = not (errors or fs.errors) if not validates: - raise ValidationException(fs) + raise base.ValidationException(fs) # sync try: rev = model.repo.new_revision() rev.author = author rev.message = log_message fs.sync() - except Exception, inst: + except Exception: model.Session.rollback() raise else: diff --git a/ckan/lib/repoze_patch.py b/ckan/lib/repoze_patch.py index 5344ff93ba0..eb6b32ccc86 100644 --- a/ckan/lib/repoze_patch.py +++ b/ckan/lib/repoze_patch.py @@ -2,12 +2,10 @@ from openid.consumer import consumer from openid.extensions import sreg, ax -import ckan.lib.helpers as h - # #1659 fix - logged_out_url prefixed with mount point def get_full_path(path, environ): if path.startswith('/'): - path = h._add_i18n_to_url(path) + path = environ.get('SCRIPT_NAME', '') + path return path def identify(self, environ): @@ -31,8 +29,8 @@ def identify(self, environ): for a,v in self.forget(environ,{}): res.headers.add(a,v) res.status = 302 - - res.location = get_full_path(self.logged_out_url, environ) + url = self.logged_out_url + '?came_from=' + environ.get('came_from') + res.location = get_full_path(url, environ) environ['repoze.who.application'] = res return {} diff --git a/ckan/logic/action/create.py b/ckan/logic/action/create.py index b96a3fcc5b6..73bdaedb8cd 100644 --- a/ckan/logic/action/create.py +++ b/ckan/logic/action/create.py @@ -3,7 +3,7 @@ import logging from pylons import config -from paste.deploy.converters import asbool +import paste.deploy.converters import ckan.lib.plugins as lib_plugins import ckan.logic as logic @@ -325,10 +325,12 @@ def related_create(context, data_dict): activity_create_context = { 'model': model, 'user': user, - 'defer_commit':True, + 'defer_commit': True, + 'ignore_auth': True, 'session': session } - activity_create(activity_create_context, activity_dict, ignore_auth=True) + logic.get_action('activity_create')(activity_create_context, + activity_dict) session.commit() context["related"] = related @@ -548,11 +550,12 @@ def _group_or_org_create(context, data_dict, is_org=False): activity_create_context = { 'model': model, 'user': user, - 'defer_commit':True, + 'defer_commit': True, + 'ignore_auth': True, 'session': session } logic.get_action('activity_create')(activity_create_context, - activity_dict, ignore_auth=True) + activity_dict) if not context.get('defer_commit'): model.repo.commit() @@ -798,6 +801,7 @@ def user_create(context, data_dict): 'model': model, 'user': context['user'], 'defer_commit': True, + 'ignore_auth': True, 'session': session } activity_dict = { @@ -806,7 +810,7 @@ def user_create(context, data_dict): 'activity_type': 'new user', } logic.get_action('activity_create')(activity_create_context, - activity_dict, ignore_auth=True) + activity_dict) if not context.get('defer_commit'): model.repo.commit() @@ -822,7 +826,10 @@ def user_create(context, data_dict): context['user_obj'] = user context['id'] = user.id - log.debug('Created user %s' % user.name) + + model.Dashboard.get(user.id) # Create dashboard for user. + + log.debug('Created user {name}'.format(name=user.name)) return user_dict ## Modifications for rest api @@ -892,7 +899,7 @@ def vocabulary_create(context, data_dict): return model_dictize.vocabulary_dictize(vocabulary, context) -def activity_create(context, activity_dict, ignore_auth=False): +def activity_create(context, activity_dict, **kw): '''Create a new activity stream activity. You must be a sysadmin to create new activities. @@ -914,7 +921,16 @@ def activity_create(context, activity_dict, ignore_auth=False): :rtype: dictionary ''' - if not asbool(config.get('ckan.activity_streams_enabled', 'true')): + + # this action had a ignore_auth param which has been removed + # removed in 2.2 + if 'ignore_auth' in kw: + raise Exception('Activity Stream calling parameters have changed ' + 'ignore_auth must be passed in the context not as ' + 'a param') + + if not paste.deploy.converters.asbool( + config.get('ckan.activity_streams_enabled', 'true')): return model = context['model'] @@ -926,8 +942,7 @@ def activity_create(context, activity_dict, ignore_auth=False): else: activity_dict['revision_id'] = None - if not ignore_auth: - _check_access('activity_create', context, activity_dict) + _check_access('activity_create', context, activity_dict) schema = context.get('schema') or ckan.logic.schema.default_create_activity_schema() data, errors = _validate(activity_dict, schema, context) @@ -954,7 +969,7 @@ def package_relationship_create_rest(context, data_dict): relationship_dict = _get_action('package_relationship_create')(context, data_dict) return relationship_dict -def tag_create(context, tag_dict): +def tag_create(context, data_dict): '''Create a new vocabulary tag. You must be a sysadmin to create vocabulary tags. @@ -977,14 +992,14 @@ def tag_create(context, tag_dict): ''' model = context['model'] - _check_access('tag_create', context, tag_dict) + _check_access('tag_create', context, data_dict) schema = context.get('schema') or ckan.logic.schema.default_create_tag_schema() - data, errors = _validate(tag_dict, schema, context) + data, errors = _validate(data_dict, schema, context) if errors: raise ValidationError(errors) - tag = model_save.tag_dict_save(tag_dict, context) + tag = model_save.tag_dict_save(data_dict, context) if not context.get('defer_commit'): model.repo.commit() @@ -1141,10 +1156,41 @@ def _group_or_org_member_create(context, data_dict, is_org=False): logic.get_action('member_create')(member_create_context, member_dict) def group_member_create(context, data_dict): + '''Make a user a member of a group. + + You must be authorized to edit the group. + + :param id: the id or name of the group + :type id: string + :param username: name or id of the user to be made member of the group + :type username: string + :param role: role of the user in the group. One of ``member``, ``editor``, + or ``admin`` + :type role: string + + :returns: the newly created (or updated) membership + :rtype: dictionary + ''' _check_access('group_member_create', context, data_dict) return _group_or_org_member_create(context, data_dict) def organization_member_create(context, data_dict): + '''Make a user a member of an organization. + + You must be authorized to edit the organization. + + :param id: the id or name of the organization + :type id: string + :param username: name or id of the user to be made member of the + organization + :type username: string + :param role: role of the user in the organization. One of ``member``, + ``editor``, or ``admin`` + :type role: string + + :returns: the newly created (or updated) membership + :rtype: dictionary + ''' _check_access('organization_member_create', context, data_dict) return _group_or_org_member_create(context, data_dict, is_org=True) diff --git a/ckan/logic/action/delete.py b/ckan/logic/action/delete.py index fd113498839..933e7624b43 100644 --- a/ckan/logic/action/delete.py +++ b/ckan/logic/action/delete.py @@ -69,9 +69,21 @@ def resource_delete(context, data_dict): _check_access('resource_delete',context, data_dict) - entity.delete() + package_id = entity.get_package_id() + + pkg_dict = _get_action('package_show')(context, {'id': package_id}) + + if 'resources' in pkg_dict and id in pkg_dict['resources']: + pkg_dict['resources'].remove(id) + try: + pkg_dict = _get_action('package_update')(context, pkg_dict) + except ValidationError, e: + errors = e.error_dict['resources'][-1] + raise ValidationError(errors) + model.repo.commit() + def package_relationship_delete(context, data_dict): '''Delete a dataset (package) relationship. @@ -151,11 +163,12 @@ def related_delete(context, data_dict): activity_create_context = { 'model': model, 'user': user, - 'defer_commit':True, + 'defer_commit': True, + 'ignore_auth': True, 'session': session } - _get_action('activity_create')(activity_create_context, activity_dict, ignore_auth=True) + _get_action('activity_create')(activity_create_context, activity_dict) session.commit() entity.delete() @@ -263,7 +276,7 @@ def group_delete(context, data_dict): return _group_or_org_delete(context, data_dict) def organization_delete(context, data_dict): - '''Delete a organization. + '''Delete an organization. You must be authorized to delete the organization. @@ -273,6 +286,86 @@ def organization_delete(context, data_dict): ''' return _group_or_org_delete(context, data_dict, is_org=True) +def _group_or_org_purge(context, data_dict, is_org=False): + '''Purge a group or organization. + + The group or organization will be completely removed from the database. + This cannot be undone! + + Only sysadmins can purge groups or organizations. + + :param id: the name or id of the group or organization to be purged + :type id: string + + :param is_org: you should pass is_org=True if purging an organization, + otherwise False (optional, default: False) + :type is_org: boolean + + ''' + model = context['model'] + id = _get_or_bust(data_dict, 'id') + + group = model.Group.get(id) + context['group'] = group + if group is None: + if is_org: + raise NotFound('Organization was not found') + else: + raise NotFound('Group was not found') + + if is_org: + _check_access('organization_purge', context, data_dict) + else: + _check_access('group_purge', context, data_dict) + + members = model.Session.query(model.Member) + members = members.filter(model.Member.group_id == group.id) + if members.count() > 0: + model.repo.new_revision() + for m in members.all(): + m.delete() + model.repo.commit_and_remove() + + group = model.Group.get(id) + model.repo.new_revision() + group.purge() + model.repo.commit_and_remove() + +def group_purge(context, data_dict): + '''Purge a group. + + .. warning:: Purging a group cannot be undone! + + Purging a group completely removes the group from the CKAN database, + whereas deleting a group simply marks the group as deleted (it will no + longer show up in the frontend, but is still in the db). + + You must be authorized to purge the group. + + :param id: the name or id of the group to be purged + :type id: string + + ''' + return _group_or_org_purge(context, data_dict, is_org=False) + +def organization_purge(context, data_dict): + '''Purge an organization. + + .. warning:: Purging an organization cannot be undone! + + Purging an organization completely removes the organization from the CKAN + database, whereas deleting an organization simply marks the organization as + deleted (it will no longer show up in the frontend, but is still in the + db). + + You must be authorized to purge the organization. + + :param id: the name or id of the organization to be purged + :type id: string + + ''' + return _group_or_org_purge(context, data_dict, is_org=True) + def task_status_delete(context, data_dict): '''Delete a task status. @@ -419,7 +512,8 @@ def _group_or_org_member_delete(context, data_dict=None): group_id = data_dict.get('id') group = model.Group.get(group_id) - user_id = data_dict.get('user_id') + user_id = data_dict.get('username') + user_id = data_dict.get('user_id') if user_id is None else user_id member_dict = { 'id': group.id, 'object': user_id, @@ -434,9 +528,29 @@ def _group_or_org_member_delete(context, data_dict=None): def group_member_delete(context, data_dict=None): + '''Remove a user from a group. + + You must be authorized to edit the group. + + :param id: the id or name of the group + :type id: string + :param username: name or id of the user to be removed + :type username: string + + ''' return _group_or_org_member_delete(context, data_dict) def organization_member_delete(context, data_dict=None): + '''Remove a user from an organization. + + You must be authorized to edit the organization. + + :param id: the id or name of the organization + :type id: string + :param username: name or id of the user to be removed + :type username: string + + ''' return _group_or_org_member_delete(context, data_dict) diff --git a/ckan/logic/action/get.py b/ckan/logic/action/get.py index f43601082ec..829b6cc5f65 100644 --- a/ckan/logic/action/get.py +++ b/ckan/logic/action/get.py @@ -69,16 +69,17 @@ def package_list(context, data_dict): ''' model = context["model"] api = context.get("api_version", 1) - ref_package_by = 'id' if api == 2 else 'name' _check_access('package_list', context, data_dict) - query = model.Session.query(model.PackageRevision) - query = query.filter(model.PackageRevision.state=='active') - query = query.filter(model.PackageRevision.current==True) - - packages = query.all() - return [getattr(p, ref_package_by) for p in packages] + package_revision_table = model.package_revision_table + col = (package_revision_table.c.id + if api == 2 else package_revision_table.c.name) + query = _select([col]) + query = query.where(_and_(package_revision_table.c.state=='active', + package_revision_table.c.current==True)) + query = query.order_by(col) + return list(zip(*query.execute())[0]) def current_package_list_with_resources(context, data_dict): '''Return a list of the site's datasets (packages) and their resources. @@ -417,13 +418,20 @@ def group_list_authz(context, data_dict): (optional, default: ``False``) :type available_only: boolean + :param am_member: if True return only the groups the logged-in user is a + member of, otherwise return all groups that the user is authorized to + edit (for example, sysadmin users are authorized to edit all groups) + (optional, default: False) + :type am-member: boolean + :returns: the names of groups that the user is authorized to edit :rtype: list of strings ''' model = context['model'] user = context['user'] - available_only = data_dict.get('available_only',False) + available_only = data_dict.get('available_only', False) + am_member = data_dict.get('am_member', False) _check_access('group_list_authz',context, data_dict) @@ -435,7 +443,7 @@ def group_list_authz(context, data_dict): if not user_id: return [] - if not sysadmin: + if not sysadmin or am_member: q = model.Session.query(model.Member) \ .filter(model.Member.table_name == 'user') \ .filter(model.Member.capacity.in_(roles)) \ @@ -451,7 +459,7 @@ def group_list_authz(context, data_dict): .filter(model.Group.is_organization == False) \ .filter(model.Group.state == 'active') - if not sysadmin: + if not sysadmin or am_member: q = q.filter(model.Group.id.in_(group_ids)) groups = q.all() @@ -461,7 +469,10 @@ def group_list_authz(context, data_dict): if package: groups = set(groups) - set(package.get_groups()) - return [{'id':group.id,'name':group.name} for group in groups] + return [{'id': group.id, + 'name': group.name, + 'display_name': group.display_name, + 'type': group.type} for group in groups] def organization_list_for_user(context, data_dict): '''Return the list of organizations that the user is a member of. @@ -484,35 +495,38 @@ def organization_list_for_user(context, data_dict): .filter(model.Group.is_organization == True) \ .filter(model.Group.state == 'active') - if sysadmin: - # Sysadmins can see all organizations - return [{'id':org.id,'name':org.name,'title':org.title} for org in orgs_q.all()] + if not sysadmin: + # for non-Sysadmins check they have the required permission - permission = data_dict.get('permission', 'edit_group') + permission = data_dict.get('permission', 'edit_group') - roles = ckan.new_authz.get_roles_with_permission(permission) + roles = ckan.new_authz.get_roles_with_permission(permission) - if not roles: - return [] - user_id = new_authz.get_user_id_for_username(user, allow_none=True) - if not user_id: - return [] + if not roles: + return [] + user_id = new_authz.get_user_id_for_username(user, allow_none=True) + if not user_id: + return [] - q = model.Session.query(model.Member) \ - .filter(model.Member.table_name == 'user') \ - .filter(model.Member.capacity.in_(roles)) \ - .filter(model.Member.table_id == user_id) + q = model.Session.query(model.Member) \ + .filter(model.Member.table_name == 'user') \ + .filter(model.Member.capacity.in_(roles)) \ + .filter(model.Member.table_id == user_id) - group_ids = [] - for row in q.all(): - group_ids.append(row.group_id) + group_ids = [] + for row in q.all(): + group_ids.append(row.group_id) - if not group_ids: - return [] + if not group_ids: + return [] - q = orgs_q.filter(model.Group.id.in_(group_ids)) + orgs_q = orgs_q.filter(model.Group.id.in_(group_ids)) - return [{'id':org.id,'name':org.name,'title':org.title} for org in q.all()] + return [{'id': org.id, + 'name': org.name, + 'title': org.title, + 'display_name': org.display_name, + 'type': org.type} for org in orgs_q.all()] def group_revision_list(context, data_dict): '''Return a group's revisions. @@ -670,12 +684,13 @@ def user_list(context, data_dict): def package_relationships_list(context, data_dict): '''Return a dataset (package)'s relationships. - :param id: the id or name of the package + :param id: the id or name of the first package + :type id: string + :param id2: the id or name of the second package :type id: string - :param id2: - :type id2: - :param rel: - :type rel: + :param rel: relationship as string see + :func:`ckan.logic.action.create.package_relationship_create()` for the + relationship types (optional) :rtype: list of dictionaries @@ -2799,4 +2814,12 @@ def _unpick_search(sort, allowed_fields=None, total=None): def member_roles_list(context, data_dict): + '''Return the possible roles for members of groups and organizations. + + :returns: a list of dictionaries each with two keys: "text" (the display + name of the role, e.g. "Admin") and "value" (the internal name of the + role, e.g. "admin") + :rtype: list of dictionaries + + ''' return new_authz.roles_list() diff --git a/ckan/logic/action/update.py b/ckan/logic/action/update.py index 9917e6893f4..be9515265f9 100644 --- a/ckan/logic/action/update.py +++ b/ckan/logic/action/update.py @@ -167,12 +167,12 @@ def related_update(context, data_dict): activity_create_context = { 'model': model, 'user': context['user'], - 'defer_commit':True, + 'defer_commit': True, + 'ignore_auth': True, 'session': session } - _get_action('activity_create')(activity_create_context, activity_dict, - ignore_auth=True) + _get_action('activity_create')(activity_create_context, activity_dict) if not context.get('defer_commit'): model.repo.commit() @@ -207,31 +207,26 @@ def resource_update(context, data_dict): raise NotFound(_('Resource was not found.')) _check_access('resource_update', context, data_dict) + del context["resource"] - if 'schema' in context: - schema = context['schema'] - else: - package_plugin = lib_plugins.lookup_package_plugin( - resource.resource_group.package.type) - schema = package_plugin.update_package_schema()['resources'] + package_id = resource.resource_group.package.id + pkg_dict = _get_action('package_show')(context, {'id': package_id}) - data, errors = _validate(data_dict, schema, context) - if errors: - model.Session.rollback() - raise ValidationError(errors) - - rev = model.repo.new_revision() - rev.author = user - if 'message' in context: - rev.message = context['message'] + for n, p in enumerate(pkg_dict['resources']): + if p['id'] == id: + break else: - rev.message = _(u'REST API: Update object %s') % data.get("name", "") + logging.error('Could not find resource ' + id) + raise NotFound(_('Resource was not found.')) + pkg_dict['resources'][n] = data_dict - resource = model_save.resource_dict_save(data, context) - if not context.get('defer_commit'): - model.repo.commit() - return model_dictize.resource_dictize(resource, context) + try: + pkg_dict = _get_action('package_update')(context, pkg_dict) + except ValidationError, e: + errors = e.error_dict['resources'][n] + raise ValidationError(errors) + return pkg_dict['resources'][n] def package_update(context, data_dict): @@ -520,11 +515,11 @@ def _group_or_org_update(context, data_dict, is_org=False): activity_create_context = { 'model': model, 'user': user, - 'defer_commit':True, + 'defer_commit': True, + 'ignore_auth': True, 'session': session } - _get_action('activity_create')(activity_create_context, activity_dict, - ignore_auth=True) + _get_action('activity_create')(activity_create_context, activity_dict) # TODO: Also create an activity detail recording what exactly changed # in the group. @@ -611,10 +606,11 @@ def user_update(context, data_dict): activity_create_context = { 'model': model, 'user': user, - 'defer_commit':True, + 'defer_commit': True, + 'ignore_auth': True, 'session': session } - _get_action('activity_create')(activity_create_context, activity_dict, ignore_auth=True) + _get_action('activity_create')(activity_create_context, activity_dict) # TODO: Also create an activity detail recording what exactly changed in # the user. diff --git a/ckan/logic/auth/create.py b/ckan/logic/auth/create.py index f3a2ee227ca..bf9c3d17ea3 100644 --- a/ckan/logic/auth/create.py +++ b/ckan/logic/auth/create.py @@ -4,24 +4,32 @@ from ckan.common import _ +@logic.auth_sysadmins_check def package_create(context, data_dict=None): user = context['user'] if not new_authz.auth_is_registered_user(): check1 = new_authz.check_config_permission('anon_create_dataset') else: check1 = new_authz.check_config_permission('create_dataset_if_not_in_organization') \ + or new_authz.check_config_permission('create_unowned_dataset') \ or new_authz.has_user_permission_for_some_org(user, 'create_dataset') if not check1: return {'success': False, 'msg': _('User %s not authorized to create packages') % user} - else: - check2 = _check_group_auth(context,data_dict) - if not check2: - return {'success': False, 'msg': _('User %s not authorized to edit these groups') % user} + check2 = _check_group_auth(context,data_dict) + if not check2: + return {'success': False, 'msg': _('User %s not authorized to edit these groups') % user} + # If an organization is given are we able to add a dataset to it? + data_dict = data_dict or {} + org_id = data_dict.get('organization_id') + if org_id and not new_authz.has_user_permission_for_group_or_org( + org_id, user, 'create_dataset'): + return {'success': False, 'msg': _('User %s not authorized to add dataset to this organization') % user} return {'success': True} + def file_upload(context, data_dict=None): user = context['user'] if not new_authz.auth_is_registered_user(): diff --git a/ckan/logic/auth/delete.py b/ckan/logic/auth/delete.py index 6fbda65e28e..61b44697407 100644 --- a/ckan/logic/auth/delete.py +++ b/ckan/logic/auth/delete.py @@ -84,6 +84,14 @@ def group_delete(context, data_dict): else: return {'success': True} +def group_purge(context, data_dict): + # Only sysadmins are authorized to purge groups. + return {'success': False} + +def organization_purge(context, data_dict): + # Only sysadmins are authorized to purge organizations. + return {'success': False} + def organization_delete(context, data_dict): group = get_group_object(context, data_dict) user = context['user'] diff --git a/ckan/logic/auth/get.py b/ckan/logic/auth/get.py index cc310ff3296..f0f27d74764 100644 --- a/ckan/logic/auth/get.py +++ b/ckan/logic/auth/get.py @@ -100,6 +100,8 @@ def package_show(context, data_dict): auth = new_authz.is_authorized('package_update', context, data_dict) authorized = auth.get('success') + elif package.owner_org is None and package.state == 'active': + return {'success': True} else: # anyone can see a public package if not package.private and package.state == 'active': diff --git a/ckan/logic/schema.py b/ckan/logic/schema.py index c153eee84a2..a6fb7eaca79 100644 --- a/ckan/logic/schema.py +++ b/ckan/logic/schema.py @@ -48,7 +48,9 @@ user_name_exists, role_exists, url_validator, - list_of_strings) + datasets_with_no_organization_cannot_be_private, + list_of_strings, + ) from ckan.logic.converters import (convert_user_name_or_id_to_id, convert_package_name_or_id_to_id, convert_group_name_or_id_to_id,) @@ -137,7 +139,8 @@ def default_create_package_schema(): 'type': [ignore_missing, unicode], 'owner_org': [owner_org_validator, unicode], 'log_message': [ignore_missing, unicode, no_http], - 'private': [ignore_missing, boolean_validator], + 'private': [ignore_missing, boolean_validator, + datasets_with_no_organization_cannot_be_private], '__extras': [ignore], '__junk': [empty], 'resources': default_resource_schema(), diff --git a/ckan/logic/validators.py b/ckan/logic/validators.py index da96335fec8..f9de157795c 100644 --- a/ckan/logic/validators.py +++ b/ckan/logic/validators.py @@ -632,6 +632,13 @@ def role_exists(role, context): return role +def datasets_with_no_organization_cannot_be_private(key, data, errors, + context): + if data[key] is True and data.get(('owner_org',)) is None: + errors[key].append( + _("Datasets with no organization can't be private.")) + + def list_of_strings(key, data, errors, context): value = data.get(key) if not isinstance(value, list): @@ -639,3 +646,4 @@ def list_of_strings(key, data, errors, context): for x in value: if not isinstance(x, basestring): raise Invalid('%s: %s' % (_('Not a string'), x)) + diff --git a/ckan/migration/versions/066_default_package_type.py b/ckan/migration/versions/066_default_package_type.py index c91eb18e122..9190b941d90 100644 --- a/ckan/migration/versions/066_default_package_type.py +++ b/ckan/migration/versions/066_default_package_type.py @@ -1,4 +1,3 @@ - def upgrade(migrate_engine): update_statement = ''' diff --git a/ckan/model/package_relationship.py b/ckan/model/package_relationship.py index 3ee5cd49a7f..9e2ce53e873 100644 --- a/ckan/model/package_relationship.py +++ b/ckan/model/package_relationship.py @@ -11,7 +11,7 @@ # which isn't the case for paster commands. try: from ckan.common import _ - _('') + _() except: def _(txt): return txt diff --git a/ckan/model/resource.py b/ckan/model/resource.py index 2a1f1bfade8..e372660b3c9 100644 --- a/ckan/model/resource.py +++ b/ckan/model/resource.py @@ -30,12 +30,13 @@ 'cache_last_updated', 'webstore_url', 'webstore_last_updated'] - ##formally package_resource resource_table = Table( 'resource', meta.metadata, - Column('id', types.UnicodeText, primary_key=True, default=_types.make_uuid), - Column('resource_group_id', types.UnicodeText, ForeignKey('resource_group.id')), + Column('id', types.UnicodeText, primary_key=True, + default=_types.make_uuid), + Column('resource_group_id', types.UnicodeText, + ForeignKey('resource_group.id')), Column('url', types.UnicodeText, nullable=False), Column('format', types.UnicodeText), Column('description', types.UnicodeText), @@ -53,30 +54,34 @@ Column('cache_last_updated', types.DateTime), Column('webstore_url', types.UnicodeText), Column('webstore_last_updated', types.DateTime), - + Column('extras', _types.JsonDictType), - ) +) resource_group_table = Table( 'resource_group', meta.metadata, - Column('id', types.UnicodeText, primary_key=True, default=_types.make_uuid), + Column('id', types.UnicodeText, primary_key=True, + default=_types.make_uuid), Column('package_id', types.UnicodeText, ForeignKey('package.id')), Column('label', types.UnicodeText), Column('sort_order', types.UnicodeText), Column('extras', _types.JsonDictType), - ) +) vdm.sqlalchemy.make_table_stateful(resource_table) resource_revision_table = core.make_revisioned_table(resource_table) vdm.sqlalchemy.make_table_stateful(resource_group_table) -resource_group_revision_table = core.make_revisioned_table(resource_group_table) +resource_group_revision_table = core.make_revisioned_table( + resource_group_table) + class Resource(vdm.sqlalchemy.RevisionedObjectMixin, vdm.sqlalchemy.StatefulObjectMixin, domain_object.DomainObject): extra_columns = None - def __init__(self, resource_group_id=None, url=u'', + + def __init__(self, resource_group_id=None, url=u'', format=u'', description=u'', hash=u'', extras=None, **kwargs): @@ -122,18 +127,26 @@ def as_dict(self, core_columns_only=False): _dict[u'format'] = model_dictize._unified_resource_format(self.format) return _dict + def get_package_id(self): + '''Returns the package id for a resource. ''' + query = meta.Session.query(ResourceGroupRevision) \ + .filter(and_(ResourceGroupRevision.id == self.resource_group_id, + ResourceGroupRevision.state == u'active', + ResourceGroupRevision.current == True)) + resource_group = query.first() + if resource_group is None: + return None + return resource_group.package_id + @classmethod def get(cls, reference): '''Returns a resource object referenced by its name or id.''' - query = meta.Session.query(ResourceRevision).filter(ResourceRevision.id==reference) - query = query.filter(and_( - ResourceRevision.state == u'active', ResourceRevision.current == True - )) + query = meta.Session.query(Resource).filter(Resource.id == reference) resource = query.first() - if resource == None: - resource = cls.by_name(reference) + if resource is None: + resource = cls.by_name(reference) return resource - + @classmethod def get_columns(cls, extra_columns=True): '''Returns the core editable columns of the resource.''' @@ -145,7 +158,8 @@ def get_columns(cls, extra_columns=True): @classmethod def get_extra_columns(cls): if cls.extra_columns is None: - cls.extra_columns = config.get('ckan.extra_resource_fields', '').split() + cls.extra_columns = config.get( + 'ckan.extra_resource_fields', '').split() for field in cls.extra_columns: setattr(cls, field, DictProxy(field, 'extras')) return cls.extra_columns @@ -164,14 +178,17 @@ def activity_stream_detail(self, activity_id, activity_type): activity_type = 'deleted' res_dict = ckan.lib.dictization.table_dictize(self, - context={'model':model}) - return activity.ActivityDetail(activity_id, self.id, u"Resource", activity_type, - {'resource': res_dict}) + context={'model': model}) + return activity.ActivityDetail(activity_id, self.id, u"Resource", + activity_type, + {'resource': res_dict}) + class ResourceGroup(vdm.sqlalchemy.RevisionedObjectMixin, - vdm.sqlalchemy.StatefulObjectMixin, - domain_object.DomainObject): + vdm.sqlalchemy.StatefulObjectMixin, + domain_object.DomainObject): extra_columns = None + def __init__(self, package_id=None, sort_order=u'', label=u'', extras=None, **kwargs): if package_id: @@ -198,7 +215,7 @@ def as_dict(self, core_columns_only=False): for k, v in self.extras.items() if self.extras else []: _dict[k] = v return _dict - + @classmethod def get_columns(cls, extra_columns=True): '''Returns the core editable columns of the resource.''' @@ -210,16 +227,17 @@ def get_columns(cls, extra_columns=True): @classmethod def get_extra_columns(cls): if cls.extra_columns is None: - cls.extra_columns = config.get('ckan.extra_resource_group_fields', '').split() + cls.extra_columns = config.get( + 'ckan.extra_resource_group_fields', '').split() for field in cls.extra_columns: setattr(cls, field, DictProxy(field, 'extras')) return cls.extra_columns - -## Mappers + ## Mappers meta.mapper(Resource, resource_table, properties={ - 'resource_group':orm.relation(ResourceGroup, + 'resource_group': orm.relation( + ResourceGroup, # all resources including deleted # formally package_resources_all backref=orm.backref('resources_all', @@ -227,28 +245,28 @@ def get_extra_columns(cls): cascade='all, delete', order_by=resource_table.c.position, ), - ) - }, - order_by=[resource_table.c.resource_group_id], - extension=[vdm.sqlalchemy.Revisioner(resource_revision_table), - extension.PluginMapperExtension(), - ], + ) +}, +order_by=[resource_table.c.resource_group_id], +extension=[vdm.sqlalchemy.Revisioner(resource_revision_table), + extension.PluginMapperExtension(), + ], ) - meta.mapper(ResourceGroup, resource_group_table, properties={ - 'package':orm.relation(_package.Package, + 'package': orm.relation( + _package.Package, # all resources including deleted backref=orm.backref('resource_groups_all', cascade='all, delete, delete-orphan', order_by=resource_group_table.c.sort_order, ), - ) - }, - order_by=[resource_group_table.c.package_id], - extension=[vdm.sqlalchemy.Revisioner(resource_group_revision_table), - extension.PluginMapperExtension(), - ], + ) +}, +order_by=[resource_group_table.c.package_id], +extension=[vdm.sqlalchemy.Revisioner(resource_group_revision_table), + extension.PluginMapperExtension(), + ], ) ## VDM @@ -256,17 +274,24 @@ def get_extra_columns(cls): vdm.sqlalchemy.modify_base_object_mapper(Resource, core.Revision, core.State) ResourceRevision = vdm.sqlalchemy.create_object_version( meta.mapper, Resource, resource_revision_table) - -vdm.sqlalchemy.modify_base_object_mapper(ResourceGroup, core.Revision, core.State) + +vdm.sqlalchemy.modify_base_object_mapper(ResourceGroup, core.Revision, + core.State) ResourceGroupRevision = vdm.sqlalchemy.create_object_version( meta.mapper, ResourceGroup, resource_group_revision_table) -ResourceGroupRevision.related_packages = lambda self: [self.continuity.package] -ResourceRevision.related_packages = lambda self: [self.continuity.resouce_group.package] +ResourceGroupRevision.related_packages = lambda self: [ + self.continuity.package +] +ResourceRevision.related_packages = lambda self: [ + self.continuity.resouce_group.package +] + def resource_identifier(obj): return obj.id + class DictProxy(object): def __init__(self, target_key, target_dict, data_type=unicode): @@ -296,5 +321,3 @@ def __delete__(self, obj): proxied_dict = getattr(obj, self.target_dict) proxied_dict.pop(self.target_key) - - diff --git a/ckan/plugins/interfaces.py b/ckan/plugins/interfaces.py index a37d3c96ae8..8acfc34aad6 100644 --- a/ckan/plugins/interfaces.py +++ b/ckan/plugins/interfaces.py @@ -202,8 +202,20 @@ class IResourcePreview(Interface): def can_preview(self, data_dict): ''' - Return True if the extension can preview the resource. The ``data_dict`` - contains the resource and the package. + Returns info on whether the plugin can preview the resource. + + This can be done in two ways. + The old way is to just return True or False. + The new way is to return a dict with the following + { + 'can_preview': bool - if the extension can preview the resource + 'fixable': string - if the extension cannot preview but could for + example if the resource_proxy was enabled. + 'quality': int - how good the preview is 1-poor, 2-average, 3-good + used if multiple extensions can preview + } + + The ``data_dict`` contains the resource and the package. Make sure to ckeck the ``on_same_domain`` value of the resource or the url if your preview requires the resource to be on diff --git a/ckan/public/base/css/fuchsia.css b/ckan/public/base/css/fuchsia.css index 54db663e9d3..300d2981817 100644 --- a/ckan/public/base/css/fuchsia.css +++ b/ckan/public/base/css/fuchsia.css @@ -48,11 +48,25 @@ sub { bottom: -0.25em; } img { + /* Responsive images (ensure images don't scale beyond their parents) */ + max-width: 100%; + /* Part 1: Set a maxium relative to the parent */ + + width: auto\9; + /* IE7-8 need help adjusting responsive images */ + + height: auto; + /* Part 2: Scale the height according to the width, otherwise you get stretching */ + vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } +#map_canvas img, +.google-maps img { + max-width: none; +} button, input, select, @@ -72,11 +86,21 @@ input::-moz-focus-inner { border: 0; } button, -input[type="button"], +html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; -webkit-appearance: button; + cursor: pointer; +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; @@ -92,6 +116,57 @@ textarea { overflow: auto; vertical-align: top; } +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} .clearfix { *zoom: 1; } @@ -99,6 +174,7 @@ textarea { .clearfix:after { display: table; content: ""; + line-height: 0; } .clearfix:after { clear: both; @@ -113,28 +189,47 @@ textarea { .input-block-level { display: block; width: 100%; - min-height: 28px; + min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; - color: #4d4d4d; - background-color: #efefef; + font-size: 14px; + line-height: 20px; + color: #444444; + background-color: #eeeeee; } a { - color: #b509b5; + color: #e73892; text-decoration: none; } -a:hover { - color: #6c056c; +a:hover, +a:focus { + color: #bc176c; text-decoration: underline; } +.img-rounded { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.img-polaroid { + padding: 4px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} +.img-circle { + -webkit-border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; +} .row { margin-left: -20px; *zoom: 1; @@ -143,15 +238,18 @@ a:hover { .row:after { display: table; content: ""; + line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; + min-height: 1px; margin-left: 20px; } .container, +.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; @@ -236,6 +334,7 @@ a:hover { .row-fluid:after { display: table; content: ""; + line-height: 0; } .row-fluid:after { clear: both; @@ -243,65 +342,171 @@ a:hover { .row-fluid [class*="span"] { display: block; width: 100%; - min-height: 28px; + min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; float: left; - margin-left: 2.127659574%; - *margin-left: 2.0744680846382977%; + margin-left: 2.127659574468085%; + *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574468085%; +} .row-fluid .span12 { - width: 99.99999998999999%; - *width: 99.94680850063828%; + width: 100%; + *width: 99.94680851063829%; } .row-fluid .span11 { - width: 91.489361693%; - *width: 91.4361702036383%; + width: 91.48936170212765%; + *width: 91.43617021276594%; } .row-fluid .span10 { - width: 82.97872339599999%; - *width: 82.92553190663828%; + width: 82.97872340425532%; + *width: 82.92553191489361%; } .row-fluid .span9 { - width: 74.468085099%; - *width: 74.4148936096383%; + width: 74.46808510638297%; + *width: 74.41489361702126%; } .row-fluid .span8 { - width: 65.95744680199999%; - *width: 65.90425531263828%; + width: 65.95744680851064%; + *width: 65.90425531914893%; } .row-fluid .span7 { - width: 57.446808505%; - *width: 57.3936170156383%; + width: 57.44680851063829%; + *width: 57.39361702127659%; } .row-fluid .span6 { - width: 48.93617020799999%; - *width: 48.88297871863829%; + width: 48.93617021276595%; + *width: 48.88297872340425%; } .row-fluid .span5 { - width: 40.425531911%; - *width: 40.3723404216383%; + width: 40.42553191489362%; + *width: 40.37234042553192%; } .row-fluid .span4 { - width: 31.914893614%; - *width: 31.8617021246383%; + width: 31.914893617021278%; + *width: 31.861702127659576%; } .row-fluid .span3 { - width: 23.404255317%; - *width: 23.3510638276383%; + width: 23.404255319148934%; + *width: 23.351063829787233%; } .row-fluid .span2 { - width: 14.89361702%; - *width: 14.8404255306383%; + width: 14.893617021276595%; + *width: 14.840425531914894%; } .row-fluid .span1 { - width: 6.382978723%; - *width: 6.329787233638298%; + width: 6.382978723404255%; + *width: 6.329787234042553%; +} +.row-fluid .offset12 { + margin-left: 104.25531914893617%; + *margin-left: 104.14893617021275%; +} +.row-fluid .offset12:first-child { + margin-left: 102.12765957446808%; + *margin-left: 102.02127659574467%; +} +.row-fluid .offset11 { + margin-left: 95.74468085106382%; + *margin-left: 95.6382978723404%; +} +.row-fluid .offset11:first-child { + margin-left: 93.61702127659574%; + *margin-left: 93.51063829787232%; +} +.row-fluid .offset10 { + margin-left: 87.23404255319149%; + *margin-left: 87.12765957446807%; +} +.row-fluid .offset10:first-child { + margin-left: 85.1063829787234%; + *margin-left: 84.99999999999999%; +} +.row-fluid .offset9 { + margin-left: 78.72340425531914%; + *margin-left: 78.61702127659572%; +} +.row-fluid .offset9:first-child { + margin-left: 76.59574468085106%; + *margin-left: 76.48936170212764%; +} +.row-fluid .offset8 { + margin-left: 70.2127659574468%; + *margin-left: 70.10638297872339%; +} +.row-fluid .offset8:first-child { + margin-left: 68.08510638297872%; + *margin-left: 67.9787234042553%; +} +.row-fluid .offset7 { + margin-left: 61.70212765957446%; + *margin-left: 61.59574468085106%; +} +.row-fluid .offset7:first-child { + margin-left: 59.574468085106375%; + *margin-left: 59.46808510638297%; +} +.row-fluid .offset6 { + margin-left: 53.191489361702125%; + *margin-left: 53.085106382978715%; +} +.row-fluid .offset6:first-child { + margin-left: 51.063829787234035%; + *margin-left: 50.95744680851063%; +} +.row-fluid .offset5 { + margin-left: 44.68085106382979%; + *margin-left: 44.57446808510638%; +} +.row-fluid .offset5:first-child { + margin-left: 42.5531914893617%; + *margin-left: 42.4468085106383%; +} +.row-fluid .offset4 { + margin-left: 36.170212765957444%; + *margin-left: 36.06382978723405%; +} +.row-fluid .offset4:first-child { + margin-left: 34.04255319148936%; + *margin-left: 33.93617021276596%; +} +.row-fluid .offset3 { + margin-left: 27.659574468085104%; + *margin-left: 27.5531914893617%; +} +.row-fluid .offset3:first-child { + margin-left: 25.53191489361702%; + *margin-left: 25.425531914893618%; +} +.row-fluid .offset2 { + margin-left: 19.148936170212764%; + *margin-left: 19.04255319148936%; +} +.row-fluid .offset2:first-child { + margin-left: 17.02127659574468%; + *margin-left: 16.914893617021278%; +} +.row-fluid .offset1 { + margin-left: 10.638297872340425%; + *margin-left: 10.53191489361702%; +} +.row-fluid .offset1:first-child { + margin-left: 8.51063829787234%; + *margin-left: 8.404255319148938%; +} +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; } .container { margin-right: auto; @@ -312,6 +517,7 @@ a:hover { .container:after { display: table; content: ""; + line-height: 0; } .container:after { clear: both; @@ -325,25 +531,75 @@ a:hover { .container-fluid:after { display: table; content: ""; + line-height: 0; } .container-fluid:after { clear: both; } p { - margin: 0 0 9px; - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; -} -p small { - font-size: 11px; - color: #999999; + margin: 0 0 10px; } .lead { - margin-bottom: 18px; - font-size: 20px; + margin-bottom: 20px; + font-size: 21px; font-weight: 200; - line-height: 27px; + line-height: 30px; +} +small { + font-size: 85%; +} +strong { + font-weight: bold; +} +em { + font-style: italic; +} +cite { + font-style: normal; +} +.muted { + color: #999999; +} +a.muted:hover, +a.muted:focus { + color: #808080; +} +.text-warning { + color: #c09853; +} +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; +} +.text-error { + color: #b55457; +} +a.text-error:hover, +a.text-error:focus { + color: #954143; +} +.text-info { + color: #3a87ad; +} +a.text-info:hover, +a.text-info:focus { + color: #2d6987; +} +.text-success { + color: #468847; +} +a.text-success:hover, +a.text-success:focus { + color: #356635; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; } h1, h2, @@ -351,9 +607,10 @@ h3, h4, h5, h6 { - margin: 0; + margin: 10px 0; font-family: inherit; font-weight: bold; + line-height: 20px; color: inherit; text-rendering: optimizelegibility; } @@ -364,60 +621,53 @@ h4 small, h5 small, h6 small { font-weight: normal; + line-height: 1; color: #999999; } -h1 { - font-size: 30px; - line-height: 36px; +h1, +h2, +h3 { + line-height: 40px; } -h1 small { - font-size: 18px; +h1 { + font-size: 38.5px; } h2 { - font-size: 24px; - line-height: 36px; -} -h2 small { - font-size: 18px; + font-size: 31.5px; } h3 { - font-size: 18px; - line-height: 27px; + font-size: 24.5px; } -h3 small { +h4 { + font-size: 17.5px; +} +h5 { font-size: 14px; } -h4, -h5, h6 { - line-height: 18px; + font-size: 11.9px; } -h4 { - font-size: 14px; +h1 small { + font-size: 24.5px; } -h4 small { - font-size: 12px; +h2 small { + font-size: 17.5px; } -h5 { - font-size: 12px; +h3 small { + font-size: 14px; } -h6 { - font-size: 11px; - color: #999999; - text-transform: uppercase; +h4 small { + font-size: 14px; } .page-header { - padding-bottom: 17px; - margin: 18px 0; + padding-bottom: 9px; + margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } -.page-header h1 { - line-height: 1; -} ul, ol { padding: 0; - margin: 0 0 9px 25px; + margin: 0 0 10px 25px; } ul ul, ul ol, @@ -425,37 +675,57 @@ ol ol, ol ul { margin-bottom: 0; } -ul { - list-style: disc; -} -ol { - list-style: decimal; -} li { - line-height: 18px; + line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } +ul.inline, +ol.inline { + margin-left: 0; + list-style: none; +} +ul.inline > li, +ol.inline > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + padding-left: 5px; + padding-right: 5px; +} dl { - margin-bottom: 18px; + margin-bottom: 20px; } dt, dd { - line-height: 18px; + line-height: 20px; } dt { font-weight: bold; - line-height: 17px; } dd { - margin-left: 9px; + margin-left: 10px; +} +.dl-horizontal { + *zoom: 1; +} +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: ""; + line-height: 0; +} +.dl-horizontal:after { + clear: both; } .dl-horizontal dt { float: left; - width: 120px; + width: 160px; clear: left; text-align: right; overflow: hidden; @@ -463,26 +733,18 @@ dd { white-space: nowrap; } .dl-horizontal dd { - margin-left: 130px; + margin-left: 180px; } hr { - margin: 18px 0; + margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } -strong { - font-weight: bold; -} -em { - font-style: italic; -} -.muted { - color: #999999; -} -abbr[title] { +abbr[title], +abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #ddd; + border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; @@ -490,18 +752,18 @@ abbr.initialism { } blockquote { padding: 0 0 0 15px; - margin: 0 0 18px; + margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; - font-size: 16px; + font-size: 17.5px; font-weight: 300; - line-height: 22.5px; + line-height: 1.25; } blockquote small { display: block; - line-height: 18px; + line-height: 20px; color: #999999; } blockquote small:before { @@ -518,6 +780,12 @@ blockquote.pull-right p, blockquote.pull-right small { text-align: right; } +blockquote.pull-right small:before { + content: ''; +} +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} q:before, q:after, blockquote:before, @@ -526,20 +794,14 @@ blockquote:after { } address { display: block; - margin-bottom: 18px; - font-style: normal; - line-height: 18px; -} -small { - font-size: 100%; -} -cite { + margin-bottom: 20px; font-style: normal; + line-height: 20px; } code, pre { padding: 0 3px 2px; - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; @@ -551,13 +813,14 @@ code { color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; + white-space: nowrap; } pre { display: block; - padding: 8.5px; - margin: 0 0 9px; - font-size: 12.025px; - line-height: 18px; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -570,11 +833,13 @@ pre { border-radius: 4px; } pre.prettyprint { - margin-bottom: 18px; + margin-bottom: 20px; } pre code { padding: 0; color: inherit; + white-space: pre; + white-space: pre-wrap; background-color: transparent; border: 0; } @@ -583,7 +848,7 @@ pre code { overflow-y: scroll; } form { - margin: 0 0 18px; + margin: 0 0 20px; } fieldset { padding: 0; @@ -594,15 +859,15 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 27px; - font-size: 19.5px; - line-height: 36px; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; color: #333333; border: 0; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #e5e5e5; } legend small { - font-size: 13.5px; + font-size: 15px; color: #999999; } label, @@ -610,9 +875,9 @@ input, button, select, textarea { - font-size: 13px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 20px; } input, button, @@ -623,116 +888,181 @@ textarea { label { display: block; margin-bottom: 5px; - color: #333333; } -input, -textarea, select, +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"], .uneditable-input { display: inline-block; - width: 210px; - height: 18px; - padding: 4px; - margin-bottom: 9px; - font-size: 13px; - line-height: 18px; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; color: #555555; - background-color: #ffffff; - border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; + vertical-align: middle; } -.uneditable-textarea { - width: auto; - height: auto; -} -label input, -label textarea, -label select { - display: block; +input, +textarea, +.uneditable-input { + width: 206px; } -input[type="image"], -input[type="checkbox"], -input[type="radio"] { - width: auto; +textarea { height: auto; - padding: 0; - margin: 3px 0; +} +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"], +.uneditable-input { + background-color: #ffffff; + border: 1px solid #cccccc; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear .2s, box-shadow linear .2s; + -moz-transition: border linear .2s, box-shadow linear .2s; + -o-transition: border linear .2s, box-shadow linear .2s; + transition: border linear .2s, box-shadow linear .2s; +} +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; *margin-top: 0; /* IE7 */ - line-height: normal; - cursor: pointer; - background-color: transparent; - border: 0 \9; - /* IE9 and down */ + margin-top: 1px \9; + /* IE8-9 */ - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -input[type="image"] { - border: 0; -} -input[type="file"] { - width: auto; - padding: initial; - line-height: initial; - background-color: #ffffff; - background-color: initial; - border: initial; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + line-height: normal; } -input[type="button"], +input[type="file"], +input[type="image"], +input[type="submit"], input[type="reset"], -input[type="submit"] { +input[type="button"], +input[type="radio"], +input[type="checkbox"] { width: auto; - height: auto; } select, input[type="file"] { - height: 28px; + height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ - line-height: 28px; -} -input[type="file"] { - line-height: 18px \9; + line-height: 30px; } select { width: 220px; + border: 1px solid #cccccc; background-color: #ffffff; } select[multiple], select[size] { height: auto; } -input[type="image"] { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } -textarea { +.uneditable-input, +.uneditable-textarea { + color: #999999; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + cursor: not-allowed; +} +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} +.uneditable-textarea { + width: auto; height: auto; } -input[type="hidden"] { - display: none; +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; } .radio, .checkbox { - min-height: 18px; - padding-left: 18px; + min-height: 20px; + padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; - margin-left: -18px; + margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { @@ -749,39 +1079,6 @@ input[type="hidden"] { .checkbox.inline + .checkbox.inline { margin-left: 10px; } -input, -textarea { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -input:focus, -textarea:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus, -select:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} .input-mini { width: 60px; } @@ -811,46 +1108,105 @@ textarea[class*="span"], float: none; margin-left: 0; } +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"], +.row-fluid .input-prepend [class*="span"], +.row-fluid .input-append [class*="span"] { + display: inline-block; +} input, textarea, .uneditable-input { margin-left: 0; } -input.span12, textarea.span12, .uneditable-input.span12 { - width: 930px; -} -input.span11, textarea.span11, .uneditable-input.span11 { - width: 850px; -} -input.span10, textarea.span10, .uneditable-input.span10 { - width: 770px; -} -input.span9, textarea.span9, .uneditable-input.span9 { - width: 690px; -} -input.span8, textarea.span8, .uneditable-input.span8 { - width: 610px; -} -input.span7, textarea.span7, .uneditable-input.span7 { - width: 530px; -} -input.span6, textarea.span6, .uneditable-input.span6 { - width: 450px; +.controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; } -input.span5, textarea.span5, .uneditable-input.span5 { - width: 370px; +input.span12, +textarea.span12, +.uneditable-input.span12 { + width: 926px; +} +input.span11, +textarea.span11, +.uneditable-input.span11 { + width: 846px; +} +input.span10, +textarea.span10, +.uneditable-input.span10 { + width: 766px; +} +input.span9, +textarea.span9, +.uneditable-input.span9 { + width: 686px; +} +input.span8, +textarea.span8, +.uneditable-input.span8 { + width: 606px; +} +input.span7, +textarea.span7, +.uneditable-input.span7 { + width: 526px; +} +input.span6, +textarea.span6, +.uneditable-input.span6 { + width: 446px; +} +input.span5, +textarea.span5, +.uneditable-input.span5 { + width: 366px; +} +input.span4, +textarea.span4, +.uneditable-input.span4 { + width: 286px; +} +input.span3, +textarea.span3, +.uneditable-input.span3 { + width: 206px; +} +input.span2, +textarea.span2, +.uneditable-input.span2 { + width: 126px; +} +input.span1, +textarea.span1, +.uneditable-input.span1 { + width: 46px; +} +.controls-row { + *zoom: 1; } -input.span4, textarea.span4, .uneditable-input.span4 { - width: 290px; +.controls-row:before, +.controls-row:after { + display: table; + content: ""; + line-height: 0; } -input.span3, textarea.span3, .uneditable-input.span3 { - width: 210px; +.controls-row:after { + clear: both; } -input.span2, textarea.span2, .uneditable-input.span2 { - width: 130px; +.controls-row [class*="span"], +.row-fluid .controls-row [class*="span"] { + float: left; } -input.span1, textarea.span1, .uneditable-input.span1 { - width: 50px; +.controls-row .checkbox[class*="span"], +.controls-row .radio[class*="span"] { + padding-top: 5px; } input[disabled], select[disabled], @@ -860,7 +1216,6 @@ select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; - border-color: #ddd; } input[type="radio"][disabled], input[type="checkbox"][disabled], @@ -868,24 +1223,33 @@ input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } -.control-group.warning > label, +.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } +.control-group.warning .checkbox, +.control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; +} +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; - -webkit-box-shadow: 0 0 6px #dbc59e; - -moz-box-shadow: 0 0 6px #dbc59e; - box-shadow: 0 0 6px #dbc59e; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { @@ -893,24 +1257,33 @@ input[type="checkbox"][readonly] { background-color: #fcf8e3; border-color: #c09853; } -.control-group.error > label, +.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b55457; } +.control-group.error .checkbox, +.control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b55457; +} +.control-group.error input, +.control-group.error select, +.control-group.error textarea { border-color: #b55457; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #954143; - -webkit-box-shadow: 0 0 6px #d49b9d; - -moz-box-shadow: 0 0 6px #d49b9d; - box-shadow: 0 0 6px #d49b9d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { @@ -918,24 +1291,33 @@ input[type="checkbox"][readonly] { background-color: #f8f0f0; border-color: #b55457; } -.control-group.success > label, +.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } +.control-group.success .checkbox, +.control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; +} +.control-group.success input, +.control-group.success select, +.control-group.success textarea { border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; - -webkit-box-shadow: 0 0 6px #7aba7b; - -moz-box-shadow: 0 0 6px #7aba7b; - box-shadow: 0 0 6px #7aba7b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { @@ -943,59 +1325,78 @@ input[type="checkbox"][readonly] { background-color: #dff0d8; border-color: #468847; } -input:focus:required:invalid, -textarea:focus:required:invalid, -select:focus:required:invalid { +.control-group.info .control-label, +.control-group.info .help-block, +.control-group.info .help-inline { + color: #3a87ad; +} +.control-group.info .checkbox, +.control-group.info .radio, +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + color: #3a87ad; +} +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + border-color: #3a87ad; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.control-group.info input:focus, +.control-group.info select:focus, +.control-group.info textarea:focus { + border-color: #2d6987; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; +} +.control-group.info .input-prepend .add-on, +.control-group.info .input-append .add-on { + color: #3a87ad; + background-color: #d9edf7; + border-color: #3a87ad; +} +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } -input:focus:required:invalid:focus, -textarea:focus:required:invalid:focus, -select:focus:required:invalid:focus { +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { - padding: 17px 20px 18px; - margin-top: 18px; - margin-bottom: 18px; + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; background-color: #f5f5f5; - border-top: 1px solid #ddd; + border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; + line-height: 0; } .form-actions:after { clear: both; } -.uneditable-input { - overflow: hidden; - white-space: nowrap; - cursor: not-allowed; - background-color: #ffffff; - border-color: #eee; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -} -:-moz-placeholder { - color: #999999; -} -::-webkit-input-placeholder { - color: #999999; -} .help-block, .help-inline { - color: #555555; + color: #6a6a6a; } .help-block { display: block; - margin-bottom: 9px; + margin-bottom: 10px; } .help-inline { display: inline-block; @@ -1006,62 +1407,76 @@ select:focus:required:invalid:focus { vertical-align: middle; padding-left: 5px; } -.input-prepend, -.input-append { - margin-bottom: 5px; +.input-append, +.input-prepend { + display: inline-block; + margin-bottom: 10px; + vertical-align: middle; + font-size: 0; + white-space: nowrap; } -.input-prepend input, .input-append input, -.input-prepend select, +.input-prepend input, .input-append select, +.input-prepend select, +.input-append .uneditable-input, .input-prepend .uneditable-input, -.input-append .uneditable-input { +.input-append .dropdown-menu, +.input-prepend .dropdown-menu, +.input-append .popover, +.input-prepend .popover { + font-size: 14px; +} +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; - vertical-align: middle; + vertical-align: top; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } -.input-prepend input:focus, .input-append input:focus, -.input-prepend select:focus, +.input-prepend input:focus, .input-append select:focus, -.input-prepend .uneditable-input:focus, -.input-append .uneditable-input:focus { +.input-prepend select:focus, +.input-append .uneditable-input:focus, +.input-prepend .uneditable-input:focus { z-index: 2; } -.input-prepend .uneditable-input, -.input-append .uneditable-input { - border-left-color: #ccc; -} -.input-prepend .add-on, -.input-append .add-on { +.input-append .add-on, +.input-prepend .add-on { display: inline-block; width: auto; - height: 18px; + height: 20px; min-width: 16px; padding: 4px 5px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; - vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; } -.input-prepend .add-on, .input-append .add-on, +.input-prepend .add-on, +.input-append .btn, .input-prepend .btn, -.input-append .btn { - margin-left: -1px; +.input-append .btn-group > .dropdown-toggle, +.input-prepend .btn-group > .dropdown-toggle { + vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.input-prepend .active, -.input-append .active { +.input-append .active, +.input-prepend .active { background-color: #a9dba9; border-color: #46a546; } @@ -1082,12 +1497,21 @@ select:focus:required:invalid:focus { -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } -.input-append .uneditable-input { - border-right-color: #ccc; - border-left-color: #eee; +.input-append input + .btn-group .btn:last-child, +.input-append select + .btn-group .btn:last-child, +.input-append .uneditable-input + .btn-group .btn:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.input-append .add-on, +.input-append .btn, +.input-append .btn-group { + margin-left: -1px; } .input-append .add-on:last-child, -.input-append .btn:last-child { +.input-append .btn:last-child, +.input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; @@ -1099,6 +1523,13 @@ select:focus:required:invalid:focus { -moz-border-radius: 0; border-radius: 0; } +.input-prepend.input-append input + .btn-group .btn, +.input-prepend.input-append select + .btn-group .btn, +.input-prepend.input-append .uneditable-input + .btn-group .btn { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; @@ -1113,7 +1544,10 @@ select:focus:required:invalid:focus { -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } -.search-query { +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; +} +input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; @@ -1121,9 +1555,36 @@ select:focus:required:invalid:focus { /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} +/* Allow for input prepend/append in search forms */ +.form-search .input-append .search-query, +.form-search .input-prepend .search-query { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.form-search .input-append .search-query { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} +.form-search .input-append .btn { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .search-query { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .btn { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, @@ -1152,6 +1613,7 @@ select:focus:required:invalid:focus { *zoom: 1; margin-bottom: 0; + vertical-align: middle; } .form-search .hide, .form-inline .hide, @@ -1159,7 +1621,9 @@ select:focus:required:invalid:focus { display: none; } .form-search label, -.form-inline label { +.form-inline label, +.form-search .btn-group, +.form-inline .btn-group { display: inline-block; } .form-search .input-append, @@ -1185,45 +1649,53 @@ select:focus:required:invalid:focus { margin-left: 0; } .control-group { - margin-bottom: 9px; + margin-bottom: 10px; } legend + .control-group { - margin-top: 18px; + margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { - margin-bottom: 18px; + margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; + line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; - width: 140px; + width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; - margin-left: 160px; + margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { - *padding-left: 160px; + *padding-left: 180px; } .form-horizontal .help-block { - margin-top: 9px; margin-bottom: 0; } +.form-horizontal input + .help-block, +.form-horizontal select + .help-block, +.form-horizontal textarea + .help-block, +.form-horizontal .uneditable-input + .help-block, +.form-horizontal .input-prepend + .help-block, +.form-horizontal .input-append + .help-block { + margin-top: 10px; +} .form-horizontal .form-actions { - padding-left: 160px; + padding-left: 180px; } table { max-width: 100%; @@ -1233,12 +1705,12 @@ table { } .table { width: 100%; - margin-bottom: 18px; + margin-bottom: 20px; } .table th, .table td { padding: 8px; - line-height: 18px; + line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; @@ -1260,6 +1732,9 @@ table { .table tbody + tbody { border-top: 2px solid #dddddd; } +.table .table { + background-color: #eeeeee; +} .table-condensed th, .table-condensed td { padding: 4px 5px; @@ -1267,7 +1742,7 @@ table { .table-bordered { border: 1px solid #dddddd; border-collapse: separate; - *border-collapse: collapsed; + *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -1288,160 +1763,175 @@ table { .table-bordered tbody:first-child tr:first-child td { border-top: 0; } -.table-bordered thead:first-child tr:first-child th:first-child, -.table-bordered tbody:first-child tr:first-child td:first-child { +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child, +.table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; } -.table-bordered thead:first-child tr:first-child th:last-child, -.table-bordered tbody:first-child tr:first-child td:last-child { +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; } -.table-bordered thead:last-child tr:last-child th:first-child, -.table-bordered tbody:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 4px; - -moz-border-radius: 0 0 0 4px; - border-radius: 0 0 0 4px; +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } -.table-bordered thead:last-child tr:last-child th:last-child, -.table-bordered tbody:last-child tr:last-child td:last-child { +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } -.table-striped tbody tr:nth-child(odd) td, -.table-striped tbody tr:nth-child(odd) th { +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; +} +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; +} +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; +} +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; +} +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } -.table tbody tr:hover td, -.table tbody tr:hover th { +.table-hover tbody tr:hover > td, +.table-hover tbody tr:hover > th { background-color: #f5f5f5; } -table .span1 { +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} +.table td.span1, +.table th.span1 { float: none; width: 44px; margin-left: 0; } -table .span2 { +.table td.span2, +.table th.span2 { float: none; width: 124px; margin-left: 0; } -table .span3 { +.table td.span3, +.table th.span3 { float: none; width: 204px; margin-left: 0; } -table .span4 { +.table td.span4, +.table th.span4 { float: none; width: 284px; margin-left: 0; } -table .span5 { +.table td.span5, +.table th.span5 { float: none; width: 364px; margin-left: 0; } -table .span6 { +.table td.span6, +.table th.span6 { float: none; width: 444px; margin-left: 0; } -table .span7 { +.table td.span7, +.table th.span7 { float: none; width: 524px; margin-left: 0; } -table .span8 { +.table td.span8, +.table th.span8 { float: none; width: 604px; margin-left: 0; } -table .span9 { +.table td.span9, +.table th.span9 { float: none; width: 684px; margin-left: 0; } -table .span10 { +.table td.span10, +.table th.span10 { float: none; width: 764px; margin-left: 0; } -table .span11 { +.table td.span11, +.table th.span11 { float: none; width: 844px; margin-left: 0; } -table .span12 { +.table td.span12, +.table th.span12 { float: none; width: 924px; margin-left: 0; } -table .span13 { - float: none; - width: 1004px; - margin-left: 0; -} -table .span14 { - float: none; - width: 1084px; - margin-left: 0; -} -table .span15 { - float: none; - width: 1164px; - margin-left: 0; -} -table .span16 { - float: none; - width: 1244px; - margin-left: 0; -} -table .span17 { - float: none; - width: 1324px; - margin-left: 0; +.table tbody tr.success > td { + background-color: #dff0d8; } -table .span18 { - float: none; - width: 1404px; - margin-left: 0; +.table tbody tr.error > td { + background-color: #f8f0f0; } -table .span19 { - float: none; - width: 1484px; - margin-left: 0; +.table tbody tr.warning > td { + background-color: #fcf8e3; } -table .span20 { - float: none; - width: 1564px; - margin-left: 0; +.table tbody tr.info > td { + background-color: #d9edf7; } -table .span21 { - float: none; - width: 1644px; - margin-left: 0; +.table-hover tbody tr.success:hover > td { + background-color: #d0e9c6; } -table .span22 { - float: none; - width: 1724px; - margin-left: 0; +.table-hover tbody tr.error:hover > td { + background-color: #f0dfe0; } -table .span23 { - float: none; - width: 1804px; - margin-left: 0; +.table-hover tbody tr.warning:hover > td { + background-color: #faf2cc; } -table .span24 { - float: none; - width: 1884px; - margin-left: 0; +.table-hover tbody tr.info:hover > td { + background-color: #c4e3f3; } .dropup, .dropdown { @@ -1463,18 +1953,11 @@ table .span24 { border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; - opacity: 0.3; - filter: alpha(opacity=30); } .dropdown .caret { margin-top: 8px; margin-left: 2px; } -.dropdown:hover .caret, -.open .caret { - opacity: 1; - filter: alpha(opacity=100); -} .dropdown-menu { position: absolute; top: 100%; @@ -1483,17 +1966,17 @@ table .span24 { display: none; float: left; min-width: 160px; - padding: 4px 0; - margin: 1px 0 0; + padding: 5px 0; + margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; -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); @@ -1508,35 +1991,71 @@ table .span24 { .dropdown-menu .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } -.dropdown-menu a { +.dropdown-menu > li > a { display: block; - padding: 3px 15px; + padding: 3px 20px; clear: both; font-weight: normal; - line-height: 18px; + line-height: 20px; color: #333333; white-space: nowrap; } -.dropdown-menu li > a:hover, -.dropdown-menu .active > a, -.dropdown-menu .active > a:hover { +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + text-decoration: none; + color: #ffffff; + background-color: #e62f8d; + background-image: -moz-linear-gradient(top, #e73892, #e42186); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e73892), to(#e42186)); + background-image: -webkit-linear-gradient(top, #e73892, #e42186); + background-image: -o-linear-gradient(top, #e73892, #e42186); + background-image: linear-gradient(to bottom, #e73892, #e42186); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe73892', endColorstr='#ffe42186', GradientType=0); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; - background-color: #b509b5; + outline: 0; + background-color: #e62f8d; + background-image: -moz-linear-gradient(top, #e73892, #e42186); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e73892), to(#e42186)); + background-image: -webkit-linear-gradient(top, #e73892, #e42186); + background-image: -o-linear-gradient(top, #e73892, #e42186); + background-image: linear-gradient(to bottom, #e73892, #e42186); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe73892', endColorstr='#ffe42186', GradientType=0); +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; } .open { *z-index: 1000; } -.open .dropdown-menu { +.open > .dropdown-menu { display: block; } -.pull-right .dropdown-menu { +.pull-right > .dropdown-menu { right: 0; left: auto; } @@ -1544,7 +2063,7 @@ table .span24 { .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; - content: "\2191"; + content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { @@ -1552,7 +2071,62 @@ table .span24 { bottom: 100%; margin-bottom: 1px; } +.dropdown-submenu { + position: relative; +} +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; +} +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + -webkit-border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; +} +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; +} +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} +.dropdown-submenu.pull-left { + float: none; +} +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} .typeahead { + z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -1563,8 +2137,7 @@ table .span24 { padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; - border: 1px solid #eee; - border: 1px solid rgba(0, 0, 0, 0.05); + border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -1590,16 +2163,13 @@ table .span24 { } .fade { opacity: 0; - filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; - -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; - filter: alpha(opacity=100); } .collapse { position: relative; @@ -1607,7 +2177,6 @@ table .span24 { overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; - -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } @@ -1618,13 +2187,14 @@ table .span24 { float: right; font-size: 20px; font-weight: bold; - line-height: 18px; + line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } -.close:hover { +.close:hover, +.close:focus { color: #000000; text-decoration: none; cursor: pointer; @@ -1644,25 +2214,23 @@ button.close { /* IE7 inline-block hack */ *zoom: 1; - padding: 4px 10px 4px; + padding: 4px 12px; margin-bottom: 0; - font-size: 13px; - line-height: 18px; - *line-height: 20px; - color: #333333; + 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; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); - background-image: -ms-linear-gradient(top, #ffffff, #eaeaea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); background-image: -o-linear-gradient(top, #ffffff, #eaeaea); - background-image: linear-gradient(top, #ffffff, #eaeaea); + background-image: linear-gradient(to bottom, #ffffff, #eaeaea); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeaeaea', GradientType=0); border-color: #eaeaea #eaeaea #c4c4c4; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #eaeaea; @@ -1681,10 +2249,12 @@ button.close { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, +.btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { + color: #333333; background-color: #eaeaea; *background-color: #dddddd; } @@ -1695,17 +2265,13 @@ button.close { .btn:first-child { *margin-left: 0; } -.btn:hover { +.btn:hover, +.btn:focus { color: #333333; text-decoration: none; - background-color: #e6e6e6; - *background-color: #d9d9d9; - /* Buttons in IE7 don't get borders, so darken on hover */ - background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; - -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } @@ -1716,8 +2282,6 @@ button.close { } .btn.active, .btn:active { - background-color: #e6e6e6; - background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); @@ -1727,7 +2291,6 @@ button.close { .btn.disabled, .btn[disabled] { cursor: default; - background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); @@ -1736,43 +2299,54 @@ button.close { box-shadow: none; } .btn-large { - padding: 9px 14px; - font-size: 15px; - line-height: normal; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + padding: 11px 19px; + font-size: 17.5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -.btn-large [class^="icon-"] { - margin-top: 1px; +.btn-large [class^="icon-"], +.btn-large [class*=" icon-"] { + margin-top: 4px; } .btn-small { - padding: 5px 9px; - font-size: 11px; - line-height: 16px; + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.btn-small [class^="icon-"] { +.btn-small [class^="icon-"], +.btn-small [class*=" icon-"] { + margin-top: 0; +} +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { - padding: 2px 6px; - font-size: 11px; - line-height: 14px; + padding: 0 6px; + font-size: 10.5px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.btn-primary, -.btn-primary:hover, -.btn-warning, -.btn-warning:hover, -.btn-danger, -.btn-danger:hover, -.btn-success, -.btn-success:hover, -.btn-info, -.btn-info:hover, -.btn-inverse, -.btn-inverse:hover { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } .btn-primary.active, .btn-warning.active, @@ -1782,49 +2356,49 @@ button.close { .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } -.btn { - border-color: #ccc; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} .btn-primary { - background-color: #f654f6; - background-image: -moz-linear-gradient(top, #f544f5, #f76bf7); - background-image: -ms-linear-gradient(top, #f544f5, #f76bf7); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f544f5), to(#f76bf7)); - background-image: -webkit-linear-gradient(top, #f544f5, #f76bf7); - background-image: -o-linear-gradient(top, #f544f5, #f76bf7); - background-image: linear-gradient(top, #f544f5, #f76bf7); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ea53a1; + background-image: -moz-linear-gradient(top, #ec66ab, #e73892); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec66ab), to(#e73892)); + background-image: -webkit-linear-gradient(top, #ec66ab, #e73892); + background-image: -o-linear-gradient(top, #ec66ab, #e73892); + background-image: linear-gradient(to bottom, #ec66ab, #e73892); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f544f5', endColorstr='#f76bf7', GradientType=0); - border-color: #f76bf7 #f76bf7 #f322f3; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec66ab', endColorstr='#ffe73892', GradientType=0); + border-color: #e73892 #e73892 #bc176c; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f76bf7; + *background-color: #e73892; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, +.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { - background-color: #f76bf7; - *background-color: #f653f6; + color: #ffffff; + background-color: #e73892; + *background-color: #e42186; } .btn-primary:active, .btn-primary.active { - background-color: #f43bf4 \9; + background-color: #d31979 \9; } .btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', 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); *background-color: #f89406; @@ -1833,10 +2407,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, +.btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { + color: #ffffff; background-color: #f89406; *background-color: #df8505; } @@ -1845,15 +2421,16 @@ button.close { background-color: #c67605 \9; } .btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; @@ -1862,10 +2439,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, +.btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { + color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } @@ -1874,15 +2453,16 @@ button.close { background-color: #942a25 \9; } .btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; @@ -1891,10 +2471,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, +.btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { + color: #ffffff; background-color: #51a351; *background-color: #499249; } @@ -1903,15 +2485,16 @@ button.close { background-color: #408140 \9; } .btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; 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-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', 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); *background-color: #2f96b4; @@ -1920,10 +2503,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, +.btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { + color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } @@ -1932,15 +2517,16 @@ button.close { background-color: #24748c \9; } .btn-inverse { - background-color: #414141; - background-image: -moz-linear-gradient(top, #555555, #222222); - background-image: -ms-linear-gradient(top, #555555, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); - background-image: -webkit-linear-gradient(top, #555555, #222222); - background-image: -o-linear-gradient(top, #555555, #222222); - background-image: linear-gradient(top, #555555, #222222); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + background-image: -moz-linear-gradient(top, #444444, #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-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); 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); *background-color: #222222; @@ -1949,10 +2535,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, +.btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { + color: #ffffff; background-color: #222222; *background-color: #151515; } @@ -1962,8 +2550,8 @@ button.close { } button.btn, input[type="submit"].btn { - *padding-top: 2px; - *padding-bottom: 2px; + *padding-top: 3px; + *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { @@ -1985,19 +2573,46 @@ input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-link { + border-color: transparent; + cursor: pointer; + color: #e73892; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-link:hover, +.btn-link:focus { + color: #bc176c; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { + color: #333333; + text-decoration: none; +} .btn-group { position: relative; + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + font-size: 0; + vertical-align: middle; + white-space: nowrap; *margin-left: .3em; } -.btn-group:before, -.btn-group:after { - display: table; - content: ""; -} -.btn-group:after { - clear: both; -} .btn-group:first-child { *margin-left: 0; } @@ -2005,24 +2620,38 @@ input[type="submit"].btn.btn-mini { margin-left: 5px; } .btn-toolbar { - margin-top: 9px; - margin-bottom: 9px; + font-size: 0; + margin-top: 10px; + margin-bottom: 10px; } -.btn-toolbar .btn-group { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group { + margin-left: 5px; } .btn-group > .btn { position: relative; - float: left; - margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } +.btn-group > .btn + .btn { + margin-left: -1px; +} +.btn-group > .btn, +.btn-group > .dropdown-menu, +.btn-group > .popover { + font-size: 14px; +} +.btn-group > .btn-mini { + font-size: 10.5px; +} +.btn-group > .btn-small { + font-size: 11.9px; +} +.btn-group > .btn-large { + font-size: 17.5px; +} .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; @@ -2069,26 +2698,30 @@ input[type="submit"].btn.btn-mini { .btn-group.open .dropdown-toggle { outline: 0; } -.btn-group > .dropdown-toggle { +.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); - *padding-top: 4px; - *padding-bottom: 4px; + *padding-top: 5px; + *padding-bottom: 5px; } -.btn-group > .btn-mini.dropdown-toggle { +.btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; + *padding-top: 2px; + *padding-bottom: 2px; } -.btn-group > .btn-small.dropdown-toggle { - *padding-top: 4px; +.btn-group > .btn-small + .dropdown-toggle { + *padding-top: 5px; *padding-bottom: 4px; } -.btn-group > .btn-large.dropdown-toggle { +.btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; + *padding-top: 7px; + *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; @@ -2100,7 +2733,7 @@ input[type="submit"].btn.btn-mini { background-color: #eaeaea; } .btn-group.open .btn-primary.dropdown-toggle { - background-color: #f76bf7; + background-color: #e73892; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; @@ -2118,29 +2751,23 @@ input[type="submit"].btn.btn-mini { background-color: #222222; } .btn .caret { - margin-top: 7px; + margin-top: 8px; margin-left: 0; } -.btn:hover .caret, -.open.btn-group .caret { - opacity: 1; - filter: alpha(opacity=100); -} -.btn-mini .caret { - margin-top: 5px; -} -.btn-small .caret { +.btn-large .caret { margin-top: 6px; } .btn-large .caret { - margin-top: 6px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } +.btn-mini .caret, +.btn-small .caret { + margin-top: 8px; +} .dropup .btn-large .caret { - border-bottom: 5px solid #000000; - border-top: 0; + border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, @@ -2150,45 +2777,95 @@ input[type="submit"].btn.btn-mini { .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +} +.btn-group-vertical { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-group-vertical > .btn + .btn { + margin-left: 0; + margin-top: -1px; +} +.btn-group-vertical > .btn:first-child { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.btn-group-vertical > .btn:last-child { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.btn-group-vertical > .btn-large:first-child { + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} +.btn-group-vertical > .btn-large:last-child { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; - margin-bottom: 18px; + margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; +} +.alert, +.alert h4 { color: #c09853; } -.alert-heading { - color: inherit; +.alert h4 { + margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; - line-height: 18px; + line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } +.alert-success h4 { + color: #468847; +} .alert-danger, .alert-error { background-color: #f8f0f0; border-color: #c6898b; color: #b55457; } +.alert-danger h4, +.alert-error h4 { + color: #b55457; +} .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } +.alert-info h4 { + color: #3a87ad; +} .alert-block { padding-top: 14px; padding-bottom: 14px; @@ -2202,25 +2879,29 @@ input[type="submit"].btn.btn-mini { } .nav { margin-left: 0; - margin-bottom: 18px; + margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } -.nav > li > a:hover { +.nav > li > a:hover, +.nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } +.nav > li > a > img { + max-width: none; +} .nav > .pull-right { float: right; } -.nav .nav-header { +.nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; - line-height: 18px; + line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -2243,18 +2924,20 @@ input[type="submit"].btn.btn-mini { padding: 3px 15px; } .nav-list > .active > a, -.nav-list > .active > a:hover { +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); - background-color: #b509b5; + background-color: #e73892; } -.nav-list [class^="icon-"] { +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; @@ -2270,6 +2953,7 @@ input[type="submit"].btn.btn-mini { .nav-pills:after { display: table; content: ""; + line-height: 0; } .nav-tabs:after, .nav-pills:after { @@ -2295,19 +2979,21 @@ input[type="submit"].btn.btn-mini { .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; - line-height: 18px; + line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } -.nav-tabs > li > a:hover { +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, -.nav-tabs > .active > a:hover { +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { color: #555555; - background-color: #ffffff; + background-color: #eeeeee; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; @@ -2322,9 +3008,10 @@ input[type="submit"].btn.btn-mini { border-radius: 5px; } .nav-pills > .active > a, -.nav-pills > .active > a:hover { +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { color: #ffffff; - background-color: #b509b5; + background-color: #e73892; } .nav-stacked > li { float: none; @@ -2342,16 +3029,23 @@ input[type="submit"].btn.btn-mini { border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -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-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + -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 { +.nav-tabs.nav-stacked > li > a:hover, +.nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } @@ -2362,51 +3056,60 @@ input[type="submit"].btn.btn-mini { margin-bottom: 1px; } .nav-tabs .dropdown-menu { - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -.nav-tabs .dropdown-toggle .caret, -.nav-pills .dropdown-toggle .caret { - border-top-color: #b509b5; - border-bottom-color: #b509b5; +.nav .dropdown-toggle .caret { + border-top-color: #e73892; + border-bottom-color: #e73892; margin-top: 6px; } -.nav-tabs .dropdown-toggle:hover .caret, -.nav-pills .dropdown-toggle:hover .caret { - border-top-color: #6c056c; - border-bottom-color: #6c056c; +.nav .dropdown-toggle:hover .caret, +.nav .dropdown-toggle:focus .caret { + border-top-color: #bc176c; + border-bottom-color: #bc176c; } -.nav-tabs .active .dropdown-toggle .caret, -.nav-pills .active .dropdown-toggle .caret { - border-top-color: #333333; - border-bottom-color: #333333; +/* move down carets for tabs */ +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; } -.nav > .dropdown.active > a:hover { - color: #000000; +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} +.nav > .dropdown.active > a:hover, +.nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open a:hover .caret, +.nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } -.tabs-stacked .open > a:hover { +.tabs-stacked .open > a:hover, +.tabs-stacked .open > a:focus { border-color: #999999; } .tabbable { @@ -2416,6 +3119,7 @@ input[type="submit"].btn.btn-mini { .tabbable:after { display: table; content: ""; + line-height: 0; } .tabbable:after { clear: both; @@ -2448,12 +3152,14 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } -.tabs-below > .nav-tabs > li > a:hover { +.tabs-below > .nav-tabs > li > a:hover, +.tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, -.tabs-below > .nav-tabs > .active > a:hover { +.tabs-below > .nav-tabs > .active > a:hover, +.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, @@ -2477,11 +3183,13 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } -.tabs-left > .nav-tabs > li > a:hover { +.tabs-left > .nav-tabs > li > a:hover, +.tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, -.tabs-left > .nav-tabs .active > a:hover { +.tabs-left > .nav-tabs .active > a:hover, +.tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } @@ -2496,78 +3204,110 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } -.tabs-right > .nav-tabs > li > a:hover { +.tabs-right > .nav-tabs > li > a:hover, +.tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, -.tabs-right > .nav-tabs .active > a:hover { +.tabs-right > .nav-tabs .active > a:hover, +.tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } +.nav > .disabled > a { + color: #999999; +} +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + cursor: default; +} .navbar { + overflow: visible; + margin-bottom: 20px; *position: relative; *z-index: 2; - overflow: visible; - margin-bottom: 18px; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; - background-color: #2c2c2c; - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); + border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + *zoom: 1; +} +.navbar-inner:before, +.navbar-inner:after { + display: table; + content: ""; + line-height: 0; +} +.navbar-inner:after { + clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; -} -.navbar { - color: #999999; -} -.navbar .brand:hover { - text-decoration: none; + overflow: visible; } .navbar .brand { float: left; display: block; - padding: 8px 20px 12px; + padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; - line-height: 1; - color: #999999; + color: #777777; + text-shadow: 0 1px 0 #ffffff; +} +.navbar .brand:hover, +.navbar .brand:focus { + text-decoration: none; } -.navbar .navbar-text { +.navbar-text { margin-bottom: 0; line-height: 40px; + color: #777777; } -.navbar .navbar-link { - color: #999999; +.navbar-link { + color: #777777; } -.navbar .navbar-link:hover { - color: #ffffff; +.navbar-link:hover, +.navbar-link:focus { + color: #333333; +} +.navbar .divider-vertical { + height: 40px; + margin: 0 9px; + border-left: 1px solid #f2f2f2; + border-right: 1px solid #ffffff; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } -.navbar .btn-group .btn { - margin: 0; +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn, +.navbar .input-prepend .btn-group, +.navbar .input-append .btn-group { + margin-top: 0; } .navbar-form { margin-bottom: 0; @@ -2577,6 +3317,7 @@ input[type="submit"].btn.btn-mini { .navbar-form:after { display: table; content: ""; + line-height: 0; } .navbar-form:after { clear: both; @@ -2588,7 +3329,8 @@ input[type="submit"].btn.btn-mini { margin-top: 5px; } .navbar-form input, -.navbar-form select { +.navbar-form select, +.navbar-form .btn { display: inline-block; margin-bottom: 0; } @@ -2599,7 +3341,7 @@ input[type="submit"].btn.btn-mini { } .navbar-form .input-append, .navbar-form .input-prepend { - margin-top: 6px; + margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, @@ -2609,44 +3351,28 @@ input[type="submit"].btn.btn-mini { .navbar-search { position: relative; float: left; - margin-top: 6px; + margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { - padding: 4px 9px; + margin-bottom: 0; + padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; - color: #ffffff; - background-color: #626262; - border: 1px solid #151515; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; -} -.navbar-search .search-query:-moz-placeholder { - color: #cccccc; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } -.navbar-search .search-query::-webkit-input-placeholder { - color: #cccccc; +.navbar-static-top { + position: static; + margin-bottom: 0; } -.navbar-search .search-query:focus, -.navbar-search .search-query.focused { - padding: 5px 10px; - color: #333333; - text-shadow: 0 1px 0 #ffffff; - background-color: #ffffff; - border: 0; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - outline: 0; +.navbar-static-top .navbar-inner { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { @@ -2657,6 +3383,13 @@ input[type="submit"].btn.btn-mini { margin-bottom: 0; } .navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + border-width: 0 0 1px; +} +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; +} +.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; @@ -2664,6 +3397,7 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0; border-radius: 0; } +.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; @@ -2671,9 +3405,20 @@ input[type="submit"].btn.btn-mini { .navbar-fixed-top { top: 0; } +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); + box-shadow: 0 1px 10px rgba(0,0,0,.1); +} .navbar-fixed-bottom { bottom: 0; } +.navbar-fixed-bottom .navbar-inner { + -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + box-shadow: 0 -1px 10px rgba(0,0,0,.1); +} .navbar .nav { position: relative; left: 0; @@ -2683,51 +3428,36 @@ input[type="submit"].btn.btn-mini { } .navbar .nav.pull-right { float: right; + margin-right: 0; } .navbar .nav > li { - display: block; float: left; } .navbar .nav > li > a { float: none; - padding: 9px 10px 11px; - line-height: 19px; - color: #999999; + padding: 10px 15px 10px; + color: #777777; text-decoration: none; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} -.navbar .btn { - display: inline-block; - padding: 4px 10px 4px; - margin: 5px 5px 6px; - line-height: 18px; + text-shadow: 0 1px 0 #ffffff; } -.navbar .btn-group { - margin: 0; - padding: 5px 5px 6px; +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; } +.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; - color: #ffffff; + color: #333333; text-decoration: none; } -.navbar .nav .active > a, -.navbar .nav .active > a:hover { - color: #ffffff; +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; text-decoration: none; - background-color: #222222; -} -.navbar .divider-vertical { - height: 40px; - width: 1px; - margin: 0 9px; - overflow: hidden; - background-color: #222222; - border-right: 1px solid #333333; -} -.navbar .nav.pull-right { - margin-left: 10px; - margin-right: 0; + background-color: #e5e5e5; + -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; @@ -2735,18 +3465,19 @@ input[type="submit"].btn.btn-mini { padding: 7px 10px; margin-left: 5px; margin-right: 5px; - background-color: #2c2c2c; - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ededed; + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); - border-color: #222222 #222222 #000000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); + border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #222222; + *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2755,16 +3486,18 @@ input[type="submit"].btn.btn-mini { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, +.navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { - background-color: #222222; - *background-color: #151515; + color: #ffffff; + background-color: #e5e5e5; + *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { - background-color: #080808 \9; + background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; @@ -2781,7 +3514,7 @@ input[type="submit"].btn.btn-mini { .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } -.navbar .dropdown-menu:before { +.navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; @@ -2792,7 +3525,7 @@ input[type="submit"].btn.btn-mini { top: -7px; left: 9px; } -.navbar .dropdown-menu:after { +.navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; @@ -2802,142 +3535,293 @@ input[type="submit"].btn.btn-mini { top: -6px; left: 10px; } -.navbar-fixed-bottom .dropdown-menu:before { +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } -.navbar-fixed-bottom .dropdown-menu:after { +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; } -.navbar .nav li.dropdown .dropdown-toggle .caret, -.navbar .nav li.dropdown.open .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} -.navbar .nav li.dropdown.active .caret { - opacity: 1; - filter: alpha(opacity=100); +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { - background-color: transparent; + background-color: #e5e5e5; + color: #555555; } -.navbar .nav li.dropdown.active > .dropdown-toggle:hover { - color: #ffffff; +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; } -.navbar .pull-right .dropdown-menu, -.navbar .dropdown-menu.pull-right { +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } -.navbar .pull-right .dropdown-menu:before, -.navbar .dropdown-menu.pull-right:before { +.navbar .pull-right > li > .dropdown-menu:before, +.navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } -.navbar .pull-right .dropdown-menu:after, -.navbar .dropdown-menu.pull-right:after { +.navbar .pull-right > li > .dropdown-menu:after, +.navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } -.breadcrumb { - padding: 7px 14px; - margin: 0 0 18px; - list-style: none; - background-color: #fbfbfb; - background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); - background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); - background-image: linear-gradient(top, #ffffff, #f5f5f5); +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.navbar-inverse .navbar-inner { + background-color: #1b1b1b; + background-image: -moz-linear-gradient(top, #222222, #111111); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); + background-image: -webkit-linear-gradient(top, #222222, #111111); + background-image: -o-linear-gradient(top, #222222, #111111); + background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); - border: 1px solid #ddd; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; - -moz-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; -} -.breadcrumb li { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - text-shadow: 0 1px 0 #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); + border-color: #252525; } -.breadcrumb .divider { - padding: 0 5px; +.navbar-inverse .brand, +.navbar-inverse .nav > li > a { color: #999999; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } -.breadcrumb .active a { - color: #333333; -} -.pagination { - height: 36px; - margin: 18px 0; +.navbar-inverse .brand:hover, +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .brand:focus, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; } -.pagination ul { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - margin-left: 0; - margin-bottom: 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +.navbar-inverse .brand { + color: #999999; } -.pagination li { - display: inline; +.navbar-inverse .navbar-text { + color: #999999; } -.pagination a { +.navbar-inverse .nav > li > a:focus, +.navbar-inverse .nav > li > a:hover { + background-color: transparent; + color: #ffffff; +} +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #ffffff; + background-color: #111111; +} +.navbar-inverse .navbar-link { + color: #999999; +} +.navbar-inverse .navbar-link:hover, +.navbar-inverse .navbar-link:focus { + color: #ffffff; +} +.navbar-inverse .divider-vertical { + border-left-color: #111111; + border-right-color: #222222; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #111111; + color: #ffffff; +} +.navbar-inverse .nav li.dropdown > a:hover .caret, +.navbar-inverse .nav li.dropdown > a:focus .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .navbar-search .search-query { + color: #ffffff; + background-color: #515151; + border-color: #111111; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} +.navbar-inverse .navbar-search .search-query:-moz-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:focus, +.navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #333333; + text-shadow: 0 1px 0 #ffffff; + background-color: #ffffff; + border: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + outline: 0; +} +.navbar-inverse .btn-navbar { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e0e0e; + background-image: -moz-linear-gradient(top, #151515, #040404); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); + background-image: -webkit-linear-gradient(top, #151515, #040404); + background-image: -o-linear-gradient(top, #151515, #040404); + background-image: linear-gradient(to bottom, #151515, #040404); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); + border-color: #040404 #040404 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #040404; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:focus, +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar.disabled, +.navbar-inverse .btn-navbar[disabled] { + color: #ffffff; + background-color: #040404; + *background-color: #000000; +} +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-color: #000000 \9; +} +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + text-shadow: 0 1px 0 #ffffff; +} +.breadcrumb > li > .divider { + padding: 0 5px; + color: #ccc; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + margin: 20px 0; +} +.pagination ul { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + margin-left: 0; + margin-bottom: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} +.pagination ul > li { + display: inline; +} +.pagination ul > li > a, +.pagination ul > li > span { float: left; - padding: 0 14px; - line-height: 34px; + padding: 4px 12px; + line-height: 20px; text-decoration: none; - border: 1px solid #ddd; + background-color: #ffffff; + border: 1px solid #dddddd; border-left-width: 0; } -.pagination a:hover, -.pagination .active a { +.pagination ul > li > a:hover, +.pagination ul > li > a:focus, +.pagination ul > .active > a, +.pagination ul > .active > span { background-color: #f5f5f5; } -.pagination .active a { +.pagination ul > .active > a, +.pagination ul > .active > span { color: #999999; cursor: default; } -.pagination .disabled span, -.pagination .disabled a, -.pagination .disabled a:hover { +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover, +.pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default; } -.pagination li:first-child a { +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { border-left-width: 1px; - -webkit-border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } -.pagination li:last-child a { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; @@ -2945,9 +3829,63 @@ input[type="submit"].btn.btn-mini { .pagination-right { text-align: right; } +.pagination-large ul > li > a, +.pagination-large ul > li > span { + padding: 11px 19px; + font-size: 17.5px; +} +.pagination-large ul > li:first-child > a, +.pagination-large ul > li:first-child > span { + -webkit-border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; +} +.pagination-large ul > li:last-child > a, +.pagination-large ul > li:last-child > span { + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; +} +.pagination-mini ul > li:first-child > a, +.pagination-small ul > li:first-child > a, +.pagination-mini ul > li:first-child > span, +.pagination-small ul > li:first-child > span { + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topleft: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-left-radius: 3px; +} +.pagination-mini ul > li:last-child > a, +.pagination-small ul > li:last-child > a, +.pagination-mini ul > li:last-child > span, +.pagination-small ul > li:last-child > span { + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topright: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-right-radius: 3px; +} +.pagination-small ul > li > a, +.pagination-small ul > li > span { + padding: 2px 10px; + font-size: 11.9px; +} +.pagination-mini ul > li > a, +.pagination-mini ul > li > span { + padding: 0 6px; + font-size: 10.5px; +} .pager { - margin-left: 0; - margin-bottom: 18px; + margin: 20px 0; list-style: none; text-align: center; *zoom: 1; @@ -2956,6 +3894,7 @@ input[type="submit"].btn.btn-mini { .pager:after { display: table; content: ""; + line-height: 0; } .pager:after { clear: both; @@ -2963,7 +3902,8 @@ input[type="submit"].btn.btn-mini { .pager li { display: inline; } -.pager a { +.pager li > a, +.pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; @@ -2972,34 +3912,27 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 15px; border-radius: 15px; } -.pager a:hover { +.pager li > a:hover, +.pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } -.pager .next a { +.pager .next > a, +.pager .next > span { float: right; } -.pager .previous a { +.pager .previous > a, +.pager .previous > span { float: left; } -.pager .disabled a, -.pager .disabled a:hover { +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { color: #999999; background-color: #fff; cursor: default; } -.modal-open .dropdown-menu { - z-index: 2050; -} -.modal-open .dropdown.open { - *z-index: 2050; -} -.modal-open .popover { - z-index: 2060; -} -.modal-open .tooltip { - z-index: 2070; -} .modal-backdrop { position: fixed; top: 0; @@ -3019,12 +3952,11 @@ input[type="submit"].btn.btn-mini { } .modal { position: fixed; - top: 50%; + top: 10%; left: 50%; z-index: 1050; - overflow: auto; width: 560px; - margin: -250px 0 0 -280px; + margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); @@ -3040,17 +3972,17 @@ input[type="submit"].btn.btn-mini { -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; + outline: none; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; - -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { - top: 50%; + top: 10%; } .modal-header { padding: 9px 15px; @@ -3059,7 +3991,12 @@ input[type="submit"].btn.btn-mini { .modal-header .close { margin-top: 2px; } +.modal-header h3 { + margin: 0; + line-height: 30px; +} .modal-body { + position: relative; overflow-y: auto; max-height: 400px; padding: 15px; @@ -3085,6 +4022,7 @@ input[type="submit"].btn.btn-mini { .modal-footer:after { display: table; content: ""; + line-height: 0; } .modal-footer:after { clear: both; @@ -3096,13 +4034,16 @@ input[type="submit"].btn.btn-mini { .modal-footer .btn-group .btn + .btn { margin-left: -1px; } +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} .tooltip { position: absolute; - z-index: 1020; + z-index: 1030; display: block; visibility: visible; - padding: 5px; font-size: 11px; + line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } @@ -3111,52 +4052,24 @@ input[type="submit"].btn.btn-mini { filter: alpha(opacity=80); } .tooltip.top { - margin-top: -2px; + margin-top: -3px; + padding: 5px 0; } .tooltip.right { - margin-left: 2px; + margin-left: 3px; + padding: 0 5px; } .tooltip.bottom { - margin-top: 2px; + margin-top: 3px; + padding: 5px 0; } .tooltip.left { - margin-left: -2px; -} -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #000000; -} -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #000000; -} -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #000000; -} -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #000000; + margin-left: -3px; + padding: 0 5px; } .tooltip-inner { max-width: 200px; - padding: 3px 8px; + padding: 8px; color: #ffffff; text-align: center; text-decoration: none; @@ -3169,100 +4082,36 @@ input[type="submit"].btn.btn-mini { position: absolute; width: 0; height: 0; + border-color: transparent; + border-style: solid; } -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1010; - display: none; - padding: 5px; -} -.popover.top { - margin-top: -5px; -} -.popover.right { - margin-left: 5px; -} -.popover.bottom { - margin-top: 5px; -} -.popover.left { - margin-left: -5px; -} -.popover.top .arrow { +.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #000000; + border-width: 5px 5px 0; + border-top-color: #000000; } -.popover.right .arrow { +.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #000000; -} -.popover.bottom .arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #000000; + border-width: 5px 5px 5px 0; + border-right-color: #000000; } -.popover.left .arrow { +.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #000000; -} -.popover .arrow { - position: absolute; - width: 0; - height: 0; -} -.popover-inner { - padding: 3px; - width: 280px; - overflow: hidden; - background: #000000; - background: rgba(0, 0, 0, 0.8); - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -} -.popover-title { - padding: 9px 15px; - line-height: 1; - background-color: #f5f5f5; - border-bottom: 1px solid #eee; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; -} -.popover-content { - padding: 14px; - background-color: #ffffff; - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + border-width: 5px 0 5px 5px; + border-left-color: #000000; } -.popover-content p, -.popover-content ul, -.popover-content ol { - margin-bottom: 0; +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; } .thumbnails { margin-left: -20px; @@ -3273,6 +4122,7 @@ input[type="submit"].btn.btn-mini { .thumbnails:after { display: table; content: ""; + line-height: 0; } .thumbnails:after { clear: both; @@ -3282,23 +4132,28 @@ input[type="submit"].btn.btn-mini { } .thumbnails > li { float: left; - margin-bottom: 18px; + margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; - line-height: 1; + line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -} -a.thumbnail:hover { - border-color: #b509b5; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #e73892; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); @@ -3311,10 +4166,13 @@ a.thumbnail:hover { } .thumbnail .caption { padding: 9px; + color: #555555; } .label, .badge { - font-size: 10.998px; + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; @@ -3324,19 +4182,25 @@ a.thumbnail:hover { background-color: #999999; } .label { - padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { - padding: 1px 9px 2px; + padding-left: 9px; + padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } +.label:empty, +.badge:empty { + display: none; +} a.label:hover, -a.badge:hover { +a.label:focus, +a.badge:hover, +a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; @@ -3381,9 +4245,18 @@ a.badge:hover { .badge-inverse[href] { background-color: #1a1a1a; } -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; +.btn .label, +.btn .badge { + position: relative; + top: -1px; +} +.btn-mini .label, +.btn-mini .badge { + top: 0; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; } to { background-position: 0 0; @@ -3423,17 +4296,16 @@ a.badge:hover { } .progress { overflow: hidden; - height: 18px; - margin-bottom: 18px; + height: 20px; + margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); @@ -3443,41 +4315,43 @@ a.badge:hover { } .progress .bar { width: 0%; - height: 18px; + height: 100%; color: #ffffff; + float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); - background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); - background-image: linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; - -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); +} .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; @@ -3490,88 +4364,88 @@ a.badge:hover { -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } -.progress-danger .bar { +.progress-danger .bar, +.progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); - background-image: linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } -.progress-danger.progress-striped .bar { +.progress-danger.progress-striped .bar, +.progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-success .bar { +.progress-success .bar, +.progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); - background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); - background-image: linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } -.progress-success.progress-striped .bar { +.progress-success.progress-striped .bar, +.progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-info .bar { +.progress-info .bar, +.progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); - background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); - background-image: linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } -.progress-info.progress-striped .bar { +.progress-info.progress-striped .bar, +.progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-warning .bar { +.progress-warning .bar, +.progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } -.progress-warning.progress-striped .bar { +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { - margin-bottom: 18px; + margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; @@ -3596,7 +4470,7 @@ a.badge:hover { } .carousel { position: relative; - margin-bottom: 18px; + margin-bottom: 20px; line-height: 1; } .carousel-inner { @@ -3604,47 +4478,47 @@ a.badge:hover { width: 100%; position: relative; } -.carousel .item { +.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; - -ms-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } -.carousel .item > img { +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { display: block; line-height: 1; } -.carousel .active, -.carousel .next, -.carousel .prev { +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { display: block; } -.carousel .active { +.carousel-inner > .active { left: 0; } -.carousel .next, -.carousel .prev { +.carousel-inner > .next, +.carousel-inner > .prev { position: absolute; top: 0; width: 100%; } -.carousel .next { +.carousel-inner > .next { left: 100%; } -.carousel .prev { +.carousel-inner > .prev { left: -100%; } -.carousel .next.left, -.carousel .prev.right { +.carousel-inner > .next.left, +.carousel-inner > .prev.right { left: 0; } -.carousel .active.left { +.carousel-inner > .active.left { left: -100%; } -.carousel .active.right { +.carousel-inner > .active.right { left: 100%; } .carousel-control { @@ -3671,28 +4545,62 @@ a.badge:hover { left: auto; right: 15px; } -.carousel-control:hover { +.carousel-control:hover, +.carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #ccc; + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; +} +.carousel-indicators .active { + background-color: #fff; +} .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; - padding: 10px 15px 5px; + padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #ffffff; + line-height: 20px; +} +.carousel-caption h4 { + margin: 0 0 5px; +} +.carousel-caption p { + margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; @@ -3705,1500 +4613,2030 @@ a.badge:hover { color: inherit; letter-spacing: -1px; } -.hero-unit p { - font-size: 18px; - font-weight: 200; - line-height: 27px; - color: inherit; -} -.pull-right { - float: right; -} -.pull-left { - float: left; +.hero-unit li { + line-height: 30px; } -.hide { +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -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); + white-space: normal; } -.show { - display: block; +.popover.top { + margin-top: -10px; } -.invisible { - visibility: hidden; +.popover.right { + margin-left: 10px; } -/* Font Awesome - the iconic font designed for use with Twitter Bootstrap - ------------------------------------------------------- - The full suite of pictographic icons, examples, and documentation - can be found at: http://fortawesome.github.com/Font-Awesome/ - - License - ------------------------------------------------------- - The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: - http://creativecommons.org/licenses/by/3.0/ A mention of - 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable - source code is considered acceptable attribution (most common on the web). - If human readable source code is not available to the end user, a mention in - an 'About' or 'Credits' screen is considered acceptable (most common in desktop - or mobile software). - - Contact - ------------------------------------------------------- - Email: dave@davegandy.com - Twitter: http://twitter.com/fortaweso_me - Work: Lead Product Designer @ http://kyruus.com - - */ -@font-face { - font-family: 'FontAwesome'; - src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot'); - src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); - font-weight: normal; - font-style: normal; +.popover.bottom { + margin-top: 10px; } -/* Font Awesome styles - ------------------------------------------------------- */ -[class^="icon-"]:before, -[class*=" icon-"]:before { - font-family: FontAwesome; +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; font-weight: normal; - font-style: normal; - display: inline-block; - text-decoration: inherit; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } -a [class^="icon-"], -a [class*=" icon-"] { - display: inline-block; - text-decoration: inherit; +.popover-title:empty { + display: none; } -/* makes the font 33% larger relative to the icon container */ -.icon-large:before { - vertical-align: middle; - font-size: 1.3333333333333333em; +.popover-content { + padding: 9px 14px; } -.btn [class^="icon-"], -.nav-tabs [class^="icon-"], -.btn [class*=" icon-"], -.nav-tabs [class*=" icon-"] { - /* keeps button heights with and without icons the same */ - - line-height: .9em; +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } -li [class^="icon-"], -li [class*=" icon-"] { - display: inline-block; - width: 1.25em; - text-align: center; +.popover .arrow { + border-width: 11px; } -li .icon-large:before, -li .icon-large:before { - /* 1.5 increased font size for icon-large * 1.25 width */ - - width: 1.875em; +.popover .arrow:after { + border-width: 10px; + content: ""; } -ul.icons { - list-style-type: none; - margin-left: 2em; - text-indent: -0.8em; +.popover.top .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; } -ul.icons li [class^="icon-"], -ul.icons li [class*=" icon-"] { - width: .8em; +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); } -ul.icons li .icon-large:before, -ul.icons li .icon-large:before { - /* 1.5 increased font size for icon-large * 1.25 width */ - - vertical-align: initial; +.popover.right .arrow:after { + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; } -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.icon-glass:before { - content: "\f000"; +.popover.bottom .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; } -.icon-music:before { - content: "\f001"; +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; } -.icon-search:before { - content: "\f002"; +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); } -.icon-envelope:before { - content: "\f003"; +.popover.left .arrow:after { + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; } -.icon-heart:before { - content: "\f004"; +.pull-right { + float: right; } -.icon-star:before { - content: "\f005"; +.pull-left { + float: left; } -.icon-star-empty:before { - content: "\f006"; +.hide { + display: none; } -.icon-user:before { - content: "\f007"; +.show { + display: block; } -.icon-film:before { - content: "\f008"; +.invisible { + visibility: hidden; } -.icon-th-large:before { - content: "\f009"; +.affix { + position: fixed; } -.icon-th:before { - content: "\f00a"; +.tag { + display: inline-block; + margin-bottom: 4px; + color: #111111; + background-color: #f6f6f6; + padding: 1px 10px; + border: 1px solid #dddddd; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; } -.icon-th-list:before { - content: "\f00b"; +a.tag:hover { + text-decoration: none; + color: #fff; + background-color: #ec66ab; + border: 1px solid #e73892; + -webkit-box-shadow: inset 0 1px 0 #f293c4; + -moz-box-shadow: inset 0 1px 0 #f293c4; + box-shadow: inset 0 1px 0 #f293c4; } -.icon-ok:before { - content: "\f00c"; +.pill { + display: inline-block; + background-color: #6f8890; + color: #ffffff; + padding: 2px 10px 1px 10px; + margin-right: 5px; + font-weight: normal; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; } -.icon-remove:before { - content: "\f00d"; +.pill a { + color: #ffffff; } -.icon-zoom-in:before { - content: "\f00e"; +.pill a.remove { + font-size: 11px; } -.icon-zoom-out:before { - content: "\f010"; +.unstyled { + margin: 0; + list-style: none; } -.icon-off:before { - content: "\f011"; +.simple-item { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-signal:before { - content: "\f012"; +.simple-item:last-of-type { + border-bottom: 0; } -.icon-cog:before { - content: "\f013"; +.simple-list { + *zoom: 1; + margin: 0; + list-style: none; } -.icon-trash:before { - content: "\f014"; +.simple-list:before, +.simple-list:after { + display: table; + content: ""; + line-height: 0; } -.icon-home:before { - content: "\f015"; +.simple-list:after { + clear: both; } -.icon-file:before { - content: "\f016"; +.simple-list > li { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-time:before { - content: "\f017"; +.simple-list > li:last-of-type { + border-bottom: 0; } -.icon-road:before { - content: "\f018"; +.simple-list .ckan-icon { + position: relative; + top: 0px; } -.icon-download-alt:before { - content: "\f019"; +.module-narrow .simple-list > li { + padding-left: 15px; + padding-right: 15px; + position: relative; } -.icon-download:before { - content: "\f01a"; +.listing li { + text-align: right; + margin-bottom: 5px; } -.icon-upload:before { - content: "\f01b"; +.listing .key { + clear: right; + font-weight: bold; } -.icon-inbox:before { - content: "\f01c"; +.js .tab-content { + display: none; } -.icon-play-circle:before { - content: "\f01d"; +.js .tab-content.active { + display: block; } -.icon-repeat:before { - content: "\f01e"; +.box { + background-color: #FFF; + border: 1px solid #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); } -/* \f020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { - content: "\f021"; +.module { + margin: 20px 0; } -.icon-list-alt:before { - content: "\f022"; +.module-heading { + *zoom: 1; + margin: 0; + padding: 7px 25px; + font-size: 14px; + line-height: 1.3; + background-color: #f6f6f6; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; } -.icon-lock:before { - content: "\f023"; +.module-heading:before, +.module-heading:after { + display: table; + content: ""; + line-height: 0; } -.icon-flag:before { - content: "\f024"; +.module-heading:after { + clear: both; } -.icon-headphones:before { - content: "\f025"; +.module-heading .action { + float: right; + color: #888888; + font-size: 12px; + line-height: 20px; + text-decoration: underline; } -.icon-volume-off:before { - content: "\f026"; +.module-heading .action:hover { + color: #444444; } -.icon-volume-down:before { - content: "\f027"; +.module-content { + padding: 0 25px; + margin: 20px 0; } -.icon-volume-up:before { - content: "\f028"; +.module-content:first-child { + margin-top: 0; + padding-top: 20px; } -.icon-qrcode:before { - content: "\f029"; +.module-content:last-child { + margin-bottom: 0; + padding-bottom: 20px; } -.icon-barcode:before { - content: "\f02a"; +.module-content > :last-child { + margin-bottom: 0; } -.icon-tag:before { - content: "\f02b"; +.module:first-child .module-heading { + -webkit-border-radius: 3px 0 0 0; + -moz-border-radius: 3px 0 0 0; + border-radius: 3px 0 0 0; + border-top-width: 0; } -.icon-tags:before { - content: "\f02c"; +.module:last-child { + margin-bottom: 20px; } -.icon-book:before { - content: "\f02d"; +.module-footer { + padding: 7px 25px 7px; + margin: 0; + border-top: 1px dotted #dddddd; } -.icon-bookmark:before { - content: "\f02e"; +.module .read-more { + font-weight: bold; + color: #000000; } -.icon-print:before { - content: "\f02f"; +.module .pagination { + height: 34px; + margin-bottom: 0; + border-top: 1px solid #dddddd; } -.icon-camera:before { - content: "\f030"; +.module-content .pagination { + margin-left: -25px; + margin-right: -25px; + margin-bottom: -20px; } -.icon-font:before { - content: "\f031"; +.module .pagination > ul { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border: 0; } -.icon-bold:before { - content: "\f032"; +.module .pagination li a { + border-top: none; + border-bottom: none; + padding-top: 7px; + padding-bottom: 7px; } -.icon-italic:before { - content: "\f033"; +.module .pagination li:first-child a, +.module .pagination li:last-child a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } -.icon-text-height:before { - content: "\f034"; +.module .pagination li:first-child a { + border-left-width: 0; } -.icon-text-width:before { - content: "\f035"; +.module .pagination li:last-child a { + border-right-width: 0; } -.icon-align-left:before { - content: "\f036"; +.module .pagination li.active a { + border-left-width: 1px; + border-right-width: 1px; } -.icon-align-center:before { - content: "\f037"; +.module-content-shallow { + padding: 0; + margin-top: 10px; + padding-bottom: 10px; } -.icon-align-right:before { - content: "\f038"; +.module h1 { + margin-bottom: 20px; } -.icon-align-justify:before { - content: "\f039"; +.module-shallow .module-content { + padding: 10px; + margin: 0; } -.icon-list:before { - content: "\f03a"; +.module-shallow .module-tags { + margin-top: 0; + margin-bottom: 0; } -.icon-indent-left:before { - content: "\f03b"; +.module-shallow .module-content:first-child { + padding-top: 10px; } -.icon-indent-right:before { - content: "\f03c"; +.module-shallow .module-content:last-child { + padding-bottom: 10px; } -.icon-facetime-video:before { - content: "\f03d"; +.module-narrow .module-heading, +.module-narrow .module-content, +.module-narrow .module-footer { + padding-left: 15px; + padding-right: 15px; } -.icon-picture:before { - content: "\f03e"; +.module-grid { + margin: 0; + list-style: none; + *zoom: 1; + margin: 0 -25px; + padding-bottom: 15px; + background: #fbfbfb url("../../../base/images/bg.png"); + border: 1px solid #dddddd; + border-width: 1px 0; } -.icon-pencil:before { - content: "\f040"; +.module-grid:before, +.module-grid:after { + display: table; + content: ""; + line-height: 0; } -.icon-map-marker:before { - content: "\f041"; +.module-grid:after { + clear: both; } -.icon-adjust:before { - content: "\f042"; +.module-item { + width: 189px; + padding: 15px; + margin: 15px 0 0 15px; + background-color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + float: left; + margin-left: 20px; + width: 460px; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 50px; + overflow: hidden; + position: relative; } -.icon-tint:before { - content: "\f043"; +.module-item span.count { + color: #999; } -.icon-edit:before { - content: "\f044"; +.module-item .media-image { + margin-bottom: 5px; } -.icon-share:before { - content: "\f045"; +.module-item .media-edit { + opacity: 0; + position: absolute; + right: 15px; + bottom: 15px; + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; } -.icon-check:before { - content: "\f046"; +.module-item:hover { + z-index: 1; } -.icon-move:before { - content: "\f047"; +.module-item:hover .media-edit { + opacity: 1; } -.icon-step-backward:before { - content: "\f048"; +.module-item.first { + clear: left; } -.icon-fast-backward:before { - content: "\f049"; +.group .content img { + margin: 0 -5px 5px; + max-width: initial; } -.icon-backward:before { - content: "\f04a"; +.group .content h3 { + font-size: 14px; + line-height: 1.3; } -.icon-play:before { - content: "\f04b"; +.group-listing { + margin-left: -20px; } -.icon-pause:before { - content: "\f04c"; +.ckanext-datapreview { + position: relative; } -.icon-stop:before { - content: "\f04d"; +.ckanext-datapreview > iframe { + min-height: 400px; } -.icon-forward:before { - content: "\f04e"; +.ckanext-datapreview > img { + max-height: 500px; + max-width: 100%; + overflow: hidden; } -.icon-fast-forward:before { - content: "\f050"; +.package-info h4 { + margin-bottom: 10px; } -.icon-step-forward:before { - content: "\f051"; +.module-resource { + background-color: #ffffff; + border-bottom: 1px solid #dddddd; + margin-top: 0; + margin-bottom: 0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.icon-eject:before { - content: "\f052"; +.module-resource .actions { + position: relative; + float: right; + top: -10px; + right: -15px; } -.icon-chevron-left:before { - content: "\f053"; +.module .module-tags { + padding-bottom: 8px; } -.icon-chevron-right:before { - content: "\f054"; +.secondary .module:first-child, +.primary .module:first-child { + margin-top: 0; } -.icon-plus-sign:before { - content: "\f055"; +.no-nav .module:last-child { + margin-top: 0; } -.icon-minus-sign:before { - content: "\f056"; +.module-image { + float: left; + width: 50px; + height: 50px; + line-height: 50px; + text-align: center; + margin-right: 15px; } -.icon-remove-sign:before { - content: "\f057"; +.module-image img { + max-width: 50px; + max-height: 50px; + vertical-align: middle; } -.icon-ok-sign:before { - content: "\f058"; +.banner { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + position: absolute; + top: 15px; + right: -35px; + width: 80px; + color: #ffffff; + background-color: #e73892; + padding: 1px 20px; + font-size: 11px; + text-align: center; + text-transform: uppercase; } -.icon-question-sign:before { - content: "\f059"; +.media-grid { + margin: 0; + list-style: none; + *zoom: 1; + margin: 0 -25px; + padding-bottom: 15px; + background: #fbfbfb url("../../../base/images/bg.png"); + border: 1px solid #dddddd; + border-width: 1px 0; } -.icon-info-sign:before { - content: "\f05a"; +.media-grid:before, +.media-grid:after { + display: table; + content: ""; + line-height: 0; } -.icon-screenshot:before { - content: "\f05b"; +.media-grid:after { + clear: both; } -.icon-remove-circle:before { - content: "\f05c"; +.media-item { + position: relative; + float: left; + width: 189px; + padding: 15px; + margin: 15px 0 0 15px; + background-color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.icon-ok-circle:before { - content: "\f05d"; +.media-item span.count { + color: #999; } -.icon-ban-circle:before { - content: "\f05e"; +.media-item .media-image { + margin-bottom: 5px; } -.icon-arrow-left:before { - content: "\f060"; +.media-item .media-edit { + opacity: 0; + position: absolute; + right: 15px; + bottom: 15px; + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; } -.icon-arrow-right:before { - content: "\f061"; +.media-item:hover { + z-index: 1; } -.icon-arrow-up:before { - content: "\f062"; +.media-item:hover .media-edit { + opacity: 1; } -.icon-arrow-down:before { - content: "\f063"; +.media-view { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border: 1px solid #dddddd; + overflow: hidden; + -webkit-transition: all 0.2s ease-in; + -moz-transition: all 0.2s ease-in; + -o-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.icon-share-alt:before { - content: "\f064"; +.media-view:hover, +.media-view.hovered { + border-color: #e73892; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); } -.icon-resize-full:before { - content: "\f065"; +.media-view:hover .banner, +.media-view.hovered .banner { + background-color: #e73892; } -.icon-resize-small:before { - content: "\f066"; +.media-view span { + display: none; } -.icon-plus:before { - content: "\f067"; +.media-view .banner { + display: block; + background-color: #b7b7b7; + -webkit-transition: background-color 0.2s ease-in; + -moz-transition: background-color 0.2s ease-in; + -o-transition: background-color 0.2s ease-in; + transition: background-color 0.2s ease-in; } -.icon-minus:before { - content: "\f068"; +.media-image { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } -.icon-asterisk:before { - content: "\f069"; +.media-heading { + font-size: 18px; + line-height: 1.3; + margin: 5px 0; } -.icon-exclamation-sign:before { - content: "\f06a"; +.media-overlay { + position: relative; + min-height: 35px; } -.icon-gift:before { - content: "\f06b"; +.media-overlay .media-heading { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 12px 10px; + margin: 0; + background-color: #000; + background-color: rgba(0, 0, 0, 0.8); + font-size: 13px; + color: #fff; + z-index: 1; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } -.icon-leaf:before { - content: "\f06c"; +.media-overlay .media-image { + float: none; + display: block; + margin-right: 0; } -.icon-fire:before { - content: "\f06d"; +.media-item.is-expander .truncator-link { + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; + position: absolute; + z-index: 10; + left: 15px; + bottom: 15px; + opacity: 0; } -.icon-eye-open:before { - content: "\f06e"; +.media-item.is-expander:hover { + padding-bottom: 35px; } -.icon-eye-close:before { - content: "\f070"; +.media-item.is-expander:hover .truncator-link { + opacity: 1; } -.icon-warning-sign:before { - content: "\f071"; +.wide .media-item { + width: 186px; } -.icon-plane:before { - content: "\f072"; +.nav-simple, +.nav-aside { + *zoom: 1; + margin: 0; + list-style: none; + padding-bottom: 0; } -.icon-calendar:before { - content: "\f073"; +.nav-simple:before, +.nav-aside:before, +.nav-simple:after, +.nav-aside:after { + display: table; + content: ""; + line-height: 0; } -.icon-random:before { - content: "\f074"; +.nav-simple:after, +.nav-aside:after { + clear: both; } -.icon-comment:before { - content: "\f075"; +.nav-simple > li, +.nav-aside > li { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-magnet:before { - content: "\f076"; +.nav-simple > li:last-of-type, +.nav-aside > li:last-of-type { + border-bottom: 0; } -.icon-chevron-up:before { - content: "\f077"; +.nav-simple .ckan-icon, +.nav-aside .ckan-icon { + position: relative; + top: 0px; } -.icon-chevron-down:before { - content: "\f078"; +.nav-aside { + border-top: 1px dotted #DDD; + border-bottom: 1px dotted #DDD; + margin-bottom: 15px; } -.icon-retweet:before { - content: "\f079"; +.nav-item > a, +.nav-aside li a { + color: #333333; + font-size: 14px; + line-height: 20px; + margin: -7px -25px; + padding: 7px 25px; } -.icon-shopping-cart:before { - content: "\f07a"; +.nav-item.active, +.nav-aside li.active { + background-color: #f6f6f6; } -.icon-folder-close:before { - content: "\f07b"; +.nav-item.active > a, +.nav-aside li.active a { + position: relative; + color: #ffffff; + background-color: #8ca0a6; } -.icon-folder-open:before { - content: "\f07c"; +.nav-item.active > a:hover, +.nav-aside li.active a:hover { + color: #ffffff; + background-color: #8ca0a6; } -.icon-resize-vertical:before { - content: "\f07d"; +.nav-item.active > a:before, +.nav-aside li.active a:before { + content: ' '; + position: absolute; + top: 0; + right: -6px; + width: 6px; + height: 34px; + background-image: url("../../../base/images/nav-active.png?1"); } -.icon-resize-horizontal:before { - content: "\f07e"; +.nav-item.active > a span, +.nav-aside li.active a span { + white-space: nowrap; + overflow: hidden; + display: block; } -.icon-bar-chart:before { - content: "\f080"; +.module-narrow .nav-item > a, +.module-narrow .nav-aside li a { + padding-left: 15px; + padding-right: 15px; + position: relative; } -.icon-twitter-sign:before { - content: "\f081"; +.module-narrow .nav-item.image, +.module-narrow .nav-aside li.image { + position: relative; } -.icon-facebook-sign:before { - content: "\f082"; +.module-narrow .nav-item.image > a, +.module-narrow .nav-aside li.image a { + padding-left: 42px; + padding-right: 42px; } -.icon-camera-retro:before { - content: "\f083"; +.module-narrow .nav-item.image > img, +.module-narrow .nav-aside li.image img { + position: absolute; + top: 50%; + left: 15px; + width: 20px; + height: 20px; + margin-top: -10px; + z-index: 2; } -.icon-key:before { - content: "\f084"; +.nav-facet .nav-item > a:hover:after, +.nav-facet .nav-item.active > a:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + content: ""; + position: absolute; + top: 50%; + right: 5px; + margin-top: -8px; } -.icon-cogs:before { - content: "\f085"; +.nav-facet .nav-item > a:hover:after { + width: 17px; + height: 17px; + background-position: -17px -16px; } -.icon-comments:before { - content: "\f086"; +.nav-facet .nav-item.active > a:after { + width: 17px; + height: 17px; + background-position: 0px -16px; + right: 3px; } -.icon-thumbs-up:before { - content: "\f087"; +.user-list { + margin: 0; + list-style: none; } -.icon-thumbs-down:before { - content: "\f088"; +.user-list li { + margin: 0 0 10px 0; } -.icon-star-half:before { - content: "\f089"; +.user-list .gravatar { + vertical-align: -4px; + margin-right: 3px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; } -.icon-heart-empty:before { - content: "\f08a"; +.nav-facet-tertiary { + margin: 10px 0; } -.icon-signout:before { - content: "\f08b"; +.nav-facet-tertiary .module-heading { + margin-bottom: 5px; + padding: 8px 12px; + border-bottom-width: 0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } -.icon-linkedin-sign:before { - content: "\f08c"; +.nav-facet-tertiary .module-heading i { + display: none; } -.icon-pushpin:before { - content: "\f08d"; +.nav-facet-tertiary .module-footer { + padding: 8px 12px; + border-top-width: 0; } -.icon-external-link:before { - content: "\f08e"; +.nav-facet-tertiary .module-footer a { + font-weight: normal; + color: #8C8C8C; } -.icon-signin:before { - content: "\f090"; +.nav-facet-tertiary .nav { + margin-bottom: 0; } -.icon-trophy:before { - content: "\f091"; +.nav-facet-tertiary .module-content.empty { + padding: 8px 12px; + margin-top: 0; } -.icon-github-sign:before { - content: "\f092"; +.nav-facet-tertiary .nav li.active { + position: relative; } -.icon-upload-alt:before { - content: "\f093"; +.nav-facet-tertiary .nav li.active > a:hover:after, +.nav-facet-tertiary .nav li.active > a:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + width: 17px; + height: 17px; + background-position: 0px -16px; + content: ""; + position: absolute; + top: 50%; + right: 5px; + margin-top: -8px; } -.icon-lemon:before { - content: "\f094"; +.nav-simple > .nav-btn { + padding-left: 0; + padding-right: 0; + text-align: center; } -.icon-phone:before { - content: "\f095"; +.nav-simple > .nav-btn .btn { + display: inline-block; } -.icon-check-empty:before { - content: "\f096"; +.js .js-hide { + display: none; } -.icon-bookmark-empty:before { - content: "\f097"; +.js .js-hide.active { + display: block; } -.icon-phone-sign:before { - content: "\f098"; +.btn, +label { + font-weight: bold; } -.icon-twitter:before { - content: "\f099"; +.btn-rounded { + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + padding-left: 15px; + padding-right: 15px; } -.icon-facebook:before { - content: "\f09a"; +label { + cursor: pointer; + font-size: 14px; } -.icon-github:before { - content: "\f09b"; +label:after { + content: ":"; } -.icon-unlock:before { - content: "\f09c"; +label.radio:after, +label.checkbox:after { + content: ""; } -.icon-credit-card:before { - content: "\f09d"; +input[type=radio], +input[type=checkbox] { + position: relative; + top: 7px; + padding: 0; + margin: 0; } -.icon-rss:before { - content: "\f09e"; +input[type=radio].checkbox-onown, +input[type=checkbox].checkbox-onown { + top: 0; } -.icon-hdd:before { - content: "\f0a0"; +select { + padding: 4px; } -.icon-bullhorn:before { - content: "\f0a1"; +textarea { + max-width: 100%; } -.icon-bell:before { - content: "\f0a2"; +.control-group .btn { + position: relative; + top: -2px; } -.icon-certificate:before { - content: "\f0a3"; +.control-full input, +.control-full select, +.control-full textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: auto; + width: 100%; } -.icon-hand-right:before { - content: "\f0a4"; +.control-medium input, +.control-medium select, +.control-medium textarea { + width: 320px; } -.icon-hand-left:before { - content: "\f0a5"; +.control-large input, +.control-large .control-label { + font-size: 17.5px; + line-height: 30px; } -.icon-hand-up:before { - content: "\f0a6"; +.control-large input { + height: 41px; } -.icon-hand-down:before { - content: "\f0a7"; +.form-actions { + background: none; + margin-left: -25px; + margin-right: -25px; + margin-bottom: 0; + padding-bottom: 0; + text-align: right; } -.icon-circle-arrow-left:before { - content: "\f0a8"; +.form-actions .action-info { + float: left; + width: 50%; + line-height: 2; + text-align: left; + color: #707070; + margin: 0; } -.icon-circle-arrow-right:before { - content: "\f0a9"; +.form-actions .action-info.small { + font-size: 11px; + line-height: 1.2; } -.icon-circle-arrow-up:before { - content: "\f0aa"; +.form-horizontal .control-label { + width: 120px; } -.icon-circle-arrow-down:before { - content: "\f0ab"; +.form-horizontal .controls { + margin-left: 130px; } -.icon-globe:before { - content: "\f0ac"; +.form-horizontal .info-block { + position: relative; + display: block; + font-size: 11px; + color: #aaaaaa; + line-height: 1.3; + padding: 6px 0 6px 25px; + margin-top: 6px; } -.icon-wrench:before { - content: "\f0ad"; +.form-horizontal .info-help { + padding: 6px 0; } -.icon-tasks:before { - content: "\f0ae"; +.form-horizontal .info-help:before { + display: none; } -.icon-filter:before { - content: "\f0b0"; +.form-horizontal .info-help-tight { + margin-top: -10px; } -.icon-briefcase:before { - content: "\f0b1"; +.form-horizontal .info-inline { + float: right; + width: 265px; + margin-top: 0; + padding-bottom: 0; } -.icon-fullscreen:before { - content: "\f0b2"; +.form-horizontal .control-medium .info-block.info-inline { + width: 165px; } -.icon-group:before { - content: "\f0c0"; +.form-horizontal .info-block:before { + font-size: 2.2em; + position: absolute; + left: 0; + top: 2px; } -.icon-link:before { - content: "\f0c1"; +.form-horizontal .info-inline:before { + top: 8px; } -.icon-cloud:before { - content: "\f0c2"; +.info-block .icon-large, +.info-inline .icon-large { + float: left; + font-size: 22px; + margin-right: 15px; } -.icon-beaker:before { - content: "\f0c3"; +.form-horizontal .info-block a { + color: #aaaaaa; + text-decoration: underline; } -.icon-cut:before { - content: "\f0c4"; +.form-horizontal .form-actions { + padding-left: 25px; + padding-right: 25px; } -.icon-copy:before { - content: "\f0c5"; +.form-inline input { + padding-bottom: 9px; } -.icon-paper-clip:before { - content: "\f0c6"; -} -.icon-save:before { - content: "\f0c7"; +.form-inline select { + margin-top: 0; } -.icon-sign-blank:before { - content: "\f0c8"; +.form-inline .btn { + margin-left: 5px; } -.icon-reorder:before { - content: "\f0c9"; +.form-narrow label { + margin-bottom: 0; } -.icon-list-ul:before { - content: "\f0ca"; +.form-narrow select { + width: 100%; } -.icon-list-ol:before { - content: "\f0cb"; +.form-narrow .form-actions { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px 0; } -.icon-strikethrough:before { - content: "\f0cc"; +.form-select label { + margin-right: 5px; } -.icon-underline:before { - content: "\f0cd"; +.simple-input label, +.simple-input button { + display: none; } -.icon-table:before { - content: "\f0ce"; +.simple-input .field { + position: relative; } -.icon-magic:before { - content: "\f0d0"; +.simple-input .field-bordered { + border-bottom: 1px dotted #dddddd; } -.icon-truck:before { - content: "\f0d1"; +.simple-input .field input { + width: 100%; + height: auto; + margin: 0 -7px; + padding: 7px 5px; } -.icon-pinterest:before { - content: "\f0d2"; +.simple-input .field .btn-search { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + background-position: -51px -16px; + position: absolute; + display: block; + height: 17px; + width: 17px; + top: 50%; + right: 0; + margin-top: -8px; + background-color: transparent; + border: none; + text-indent: -999em; } -.icon-pinterest-sign:before { - content: "\f0d3"; +.editor textarea { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + border-bottom: none; } -.icon-google-plus-sign:before { - content: "\f0d4"; +.editor .editor-info-block { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + display: block; + float: none; + padding: 4px 10px; + background: #ebebeb; + width: auto; + border: 1px solid #cccccc; + border-top: none; + font-size: 11px; + color: #282828; } -.icon-google-plus:before { - content: "\f0d5"; +.editor .editor-info-block a { + color: #e73892; + text-decoration: none; } -.icon-money:before { - content: "\f0d6"; +.control-custom { + font-size: 0; } -.icon-caret-down:before { - content: "\f0d7"; +.control-custom label { + margin-bottom: 0; } -.icon-caret-up:before { - content: "\f0d8"; +.control-custom input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + width: 140px; } -.icon-caret-left:before { - content: "\f0d9"; +.control-custom input:last-of-type { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; } -.icon-caret-right:before { - content: "\f0da"; +.control-custom .checkbox { + display: inline-block; + margin-left: 5px; } -.icon-columns:before { - content: "\f0db"; +.control-custom .checkbox input { + width: auto; } -.icon-sort:before { - content: "\f0dc"; +.control-custom.disabled label, +.control-custom.disabled input { + color: #aaaaaa; + text-decoration: line-through; + text-shadow: none; } -.icon-sort-down:before { - content: "\f0dd"; +.control-custom.disabled input { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background-color: #f3f3f3; } -.icon-sort-up:before { - content: "\f0de"; +.control-custom.disabled .checkbox { + color: #444444; + text-decoration: none; } -.icon-envelope-alt:before { - content: "\f0e0"; +.control-custom .checkbox.btn { + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + position: relative; + top: 0; + left: 5px; + height: 1px; + width: 9px; + padding: 3px 8px; + line-height: 18px; } -.icon-linkedin:before { - content: "\f0e1"; +.control-custom .checkbox.btn span { + display: none; + width: 30px; } -.icon-undo:before { - content: "\f0e2"; +.control-custom .checkbox.btn:before { + position: relative; + top: 1px; + left: -1px; + color: #fff; } -.icon-legal:before { - content: "\f0e3"; +.control-custom .checkbox.btn input { + display: none; } -.icon-dashboard:before { - content: "\f0e4"; +.control-custom.disabled .checkbox.btn { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ea53a1; + background-image: -moz-linear-gradient(top, #ec66ab, #e73892); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec66ab), to(#e73892)); + background-image: -webkit-linear-gradient(top, #ec66ab, #e73892); + background-image: -o-linear-gradient(top, #ec66ab, #e73892); + background-image: linear-gradient(to bottom, #ec66ab, #e73892); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec66ab', endColorstr='#ffe73892', GradientType=0); + border-color: #e73892 #e73892 #bc176c; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #e73892; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } -.icon-comment-alt:before { - content: "\f0e5"; +.control-custom.disabled .checkbox.btn:hover, +.control-custom.disabled .checkbox.btn:focus, +.control-custom.disabled .checkbox.btn:active, +.control-custom.disabled .checkbox.btn.active, +.control-custom.disabled .checkbox.btn.disabled, +.control-custom.disabled .checkbox.btn[disabled] { + color: #ffffff; + background-color: #e73892; + *background-color: #e42186; } -.icon-comments-alt:before { - content: "\f0e6"; +.control-custom.disabled .checkbox.btn:active, +.control-custom.disabled .checkbox.btn.active { + background-color: #d31979 \9; } -.icon-bolt:before { - content: "\f0e7"; +.control-custom.disabled .checkbox.btn .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; } -.icon-sitemap:before { - content: "\f0e8"; +.alert-danger a, +.alert-error a { + color: #b55457; } -.icon-umbrella:before { - content: "\f0e9"; +.control-group.error input, +.control-group.error select, +.control-group.error textarea, +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + border-color: #c6898b; } -.icon-paste:before { - content: "\f0ea"; +.error-inline { + color: #b55457; } -.icon-user-md:before { - content: "\f200"; +.error-block, +.error-inline { + font-size: 12px; } -.pill { - background-color: #cccccc; +.error-block { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + display: block; + padding: 6px 8px 3px; + background: #c6898b; + margin: -3px 0 0; color: #ffffff; - padding: 1px 5px 1px 8px; - margin-right: 5px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; + width: 208px; } -.pill a { - color: #ffffff; +.control-medium .error-block { + width: 318px; } -.pill a.remove { - font-size: 11px; +.control-full .error-block { + width: auto; } -.tag { - background: url("../../../base/images/background-tag.png") no-repeat -13px center; - position: relative; - display: block; - font-size: 11px; - line-height: 27px; - color: #b509b5; - padding-left: 10px; - padding-right: 5px; - margin-right: 11px; +.control-group.error .input-prepend .error-block, +.control-custom.error .error-block { + width: auto; } -.tag:before { - content: ""; - background: url("../../../base/images/background-tag.png") no-repeat center left; - position: absolute; - display: block; - top: 0; - bottom: 0; - right: -11px; - width: 11px; +.control-custom.error .error-block { + width: 401px; } -.unstyled { - margin: 0; - list-style: none; -} -.simple-item { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; -} -.simple-item:last-of-type { - border-bottom: 0; +.control-select.error .error-block { + width: 196px; } -.simple-list { - *zoom: 1; +.stages { margin: 0; list-style: none; + *zoom: 1; + color: #aeaeae; + counter-reset: stage; + margin: -20px -25px 20px; + overflow: hidden; } -.simple-list:before, -.simple-list:after { +.stages:before, +.stages:after { display: table; content: ""; + line-height: 0; } -.simple-list:after { +.stages:after { clear: both; } -.simple-list > li { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; +.stages li { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + line-height: 27px; + counter-increment: stage; + width: 33.33%; + background-color: #ededed; + float: left; + padding: 10px 20px; + position: relative; + z-index: 0; } -.simple-list > li:last-of-type { - border-bottom: 0; +.stages li:before { + -webkit-border-radius: 14px; + -moz-border-radius: 14px; + border-radius: 14px; + content: counter(stage); + display: inline-block; + width: 27px; + height: 27px; + margin-right: 5px; + font-weight: bold; + text-align: center; + color: #ffffff; + background-color: #aeaeae; + z-index: 1; } -.simple-list .ckan-icon { - position: relative; - top: 0px; +.stages li:after { + left: 0; + border: solid rgba(237, 237, 237, 0); + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-top-color: #ededed; + border-bottom-color: #ededed; + border-width: 29px; + top: 50%; + margin-top: -29px; + margin-left: -30px; } -.module-narrow .simple-list > li { - padding-left: 15px; - padding-right: 15px; +.stages li.last { position: relative; + right: -1px; } -.listing li { - text-align: right; - margin-bottom: 5px; -} -.listing .key { - clear: right; - font-weight: bold; +.stages li.last, +.stages li.last .highlight { + -webkit-border-radius: 0 3px 0 0; + -moz-border-radius: 0 3px 0 0; + border-radius: 0 3px 0 0; } -.js .tab-content { - display: none; +.stages li.first:after { + content: none; + border: none; } -.js .tab-content.active { - display: block; +.stages li.active:after { + border-color: rgba(140, 198, 138, 0); + border-top-color: #8cc68a; + border-bottom-color: #8cc68a; } -.module { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - background-color: #ffffff; - margin-bottom: 20px; +.stages li.complete:after { + border-color: rgba(197, 226, 196, 0); + border-top-color: #c5e2c4; + border-bottom-color: #c5e2c4; } -.module-heading { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - font-size: 14px; - line-height: 1.3; - padding: 7px 25px; - border-bottom: 1px solid #d0d0d0; - background-color: #f3f3f3; - background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: linear-gradient(top, #f5f5f5, #f0f0f0); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); +.stages.stage-3 li.complete:first-child:after { + content: none; } -.module-heading-secondary { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - border-top: 1px solid #d0d0d0; +.stages li.active, +.stages li.complete { + background: none; } -.module-heading [class^=icon]:before { - font-size: 1.2em; - line-height: 1; - position: relative; - top: 1px; - margin-right: 0.1em; +.stages li.active:before { + color: #8cc68a; + background: #ffffff; } -.module-heading .action { - float: right; - color: #8c8c8c; - font-size: 11px; - text-decoration: underline; +.stages li.complete:before { + color: #c5e2c4; + background: #eef6ed; } -.module-content { - padding: 0 25px; - margin: 20px 0; +.stages li .highlight { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + padding: 10px 52px; + border: none; + text-align: left; + text-decoration: none; + line-height: 27px; + z-index: -1; } -.module-content:first-child { - margin-top: 0; - padding-top: 20px; +.stages li.active .highlight { + color: #ffffff; + background: #8cc68a; } -.module-content:last-child { - margin-bottom: 0; - padding-bottom: 20px; +.stages li.complete .highlight { + color: #eef6ed; + background: #c5e2c4; } -.module-content > :last-child { +.alert > :last-child { margin-bottom: 0; } -.module-border-top { - border-top: 1px dotted #cccccc; +.slug-preview { + font-size: 14px; + line-height: 1.5; + margin-top: 5px; + margin-left: 10px; } -.module-border-bottom { - border-bottom: 1px dotted #cccccc; +.slug-preview-value { + background-color: #faedcf; + margin-right: 3px; } -.module-footer { - padding: 7px 25px 7px; - border-top: 1px dotted #cccccc; +.resource-upload-field { + position: relative; + overflow: hidden; + display: inline-block; + vertical-align: bottom; } -.module .read-more { - font-weight: bold; - color: #000000; +.resource-upload-field label { + z-index: 0; } -.module .pagination { - height: 34px; - margin-bottom: 0; - border-top: 1px solid #d0d0d0; +.resource-upload-field input { + opacity: 0; + filter: alpha(opacity=0); + position: absolute; + top: 0; + right: 0; + z-index: 1; + margin: 0; + border: solid transparent; + border-width: 100px 0 0 200px; + cursor: pointer; + direction: ltr; + -moz-transform: translate(-300px, 0) scale(4); } -.module .pagination > ul { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - border: 0; +.resource-upload-field.loading { + display: inline-block; + background: url("../../../base/images/loading-spinner.gif") no-repeat center right; + padding-right: 5px; } -.module .pagination li a { - border-top: none; - border-bottom: none; +.select2-container .select2-choice input, +.select2-container-multi .select2-choices .select2-search-field:first-child input { + font-size: 14px; } -.module .pagination li:first-child a, -.module .pagination li:last-child a { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +.select2-container-multi .select2-choices .select2-search-field input { + height: 29px; } -.module .pagination li:first-child a { - border-left-width: 0; +.select2-container .select2-choice input, +.select2-container-multi .select2-choices .select2-search-field:first-child input { + padding-left: 10px; } -.module .pagination li:last-child a { - border-right-width: 0; +.select2-container { + margin-top: 1px; } -.module .pagination li.active a { - border-left-width: 1px; - border-right-width: 1px; +.select2-container-multi { + margin-top: 0; } -.module .action { - text-align: center; +.select2-container-multi .select2-choices .select2-search-choice { + padding: 5px 8px 5px 22px; } -.module-shallow .module-content { - padding: 10px; - margin: 0; +.select2-container-multi.select2-container .select2-choices { + padding-top: 3px; + padding-bottom: 3px; } -.module-shallow .module-content:first-child { - padding-top: 10px; -} -.module-shallow .module-content:last-child { - padding-bottom: 10px; +.select2-search-choice-close, +.select2-container-multi .select2-search-choice-close { + top: 6px; + left: 5px; } -.module-shallow small { - font-size: 11px; - display: block; +.select2-container-multi .select2-choices { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; + background-color: #ffffff; + border: 1px solid #cccccc; } -.module-narrow .module-heading, -.module-narrow .module-content, -.module-narrow .module-footer { - padding-left: 15px; - padding-right: 15px; +.select2-container-active .select2-choices, +.select2-container-multi.select2-container-active .select2-choices { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } -.module-grid { - margin: 0; - list-style: none; - margin: 0; - list-style: none; - *zoom: 1; - margin-left: -20px; - padding: 0; +.select2-container-multi .select2-drop { + margin-top: -2px; } -.module-grid:before, -.module-grid:after { - display: table; - content: ""; +.select2-container .select2-results li { + line-height: 18px; + padding-top: 4px; + padding-bottom: 4px; } -.module-grid:after { - clear: both; +.control-full .select2-container { + width: 520px !important; } -.module-item { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - width: 33.33%; - padding-left: 20px; - padding-bottom: 25px; - float: left; - float: left; - margin-left: 20px; - width: 460px; - padding-top: 10px; - padding-bottom: 10px; - padding-right: 50px; - overflow: hidden; - position: relative; +.control-group.error .select2-container input:focus, +.control-group.error .select2-container select:focus, +.control-group.error .select2-container textarea:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } -.module-item.first { - clear: left; +.dataset-item { + border-bottom: 1px dotted #dddddd; + padding-bottom: 20px; + margin-bottom: 20px; } -.group .content img { - margin: 0 -5px 5px; - max-width: initial; +.dataset-item:last-of-type { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; } -.group .content h3 { - font-size: 14px; +.dataset-heading { + font-size: 16px; + margin-top: 0; + margin-bottom: 8px; line-height: 1.3; } -.group-listing { - margin-left: -20px; +.dataset-heading a { + color: #333333; } -.ckanext-datapreview { +.dataset-heading .label { position: relative; + top: -1px; } -.ckanext-datapreview > iframe { - min-height: 400px; -} -.ckanext-datapreview > img { - max-height: 500px; - max-width: 100%; - overflow: hidden; +.dataset-private { + margin-right: 10px; + text-transform: uppercase; } -.package-info h4 { - margin-bottom: 10px; +.dataset-private .icon-lock { + width: 9px; } -.media { - position: relative; - overflow: hidden; +.dataset-private.pull-right { + margin-right: 0; } -.media-content > :last-child { - margin-bottom: 0; +.dataset-resources { + margin-top: 8px; } -.media-heading { - font-size: 14px; - line-height: 1.3em; - margin: 5px 0; +.dataset-resources li { + display: inline; } -.media-image, -.media .gravatar { - position: relative; - float: left; - margin-right: 10px; - overflow: hidden; +.dataset-resources li a { + background-color: #aaaaaa; } -.media-image:after { - -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - content: ""; - position: absolute; +.dataset-heading .popular { top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 1; } -.media-image img { - display: block; - margin: 0 auto; -} -.media-vertical .media-image, -.media-vertical .media-content { - float: none; - display: block; -} -.media-vertical .media-image { - margin-right: 0; - max-height: 125px; -} -.media-grid, -ul.media-grid, -ol.media-grid { +.resource-list { margin: 0; list-style: none; - *zoom: 1; - margin-left: -20px; + margin: -10px -10px 10px -10px; } -.media-grid:before, -ul.media-grid:before, -ol.media-grid:before, -.media-grid:after, -ul.media-grid:after, -ol.media-grid:after { - display: table; - content: ""; +.resource-item { + position: relative; + padding: 10px 10px 10px 60px; + margin-bottom: 0px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.media-grid:after, -ul.media-grid:after, -ol.media-grid:after { - clear: both; +.resource-item:hover { + background-color: #eeeeee; } -.media-item { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - width: 33.33%; - padding-left: 20px; - padding-bottom: 25px; - float: left; +.resource-item .heading { + color: #000000; + font-size: 14px; + font-weight: bold; } -.media-item.first { - clear: left; +.resource-item .format-label { + position: absolute; + top: 10px; + left: 10px; } -.media-item .media-content { - min-height: 63px; +.resource-item .description { + font-size: 12px; + margin-bottom: 0; } -.related-item.expanded { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - background-color: #ffffff; - background-color: rgba(255, 255, 255, 0.9); - z-index: 2; +.resource-item .btn-group { + position: absolute; + top: 14px; + right: 10px; } -.media-wide { - padding: 0; +.dataset-resource-form .dataset-form-resource-types { + margin-bottom: 5px; } -.media-wide .media { - float: left; - margin-left: 20px; - width: 460px; +.dataset-form-resource-types .ckan-icon { + position: relative; + top: 3px; } -.media-overlay { +.dataset-form-resource-types .radio { + font-weight: normal; + padding-left: 0; + padding-right: 18px; +} +.dataset-form-resource-types label { position: relative; - min-height: 35px; } -.media-overlay .media-heading { +.dataset-form-resource-types input[type=radio]:checked + label { + font-weight: bold; +} +.dataset-form-resource-types input[type=radio]:checked + label:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + width: 16px; + height: 16px; + background-position: -192px 0; + display: block; + content: ""; position: absolute; + top: auto; left: 0; - right: 0; - bottom: 0; - padding: 12px 10px; + bottom: -12px; +} +.dataset-form-resource-types input[type=radio] { + display: none; +} +.tag-list { margin: 0; - background-color: #000; - background-color: rgba(0, 0, 0, 0.8); - font-size: 13px; - color: #fff; - z-index: 1; + list-style: none; + padding: 10px 10px 5px 10px; } -.media-overlay .media-image { - float: none; - display: block; +.tag-list li { + display: inline-block; + margin-right: 5px; +} +.tag-list li:last-child { margin-right: 0; } -.banner { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: center center; - -moz-transform-origin: center center; - -ms-transform-origin: center center; - -o-transform-origin: center center; - transform-origin: center center; - position: absolute; - top: 15px; - right: -35px; - width: 80px; - color: #ffffff; - background: #707070; - padding: 1px 20px; - font-size: 11px; - text-align: center; - text-transform: uppercase; +.additional-info td, +.additional-info th { + width: 50%; } -.nav-simple { - *zoom: 1; - margin: 0; - list-style: none; - padding-bottom: 0; +.label[data-format=html], +.label[data-format*=html] { + background-color: #55a1ce; } -.nav-simple:before, -.nav-simple:after { - display: table; - content: ""; +.label[data-format=json], +.label[data-format*=json] { + background-color: #ef7100; } -.nav-simple:after { - clear: both; +.label[data-format=xml], +.label[data-format*=xml] { + background-color: #ef7100; } -.nav-simple > li { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; +.label[data-format=text], +.label[data-format*=text] { + background-color: #74cbec; } -.nav-simple > li:last-of-type { - border-bottom: 0; +.label[data-format=csv], +.label[data-format*=csv] { + background-color: #dfb100; } -.nav-simple .ckan-icon { - position: relative; - top: 0px; +.label[data-format=xls], +.label[data-format*=xls] { + background-color: #2db55d; } -.nav-item > a { - color: #333333; - margin: -7px -25px; - padding: 7px 25px; +.label[data-format=zip], +.label[data-format*=zip] { + background-color: #686868; } -.nav-item.active { - background-color: #f2f2f2; +.label[data-format=api], +.label[data-format*=api] { + background-color: #ec96be; } -.nav-item.active > a span { - white-space: nowrap; - overflow: hidden; - display: block; +.label[data-format=pdf], +.label[data-format*=pdf] { + background-color: #e0051e; +} +.label[data-format=rdf], +.label[data-format*=rdf], +.label[data-format*=nquad], +.label[data-format*=ntriples], +.label[data-format*=turtle] { + background-color: #0b4498; } -.nav-item.active > a { - background: url("../../../base/images/background-tag.png") no-repeat -13px center; +.search-form { + margin-bottom: 20px; + padding-bottom: 25px; + border-bottom: 1px dotted #dddddd; +} +.search-form .search-input { position: relative; - display: block; - font-size: 11px; - line-height: 27px; - color: #b509b5; - padding-left: 10px; - padding-right: 5px; - margin-right: 11px; + margin-bottom: 20px; +} +.search-form .search-input input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; - font-size: 12px; - font-weight: bold; - position: relative; - left: 4px; - margin-left: -25px; - margin-right: -20px; - padding-left: 10px; - padding-right: 0px; - padding: 1px 22px; + margin: 0; + width: 100%; + height: auto; } -.nav-item.active > a:before { - content: ""; - background: url("../../../base/images/background-tag.png") no-repeat center left; - position: absolute; +.search-form .search-input button { + cursor: pointer; display: block; - top: 0; - bottom: 0; - right: -11px; - width: 11px; + position: absolute; + top: 50%; + margin-top: -10px; + right: 10px; + height: 20px; + padding: 0; + border: none; + background: transparent; } -.nav-item [class^=icon] { - font-size: 1.2em; - margin: -1px 0 -1px -1px; +.search-form .search-input button span { + display: none; } -.module-narrow .nav-item > a { - padding-left: 15px; - padding-right: 15px; - position: relative; +.search-form .search-input button i { + color: #cccccc; + -webkit-transition: color 0.2s ease-in; + -moz-transition: color 0.2s ease-in; + -o-transition: color 0.2s ease-in; + transition: color 0.2s ease-in; } -.module-narrow .nav-item.active > a { - padding-left: 12px; - padding-right: 12px; +.search-form .search-input button:hover i { + color: #000000; } -.module-narrow .nav-item.image { - position: relative; +.search-form .search-input.search-giant input { + font-size: 16px; + padding: 15px; } -.module-narrow .nav-item.image > a { - padding-left: 42px; - padding-right: 42px; +.search-form .search-input.search-giant button { + margin-top: -15px; + right: 15px; + height: 30px; } -.module-narrow .nav-item.image > img { - position: absolute; - top: 50%; - left: 15px; - width: 20px; - height: 20px; - margin-top: -10px; - z-index: 2; +.search-form .search-input.search-giant button i { + font-size: 28px; + width: 28px; } -.nav-facet .nav-item > a:hover:after, -.nav-facet .nav-item.active > a:after { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - content: ""; - position: absolute; - top: 50%; - right: 5px; - margin-top: -8px; +.search-form .control-order-by { + float: right; + margin: 0 0 0 15px; } -.nav-facet .nav-item > a:hover:after:last-child, -.nav-facet .nav-item.active > a:after:last-child { - *margin-left: 0; +.search-form .control-order-by label, +.search-form .control-order-by select { + display: inline; } -.nav-facet .nav-item > a:hover:after { - width: 17px; - height: 17px; - background-position: -17px -16px; +.search-form .control-order-by select { + width: 160px; + margin: 0; } -.nav-facet .nav-item.active > a:after { - width: 17px; - height: 17px; - background-position: 0px -16px; - right: 3px; +.search-form h2 { + font-size: 24px; + line-height: 1.3; + color: #000000; + margin-bottom: 0; } -.js .js-hide { - display: none; +.search-form .filter-list { + color: #444444; + line-height: 32px; + margin: 10px 0 0 0; } -.js .js-hide.active { +.search-form .filter-list .pill { + line-height: 21px; +} +.search-form .filter-list .extra { + margin-top: 10px; + font-size: 18px; + font-weight: normal; + color: #000000; +} +.tertiary .control-order-by { + float: none; + margin: 0; +} +.tertiary .control-order-by label { display: block; + margin-bottom: 5px; + font-weight: normal; + font-size: 12px; } -.btn, -label { - font-weight: bold; +.tertiary .control-order-by select { + display: block; + font-size: 12px; + width: 100%; } -label { - cursor: pointer; - font-size: 14px; - line-height: 2; +.tertiary .search-input { + margin-bottom: 10px; } -label:after { - content: ":"; +.group .media-vertical .image { + margin: 0 -5px 5px; } -label.radio:after, -label.checkbox:after { - content: ""; +.group-list:nth-child(odd) { + clear: left; } -input, -textarea, -select, -.uneditable-input { - font-size: 14px; - padding: 8px 10px; +.group-list .module-heading { + padding-top: 15px; + padding-bottom: 15px; } -input[type=radio], -input[type=checkbox] { - position: relative; - top: 7px; - padding: 0; - margin: 0; +.group-list .dataset-content { + min-height: 54px; } -input[type=radio].checkbox-onown, -input[type=checkbox].checkbox-onown { - top: 0; +.group-list .module-heading h3 { + margin-bottom: 2px; } -select { - margin-top: 6px; - padding: 4px; +.group-list .module-heading h3 a { + color: #333333; } -textarea { - max-width: 100%; +.group-list .module-heading .media-image { + overflow: hidden; + max-height: 60px; } -.input-prepend .add-on { - padding: 8px 8px; - font-size: 14px; +.group-list .module-heading .media-image img { + max-width: 85px; } -.control-group .btn { +.toolbar { + *zoom: 1; position: relative; - top: -2px; + margin-bottom: 10px; + padding: 5px 0; } -.control-full input, -.control-full select, -.control-full textarea { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - height: auto; - width: 100%; +.toolbar:before, +.toolbar:after { + display: table; + content: ""; + line-height: 0; } -.control-medium input, -.control-medium select, -.control-medium textarea { - width: 320px; +.toolbar:after { + clear: both; } -.control-large input, -.control-large .control-label { - font-size: 18px; +.page_primary_action { + margin-bottom: 20px; } -.form-actions { - background: none; - margin-left: -25px; - margin-right: -25px; - margin-bottom: 0; - padding-bottom: 0; - text-align: right; -} -.form-actions .action-info { +.toolbar .breadcrumb { + *zoom: 1; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + position: relative; float: left; - width: 50%; - line-height: 2; - text-align: left; - color: #707070; margin: 0; + padding: 0; + border: none; + background: none; + font-size: 20px; + line-height: 1.3; } -.form-actions .action-info.small { - font-size: 11px; - line-height: 1.2; +.toolbar .breadcrumb:before, +.toolbar .breadcrumb:after { + display: table; + content: ""; + line-height: 0; } -.form-horizontal .control-label { - width: 120px; - line-height: 1.3; - padding-top: 9px; +.toolbar .breadcrumb:after { + clear: both; } -.form-horizontal .control-large input, -.form-horizontal .control-large .control-label { - font-size: 18px; - line-height: 2; +.toolbar .breadcrumb li:after { + content: " / "; } -.form-horizontal .control-large .control-label { - padding-top: 10px; +.toolbar .breadcrumb li.active:after { + content: ""; } -.form-horizontal .controls { - margin-left: 130px; +.toolbar .breadcrumb li:last-of-type:after { + content: ""; } -.form-horizontal .info-block { - position: relative; - display: block; - font-size: 11px; - color: #aeaeae; - line-height: 1.3; - padding: 6px 0 6px 25px; - margin-top: 6px; +.toolbar .home a { + text-decoration: none; } -.form-horizontal .info-inline { - float: right; - width: 265px; - margin-top: 0; +.toolbar .home span { + display: none; } -.form-horizontal .control-medium .info-block.info-inline { - width: 165px; +.toolbar .breadcrumb a { + color: #505050; } -.form-horizontal .info-block:before { - font-size: 2.2em; +.toolbar .breadcrumb .active a, +.toolbar .breadcrumb a.active { + font-weight: bold; +} +.actions { + margin: 0; + list-style: none; position: absolute; - left: 0; - top: 2px; + top: 10px; + right: 10px; + z-index: 1; } -.form-horizontal .info-inline:before { - top: 8px; +.actions li { + display: inline-block; + margin-right: 5px; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; } -.info-block .icon-large, -.info-inline .icon-large { +.actions li:last-of-type { + margin-right: 0; +} +.hide-heading { + display: none; +} +.page-header { + *zoom: 1; + border-bottom: 1px solid #dddddd; + background-color: #f6f6f6; + -webkit-border-radius: 0 3px 0 0; + -moz-border-radius: 0 3px 0 0; + border-radius: 0 3px 0 0; +} +.page-header:before, +.page-header:after { + display: table; + content: ""; + line-height: 0; +} +.page-header:after { + clear: both; +} +.page-header .nav-tabs { float: left; - font-size: 22px; - margin-right: 15px; + margin-bottom: -1px; } -.form-horizontal .info-block a { - color: #aeaeae; - text-decoration: underline; +.page-header .nav-tabs li.active a, +.page-header .nav-tabs a:hover { + background-color: #ffffff; } -.form-horizontal .form-actions { - padding-left: 25px; - padding-right: 25px; +.page-header .content_action { + float: right; + margin-top: -5px; + margin-right: -7px; } -.form-inline input { - padding-bottom: 9px; +.no-nav .page-header { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.form-inline select { - margin-top: 0; +h1 { + font-size: 28px; } -.form-inline .btn { - margin-left: 5px; +h2 { + font-size: 21px; } -.form-narrow label { - margin-bottom: 0; +h3 { + font-size: 18px; } -.form-narrow select { - width: 100%; +h4 { + font-size: 14px; } -.form-narrow .form-actions { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px 0; +h1, +h2, +h3, +h4 { + line-height: 1.5; } -.form-select label { - margin-right: 5px; +h1 small, +h2 small, +h3 small, +h4 small { + font-size: 14px; } -.simple-input label, -.simple-input button { - display: none; +.prose h1, +.prose heading-1 h2, +.prose heading-2 { + margin-bottom: 15px; } -.simple-input .field { - position: relative; +.prose h3, +.prose heading-3 { + margin-bottom: 10px; } -.simple-input .field-bordered { - border-bottom: 1px dotted #cccccc; +.table-chunky td, +.table-chunky th { + padding: 12px 15px; + font-size: 12px; } -.simple-input .field input { - width: 100%; - height: auto; - margin: 0 -7px; - padding: 7px 5px; +.table-chunky thead th, +.table-chunky thead td { + color: #ffffff; + background-color: #aaaaaa; + padding-top: 10px; + padding-bottom: 10px; } -.simple-input .field .btn-search { +.table-striped tbody tr:nth-child(odd) td, +.table-striped tbody tr:nth-child(odd) th { + background-color: transparent; +} +.table-striped tbody tr:nth-child(even) td, +.table-striped tbody tr:nth-child(even) th { + background-color: #f2f2f2; +} +.table-chunky.table-bordered { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.table-chunky.table-bordered thead:first-child tr:first-child th:first-child, +.table-chunky.table-bordered tbody:first-child tr:first-child td:first-child { + -webkit-border-top-left-radius: 2px; + -moz-border-radius-topleft: 2px; + border-top-left-radius: 2px; +} +.table-chunky.table-bordered thead:first-child tr:first-child th:last-child, +.table-chunky.table-bordered tbody:first-child tr:first-child td:last-child { + -webkit-border-top-right-radius: 2px; + -moz-border-radius-topright: 2px; + border-top-right-radius: 2px; +} +.table-chunky.table-bordered thead:last-child tr:last-child th:first-child, +.table-chunky.table-bordered tbody:last-child tr:last-child td:first-child { + -webkit-border-radius: 0 0 0 2px; + -moz-border-radius: 0 0 0 2px; + border-radius: 0 0 0 2px; + -webkit-border-bottom-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + border-bottom-left-radius: 2px; +} +.table-chunky.table-bordered thead:last-child tr:last-child th:last-child, +.table-chunky.table-bordered tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + border-bottom-right-radius: 2px; +} +.ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ckan-icon { *margin-right: .3em; display: inline-block; vertical-align: text-bottom; @@ -5209,1524 +6647,1336 @@ textarea { background-image: url("../../../base/images/sprite-ckan-icons.png"); background-repeat: no-repeat; background-position: 16px 16px; - width: 17px; - height: 17px; - background-position: -51px -16px; - position: absolute; - display: block; - height: 17px; - width: 17px; - top: 50%; - right: 0; - margin-top: -8px; - background-color: transparent; - border: none; - text-indent: -999em; } -.simple-input .field .btn-search:last-child { - *margin-left: 0; +.ckan-icon-fb { + width: 16px; + height: 16px; + background-position: 0px 0; } -.editor textarea { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - border-bottom: none; +.ckan-icon-gplus { + width: 16px; + height: 16px; + background-position: -16px 0; } -.editor .editor-info-block { - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - display: block; - float: none; - padding: 4px 10px; - background: #ebebeb; +.ckan-icon-twitter { + width: 16px; + height: 16px; + background-position: -32px 0; +} +.ckan-icon-email { + width: 16px; + height: 16px; + background-position: -48px 0; +} +.ckan-icon-share { + width: 16px; + height: 16px; + background-position: -64px 0; +} +.ckan-icon-feed { + width: 16px; + height: 16px; + background-position: -80px 0; +} +.ckan-icon-calendar { + width: 16px; + height: 16px; + background-position: -96px 0; +} +.ckan-icon-file { + width: 16px; + height: 16px; + background-position: -112px 0; +} +.ckan-icon-lock { + width: 16px; + height: 16px; + background-position: -128px 0; +} +.ckan-icon-link-file { + width: 16px; + height: 16px; + background-position: -144px 0; +} +.ckan-icon-link-plugin { + width: 16px; + height: 16px; + background-position: -160px 0; +} +.ckan-icon-upload-file { + width: 16px; + height: 16px; + background-position: -176px 0; +} +.ckan-icon-callout { + width: 16px; + height: 16px; + background-position: -192px 0; +} +.ckan-icon-circle-cross { + width: 17px; + height: 17px; + background-position: 0px -16px; +} +.ckan-icon-circle-add { + width: 17px; + height: 17px; + background-position: -17px -16px; +} +.ckan-icon-flame { + width: 17px; + height: 17px; + background-position: -34px -16px; +} +.ckan-icon-search { + width: 17px; + height: 17px; + background-position: -51px -16px; +} +.ckan-icon-large-lock { + width: 20px; + height: 20px; + background-position: 0px -33px; +} +.ckan-icon-photo { + width: 20px; + height: 20px; + background-position: -20px -33px; +} +.ckan-icon-add { + width: 20px; + height: 20px; + background-position: -40px -33px; +} +.ckan-icon-home { + width: 20px; + height: 20px; + background-position: -60px -33px; +} +.ckan-icon-rewind { + width: 20px; + height: 20px; + background-position: -80px -33px; +} +.ckan-icon-tools { + width: 20px; + height: 20px; + background-position: -100px -33px; +} +.ckan-icon-flag { + width: 20px; + height: 20px; + background-position: -120px -33px; +} +.ckan-icon-clipboard { + width: 20px; + height: 20px; + background-position: -140px -33px; +} +.ckan-icon-share { + width: 20px; + height: 20px; + background-position: -160px -33px; +} +.ckan-icon-info { + width: 20px; + height: 20px; + background-position: -180px -33px; +} +.ckan-icon-download { + width: 20px; + height: 20px; + background-position: -200px -33px; +} +.ckan-icon-star { + width: 20px; + height: 20px; + background-position: -220px -33px; +} +.ckan-icon-info-flat { + width: 20px; + height: 20px; + background-position: -240px -33px; +} +.ckan-icon-tag { + width: 20px; + height: 20px; + background-position: -260px -33px; +} +.ckan-icon-plus { + width: 20px; + height: 20px; + background-position: -280px -33px; + width: 16px; +} +.ckan-icon-head { + width: 20px; + height: 20px; + background-position: -300px -33px; +} +.ckan-icon-arrow-e { + width: 20px; + height: 20px; + background-position: -320px -33px; + width: 16px; +} +.ckan-icon-bookmark { + width: 25px; + height: 25px; + background-position: 0px -53px; +} +.format-label { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + text-indent: -900em; + background: url("../../../base/images/sprite-resource-icons.png") no-repeat 0 0; +} +.format-label { + width: 32px; + height: 35px; + background-position: 0px -62px; +} +.format-label[data-format=rdf], +.format-label[data-format*=rdf] { + width: 32px; + height: 35px; + background-position: -32px -62px; +} +.format-label[data-format=pdf], +.format-label[data-format*=pdf] { + width: 32px; + height: 35px; + background-position: -64px -62px; +} +.format-label[data-format=api], +.format-label[data-format*=api] { + width: 32px; + height: 35px; + background-position: -96px -62px; +} +.format-label[data-format=zip], +.format-label[data-format*=zip] { + width: 32px; + height: 35px; + background-position: -128px -62px; +} +.format-label[data-format=xls], +.format-label[data-format*=xls] { + width: 32px; + height: 35px; + background-position: -160px -62px; +} +.format-label[data-format=csv], +.format-label[data-format*=csv] { + width: 32px; + height: 35px; + background-position: -192px -62px; +} +.format-label[data-format=txt], +.format-label[data-format*=txt] { + width: 32px; + height: 35px; + background-position: -224px -62px; +} +.format-label[data-format=xml], +.format-label[data-format*=xml] { + width: 32px; + height: 35px; + background-position: -256px -62px; +} +.format-label[data-format=json], +.format-label[data-format*=json] { + width: 32px; + height: 35px; + background-position: -288px -62px; +} +.format-label[data-format=html], +.format-label[data-format*=html] { + width: 32px; + height: 35px; + background-position: -320px -62px; +} +/* This is a modified version of the font-awesome core less document. */ +@font-face { + font-family: 'FontAwesome'; + src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?v=3.0.1'); + src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); + font-weight: normal; + font-style: normal; +} +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + display: inline; width: auto; - border: 1px solid #cccccc; - border-top: none; - font-size: 11px; - color: #282828; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; } -.editor .editor-info-block a { - color: #b509b5; - text-decoration: none; +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } } -.control-custom { - font-size: 0; +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } } -.control-custom label { - margin-bottom: 0; +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } } -.control-custom input { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - width: 140px; +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } } -.control-custom input:last-of-type { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } } -.control-custom .checkbox { - display: inline-block; - margin-left: 5px; +@-moz-document url-prefix() { + .icon-spin { + height: .9em; + } + .btn .icon-spin { + height: auto; + } + .icon-spin.icon-large { + height: 1.25em; + } + .btn .icon-spin.icon-large { + height: .75em; + } } -.control-custom .checkbox input { - width: auto; +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; } -.control-custom.disabled label, -.control-custom.disabled input { - color: #aaaaaa; - text-decoration: line-through; - text-shadow: none; +.icon-music:before { + content: "\f001"; } -.control-custom.disabled input { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - background-color: #f3f3f3; +.icon-search:before { + content: "\f002"; } -.control-custom.disabled .checkbox { - color: #4d4d4d; - text-decoration: none; +.icon-envelope:before { + content: "\f003"; } -.control-custom .checkbox.btn { - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; - position: relative; - top: 0; - left: 5px; - height: 3px; - width: 8px; - padding: 3px 8px; +.icon-heart:before { + content: "\f004"; } -.control-custom .checkbox.btn span { - display: none; - width: 30px; +.icon-star:before { + content: "\f005"; } -.control-custom .checkbox.btn:before { - position: relative; - top: 1px; - left: -1px; - color: #fff; +.icon-star-empty:before { + content: "\f006"; } -.control-custom .checkbox.btn input { - display: none; +.icon-user:before { + content: "\f007"; } -.control-custom.disabled .checkbox.btn { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #f654f6; - background-image: -moz-linear-gradient(top, #f544f5, #f76bf7); - background-image: -ms-linear-gradient(top, #f544f5, #f76bf7); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f544f5), to(#f76bf7)); - background-image: -webkit-linear-gradient(top, #f544f5, #f76bf7); - background-image: -o-linear-gradient(top, #f544f5, #f76bf7); - background-image: linear-gradient(top, #f544f5, #f76bf7); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f544f5', endColorstr='#f76bf7', GradientType=0); - border-color: #f76bf7 #f76bf7 #f322f3; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f76bf7; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-film:before { + content: "\f008"; } -.control-custom.disabled .checkbox.btn:hover, -.control-custom.disabled .checkbox.btn:active, -.control-custom.disabled .checkbox.btn.active, -.control-custom.disabled .checkbox.btn.disabled, -.control-custom.disabled .checkbox.btn[disabled] { - background-color: #f76bf7; - *background-color: #f653f6; +.icon-th-large:before { + content: "\f009"; } -.control-custom.disabled .checkbox.btn:active, -.control-custom.disabled .checkbox.btn.active { - background-color: #f43bf4 \9; +.icon-th:before { + content: "\f00a"; } -.control-custom.disabled .checkbox.btn .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-th-list:before { + content: "\f00b"; } -.alert-danger a, -.alert-error a { - color: #b55457; +.icon-ok:before { + content: "\f00c"; } -.control-group.error input, -.control-group.error select, -.control-group.error textarea, -.control-group.error .input-prepend .add-on, -.control-group.error .input-append .add-on { - border-color: #c6898b; +.icon-remove:before { + content: "\f00d"; } -.error-inline { - color: #b55457; +.icon-zoom-in:before { + content: "\f00e"; } -.error-block, -.error-inline { - font-size: 12px; +.icon-zoom-out:before { + content: "\f010"; } -.error-block { - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - display: block; - padding: 6px 8px 3px; - background: #c6898b; - margin: -3px 0 0; - color: #ffffff; - width: 216px; +.icon-off:before { + content: "\f011"; } -.control-medium .error-block { - width: 326px; +.icon-signal:before { + content: "\f012"; } -.control-full .error-block { - width: auto; +.icon-cog:before { + content: "\f013"; } -.control-group.error .input-prepend .error-block, -.control-custom.error .error-block { - margin-left: -1px; - width: auto; +.icon-trash:before { + content: "\f014"; } -.control-custom.error .error-block { - width: 409px; +.icon-home:before { + content: "\f015"; } -.control-select.error .error-block { - width: 204px; +.icon-file:before { + content: "\f016"; } -.stages { - margin: 0; - list-style: none; - *zoom: 1; - color: #aeaeae; - counter-reset: stage; - margin: -20px -25px 20px; - overflow: hidden; +.icon-time:before { + content: "\f017"; } -.stages:before, -.stages:after { - display: table; - content: ""; +.icon-road:before { + content: "\f018"; } -.stages:after { - clear: both; +.icon-download-alt:before { + content: "\f019"; } -.stages li { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - line-height: 27px; - counter-increment: stage; - width: 33.33%; - background-color: #ededed; - float: left; - padding: 10px 20px; - position: relative; - z-index: 0; +.icon-download:before { + content: "\f01a"; } -.stages li:before { - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; - content: counter(stage); - display: inline-block; - width: 27px; - height: 27px; - margin-right: 5px; - font-weight: bold; - text-align: center; - color: #ffffff; - background-color: #aeaeae; - z-index: 1; +.icon-upload:before { + content: "\f01b"; +} +.icon-inbox:before { + content: "\f01c"; +} +.icon-play-circle:before { + content: "\f01d"; +} +.icon-repeat:before { + content: "\f01e"; +} +/* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { + content: "\f021"; +} +.icon-list-alt:before { + content: "\f022"; +} +.icon-lock:before { + content: "\f023"; +} +.icon-flag:before { + content: "\f024"; +} +.icon-headphones:before { + content: "\f025"; +} +.icon-volume-off:before { + content: "\f026"; +} +.icon-volume-down:before { + content: "\f027"; +} +.icon-volume-up:before { + content: "\f028"; +} +.icon-qrcode:before { + content: "\f029"; +} +.icon-barcode:before { + content: "\f02a"; } -.stages li:after { - left: 0; - border: solid rgba(237, 237, 237, 0); - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-top-color: #ededed; - border-bottom-color: #ededed; - border-width: 29px; - top: 50%; - margin-top: -29px; - margin-left: -30px; +.icon-tag:before { + content: "\f02b"; } -.stages li.first, -.stages li.first .highlight { - -webkit-border-radius: 3px 0 0 0; - -moz-border-radius: 3px 0 0 0; - border-radius: 3px 0 0 0; +.icon-tags:before { + content: "\f02c"; } -.stages li.last { - position: relative; - right: -1px; +.icon-book:before { + content: "\f02d"; } -.stages li.last, -.stages li.last .highlight { - -webkit-border-radius: 0 3px 0 0; - -moz-border-radius: 0 3px 0 0; - border-radius: 0 3px 0 0; +.icon-bookmark:before { + content: "\f02e"; } -.stages li.first:after { - content: none; - border: none; +.icon-print:before { + content: "\f02f"; } -.stages li.active:after { - border-color: rgba(140, 198, 138, 0); - border-top-color: #8cc68a; - border-bottom-color: #8cc68a; +.icon-camera:before { + content: "\f030"; } -.stages li.complete:after { - border-color: rgba(197, 226, 196, 0); - border-top-color: #c5e2c4; - border-bottom-color: #c5e2c4; +.icon-font:before { + content: "\f031"; } -.stages.stage-3 li.complete:first-child:after { - content: none; +.icon-bold:before { + content: "\f032"; } -.stages li.active, -.stages li.complete { - background: none; +.icon-italic:before { + content: "\f033"; } -.stages li.active:before { - color: #8cc68a; - background: #ffffff; +.icon-text-height:before { + content: "\f034"; } -.stages li.complete:before { - color: #c5e2c4; - background: #eef6ed; +.icon-text-width:before { + content: "\f035"; } -.stages li .highlight { - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 100%; - padding: 10px 52px; - border: none; - text-align: left; - text-decoration: none; - line-height: 27px; - z-index: -1; +.icon-align-left:before { + content: "\f036"; } -.stages li.active .highlight { - color: #ffffff; - background: #8cc68a; +.icon-align-center:before { + content: "\f037"; } -.stages li.complete .highlight { - color: #eef6ed; - background: #c5e2c4; +.icon-align-right:before { + content: "\f038"; } -.alert > :last-child { - margin-bottom: 0; +.icon-align-justify:before { + content: "\f039"; } -.slug-preview { - font-size: 14px; - line-height: 1.5; - margin-top: 5px; - margin-left: 10px; +.icon-list:before { + content: "\f03a"; } -.slug-preview-value { - background-color: #faedcf; - margin-right: 3px; +.icon-indent-left:before { + content: "\f03b"; } -.slug-preview .btn { - padding-top: 3px; - padding-bottom: 3px; +.icon-indent-right:before { + content: "\f03c"; } -.resource-upload-field { - position: relative; - overflow: hidden; - display: inline-block; - vertical-align: bottom; +.icon-facetime-video:before { + content: "\f03d"; } -.resource-upload-field label { - z-index: 0; +.icon-picture:before { + content: "\f03e"; } -.resource-upload-field input { - opacity: 0; - filter: alpha(opacity=0); - position: absolute; - top: 0; - right: 0; - z-index: 1; - margin: 0; - border: solid transparent; - border-width: 100px 0 0 200px; - cursor: pointer; - direction: ltr; - -moz-transform: translate(-300px, 0) scale(4); +.icon-pencil:before { + content: "\f040"; } -.resource-upload-field.loading { - display: inline-block; - background: url("../../../base/images/loading-spinner.gif") no-repeat center right; - padding-right: 5px; +.icon-map-marker:before { + content: "\f041"; } -.select2-container .select2-choice input, -.select2-container-multi .select2-choices .select2-search-field:first-child input { - font-size: 14px; +.icon-adjust:before { + content: "\f042"; } -.select2-container-multi .select2-choices .select2-search-field input { - height: 29px; +.icon-tint:before { + content: "\f043"; } -.select2-container .select2-choice input, -.select2-container-multi .select2-choices .select2-search-field:first-child input { - padding-left: 10px; +.icon-edit:before { + content: "\f044"; } -.select2-container { - margin-top: 5px; +.icon-share:before { + content: "\f045"; } -.select2-container-multi { - margin-top: 0; +.icon-check:before { + content: "\f046"; } -.select2-container-multi .select2-choices .select2-search-choice { - padding: 5px 8px 5px 22px; +.icon-move:before { + content: "\f047"; } -.select2-container-multi.select2-container .select2-choices { - padding-top: 3px; - padding-bottom: 3px; +.icon-step-backward:before { + content: "\f048"; } -.select2-search-choice-close, -.select2-container-multi .select2-search-choice-close { - top: 6px; - left: 5px; +.icon-fast-backward:before { + content: "\f049"; } -.select2-container-multi .select2-choices { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; - background-color: #ffffff; - border: 1px solid #cccccc; +.icon-backward:before { + content: "\f04a"; } -.select2-container-active .select2-choices, -.select2-container-multi.select2-container-active .select2-choices { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +.icon-play:before { + content: "\f04b"; } -.select2-container-multi .select2-drop { - margin-top: -2px; +.icon-pause:before { + content: "\f04c"; } -.select2-container .select2-results li { - line-height: 18px; - padding-top: 4px; - padding-bottom: 4px; +.icon-stop:before { + content: "\f04d"; } -.control-full .select2-container { - width: 520px !important; +.icon-forward:before { + content: "\f04e"; } -.dataset-item { - border-bottom: 1px dotted #cccccc; - padding-bottom: 20px; - margin-bottom: 20px; +.icon-fast-forward:before { + content: "\f050"; } -.dataset-item:last-of-type { - border-bottom: none; - margin-bottom: 0; - padding-bottom: 0; +.icon-step-forward:before { + content: "\f051"; } -.dataset-heading { - font-size: 14px; - line-height: 1.3; +.icon-eject:before { + content: "\f052"; } -.dataset-heading a { - color: #333333; +.icon-chevron-left:before { + content: "\f053"; +} +.icon-chevron-right:before { + content: "\f054"; +} +.icon-plus-sign:before { + content: "\f055"; +} +.icon-minus-sign:before { + content: "\f056"; +} +.icon-remove-sign:before { + content: "\f057"; } -.dataset-heading .label { - position: relative; - top: -1px; +.icon-ok-sign:before { + content: "\f058"; } -.dataset-content { - font-size: 12px; +.icon-question-sign:before { + content: "\f059"; } -.dataset-resources { - font-size: 10px; - line-height: 14px; - margin-top: 5px; +.icon-info-sign:before { + content: "\f05a"; } -.dataset-resources li { - display: inline; +.icon-screenshot:before { + content: "\f05b"; } -.dataset-resources li a { - background-color: #aaaaaa; +.icon-remove-circle:before { + content: "\f05c"; } -.dataset-heading .popular { - top: 0; +.icon-ok-circle:before { + content: "\f05d"; } -.results { - margin-bottom: 20px; - padding-bottom: 25px; - border-bottom: 1px dotted #cccccc; +.icon-ban-circle:before { + content: "\f05e"; } -.results strong { - display: block; - font-size: 24px; - line-height: 1.3; - color: #000000; - margin-bottom: 10px; +.icon-arrow-left:before { + content: "\f060"; } -.results strong:before { - float: right; - content: " "; - width: 280px; - white-space: pre; +.icon-arrow-right:before { + content: "\f061"; } -.filter-list { - color: #4d4d4d; - font-weight: bold; +.icon-arrow-up:before { + content: "\f062"; } -.filter-list .extra { - margin-top: 10px; - font-size: 18px; - font-weight: normal; - color: #000000; +.icon-arrow-down:before { + content: "\f063"; } -.dataset-search { - position: relative; +.icon-share-alt:before { + content: "\f064"; } -.search-giant { - position: relative; +.icon-resize-full:before { + content: "\f065"; } -.search-giant input { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - font-size: 16px; - padding: 14px 10px; - width: 100%; - height: auto; +.icon-resize-small:before { + content: "\f066"; } -.search-giant button { - cursor: pointer; - position: absolute; - right: 15px; - top: 50%; - display: block; - border: none; - padding: 0; - margin-top: -17px; - width: 30px; - height: 30px; - background: transparent url("../../../base/images/icon-search-27x26.png") no-repeat center center; - text-indent: -900em; +.icon-plus:before { + content: "\f067"; } -.control-order-by { - position: absolute; - bottom: -65px; - right: 0; +.icon-minus:before { + content: "\f068"; } -.control-order-by label, -.control-order-by select { - display: inline; +.icon-asterisk:before { + content: "\f069"; } -.control-order-by select { - width: 160px; +.icon-exclamation-sign:before { + content: "\f06a"; } -.resource-list { - margin: 0; - list-style: none; - margin: -10px -10px 10px -10px; +.icon-gift:before { + content: "\f06b"; } -.resource-item { - position: relative; - padding: 10px 110px 10px 60px; - margin-bottom: 0px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; +.icon-leaf:before { + content: "\f06c"; } -.resource-item:hover { - background-color: #efefef; +.icon-fire:before { + content: "\f06d"; } -.resource-item .heading { - color: #000000; - font-size: 14px; - font-weight: bold; +.icon-eye-open:before { + content: "\f06e"; } -.resource-item .format-label { - position: absolute; - top: 10px; - left: 10px; +.icon-eye-close:before { + content: "\f070"; } -.resource-item .description { - font-size: 12px; - margin-bottom: 0; +.icon-warning-sign:before { + content: "\f071"; } -.resource-item .btn-group { - position: absolute; - top: 13px; - right: 10px; +.icon-plane:before { + content: "\f072"; } -.dataset-resource-form .dataset-form-resource-types { - margin-bottom: 5px; +.icon-calendar:before { + content: "\f073"; } -.dataset-form-resource-types .ckan-icon { - position: relative; - top: 3px; +.icon-random:before { + content: "\f074"; } -.dataset-form-resource-types .radio { - font-weight: normal; - padding-left: 0; - padding-right: 18px; +.icon-comment:before { + content: "\f075"; } -.dataset-form-resource-types label { - position: relative; +.icon-magnet:before { + content: "\f076"; } -.dataset-form-resource-types input[type=radio]:checked + label { - font-weight: bold; +.icon-chevron-up:before { + content: "\f077"; } -.dataset-form-resource-types input[type=radio]:checked + label:after { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - width: 16px; - height: 16px; - background-position: -192px 0; - display: block; - content: ""; - position: absolute; - top: auto; - left: 0; - bottom: -12px; +.icon-chevron-down:before { + content: "\f078"; } -.dataset-form-resource-types input[type=radio]:checked + label:after:last-child { - *margin-left: 0; +.icon-retweet:before { + content: "\f079"; } -.dataset-form-resource-types input[type=radio] { - display: none; +.icon-shopping-cart:before { + content: "\f07a"; } -.tag-list { - margin: 0; - list-style: none; - padding: 10px; +.icon-folder-close:before { + content: "\f07b"; } -.tag-list li { - display: inline-block; - margin-right: 5px; +.icon-folder-open:before { + content: "\f07c"; } -.tag-list li:last-child { - margin-right: 0; +.icon-resize-vertical:before { + content: "\f07d"; } -.additional-info td, -.additional-info th { - width: 50%; +.icon-resize-horizontal:before { + content: "\f07e"; } -.label[data-format=html], -.label[data-format*=html] { - background-color: #55a1ce; +.icon-bar-chart:before { + content: "\f080"; } -.label[data-format=json], -.label[data-format*=json] { - background-color: #ef7100; +.icon-twitter-sign:before { + content: "\f081"; } -.label[data-format=xml], -.label[data-format*=xml] { - background-color: #ef7100; +.icon-facebook-sign:before { + content: "\f082"; } -.label[data-format=text], -.label[data-format*=text] { - background-color: #74cbec; +.icon-camera-retro:before { + content: "\f083"; } -.label[data-format=csv], -.label[data-format*=csv] { - background-color: #dfb100; +.icon-key:before { + content: "\f084"; } -.label[data-format=xls], -.label[data-format*=xls] { - background-color: #2db55d; +.icon-cogs:before { + content: "\f085"; } -.label[data-format=zip], -.label[data-format*=zip] { - background-color: #686868; +.icon-comments:before { + content: "\f086"; } -.label[data-format=api], -.label[data-format*=api] { - background-color: #ec96be; +.icon-thumbs-up:before { + content: "\f087"; } -.label[data-format=pdf], -.label[data-format*=pdf] { - background-color: #e0051e; +.icon-thumbs-down:before { + content: "\f088"; } -.label[data-format=rdf], -.label[data-format*=rdf], -.label[data-format*=nquad], -.label[data-format*=ntriples], -.label[data-format*=turtle] { - background-color: #0b4498; +.icon-star-half:before { + content: "\f089"; } -.group .media-vertical .image { - margin: 0 -5px 5px; +.icon-heart-empty:before { + content: "\f08a"; } -.group-list:nth-child(odd) { - clear: left; +.icon-signout:before { + content: "\f08b"; } -.group-list .module-heading { - padding-top: 15px; - padding-bottom: 15px; +.icon-linkedin-sign:before { + content: "\f08c"; } -.group-list .dataset-content { - min-height: 54px; +.icon-pushpin:before { + content: "\f08d"; } -.group-list .module-heading h3 { - margin-bottom: 2px; +.icon-external-link:before { + content: "\f08e"; } -.group-list .module-heading h3 a { - color: #333333; +.icon-signin:before { + content: "\f090"; } -.toolbar { - *zoom: 1; - margin-top: -10px; - margin-bottom: 10px; - padding: 5px 0; +.icon-trophy:before { + content: "\f091"; } -.toolbar:before, -.toolbar:after { - display: table; - content: ""; +.icon-github-sign:before { + content: "\f092"; } -.toolbar:after { - clear: both; +.icon-upload-alt:before { + content: "\f093"; } -.toolbar .breadcrumb { - *zoom: 1; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - position: relative; - float: left; - margin: 0; - padding: 0; - border: none; - background: none; - font-size: 20px; +.icon-lemon:before { + content: "\f094"; } -.toolbar .breadcrumb:before, -.toolbar .breadcrumb:after { - display: table; - content: ""; +.icon-phone:before { + content: "\f095"; } -.toolbar .breadcrumb:after { - clear: both; +.icon-check-empty:before { + content: "\f096"; } -.toolbar li [class^=icon]:before { - width: auto; +.icon-bookmark-empty:before { + content: "\f097"; } -.toolbar .breadcrumb li:after { - content: " / "; +.icon-phone-sign:before { + content: "\f098"; } -.toolbar .breadcrumb li.active:after { - content: ""; +.icon-twitter:before { + content: "\f099"; } -.toolbar .breadcrumb li:last-of-type:after { - content: ""; +.icon-facebook:before { + content: "\f09a"; } -.toolbar .home a { - text-decoration: none; +.icon-github:before { + content: "\f09b"; } -.toolbar .home span { - display: none; +.icon-unlock:before { + content: "\f09c"; } -.toolbar .breadcrumb a { - color: #505050; - line-height: 28px; +.icon-credit-card:before { + content: "\f09d"; } -.toolbar .breadcrumb .active a { - font-weight: bold; +.icon-rss:before { + content: "\f09e"; } -.toolbar .actions { - margin: 0; - list-style: none; +.icon-hdd:before { + content: "\f0a0"; } -.toolbar .actions li { - display: inline-block; - margin-right: 5px; +.icon-bullhorn:before { + content: "\f0a1"; } -.toolbar .actions li { - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; +.icon-bell:before { + content: "\f0a2"; } -.toolbar .actions li:last-of-type { - margin-right: 0; +.icon-certificate:before { + content: "\f0a3"; } -.toolbar .btn { - padding: 0 10px 0 8px; - border-color: #b7b7b7; - line-height: 27px; +.icon-hand-right:before { + content: "\f0a4"; } -.toolbar .btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-hand-left:before { + content: "\f0a5"; } -.toolbar .btn-success:hover, -.toolbar .btn-success:active, -.toolbar .btn-success.active, -.toolbar .btn-success.disabled, -.toolbar .btn-success[disabled] { - background-color: #51a351; - *background-color: #499249; +.icon-hand-up:before { + content: "\f0a6"; } -.toolbar .btn-success:active, -.toolbar .btn-success.active { - background-color: #408140 \9; +.icon-hand-down:before { + content: "\f0a7"; } -.toolbar .btn-success .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-circle-arrow-left:before { + content: "\f0a8"; } -.toolbar .btn-primary { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #f654f6; - background-image: -moz-linear-gradient(top, #f544f5, #f76bf7); - background-image: -ms-linear-gradient(top, #f544f5, #f76bf7); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f544f5), to(#f76bf7)); - background-image: -webkit-linear-gradient(top, #f544f5, #f76bf7); - background-image: -o-linear-gradient(top, #f544f5, #f76bf7); - background-image: linear-gradient(top, #f544f5, #f76bf7); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f544f5', endColorstr='#f76bf7', GradientType=0); - border-color: #f76bf7 #f76bf7 #f322f3; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f76bf7; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-circle-arrow-right:before { + content: "\f0a9"; } -.toolbar .btn-primary:hover, -.toolbar .btn-primary:active, -.toolbar .btn-primary.active, -.toolbar .btn-primary.disabled, -.toolbar .btn-primary[disabled] { - background-color: #f76bf7; - *background-color: #f653f6; +.icon-circle-arrow-up:before { + content: "\f0aa"; } -.toolbar .btn-primary:active, -.toolbar .btn-primary.active { - background-color: #f43bf4 \9; +.icon-circle-arrow-down:before { + content: "\f0ab"; } -.toolbar .btn-primary .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-globe:before { + content: "\f0ac"; } -.toolbar .btn-warning { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #faa732; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', 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); - *background-color: #f89406; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-wrench:before { + content: "\f0ad"; } -.toolbar .btn-warning:hover, -.toolbar .btn-warning:active, -.toolbar .btn-warning.active, -.toolbar .btn-warning.disabled, -.toolbar .btn-warning[disabled] { - background-color: #f89406; - *background-color: #df8505; +.icon-tasks:before { + content: "\f0ae"; } -.toolbar .btn-warning:active, -.toolbar .btn-warning.active { - background-color: #c67605 \9; +.icon-filter:before { + content: "\f0b0"; } -.toolbar .btn-warning .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-briefcase:before { + content: "\f0b1"; } -.toolbar .btn-danger { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #da4f49; - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); - border-color: #bd362f #bd362f #802420; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #bd362f; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-fullscreen:before { + content: "\f0b2"; } -.toolbar .btn-danger:hover, -.toolbar .btn-danger:active, -.toolbar .btn-danger.active, -.toolbar .btn-danger.disabled, -.toolbar .btn-danger[disabled] { - background-color: #bd362f; - *background-color: #a9302a; +.icon-group:before { + content: "\f0c0"; } -.toolbar .btn-danger:active, -.toolbar .btn-danger.active { - background-color: #942a25 \9; +.icon-link:before { + content: "\f0c1"; } -.toolbar .btn-danger .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-cloud:before { + content: "\f0c2"; } -.toolbar .btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-beaker:before { + content: "\f0c3"; } -.toolbar .btn-success:hover, -.toolbar .btn-success:active, -.toolbar .btn-success.active, -.toolbar .btn-success.disabled, -.toolbar .btn-success[disabled] { - background-color: #51a351; - *background-color: #499249; +.icon-cut:before { + content: "\f0c4"; } -.toolbar .btn-success:active, -.toolbar .btn-success.active { - background-color: #408140 \9; +.icon-copy:before { + content: "\f0c5"; } -.toolbar .btn-success .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-paper-clip:before { + content: "\f0c6"; } -.toolbar .btn-info { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #49afcd; - 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); - *background-color: #2f96b4; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-save:before { + content: "\f0c7"; +} +.icon-sign-blank:before { + content: "\f0c8"; } -.toolbar .btn-info:hover, -.toolbar .btn-info:active, -.toolbar .btn-info.active, -.toolbar .btn-info.disabled, -.toolbar .btn-info[disabled] { - background-color: #2f96b4; - *background-color: #2a85a0; +.icon-reorder:before { + content: "\f0c9"; } -.toolbar .btn-info:active, -.toolbar .btn-info.active { - background-color: #24748c \9; +.icon-list-ul:before { + content: "\f0ca"; } -.toolbar .btn-info .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-list-ol:before { + content: "\f0cb"; } -.toolbar .btn-inverse { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #414141; - background-image: -moz-linear-gradient(top, #555555, #222222); - background-image: -ms-linear-gradient(top, #555555, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); - background-image: -webkit-linear-gradient(top, #555555, #222222); - background-image: -o-linear-gradient(top, #555555, #222222); - background-image: linear-gradient(top, #555555, #222222); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); - 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); - *background-color: #222222; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-strikethrough:before { + content: "\f0cc"; } -.toolbar .btn-inverse:hover, -.toolbar .btn-inverse:active, -.toolbar .btn-inverse.active, -.toolbar .btn-inverse.disabled, -.toolbar .btn-inverse[disabled] { - background-color: #222222; - *background-color: #151515; +.icon-underline:before { + content: "\f0cd"; } -.toolbar .btn-inverse:active, -.toolbar .btn-inverse.active { - background-color: #080808 \9; +.icon-table:before { + content: "\f0ce"; } -.toolbar .btn-inverse .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-magic:before { + content: "\f0d0"; } -.hide-heading { - display: none; +.icon-truck:before { + content: "\f0d1"; } -.page-header { - position: relative; - border-bottom: 1px solid #d0d0d0; - height: 30px; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - background-color: #f3f3f3; - background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: linear-gradient(top, #f5f5f5, #f0f0f0); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); +.icon-pinterest:before { + content: "\f0d2"; } -.page-header .nav-tabs { - position: absolute; - left: 20px; - bottom: -1px; - margin-bottom: 0; +.icon-pinterest-sign:before { + content: "\f0d3"; } -.page-header .nav-tabs i { - margin-right: 10px; - font-size: 14px; +.icon-google-plus-sign:before { + content: "\f0d4"; } -.page-header .nav-tabs a:hover { - background-color: #ffffff; +.icon-google-plus:before { + content: "\f0d5"; } -.prose h1, -.prose heading-1 h2, -.prose heading-2 { - margin-bottom: 15px; +.icon-money:before { + content: "\f0d6"; } -.prose h3, -.prose heading-3 { - margin-bottom: 10px; +.icon-caret-down:before { + content: "\f0d7"; } -.table-chunky td, -.table-chunky th { - padding: 12px 15px; - font-size: 12px; +.icon-caret-up:before { + content: "\f0d8"; } -.table-chunky thead th, -.table-chunky thead td { - color: #ffffff; - background-color: #aaaaaa; - padding-top: 10px; - padding-bottom: 10px; +.icon-caret-left:before { + content: "\f0d9"; } -.table-striped tbody tr:nth-child(odd) td, -.table-striped tbody tr:nth-child(odd) th { - background-color: transparent; +.icon-caret-right:before { + content: "\f0da"; } -.table-striped tbody tr:nth-child(even) td, -.table-striped tbody tr:nth-child(even) th { - background-color: #f2f2f2; +.icon-columns:before { + content: "\f0db"; } -.table-chunky.table-bordered { - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; +.icon-sort:before { + content: "\f0dc"; } -.table-chunky.table-bordered thead:first-child tr:first-child th:first-child, -.table-chunky.table-bordered tbody:first-child tr:first-child td:first-child { - -webkit-border-top-left-radius: 2px; - -moz-border-radius-topleft: 2px; - border-top-left-radius: 2px; +.icon-sort-down:before { + content: "\f0dd"; } -.table-chunky.table-bordered thead:first-child tr:first-child th:last-child, -.table-chunky.table-bordered tbody:first-child tr:first-child td:last-child { - -webkit-border-top-right-radius: 2px; - -moz-border-radius-topright: 2px; - border-top-right-radius: 2px; +.icon-sort-up:before { + content: "\f0de"; } -.table-chunky.table-bordered thead:last-child tr:last-child th:first-child, -.table-chunky.table-bordered tbody:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 2px; - -moz-border-radius: 0 0 0 2px; - border-radius: 0 0 0 2px; - -webkit-border-bottom-left-radius: 2px; - -moz-border-radius-bottomleft: 2px; - border-bottom-left-radius: 2px; +.icon-envelope-alt:before { + content: "\f0e0"; } -.table-chunky.table-bordered thead:last-child tr:last-child th:last-child, -.table-chunky.table-bordered tbody:last-child tr:last-child td:last-child { - -webkit-border-bottom-right-radius: 2px; - -moz-border-radius-bottomright: 2px; - border-bottom-right-radius: 2px; +.icon-linkedin:before { + content: "\f0e1"; } -.ckan-icon { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; +.icon-undo:before { + content: "\f0e2"; } -.ckan-icon:last-child { - *margin-left: 0; +.icon-legal:before { + content: "\f0e3"; } -.ckan-icon-fb { - width: 16px; - height: 16px; - background-position: 0px 0; +.icon-dashboard:before { + content: "\f0e4"; } -.ckan-icon-gplus { - width: 16px; - height: 16px; - background-position: -16px 0; +.icon-comment-alt:before { + content: "\f0e5"; } -.ckan-icon-twitter { - width: 16px; - height: 16px; - background-position: -32px 0; +.icon-comments-alt:before { + content: "\f0e6"; } -.ckan-icon-email { - width: 16px; - height: 16px; - background-position: -48px 0; +.icon-bolt:before { + content: "\f0e7"; } -.ckan-icon-share { - width: 16px; - height: 16px; - background-position: -64px 0; +.icon-sitemap:before { + content: "\f0e8"; } -.ckan-icon-feed { - width: 16px; - height: 16px; - background-position: -80px 0; +.icon-umbrella:before { + content: "\f0e9"; } -.ckan-icon-calendar { - width: 16px; - height: 16px; - background-position: -96px 0; +.icon-paste:before { + content: "\f0ea"; } -.ckan-icon-file { - width: 16px; - height: 16px; - background-position: -112px 0; +.icon-lightbulb:before { + content: "\f0eb"; } -.ckan-icon-lock { - width: 16px; - height: 16px; - background-position: -128px 0; +.icon-exchange:before { + content: "\f0ec"; } -.ckan-icon-link-file { - width: 16px; - height: 16px; - background-position: -144px 0; +.icon-cloud-download:before { + content: "\f0ed"; } -.ckan-icon-link-plugin { - width: 16px; - height: 16px; - background-position: -160px 0; +.icon-cloud-upload:before { + content: "\f0ee"; } -.ckan-icon-upload-file { - width: 16px; - height: 16px; - background-position: -176px 0; +.icon-user-md:before { + content: "\f0f0"; } -.ckan-icon-callout { - width: 16px; - height: 16px; - background-position: -192px 0; +.icon-stethoscope:before { + content: "\f0f1"; } -.ckan-icon-circle-cross { - width: 17px; - height: 17px; - background-position: 0px -16px; +.icon-suitcase:before { + content: "\f0f2"; } -.ckan-icon-circle-add { - width: 17px; - height: 17px; - background-position: -17px -16px; +.icon-bell-alt:before { + content: "\f0f3"; } -.ckan-icon-flame { - width: 17px; - height: 17px; - background-position: -34px -16px; +.icon-coffee:before { + content: "\f0f4"; } -.ckan-icon-search { - width: 17px; - height: 17px; - background-position: -51px -16px; +.icon-food:before { + content: "\f0f5"; } -.ckan-icon-large-lock { - width: 20px; - height: 20px; - background-position: 0px -33px; +.icon-file-alt:before { + content: "\f0f6"; } -.ckan-icon-photo { - width: 20px; - height: 20px; - background-position: -20px -33px; +.icon-building:before { + content: "\f0f7"; } -.ckan-icon-add { - width: 20px; - height: 20px; - background-position: -40px -33px; +.icon-hospital:before { + content: "\f0f8"; } -.ckan-icon-home { - width: 20px; - height: 20px; - background-position: -60px -33px; +.icon-ambulance:before { + content: "\f0f9"; } -.ckan-icon-rewind { - width: 20px; - height: 20px; - background-position: -80px -33px; +.icon-medkit:before { + content: "\f0fa"; +} +.icon-fighter-jet:before { + content: "\f0fb"; +} +.icon-beer:before { + content: "\f0fc"; +} +.icon-h-sign:before { + content: "\f0fd"; +} +.icon-plus-sign-alt:before { + content: "\f0fe"; } -.ckan-icon-tools { - width: 20px; - height: 20px; - background-position: -100px -33px; +.icon-double-angle-left:before { + content: "\f100"; } -.ckan-icon-flag { - width: 20px; - height: 20px; - background-position: -120px -33px; +.icon-double-angle-right:before { + content: "\f101"; } -.ckan-icon-clipboard { - width: 20px; - height: 20px; - background-position: -140px -33px; +.icon-double-angle-up:before { + content: "\f102"; } -.ckan-icon-share { - width: 20px; - height: 20px; - background-position: -160px -33px; +.icon-double-angle-down:before { + content: "\f103"; } -.ckan-icon-info { - width: 20px; - height: 20px; - background-position: -180px -33px; +.icon-angle-left:before { + content: "\f104"; } -.ckan-icon-download { - width: 20px; - height: 20px; - background-position: -200px -33px; +.icon-angle-right:before { + content: "\f105"; } -.ckan-icon-star { - width: 20px; - height: 20px; - background-position: -220px -33px; +.icon-angle-up:before { + content: "\f106"; } -.ckan-icon-info-flat { - width: 20px; - height: 20px; - background-position: -240px -33px; +.icon-angle-down:before { + content: "\f107"; } -.ckan-icon-tag { - width: 20px; - height: 20px; - background-position: -260px -33px; +.icon-desktop:before { + content: "\f108"; } -.ckan-icon-plus { - width: 20px; - height: 20px; - background-position: -280px -33px; - width: 16px; +.icon-laptop:before { + content: "\f109"; } -.ckan-icon-head { - width: 20px; - height: 20px; - background-position: -300px -33px; +.icon-tablet:before { + content: "\f10a"; } -.ckan-icon-arrow-e { - width: 20px; - height: 20px; - background-position: -320px -33px; - width: 16px; +.icon-mobile-phone:before { + content: "\f10b"; } -.ckan-icon-bookmark { - width: 25px; - height: 25px; - background-position: 0px -53px; +.icon-circle-blank:before { + content: "\f10c"; } -.format-label { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - text-indent: -900em; - background: url("../../../base/images/sprite-resource-icons.png") no-repeat 0 0; +.icon-quote-left:before { + content: "\f10d"; } -.format-label:last-child { - *margin-left: 0; +.icon-quote-right:before { + content: "\f10e"; } -.format-label { - width: 32px; - height: 35px; - background-position: 0px -62px; +.icon-spinner:before { + content: "\f110"; } -.format-label[data-format=rdf], -.format-label[data-format*=rdf] { - width: 32px; - height: 35px; - background-position: -32px -62px; +.icon-circle:before { + content: "\f111"; } -.format-label[data-format=pdf], -.format-label[data-format*=pdf] { - width: 32px; - height: 35px; - background-position: -64px -62px; +.icon-reply:before { + content: "\f112"; } -.format-label[data-format=api], -.format-label[data-format*=api] { - width: 32px; - height: 35px; - background-position: -96px -62px; +.icon-github-alt:before { + content: "\f113"; } -.format-label[data-format=zip], -.format-label[data-format*=zip] { - width: 32px; - height: 35px; - background-position: -128px -62px; +.icon-folder-close-alt:before { + content: "\f114"; } -.format-label[data-format=xls], -.format-label[data-format*=xls] { - width: 32px; - height: 35px; - background-position: -160px -62px; +.icon-folder-open-alt:before { + content: "\f115"; } -.format-label[data-format=csv], -.format-label[data-format*=csv] { - width: 32px; - height: 35px; - background-position: -192px -62px; +[class^="icon-"], +[class*=" icon-"] { + display: inline-block; + text-align: right; + font-size: 14px; + line-height: 1; + width: 14px; } -.format-label[data-format=txt], -.format-label[data-format*=txt] { - width: 32px; - height: 35px; - background-position: -224px -62px; +.btn [class^="icon-"], +.nav [class^="icon-"], +.module-heading [class^="icon-"], +.dropdown [class^="icon-"], +.btn [class*=" icon-"], +.nav [class*=" icon-"], +.module-heading [class*=" icon-"], +.dropdown [class*=" icon-"] { + margin-right: 4px; } -.format-label[data-format=xml], -.format-label[data-format*=xml] { - width: 32px; - height: 35px; - background-position: -256px -62px; +.info-block [class^="icon-"], +.info-block [class*=" icon-"] { + float: left; + font-size: 28px; + width: 28px; + margin-right: 5px; + margin-top: 2px; } -.format-label[data-format=json], -.format-label[data-format*=json] { - width: 32px; - height: 35px; - background-position: -288px -62px; +.breadcrumb .home .icon-home { + font-size: 24px; + width: 24px; + vertical-align: -1px; } -.format-label[data-format=html], -.format-label[data-format*=html] { - width: 32px; - height: 35px; - background-position: -320px -62px; +.info-block-small [class^="icon-"], +.info-block-small [class*=" icon-"] { + font-size: 14px; + width: 14px; + margin-top: 1px; } -li [class^="icon-"], -li [class*=" icon-"] { - width: auto; +.wrapper { + *zoom: 1; + background-color: #FFF; + border: 1px solid #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + position: relative; + background: #ffffff url("../../../base/images/nav.png") 0 0 repeat-y; + margin-bottom: 20px; } -li .icon-large:before, -li .icon-large:before { - width: auto; +.wrapper:before, +.wrapper:after { + display: table; + content: ""; + line-height: 0; +} +.wrapper:after { + clear: both; +} +.wrapper.no-nav { + background-image: none; } [role=main], .main { position: relative; - padding-top: 27px; - padding-bottom: 27px; - background-color: #efefef; + padding-top: 10px; + padding-bottom: 20px; + background: #eeeeee url("../../../base/images/bg.png"); } [role=main] { min-height: 350px; } .main:after, -.main:before, -[role=main]:after, -[role=main]:before { - content: ""; - position: absolute; - left: 0; - right: 0; - height: 7px; - background: #ffffff; - border-color: #c9c9c9; - border-style: solid; - border-width: 0; -} -.main:before, -[role=main]:before { - top: 0; - border-bottom-width: 1px; -} -.main:after, [role=main]:after { bottom: 0; border-top-width: 1px; } [role=main] .primary { - float: left; - margin-left: 20px; - width: 700px; + width: 717px; float: right; } [role=main] .secondary { - float: left; margin-left: 20px; width: 220px; margin-left: 0; float: left; } -.primary > :last-child, -.secondary > :last-child { - margin-bottom: 0; +.primary > :last-child, +.secondary > :last-child { + margin-bottom: 0; +} +.primary .primary { + float: left; + width: 467px; + margin-left: 0; + margin-bottom: 20px; +} +.primary .primary h1:first-child, +.primary .primary h2:first-child, +.primary .primary h3:first-child, +.primary .primary h4:first-child { + margin-top: 0; +} +.primary .tertiary { + float: left; + width: 180px; + margin-left: 20px; + margin-bottom: 20px; +} +.hero { + background: url("../../../base/images/background-tile.png"); +} +.hero:after { + background-color: rgba(0, 0, 0, 0.09); + background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-repeat: repeat-x; + background-color: #f6f6f6; + border-bottom: 1px solid #d0d0d0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); + -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); + box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); +} +.hero:after .back:hover { + text-decoration: none; +} +.hero:after .back:hover span { + text-decoration: underline; +} +.context-info .module-content { + padding: 15px; +} +.context-info .image { + margin-bottom: 10px; +} +.context-info .image img, +.context-info .image a { + display: block; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.context-info p { + overflow: auto; +} +.context-info code { + display: block; + font-weight: normal; + padding: 0; + margin: 0; + overflow: auto; +} +.context-info h1.heading { + margin: 0 0 5px 0; + font-size: 18px; + line-height: 1.3; +} +.context-info .info { + margin-top: 15px; + padding-top: 10px; + border-top: 1px dotted #DDD; +} +.context-info .info dl dd { + margin-top: 3px; + margin-left: 0; +} +.context-info .nums { + *zoom: 1; + margin-top: 15px; + padding-top: 10px; + padding-bottom: 0; + border-top: 1px dotted #DDD; +} +.context-info .nums:before, +.context-info .nums:after { + display: table; + content: ""; + line-height: 0; +} +.context-info .nums:after { + clear: both; +} +.context-info .nums dl { + float: left; + width: 50%; + margin: 5px 0 0 0; + color: #444444; +} +.context-info .nums dl dt { + display: block; + font-size: 13px; + font-weight: 300; +} +.context-info .nums dl dd { + display: block; + font-size: 30px; + font-weight: 700; + line-height: 36px; + margin-left: 0; +} +.context-info .nums dl dd .smallest { + font-size: 13px; +} +.context-info .nums dl dd .smaller { + font-size: 16px; } -.hero { - background: url("../../../base/images/background-tile.png"); +.context-info .nums dl dd .small { + font-size: 21px; } -.hero:after { - background-color: rgba(0, 0, 0, 0.09); - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0))); - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-repeat: repeat-x; - background-color: transparent; - top: 7px; - bottom: auto; - height: 5px; +.context-info .follow_button { + margin-top: 15px; +} +.context-info.editing .module-content { + margin-top: 0; } .hero { - padding-bottom: 0; + background: url("../../../base/images/background-tile.png"); + padding: 20px 0; min-height: 0; } .hero > .container { position: relative; padding-bottom: 0; } -.hero-primary, -.hero-secondary { - float: left; - margin-left: 20px; - width: 460px; -} -.hero-primary { - margin-left: 0; -} -.hero-primary { - margin-left: 0; - margin-bottom: 0; -} -.hero-secondary { - position: absolute; - bottom: 0; - right: 0; -} -.hero-secondary-inner { - bottom: 0; - left: 0; - right: 0; -} -.hero .module-popup { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - margin-top: 50px; +.hero .search-giant { + margin-bottom: 10px; } -.hero .module-popup .module-content { - padding-bottom: 2px; +.hero .search-giant input { + border-color: #003f52; } .hero .page-heading { font-size: 18px; @@ -6734,290 +7984,339 @@ li .icon-large:before { } .hero .module-dark { padding: 5px; - margin-bottom: 10px; + margin-bottom: 0; color: #ffffff; background: #ffffff; } .hero .module-dark .module-content { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #dc0bdc; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + background-color: #e73892; + border-bottom: none; } .hero .module-dark .module-content .heading { + margin-top: 0; margin-bottom: 7px; + font-size: 24px; + line-height: 40px; } .hero .tags { - margin-bottom: 9px; -} -.hero .tags .tag, -.hero .tags .tag-list { - display: inline-block; -} -.hero .tags .tag-list { - padding: 0; -} -.hero .tags .tag { - margin-right: 15px; -} -header.masthead { *zoom: 1; - color: #ffffff; - padding: 5px 10px 3px; - height: 55px; - background-color: #e512e5; - background-image: -moz-linear-gradient(top, #dc0bdc, #f31df3); - background-image: -ms-linear-gradient(top, #dc0bdc, #f31df3); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc0bdc), to(#f31df3)); - background-image: -webkit-linear-gradient(top, #dc0bdc, #f31df3); - background-image: -o-linear-gradient(top, #dc0bdc, #f31df3); - background-image: linear-gradient(top, #dc0bdc, #f31df3); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc0bdc', endColorstr='#f31df3', GradientType=0); + padding: 5px 10px 10px 10px; + background-color: #d31979; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } -header.masthead:before, -header.masthead:after { +.hero .tags:before, +.hero .tags:after { display: table; content: ""; + line-height: 0; } -header.masthead:after { +.hero .tags:after { clear: both; } -header.masthead .container { - position: relative; +.hero .tags h3, +.hero .tags .tag { + display: block; + float: left; + margin: 5px 10px 0 0; } -header.masthead a { - color: #ffffff; +.hero .tags h3 { + font-size: 14px; + line-height: 20px; + padding: 2px 8px; } -header.masthead hgroup h1, -header.masthead hgroup h2 { +.hero-primary, +.hero-secondary { float: left; - font-size: 34px; - line-height: 1.5; -} -header.masthead hgroup h1 { - font-weight: 900; - letter-spacing: -1px; + margin-left: 20px; + width: 460px; } -header.masthead hgroup h2 { - position: absolute; - bottom: -3px; - left: 0; - margin: 0; - font-size: 15px; - font-weight: normal; - line-height: 1.2; - white-space: nowrap; +.hero-primary { + margin-left: 0; + margin-bottom: 0; } -header.masthead .content { +.hero-secondary { position: absolute; - top: 10px; + bottom: 0; right: 0; } -header.masthead .section { - float: left; +.hero-secondary .hero-secondary-inner { + bottom: 0; + left: 0; + right: 0; } -header.masthead .navigation { - margin-right: 20px; +.main.homepage { + padding-top: 20px; + padding-bottom: 20px; + border-top: 1px solid #cccccc; } -header.masthead .navigation ul.unstyled { - *zoom: 1; - margin: 5px 0; +.main.homepage .module-heading .media-image { + margin-right: 15px; + max-height: 53px; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); + -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); } -header.masthead .navigation ul.unstyled:before, -header.masthead .navigation ul.unstyled:after { - display: table; - content: ""; +.main.homepage .group-listing .box { + min-height: 275px; } -header.masthead .navigation ul.unstyled:after { - clear: both; +.main.homepage .group-list { + margin-bottom: 0; } -header.masthead .navigation ul.unstyled li { - display: block; - float: left; +.main.homepage .group-list .dataset-content { + min-height: 70px; } -header.masthead .navigation ul.unstyled li a { - display: block; - font-size: 12px; - font-weight: bold; - padding: 4px 10px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; +.main.homepage .box .module { + margin-top: 0; } -header.masthead .navigation ul.unstyled li a.active { - background-color: #de17de; - box-shadow: 0 -1px 0 #b012b0, 0 1px 0 #e130e1; +.account-masthead { + *zoom: 1; + min-height: 30px; + color: #ffffff; + background: #d31979 url("../../../base/images/bg.png"); } -header.masthead .site-search { - margin: 3px 0; +.account-masthead:before, +.account-masthead:after { + display: table; + content: ""; + line-height: 0; } -header.masthead .site-search input { - width: 190px; - font-size: 11px; - padding: 4px; +.account-masthead:after { + clear: both; } -header.masthead .account { - background: #ea0cea; - padding: 3px 5px; - margin: 2px 0 2px 30px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: inset 0 2px 4px #d20bd2; - -moz-box-shadow: inset 0 2px 4px #d20bd2; - box-shadow: inset 0 2px 4px #d20bd2; +.account-masthead .account { + float: right; } -header.masthead .account ul.unstyled { +.account-masthead .account ul { *zoom: 1; } -header.masthead .account ul.unstyled:before, -header.masthead .account ul.unstyled:after { +.account-masthead .account ul:before, +.account-masthead .account ul:after { display: table; content: ""; + line-height: 0; } -header.masthead .account ul.unstyled:after { +.account-masthead .account ul:after { clear: both; } -header.masthead .account ul.unstyled li { +.account-masthead .account ul li { display: block; float: left; + border-left: 1px solid #bc176c; } -header.masthead .account ul.unstyled li a { +.account-masthead .account ul li a { display: block; - font-size: 12px; + color: #f9cde4; + font-size: 13px; font-weight: bold; - padding: 4px 10px; + padding: 0 10px; + line-height: 31px; +} +.account-masthead .account ul li a span.username { + margin: 0 2px 0 4px; } -header.masthead .account ul.unstyled li a.sub { +.account-masthead .account ul li a:hover { + color: #fbe1ef; + background-color: #bc176c; + text-decoration: none; +} +.account-masthead .account ul li a.sub { font-weight: 300; - border-left: 1px solid #d20bd2; } -header.masthead .account .dropdown { - float: left; +.account-masthead .account ul li a .btn { + vertical-align: 1px; + margin-left: 3px; } -header.masthead .account .button { - display: block; - text-decoration: none; - background-color: #dc0bdc; - color: #ee85ee; - text-shadow: 0 1px 1px #ab09ab; +.account-masthead .account .notifications a span { + font-size: 12px; + margin-left: 3px; + padding: 1px 6px; + background-color: #bc176c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: inset 0 1px 0 #f30ef3; - -moz-box-shadow: inset 0 1px 0 #f30ef3; - box-shadow: inset 0 1px 0 #f30ef3; } -header.masthead .account .image { - margin: 2px 0; - padding: 0 4px 0 0; - overflow: hidden; - font-size: 10px; +.account-masthead .account .notifications a:hover span { + color: #ffffff; + background-color: #a5145f; +} +.account-masthead .account .notifications.notifications-important a span { + color: #ffffff; + background-color: #c9403a; +} +.account-masthead .account.authed .image { + padding: 0 6px; +} +.account-masthead .account.authed .image img { + vertical-align: -6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -header.masthead .account .image i { - vertical-align: -1px; +.masthead { + *zoom: 1; + min-height: 55px; + color: #ffffff; + background: #e73892 url("../../../base/images/bg.png"); } -header.masthead .account .image img { - opacity: 0.7; - border-right: 1px solid #f31df3; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; +.masthead:before, +.masthead:after { + display: table; + content: ""; + line-height: 0; +} +.masthead:after { + clear: both; } -header.masthead .account .notifications { - padding: 4px 8px 3px 8px; - margin: 2px 5px 2px 0; +.masthead .container { + position: relative; } -header.masthead .account .notifications.notifications-important { +.masthead a { color: #ffffff; - background-color: #c9403a; - text-shadow: 0 1px 1px #a3322d; - -webkit-box-shadow: inset 0 1px 0 #ce534e; - -moz-box-shadow: inset 0 1px 0 #ce534e; - box-shadow: inset 0 1px 0 #ce534e; } -header.masthead .account .dropdown.open .image img, -header.masthead .account .dropdown .image:hover img { - opacity: 1; - border-right-color: #f64df6; +.masthead hgroup h1, +.masthead hgroup h2 { + float: left; + font-size: 30px; + line-height: 1.5; } -header.masthead .account .dropdown.open .button, -header.masthead .account .dropdown .button:hover { - color: #ffffff; - background-color: #ea6dea; - -webkit-box-shadow: inset 0 1px 0 #ee85ee; - -moz-box-shadow: inset 0 1px 0 #ee85ee; - box-shadow: inset 0 1px 0 #ee85ee; - text-decoration: none; +.masthead hgroup h1 { + font-weight: 900; + letter-spacing: -1px; + margin: 3px 0; +} +.masthead hgroup h2 { + position: absolute; + bottom: -3px; + left: 0; + margin: 0; + font-size: 15px; + font-weight: normal; + line-height: 1.2; + white-space: nowrap; } -header.masthead .account .dropdown.open .notifications-important, -header.masthead .account .dropdown .notifications-important:hover { - background-color: #d46762; - text-shadow: 0 1px 1px #c9403a; - -webkit-box-shadow: inset 0 1px 0 #d97a76; - -moz-box-shadow: inset 0 1px 0 #d97a76; - box-shadow: inset 0 1px 0 #d97a76; +.masthead .content { + position: absolute; + top: 10px; + right: 0; } -header.masthead .account.authed { - margin: 0 0 0 30px; +.masthead .section { + float: left; } -header.masthead .account.not-authed { - padding-top: 2px; - padding-bottom: 2px; +.masthead input[type="text"] { + border-color: #e42186; } -header.masthead .dropdown-menu { - margin-top: -1px; +.masthead .navigation { + margin-right: 20px; } -header.masthead .user-dropdown-menu a { - color: #dc0bdc; +.masthead .navigation .nav-pills { + margin-bottom: 0; } -header.masthead .user-dropdown-menu a:hover { - color: #ffffff; +.masthead .navigation .nav-pills li a:hover, +.masthead .navigation .nav-pills li.active a { + background-color: #d31979; } -header.masthead .debug { +.masthead .site-search { + margin: 2px 8px 2px 0; +} +.masthead .site-search input { + width: 200px; + padding: 4px 10px; +} +.masthead .debug { position: absolute; - bottom: 10px; + top: 37px; left: 10px; - font-size: 11px; color: rgba(255, 255, 255, 0.5); - line-height: 1.2; } .site-footer { *zoom: 1; + min-height: 55px; color: #ffffff; - padding: 5px 10px 3px; - height: 55px; - background-color: #e512e5; - background-image: -moz-linear-gradient(top, #dc0bdc, #f31df3); - background-image: -ms-linear-gradient(top, #dc0bdc, #f31df3); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc0bdc), to(#f31df3)); - background-image: -webkit-linear-gradient(top, #dc0bdc, #f31df3); - background-image: -o-linear-gradient(top, #dc0bdc, #f31df3); - background-image: linear-gradient(top, #dc0bdc, #f31df3); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc0bdc', endColorstr='#f31df3', GradientType=0); - font-size: 12px; + background: #e73892 url("../../../base/images/bg.png"); padding: 20px 0; } .site-footer:before, .site-footer:after { display: table; content: ""; + line-height: 0; } .site-footer:after { clear: both; } +.site-footer .container { + position: relative; +} +.site-footer a { + color: #ffffff; +} +.site-footer hgroup h1, +.site-footer hgroup h2 { + float: left; + font-size: 30px; + line-height: 1.5; +} +.site-footer hgroup h1 { + font-weight: 900; + letter-spacing: -1px; + margin: 3px 0; +} +.site-footer hgroup h2 { + position: absolute; + bottom: -3px; + left: 0; + margin: 0; + font-size: 15px; + font-weight: normal; + line-height: 1.2; + white-space: nowrap; +} +.site-footer .content { + position: absolute; + top: 10px; + right: 0; +} +.site-footer .section { + float: left; +} +.site-footer input[type="text"] { + border-color: #e42186; +} +.site-footer .navigation { + margin-right: 20px; +} +.site-footer .navigation .nav-pills { + margin-bottom: 0; +} +.site-footer .navigation .nav-pills li a:hover, +.site-footer .navigation .nav-pills li.active a { + background-color: #d31979; +} +.site-footer .site-search { + margin: 2px 8px 2px 0; +} +.site-footer .site-search input { + width: 200px; + padding: 4px 10px; +} +.site-footer .debug { + position: absolute; + top: 37px; + left: 10px; + color: rgba(255, 255, 255, 0.5); +} .site-footer, .site-footer label, .site-footer small { - color: #ccdee3; + color: #f5afd3; } .site-footer a { - color: #ccdee3; + color: #f5afd3; } .footer-links, .attribution { @@ -7025,22 +8324,27 @@ header.masthead .debug { margin-left: 20px; width: 460px; } -.footer-links { +.footer-links { + margin-left: 0; +} +.footer-links ul { + float: left; + margin-left: 20px; + width: 220px; +} +.footer-links ul:first-child { margin-left: 0; } -.footer-links li { - display: inline-block; - width: 40%; - margin-right: 5%; +.footer-links ul li { margin-bottom: 5px; } .attribution small { - color: #ccdee3; + color: #f5afd3; font-size: 12px; } .attribution .ckan-footer-logo { display: block; - width: 65px; + width: 68px; height: 21px; margin-top: 2px; background: url("../../../base/images/ckan-logo-footer.png") no-repeat top left; @@ -7053,6 +8357,7 @@ header.masthead .debug { .lang-select:after { display: table; content: ""; + line-height: 0; } .lang-select:after { clear: both; @@ -7069,153 +8374,66 @@ header.masthead .debug { .lang-dropdown li { width: auto; } -.lang-dropdown .select2-result-label[data-value]:before { - content: ""; - display: inline-block; - background-image: url("../../../base/images/flags.png"); - background-repeat: no-repeat; - background-position: 0 11px; - width: 17px; - height: 11px; - position: relative; - top: 1px; -} -.lang-dropdown .select2-result-label[data-value*="/en/"]:before { - background-position: 0 0; -} -.lang-dropdown .select2-result-label[data-value*="/de/"]:before { - background-position: 0 -11px; -} -.lang-dropdown .select2-result-label[data-value*="/fr/"]:before { - background-position: 0 -22px; -} -.lang-dropdown .select2-result-label[data-value*="/it/"]:before { - background-position: 0 -33px; -} -.lang-dropdown .select2-result-label[data-value*="/es/"]:before { - background-position: 0 -44px; -} -.lang-dropdown .select2-result-label[data-value*="/pl/"]:before { - background-position: 0 -55px; +.table-selected td { + background-color: #f5f5f5; } -.lang-dropdown .select2-result-label[data-value*="/ru/"]:before { - background-position: 0 -66px; +.table-selected td .edit { + display: block; } -.lang-dropdown .select2-result-label[data-value*="/nl/"]:before { - background-position: 0 -77px; +.table-bulk-edit th input { + top: -5px; } -.lang-dropdown .select2-result-label[data-value*="/sv/"]:before { - background-position: 0 -88px; +.table-bulk-edit .table-actions .btn-group { + float: left; + margin: 0 10px 0 0; } -.lang-dropdown .select2-result-label[data-value*="/no/"]:before { - background-position: 0 -99px; +.table-bulk-edit .context p { + margin-bottom: 0; } -.lang-dropdown .select2-result-label[data-value*="/cs/"]:before, -.lang-dropdown .select2-result-label[data-value*="/cs_CZ/"]:before { - background-position: 0 -110px; +.table-header thead th { + background-color: #f6f6f6; } -.lang-dropdown .select2-result-label[data-value*="/hu/"]:before { - background-position: 0 -121px; +.table-edit-hover .edit { + display: none; + float: right; } -.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { - background-position: 0 -132px; +.table-edit-hover tr:hover .edit { + display: block; } -.lang-dropdown .select2-result-label[data-value*="/fi/"]:before { - background-position: 0 -143px; +.js .table-toggle-more .toggle-more { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/bg/"]:before { - background-position: 0 -154px; +.js .table-toggle-more .show-more { + display: inline; } -.lang-dropdown .select2-result-label[data-value*="/ca/"]:before { - background-position: 0 -165px; +.js .table-toggle-more .show-less { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/sq/"]:before { - background-position: 0 -176px; +.js .table-toggle-more .toggle-seperator { + display: table-row; } -.lang-dropdown .select2-result-label[data-value*="/sr/"]:before, -.lang-dropdown .select2-result-label[data-value*="/sr_Latn/"]:before { - background-position: 0 -187px; +.js .table-toggle-more .toggle-seperator td { + height: 11px; + padding: 0; + background-image: url("../../../base/images/table-seperator.png"); } -.lang-dropdown .select2-result-label[data-value*="/zh_TW/"]:before { - background-position: 0 -198px; +.js .table .toggle-show td { + background: none; + text-align: center; } -.lang-dropdown .select2-result-label[data-value*="/lv/"]:before { - background-position: 0 -209px; +.js .table-toggle-less .show-less { + display: inline; } -.lang-dropdown .select2-result-label[data-value*="/sk/"]:before { - background-position: 0 -220px; +.js .table-toggle-less .show-more { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { - background-position: 0 -132px; +.js .table-toggle-less .toggle-seperator { + display: none; } .profile .empty, .profile .dataset-list { margin-bottom: 20px; } -.profile-info .module-content { - padding: 15px; -} -.profile-info .avatar { - border: 1px solid #DDD; - padding: 5px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; -} -.profile-info .avatar img, -.profile-info .avatar a { - display: block; -} -.profile-info code { - font-weight: normal; - padding: 0; - margin: 0; -} -.profile-info h1.heading { - margin: 10px 0 5px 0; - font-size: 21px; -} -.profile-info .info { - margin-top: 15px; - padding-top: 10px; - border-top: 1px dotted #DDD; -} -.profile-info .info dl dd { - margin-top: 3px; - margin-left: 0; -} -.profile-info .nums { - *zoom: 1; - margin-top: 15px; - padding-top: 10px; - padding-bottom: 0; - border-top: 1px dotted #DDD; -} -.profile-info .nums:before, -.profile-info .nums:after { - display: table; - content: ""; -} -.profile-info .nums:after { - clear: both; -} -.profile-info .nums dl { - float: left; - width: 33%; - margin: 5px 0 0 0; - color: #4d4d4d; -} -.profile-info .nums dl dt { - display: block; - font-weight: 300; -} -.profile-info .nums dl dd { - display: block; - font-size: 30px; - font-weight: 700; - line-height: 1.2; - margin-left: 0; -} .activity { margin: 10px 0; padding: 0; @@ -7232,13 +8450,16 @@ header.masthead .debug { .activity .item:after { display: table; content: ""; + line-height: 0; } .activity .item:after { clear: both; } -.activity .item i { +.activity .item .icon { display: block; - float: left; + position: absolute; + top: 0; + left: 0; width: 30px; height: 30px; line-height: 30px; @@ -7246,7 +8467,6 @@ header.masthead .debug { color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-weight: normal; - font-size: 16px; margin-right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; @@ -7261,20 +8481,19 @@ header.masthead .debug { border-radius: 100px; } .activity .item .actor .gravatar { - float: left; - margin-top: -5px; - margin-right: 10px; + position: absolute; + top: 0; + left: 40px; } .activity .item p { font-size: 14px; line-height: 1.5; - margin: 5px 0 0 0; + margin: 5px 0 0 80px; } .activity .item .date { color: #999; font-size: 12px; white-space: nowrap; - margin-left: 5px; } .activity .item .new { display: block; @@ -7294,106 +8513,278 @@ header.masthead .debug { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } -.popover .about { - margin-bottom: 10px; +.activity .load-less { + margin-bottom: 15px; +} +.popover { + width: 300px; +} +.popover .popover-title { + font-weight: bold; + margin-bottom: 0; +} +.popover p.about { + margin: 0 0 10px 0; } .popover .popover-close { float: right; text-decoration: none; } -.activity .item i { - background-color: #767dce; +.activity .item .icon { + background-color: #999999; } -.activity .item.added-tag i { +.activity .item.added-tag .icon { background-color: #6995a6; } -.activity .item.changed-group i { +.activity .item.changed-group .icon { background-color: #767dce; } -.activity .item.changed-package i { +.activity .item.changed-package .icon { background-color: #8c76ce; } -.activity .item.changed-package_extra i { +.activity .item.changed-package_extra .icon { background-color: #769ace; } -.activity .item.changed-resource i { +.activity .item.changed-resource .icon { background-color: #aa76ce; } -.activity .item.changed-user i { +.activity .item.changed-user .icon { background-color: #76b8ce; } -.activity .item.deleted-group i { +.activity .item.changed-organization .icon { + background-color: #699fa6; +} +.activity .item.deleted-group .icon { background-color: #b95252; } -.activity .item.deleted-package i { +.activity .item.deleted-package .icon { background-color: #b97452; } -.activity .item.deleted-package_extra i { +.activity .item.deleted-package_extra .icon { background-color: #b95274; } -.activity .item.deleted-resource i { +.activity .item.deleted-resource .icon { background-color: #b99752; } -.activity .item.new-group i { +.activity .item.deleted-organization .icon { + background-color: #b95297; +} +.activity .item.new-group .icon { background-color: #69a67a; } -.activity .item.new-package i { +.activity .item.new-package .icon { background-color: #69a68e; } -.activity .item.new-package_extra i { +.activity .item.new-package_extra .icon { background-color: #6ca669; } -.activity .item.new-resource i { +.activity .item.new-resource .icon { background-color: #81a669; } -.activity .item.new-user i { +.activity .item.new-user .icon { background-color: #69a6a3; } -.activity .item.removed-tag i { +.activity .item.new-organization .icon { + background-color: #81a669; +} +.activity .item.removed-tag .icon { background-color: #b95297; } -.activity .item.deleted-related-item i { +.activity .item.deleted-related-item .icon { background-color: #b9b952; } -.activity .item.follow-dataset i { +.activity .item.follow-dataset .icon { background-color: #767dce; } -.activity .item.follow-user i { +.activity .item.follow-user .icon { background-color: #8c76ce; } -.activity .item.new-related-item i { +.activity .item.new-related-item .icon { background-color: #95a669; } -.activity .item.follow-group i { +.activity .item.follow-group .icon { background-color: #8ba669; } -.popover-context-loading .popover-title { +.dropdown:hover .dropdown-menu { + display: block; +} +.js .dropdown .dropdown-menu, +.js .dropdown:hover .dropdown-menu { + display: none; +} +.js .dropdown.open .dropdown-menu { + display: block; +} +#followee-filter .btn { + *zoom: 1; +} +#followee-filter .btn:before, +#followee-filter .btn:after { + display: table; + content: ""; + line-height: 0; +} +#followee-filter .btn:after { + clear: both; +} +#followee-filter .btn span, +#followee-filter .btn strong { + display: block; + float: left; + line-height: 1.5; +} +#followee-filter .btn span { + font-weight: normal; +} +#followee-filter .btn strong { + margin: 0 5px; + white-space: nowrap; + max-width: 90px; + overflow: hidden; + text-overflow: ellipsis; +} +.dashboard-context { + position: relative; + margin-bottom: 20px; + padding: 20px; + border-bottom: 1px solid #DCDCDC; + background-color: #f6f6f6; + -webkit-border-radius: 3px 0 0 0; + -moz-border-radius: 3px 0 0 0; + border-radius: 3px 0 0 0; +} +.dashboard-context h2 { + margin-bottom: 10px; +} +.dashboard-context .arrow { + position: absolute; + content: ' '; + top: 30px; + right: -10px; + width: 10px; + height: 21px; + background: transparent url("../../../base/images/dashboard-followee-related.png"); +} +.popover-followee .popover-title { display: none; } -.popover-context-loading .popover-content { +.popover-followee .popover-content { + padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } -.popover-context-loading .popover-content img { - vertical-align: -3px; - margin-right: 10px; +.popover-followee .empty { + padding: 10px; } -.follower-list li { - margin: 0 0 15px 0; +.popover-followee .popover-header { + *zoom: 1; + background-color: whiteSmoke; + padding: 5px; + border-bottom: 1px solid #cccccc; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.follower-list .gravatar { - vertical-align: -4px; - margin-right: 3px; +.popover-followee .popover-header:before, +.popover-followee .popover-header:after { + display: table; + content: ""; + line-height: 0; +} +.popover-followee .popover-header:after { + clear: both; +} +.popover-followee .popover-header .input-prepend { + margin-bottom: 0; +} +.popover-followee .popover-header .add-on, +.popover-followee .popover-header input { + float: left; + margin: 0; +} +.popover-followee .popover-header .add-on { + padding: 4px 8px 4px 12px; + border-right-width: 0; + -webkit-border-radius: 100px 0 0 100px; + -moz-border-radius: 100px 0 0 100px; + border-radius: 100px 0 0 100px; +} +.popover-followee .popover-header input { + padding: 4px 12px 4px 8px; + font-size: 13px; + width: 207px; + -webkit-border-radius: 0 100px 100px 0; + -moz-border-radius: 0 100px 100px 0; + border-radius: 0 100px 100px 0; +} +.popover-followee .nav { + padding: 0; + margin: 0; + max-height: 205px; + overflow: auto; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.popover-followee .nav li a { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 7px 10px 7px 15px; + margin: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.popover-followee .nav li a i { + background-color: #e73892; + color: #ffffff; + margin-right: 11px; + padding: 3px 5px; + line-height: 1; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; + -webkit-box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); } -.module-my-datasets .empty { - padding: 10px; +.popover-followee .nav li a:hover i { + background-color: #000; +} +.popover-followee .nav li.active a i { + color: #e73892; + background-color: #ffffff; +} +.dashboard-me { + *zoom: 1; + padding: 15px 15px 0 15px; +} +.dashboard-me:before, +.dashboard-me:after { + display: table; + content: ""; + line-height: 0; +} +.dashboard-me:after { + clear: both; +} +.dashboard-me img { + float: left; + margin-right: 10px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; +} +.dashboard-me strong { + display: block; + font-size: 16px; + margin: 3px 0; } body { - background-color: #f31df3; + background: #e73892 url("../../../base/images/bg.png"); } [hidden] { display: none; @@ -7412,11 +8803,10 @@ table .metric { width: 140px; } code { - padding: 2px 2px; color: #000000; - font-weight: bold; border: none; background: none; + white-space: normal; } pre { border: none; @@ -7446,10 +8836,11 @@ iframe { text-indent: -999em; } .empty { - color: #aeaeae; + color: #aaaaaa; font-style: italic; } .page-heading { + margin-top: 0; margin-bottom: 16px; } .m-top { @@ -7492,10 +8883,6 @@ iframe { position: relative; top: -20px; } -.ie .module, -.ie .media-image { - border: 1px solid #cccccc; -} .ie .module-popup { border-bottom: none; } @@ -7519,24 +8906,19 @@ iframe { .ie9 .control-large input { height: 56px; } -.ie9 .module { - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); +.ie8 .account-masthead a.image, +.ie8 .account-masthead .username { + white-space: nowrap; } -.ie7 .masthead nav ul li a.active, -.ie8 .masthead nav ul li a.active { - position: relative; - top: -1px; - background-color: #e60be6; - border-top: 1px solid #cd0acd; - border-bottom: 1px solid #f30ef3; +.ie9 .homepage .media.module-heading .media-image img, +.ie8 .homepage .media.module-heading .media-image img, +.ie7 .homepage .media.module-heading .media-image img { + width: 85px !important; } -.ie8 .masthead .account a.image { - display: block; - width: 25px; - padding-right: 10px; - white-space: nowrap; +.ie8 .hero .hero-primary.module-popup .box, +.ie7 .hero .hero-primary.module-popup .box { + padding-bottom: 20px !important; + margin-bottom: 0 !important; } .ie7 .alert { position: relative; @@ -7556,6 +8938,7 @@ iframe { .ie7 .tags .tag-list:after { display: table; content: ""; + line-height: 0; } .ie7 .tags .tag-list:after { clear: both; @@ -7569,8 +8952,6 @@ iframe { } .ie7 .tags .tag { display: block; - border: 1px solid #d0d0d0; - background: #f5f5f5; } .ie7 .search-giant input { width: 95%; @@ -7621,6 +9002,9 @@ iframe { .ie7 .stages li .highlight { width: auto; } +.ie7 .account-masthead .account a i { + line-height: 31px; +} .ie7 .masthead { position: relative; z-index: 1; @@ -7632,39 +9016,12 @@ iframe { *zoom: 1; } -.ie7 .masthead nav ul { - margin-top: 5px; -} -.ie7 .masthead nav ul li { - float: left; -} -.ie7 .masthead nav ul li a.active { - position: relative; - top: -1px; - background-color: #e60be6; - border-top: 1px solid #cd0acd; - border-bottom: 1px solid #f30ef3; -} .ie7 .masthead .header-image { display: block; } .ie7 .masthead .account .dropdown-menu { z-index: 10000; } -.ie7 .footer-links { - *zoom: 1; -} -.ie7 .footer-links:before, -.ie7 .footer-links:after { - display: table; - content: ""; -} -.ie7 .footer-links:after { - clear: both; -} -.ie7 .footer-links li { - float: left; -} .ie7 .module-narrow .nav-item.image { *zoom: 1; } @@ -7672,6 +9029,7 @@ iframe { .ie7 .module-narrow .nav-item.image:after { display: table; content: ""; + line-height: 0; } .ie7 .module-narrow .nav-item.image:after { clear: both; @@ -7689,11 +9047,13 @@ iframe { } .ie7 .module-heading { *zoom: 1; + position: relative; } .ie7 .module-heading:before, .ie7 .module-heading:after { display: table; content: ""; + line-height: 0; } .ie7 .module-heading:after { clear: both; @@ -7713,3 +9073,22 @@ iframe { position: relative; zoom: 1; } +.ie7 .resource-item { + position: static; + padding-bottom: 1px; +} +.ie7 .resource-item .heading { + position: relative; +} +.ie7 .resource-item .format-label { + left: -48px; +} +.ie7 .resource-item .btn-group { + position: relative; + float: right; + top: -35px; + right: 0; +} +.ie7 .media-overlay .media-heading { + background-color: #000; +} diff --git a/ckan/public/base/css/green.css b/ckan/public/base/css/green.css index 2694c58a461..1cc58fa82dc 100644 --- a/ckan/public/base/css/green.css +++ b/ckan/public/base/css/green.css @@ -48,11 +48,25 @@ sub { bottom: -0.25em; } img { + /* Responsive images (ensure images don't scale beyond their parents) */ + max-width: 100%; + /* Part 1: Set a maxium relative to the parent */ + + width: auto\9; + /* IE7-8 need help adjusting responsive images */ + + height: auto; + /* Part 2: Scale the height according to the width, otherwise you get stretching */ + vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } +#map_canvas img, +.google-maps img { + max-width: none; +} button, input, select, @@ -72,11 +86,21 @@ input::-moz-focus-inner { border: 0; } button, -input[type="button"], +html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; -webkit-appearance: button; + cursor: pointer; +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; @@ -92,6 +116,57 @@ textarea { overflow: auto; vertical-align: top; } +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} .clearfix { *zoom: 1; } @@ -99,6 +174,7 @@ textarea { .clearfix:after { display: table; content: ""; + line-height: 0; } .clearfix:after { clear: both; @@ -113,28 +189,47 @@ textarea { .input-block-level { display: block; width: 100%; - min-height: 28px; + min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; - color: #4d4d4d; - background-color: #efefef; + font-size: 14px; + line-height: 20px; + color: #444444; + background-color: #eeeeee; } a { - color: #045b04; + color: #2f9b45; text-decoration: none; } -a:hover { - color: #011201; +a:hover, +a:focus { + color: #1d602b; text-decoration: underline; } +.img-rounded { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.img-polaroid { + padding: 4px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} +.img-circle { + -webkit-border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; +} .row { margin-left: -20px; *zoom: 1; @@ -143,15 +238,18 @@ a:hover { .row:after { display: table; content: ""; + line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; + min-height: 1px; margin-left: 20px; } .container, +.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; @@ -236,6 +334,7 @@ a:hover { .row-fluid:after { display: table; content: ""; + line-height: 0; } .row-fluid:after { clear: both; @@ -243,65 +342,171 @@ a:hover { .row-fluid [class*="span"] { display: block; width: 100%; - min-height: 28px; + min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; float: left; - margin-left: 2.127659574%; - *margin-left: 2.0744680846382977%; + margin-left: 2.127659574468085%; + *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574468085%; +} .row-fluid .span12 { - width: 99.99999998999999%; - *width: 99.94680850063828%; + width: 100%; + *width: 99.94680851063829%; } .row-fluid .span11 { - width: 91.489361693%; - *width: 91.4361702036383%; + width: 91.48936170212765%; + *width: 91.43617021276594%; } .row-fluid .span10 { - width: 82.97872339599999%; - *width: 82.92553190663828%; + width: 82.97872340425532%; + *width: 82.92553191489361%; } .row-fluid .span9 { - width: 74.468085099%; - *width: 74.4148936096383%; + width: 74.46808510638297%; + *width: 74.41489361702126%; } .row-fluid .span8 { - width: 65.95744680199999%; - *width: 65.90425531263828%; + width: 65.95744680851064%; + *width: 65.90425531914893%; } .row-fluid .span7 { - width: 57.446808505%; - *width: 57.3936170156383%; + width: 57.44680851063829%; + *width: 57.39361702127659%; } .row-fluid .span6 { - width: 48.93617020799999%; - *width: 48.88297871863829%; + width: 48.93617021276595%; + *width: 48.88297872340425%; } .row-fluid .span5 { - width: 40.425531911%; - *width: 40.3723404216383%; + width: 40.42553191489362%; + *width: 40.37234042553192%; } .row-fluid .span4 { - width: 31.914893614%; - *width: 31.8617021246383%; + width: 31.914893617021278%; + *width: 31.861702127659576%; } .row-fluid .span3 { - width: 23.404255317%; - *width: 23.3510638276383%; + width: 23.404255319148934%; + *width: 23.351063829787233%; } .row-fluid .span2 { - width: 14.89361702%; - *width: 14.8404255306383%; + width: 14.893617021276595%; + *width: 14.840425531914894%; } .row-fluid .span1 { - width: 6.382978723%; - *width: 6.329787233638298%; + width: 6.382978723404255%; + *width: 6.329787234042553%; +} +.row-fluid .offset12 { + margin-left: 104.25531914893617%; + *margin-left: 104.14893617021275%; +} +.row-fluid .offset12:first-child { + margin-left: 102.12765957446808%; + *margin-left: 102.02127659574467%; +} +.row-fluid .offset11 { + margin-left: 95.74468085106382%; + *margin-left: 95.6382978723404%; +} +.row-fluid .offset11:first-child { + margin-left: 93.61702127659574%; + *margin-left: 93.51063829787232%; +} +.row-fluid .offset10 { + margin-left: 87.23404255319149%; + *margin-left: 87.12765957446807%; +} +.row-fluid .offset10:first-child { + margin-left: 85.1063829787234%; + *margin-left: 84.99999999999999%; +} +.row-fluid .offset9 { + margin-left: 78.72340425531914%; + *margin-left: 78.61702127659572%; +} +.row-fluid .offset9:first-child { + margin-left: 76.59574468085106%; + *margin-left: 76.48936170212764%; +} +.row-fluid .offset8 { + margin-left: 70.2127659574468%; + *margin-left: 70.10638297872339%; +} +.row-fluid .offset8:first-child { + margin-left: 68.08510638297872%; + *margin-left: 67.9787234042553%; +} +.row-fluid .offset7 { + margin-left: 61.70212765957446%; + *margin-left: 61.59574468085106%; +} +.row-fluid .offset7:first-child { + margin-left: 59.574468085106375%; + *margin-left: 59.46808510638297%; +} +.row-fluid .offset6 { + margin-left: 53.191489361702125%; + *margin-left: 53.085106382978715%; +} +.row-fluid .offset6:first-child { + margin-left: 51.063829787234035%; + *margin-left: 50.95744680851063%; +} +.row-fluid .offset5 { + margin-left: 44.68085106382979%; + *margin-left: 44.57446808510638%; +} +.row-fluid .offset5:first-child { + margin-left: 42.5531914893617%; + *margin-left: 42.4468085106383%; +} +.row-fluid .offset4 { + margin-left: 36.170212765957444%; + *margin-left: 36.06382978723405%; +} +.row-fluid .offset4:first-child { + margin-left: 34.04255319148936%; + *margin-left: 33.93617021276596%; +} +.row-fluid .offset3 { + margin-left: 27.659574468085104%; + *margin-left: 27.5531914893617%; +} +.row-fluid .offset3:first-child { + margin-left: 25.53191489361702%; + *margin-left: 25.425531914893618%; +} +.row-fluid .offset2 { + margin-left: 19.148936170212764%; + *margin-left: 19.04255319148936%; +} +.row-fluid .offset2:first-child { + margin-left: 17.02127659574468%; + *margin-left: 16.914893617021278%; +} +.row-fluid .offset1 { + margin-left: 10.638297872340425%; + *margin-left: 10.53191489361702%; +} +.row-fluid .offset1:first-child { + margin-left: 8.51063829787234%; + *margin-left: 8.404255319148938%; +} +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; } .container { margin-right: auto; @@ -312,6 +517,7 @@ a:hover { .container:after { display: table; content: ""; + line-height: 0; } .container:after { clear: both; @@ -325,25 +531,75 @@ a:hover { .container-fluid:after { display: table; content: ""; + line-height: 0; } .container-fluid:after { clear: both; } p { - margin: 0 0 9px; - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; -} -p small { - font-size: 11px; - color: #999999; + margin: 0 0 10px; } .lead { - margin-bottom: 18px; - font-size: 20px; + margin-bottom: 20px; + font-size: 21px; font-weight: 200; - line-height: 27px; + line-height: 30px; +} +small { + font-size: 85%; +} +strong { + font-weight: bold; +} +em { + font-style: italic; +} +cite { + font-style: normal; +} +.muted { + color: #999999; +} +a.muted:hover, +a.muted:focus { + color: #808080; +} +.text-warning { + color: #c09853; +} +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; +} +.text-error { + color: #b55457; +} +a.text-error:hover, +a.text-error:focus { + color: #954143; +} +.text-info { + color: #3a87ad; +} +a.text-info:hover, +a.text-info:focus { + color: #2d6987; +} +.text-success { + color: #468847; +} +a.text-success:hover, +a.text-success:focus { + color: #356635; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; } h1, h2, @@ -351,9 +607,10 @@ h3, h4, h5, h6 { - margin: 0; + margin: 10px 0; font-family: inherit; font-weight: bold; + line-height: 20px; color: inherit; text-rendering: optimizelegibility; } @@ -364,60 +621,53 @@ h4 small, h5 small, h6 small { font-weight: normal; + line-height: 1; color: #999999; } -h1 { - font-size: 30px; - line-height: 36px; +h1, +h2, +h3 { + line-height: 40px; } -h1 small { - font-size: 18px; +h1 { + font-size: 38.5px; } h2 { - font-size: 24px; - line-height: 36px; -} -h2 small { - font-size: 18px; + font-size: 31.5px; } h3 { - font-size: 18px; - line-height: 27px; + font-size: 24.5px; } -h3 small { +h4 { + font-size: 17.5px; +} +h5 { font-size: 14px; } -h4, -h5, h6 { - line-height: 18px; + font-size: 11.9px; } -h4 { - font-size: 14px; +h1 small { + font-size: 24.5px; } -h4 small { - font-size: 12px; +h2 small { + font-size: 17.5px; } -h5 { - font-size: 12px; +h3 small { + font-size: 14px; } -h6 { - font-size: 11px; - color: #999999; - text-transform: uppercase; +h4 small { + font-size: 14px; } .page-header { - padding-bottom: 17px; - margin: 18px 0; + padding-bottom: 9px; + margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } -.page-header h1 { - line-height: 1; -} ul, ol { padding: 0; - margin: 0 0 9px 25px; + margin: 0 0 10px 25px; } ul ul, ul ol, @@ -425,37 +675,57 @@ ol ol, ol ul { margin-bottom: 0; } -ul { - list-style: disc; -} -ol { - list-style: decimal; -} li { - line-height: 18px; + line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } +ul.inline, +ol.inline { + margin-left: 0; + list-style: none; +} +ul.inline > li, +ol.inline > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + padding-left: 5px; + padding-right: 5px; +} dl { - margin-bottom: 18px; + margin-bottom: 20px; } dt, dd { - line-height: 18px; + line-height: 20px; } dt { font-weight: bold; - line-height: 17px; } dd { - margin-left: 9px; + margin-left: 10px; +} +.dl-horizontal { + *zoom: 1; +} +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: ""; + line-height: 0; +} +.dl-horizontal:after { + clear: both; } .dl-horizontal dt { float: left; - width: 120px; + width: 160px; clear: left; text-align: right; overflow: hidden; @@ -463,26 +733,18 @@ dd { white-space: nowrap; } .dl-horizontal dd { - margin-left: 130px; + margin-left: 180px; } hr { - margin: 18px 0; + margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } -strong { - font-weight: bold; -} -em { - font-style: italic; -} -.muted { - color: #999999; -} -abbr[title] { +abbr[title], +abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #ddd; + border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; @@ -490,18 +752,18 @@ abbr.initialism { } blockquote { padding: 0 0 0 15px; - margin: 0 0 18px; + margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; - font-size: 16px; + font-size: 17.5px; font-weight: 300; - line-height: 22.5px; + line-height: 1.25; } blockquote small { display: block; - line-height: 18px; + line-height: 20px; color: #999999; } blockquote small:before { @@ -518,6 +780,12 @@ blockquote.pull-right p, blockquote.pull-right small { text-align: right; } +blockquote.pull-right small:before { + content: ''; +} +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} q:before, q:after, blockquote:before, @@ -526,20 +794,14 @@ blockquote:after { } address { display: block; - margin-bottom: 18px; - font-style: normal; - line-height: 18px; -} -small { - font-size: 100%; -} -cite { + margin-bottom: 20px; font-style: normal; + line-height: 20px; } code, pre { padding: 0 3px 2px; - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; @@ -551,13 +813,14 @@ code { color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; + white-space: nowrap; } pre { display: block; - padding: 8.5px; - margin: 0 0 9px; - font-size: 12.025px; - line-height: 18px; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -570,11 +833,13 @@ pre { border-radius: 4px; } pre.prettyprint { - margin-bottom: 18px; + margin-bottom: 20px; } pre code { padding: 0; color: inherit; + white-space: pre; + white-space: pre-wrap; background-color: transparent; border: 0; } @@ -583,7 +848,7 @@ pre code { overflow-y: scroll; } form { - margin: 0 0 18px; + margin: 0 0 20px; } fieldset { padding: 0; @@ -594,15 +859,15 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 27px; - font-size: 19.5px; - line-height: 36px; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; color: #333333; border: 0; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #e5e5e5; } legend small { - font-size: 13.5px; + font-size: 15px; color: #999999; } label, @@ -610,9 +875,9 @@ input, button, select, textarea { - font-size: 13px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 20px; } input, button, @@ -623,116 +888,181 @@ textarea { label { display: block; margin-bottom: 5px; - color: #333333; } -input, -textarea, select, +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"], .uneditable-input { display: inline-block; - width: 210px; - height: 18px; - padding: 4px; - margin-bottom: 9px; - font-size: 13px; - line-height: 18px; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; color: #555555; - background-color: #ffffff; - border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; + vertical-align: middle; } -.uneditable-textarea { - width: auto; - height: auto; -} -label input, -label textarea, -label select { - display: block; +input, +textarea, +.uneditable-input { + width: 206px; } -input[type="image"], -input[type="checkbox"], -input[type="radio"] { - width: auto; +textarea { height: auto; - padding: 0; - margin: 3px 0; +} +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"], +.uneditable-input { + background-color: #ffffff; + border: 1px solid #cccccc; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear .2s, box-shadow linear .2s; + -moz-transition: border linear .2s, box-shadow linear .2s; + -o-transition: border linear .2s, box-shadow linear .2s; + transition: border linear .2s, box-shadow linear .2s; +} +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; *margin-top: 0; /* IE7 */ - line-height: normal; - cursor: pointer; - background-color: transparent; - border: 0 \9; - /* IE9 and down */ + margin-top: 1px \9; + /* IE8-9 */ - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -input[type="image"] { - border: 0; -} -input[type="file"] { - width: auto; - padding: initial; - line-height: initial; - background-color: #ffffff; - background-color: initial; - border: initial; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + line-height: normal; } -input[type="button"], +input[type="file"], +input[type="image"], +input[type="submit"], input[type="reset"], -input[type="submit"] { +input[type="button"], +input[type="radio"], +input[type="checkbox"] { width: auto; - height: auto; } select, input[type="file"] { - height: 28px; + height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ - line-height: 28px; -} -input[type="file"] { - line-height: 18px \9; + line-height: 30px; } select { width: 220px; + border: 1px solid #cccccc; background-color: #ffffff; } select[multiple], select[size] { height: auto; } -input[type="image"] { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } -textarea { +.uneditable-input, +.uneditable-textarea { + color: #999999; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + cursor: not-allowed; +} +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} +.uneditable-textarea { + width: auto; height: auto; } -input[type="hidden"] { - display: none; +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; } .radio, .checkbox { - min-height: 18px; - padding-left: 18px; + min-height: 20px; + padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; - margin-left: -18px; + margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { @@ -749,39 +1079,6 @@ input[type="hidden"] { .checkbox.inline + .checkbox.inline { margin-left: 10px; } -input, -textarea { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -input:focus, -textarea:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus, -select:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} .input-mini { width: 60px; } @@ -811,46 +1108,105 @@ textarea[class*="span"], float: none; margin-left: 0; } +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"], +.row-fluid .input-prepend [class*="span"], +.row-fluid .input-append [class*="span"] { + display: inline-block; +} input, textarea, .uneditable-input { margin-left: 0; } -input.span12, textarea.span12, .uneditable-input.span12 { - width: 930px; -} -input.span11, textarea.span11, .uneditable-input.span11 { - width: 850px; -} -input.span10, textarea.span10, .uneditable-input.span10 { - width: 770px; -} -input.span9, textarea.span9, .uneditable-input.span9 { - width: 690px; -} -input.span8, textarea.span8, .uneditable-input.span8 { - width: 610px; -} -input.span7, textarea.span7, .uneditable-input.span7 { - width: 530px; -} -input.span6, textarea.span6, .uneditable-input.span6 { - width: 450px; +.controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; } -input.span5, textarea.span5, .uneditable-input.span5 { - width: 370px; +input.span12, +textarea.span12, +.uneditable-input.span12 { + width: 926px; +} +input.span11, +textarea.span11, +.uneditable-input.span11 { + width: 846px; +} +input.span10, +textarea.span10, +.uneditable-input.span10 { + width: 766px; +} +input.span9, +textarea.span9, +.uneditable-input.span9 { + width: 686px; +} +input.span8, +textarea.span8, +.uneditable-input.span8 { + width: 606px; +} +input.span7, +textarea.span7, +.uneditable-input.span7 { + width: 526px; +} +input.span6, +textarea.span6, +.uneditable-input.span6 { + width: 446px; +} +input.span5, +textarea.span5, +.uneditable-input.span5 { + width: 366px; +} +input.span4, +textarea.span4, +.uneditable-input.span4 { + width: 286px; +} +input.span3, +textarea.span3, +.uneditable-input.span3 { + width: 206px; +} +input.span2, +textarea.span2, +.uneditable-input.span2 { + width: 126px; +} +input.span1, +textarea.span1, +.uneditable-input.span1 { + width: 46px; +} +.controls-row { + *zoom: 1; } -input.span4, textarea.span4, .uneditable-input.span4 { - width: 290px; +.controls-row:before, +.controls-row:after { + display: table; + content: ""; + line-height: 0; } -input.span3, textarea.span3, .uneditable-input.span3 { - width: 210px; +.controls-row:after { + clear: both; } -input.span2, textarea.span2, .uneditable-input.span2 { - width: 130px; +.controls-row [class*="span"], +.row-fluid .controls-row [class*="span"] { + float: left; } -input.span1, textarea.span1, .uneditable-input.span1 { - width: 50px; +.controls-row .checkbox[class*="span"], +.controls-row .radio[class*="span"] { + padding-top: 5px; } input[disabled], select[disabled], @@ -860,7 +1216,6 @@ select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; - border-color: #ddd; } input[type="radio"][disabled], input[type="checkbox"][disabled], @@ -868,24 +1223,33 @@ input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } -.control-group.warning > label, +.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } +.control-group.warning .checkbox, +.control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; +} +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; - -webkit-box-shadow: 0 0 6px #dbc59e; - -moz-box-shadow: 0 0 6px #dbc59e; - box-shadow: 0 0 6px #dbc59e; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { @@ -893,24 +1257,33 @@ input[type="checkbox"][readonly] { background-color: #fcf8e3; border-color: #c09853; } -.control-group.error > label, +.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b55457; } +.control-group.error .checkbox, +.control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b55457; +} +.control-group.error input, +.control-group.error select, +.control-group.error textarea { border-color: #b55457; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #954143; - -webkit-box-shadow: 0 0 6px #d49b9d; - -moz-box-shadow: 0 0 6px #d49b9d; - box-shadow: 0 0 6px #d49b9d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { @@ -918,24 +1291,33 @@ input[type="checkbox"][readonly] { background-color: #f8f0f0; border-color: #b55457; } -.control-group.success > label, +.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } +.control-group.success .checkbox, +.control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; +} +.control-group.success input, +.control-group.success select, +.control-group.success textarea { border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; - -webkit-box-shadow: 0 0 6px #7aba7b; - -moz-box-shadow: 0 0 6px #7aba7b; - box-shadow: 0 0 6px #7aba7b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { @@ -943,59 +1325,78 @@ input[type="checkbox"][readonly] { background-color: #dff0d8; border-color: #468847; } -input:focus:required:invalid, -textarea:focus:required:invalid, -select:focus:required:invalid { +.control-group.info .control-label, +.control-group.info .help-block, +.control-group.info .help-inline { + color: #3a87ad; +} +.control-group.info .checkbox, +.control-group.info .radio, +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + color: #3a87ad; +} +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + border-color: #3a87ad; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.control-group.info input:focus, +.control-group.info select:focus, +.control-group.info textarea:focus { + border-color: #2d6987; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; +} +.control-group.info .input-prepend .add-on, +.control-group.info .input-append .add-on { + color: #3a87ad; + background-color: #d9edf7; + border-color: #3a87ad; +} +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } -input:focus:required:invalid:focus, -textarea:focus:required:invalid:focus, -select:focus:required:invalid:focus { +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { - padding: 17px 20px 18px; - margin-top: 18px; - margin-bottom: 18px; + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; background-color: #f5f5f5; - border-top: 1px solid #ddd; + border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; + line-height: 0; } .form-actions:after { clear: both; } -.uneditable-input { - overflow: hidden; - white-space: nowrap; - cursor: not-allowed; - background-color: #ffffff; - border-color: #eee; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -} -:-moz-placeholder { - color: #999999; -} -::-webkit-input-placeholder { - color: #999999; -} .help-block, .help-inline { - color: #555555; + color: #6a6a6a; } .help-block { display: block; - margin-bottom: 9px; + margin-bottom: 10px; } .help-inline { display: inline-block; @@ -1006,62 +1407,76 @@ select:focus:required:invalid:focus { vertical-align: middle; padding-left: 5px; } -.input-prepend, -.input-append { - margin-bottom: 5px; +.input-append, +.input-prepend { + display: inline-block; + margin-bottom: 10px; + vertical-align: middle; + font-size: 0; + white-space: nowrap; } -.input-prepend input, .input-append input, -.input-prepend select, +.input-prepend input, .input-append select, +.input-prepend select, +.input-append .uneditable-input, .input-prepend .uneditable-input, -.input-append .uneditable-input { +.input-append .dropdown-menu, +.input-prepend .dropdown-menu, +.input-append .popover, +.input-prepend .popover { + font-size: 14px; +} +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; - vertical-align: middle; + vertical-align: top; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } -.input-prepend input:focus, .input-append input:focus, -.input-prepend select:focus, +.input-prepend input:focus, .input-append select:focus, -.input-prepend .uneditable-input:focus, -.input-append .uneditable-input:focus { +.input-prepend select:focus, +.input-append .uneditable-input:focus, +.input-prepend .uneditable-input:focus { z-index: 2; } -.input-prepend .uneditable-input, -.input-append .uneditable-input { - border-left-color: #ccc; -} -.input-prepend .add-on, -.input-append .add-on { +.input-append .add-on, +.input-prepend .add-on { display: inline-block; width: auto; - height: 18px; + height: 20px; min-width: 16px; padding: 4px 5px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; - vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; } -.input-prepend .add-on, .input-append .add-on, +.input-prepend .add-on, +.input-append .btn, .input-prepend .btn, -.input-append .btn { - margin-left: -1px; +.input-append .btn-group > .dropdown-toggle, +.input-prepend .btn-group > .dropdown-toggle { + vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.input-prepend .active, -.input-append .active { +.input-append .active, +.input-prepend .active { background-color: #a9dba9; border-color: #46a546; } @@ -1082,12 +1497,21 @@ select:focus:required:invalid:focus { -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } -.input-append .uneditable-input { - border-right-color: #ccc; - border-left-color: #eee; +.input-append input + .btn-group .btn:last-child, +.input-append select + .btn-group .btn:last-child, +.input-append .uneditable-input + .btn-group .btn:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.input-append .add-on, +.input-append .btn, +.input-append .btn-group { + margin-left: -1px; } .input-append .add-on:last-child, -.input-append .btn:last-child { +.input-append .btn:last-child, +.input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; @@ -1099,6 +1523,13 @@ select:focus:required:invalid:focus { -moz-border-radius: 0; border-radius: 0; } +.input-prepend.input-append input + .btn-group .btn, +.input-prepend.input-append select + .btn-group .btn, +.input-prepend.input-append .uneditable-input + .btn-group .btn { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; @@ -1113,7 +1544,10 @@ select:focus:required:invalid:focus { -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } -.search-query { +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; +} +input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; @@ -1121,9 +1555,36 @@ select:focus:required:invalid:focus { /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} +/* Allow for input prepend/append in search forms */ +.form-search .input-append .search-query, +.form-search .input-prepend .search-query { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.form-search .input-append .search-query { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} +.form-search .input-append .btn { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .search-query { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .btn { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, @@ -1152,6 +1613,7 @@ select:focus:required:invalid:focus { *zoom: 1; margin-bottom: 0; + vertical-align: middle; } .form-search .hide, .form-inline .hide, @@ -1159,7 +1621,9 @@ select:focus:required:invalid:focus { display: none; } .form-search label, -.form-inline label { +.form-inline label, +.form-search .btn-group, +.form-inline .btn-group { display: inline-block; } .form-search .input-append, @@ -1185,45 +1649,53 @@ select:focus:required:invalid:focus { margin-left: 0; } .control-group { - margin-bottom: 9px; + margin-bottom: 10px; } legend + .control-group { - margin-top: 18px; + margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { - margin-bottom: 18px; + margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; + line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; - width: 140px; + width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; - margin-left: 160px; + margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { - *padding-left: 160px; + *padding-left: 180px; } .form-horizontal .help-block { - margin-top: 9px; margin-bottom: 0; } +.form-horizontal input + .help-block, +.form-horizontal select + .help-block, +.form-horizontal textarea + .help-block, +.form-horizontal .uneditable-input + .help-block, +.form-horizontal .input-prepend + .help-block, +.form-horizontal .input-append + .help-block { + margin-top: 10px; +} .form-horizontal .form-actions { - padding-left: 160px; + padding-left: 180px; } table { max-width: 100%; @@ -1233,12 +1705,12 @@ table { } .table { width: 100%; - margin-bottom: 18px; + margin-bottom: 20px; } .table th, .table td { padding: 8px; - line-height: 18px; + line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; @@ -1260,6 +1732,9 @@ table { .table tbody + tbody { border-top: 2px solid #dddddd; } +.table .table { + background-color: #eeeeee; +} .table-condensed th, .table-condensed td { padding: 4px 5px; @@ -1267,7 +1742,7 @@ table { .table-bordered { border: 1px solid #dddddd; border-collapse: separate; - *border-collapse: collapsed; + *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -1288,160 +1763,175 @@ table { .table-bordered tbody:first-child tr:first-child td { border-top: 0; } -.table-bordered thead:first-child tr:first-child th:first-child, -.table-bordered tbody:first-child tr:first-child td:first-child { +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child, +.table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; } -.table-bordered thead:first-child tr:first-child th:last-child, -.table-bordered tbody:first-child tr:first-child td:last-child { +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; } -.table-bordered thead:last-child tr:last-child th:first-child, -.table-bordered tbody:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 4px; - -moz-border-radius: 0 0 0 4px; - border-radius: 0 0 0 4px; +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } -.table-bordered thead:last-child tr:last-child th:last-child, -.table-bordered tbody:last-child tr:last-child td:last-child { +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } -.table-striped tbody tr:nth-child(odd) td, -.table-striped tbody tr:nth-child(odd) th { +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; +} +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; +} +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; +} +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; +} +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } -.table tbody tr:hover td, -.table tbody tr:hover th { +.table-hover tbody tr:hover > td, +.table-hover tbody tr:hover > th { background-color: #f5f5f5; } -table .span1 { +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} +.table td.span1, +.table th.span1 { float: none; width: 44px; margin-left: 0; } -table .span2 { +.table td.span2, +.table th.span2 { float: none; width: 124px; margin-left: 0; } -table .span3 { +.table td.span3, +.table th.span3 { float: none; width: 204px; margin-left: 0; } -table .span4 { +.table td.span4, +.table th.span4 { float: none; width: 284px; margin-left: 0; } -table .span5 { +.table td.span5, +.table th.span5 { float: none; width: 364px; margin-left: 0; } -table .span6 { +.table td.span6, +.table th.span6 { float: none; width: 444px; margin-left: 0; } -table .span7 { +.table td.span7, +.table th.span7 { float: none; width: 524px; margin-left: 0; } -table .span8 { +.table td.span8, +.table th.span8 { float: none; width: 604px; margin-left: 0; } -table .span9 { +.table td.span9, +.table th.span9 { float: none; width: 684px; margin-left: 0; } -table .span10 { +.table td.span10, +.table th.span10 { float: none; width: 764px; margin-left: 0; } -table .span11 { +.table td.span11, +.table th.span11 { float: none; width: 844px; margin-left: 0; } -table .span12 { +.table td.span12, +.table th.span12 { float: none; width: 924px; margin-left: 0; } -table .span13 { - float: none; - width: 1004px; - margin-left: 0; -} -table .span14 { - float: none; - width: 1084px; - margin-left: 0; -} -table .span15 { - float: none; - width: 1164px; - margin-left: 0; -} -table .span16 { - float: none; - width: 1244px; - margin-left: 0; -} -table .span17 { - float: none; - width: 1324px; - margin-left: 0; +.table tbody tr.success > td { + background-color: #dff0d8; } -table .span18 { - float: none; - width: 1404px; - margin-left: 0; +.table tbody tr.error > td { + background-color: #f8f0f0; } -table .span19 { - float: none; - width: 1484px; - margin-left: 0; +.table tbody tr.warning > td { + background-color: #fcf8e3; } -table .span20 { - float: none; - width: 1564px; - margin-left: 0; +.table tbody tr.info > td { + background-color: #d9edf7; } -table .span21 { - float: none; - width: 1644px; - margin-left: 0; +.table-hover tbody tr.success:hover > td { + background-color: #d0e9c6; } -table .span22 { - float: none; - width: 1724px; - margin-left: 0; +.table-hover tbody tr.error:hover > td { + background-color: #f0dfe0; } -table .span23 { - float: none; - width: 1804px; - margin-left: 0; +.table-hover tbody tr.warning:hover > td { + background-color: #faf2cc; } -table .span24 { - float: none; - width: 1884px; - margin-left: 0; +.table-hover tbody tr.info:hover > td { + background-color: #c4e3f3; } .dropup, .dropdown { @@ -1463,18 +1953,11 @@ table .span24 { border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; - opacity: 0.3; - filter: alpha(opacity=30); } .dropdown .caret { margin-top: 8px; margin-left: 2px; } -.dropdown:hover .caret, -.open .caret { - opacity: 1; - filter: alpha(opacity=100); -} .dropdown-menu { position: absolute; top: 100%; @@ -1483,17 +1966,17 @@ table .span24 { display: none; float: left; min-width: 160px; - padding: 4px 0; - margin: 1px 0 0; + padding: 5px 0; + margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; -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); @@ -1508,35 +1991,71 @@ table .span24 { .dropdown-menu .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } -.dropdown-menu a { +.dropdown-menu > li > a { display: block; - padding: 3px 15px; + padding: 3px 20px; clear: both; font-weight: normal; - line-height: 18px; + line-height: 20px; color: #333333; white-space: nowrap; } -.dropdown-menu li > a:hover, -.dropdown-menu .active > a, -.dropdown-menu .active > a:hover { +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + text-decoration: none; + color: #ffffff; + background-color: #2d9342; + background-image: -moz-linear-gradient(top, #2f9b45, #29873c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f9b45), to(#29873c)); + background-image: -webkit-linear-gradient(top, #2f9b45, #29873c); + background-image: -o-linear-gradient(top, #2f9b45, #29873c); + background-image: linear-gradient(to bottom, #2f9b45, #29873c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f9b45', endColorstr='#ff29873c', GradientType=0); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; - background-color: #045b04; + outline: 0; + background-color: #2d9342; + background-image: -moz-linear-gradient(top, #2f9b45, #29873c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f9b45), to(#29873c)); + background-image: -webkit-linear-gradient(top, #2f9b45, #29873c); + background-image: -o-linear-gradient(top, #2f9b45, #29873c); + background-image: linear-gradient(to bottom, #2f9b45, #29873c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f9b45', endColorstr='#ff29873c', GradientType=0); +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; } .open { *z-index: 1000; } -.open .dropdown-menu { +.open > .dropdown-menu { display: block; } -.pull-right .dropdown-menu { +.pull-right > .dropdown-menu { right: 0; left: auto; } @@ -1544,7 +2063,7 @@ table .span24 { .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; - content: "\2191"; + content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { @@ -1552,7 +2071,62 @@ table .span24 { bottom: 100%; margin-bottom: 1px; } +.dropdown-submenu { + position: relative; +} +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; +} +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + -webkit-border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; +} +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; +} +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} +.dropdown-submenu.pull-left { + float: none; +} +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} .typeahead { + z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -1563,8 +2137,7 @@ table .span24 { padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; - border: 1px solid #eee; - border: 1px solid rgba(0, 0, 0, 0.05); + border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -1590,16 +2163,13 @@ table .span24 { } .fade { opacity: 0; - filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; - -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; - filter: alpha(opacity=100); } .collapse { position: relative; @@ -1607,7 +2177,6 @@ table .span24 { overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; - -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } @@ -1618,13 +2187,14 @@ table .span24 { float: right; font-size: 20px; font-weight: bold; - line-height: 18px; + line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } -.close:hover { +.close:hover, +.close:focus { color: #000000; text-decoration: none; cursor: pointer; @@ -1644,25 +2214,23 @@ button.close { /* IE7 inline-block hack */ *zoom: 1; - padding: 4px 10px 4px; + padding: 4px 12px; margin-bottom: 0; - font-size: 13px; - line-height: 18px; - *line-height: 20px; - color: #333333; + 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; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); - background-image: -ms-linear-gradient(top, #ffffff, #eaeaea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); background-image: -o-linear-gradient(top, #ffffff, #eaeaea); - background-image: linear-gradient(top, #ffffff, #eaeaea); + background-image: linear-gradient(to bottom, #ffffff, #eaeaea); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeaeaea', GradientType=0); border-color: #eaeaea #eaeaea #c4c4c4; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #eaeaea; @@ -1681,10 +2249,12 @@ button.close { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, +.btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { + color: #333333; background-color: #eaeaea; *background-color: #dddddd; } @@ -1695,17 +2265,13 @@ button.close { .btn:first-child { *margin-left: 0; } -.btn:hover { +.btn:hover, +.btn:focus { color: #333333; text-decoration: none; - background-color: #e6e6e6; - *background-color: #d9d9d9; - /* Buttons in IE7 don't get borders, so darken on hover */ - background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; - -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } @@ -1716,8 +2282,6 @@ button.close { } .btn.active, .btn:active { - background-color: #e6e6e6; - background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); @@ -1727,7 +2291,6 @@ button.close { .btn.disabled, .btn[disabled] { cursor: default; - background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); @@ -1736,43 +2299,54 @@ button.close { box-shadow: none; } .btn-large { - padding: 9px 14px; - font-size: 15px; - line-height: normal; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + padding: 11px 19px; + font-size: 17.5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -.btn-large [class^="icon-"] { - margin-top: 1px; +.btn-large [class^="icon-"], +.btn-large [class*=" icon-"] { + margin-top: 4px; } .btn-small { - padding: 5px 9px; - font-size: 11px; - line-height: 16px; + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.btn-small [class^="icon-"] { +.btn-small [class^="icon-"], +.btn-small [class*=" icon-"] { + margin-top: 0; +} +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { - padding: 2px 6px; - font-size: 11px; - line-height: 14px; + padding: 0 6px; + font-size: 10.5px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.btn-primary, -.btn-primary:hover, -.btn-warning, -.btn-warning:hover, -.btn-danger, -.btn-danger:hover, -.btn-success, -.btn-success:hover, -.btn-info, -.btn-info:hover, -.btn-inverse, -.btn-inverse:hover { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } .btn-primary.active, .btn-warning.active, @@ -1782,49 +2356,49 @@ button.close { .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } -.btn { - border-color: #ccc; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} .btn-primary { - background-color: #099f33; - background-image: -moz-linear-gradient(top, #0acf0a, #085871); - background-image: -ms-linear-gradient(top, #0acf0a, #085871); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0acf0a), to(#085871)); - background-image: -webkit-linear-gradient(top, #0acf0a, #085871); - background-image: -o-linear-gradient(top, #0acf0a, #085871); - background-image: linear-gradient(top, #0acf0a, #085871); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #36b24f; + background-image: -moz-linear-gradient(top, #3bc256, #2f9b45); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3bc256), to(#2f9b45)); + background-image: -webkit-linear-gradient(top, #3bc256, #2f9b45); + background-image: -o-linear-gradient(top, #3bc256, #2f9b45); + background-image: linear-gradient(to bottom, #3bc256, #2f9b45); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0acf0a', endColorstr='#085871', GradientType=0); - border-color: #085871 #085871 #03202a; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3bc256', endColorstr='#ff2f9b45', GradientType=0); + border-color: #2f9b45 #2f9b45 #1d602b; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #085871; + *background-color: #2f9b45; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, +.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { - background-color: #085871; - *background-color: #064559; + color: #ffffff; + background-color: #2f9b45; + *background-color: #29873c; } .btn-primary:active, .btn-primary.active { - background-color: #053341 \9; + background-color: #237434 \9; } .btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', 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); *background-color: #f89406; @@ -1833,10 +2407,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, +.btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { + color: #ffffff; background-color: #f89406; *background-color: #df8505; } @@ -1845,15 +2421,16 @@ button.close { background-color: #c67605 \9; } .btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; @@ -1862,10 +2439,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, +.btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { + color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } @@ -1874,15 +2453,16 @@ button.close { background-color: #942a25 \9; } .btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; @@ -1891,10 +2471,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, +.btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { + color: #ffffff; background-color: #51a351; *background-color: #499249; } @@ -1903,15 +2485,16 @@ button.close { background-color: #408140 \9; } .btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; 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-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', 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); *background-color: #2f96b4; @@ -1920,10 +2503,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, +.btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { + color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } @@ -1932,15 +2517,16 @@ button.close { background-color: #24748c \9; } .btn-inverse { - background-color: #414141; - background-image: -moz-linear-gradient(top, #555555, #222222); - background-image: -ms-linear-gradient(top, #555555, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); - background-image: -webkit-linear-gradient(top, #555555, #222222); - background-image: -o-linear-gradient(top, #555555, #222222); - background-image: linear-gradient(top, #555555, #222222); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + background-image: -moz-linear-gradient(top, #444444, #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-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); 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); *background-color: #222222; @@ -1949,10 +2535,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, +.btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { + color: #ffffff; background-color: #222222; *background-color: #151515; } @@ -1962,8 +2550,8 @@ button.close { } button.btn, input[type="submit"].btn { - *padding-top: 2px; - *padding-bottom: 2px; + *padding-top: 3px; + *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { @@ -1985,19 +2573,46 @@ input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-link { + border-color: transparent; + cursor: pointer; + color: #2f9b45; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-link:hover, +.btn-link:focus { + color: #1d602b; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { + color: #333333; + text-decoration: none; +} .btn-group { position: relative; + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + font-size: 0; + vertical-align: middle; + white-space: nowrap; *margin-left: .3em; } -.btn-group:before, -.btn-group:after { - display: table; - content: ""; -} -.btn-group:after { - clear: both; -} .btn-group:first-child { *margin-left: 0; } @@ -2005,24 +2620,38 @@ input[type="submit"].btn.btn-mini { margin-left: 5px; } .btn-toolbar { - margin-top: 9px; - margin-bottom: 9px; + font-size: 0; + margin-top: 10px; + margin-bottom: 10px; } -.btn-toolbar .btn-group { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group { + margin-left: 5px; } .btn-group > .btn { position: relative; - float: left; - margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } +.btn-group > .btn + .btn { + margin-left: -1px; +} +.btn-group > .btn, +.btn-group > .dropdown-menu, +.btn-group > .popover { + font-size: 14px; +} +.btn-group > .btn-mini { + font-size: 10.5px; +} +.btn-group > .btn-small { + font-size: 11.9px; +} +.btn-group > .btn-large { + font-size: 17.5px; +} .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; @@ -2069,26 +2698,30 @@ input[type="submit"].btn.btn-mini { .btn-group.open .dropdown-toggle { outline: 0; } -.btn-group > .dropdown-toggle { +.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); - *padding-top: 4px; - *padding-bottom: 4px; + *padding-top: 5px; + *padding-bottom: 5px; } -.btn-group > .btn-mini.dropdown-toggle { +.btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; + *padding-top: 2px; + *padding-bottom: 2px; } -.btn-group > .btn-small.dropdown-toggle { - *padding-top: 4px; +.btn-group > .btn-small + .dropdown-toggle { + *padding-top: 5px; *padding-bottom: 4px; } -.btn-group > .btn-large.dropdown-toggle { +.btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; + *padding-top: 7px; + *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; @@ -2100,7 +2733,7 @@ input[type="submit"].btn.btn-mini { background-color: #eaeaea; } .btn-group.open .btn-primary.dropdown-toggle { - background-color: #085871; + background-color: #2f9b45; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; @@ -2118,29 +2751,23 @@ input[type="submit"].btn.btn-mini { background-color: #222222; } .btn .caret { - margin-top: 7px; + margin-top: 8px; margin-left: 0; } -.btn:hover .caret, -.open.btn-group .caret { - opacity: 1; - filter: alpha(opacity=100); -} -.btn-mini .caret { - margin-top: 5px; -} -.btn-small .caret { +.btn-large .caret { margin-top: 6px; } .btn-large .caret { - margin-top: 6px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } +.btn-mini .caret, +.btn-small .caret { + margin-top: 8px; +} .dropup .btn-large .caret { - border-bottom: 5px solid #000000; - border-top: 0; + border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, @@ -2150,45 +2777,95 @@ input[type="submit"].btn.btn-mini { .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +} +.btn-group-vertical { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-group-vertical > .btn + .btn { + margin-left: 0; + margin-top: -1px; +} +.btn-group-vertical > .btn:first-child { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.btn-group-vertical > .btn:last-child { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.btn-group-vertical > .btn-large:first-child { + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} +.btn-group-vertical > .btn-large:last-child { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; - margin-bottom: 18px; + margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; +} +.alert, +.alert h4 { color: #c09853; } -.alert-heading { - color: inherit; +.alert h4 { + margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; - line-height: 18px; + line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } +.alert-success h4 { + color: #468847; +} .alert-danger, .alert-error { background-color: #f8f0f0; border-color: #c6898b; color: #b55457; } +.alert-danger h4, +.alert-error h4 { + color: #b55457; +} .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } +.alert-info h4 { + color: #3a87ad; +} .alert-block { padding-top: 14px; padding-bottom: 14px; @@ -2202,25 +2879,29 @@ input[type="submit"].btn.btn-mini { } .nav { margin-left: 0; - margin-bottom: 18px; + margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } -.nav > li > a:hover { +.nav > li > a:hover, +.nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } +.nav > li > a > img { + max-width: none; +} .nav > .pull-right { float: right; } -.nav .nav-header { +.nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; - line-height: 18px; + line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -2243,18 +2924,20 @@ input[type="submit"].btn.btn-mini { padding: 3px 15px; } .nav-list > .active > a, -.nav-list > .active > a:hover { +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); - background-color: #045b04; + background-color: #2f9b45; } -.nav-list [class^="icon-"] { +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; @@ -2270,6 +2953,7 @@ input[type="submit"].btn.btn-mini { .nav-pills:after { display: table; content: ""; + line-height: 0; } .nav-tabs:after, .nav-pills:after { @@ -2295,19 +2979,21 @@ input[type="submit"].btn.btn-mini { .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; - line-height: 18px; + line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } -.nav-tabs > li > a:hover { +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, -.nav-tabs > .active > a:hover { +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { color: #555555; - background-color: #ffffff; + background-color: #eeeeee; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; @@ -2322,9 +3008,10 @@ input[type="submit"].btn.btn-mini { border-radius: 5px; } .nav-pills > .active > a, -.nav-pills > .active > a:hover { +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { color: #ffffff; - background-color: #045b04; + background-color: #2f9b45; } .nav-stacked > li { float: none; @@ -2342,16 +3029,23 @@ input[type="submit"].btn.btn-mini { border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -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-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + -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 { +.nav-tabs.nav-stacked > li > a:hover, +.nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } @@ -2362,51 +3056,60 @@ input[type="submit"].btn.btn-mini { margin-bottom: 1px; } .nav-tabs .dropdown-menu { - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -.nav-tabs .dropdown-toggle .caret, -.nav-pills .dropdown-toggle .caret { - border-top-color: #045b04; - border-bottom-color: #045b04; +.nav .dropdown-toggle .caret { + border-top-color: #2f9b45; + border-bottom-color: #2f9b45; margin-top: 6px; } -.nav-tabs .dropdown-toggle:hover .caret, -.nav-pills .dropdown-toggle:hover .caret { - border-top-color: #011201; - border-bottom-color: #011201; +.nav .dropdown-toggle:hover .caret, +.nav .dropdown-toggle:focus .caret { + border-top-color: #1d602b; + border-bottom-color: #1d602b; } -.nav-tabs .active .dropdown-toggle .caret, -.nav-pills .active .dropdown-toggle .caret { - border-top-color: #333333; - border-bottom-color: #333333; +/* move down carets for tabs */ +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; } -.nav > .dropdown.active > a:hover { - color: #000000; +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} +.nav > .dropdown.active > a:hover, +.nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open a:hover .caret, +.nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } -.tabs-stacked .open > a:hover { +.tabs-stacked .open > a:hover, +.tabs-stacked .open > a:focus { border-color: #999999; } .tabbable { @@ -2416,6 +3119,7 @@ input[type="submit"].btn.btn-mini { .tabbable:after { display: table; content: ""; + line-height: 0; } .tabbable:after { clear: both; @@ -2448,12 +3152,14 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } -.tabs-below > .nav-tabs > li > a:hover { +.tabs-below > .nav-tabs > li > a:hover, +.tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, -.tabs-below > .nav-tabs > .active > a:hover { +.tabs-below > .nav-tabs > .active > a:hover, +.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, @@ -2477,11 +3183,13 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } -.tabs-left > .nav-tabs > li > a:hover { +.tabs-left > .nav-tabs > li > a:hover, +.tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, -.tabs-left > .nav-tabs .active > a:hover { +.tabs-left > .nav-tabs .active > a:hover, +.tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } @@ -2496,78 +3204,110 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } -.tabs-right > .nav-tabs > li > a:hover { +.tabs-right > .nav-tabs > li > a:hover, +.tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, -.tabs-right > .nav-tabs .active > a:hover { +.tabs-right > .nav-tabs .active > a:hover, +.tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } +.nav > .disabled > a { + color: #999999; +} +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + cursor: default; +} .navbar { + overflow: visible; + margin-bottom: 20px; *position: relative; *z-index: 2; - overflow: visible; - margin-bottom: 18px; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; - background-color: #2c2c2c; - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); + border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + *zoom: 1; +} +.navbar-inner:before, +.navbar-inner:after { + display: table; + content: ""; + line-height: 0; +} +.navbar-inner:after { + clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; -} -.navbar { - color: #999999; -} -.navbar .brand:hover { - text-decoration: none; + overflow: visible; } .navbar .brand { float: left; display: block; - padding: 8px 20px 12px; + padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; - line-height: 1; - color: #999999; + color: #777777; + text-shadow: 0 1px 0 #ffffff; +} +.navbar .brand:hover, +.navbar .brand:focus { + text-decoration: none; } -.navbar .navbar-text { +.navbar-text { margin-bottom: 0; line-height: 40px; + color: #777777; } -.navbar .navbar-link { - color: #999999; +.navbar-link { + color: #777777; } -.navbar .navbar-link:hover { - color: #ffffff; +.navbar-link:hover, +.navbar-link:focus { + color: #333333; +} +.navbar .divider-vertical { + height: 40px; + margin: 0 9px; + border-left: 1px solid #f2f2f2; + border-right: 1px solid #ffffff; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } -.navbar .btn-group .btn { - margin: 0; +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn, +.navbar .input-prepend .btn-group, +.navbar .input-append .btn-group { + margin-top: 0; } .navbar-form { margin-bottom: 0; @@ -2577,6 +3317,7 @@ input[type="submit"].btn.btn-mini { .navbar-form:after { display: table; content: ""; + line-height: 0; } .navbar-form:after { clear: both; @@ -2588,7 +3329,8 @@ input[type="submit"].btn.btn-mini { margin-top: 5px; } .navbar-form input, -.navbar-form select { +.navbar-form select, +.navbar-form .btn { display: inline-block; margin-bottom: 0; } @@ -2599,7 +3341,7 @@ input[type="submit"].btn.btn-mini { } .navbar-form .input-append, .navbar-form .input-prepend { - margin-top: 6px; + margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, @@ -2609,44 +3351,28 @@ input[type="submit"].btn.btn-mini { .navbar-search { position: relative; float: left; - margin-top: 6px; + margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { - padding: 4px 9px; + margin-bottom: 0; + padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; - color: #ffffff; - background-color: #626262; - border: 1px solid #151515; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; -} -.navbar-search .search-query:-moz-placeholder { - color: #cccccc; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } -.navbar-search .search-query::-webkit-input-placeholder { - color: #cccccc; +.navbar-static-top { + position: static; + margin-bottom: 0; } -.navbar-search .search-query:focus, -.navbar-search .search-query.focused { - padding: 5px 10px; - color: #333333; - text-shadow: 0 1px 0 #ffffff; - background-color: #ffffff; - border: 0; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - outline: 0; +.navbar-static-top .navbar-inner { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { @@ -2657,6 +3383,13 @@ input[type="submit"].btn.btn-mini { margin-bottom: 0; } .navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + border-width: 0 0 1px; +} +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; +} +.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; @@ -2664,6 +3397,7 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0; border-radius: 0; } +.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; @@ -2671,9 +3405,20 @@ input[type="submit"].btn.btn-mini { .navbar-fixed-top { top: 0; } +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); + box-shadow: 0 1px 10px rgba(0,0,0,.1); +} .navbar-fixed-bottom { bottom: 0; } +.navbar-fixed-bottom .navbar-inner { + -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + box-shadow: 0 -1px 10px rgba(0,0,0,.1); +} .navbar .nav { position: relative; left: 0; @@ -2683,51 +3428,36 @@ input[type="submit"].btn.btn-mini { } .navbar .nav.pull-right { float: right; + margin-right: 0; } .navbar .nav > li { - display: block; float: left; } .navbar .nav > li > a { float: none; - padding: 9px 10px 11px; - line-height: 19px; - color: #999999; + padding: 10px 15px 10px; + color: #777777; text-decoration: none; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} -.navbar .btn { - display: inline-block; - padding: 4px 10px 4px; - margin: 5px 5px 6px; - line-height: 18px; + text-shadow: 0 1px 0 #ffffff; } -.navbar .btn-group { - margin: 0; - padding: 5px 5px 6px; +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; } +.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; - color: #ffffff; + color: #333333; text-decoration: none; } -.navbar .nav .active > a, -.navbar .nav .active > a:hover { - color: #ffffff; +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; text-decoration: none; - background-color: #222222; -} -.navbar .divider-vertical { - height: 40px; - width: 1px; - margin: 0 9px; - overflow: hidden; - background-color: #222222; - border-right: 1px solid #333333; -} -.navbar .nav.pull-right { - margin-left: 10px; - margin-right: 0; + background-color: #e5e5e5; + -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; @@ -2735,18 +3465,19 @@ input[type="submit"].btn.btn-mini { padding: 7px 10px; margin-left: 5px; margin-right: 5px; - background-color: #2c2c2c; - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ededed; + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); - border-color: #222222 #222222 #000000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); + border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #222222; + *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2755,16 +3486,18 @@ input[type="submit"].btn.btn-mini { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, +.navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { - background-color: #222222; - *background-color: #151515; + color: #ffffff; + background-color: #e5e5e5; + *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { - background-color: #080808 \9; + background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; @@ -2781,7 +3514,7 @@ input[type="submit"].btn.btn-mini { .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } -.navbar .dropdown-menu:before { +.navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; @@ -2792,7 +3525,7 @@ input[type="submit"].btn.btn-mini { top: -7px; left: 9px; } -.navbar .dropdown-menu:after { +.navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; @@ -2802,142 +3535,293 @@ input[type="submit"].btn.btn-mini { top: -6px; left: 10px; } -.navbar-fixed-bottom .dropdown-menu:before { +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } -.navbar-fixed-bottom .dropdown-menu:after { +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; } -.navbar .nav li.dropdown .dropdown-toggle .caret, -.navbar .nav li.dropdown.open .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} -.navbar .nav li.dropdown.active .caret { - opacity: 1; - filter: alpha(opacity=100); +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { - background-color: transparent; + background-color: #e5e5e5; + color: #555555; } -.navbar .nav li.dropdown.active > .dropdown-toggle:hover { - color: #ffffff; +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; } -.navbar .pull-right .dropdown-menu, -.navbar .dropdown-menu.pull-right { +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } -.navbar .pull-right .dropdown-menu:before, -.navbar .dropdown-menu.pull-right:before { +.navbar .pull-right > li > .dropdown-menu:before, +.navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } -.navbar .pull-right .dropdown-menu:after, -.navbar .dropdown-menu.pull-right:after { +.navbar .pull-right > li > .dropdown-menu:after, +.navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } -.breadcrumb { - padding: 7px 14px; - margin: 0 0 18px; - list-style: none; - background-color: #fbfbfb; - background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); - background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); - background-image: linear-gradient(top, #ffffff, #f5f5f5); +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.navbar-inverse .navbar-inner { + background-color: #1b1b1b; + background-image: -moz-linear-gradient(top, #222222, #111111); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); + background-image: -webkit-linear-gradient(top, #222222, #111111); + background-image: -o-linear-gradient(top, #222222, #111111); + background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); - border: 1px solid #ddd; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; - -moz-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; -} -.breadcrumb li { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - text-shadow: 0 1px 0 #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); + border-color: #252525; } -.breadcrumb .divider { - padding: 0 5px; +.navbar-inverse .brand, +.navbar-inverse .nav > li > a { color: #999999; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } -.breadcrumb .active a { - color: #333333; -} -.pagination { - height: 36px; - margin: 18px 0; +.navbar-inverse .brand:hover, +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .brand:focus, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; } -.pagination ul { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - margin-left: 0; - margin-bottom: 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +.navbar-inverse .brand { + color: #999999; } -.pagination li { - display: inline; +.navbar-inverse .navbar-text { + color: #999999; } -.pagination a { +.navbar-inverse .nav > li > a:focus, +.navbar-inverse .nav > li > a:hover { + background-color: transparent; + color: #ffffff; +} +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #ffffff; + background-color: #111111; +} +.navbar-inverse .navbar-link { + color: #999999; +} +.navbar-inverse .navbar-link:hover, +.navbar-inverse .navbar-link:focus { + color: #ffffff; +} +.navbar-inverse .divider-vertical { + border-left-color: #111111; + border-right-color: #222222; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #111111; + color: #ffffff; +} +.navbar-inverse .nav li.dropdown > a:hover .caret, +.navbar-inverse .nav li.dropdown > a:focus .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .navbar-search .search-query { + color: #ffffff; + background-color: #515151; + border-color: #111111; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} +.navbar-inverse .navbar-search .search-query:-moz-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:focus, +.navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #333333; + text-shadow: 0 1px 0 #ffffff; + background-color: #ffffff; + border: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + outline: 0; +} +.navbar-inverse .btn-navbar { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e0e0e; + background-image: -moz-linear-gradient(top, #151515, #040404); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); + background-image: -webkit-linear-gradient(top, #151515, #040404); + background-image: -o-linear-gradient(top, #151515, #040404); + background-image: linear-gradient(to bottom, #151515, #040404); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); + border-color: #040404 #040404 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #040404; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:focus, +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar.disabled, +.navbar-inverse .btn-navbar[disabled] { + color: #ffffff; + background-color: #040404; + *background-color: #000000; +} +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-color: #000000 \9; +} +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + text-shadow: 0 1px 0 #ffffff; +} +.breadcrumb > li > .divider { + padding: 0 5px; + color: #ccc; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + margin: 20px 0; +} +.pagination ul { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + margin-left: 0; + margin-bottom: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} +.pagination ul > li { + display: inline; +} +.pagination ul > li > a, +.pagination ul > li > span { float: left; - padding: 0 14px; - line-height: 34px; + padding: 4px 12px; + line-height: 20px; text-decoration: none; - border: 1px solid #ddd; + background-color: #ffffff; + border: 1px solid #dddddd; border-left-width: 0; } -.pagination a:hover, -.pagination .active a { +.pagination ul > li > a:hover, +.pagination ul > li > a:focus, +.pagination ul > .active > a, +.pagination ul > .active > span { background-color: #f5f5f5; } -.pagination .active a { +.pagination ul > .active > a, +.pagination ul > .active > span { color: #999999; cursor: default; } -.pagination .disabled span, -.pagination .disabled a, -.pagination .disabled a:hover { +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover, +.pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default; } -.pagination li:first-child a { +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { border-left-width: 1px; - -webkit-border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } -.pagination li:last-child a { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; @@ -2945,9 +3829,63 @@ input[type="submit"].btn.btn-mini { .pagination-right { text-align: right; } +.pagination-large ul > li > a, +.pagination-large ul > li > span { + padding: 11px 19px; + font-size: 17.5px; +} +.pagination-large ul > li:first-child > a, +.pagination-large ul > li:first-child > span { + -webkit-border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; +} +.pagination-large ul > li:last-child > a, +.pagination-large ul > li:last-child > span { + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; +} +.pagination-mini ul > li:first-child > a, +.pagination-small ul > li:first-child > a, +.pagination-mini ul > li:first-child > span, +.pagination-small ul > li:first-child > span { + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topleft: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-left-radius: 3px; +} +.pagination-mini ul > li:last-child > a, +.pagination-small ul > li:last-child > a, +.pagination-mini ul > li:last-child > span, +.pagination-small ul > li:last-child > span { + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topright: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-right-radius: 3px; +} +.pagination-small ul > li > a, +.pagination-small ul > li > span { + padding: 2px 10px; + font-size: 11.9px; +} +.pagination-mini ul > li > a, +.pagination-mini ul > li > span { + padding: 0 6px; + font-size: 10.5px; +} .pager { - margin-left: 0; - margin-bottom: 18px; + margin: 20px 0; list-style: none; text-align: center; *zoom: 1; @@ -2956,6 +3894,7 @@ input[type="submit"].btn.btn-mini { .pager:after { display: table; content: ""; + line-height: 0; } .pager:after { clear: both; @@ -2963,7 +3902,8 @@ input[type="submit"].btn.btn-mini { .pager li { display: inline; } -.pager a { +.pager li > a, +.pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; @@ -2972,34 +3912,27 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 15px; border-radius: 15px; } -.pager a:hover { +.pager li > a:hover, +.pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } -.pager .next a { +.pager .next > a, +.pager .next > span { float: right; } -.pager .previous a { +.pager .previous > a, +.pager .previous > span { float: left; } -.pager .disabled a, -.pager .disabled a:hover { +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { color: #999999; background-color: #fff; cursor: default; } -.modal-open .dropdown-menu { - z-index: 2050; -} -.modal-open .dropdown.open { - *z-index: 2050; -} -.modal-open .popover { - z-index: 2060; -} -.modal-open .tooltip { - z-index: 2070; -} .modal-backdrop { position: fixed; top: 0; @@ -3019,12 +3952,11 @@ input[type="submit"].btn.btn-mini { } .modal { position: fixed; - top: 50%; + top: 10%; left: 50%; z-index: 1050; - overflow: auto; width: 560px; - margin: -250px 0 0 -280px; + margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); @@ -3040,17 +3972,17 @@ input[type="submit"].btn.btn-mini { -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; + outline: none; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; - -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { - top: 50%; + top: 10%; } .modal-header { padding: 9px 15px; @@ -3059,7 +3991,12 @@ input[type="submit"].btn.btn-mini { .modal-header .close { margin-top: 2px; } +.modal-header h3 { + margin: 0; + line-height: 30px; +} .modal-body { + position: relative; overflow-y: auto; max-height: 400px; padding: 15px; @@ -3085,6 +4022,7 @@ input[type="submit"].btn.btn-mini { .modal-footer:after { display: table; content: ""; + line-height: 0; } .modal-footer:after { clear: both; @@ -3096,13 +4034,16 @@ input[type="submit"].btn.btn-mini { .modal-footer .btn-group .btn + .btn { margin-left: -1px; } +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} .tooltip { position: absolute; - z-index: 1020; + z-index: 1030; display: block; visibility: visible; - padding: 5px; font-size: 11px; + line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } @@ -3111,52 +4052,24 @@ input[type="submit"].btn.btn-mini { filter: alpha(opacity=80); } .tooltip.top { - margin-top: -2px; + margin-top: -3px; + padding: 5px 0; } .tooltip.right { - margin-left: 2px; + margin-left: 3px; + padding: 0 5px; } .tooltip.bottom { - margin-top: 2px; + margin-top: 3px; + padding: 5px 0; } .tooltip.left { - margin-left: -2px; -} -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #000000; -} -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #000000; -} -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #000000; -} -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #000000; + margin-left: -3px; + padding: 0 5px; } .tooltip-inner { max-width: 200px; - padding: 3px 8px; + padding: 8px; color: #ffffff; text-align: center; text-decoration: none; @@ -3169,100 +4082,36 @@ input[type="submit"].btn.btn-mini { position: absolute; width: 0; height: 0; + border-color: transparent; + border-style: solid; } -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1010; - display: none; - padding: 5px; -} -.popover.top { - margin-top: -5px; -} -.popover.right { - margin-left: 5px; -} -.popover.bottom { - margin-top: 5px; -} -.popover.left { - margin-left: -5px; -} -.popover.top .arrow { +.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #000000; + border-width: 5px 5px 0; + border-top-color: #000000; } -.popover.right .arrow { +.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #000000; -} -.popover.bottom .arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #000000; + border-width: 5px 5px 5px 0; + border-right-color: #000000; } -.popover.left .arrow { +.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #000000; -} -.popover .arrow { - position: absolute; - width: 0; - height: 0; -} -.popover-inner { - padding: 3px; - width: 280px; - overflow: hidden; - background: #000000; - background: rgba(0, 0, 0, 0.8); - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -} -.popover-title { - padding: 9px 15px; - line-height: 1; - background-color: #f5f5f5; - border-bottom: 1px solid #eee; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; -} -.popover-content { - padding: 14px; - background-color: #ffffff; - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + border-width: 5px 0 5px 5px; + border-left-color: #000000; } -.popover-content p, -.popover-content ul, -.popover-content ol { - margin-bottom: 0; +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; } .thumbnails { margin-left: -20px; @@ -3273,6 +4122,7 @@ input[type="submit"].btn.btn-mini { .thumbnails:after { display: table; content: ""; + line-height: 0; } .thumbnails:after { clear: both; @@ -3282,23 +4132,28 @@ input[type="submit"].btn.btn-mini { } .thumbnails > li { float: left; - margin-bottom: 18px; + margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; - line-height: 1; + line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -} -a.thumbnail:hover { - border-color: #045b04; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #2f9b45; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); @@ -3311,10 +4166,13 @@ a.thumbnail:hover { } .thumbnail .caption { padding: 9px; + color: #555555; } .label, .badge { - font-size: 10.998px; + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; @@ -3324,19 +4182,25 @@ a.thumbnail:hover { background-color: #999999; } .label { - padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { - padding: 1px 9px 2px; + padding-left: 9px; + padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } +.label:empty, +.badge:empty { + display: none; +} a.label:hover, -a.badge:hover { +a.label:focus, +a.badge:hover, +a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; @@ -3381,9 +4245,18 @@ a.badge:hover { .badge-inverse[href] { background-color: #1a1a1a; } -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; +.btn .label, +.btn .badge { + position: relative; + top: -1px; +} +.btn-mini .label, +.btn-mini .badge { + top: 0; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; } to { background-position: 0 0; @@ -3423,17 +4296,16 @@ a.badge:hover { } .progress { overflow: hidden; - height: 18px; - margin-bottom: 18px; + height: 20px; + margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); @@ -3443,41 +4315,43 @@ a.badge:hover { } .progress .bar { width: 0%; - height: 18px; + height: 100%; color: #ffffff; + float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); - background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); - background-image: linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; - -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); +} .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; @@ -3490,88 +4364,88 @@ a.badge:hover { -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } -.progress-danger .bar { +.progress-danger .bar, +.progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); - background-image: linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } -.progress-danger.progress-striped .bar { +.progress-danger.progress-striped .bar, +.progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-success .bar { +.progress-success .bar, +.progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); - background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); - background-image: linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } -.progress-success.progress-striped .bar { +.progress-success.progress-striped .bar, +.progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-info .bar { +.progress-info .bar, +.progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); - background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); - background-image: linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } -.progress-info.progress-striped .bar { +.progress-info.progress-striped .bar, +.progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-warning .bar { +.progress-warning .bar, +.progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } -.progress-warning.progress-striped .bar { +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { - margin-bottom: 18px; + margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; @@ -3596,7 +4470,7 @@ a.badge:hover { } .carousel { position: relative; - margin-bottom: 18px; + margin-bottom: 20px; line-height: 1; } .carousel-inner { @@ -3604,47 +4478,47 @@ a.badge:hover { width: 100%; position: relative; } -.carousel .item { +.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; - -ms-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } -.carousel .item > img { +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { display: block; line-height: 1; } -.carousel .active, -.carousel .next, -.carousel .prev { +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { display: block; } -.carousel .active { +.carousel-inner > .active { left: 0; } -.carousel .next, -.carousel .prev { +.carousel-inner > .next, +.carousel-inner > .prev { position: absolute; top: 0; width: 100%; } -.carousel .next { +.carousel-inner > .next { left: 100%; } -.carousel .prev { +.carousel-inner > .prev { left: -100%; } -.carousel .next.left, -.carousel .prev.right { +.carousel-inner > .next.left, +.carousel-inner > .prev.right { left: 0; } -.carousel .active.left { +.carousel-inner > .active.left { left: -100%; } -.carousel .active.right { +.carousel-inner > .active.right { left: 100%; } .carousel-control { @@ -3671,28 +4545,62 @@ a.badge:hover { left: auto; right: 15px; } -.carousel-control:hover { +.carousel-control:hover, +.carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #ccc; + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; +} +.carousel-indicators .active { + background-color: #fff; +} .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; - padding: 10px 15px 5px; + padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #ffffff; + line-height: 20px; +} +.carousel-caption h4 { + margin: 0 0 5px; +} +.carousel-caption p { + margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; @@ -3705,1500 +4613,2030 @@ a.badge:hover { color: inherit; letter-spacing: -1px; } -.hero-unit p { - font-size: 18px; - font-weight: 200; - line-height: 27px; - color: inherit; -} -.pull-right { - float: right; -} -.pull-left { - float: left; +.hero-unit li { + line-height: 30px; } -.hide { +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -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); + white-space: normal; } -.show { - display: block; +.popover.top { + margin-top: -10px; } -.invisible { - visibility: hidden; +.popover.right { + margin-left: 10px; } -/* Font Awesome - the iconic font designed for use with Twitter Bootstrap - ------------------------------------------------------- - The full suite of pictographic icons, examples, and documentation - can be found at: http://fortawesome.github.com/Font-Awesome/ - - License - ------------------------------------------------------- - The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: - http://creativecommons.org/licenses/by/3.0/ A mention of - 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable - source code is considered acceptable attribution (most common on the web). - If human readable source code is not available to the end user, a mention in - an 'About' or 'Credits' screen is considered acceptable (most common in desktop - or mobile software). - - Contact - ------------------------------------------------------- - Email: dave@davegandy.com - Twitter: http://twitter.com/fortaweso_me - Work: Lead Product Designer @ http://kyruus.com - - */ -@font-face { - font-family: 'FontAwesome'; - src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot'); - src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); - font-weight: normal; - font-style: normal; +.popover.bottom { + margin-top: 10px; } -/* Font Awesome styles - ------------------------------------------------------- */ -[class^="icon-"]:before, -[class*=" icon-"]:before { - font-family: FontAwesome; +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; font-weight: normal; - font-style: normal; - display: inline-block; - text-decoration: inherit; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } -a [class^="icon-"], -a [class*=" icon-"] { - display: inline-block; - text-decoration: inherit; +.popover-title:empty { + display: none; } -/* makes the font 33% larger relative to the icon container */ -.icon-large:before { - vertical-align: middle; - font-size: 1.3333333333333333em; +.popover-content { + padding: 9px 14px; } -.btn [class^="icon-"], -.nav-tabs [class^="icon-"], -.btn [class*=" icon-"], -.nav-tabs [class*=" icon-"] { - /* keeps button heights with and without icons the same */ - - line-height: .9em; +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } -li [class^="icon-"], -li [class*=" icon-"] { - display: inline-block; - width: 1.25em; - text-align: center; +.popover .arrow { + border-width: 11px; } -li .icon-large:before, -li .icon-large:before { - /* 1.5 increased font size for icon-large * 1.25 width */ - - width: 1.875em; +.popover .arrow:after { + border-width: 10px; + content: ""; } -ul.icons { - list-style-type: none; - margin-left: 2em; - text-indent: -0.8em; +.popover.top .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; } -ul.icons li [class^="icon-"], -ul.icons li [class*=" icon-"] { - width: .8em; +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); } -ul.icons li .icon-large:before, -ul.icons li .icon-large:before { - /* 1.5 increased font size for icon-large * 1.25 width */ - - vertical-align: initial; +.popover.right .arrow:after { + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; } -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.icon-glass:before { - content: "\f000"; +.popover.bottom .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; } -.icon-music:before { - content: "\f001"; +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; } -.icon-search:before { - content: "\f002"; +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); } -.icon-envelope:before { - content: "\f003"; +.popover.left .arrow:after { + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; } -.icon-heart:before { - content: "\f004"; +.pull-right { + float: right; } -.icon-star:before { - content: "\f005"; +.pull-left { + float: left; } -.icon-star-empty:before { - content: "\f006"; +.hide { + display: none; } -.icon-user:before { - content: "\f007"; +.show { + display: block; } -.icon-film:before { - content: "\f008"; +.invisible { + visibility: hidden; } -.icon-th-large:before { - content: "\f009"; +.affix { + position: fixed; } -.icon-th:before { - content: "\f00a"; +.tag { + display: inline-block; + margin-bottom: 4px; + color: #111111; + background-color: #f6f6f6; + padding: 1px 10px; + border: 1px solid #dddddd; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; } -.icon-th-list:before { - content: "\f00b"; +a.tag:hover { + text-decoration: none; + color: #fff; + background-color: #3bc256; + border: 1px solid #2f9b45; + -webkit-box-shadow: inset 0 1px 0 #61cf77; + -moz-box-shadow: inset 0 1px 0 #61cf77; + box-shadow: inset 0 1px 0 #61cf77; } -.icon-ok:before { - content: "\f00c"; +.pill { + display: inline-block; + background-color: #6f8890; + color: #ffffff; + padding: 2px 10px 1px 10px; + margin-right: 5px; + font-weight: normal; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; } -.icon-remove:before { - content: "\f00d"; +.pill a { + color: #ffffff; } -.icon-zoom-in:before { - content: "\f00e"; +.pill a.remove { + font-size: 11px; } -.icon-zoom-out:before { - content: "\f010"; +.unstyled { + margin: 0; + list-style: none; } -.icon-off:before { - content: "\f011"; +.simple-item { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-signal:before { - content: "\f012"; +.simple-item:last-of-type { + border-bottom: 0; } -.icon-cog:before { - content: "\f013"; +.simple-list { + *zoom: 1; + margin: 0; + list-style: none; } -.icon-trash:before { - content: "\f014"; +.simple-list:before, +.simple-list:after { + display: table; + content: ""; + line-height: 0; } -.icon-home:before { - content: "\f015"; +.simple-list:after { + clear: both; } -.icon-file:before { - content: "\f016"; +.simple-list > li { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-time:before { - content: "\f017"; +.simple-list > li:last-of-type { + border-bottom: 0; } -.icon-road:before { - content: "\f018"; +.simple-list .ckan-icon { + position: relative; + top: 0px; } -.icon-download-alt:before { - content: "\f019"; +.module-narrow .simple-list > li { + padding-left: 15px; + padding-right: 15px; + position: relative; } -.icon-download:before { - content: "\f01a"; +.listing li { + text-align: right; + margin-bottom: 5px; } -.icon-upload:before { - content: "\f01b"; +.listing .key { + clear: right; + font-weight: bold; } -.icon-inbox:before { - content: "\f01c"; +.js .tab-content { + display: none; } -.icon-play-circle:before { - content: "\f01d"; +.js .tab-content.active { + display: block; } -.icon-repeat:before { - content: "\f01e"; +.box { + background-color: #FFF; + border: 1px solid #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); } -/* \f020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { - content: "\f021"; +.module { + margin: 20px 0; } -.icon-list-alt:before { - content: "\f022"; +.module-heading { + *zoom: 1; + margin: 0; + padding: 7px 25px; + font-size: 14px; + line-height: 1.3; + background-color: #f6f6f6; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; } -.icon-lock:before { - content: "\f023"; +.module-heading:before, +.module-heading:after { + display: table; + content: ""; + line-height: 0; } -.icon-flag:before { - content: "\f024"; +.module-heading:after { + clear: both; } -.icon-headphones:before { - content: "\f025"; +.module-heading .action { + float: right; + color: #888888; + font-size: 12px; + line-height: 20px; + text-decoration: underline; } -.icon-volume-off:before { - content: "\f026"; +.module-heading .action:hover { + color: #444444; } -.icon-volume-down:before { - content: "\f027"; +.module-content { + padding: 0 25px; + margin: 20px 0; } -.icon-volume-up:before { - content: "\f028"; +.module-content:first-child { + margin-top: 0; + padding-top: 20px; } -.icon-qrcode:before { - content: "\f029"; +.module-content:last-child { + margin-bottom: 0; + padding-bottom: 20px; } -.icon-barcode:before { - content: "\f02a"; +.module-content > :last-child { + margin-bottom: 0; } -.icon-tag:before { - content: "\f02b"; +.module:first-child .module-heading { + -webkit-border-radius: 3px 0 0 0; + -moz-border-radius: 3px 0 0 0; + border-radius: 3px 0 0 0; + border-top-width: 0; } -.icon-tags:before { - content: "\f02c"; +.module:last-child { + margin-bottom: 20px; } -.icon-book:before { - content: "\f02d"; +.module-footer { + padding: 7px 25px 7px; + margin: 0; + border-top: 1px dotted #dddddd; } -.icon-bookmark:before { - content: "\f02e"; +.module .read-more { + font-weight: bold; + color: #000000; } -.icon-print:before { - content: "\f02f"; +.module .pagination { + height: 34px; + margin-bottom: 0; + border-top: 1px solid #dddddd; } -.icon-camera:before { - content: "\f030"; +.module-content .pagination { + margin-left: -25px; + margin-right: -25px; + margin-bottom: -20px; } -.icon-font:before { - content: "\f031"; +.module .pagination > ul { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border: 0; } -.icon-bold:before { - content: "\f032"; +.module .pagination li a { + border-top: none; + border-bottom: none; + padding-top: 7px; + padding-bottom: 7px; } -.icon-italic:before { - content: "\f033"; +.module .pagination li:first-child a, +.module .pagination li:last-child a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } -.icon-text-height:before { - content: "\f034"; +.module .pagination li:first-child a { + border-left-width: 0; } -.icon-text-width:before { - content: "\f035"; +.module .pagination li:last-child a { + border-right-width: 0; } -.icon-align-left:before { - content: "\f036"; +.module .pagination li.active a { + border-left-width: 1px; + border-right-width: 1px; } -.icon-align-center:before { - content: "\f037"; +.module-content-shallow { + padding: 0; + margin-top: 10px; + padding-bottom: 10px; } -.icon-align-right:before { - content: "\f038"; +.module h1 { + margin-bottom: 20px; } -.icon-align-justify:before { - content: "\f039"; +.module-shallow .module-content { + padding: 10px; + margin: 0; } -.icon-list:before { - content: "\f03a"; +.module-shallow .module-tags { + margin-top: 0; + margin-bottom: 0; } -.icon-indent-left:before { - content: "\f03b"; +.module-shallow .module-content:first-child { + padding-top: 10px; } -.icon-indent-right:before { - content: "\f03c"; +.module-shallow .module-content:last-child { + padding-bottom: 10px; } -.icon-facetime-video:before { - content: "\f03d"; +.module-narrow .module-heading, +.module-narrow .module-content, +.module-narrow .module-footer { + padding-left: 15px; + padding-right: 15px; } -.icon-picture:before { - content: "\f03e"; +.module-grid { + margin: 0; + list-style: none; + *zoom: 1; + margin: 0 -25px; + padding-bottom: 15px; + background: #fbfbfb url("../../../base/images/bg.png"); + border: 1px solid #dddddd; + border-width: 1px 0; } -.icon-pencil:before { - content: "\f040"; +.module-grid:before, +.module-grid:after { + display: table; + content: ""; + line-height: 0; } -.icon-map-marker:before { - content: "\f041"; +.module-grid:after { + clear: both; } -.icon-adjust:before { - content: "\f042"; +.module-item { + width: 189px; + padding: 15px; + margin: 15px 0 0 15px; + background-color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + float: left; + margin-left: 20px; + width: 460px; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 50px; + overflow: hidden; + position: relative; } -.icon-tint:before { - content: "\f043"; +.module-item span.count { + color: #999; } -.icon-edit:before { - content: "\f044"; +.module-item .media-image { + margin-bottom: 5px; } -.icon-share:before { - content: "\f045"; +.module-item .media-edit { + opacity: 0; + position: absolute; + right: 15px; + bottom: 15px; + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; } -.icon-check:before { - content: "\f046"; +.module-item:hover { + z-index: 1; } -.icon-move:before { - content: "\f047"; +.module-item:hover .media-edit { + opacity: 1; } -.icon-step-backward:before { - content: "\f048"; +.module-item.first { + clear: left; } -.icon-fast-backward:before { - content: "\f049"; +.group .content img { + margin: 0 -5px 5px; + max-width: initial; } -.icon-backward:before { - content: "\f04a"; +.group .content h3 { + font-size: 14px; + line-height: 1.3; } -.icon-play:before { - content: "\f04b"; +.group-listing { + margin-left: -20px; } -.icon-pause:before { - content: "\f04c"; +.ckanext-datapreview { + position: relative; } -.icon-stop:before { - content: "\f04d"; +.ckanext-datapreview > iframe { + min-height: 400px; } -.icon-forward:before { - content: "\f04e"; +.ckanext-datapreview > img { + max-height: 500px; + max-width: 100%; + overflow: hidden; } -.icon-fast-forward:before { - content: "\f050"; +.package-info h4 { + margin-bottom: 10px; } -.icon-step-forward:before { - content: "\f051"; +.module-resource { + background-color: #ffffff; + border-bottom: 1px solid #dddddd; + margin-top: 0; + margin-bottom: 0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.icon-eject:before { - content: "\f052"; +.module-resource .actions { + position: relative; + float: right; + top: -10px; + right: -15px; } -.icon-chevron-left:before { - content: "\f053"; +.module .module-tags { + padding-bottom: 8px; } -.icon-chevron-right:before { - content: "\f054"; +.secondary .module:first-child, +.primary .module:first-child { + margin-top: 0; } -.icon-plus-sign:before { - content: "\f055"; +.no-nav .module:last-child { + margin-top: 0; } -.icon-minus-sign:before { - content: "\f056"; +.module-image { + float: left; + width: 50px; + height: 50px; + line-height: 50px; + text-align: center; + margin-right: 15px; } -.icon-remove-sign:before { - content: "\f057"; +.module-image img { + max-width: 50px; + max-height: 50px; + vertical-align: middle; } -.icon-ok-sign:before { - content: "\f058"; +.banner { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + position: absolute; + top: 15px; + right: -35px; + width: 80px; + color: #ffffff; + background-color: #2f9b45; + padding: 1px 20px; + font-size: 11px; + text-align: center; + text-transform: uppercase; } -.icon-question-sign:before { - content: "\f059"; +.media-grid { + margin: 0; + list-style: none; + *zoom: 1; + margin: 0 -25px; + padding-bottom: 15px; + background: #fbfbfb url("../../../base/images/bg.png"); + border: 1px solid #dddddd; + border-width: 1px 0; } -.icon-info-sign:before { - content: "\f05a"; +.media-grid:before, +.media-grid:after { + display: table; + content: ""; + line-height: 0; } -.icon-screenshot:before { - content: "\f05b"; +.media-grid:after { + clear: both; } -.icon-remove-circle:before { - content: "\f05c"; +.media-item { + position: relative; + float: left; + width: 189px; + padding: 15px; + margin: 15px 0 0 15px; + background-color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.icon-ok-circle:before { - content: "\f05d"; +.media-item span.count { + color: #999; } -.icon-ban-circle:before { - content: "\f05e"; +.media-item .media-image { + margin-bottom: 5px; } -.icon-arrow-left:before { - content: "\f060"; +.media-item .media-edit { + opacity: 0; + position: absolute; + right: 15px; + bottom: 15px; + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; } -.icon-arrow-right:before { - content: "\f061"; +.media-item:hover { + z-index: 1; } -.icon-arrow-up:before { - content: "\f062"; +.media-item:hover .media-edit { + opacity: 1; } -.icon-arrow-down:before { - content: "\f063"; +.media-view { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border: 1px solid #dddddd; + overflow: hidden; + -webkit-transition: all 0.2s ease-in; + -moz-transition: all 0.2s ease-in; + -o-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.icon-share-alt:before { - content: "\f064"; +.media-view:hover, +.media-view.hovered { + border-color: #2f9b45; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); } -.icon-resize-full:before { - content: "\f065"; +.media-view:hover .banner, +.media-view.hovered .banner { + background-color: #2f9b45; } -.icon-resize-small:before { - content: "\f066"; +.media-view span { + display: none; } -.icon-plus:before { - content: "\f067"; +.media-view .banner { + display: block; + background-color: #b7b7b7; + -webkit-transition: background-color 0.2s ease-in; + -moz-transition: background-color 0.2s ease-in; + -o-transition: background-color 0.2s ease-in; + transition: background-color 0.2s ease-in; } -.icon-minus:before { - content: "\f068"; +.media-image { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } -.icon-asterisk:before { - content: "\f069"; +.media-heading { + font-size: 18px; + line-height: 1.3; + margin: 5px 0; } -.icon-exclamation-sign:before { - content: "\f06a"; +.media-overlay { + position: relative; + min-height: 35px; } -.icon-gift:before { - content: "\f06b"; +.media-overlay .media-heading { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 12px 10px; + margin: 0; + background-color: #000; + background-color: rgba(0, 0, 0, 0.8); + font-size: 13px; + color: #fff; + z-index: 1; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } -.icon-leaf:before { - content: "\f06c"; +.media-overlay .media-image { + float: none; + display: block; + margin-right: 0; } -.icon-fire:before { - content: "\f06d"; +.media-item.is-expander .truncator-link { + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; + position: absolute; + z-index: 10; + left: 15px; + bottom: 15px; + opacity: 0; } -.icon-eye-open:before { - content: "\f06e"; +.media-item.is-expander:hover { + padding-bottom: 35px; } -.icon-eye-close:before { - content: "\f070"; +.media-item.is-expander:hover .truncator-link { + opacity: 1; } -.icon-warning-sign:before { - content: "\f071"; +.wide .media-item { + width: 186px; } -.icon-plane:before { - content: "\f072"; +.nav-simple, +.nav-aside { + *zoom: 1; + margin: 0; + list-style: none; + padding-bottom: 0; } -.icon-calendar:before { - content: "\f073"; +.nav-simple:before, +.nav-aside:before, +.nav-simple:after, +.nav-aside:after { + display: table; + content: ""; + line-height: 0; } -.icon-random:before { - content: "\f074"; +.nav-simple:after, +.nav-aside:after { + clear: both; } -.icon-comment:before { - content: "\f075"; +.nav-simple > li, +.nav-aside > li { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-magnet:before { - content: "\f076"; +.nav-simple > li:last-of-type, +.nav-aside > li:last-of-type { + border-bottom: 0; } -.icon-chevron-up:before { - content: "\f077"; +.nav-simple .ckan-icon, +.nav-aside .ckan-icon { + position: relative; + top: 0px; } -.icon-chevron-down:before { - content: "\f078"; +.nav-aside { + border-top: 1px dotted #DDD; + border-bottom: 1px dotted #DDD; + margin-bottom: 15px; } -.icon-retweet:before { - content: "\f079"; +.nav-item > a, +.nav-aside li a { + color: #333333; + font-size: 14px; + line-height: 20px; + margin: -7px -25px; + padding: 7px 25px; } -.icon-shopping-cart:before { - content: "\f07a"; +.nav-item.active, +.nav-aside li.active { + background-color: #f6f6f6; } -.icon-folder-close:before { - content: "\f07b"; +.nav-item.active > a, +.nav-aside li.active a { + position: relative; + color: #ffffff; + background-color: #8ca0a6; } -.icon-folder-open:before { - content: "\f07c"; +.nav-item.active > a:hover, +.nav-aside li.active a:hover { + color: #ffffff; + background-color: #8ca0a6; } -.icon-resize-vertical:before { - content: "\f07d"; +.nav-item.active > a:before, +.nav-aside li.active a:before { + content: ' '; + position: absolute; + top: 0; + right: -6px; + width: 6px; + height: 34px; + background-image: url("../../../base/images/nav-active.png?1"); } -.icon-resize-horizontal:before { - content: "\f07e"; +.nav-item.active > a span, +.nav-aside li.active a span { + white-space: nowrap; + overflow: hidden; + display: block; } -.icon-bar-chart:before { - content: "\f080"; +.module-narrow .nav-item > a, +.module-narrow .nav-aside li a { + padding-left: 15px; + padding-right: 15px; + position: relative; } -.icon-twitter-sign:before { - content: "\f081"; +.module-narrow .nav-item.image, +.module-narrow .nav-aside li.image { + position: relative; } -.icon-facebook-sign:before { - content: "\f082"; +.module-narrow .nav-item.image > a, +.module-narrow .nav-aside li.image a { + padding-left: 42px; + padding-right: 42px; } -.icon-camera-retro:before { - content: "\f083"; +.module-narrow .nav-item.image > img, +.module-narrow .nav-aside li.image img { + position: absolute; + top: 50%; + left: 15px; + width: 20px; + height: 20px; + margin-top: -10px; + z-index: 2; } -.icon-key:before { - content: "\f084"; +.nav-facet .nav-item > a:hover:after, +.nav-facet .nav-item.active > a:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + content: ""; + position: absolute; + top: 50%; + right: 5px; + margin-top: -8px; } -.icon-cogs:before { - content: "\f085"; +.nav-facet .nav-item > a:hover:after { + width: 17px; + height: 17px; + background-position: -17px -16px; } -.icon-comments:before { - content: "\f086"; +.nav-facet .nav-item.active > a:after { + width: 17px; + height: 17px; + background-position: 0px -16px; + right: 3px; } -.icon-thumbs-up:before { - content: "\f087"; +.user-list { + margin: 0; + list-style: none; } -.icon-thumbs-down:before { - content: "\f088"; +.user-list li { + margin: 0 0 10px 0; } -.icon-star-half:before { - content: "\f089"; +.user-list .gravatar { + vertical-align: -4px; + margin-right: 3px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; } -.icon-heart-empty:before { - content: "\f08a"; +.nav-facet-tertiary { + margin: 10px 0; } -.icon-signout:before { - content: "\f08b"; +.nav-facet-tertiary .module-heading { + margin-bottom: 5px; + padding: 8px 12px; + border-bottom-width: 0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } -.icon-linkedin-sign:before { - content: "\f08c"; +.nav-facet-tertiary .module-heading i { + display: none; } -.icon-pushpin:before { - content: "\f08d"; +.nav-facet-tertiary .module-footer { + padding: 8px 12px; + border-top-width: 0; } -.icon-external-link:before { - content: "\f08e"; +.nav-facet-tertiary .module-footer a { + font-weight: normal; + color: #8C8C8C; } -.icon-signin:before { - content: "\f090"; +.nav-facet-tertiary .nav { + margin-bottom: 0; } -.icon-trophy:before { - content: "\f091"; +.nav-facet-tertiary .module-content.empty { + padding: 8px 12px; + margin-top: 0; } -.icon-github-sign:before { - content: "\f092"; +.nav-facet-tertiary .nav li.active { + position: relative; } -.icon-upload-alt:before { - content: "\f093"; +.nav-facet-tertiary .nav li.active > a:hover:after, +.nav-facet-tertiary .nav li.active > a:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + width: 17px; + height: 17px; + background-position: 0px -16px; + content: ""; + position: absolute; + top: 50%; + right: 5px; + margin-top: -8px; } -.icon-lemon:before { - content: "\f094"; +.nav-simple > .nav-btn { + padding-left: 0; + padding-right: 0; + text-align: center; } -.icon-phone:before { - content: "\f095"; +.nav-simple > .nav-btn .btn { + display: inline-block; } -.icon-check-empty:before { - content: "\f096"; +.js .js-hide { + display: none; } -.icon-bookmark-empty:before { - content: "\f097"; +.js .js-hide.active { + display: block; } -.icon-phone-sign:before { - content: "\f098"; +.btn, +label { + font-weight: bold; } -.icon-twitter:before { - content: "\f099"; +.btn-rounded { + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + padding-left: 15px; + padding-right: 15px; } -.icon-facebook:before { - content: "\f09a"; +label { + cursor: pointer; + font-size: 14px; } -.icon-github:before { - content: "\f09b"; +label:after { + content: ":"; } -.icon-unlock:before { - content: "\f09c"; +label.radio:after, +label.checkbox:after { + content: ""; } -.icon-credit-card:before { - content: "\f09d"; +input[type=radio], +input[type=checkbox] { + position: relative; + top: 7px; + padding: 0; + margin: 0; } -.icon-rss:before { - content: "\f09e"; +input[type=radio].checkbox-onown, +input[type=checkbox].checkbox-onown { + top: 0; } -.icon-hdd:before { - content: "\f0a0"; +select { + padding: 4px; } -.icon-bullhorn:before { - content: "\f0a1"; +textarea { + max-width: 100%; } -.icon-bell:before { - content: "\f0a2"; +.control-group .btn { + position: relative; + top: -2px; } -.icon-certificate:before { - content: "\f0a3"; +.control-full input, +.control-full select, +.control-full textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: auto; + width: 100%; } -.icon-hand-right:before { - content: "\f0a4"; +.control-medium input, +.control-medium select, +.control-medium textarea { + width: 320px; } -.icon-hand-left:before { - content: "\f0a5"; +.control-large input, +.control-large .control-label { + font-size: 17.5px; + line-height: 30px; } -.icon-hand-up:before { - content: "\f0a6"; +.control-large input { + height: 41px; } -.icon-hand-down:before { - content: "\f0a7"; +.form-actions { + background: none; + margin-left: -25px; + margin-right: -25px; + margin-bottom: 0; + padding-bottom: 0; + text-align: right; } -.icon-circle-arrow-left:before { - content: "\f0a8"; +.form-actions .action-info { + float: left; + width: 50%; + line-height: 2; + text-align: left; + color: #707070; + margin: 0; } -.icon-circle-arrow-right:before { - content: "\f0a9"; +.form-actions .action-info.small { + font-size: 11px; + line-height: 1.2; } -.icon-circle-arrow-up:before { - content: "\f0aa"; +.form-horizontal .control-label { + width: 120px; } -.icon-circle-arrow-down:before { - content: "\f0ab"; +.form-horizontal .controls { + margin-left: 130px; } -.icon-globe:before { - content: "\f0ac"; +.form-horizontal .info-block { + position: relative; + display: block; + font-size: 11px; + color: #aaaaaa; + line-height: 1.3; + padding: 6px 0 6px 25px; + margin-top: 6px; } -.icon-wrench:before { - content: "\f0ad"; +.form-horizontal .info-help { + padding: 6px 0; } -.icon-tasks:before { - content: "\f0ae"; +.form-horizontal .info-help:before { + display: none; } -.icon-filter:before { - content: "\f0b0"; +.form-horizontal .info-help-tight { + margin-top: -10px; } -.icon-briefcase:before { - content: "\f0b1"; +.form-horizontal .info-inline { + float: right; + width: 265px; + margin-top: 0; + padding-bottom: 0; } -.icon-fullscreen:before { - content: "\f0b2"; +.form-horizontal .control-medium .info-block.info-inline { + width: 165px; } -.icon-group:before { - content: "\f0c0"; +.form-horizontal .info-block:before { + font-size: 2.2em; + position: absolute; + left: 0; + top: 2px; } -.icon-link:before { - content: "\f0c1"; +.form-horizontal .info-inline:before { + top: 8px; } -.icon-cloud:before { - content: "\f0c2"; +.info-block .icon-large, +.info-inline .icon-large { + float: left; + font-size: 22px; + margin-right: 15px; } -.icon-beaker:before { - content: "\f0c3"; +.form-horizontal .info-block a { + color: #aaaaaa; + text-decoration: underline; } -.icon-cut:before { - content: "\f0c4"; +.form-horizontal .form-actions { + padding-left: 25px; + padding-right: 25px; } -.icon-copy:before { - content: "\f0c5"; +.form-inline input { + padding-bottom: 9px; } -.icon-paper-clip:before { - content: "\f0c6"; -} -.icon-save:before { - content: "\f0c7"; +.form-inline select { + margin-top: 0; } -.icon-sign-blank:before { - content: "\f0c8"; +.form-inline .btn { + margin-left: 5px; } -.icon-reorder:before { - content: "\f0c9"; +.form-narrow label { + margin-bottom: 0; } -.icon-list-ul:before { - content: "\f0ca"; +.form-narrow select { + width: 100%; } -.icon-list-ol:before { - content: "\f0cb"; +.form-narrow .form-actions { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px 0; } -.icon-strikethrough:before { - content: "\f0cc"; +.form-select label { + margin-right: 5px; } -.icon-underline:before { - content: "\f0cd"; +.simple-input label, +.simple-input button { + display: none; } -.icon-table:before { - content: "\f0ce"; +.simple-input .field { + position: relative; } -.icon-magic:before { - content: "\f0d0"; +.simple-input .field-bordered { + border-bottom: 1px dotted #dddddd; } -.icon-truck:before { - content: "\f0d1"; +.simple-input .field input { + width: 100%; + height: auto; + margin: 0 -7px; + padding: 7px 5px; } -.icon-pinterest:before { - content: "\f0d2"; +.simple-input .field .btn-search { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + background-position: -51px -16px; + position: absolute; + display: block; + height: 17px; + width: 17px; + top: 50%; + right: 0; + margin-top: -8px; + background-color: transparent; + border: none; + text-indent: -999em; } -.icon-pinterest-sign:before { - content: "\f0d3"; +.editor textarea { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + border-bottom: none; } -.icon-google-plus-sign:before { - content: "\f0d4"; +.editor .editor-info-block { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + display: block; + float: none; + padding: 4px 10px; + background: #ebebeb; + width: auto; + border: 1px solid #cccccc; + border-top: none; + font-size: 11px; + color: #282828; } -.icon-google-plus:before { - content: "\f0d5"; +.editor .editor-info-block a { + color: #2f9b45; + text-decoration: none; } -.icon-money:before { - content: "\f0d6"; +.control-custom { + font-size: 0; } -.icon-caret-down:before { - content: "\f0d7"; +.control-custom label { + margin-bottom: 0; } -.icon-caret-up:before { - content: "\f0d8"; +.control-custom input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + width: 140px; } -.icon-caret-left:before { - content: "\f0d9"; +.control-custom input:last-of-type { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; } -.icon-caret-right:before { - content: "\f0da"; +.control-custom .checkbox { + display: inline-block; + margin-left: 5px; } -.icon-columns:before { - content: "\f0db"; +.control-custom .checkbox input { + width: auto; } -.icon-sort:before { - content: "\f0dc"; +.control-custom.disabled label, +.control-custom.disabled input { + color: #aaaaaa; + text-decoration: line-through; + text-shadow: none; } -.icon-sort-down:before { - content: "\f0dd"; +.control-custom.disabled input { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background-color: #f3f3f3; } -.icon-sort-up:before { - content: "\f0de"; +.control-custom.disabled .checkbox { + color: #444444; + text-decoration: none; } -.icon-envelope-alt:before { - content: "\f0e0"; +.control-custom .checkbox.btn { + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + position: relative; + top: 0; + left: 5px; + height: 1px; + width: 9px; + padding: 3px 8px; + line-height: 18px; } -.icon-linkedin:before { - content: "\f0e1"; +.control-custom .checkbox.btn span { + display: none; + width: 30px; } -.icon-undo:before { - content: "\f0e2"; +.control-custom .checkbox.btn:before { + position: relative; + top: 1px; + left: -1px; + color: #fff; } -.icon-legal:before { - content: "\f0e3"; +.control-custom .checkbox.btn input { + display: none; } -.icon-dashboard:before { - content: "\f0e4"; +.control-custom.disabled .checkbox.btn { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #36b24f; + background-image: -moz-linear-gradient(top, #3bc256, #2f9b45); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3bc256), to(#2f9b45)); + background-image: -webkit-linear-gradient(top, #3bc256, #2f9b45); + background-image: -o-linear-gradient(top, #3bc256, #2f9b45); + background-image: linear-gradient(to bottom, #3bc256, #2f9b45); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3bc256', endColorstr='#ff2f9b45', GradientType=0); + border-color: #2f9b45 #2f9b45 #1d602b; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #2f9b45; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } -.icon-comment-alt:before { - content: "\f0e5"; +.control-custom.disabled .checkbox.btn:hover, +.control-custom.disabled .checkbox.btn:focus, +.control-custom.disabled .checkbox.btn:active, +.control-custom.disabled .checkbox.btn.active, +.control-custom.disabled .checkbox.btn.disabled, +.control-custom.disabled .checkbox.btn[disabled] { + color: #ffffff; + background-color: #2f9b45; + *background-color: #29873c; } -.icon-comments-alt:before { - content: "\f0e6"; +.control-custom.disabled .checkbox.btn:active, +.control-custom.disabled .checkbox.btn.active { + background-color: #237434 \9; } -.icon-bolt:before { - content: "\f0e7"; +.control-custom.disabled .checkbox.btn .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; } -.icon-sitemap:before { - content: "\f0e8"; +.alert-danger a, +.alert-error a { + color: #b55457; } -.icon-umbrella:before { - content: "\f0e9"; +.control-group.error input, +.control-group.error select, +.control-group.error textarea, +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + border-color: #c6898b; } -.icon-paste:before { - content: "\f0ea"; +.error-inline { + color: #b55457; } -.icon-user-md:before { - content: "\f200"; +.error-block, +.error-inline { + font-size: 12px; } -.pill { - background-color: #cccccc; +.error-block { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + display: block; + padding: 6px 8px 3px; + background: #c6898b; + margin: -3px 0 0; color: #ffffff; - padding: 1px 5px 1px 8px; - margin-right: 5px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; + width: 208px; } -.pill a { - color: #ffffff; +.control-medium .error-block { + width: 318px; } -.pill a.remove { - font-size: 11px; +.control-full .error-block { + width: auto; } -.tag { - background: url("../../../base/images/background-tag.png") no-repeat -13px center; - position: relative; - display: block; - font-size: 11px; - line-height: 27px; - color: #045b04; - padding-left: 10px; - padding-right: 5px; - margin-right: 11px; +.control-group.error .input-prepend .error-block, +.control-custom.error .error-block { + width: auto; } -.tag:before { - content: ""; - background: url("../../../base/images/background-tag.png") no-repeat center left; - position: absolute; - display: block; - top: 0; - bottom: 0; - right: -11px; - width: 11px; +.control-custom.error .error-block { + width: 401px; } -.unstyled { - margin: 0; - list-style: none; -} -.simple-item { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; -} -.simple-item:last-of-type { - border-bottom: 0; +.control-select.error .error-block { + width: 196px; } -.simple-list { - *zoom: 1; +.stages { margin: 0; list-style: none; + *zoom: 1; + color: #aeaeae; + counter-reset: stage; + margin: -20px -25px 20px; + overflow: hidden; } -.simple-list:before, -.simple-list:after { +.stages:before, +.stages:after { display: table; content: ""; + line-height: 0; } -.simple-list:after { +.stages:after { clear: both; } -.simple-list > li { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; +.stages li { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + line-height: 27px; + counter-increment: stage; + width: 33.33%; + background-color: #ededed; + float: left; + padding: 10px 20px; + position: relative; + z-index: 0; } -.simple-list > li:last-of-type { - border-bottom: 0; +.stages li:before { + -webkit-border-radius: 14px; + -moz-border-radius: 14px; + border-radius: 14px; + content: counter(stage); + display: inline-block; + width: 27px; + height: 27px; + margin-right: 5px; + font-weight: bold; + text-align: center; + color: #ffffff; + background-color: #aeaeae; + z-index: 1; } -.simple-list .ckan-icon { - position: relative; - top: 0px; +.stages li:after { + left: 0; + border: solid rgba(237, 237, 237, 0); + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-top-color: #ededed; + border-bottom-color: #ededed; + border-width: 29px; + top: 50%; + margin-top: -29px; + margin-left: -30px; } -.module-narrow .simple-list > li { - padding-left: 15px; - padding-right: 15px; +.stages li.last { position: relative; + right: -1px; } -.listing li { - text-align: right; - margin-bottom: 5px; -} -.listing .key { - clear: right; - font-weight: bold; +.stages li.last, +.stages li.last .highlight { + -webkit-border-radius: 0 3px 0 0; + -moz-border-radius: 0 3px 0 0; + border-radius: 0 3px 0 0; } -.js .tab-content { - display: none; +.stages li.first:after { + content: none; + border: none; } -.js .tab-content.active { - display: block; +.stages li.active:after { + border-color: rgba(140, 198, 138, 0); + border-top-color: #8cc68a; + border-bottom-color: #8cc68a; } -.module { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - background-color: #ffffff; - margin-bottom: 20px; +.stages li.complete:after { + border-color: rgba(197, 226, 196, 0); + border-top-color: #c5e2c4; + border-bottom-color: #c5e2c4; } -.module-heading { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - font-size: 14px; - line-height: 1.3; - padding: 7px 25px; - border-bottom: 1px solid #d0d0d0; - background-color: #f3f3f3; - background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: linear-gradient(top, #f5f5f5, #f0f0f0); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); +.stages.stage-3 li.complete:first-child:after { + content: none; } -.module-heading-secondary { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - border-top: 1px solid #d0d0d0; +.stages li.active, +.stages li.complete { + background: none; } -.module-heading [class^=icon]:before { - font-size: 1.2em; - line-height: 1; - position: relative; - top: 1px; - margin-right: 0.1em; +.stages li.active:before { + color: #8cc68a; + background: #ffffff; } -.module-heading .action { - float: right; - color: #8c8c8c; - font-size: 11px; - text-decoration: underline; +.stages li.complete:before { + color: #c5e2c4; + background: #eef6ed; } -.module-content { - padding: 0 25px; - margin: 20px 0; +.stages li .highlight { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + padding: 10px 52px; + border: none; + text-align: left; + text-decoration: none; + line-height: 27px; + z-index: -1; } -.module-content:first-child { - margin-top: 0; - padding-top: 20px; +.stages li.active .highlight { + color: #ffffff; + background: #8cc68a; } -.module-content:last-child { - margin-bottom: 0; - padding-bottom: 20px; +.stages li.complete .highlight { + color: #eef6ed; + background: #c5e2c4; } -.module-content > :last-child { +.alert > :last-child { margin-bottom: 0; } -.module-border-top { - border-top: 1px dotted #cccccc; +.slug-preview { + font-size: 14px; + line-height: 1.5; + margin-top: 5px; + margin-left: 10px; } -.module-border-bottom { - border-bottom: 1px dotted #cccccc; +.slug-preview-value { + background-color: #faedcf; + margin-right: 3px; } -.module-footer { - padding: 7px 25px 7px; - border-top: 1px dotted #cccccc; +.resource-upload-field { + position: relative; + overflow: hidden; + display: inline-block; + vertical-align: bottom; } -.module .read-more { - font-weight: bold; - color: #000000; +.resource-upload-field label { + z-index: 0; } -.module .pagination { - height: 34px; - margin-bottom: 0; - border-top: 1px solid #d0d0d0; +.resource-upload-field input { + opacity: 0; + filter: alpha(opacity=0); + position: absolute; + top: 0; + right: 0; + z-index: 1; + margin: 0; + border: solid transparent; + border-width: 100px 0 0 200px; + cursor: pointer; + direction: ltr; + -moz-transform: translate(-300px, 0) scale(4); } -.module .pagination > ul { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - border: 0; +.resource-upload-field.loading { + display: inline-block; + background: url("../../../base/images/loading-spinner.gif") no-repeat center right; + padding-right: 5px; } -.module .pagination li a { - border-top: none; - border-bottom: none; +.select2-container .select2-choice input, +.select2-container-multi .select2-choices .select2-search-field:first-child input { + font-size: 14px; } -.module .pagination li:first-child a, -.module .pagination li:last-child a { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +.select2-container-multi .select2-choices .select2-search-field input { + height: 29px; } -.module .pagination li:first-child a { - border-left-width: 0; +.select2-container .select2-choice input, +.select2-container-multi .select2-choices .select2-search-field:first-child input { + padding-left: 10px; } -.module .pagination li:last-child a { - border-right-width: 0; +.select2-container { + margin-top: 1px; } -.module .pagination li.active a { - border-left-width: 1px; - border-right-width: 1px; +.select2-container-multi { + margin-top: 0; } -.module .action { - text-align: center; +.select2-container-multi .select2-choices .select2-search-choice { + padding: 5px 8px 5px 22px; } -.module-shallow .module-content { - padding: 10px; - margin: 0; +.select2-container-multi.select2-container .select2-choices { + padding-top: 3px; + padding-bottom: 3px; } -.module-shallow .module-content:first-child { - padding-top: 10px; -} -.module-shallow .module-content:last-child { - padding-bottom: 10px; +.select2-search-choice-close, +.select2-container-multi .select2-search-choice-close { + top: 6px; + left: 5px; } -.module-shallow small { - font-size: 11px; - display: block; +.select2-container-multi .select2-choices { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; + background-color: #ffffff; + border: 1px solid #cccccc; } -.module-narrow .module-heading, -.module-narrow .module-content, -.module-narrow .module-footer { - padding-left: 15px; - padding-right: 15px; +.select2-container-active .select2-choices, +.select2-container-multi.select2-container-active .select2-choices { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } -.module-grid { - margin: 0; - list-style: none; - margin: 0; - list-style: none; - *zoom: 1; - margin-left: -20px; - padding: 0; +.select2-container-multi .select2-drop { + margin-top: -2px; } -.module-grid:before, -.module-grid:after { - display: table; - content: ""; +.select2-container .select2-results li { + line-height: 18px; + padding-top: 4px; + padding-bottom: 4px; } -.module-grid:after { - clear: both; +.control-full .select2-container { + width: 520px !important; } -.module-item { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - width: 33.33%; - padding-left: 20px; - padding-bottom: 25px; - float: left; - float: left; - margin-left: 20px; - width: 460px; - padding-top: 10px; - padding-bottom: 10px; - padding-right: 50px; - overflow: hidden; - position: relative; +.control-group.error .select2-container input:focus, +.control-group.error .select2-container select:focus, +.control-group.error .select2-container textarea:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } -.module-item.first { - clear: left; +.dataset-item { + border-bottom: 1px dotted #dddddd; + padding-bottom: 20px; + margin-bottom: 20px; } -.group .content img { - margin: 0 -5px 5px; - max-width: initial; +.dataset-item:last-of-type { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; } -.group .content h3 { - font-size: 14px; +.dataset-heading { + font-size: 16px; + margin-top: 0; + margin-bottom: 8px; line-height: 1.3; } -.group-listing { - margin-left: -20px; +.dataset-heading a { + color: #333333; } -.ckanext-datapreview { +.dataset-heading .label { position: relative; + top: -1px; } -.ckanext-datapreview > iframe { - min-height: 400px; -} -.ckanext-datapreview > img { - max-height: 500px; - max-width: 100%; - overflow: hidden; +.dataset-private { + margin-right: 10px; + text-transform: uppercase; } -.package-info h4 { - margin-bottom: 10px; +.dataset-private .icon-lock { + width: 9px; } -.media { - position: relative; - overflow: hidden; +.dataset-private.pull-right { + margin-right: 0; } -.media-content > :last-child { - margin-bottom: 0; +.dataset-resources { + margin-top: 8px; } -.media-heading { - font-size: 14px; - line-height: 1.3em; - margin: 5px 0; +.dataset-resources li { + display: inline; } -.media-image, -.media .gravatar { - position: relative; - float: left; - margin-right: 10px; - overflow: hidden; +.dataset-resources li a { + background-color: #aaaaaa; } -.media-image:after { - -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - content: ""; - position: absolute; +.dataset-heading .popular { top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 1; } -.media-image img { - display: block; - margin: 0 auto; -} -.media-vertical .media-image, -.media-vertical .media-content { - float: none; - display: block; -} -.media-vertical .media-image { - margin-right: 0; - max-height: 125px; -} -.media-grid, -ul.media-grid, -ol.media-grid { +.resource-list { margin: 0; list-style: none; - *zoom: 1; - margin-left: -20px; + margin: -10px -10px 10px -10px; } -.media-grid:before, -ul.media-grid:before, -ol.media-grid:before, -.media-grid:after, -ul.media-grid:after, -ol.media-grid:after { - display: table; - content: ""; +.resource-item { + position: relative; + padding: 10px 10px 10px 60px; + margin-bottom: 0px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.media-grid:after, -ul.media-grid:after, -ol.media-grid:after { - clear: both; +.resource-item:hover { + background-color: #eeeeee; } -.media-item { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - width: 33.33%; - padding-left: 20px; - padding-bottom: 25px; - float: left; +.resource-item .heading { + color: #000000; + font-size: 14px; + font-weight: bold; } -.media-item.first { - clear: left; +.resource-item .format-label { + position: absolute; + top: 10px; + left: 10px; } -.media-item .media-content { - min-height: 63px; +.resource-item .description { + font-size: 12px; + margin-bottom: 0; } -.related-item.expanded { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - background-color: #ffffff; - background-color: rgba(255, 255, 255, 0.9); - z-index: 2; +.resource-item .btn-group { + position: absolute; + top: 14px; + right: 10px; } -.media-wide { - padding: 0; +.dataset-resource-form .dataset-form-resource-types { + margin-bottom: 5px; } -.media-wide .media { - float: left; - margin-left: 20px; - width: 460px; +.dataset-form-resource-types .ckan-icon { + position: relative; + top: 3px; } -.media-overlay { +.dataset-form-resource-types .radio { + font-weight: normal; + padding-left: 0; + padding-right: 18px; +} +.dataset-form-resource-types label { position: relative; - min-height: 35px; } -.media-overlay .media-heading { +.dataset-form-resource-types input[type=radio]:checked + label { + font-weight: bold; +} +.dataset-form-resource-types input[type=radio]:checked + label:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + width: 16px; + height: 16px; + background-position: -192px 0; + display: block; + content: ""; position: absolute; + top: auto; left: 0; - right: 0; - bottom: 0; - padding: 12px 10px; + bottom: -12px; +} +.dataset-form-resource-types input[type=radio] { + display: none; +} +.tag-list { margin: 0; - background-color: #000; - background-color: rgba(0, 0, 0, 0.8); - font-size: 13px; - color: #fff; - z-index: 1; + list-style: none; + padding: 10px 10px 5px 10px; } -.media-overlay .media-image { - float: none; - display: block; +.tag-list li { + display: inline-block; + margin-right: 5px; +} +.tag-list li:last-child { margin-right: 0; } -.banner { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: center center; - -moz-transform-origin: center center; - -ms-transform-origin: center center; - -o-transform-origin: center center; - transform-origin: center center; - position: absolute; - top: 15px; - right: -35px; - width: 80px; - color: #ffffff; - background: #707070; - padding: 1px 20px; - font-size: 11px; - text-align: center; - text-transform: uppercase; +.additional-info td, +.additional-info th { + width: 50%; } -.nav-simple { - *zoom: 1; - margin: 0; - list-style: none; - padding-bottom: 0; +.label[data-format=html], +.label[data-format*=html] { + background-color: #55a1ce; } -.nav-simple:before, -.nav-simple:after { - display: table; - content: ""; +.label[data-format=json], +.label[data-format*=json] { + background-color: #ef7100; } -.nav-simple:after { - clear: both; +.label[data-format=xml], +.label[data-format*=xml] { + background-color: #ef7100; } -.nav-simple > li { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; +.label[data-format=text], +.label[data-format*=text] { + background-color: #74cbec; } -.nav-simple > li:last-of-type { - border-bottom: 0; +.label[data-format=csv], +.label[data-format*=csv] { + background-color: #dfb100; } -.nav-simple .ckan-icon { - position: relative; - top: 0px; +.label[data-format=xls], +.label[data-format*=xls] { + background-color: #2db55d; } -.nav-item > a { - color: #333333; - margin: -7px -25px; - padding: 7px 25px; +.label[data-format=zip], +.label[data-format*=zip] { + background-color: #686868; } -.nav-item.active { - background-color: #f2f2f2; +.label[data-format=api], +.label[data-format*=api] { + background-color: #ec96be; } -.nav-item.active > a span { - white-space: nowrap; - overflow: hidden; - display: block; +.label[data-format=pdf], +.label[data-format*=pdf] { + background-color: #e0051e; +} +.label[data-format=rdf], +.label[data-format*=rdf], +.label[data-format*=nquad], +.label[data-format*=ntriples], +.label[data-format*=turtle] { + background-color: #0b4498; } -.nav-item.active > a { - background: url("../../../base/images/background-tag.png") no-repeat -13px center; +.search-form { + margin-bottom: 20px; + padding-bottom: 25px; + border-bottom: 1px dotted #dddddd; +} +.search-form .search-input { position: relative; - display: block; - font-size: 11px; - line-height: 27px; - color: #045b04; - padding-left: 10px; - padding-right: 5px; - margin-right: 11px; + margin-bottom: 20px; +} +.search-form .search-input input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; - font-size: 12px; - font-weight: bold; - position: relative; - left: 4px; - margin-left: -25px; - margin-right: -20px; - padding-left: 10px; - padding-right: 0px; - padding: 1px 22px; + margin: 0; + width: 100%; + height: auto; } -.nav-item.active > a:before { - content: ""; - background: url("../../../base/images/background-tag.png") no-repeat center left; - position: absolute; +.search-form .search-input button { + cursor: pointer; display: block; - top: 0; - bottom: 0; - right: -11px; - width: 11px; + position: absolute; + top: 50%; + margin-top: -10px; + right: 10px; + height: 20px; + padding: 0; + border: none; + background: transparent; } -.nav-item [class^=icon] { - font-size: 1.2em; - margin: -1px 0 -1px -1px; +.search-form .search-input button span { + display: none; } -.module-narrow .nav-item > a { - padding-left: 15px; - padding-right: 15px; - position: relative; +.search-form .search-input button i { + color: #cccccc; + -webkit-transition: color 0.2s ease-in; + -moz-transition: color 0.2s ease-in; + -o-transition: color 0.2s ease-in; + transition: color 0.2s ease-in; } -.module-narrow .nav-item.active > a { - padding-left: 12px; - padding-right: 12px; +.search-form .search-input button:hover i { + color: #000000; } -.module-narrow .nav-item.image { - position: relative; +.search-form .search-input.search-giant input { + font-size: 16px; + padding: 15px; } -.module-narrow .nav-item.image > a { - padding-left: 42px; - padding-right: 42px; +.search-form .search-input.search-giant button { + margin-top: -15px; + right: 15px; + height: 30px; } -.module-narrow .nav-item.image > img { - position: absolute; - top: 50%; - left: 15px; - width: 20px; - height: 20px; - margin-top: -10px; - z-index: 2; +.search-form .search-input.search-giant button i { + font-size: 28px; + width: 28px; } -.nav-facet .nav-item > a:hover:after, -.nav-facet .nav-item.active > a:after { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - content: ""; - position: absolute; - top: 50%; - right: 5px; - margin-top: -8px; +.search-form .control-order-by { + float: right; + margin: 0 0 0 15px; } -.nav-facet .nav-item > a:hover:after:last-child, -.nav-facet .nav-item.active > a:after:last-child { - *margin-left: 0; +.search-form .control-order-by label, +.search-form .control-order-by select { + display: inline; } -.nav-facet .nav-item > a:hover:after { - width: 17px; - height: 17px; - background-position: -17px -16px; +.search-form .control-order-by select { + width: 160px; + margin: 0; } -.nav-facet .nav-item.active > a:after { - width: 17px; - height: 17px; - background-position: 0px -16px; - right: 3px; +.search-form h2 { + font-size: 24px; + line-height: 1.3; + color: #000000; + margin-bottom: 0; } -.js .js-hide { - display: none; +.search-form .filter-list { + color: #444444; + line-height: 32px; + margin: 10px 0 0 0; } -.js .js-hide.active { +.search-form .filter-list .pill { + line-height: 21px; +} +.search-form .filter-list .extra { + margin-top: 10px; + font-size: 18px; + font-weight: normal; + color: #000000; +} +.tertiary .control-order-by { + float: none; + margin: 0; +} +.tertiary .control-order-by label { display: block; + margin-bottom: 5px; + font-weight: normal; + font-size: 12px; } -.btn, -label { - font-weight: bold; +.tertiary .control-order-by select { + display: block; + font-size: 12px; + width: 100%; } -label { - cursor: pointer; - font-size: 14px; - line-height: 2; +.tertiary .search-input { + margin-bottom: 10px; } -label:after { - content: ":"; +.group .media-vertical .image { + margin: 0 -5px 5px; } -label.radio:after, -label.checkbox:after { - content: ""; +.group-list:nth-child(odd) { + clear: left; } -input, -textarea, -select, -.uneditable-input { - font-size: 14px; - padding: 8px 10px; +.group-list .module-heading { + padding-top: 15px; + padding-bottom: 15px; } -input[type=radio], -input[type=checkbox] { - position: relative; - top: 7px; - padding: 0; - margin: 0; +.group-list .dataset-content { + min-height: 54px; } -input[type=radio].checkbox-onown, -input[type=checkbox].checkbox-onown { - top: 0; +.group-list .module-heading h3 { + margin-bottom: 2px; } -select { - margin-top: 6px; - padding: 4px; +.group-list .module-heading h3 a { + color: #333333; } -textarea { - max-width: 100%; +.group-list .module-heading .media-image { + overflow: hidden; + max-height: 60px; } -.input-prepend .add-on { - padding: 8px 8px; - font-size: 14px; +.group-list .module-heading .media-image img { + max-width: 85px; } -.control-group .btn { +.toolbar { + *zoom: 1; position: relative; - top: -2px; + margin-bottom: 10px; + padding: 5px 0; } -.control-full input, -.control-full select, -.control-full textarea { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - height: auto; - width: 100%; +.toolbar:before, +.toolbar:after { + display: table; + content: ""; + line-height: 0; } -.control-medium input, -.control-medium select, -.control-medium textarea { - width: 320px; +.toolbar:after { + clear: both; } -.control-large input, -.control-large .control-label { - font-size: 18px; +.page_primary_action { + margin-bottom: 20px; } -.form-actions { - background: none; - margin-left: -25px; - margin-right: -25px; - margin-bottom: 0; - padding-bottom: 0; - text-align: right; -} -.form-actions .action-info { +.toolbar .breadcrumb { + *zoom: 1; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + position: relative; float: left; - width: 50%; - line-height: 2; - text-align: left; - color: #707070; margin: 0; + padding: 0; + border: none; + background: none; + font-size: 20px; + line-height: 1.3; } -.form-actions .action-info.small { - font-size: 11px; - line-height: 1.2; +.toolbar .breadcrumb:before, +.toolbar .breadcrumb:after { + display: table; + content: ""; + line-height: 0; } -.form-horizontal .control-label { - width: 120px; - line-height: 1.3; - padding-top: 9px; +.toolbar .breadcrumb:after { + clear: both; } -.form-horizontal .control-large input, -.form-horizontal .control-large .control-label { - font-size: 18px; - line-height: 2; +.toolbar .breadcrumb li:after { + content: " / "; } -.form-horizontal .control-large .control-label { - padding-top: 10px; +.toolbar .breadcrumb li.active:after { + content: ""; } -.form-horizontal .controls { - margin-left: 130px; +.toolbar .breadcrumb li:last-of-type:after { + content: ""; } -.form-horizontal .info-block { - position: relative; - display: block; - font-size: 11px; - color: #aeaeae; - line-height: 1.3; - padding: 6px 0 6px 25px; - margin-top: 6px; +.toolbar .home a { + text-decoration: none; } -.form-horizontal .info-inline { - float: right; - width: 265px; - margin-top: 0; +.toolbar .home span { + display: none; } -.form-horizontal .control-medium .info-block.info-inline { - width: 165px; +.toolbar .breadcrumb a { + color: #505050; } -.form-horizontal .info-block:before { - font-size: 2.2em; +.toolbar .breadcrumb .active a, +.toolbar .breadcrumb a.active { + font-weight: bold; +} +.actions { + margin: 0; + list-style: none; position: absolute; - left: 0; - top: 2px; + top: 10px; + right: 10px; + z-index: 1; } -.form-horizontal .info-inline:before { - top: 8px; +.actions li { + display: inline-block; + margin-right: 5px; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; } -.info-block .icon-large, -.info-inline .icon-large { +.actions li:last-of-type { + margin-right: 0; +} +.hide-heading { + display: none; +} +.page-header { + *zoom: 1; + border-bottom: 1px solid #dddddd; + background-color: #f6f6f6; + -webkit-border-radius: 0 3px 0 0; + -moz-border-radius: 0 3px 0 0; + border-radius: 0 3px 0 0; +} +.page-header:before, +.page-header:after { + display: table; + content: ""; + line-height: 0; +} +.page-header:after { + clear: both; +} +.page-header .nav-tabs { float: left; - font-size: 22px; - margin-right: 15px; + margin-bottom: -1px; } -.form-horizontal .info-block a { - color: #aeaeae; - text-decoration: underline; +.page-header .nav-tabs li.active a, +.page-header .nav-tabs a:hover { + background-color: #ffffff; } -.form-horizontal .form-actions { - padding-left: 25px; - padding-right: 25px; +.page-header .content_action { + float: right; + margin-top: -5px; + margin-right: -7px; } -.form-inline input { - padding-bottom: 9px; +.no-nav .page-header { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.form-inline select { - margin-top: 0; +h1 { + font-size: 28px; } -.form-inline .btn { - margin-left: 5px; +h2 { + font-size: 21px; } -.form-narrow label { - margin-bottom: 0; +h3 { + font-size: 18px; } -.form-narrow select { - width: 100%; +h4 { + font-size: 14px; } -.form-narrow .form-actions { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px 0; +h1, +h2, +h3, +h4 { + line-height: 1.5; } -.form-select label { - margin-right: 5px; +h1 small, +h2 small, +h3 small, +h4 small { + font-size: 14px; } -.simple-input label, -.simple-input button { - display: none; +.prose h1, +.prose heading-1 h2, +.prose heading-2 { + margin-bottom: 15px; } -.simple-input .field { - position: relative; +.prose h3, +.prose heading-3 { + margin-bottom: 10px; } -.simple-input .field-bordered { - border-bottom: 1px dotted #cccccc; +.table-chunky td, +.table-chunky th { + padding: 12px 15px; + font-size: 12px; } -.simple-input .field input { - width: 100%; - height: auto; - margin: 0 -7px; - padding: 7px 5px; +.table-chunky thead th, +.table-chunky thead td { + color: #ffffff; + background-color: #aaaaaa; + padding-top: 10px; + padding-bottom: 10px; } -.simple-input .field .btn-search { +.table-striped tbody tr:nth-child(odd) td, +.table-striped tbody tr:nth-child(odd) th { + background-color: transparent; +} +.table-striped tbody tr:nth-child(even) td, +.table-striped tbody tr:nth-child(even) th { + background-color: #f2f2f2; +} +.table-chunky.table-bordered { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.table-chunky.table-bordered thead:first-child tr:first-child th:first-child, +.table-chunky.table-bordered tbody:first-child tr:first-child td:first-child { + -webkit-border-top-left-radius: 2px; + -moz-border-radius-topleft: 2px; + border-top-left-radius: 2px; +} +.table-chunky.table-bordered thead:first-child tr:first-child th:last-child, +.table-chunky.table-bordered tbody:first-child tr:first-child td:last-child { + -webkit-border-top-right-radius: 2px; + -moz-border-radius-topright: 2px; + border-top-right-radius: 2px; +} +.table-chunky.table-bordered thead:last-child tr:last-child th:first-child, +.table-chunky.table-bordered tbody:last-child tr:last-child td:first-child { + -webkit-border-radius: 0 0 0 2px; + -moz-border-radius: 0 0 0 2px; + border-radius: 0 0 0 2px; + -webkit-border-bottom-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + border-bottom-left-radius: 2px; +} +.table-chunky.table-bordered thead:last-child tr:last-child th:last-child, +.table-chunky.table-bordered tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + border-bottom-right-radius: 2px; +} +.ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ckan-icon { *margin-right: .3em; display: inline-block; vertical-align: text-bottom; @@ -5209,1524 +6647,1336 @@ textarea { background-image: url("../../../base/images/sprite-ckan-icons.png"); background-repeat: no-repeat; background-position: 16px 16px; - width: 17px; - height: 17px; - background-position: -51px -16px; - position: absolute; - display: block; - height: 17px; - width: 17px; - top: 50%; - right: 0; - margin-top: -8px; - background-color: transparent; - border: none; - text-indent: -999em; } -.simple-input .field .btn-search:last-child { - *margin-left: 0; +.ckan-icon-fb { + width: 16px; + height: 16px; + background-position: 0px 0; } -.editor textarea { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - border-bottom: none; +.ckan-icon-gplus { + width: 16px; + height: 16px; + background-position: -16px 0; } -.editor .editor-info-block { - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - display: block; - float: none; - padding: 4px 10px; - background: #ebebeb; +.ckan-icon-twitter { + width: 16px; + height: 16px; + background-position: -32px 0; +} +.ckan-icon-email { + width: 16px; + height: 16px; + background-position: -48px 0; +} +.ckan-icon-share { + width: 16px; + height: 16px; + background-position: -64px 0; +} +.ckan-icon-feed { + width: 16px; + height: 16px; + background-position: -80px 0; +} +.ckan-icon-calendar { + width: 16px; + height: 16px; + background-position: -96px 0; +} +.ckan-icon-file { + width: 16px; + height: 16px; + background-position: -112px 0; +} +.ckan-icon-lock { + width: 16px; + height: 16px; + background-position: -128px 0; +} +.ckan-icon-link-file { + width: 16px; + height: 16px; + background-position: -144px 0; +} +.ckan-icon-link-plugin { + width: 16px; + height: 16px; + background-position: -160px 0; +} +.ckan-icon-upload-file { + width: 16px; + height: 16px; + background-position: -176px 0; +} +.ckan-icon-callout { + width: 16px; + height: 16px; + background-position: -192px 0; +} +.ckan-icon-circle-cross { + width: 17px; + height: 17px; + background-position: 0px -16px; +} +.ckan-icon-circle-add { + width: 17px; + height: 17px; + background-position: -17px -16px; +} +.ckan-icon-flame { + width: 17px; + height: 17px; + background-position: -34px -16px; +} +.ckan-icon-search { + width: 17px; + height: 17px; + background-position: -51px -16px; +} +.ckan-icon-large-lock { + width: 20px; + height: 20px; + background-position: 0px -33px; +} +.ckan-icon-photo { + width: 20px; + height: 20px; + background-position: -20px -33px; +} +.ckan-icon-add { + width: 20px; + height: 20px; + background-position: -40px -33px; +} +.ckan-icon-home { + width: 20px; + height: 20px; + background-position: -60px -33px; +} +.ckan-icon-rewind { + width: 20px; + height: 20px; + background-position: -80px -33px; +} +.ckan-icon-tools { + width: 20px; + height: 20px; + background-position: -100px -33px; +} +.ckan-icon-flag { + width: 20px; + height: 20px; + background-position: -120px -33px; +} +.ckan-icon-clipboard { + width: 20px; + height: 20px; + background-position: -140px -33px; +} +.ckan-icon-share { + width: 20px; + height: 20px; + background-position: -160px -33px; +} +.ckan-icon-info { + width: 20px; + height: 20px; + background-position: -180px -33px; +} +.ckan-icon-download { + width: 20px; + height: 20px; + background-position: -200px -33px; +} +.ckan-icon-star { + width: 20px; + height: 20px; + background-position: -220px -33px; +} +.ckan-icon-info-flat { + width: 20px; + height: 20px; + background-position: -240px -33px; +} +.ckan-icon-tag { + width: 20px; + height: 20px; + background-position: -260px -33px; +} +.ckan-icon-plus { + width: 20px; + height: 20px; + background-position: -280px -33px; + width: 16px; +} +.ckan-icon-head { + width: 20px; + height: 20px; + background-position: -300px -33px; +} +.ckan-icon-arrow-e { + width: 20px; + height: 20px; + background-position: -320px -33px; + width: 16px; +} +.ckan-icon-bookmark { + width: 25px; + height: 25px; + background-position: 0px -53px; +} +.format-label { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + text-indent: -900em; + background: url("../../../base/images/sprite-resource-icons.png") no-repeat 0 0; +} +.format-label { + width: 32px; + height: 35px; + background-position: 0px -62px; +} +.format-label[data-format=rdf], +.format-label[data-format*=rdf] { + width: 32px; + height: 35px; + background-position: -32px -62px; +} +.format-label[data-format=pdf], +.format-label[data-format*=pdf] { + width: 32px; + height: 35px; + background-position: -64px -62px; +} +.format-label[data-format=api], +.format-label[data-format*=api] { + width: 32px; + height: 35px; + background-position: -96px -62px; +} +.format-label[data-format=zip], +.format-label[data-format*=zip] { + width: 32px; + height: 35px; + background-position: -128px -62px; +} +.format-label[data-format=xls], +.format-label[data-format*=xls] { + width: 32px; + height: 35px; + background-position: -160px -62px; +} +.format-label[data-format=csv], +.format-label[data-format*=csv] { + width: 32px; + height: 35px; + background-position: -192px -62px; +} +.format-label[data-format=txt], +.format-label[data-format*=txt] { + width: 32px; + height: 35px; + background-position: -224px -62px; +} +.format-label[data-format=xml], +.format-label[data-format*=xml] { + width: 32px; + height: 35px; + background-position: -256px -62px; +} +.format-label[data-format=json], +.format-label[data-format*=json] { + width: 32px; + height: 35px; + background-position: -288px -62px; +} +.format-label[data-format=html], +.format-label[data-format*=html] { + width: 32px; + height: 35px; + background-position: -320px -62px; +} +/* This is a modified version of the font-awesome core less document. */ +@font-face { + font-family: 'FontAwesome'; + src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?v=3.0.1'); + src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); + font-weight: normal; + font-style: normal; +} +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + display: inline; width: auto; - border: 1px solid #cccccc; - border-top: none; - font-size: 11px; - color: #282828; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; } -.editor .editor-info-block a { - color: #045b04; - text-decoration: none; +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } } -.control-custom { - font-size: 0; +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } } -.control-custom label { - margin-bottom: 0; +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } } -.control-custom input { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - width: 140px; +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } } -.control-custom input:last-of-type { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } } -.control-custom .checkbox { - display: inline-block; - margin-left: 5px; +@-moz-document url-prefix() { + .icon-spin { + height: .9em; + } + .btn .icon-spin { + height: auto; + } + .icon-spin.icon-large { + height: 1.25em; + } + .btn .icon-spin.icon-large { + height: .75em; + } } -.control-custom .checkbox input { - width: auto; +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; } -.control-custom.disabled label, -.control-custom.disabled input { - color: #aaaaaa; - text-decoration: line-through; - text-shadow: none; +.icon-music:before { + content: "\f001"; } -.control-custom.disabled input { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - background-color: #f3f3f3; +.icon-search:before { + content: "\f002"; } -.control-custom.disabled .checkbox { - color: #4d4d4d; - text-decoration: none; +.icon-envelope:before { + content: "\f003"; } -.control-custom .checkbox.btn { - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; - position: relative; - top: 0; - left: 5px; - height: 3px; - width: 8px; - padding: 3px 8px; +.icon-heart:before { + content: "\f004"; } -.control-custom .checkbox.btn span { - display: none; - width: 30px; +.icon-star:before { + content: "\f005"; } -.control-custom .checkbox.btn:before { - position: relative; - top: 1px; - left: -1px; - color: #fff; +.icon-star-empty:before { + content: "\f006"; } -.control-custom .checkbox.btn input { - display: none; +.icon-user:before { + content: "\f007"; } -.control-custom.disabled .checkbox.btn { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #099f33; - background-image: -moz-linear-gradient(top, #0acf0a, #085871); - background-image: -ms-linear-gradient(top, #0acf0a, #085871); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0acf0a), to(#085871)); - background-image: -webkit-linear-gradient(top, #0acf0a, #085871); - background-image: -o-linear-gradient(top, #0acf0a, #085871); - background-image: linear-gradient(top, #0acf0a, #085871); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0acf0a', endColorstr='#085871', GradientType=0); - border-color: #085871 #085871 #03202a; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #085871; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-film:before { + content: "\f008"; } -.control-custom.disabled .checkbox.btn:hover, -.control-custom.disabled .checkbox.btn:active, -.control-custom.disabled .checkbox.btn.active, -.control-custom.disabled .checkbox.btn.disabled, -.control-custom.disabled .checkbox.btn[disabled] { - background-color: #085871; - *background-color: #064559; +.icon-th-large:before { + content: "\f009"; } -.control-custom.disabled .checkbox.btn:active, -.control-custom.disabled .checkbox.btn.active { - background-color: #053341 \9; +.icon-th:before { + content: "\f00a"; } -.control-custom.disabled .checkbox.btn .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-th-list:before { + content: "\f00b"; } -.alert-danger a, -.alert-error a { - color: #b55457; +.icon-ok:before { + content: "\f00c"; } -.control-group.error input, -.control-group.error select, -.control-group.error textarea, -.control-group.error .input-prepend .add-on, -.control-group.error .input-append .add-on { - border-color: #c6898b; +.icon-remove:before { + content: "\f00d"; } -.error-inline { - color: #b55457; +.icon-zoom-in:before { + content: "\f00e"; } -.error-block, -.error-inline { - font-size: 12px; +.icon-zoom-out:before { + content: "\f010"; } -.error-block { - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - display: block; - padding: 6px 8px 3px; - background: #c6898b; - margin: -3px 0 0; - color: #ffffff; - width: 216px; +.icon-off:before { + content: "\f011"; } -.control-medium .error-block { - width: 326px; +.icon-signal:before { + content: "\f012"; } -.control-full .error-block { - width: auto; +.icon-cog:before { + content: "\f013"; } -.control-group.error .input-prepend .error-block, -.control-custom.error .error-block { - margin-left: -1px; - width: auto; +.icon-trash:before { + content: "\f014"; } -.control-custom.error .error-block { - width: 409px; +.icon-home:before { + content: "\f015"; } -.control-select.error .error-block { - width: 204px; +.icon-file:before { + content: "\f016"; } -.stages { - margin: 0; - list-style: none; - *zoom: 1; - color: #aeaeae; - counter-reset: stage; - margin: -20px -25px 20px; - overflow: hidden; +.icon-time:before { + content: "\f017"; } -.stages:before, -.stages:after { - display: table; - content: ""; +.icon-road:before { + content: "\f018"; } -.stages:after { - clear: both; +.icon-download-alt:before { + content: "\f019"; } -.stages li { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - line-height: 27px; - counter-increment: stage; - width: 33.33%; - background-color: #ededed; - float: left; - padding: 10px 20px; - position: relative; - z-index: 0; +.icon-download:before { + content: "\f01a"; } -.stages li:before { - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; - content: counter(stage); - display: inline-block; - width: 27px; - height: 27px; - margin-right: 5px; - font-weight: bold; - text-align: center; - color: #ffffff; - background-color: #aeaeae; - z-index: 1; +.icon-upload:before { + content: "\f01b"; +} +.icon-inbox:before { + content: "\f01c"; +} +.icon-play-circle:before { + content: "\f01d"; +} +.icon-repeat:before { + content: "\f01e"; +} +/* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { + content: "\f021"; +} +.icon-list-alt:before { + content: "\f022"; +} +.icon-lock:before { + content: "\f023"; +} +.icon-flag:before { + content: "\f024"; +} +.icon-headphones:before { + content: "\f025"; +} +.icon-volume-off:before { + content: "\f026"; +} +.icon-volume-down:before { + content: "\f027"; +} +.icon-volume-up:before { + content: "\f028"; +} +.icon-qrcode:before { + content: "\f029"; +} +.icon-barcode:before { + content: "\f02a"; } -.stages li:after { - left: 0; - border: solid rgba(237, 237, 237, 0); - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-top-color: #ededed; - border-bottom-color: #ededed; - border-width: 29px; - top: 50%; - margin-top: -29px; - margin-left: -30px; +.icon-tag:before { + content: "\f02b"; } -.stages li.first, -.stages li.first .highlight { - -webkit-border-radius: 3px 0 0 0; - -moz-border-radius: 3px 0 0 0; - border-radius: 3px 0 0 0; +.icon-tags:before { + content: "\f02c"; } -.stages li.last { - position: relative; - right: -1px; +.icon-book:before { + content: "\f02d"; } -.stages li.last, -.stages li.last .highlight { - -webkit-border-radius: 0 3px 0 0; - -moz-border-radius: 0 3px 0 0; - border-radius: 0 3px 0 0; +.icon-bookmark:before { + content: "\f02e"; } -.stages li.first:after { - content: none; - border: none; +.icon-print:before { + content: "\f02f"; } -.stages li.active:after { - border-color: rgba(140, 198, 138, 0); - border-top-color: #8cc68a; - border-bottom-color: #8cc68a; +.icon-camera:before { + content: "\f030"; } -.stages li.complete:after { - border-color: rgba(197, 226, 196, 0); - border-top-color: #c5e2c4; - border-bottom-color: #c5e2c4; +.icon-font:before { + content: "\f031"; } -.stages.stage-3 li.complete:first-child:after { - content: none; +.icon-bold:before { + content: "\f032"; } -.stages li.active, -.stages li.complete { - background: none; +.icon-italic:before { + content: "\f033"; } -.stages li.active:before { - color: #8cc68a; - background: #ffffff; +.icon-text-height:before { + content: "\f034"; } -.stages li.complete:before { - color: #c5e2c4; - background: #eef6ed; +.icon-text-width:before { + content: "\f035"; } -.stages li .highlight { - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 100%; - padding: 10px 52px; - border: none; - text-align: left; - text-decoration: none; - line-height: 27px; - z-index: -1; +.icon-align-left:before { + content: "\f036"; } -.stages li.active .highlight { - color: #ffffff; - background: #8cc68a; +.icon-align-center:before { + content: "\f037"; } -.stages li.complete .highlight { - color: #eef6ed; - background: #c5e2c4; +.icon-align-right:before { + content: "\f038"; } -.alert > :last-child { - margin-bottom: 0; +.icon-align-justify:before { + content: "\f039"; } -.slug-preview { - font-size: 14px; - line-height: 1.5; - margin-top: 5px; - margin-left: 10px; +.icon-list:before { + content: "\f03a"; } -.slug-preview-value { - background-color: #faedcf; - margin-right: 3px; +.icon-indent-left:before { + content: "\f03b"; } -.slug-preview .btn { - padding-top: 3px; - padding-bottom: 3px; +.icon-indent-right:before { + content: "\f03c"; } -.resource-upload-field { - position: relative; - overflow: hidden; - display: inline-block; - vertical-align: bottom; +.icon-facetime-video:before { + content: "\f03d"; } -.resource-upload-field label { - z-index: 0; +.icon-picture:before { + content: "\f03e"; } -.resource-upload-field input { - opacity: 0; - filter: alpha(opacity=0); - position: absolute; - top: 0; - right: 0; - z-index: 1; - margin: 0; - border: solid transparent; - border-width: 100px 0 0 200px; - cursor: pointer; - direction: ltr; - -moz-transform: translate(-300px, 0) scale(4); +.icon-pencil:before { + content: "\f040"; } -.resource-upload-field.loading { - display: inline-block; - background: url("../../../base/images/loading-spinner.gif") no-repeat center right; - padding-right: 5px; +.icon-map-marker:before { + content: "\f041"; } -.select2-container .select2-choice input, -.select2-container-multi .select2-choices .select2-search-field:first-child input { - font-size: 14px; +.icon-adjust:before { + content: "\f042"; } -.select2-container-multi .select2-choices .select2-search-field input { - height: 29px; +.icon-tint:before { + content: "\f043"; } -.select2-container .select2-choice input, -.select2-container-multi .select2-choices .select2-search-field:first-child input { - padding-left: 10px; +.icon-edit:before { + content: "\f044"; } -.select2-container { - margin-top: 5px; +.icon-share:before { + content: "\f045"; } -.select2-container-multi { - margin-top: 0; +.icon-check:before { + content: "\f046"; } -.select2-container-multi .select2-choices .select2-search-choice { - padding: 5px 8px 5px 22px; +.icon-move:before { + content: "\f047"; } -.select2-container-multi.select2-container .select2-choices { - padding-top: 3px; - padding-bottom: 3px; +.icon-step-backward:before { + content: "\f048"; } -.select2-search-choice-close, -.select2-container-multi .select2-search-choice-close { - top: 6px; - left: 5px; +.icon-fast-backward:before { + content: "\f049"; } -.select2-container-multi .select2-choices { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; - background-color: #ffffff; - border: 1px solid #cccccc; +.icon-backward:before { + content: "\f04a"; } -.select2-container-active .select2-choices, -.select2-container-multi.select2-container-active .select2-choices { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +.icon-play:before { + content: "\f04b"; } -.select2-container-multi .select2-drop { - margin-top: -2px; +.icon-pause:before { + content: "\f04c"; } -.select2-container .select2-results li { - line-height: 18px; - padding-top: 4px; - padding-bottom: 4px; +.icon-stop:before { + content: "\f04d"; } -.control-full .select2-container { - width: 520px !important; +.icon-forward:before { + content: "\f04e"; } -.dataset-item { - border-bottom: 1px dotted #cccccc; - padding-bottom: 20px; - margin-bottom: 20px; +.icon-fast-forward:before { + content: "\f050"; } -.dataset-item:last-of-type { - border-bottom: none; - margin-bottom: 0; - padding-bottom: 0; +.icon-step-forward:before { + content: "\f051"; } -.dataset-heading { - font-size: 14px; - line-height: 1.3; +.icon-eject:before { + content: "\f052"; } -.dataset-heading a { - color: #333333; +.icon-chevron-left:before { + content: "\f053"; +} +.icon-chevron-right:before { + content: "\f054"; +} +.icon-plus-sign:before { + content: "\f055"; +} +.icon-minus-sign:before { + content: "\f056"; +} +.icon-remove-sign:before { + content: "\f057"; } -.dataset-heading .label { - position: relative; - top: -1px; +.icon-ok-sign:before { + content: "\f058"; } -.dataset-content { - font-size: 12px; +.icon-question-sign:before { + content: "\f059"; } -.dataset-resources { - font-size: 10px; - line-height: 14px; - margin-top: 5px; +.icon-info-sign:before { + content: "\f05a"; } -.dataset-resources li { - display: inline; +.icon-screenshot:before { + content: "\f05b"; } -.dataset-resources li a { - background-color: #aaaaaa; +.icon-remove-circle:before { + content: "\f05c"; } -.dataset-heading .popular { - top: 0; +.icon-ok-circle:before { + content: "\f05d"; } -.results { - margin-bottom: 20px; - padding-bottom: 25px; - border-bottom: 1px dotted #cccccc; +.icon-ban-circle:before { + content: "\f05e"; } -.results strong { - display: block; - font-size: 24px; - line-height: 1.3; - color: #000000; - margin-bottom: 10px; +.icon-arrow-left:before { + content: "\f060"; } -.results strong:before { - float: right; - content: " "; - width: 280px; - white-space: pre; +.icon-arrow-right:before { + content: "\f061"; } -.filter-list { - color: #4d4d4d; - font-weight: bold; +.icon-arrow-up:before { + content: "\f062"; } -.filter-list .extra { - margin-top: 10px; - font-size: 18px; - font-weight: normal; - color: #000000; +.icon-arrow-down:before { + content: "\f063"; } -.dataset-search { - position: relative; +.icon-share-alt:before { + content: "\f064"; } -.search-giant { - position: relative; +.icon-resize-full:before { + content: "\f065"; } -.search-giant input { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - font-size: 16px; - padding: 14px 10px; - width: 100%; - height: auto; +.icon-resize-small:before { + content: "\f066"; } -.search-giant button { - cursor: pointer; - position: absolute; - right: 15px; - top: 50%; - display: block; - border: none; - padding: 0; - margin-top: -17px; - width: 30px; - height: 30px; - background: transparent url("../../../base/images/icon-search-27x26.png") no-repeat center center; - text-indent: -900em; +.icon-plus:before { + content: "\f067"; } -.control-order-by { - position: absolute; - bottom: -65px; - right: 0; +.icon-minus:before { + content: "\f068"; } -.control-order-by label, -.control-order-by select { - display: inline; +.icon-asterisk:before { + content: "\f069"; } -.control-order-by select { - width: 160px; +.icon-exclamation-sign:before { + content: "\f06a"; } -.resource-list { - margin: 0; - list-style: none; - margin: -10px -10px 10px -10px; +.icon-gift:before { + content: "\f06b"; } -.resource-item { - position: relative; - padding: 10px 110px 10px 60px; - margin-bottom: 0px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; +.icon-leaf:before { + content: "\f06c"; } -.resource-item:hover { - background-color: #efefef; +.icon-fire:before { + content: "\f06d"; } -.resource-item .heading { - color: #000000; - font-size: 14px; - font-weight: bold; +.icon-eye-open:before { + content: "\f06e"; } -.resource-item .format-label { - position: absolute; - top: 10px; - left: 10px; +.icon-eye-close:before { + content: "\f070"; } -.resource-item .description { - font-size: 12px; - margin-bottom: 0; +.icon-warning-sign:before { + content: "\f071"; } -.resource-item .btn-group { - position: absolute; - top: 13px; - right: 10px; +.icon-plane:before { + content: "\f072"; } -.dataset-resource-form .dataset-form-resource-types { - margin-bottom: 5px; +.icon-calendar:before { + content: "\f073"; } -.dataset-form-resource-types .ckan-icon { - position: relative; - top: 3px; +.icon-random:before { + content: "\f074"; } -.dataset-form-resource-types .radio { - font-weight: normal; - padding-left: 0; - padding-right: 18px; +.icon-comment:before { + content: "\f075"; } -.dataset-form-resource-types label { - position: relative; +.icon-magnet:before { + content: "\f076"; } -.dataset-form-resource-types input[type=radio]:checked + label { - font-weight: bold; +.icon-chevron-up:before { + content: "\f077"; } -.dataset-form-resource-types input[type=radio]:checked + label:after { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - width: 16px; - height: 16px; - background-position: -192px 0; - display: block; - content: ""; - position: absolute; - top: auto; - left: 0; - bottom: -12px; +.icon-chevron-down:before { + content: "\f078"; } -.dataset-form-resource-types input[type=radio]:checked + label:after:last-child { - *margin-left: 0; +.icon-retweet:before { + content: "\f079"; } -.dataset-form-resource-types input[type=radio] { - display: none; +.icon-shopping-cart:before { + content: "\f07a"; } -.tag-list { - margin: 0; - list-style: none; - padding: 10px; +.icon-folder-close:before { + content: "\f07b"; } -.tag-list li { - display: inline-block; - margin-right: 5px; +.icon-folder-open:before { + content: "\f07c"; } -.tag-list li:last-child { - margin-right: 0; +.icon-resize-vertical:before { + content: "\f07d"; } -.additional-info td, -.additional-info th { - width: 50%; +.icon-resize-horizontal:before { + content: "\f07e"; } -.label[data-format=html], -.label[data-format*=html] { - background-color: #55a1ce; +.icon-bar-chart:before { + content: "\f080"; } -.label[data-format=json], -.label[data-format*=json] { - background-color: #ef7100; +.icon-twitter-sign:before { + content: "\f081"; } -.label[data-format=xml], -.label[data-format*=xml] { - background-color: #ef7100; +.icon-facebook-sign:before { + content: "\f082"; } -.label[data-format=text], -.label[data-format*=text] { - background-color: #74cbec; +.icon-camera-retro:before { + content: "\f083"; } -.label[data-format=csv], -.label[data-format*=csv] { - background-color: #dfb100; +.icon-key:before { + content: "\f084"; } -.label[data-format=xls], -.label[data-format*=xls] { - background-color: #2db55d; +.icon-cogs:before { + content: "\f085"; } -.label[data-format=zip], -.label[data-format*=zip] { - background-color: #686868; +.icon-comments:before { + content: "\f086"; } -.label[data-format=api], -.label[data-format*=api] { - background-color: #ec96be; +.icon-thumbs-up:before { + content: "\f087"; } -.label[data-format=pdf], -.label[data-format*=pdf] { - background-color: #e0051e; +.icon-thumbs-down:before { + content: "\f088"; } -.label[data-format=rdf], -.label[data-format*=rdf], -.label[data-format*=nquad], -.label[data-format*=ntriples], -.label[data-format*=turtle] { - background-color: #0b4498; +.icon-star-half:before { + content: "\f089"; } -.group .media-vertical .image { - margin: 0 -5px 5px; +.icon-heart-empty:before { + content: "\f08a"; } -.group-list:nth-child(odd) { - clear: left; +.icon-signout:before { + content: "\f08b"; } -.group-list .module-heading { - padding-top: 15px; - padding-bottom: 15px; +.icon-linkedin-sign:before { + content: "\f08c"; } -.group-list .dataset-content { - min-height: 54px; +.icon-pushpin:before { + content: "\f08d"; } -.group-list .module-heading h3 { - margin-bottom: 2px; +.icon-external-link:before { + content: "\f08e"; } -.group-list .module-heading h3 a { - color: #333333; +.icon-signin:before { + content: "\f090"; } -.toolbar { - *zoom: 1; - margin-top: -10px; - margin-bottom: 10px; - padding: 5px 0; +.icon-trophy:before { + content: "\f091"; } -.toolbar:before, -.toolbar:after { - display: table; - content: ""; +.icon-github-sign:before { + content: "\f092"; } -.toolbar:after { - clear: both; +.icon-upload-alt:before { + content: "\f093"; } -.toolbar .breadcrumb { - *zoom: 1; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - position: relative; - float: left; - margin: 0; - padding: 0; - border: none; - background: none; - font-size: 20px; +.icon-lemon:before { + content: "\f094"; } -.toolbar .breadcrumb:before, -.toolbar .breadcrumb:after { - display: table; - content: ""; +.icon-phone:before { + content: "\f095"; } -.toolbar .breadcrumb:after { - clear: both; +.icon-check-empty:before { + content: "\f096"; } -.toolbar li [class^=icon]:before { - width: auto; +.icon-bookmark-empty:before { + content: "\f097"; } -.toolbar .breadcrumb li:after { - content: " / "; +.icon-phone-sign:before { + content: "\f098"; } -.toolbar .breadcrumb li.active:after { - content: ""; +.icon-twitter:before { + content: "\f099"; } -.toolbar .breadcrumb li:last-of-type:after { - content: ""; +.icon-facebook:before { + content: "\f09a"; } -.toolbar .home a { - text-decoration: none; +.icon-github:before { + content: "\f09b"; } -.toolbar .home span { - display: none; +.icon-unlock:before { + content: "\f09c"; } -.toolbar .breadcrumb a { - color: #505050; - line-height: 28px; +.icon-credit-card:before { + content: "\f09d"; } -.toolbar .breadcrumb .active a { - font-weight: bold; +.icon-rss:before { + content: "\f09e"; } -.toolbar .actions { - margin: 0; - list-style: none; +.icon-hdd:before { + content: "\f0a0"; } -.toolbar .actions li { - display: inline-block; - margin-right: 5px; +.icon-bullhorn:before { + content: "\f0a1"; } -.toolbar .actions li { - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; +.icon-bell:before { + content: "\f0a2"; } -.toolbar .actions li:last-of-type { - margin-right: 0; +.icon-certificate:before { + content: "\f0a3"; } -.toolbar .btn { - padding: 0 10px 0 8px; - border-color: #b7b7b7; - line-height: 27px; +.icon-hand-right:before { + content: "\f0a4"; } -.toolbar .btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-hand-left:before { + content: "\f0a5"; } -.toolbar .btn-success:hover, -.toolbar .btn-success:active, -.toolbar .btn-success.active, -.toolbar .btn-success.disabled, -.toolbar .btn-success[disabled] { - background-color: #51a351; - *background-color: #499249; +.icon-hand-up:before { + content: "\f0a6"; } -.toolbar .btn-success:active, -.toolbar .btn-success.active { - background-color: #408140 \9; +.icon-hand-down:before { + content: "\f0a7"; } -.toolbar .btn-success .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-circle-arrow-left:before { + content: "\f0a8"; } -.toolbar .btn-primary { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #099f33; - background-image: -moz-linear-gradient(top, #0acf0a, #085871); - background-image: -ms-linear-gradient(top, #0acf0a, #085871); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0acf0a), to(#085871)); - background-image: -webkit-linear-gradient(top, #0acf0a, #085871); - background-image: -o-linear-gradient(top, #0acf0a, #085871); - background-image: linear-gradient(top, #0acf0a, #085871); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0acf0a', endColorstr='#085871', GradientType=0); - border-color: #085871 #085871 #03202a; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #085871; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-circle-arrow-right:before { + content: "\f0a9"; } -.toolbar .btn-primary:hover, -.toolbar .btn-primary:active, -.toolbar .btn-primary.active, -.toolbar .btn-primary.disabled, -.toolbar .btn-primary[disabled] { - background-color: #085871; - *background-color: #064559; +.icon-circle-arrow-up:before { + content: "\f0aa"; } -.toolbar .btn-primary:active, -.toolbar .btn-primary.active { - background-color: #053341 \9; +.icon-circle-arrow-down:before { + content: "\f0ab"; } -.toolbar .btn-primary .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-globe:before { + content: "\f0ac"; } -.toolbar .btn-warning { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #faa732; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', 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); - *background-color: #f89406; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-wrench:before { + content: "\f0ad"; } -.toolbar .btn-warning:hover, -.toolbar .btn-warning:active, -.toolbar .btn-warning.active, -.toolbar .btn-warning.disabled, -.toolbar .btn-warning[disabled] { - background-color: #f89406; - *background-color: #df8505; +.icon-tasks:before { + content: "\f0ae"; } -.toolbar .btn-warning:active, -.toolbar .btn-warning.active { - background-color: #c67605 \9; +.icon-filter:before { + content: "\f0b0"; } -.toolbar .btn-warning .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-briefcase:before { + content: "\f0b1"; } -.toolbar .btn-danger { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #da4f49; - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); - border-color: #bd362f #bd362f #802420; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #bd362f; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-fullscreen:before { + content: "\f0b2"; } -.toolbar .btn-danger:hover, -.toolbar .btn-danger:active, -.toolbar .btn-danger.active, -.toolbar .btn-danger.disabled, -.toolbar .btn-danger[disabled] { - background-color: #bd362f; - *background-color: #a9302a; +.icon-group:before { + content: "\f0c0"; } -.toolbar .btn-danger:active, -.toolbar .btn-danger.active { - background-color: #942a25 \9; +.icon-link:before { + content: "\f0c1"; } -.toolbar .btn-danger .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-cloud:before { + content: "\f0c2"; } -.toolbar .btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-beaker:before { + content: "\f0c3"; } -.toolbar .btn-success:hover, -.toolbar .btn-success:active, -.toolbar .btn-success.active, -.toolbar .btn-success.disabled, -.toolbar .btn-success[disabled] { - background-color: #51a351; - *background-color: #499249; +.icon-cut:before { + content: "\f0c4"; } -.toolbar .btn-success:active, -.toolbar .btn-success.active { - background-color: #408140 \9; +.icon-copy:before { + content: "\f0c5"; } -.toolbar .btn-success .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-paper-clip:before { + content: "\f0c6"; } -.toolbar .btn-info { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #49afcd; - 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); - *background-color: #2f96b4; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-save:before { + content: "\f0c7"; +} +.icon-sign-blank:before { + content: "\f0c8"; } -.toolbar .btn-info:hover, -.toolbar .btn-info:active, -.toolbar .btn-info.active, -.toolbar .btn-info.disabled, -.toolbar .btn-info[disabled] { - background-color: #2f96b4; - *background-color: #2a85a0; +.icon-reorder:before { + content: "\f0c9"; } -.toolbar .btn-info:active, -.toolbar .btn-info.active { - background-color: #24748c \9; +.icon-list-ul:before { + content: "\f0ca"; } -.toolbar .btn-info .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-list-ol:before { + content: "\f0cb"; } -.toolbar .btn-inverse { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #414141; - background-image: -moz-linear-gradient(top, #555555, #222222); - background-image: -ms-linear-gradient(top, #555555, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); - background-image: -webkit-linear-gradient(top, #555555, #222222); - background-image: -o-linear-gradient(top, #555555, #222222); - background-image: linear-gradient(top, #555555, #222222); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); - 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); - *background-color: #222222; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-strikethrough:before { + content: "\f0cc"; } -.toolbar .btn-inverse:hover, -.toolbar .btn-inverse:active, -.toolbar .btn-inverse.active, -.toolbar .btn-inverse.disabled, -.toolbar .btn-inverse[disabled] { - background-color: #222222; - *background-color: #151515; +.icon-underline:before { + content: "\f0cd"; } -.toolbar .btn-inverse:active, -.toolbar .btn-inverse.active { - background-color: #080808 \9; +.icon-table:before { + content: "\f0ce"; } -.toolbar .btn-inverse .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-magic:before { + content: "\f0d0"; } -.hide-heading { - display: none; +.icon-truck:before { + content: "\f0d1"; } -.page-header { - position: relative; - border-bottom: 1px solid #d0d0d0; - height: 30px; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - background-color: #f3f3f3; - background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: linear-gradient(top, #f5f5f5, #f0f0f0); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); +.icon-pinterest:before { + content: "\f0d2"; } -.page-header .nav-tabs { - position: absolute; - left: 20px; - bottom: -1px; - margin-bottom: 0; +.icon-pinterest-sign:before { + content: "\f0d3"; } -.page-header .nav-tabs i { - margin-right: 10px; - font-size: 14px; +.icon-google-plus-sign:before { + content: "\f0d4"; } -.page-header .nav-tabs a:hover { - background-color: #ffffff; +.icon-google-plus:before { + content: "\f0d5"; } -.prose h1, -.prose heading-1 h2, -.prose heading-2 { - margin-bottom: 15px; +.icon-money:before { + content: "\f0d6"; } -.prose h3, -.prose heading-3 { - margin-bottom: 10px; +.icon-caret-down:before { + content: "\f0d7"; } -.table-chunky td, -.table-chunky th { - padding: 12px 15px; - font-size: 12px; +.icon-caret-up:before { + content: "\f0d8"; } -.table-chunky thead th, -.table-chunky thead td { - color: #ffffff; - background-color: #aaaaaa; - padding-top: 10px; - padding-bottom: 10px; +.icon-caret-left:before { + content: "\f0d9"; } -.table-striped tbody tr:nth-child(odd) td, -.table-striped tbody tr:nth-child(odd) th { - background-color: transparent; +.icon-caret-right:before { + content: "\f0da"; } -.table-striped tbody tr:nth-child(even) td, -.table-striped tbody tr:nth-child(even) th { - background-color: #f2f2f2; +.icon-columns:before { + content: "\f0db"; } -.table-chunky.table-bordered { - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; +.icon-sort:before { + content: "\f0dc"; } -.table-chunky.table-bordered thead:first-child tr:first-child th:first-child, -.table-chunky.table-bordered tbody:first-child tr:first-child td:first-child { - -webkit-border-top-left-radius: 2px; - -moz-border-radius-topleft: 2px; - border-top-left-radius: 2px; +.icon-sort-down:before { + content: "\f0dd"; } -.table-chunky.table-bordered thead:first-child tr:first-child th:last-child, -.table-chunky.table-bordered tbody:first-child tr:first-child td:last-child { - -webkit-border-top-right-radius: 2px; - -moz-border-radius-topright: 2px; - border-top-right-radius: 2px; +.icon-sort-up:before { + content: "\f0de"; } -.table-chunky.table-bordered thead:last-child tr:last-child th:first-child, -.table-chunky.table-bordered tbody:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 2px; - -moz-border-radius: 0 0 0 2px; - border-radius: 0 0 0 2px; - -webkit-border-bottom-left-radius: 2px; - -moz-border-radius-bottomleft: 2px; - border-bottom-left-radius: 2px; +.icon-envelope-alt:before { + content: "\f0e0"; } -.table-chunky.table-bordered thead:last-child tr:last-child th:last-child, -.table-chunky.table-bordered tbody:last-child tr:last-child td:last-child { - -webkit-border-bottom-right-radius: 2px; - -moz-border-radius-bottomright: 2px; - border-bottom-right-radius: 2px; +.icon-linkedin:before { + content: "\f0e1"; } -.ckan-icon { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; +.icon-undo:before { + content: "\f0e2"; } -.ckan-icon:last-child { - *margin-left: 0; +.icon-legal:before { + content: "\f0e3"; } -.ckan-icon-fb { - width: 16px; - height: 16px; - background-position: 0px 0; +.icon-dashboard:before { + content: "\f0e4"; } -.ckan-icon-gplus { - width: 16px; - height: 16px; - background-position: -16px 0; +.icon-comment-alt:before { + content: "\f0e5"; } -.ckan-icon-twitter { - width: 16px; - height: 16px; - background-position: -32px 0; +.icon-comments-alt:before { + content: "\f0e6"; } -.ckan-icon-email { - width: 16px; - height: 16px; - background-position: -48px 0; +.icon-bolt:before { + content: "\f0e7"; } -.ckan-icon-share { - width: 16px; - height: 16px; - background-position: -64px 0; +.icon-sitemap:before { + content: "\f0e8"; } -.ckan-icon-feed { - width: 16px; - height: 16px; - background-position: -80px 0; +.icon-umbrella:before { + content: "\f0e9"; } -.ckan-icon-calendar { - width: 16px; - height: 16px; - background-position: -96px 0; +.icon-paste:before { + content: "\f0ea"; } -.ckan-icon-file { - width: 16px; - height: 16px; - background-position: -112px 0; +.icon-lightbulb:before { + content: "\f0eb"; } -.ckan-icon-lock { - width: 16px; - height: 16px; - background-position: -128px 0; +.icon-exchange:before { + content: "\f0ec"; } -.ckan-icon-link-file { - width: 16px; - height: 16px; - background-position: -144px 0; +.icon-cloud-download:before { + content: "\f0ed"; } -.ckan-icon-link-plugin { - width: 16px; - height: 16px; - background-position: -160px 0; +.icon-cloud-upload:before { + content: "\f0ee"; } -.ckan-icon-upload-file { - width: 16px; - height: 16px; - background-position: -176px 0; +.icon-user-md:before { + content: "\f0f0"; } -.ckan-icon-callout { - width: 16px; - height: 16px; - background-position: -192px 0; +.icon-stethoscope:before { + content: "\f0f1"; } -.ckan-icon-circle-cross { - width: 17px; - height: 17px; - background-position: 0px -16px; +.icon-suitcase:before { + content: "\f0f2"; } -.ckan-icon-circle-add { - width: 17px; - height: 17px; - background-position: -17px -16px; +.icon-bell-alt:before { + content: "\f0f3"; } -.ckan-icon-flame { - width: 17px; - height: 17px; - background-position: -34px -16px; +.icon-coffee:before { + content: "\f0f4"; } -.ckan-icon-search { - width: 17px; - height: 17px; - background-position: -51px -16px; +.icon-food:before { + content: "\f0f5"; } -.ckan-icon-large-lock { - width: 20px; - height: 20px; - background-position: 0px -33px; +.icon-file-alt:before { + content: "\f0f6"; } -.ckan-icon-photo { - width: 20px; - height: 20px; - background-position: -20px -33px; +.icon-building:before { + content: "\f0f7"; } -.ckan-icon-add { - width: 20px; - height: 20px; - background-position: -40px -33px; +.icon-hospital:before { + content: "\f0f8"; } -.ckan-icon-home { - width: 20px; - height: 20px; - background-position: -60px -33px; +.icon-ambulance:before { + content: "\f0f9"; } -.ckan-icon-rewind { - width: 20px; - height: 20px; - background-position: -80px -33px; +.icon-medkit:before { + content: "\f0fa"; +} +.icon-fighter-jet:before { + content: "\f0fb"; +} +.icon-beer:before { + content: "\f0fc"; +} +.icon-h-sign:before { + content: "\f0fd"; +} +.icon-plus-sign-alt:before { + content: "\f0fe"; } -.ckan-icon-tools { - width: 20px; - height: 20px; - background-position: -100px -33px; +.icon-double-angle-left:before { + content: "\f100"; } -.ckan-icon-flag { - width: 20px; - height: 20px; - background-position: -120px -33px; +.icon-double-angle-right:before { + content: "\f101"; } -.ckan-icon-clipboard { - width: 20px; - height: 20px; - background-position: -140px -33px; +.icon-double-angle-up:before { + content: "\f102"; } -.ckan-icon-share { - width: 20px; - height: 20px; - background-position: -160px -33px; +.icon-double-angle-down:before { + content: "\f103"; } -.ckan-icon-info { - width: 20px; - height: 20px; - background-position: -180px -33px; +.icon-angle-left:before { + content: "\f104"; } -.ckan-icon-download { - width: 20px; - height: 20px; - background-position: -200px -33px; +.icon-angle-right:before { + content: "\f105"; } -.ckan-icon-star { - width: 20px; - height: 20px; - background-position: -220px -33px; +.icon-angle-up:before { + content: "\f106"; } -.ckan-icon-info-flat { - width: 20px; - height: 20px; - background-position: -240px -33px; +.icon-angle-down:before { + content: "\f107"; } -.ckan-icon-tag { - width: 20px; - height: 20px; - background-position: -260px -33px; +.icon-desktop:before { + content: "\f108"; } -.ckan-icon-plus { - width: 20px; - height: 20px; - background-position: -280px -33px; - width: 16px; +.icon-laptop:before { + content: "\f109"; } -.ckan-icon-head { - width: 20px; - height: 20px; - background-position: -300px -33px; +.icon-tablet:before { + content: "\f10a"; } -.ckan-icon-arrow-e { - width: 20px; - height: 20px; - background-position: -320px -33px; - width: 16px; +.icon-mobile-phone:before { + content: "\f10b"; } -.ckan-icon-bookmark { - width: 25px; - height: 25px; - background-position: 0px -53px; +.icon-circle-blank:before { + content: "\f10c"; } -.format-label { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - text-indent: -900em; - background: url("../../../base/images/sprite-resource-icons.png") no-repeat 0 0; +.icon-quote-left:before { + content: "\f10d"; } -.format-label:last-child { - *margin-left: 0; +.icon-quote-right:before { + content: "\f10e"; } -.format-label { - width: 32px; - height: 35px; - background-position: 0px -62px; +.icon-spinner:before { + content: "\f110"; } -.format-label[data-format=rdf], -.format-label[data-format*=rdf] { - width: 32px; - height: 35px; - background-position: -32px -62px; +.icon-circle:before { + content: "\f111"; } -.format-label[data-format=pdf], -.format-label[data-format*=pdf] { - width: 32px; - height: 35px; - background-position: -64px -62px; +.icon-reply:before { + content: "\f112"; } -.format-label[data-format=api], -.format-label[data-format*=api] { - width: 32px; - height: 35px; - background-position: -96px -62px; +.icon-github-alt:before { + content: "\f113"; } -.format-label[data-format=zip], -.format-label[data-format*=zip] { - width: 32px; - height: 35px; - background-position: -128px -62px; +.icon-folder-close-alt:before { + content: "\f114"; } -.format-label[data-format=xls], -.format-label[data-format*=xls] { - width: 32px; - height: 35px; - background-position: -160px -62px; +.icon-folder-open-alt:before { + content: "\f115"; } -.format-label[data-format=csv], -.format-label[data-format*=csv] { - width: 32px; - height: 35px; - background-position: -192px -62px; +[class^="icon-"], +[class*=" icon-"] { + display: inline-block; + text-align: right; + font-size: 14px; + line-height: 1; + width: 14px; } -.format-label[data-format=txt], -.format-label[data-format*=txt] { - width: 32px; - height: 35px; - background-position: -224px -62px; +.btn [class^="icon-"], +.nav [class^="icon-"], +.module-heading [class^="icon-"], +.dropdown [class^="icon-"], +.btn [class*=" icon-"], +.nav [class*=" icon-"], +.module-heading [class*=" icon-"], +.dropdown [class*=" icon-"] { + margin-right: 4px; } -.format-label[data-format=xml], -.format-label[data-format*=xml] { - width: 32px; - height: 35px; - background-position: -256px -62px; +.info-block [class^="icon-"], +.info-block [class*=" icon-"] { + float: left; + font-size: 28px; + width: 28px; + margin-right: 5px; + margin-top: 2px; } -.format-label[data-format=json], -.format-label[data-format*=json] { - width: 32px; - height: 35px; - background-position: -288px -62px; +.breadcrumb .home .icon-home { + font-size: 24px; + width: 24px; + vertical-align: -1px; } -.format-label[data-format=html], -.format-label[data-format*=html] { - width: 32px; - height: 35px; - background-position: -320px -62px; +.info-block-small [class^="icon-"], +.info-block-small [class*=" icon-"] { + font-size: 14px; + width: 14px; + margin-top: 1px; } -li [class^="icon-"], -li [class*=" icon-"] { - width: auto; +.wrapper { + *zoom: 1; + background-color: #FFF; + border: 1px solid #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + position: relative; + background: #ffffff url("../../../base/images/nav.png") 0 0 repeat-y; + margin-bottom: 20px; } -li .icon-large:before, -li .icon-large:before { - width: auto; +.wrapper:before, +.wrapper:after { + display: table; + content: ""; + line-height: 0; +} +.wrapper:after { + clear: both; +} +.wrapper.no-nav { + background-image: none; } [role=main], .main { position: relative; - padding-top: 27px; - padding-bottom: 27px; - background-color: #efefef; + padding-top: 10px; + padding-bottom: 20px; + background: #eeeeee url("../../../base/images/bg.png"); } [role=main] { min-height: 350px; } .main:after, -.main:before, -[role=main]:after, -[role=main]:before { - content: ""; - position: absolute; - left: 0; - right: 0; - height: 7px; - background: #ffffff; - border-color: #c9c9c9; - border-style: solid; - border-width: 0; -} -.main:before, -[role=main]:before { - top: 0; - border-bottom-width: 1px; -} -.main:after, [role=main]:after { bottom: 0; border-top-width: 1px; } [role=main] .primary { - float: left; - margin-left: 20px; - width: 700px; + width: 717px; float: right; } [role=main] .secondary { - float: left; margin-left: 20px; width: 220px; margin-left: 0; float: left; } -.primary > :last-child, -.secondary > :last-child { - margin-bottom: 0; +.primary > :last-child, +.secondary > :last-child { + margin-bottom: 0; +} +.primary .primary { + float: left; + width: 467px; + margin-left: 0; + margin-bottom: 20px; +} +.primary .primary h1:first-child, +.primary .primary h2:first-child, +.primary .primary h3:first-child, +.primary .primary h4:first-child { + margin-top: 0; +} +.primary .tertiary { + float: left; + width: 180px; + margin-left: 20px; + margin-bottom: 20px; +} +.hero { + background: url("../../../base/images/background-tile.png"); +} +.hero:after { + background-color: rgba(0, 0, 0, 0.09); + background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-repeat: repeat-x; + background-color: #f6f6f6; + border-bottom: 1px solid #d0d0d0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); + -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); + box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); +} +.hero:after .back:hover { + text-decoration: none; +} +.hero:after .back:hover span { + text-decoration: underline; +} +.context-info .module-content { + padding: 15px; +} +.context-info .image { + margin-bottom: 10px; +} +.context-info .image img, +.context-info .image a { + display: block; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.context-info p { + overflow: auto; +} +.context-info code { + display: block; + font-weight: normal; + padding: 0; + margin: 0; + overflow: auto; +} +.context-info h1.heading { + margin: 0 0 5px 0; + font-size: 18px; + line-height: 1.3; +} +.context-info .info { + margin-top: 15px; + padding-top: 10px; + border-top: 1px dotted #DDD; +} +.context-info .info dl dd { + margin-top: 3px; + margin-left: 0; +} +.context-info .nums { + *zoom: 1; + margin-top: 15px; + padding-top: 10px; + padding-bottom: 0; + border-top: 1px dotted #DDD; +} +.context-info .nums:before, +.context-info .nums:after { + display: table; + content: ""; + line-height: 0; +} +.context-info .nums:after { + clear: both; +} +.context-info .nums dl { + float: left; + width: 50%; + margin: 5px 0 0 0; + color: #444444; +} +.context-info .nums dl dt { + display: block; + font-size: 13px; + font-weight: 300; +} +.context-info .nums dl dd { + display: block; + font-size: 30px; + font-weight: 700; + line-height: 36px; + margin-left: 0; +} +.context-info .nums dl dd .smallest { + font-size: 13px; +} +.context-info .nums dl dd .smaller { + font-size: 16px; } -.hero { - background: url("../../../base/images/background-tile.png"); +.context-info .nums dl dd .small { + font-size: 21px; } -.hero:after { - background-color: rgba(0, 0, 0, 0.09); - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0))); - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-repeat: repeat-x; - background-color: transparent; - top: 7px; - bottom: auto; - height: 5px; +.context-info .follow_button { + margin-top: 15px; +} +.context-info.editing .module-content { + margin-top: 0; } .hero { - padding-bottom: 0; + background: url("../../../base/images/background-tile.png"); + padding: 20px 0; min-height: 0; } .hero > .container { position: relative; padding-bottom: 0; } -.hero-primary, -.hero-secondary { - float: left; - margin-left: 20px; - width: 460px; -} -.hero-primary { - margin-left: 0; -} -.hero-primary { - margin-left: 0; - margin-bottom: 0; -} -.hero-secondary { - position: absolute; - bottom: 0; - right: 0; -} -.hero-secondary-inner { - bottom: 0; - left: 0; - right: 0; -} -.hero .module-popup { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - margin-top: 50px; +.hero .search-giant { + margin-bottom: 10px; } -.hero .module-popup .module-content { - padding-bottom: 2px; +.hero .search-giant input { + border-color: #003f52; } .hero .page-heading { font-size: 18px; @@ -6734,290 +7984,339 @@ li .icon-large:before { } .hero .module-dark { padding: 5px; - margin-bottom: 10px; + margin-bottom: 0; color: #ffffff; background: #ffffff; } .hero .module-dark .module-content { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #068106; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + background-color: #2f9b45; + border-bottom: none; } .hero .module-dark .module-content .heading { + margin-top: 0; margin-bottom: 7px; + font-size: 24px; + line-height: 40px; } .hero .tags { - margin-bottom: 9px; -} -.hero .tags .tag, -.hero .tags .tag-list { - display: inline-block; -} -.hero .tags .tag-list { - padding: 0; -} -.hero .tags .tag { - margin-right: 15px; -} -header.masthead { *zoom: 1; - color: #ffffff; - padding: 5px 10px 3px; - height: 55px; - background-color: #079107; - background-image: -moz-linear-gradient(top, #068106, #08a808); - background-image: -ms-linear-gradient(top, #068106, #08a808); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#068106), to(#08a808)); - background-image: -webkit-linear-gradient(top, #068106, #08a808); - background-image: -o-linear-gradient(top, #068106, #08a808); - background-image: linear-gradient(top, #068106, #08a808); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#068106', endColorstr='#08a808', GradientType=0); + padding: 5px 10px 10px 10px; + background-color: #237434; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } -header.masthead:before, -header.masthead:after { +.hero .tags:before, +.hero .tags:after { display: table; content: ""; + line-height: 0; } -header.masthead:after { +.hero .tags:after { clear: both; } -header.masthead .container { - position: relative; +.hero .tags h3, +.hero .tags .tag { + display: block; + float: left; + margin: 5px 10px 0 0; } -header.masthead a { - color: #ffffff; +.hero .tags h3 { + font-size: 14px; + line-height: 20px; + padding: 2px 8px; } -header.masthead hgroup h1, -header.masthead hgroup h2 { +.hero-primary, +.hero-secondary { float: left; - font-size: 34px; - line-height: 1.5; -} -header.masthead hgroup h1 { - font-weight: 900; - letter-spacing: -1px; + margin-left: 20px; + width: 460px; } -header.masthead hgroup h2 { - position: absolute; - bottom: -3px; - left: 0; - margin: 0; - font-size: 15px; - font-weight: normal; - line-height: 1.2; - white-space: nowrap; +.hero-primary { + margin-left: 0; + margin-bottom: 0; } -header.masthead .content { +.hero-secondary { position: absolute; - top: 10px; + bottom: 0; right: 0; } -header.masthead .section { - float: left; +.hero-secondary .hero-secondary-inner { + bottom: 0; + left: 0; + right: 0; } -header.masthead .navigation { - margin-right: 20px; +.main.homepage { + padding-top: 20px; + padding-bottom: 20px; + border-top: 1px solid #cccccc; } -header.masthead .navigation ul.unstyled { - *zoom: 1; - margin: 5px 0; +.main.homepage .module-heading .media-image { + margin-right: 15px; + max-height: 53px; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); + -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); } -header.masthead .navigation ul.unstyled:before, -header.masthead .navigation ul.unstyled:after { - display: table; - content: ""; +.main.homepage .group-listing .box { + min-height: 275px; } -header.masthead .navigation ul.unstyled:after { - clear: both; +.main.homepage .group-list { + margin-bottom: 0; } -header.masthead .navigation ul.unstyled li { - display: block; - float: left; +.main.homepage .group-list .dataset-content { + min-height: 70px; } -header.masthead .navigation ul.unstyled li a { - display: block; - font-size: 12px; - font-weight: bold; - padding: 4px 10px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; +.main.homepage .box .module { + margin-top: 0; } -header.masthead .navigation ul.unstyled li a.active { - background-color: #128712; - box-shadow: 0 -1px 0 #0c5a0c, 0 1px 0 #2b942b; +.account-masthead { + *zoom: 1; + min-height: 30px; + color: #ffffff; + background: #237434 url("../../../base/images/bg.png"); } -header.masthead .site-search { - margin: 3px 0; +.account-masthead:before, +.account-masthead:after { + display: table; + content: ""; + line-height: 0; } -header.masthead .site-search input { - width: 190px; - font-size: 11px; - padding: 4px; +.account-masthead:after { + clear: both; } -header.masthead .account { - background: #079007; - padding: 3px 5px; - margin: 2px 0 2px 30px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: inset 0 2px 4px #067706; - -moz-box-shadow: inset 0 2px 4px #067706; - box-shadow: inset 0 2px 4px #067706; +.account-masthead .account { + float: right; } -header.masthead .account ul.unstyled { +.account-masthead .account ul { *zoom: 1; } -header.masthead .account ul.unstyled:before, -header.masthead .account ul.unstyled:after { +.account-masthead .account ul:before, +.account-masthead .account ul:after { display: table; content: ""; + line-height: 0; } -header.masthead .account ul.unstyled:after { +.account-masthead .account ul:after { clear: both; } -header.masthead .account ul.unstyled li { +.account-masthead .account ul li { display: block; float: left; + border-left: 1px solid #1d602b; } -header.masthead .account ul.unstyled li a { +.account-masthead .account ul li a { display: block; - font-size: 12px; + color: #cbe6d1; + font-size: 13px; font-weight: bold; - padding: 4px 10px; + padding: 0 10px; + line-height: 31px; +} +.account-masthead .account ul li a span.username { + margin: 0 2px 0 4px; } -header.masthead .account ul.unstyled li a.sub { +.account-masthead .account ul li a:hover { + color: #e0f0e3; + background-color: #1d602b; + text-decoration: none; +} +.account-masthead .account ul li a.sub { font-weight: 300; - border-left: 1px solid #067706; } -header.masthead .account .dropdown { - float: left; +.account-masthead .account ul li a .btn { + vertical-align: 1px; + margin-left: 3px; } -header.masthead .account .button { - display: block; - text-decoration: none; - background-color: #068106; - color: #83c083; - text-shadow: 0 1px 1px #045004; +.account-masthead .account .notifications a span { + font-size: 12px; + margin-left: 3px; + padding: 1px 6px; + background-color: #1d602b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: inset 0 1px 0 #079907; - -moz-box-shadow: inset 0 1px 0 #079907; - box-shadow: inset 0 1px 0 #079907; } -header.masthead .account .image { - margin: 2px 0; - padding: 0 4px 0 0; - overflow: hidden; - font-size: 10px; +.account-masthead .account .notifications a:hover span { + color: #ffffff; + background-color: #174d22; +} +.account-masthead .account .notifications.notifications-important a span { + color: #ffffff; + background-color: #c9403a; +} +.account-masthead .account.authed .image { + padding: 0 6px; +} +.account-masthead .account.authed .image img { + vertical-align: -6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -header.masthead .account .image i { - vertical-align: -1px; +.masthead { + *zoom: 1; + min-height: 55px; + color: #ffffff; + background: #2f9b45 url("../../../base/images/bg.png"); } -header.masthead .account .image img { - opacity: 0.7; - border-right: 1px solid #08a808; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; +.masthead:before, +.masthead:after { + display: table; + content: ""; + line-height: 0; +} +.masthead:after { + clear: both; } -header.masthead .account .notifications { - padding: 4px 8px 3px 8px; - margin: 2px 5px 2px 0; +.masthead .container { + position: relative; } -header.masthead .account .notifications.notifications-important { +.masthead a { color: #ffffff; - background-color: #c9403a; - text-shadow: 0 1px 1px #a3322d; - -webkit-box-shadow: inset 0 1px 0 #ce534e; - -moz-box-shadow: inset 0 1px 0 #ce534e; - box-shadow: inset 0 1px 0 #ce534e; } -header.masthead .account .dropdown.open .image img, -header.masthead .account .dropdown .image:hover img { - opacity: 1; - border-right-color: #0ad90a; +.masthead hgroup h1, +.masthead hgroup h2 { + float: left; + font-size: 30px; + line-height: 1.5; } -header.masthead .account .dropdown.open .button, -header.masthead .account .dropdown .button:hover { - color: #ffffff; - background-color: #6ab36a; - -webkit-box-shadow: inset 0 1px 0 #83c083; - -moz-box-shadow: inset 0 1px 0 #83c083; - box-shadow: inset 0 1px 0 #83c083; - text-decoration: none; +.masthead hgroup h1 { + font-weight: 900; + letter-spacing: -1px; + margin: 3px 0; +} +.masthead hgroup h2 { + position: absolute; + bottom: -3px; + left: 0; + margin: 0; + font-size: 15px; + font-weight: normal; + line-height: 1.2; + white-space: nowrap; } -header.masthead .account .dropdown.open .notifications-important, -header.masthead .account .dropdown .notifications-important:hover { - background-color: #d46762; - text-shadow: 0 1px 1px #c9403a; - -webkit-box-shadow: inset 0 1px 0 #d97a76; - -moz-box-shadow: inset 0 1px 0 #d97a76; - box-shadow: inset 0 1px 0 #d97a76; +.masthead .content { + position: absolute; + top: 10px; + right: 0; } -header.masthead .account.authed { - margin: 0 0 0 30px; +.masthead .section { + float: left; } -header.masthead .account.not-authed { - padding-top: 2px; - padding-bottom: 2px; +.masthead input[type="text"] { + border-color: #29873c; } -header.masthead .dropdown-menu { - margin-top: -1px; +.masthead .navigation { + margin-right: 20px; } -header.masthead .user-dropdown-menu a { - color: #068106; +.masthead .navigation .nav-pills { + margin-bottom: 0; } -header.masthead .user-dropdown-menu a:hover { - color: #ffffff; +.masthead .navigation .nav-pills li a:hover, +.masthead .navigation .nav-pills li.active a { + background-color: #237434; } -header.masthead .debug { +.masthead .site-search { + margin: 2px 8px 2px 0; +} +.masthead .site-search input { + width: 200px; + padding: 4px 10px; +} +.masthead .debug { position: absolute; - bottom: 10px; + top: 37px; left: 10px; - font-size: 11px; color: rgba(255, 255, 255, 0.5); - line-height: 1.2; } .site-footer { *zoom: 1; + min-height: 55px; color: #ffffff; - padding: 5px 10px 3px; - height: 55px; - background-color: #079107; - background-image: -moz-linear-gradient(top, #068106, #08a808); - background-image: -ms-linear-gradient(top, #068106, #08a808); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#068106), to(#08a808)); - background-image: -webkit-linear-gradient(top, #068106, #08a808); - background-image: -o-linear-gradient(top, #068106, #08a808); - background-image: linear-gradient(top, #068106, #08a808); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#068106', endColorstr='#08a808', GradientType=0); - font-size: 12px; + background: #2f9b45 url("../../../base/images/bg.png"); padding: 20px 0; } .site-footer:before, .site-footer:after { display: table; content: ""; + line-height: 0; } .site-footer:after { clear: both; } +.site-footer .container { + position: relative; +} +.site-footer a { + color: #ffffff; +} +.site-footer hgroup h1, +.site-footer hgroup h2 { + float: left; + font-size: 30px; + line-height: 1.5; +} +.site-footer hgroup h1 { + font-weight: 900; + letter-spacing: -1px; + margin: 3px 0; +} +.site-footer hgroup h2 { + position: absolute; + bottom: -3px; + left: 0; + margin: 0; + font-size: 15px; + font-weight: normal; + line-height: 1.2; + white-space: nowrap; +} +.site-footer .content { + position: absolute; + top: 10px; + right: 0; +} +.site-footer .section { + float: left; +} +.site-footer input[type="text"] { + border-color: #29873c; +} +.site-footer .navigation { + margin-right: 20px; +} +.site-footer .navigation .nav-pills { + margin-bottom: 0; +} +.site-footer .navigation .nav-pills li a:hover, +.site-footer .navigation .nav-pills li.active a { + background-color: #237434; +} +.site-footer .site-search { + margin: 2px 8px 2px 0; +} +.site-footer .site-search input { + width: 200px; + padding: 4px 10px; +} +.site-footer .debug { + position: absolute; + top: 37px; + left: 10px; + color: rgba(255, 255, 255, 0.5); +} .site-footer, .site-footer label, .site-footer small { - color: #ccdee3; + color: #acd7b5; } .site-footer a { - color: #ccdee3; + color: #acd7b5; } .footer-links, .attribution { @@ -7025,22 +8324,27 @@ header.masthead .debug { margin-left: 20px; width: 460px; } -.footer-links { +.footer-links { + margin-left: 0; +} +.footer-links ul { + float: left; + margin-left: 20px; + width: 220px; +} +.footer-links ul:first-child { margin-left: 0; } -.footer-links li { - display: inline-block; - width: 40%; - margin-right: 5%; +.footer-links ul li { margin-bottom: 5px; } .attribution small { - color: #ccdee3; + color: #acd7b5; font-size: 12px; } .attribution .ckan-footer-logo { display: block; - width: 65px; + width: 68px; height: 21px; margin-top: 2px; background: url("../../../base/images/ckan-logo-footer.png") no-repeat top left; @@ -7053,6 +8357,7 @@ header.masthead .debug { .lang-select:after { display: table; content: ""; + line-height: 0; } .lang-select:after { clear: both; @@ -7069,153 +8374,66 @@ header.masthead .debug { .lang-dropdown li { width: auto; } -.lang-dropdown .select2-result-label[data-value]:before { - content: ""; - display: inline-block; - background-image: url("../../../base/images/flags.png"); - background-repeat: no-repeat; - background-position: 0 11px; - width: 17px; - height: 11px; - position: relative; - top: 1px; -} -.lang-dropdown .select2-result-label[data-value*="/en/"]:before { - background-position: 0 0; -} -.lang-dropdown .select2-result-label[data-value*="/de/"]:before { - background-position: 0 -11px; -} -.lang-dropdown .select2-result-label[data-value*="/fr/"]:before { - background-position: 0 -22px; -} -.lang-dropdown .select2-result-label[data-value*="/it/"]:before { - background-position: 0 -33px; -} -.lang-dropdown .select2-result-label[data-value*="/es/"]:before { - background-position: 0 -44px; -} -.lang-dropdown .select2-result-label[data-value*="/pl/"]:before { - background-position: 0 -55px; +.table-selected td { + background-color: #f5f5f5; } -.lang-dropdown .select2-result-label[data-value*="/ru/"]:before { - background-position: 0 -66px; +.table-selected td .edit { + display: block; } -.lang-dropdown .select2-result-label[data-value*="/nl/"]:before { - background-position: 0 -77px; +.table-bulk-edit th input { + top: -5px; } -.lang-dropdown .select2-result-label[data-value*="/sv/"]:before { - background-position: 0 -88px; +.table-bulk-edit .table-actions .btn-group { + float: left; + margin: 0 10px 0 0; } -.lang-dropdown .select2-result-label[data-value*="/no/"]:before { - background-position: 0 -99px; +.table-bulk-edit .context p { + margin-bottom: 0; } -.lang-dropdown .select2-result-label[data-value*="/cs/"]:before, -.lang-dropdown .select2-result-label[data-value*="/cs_CZ/"]:before { - background-position: 0 -110px; +.table-header thead th { + background-color: #f6f6f6; } -.lang-dropdown .select2-result-label[data-value*="/hu/"]:before { - background-position: 0 -121px; +.table-edit-hover .edit { + display: none; + float: right; } -.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { - background-position: 0 -132px; +.table-edit-hover tr:hover .edit { + display: block; } -.lang-dropdown .select2-result-label[data-value*="/fi/"]:before { - background-position: 0 -143px; +.js .table-toggle-more .toggle-more { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/bg/"]:before { - background-position: 0 -154px; +.js .table-toggle-more .show-more { + display: inline; } -.lang-dropdown .select2-result-label[data-value*="/ca/"]:before { - background-position: 0 -165px; +.js .table-toggle-more .show-less { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/sq/"]:before { - background-position: 0 -176px; +.js .table-toggle-more .toggle-seperator { + display: table-row; } -.lang-dropdown .select2-result-label[data-value*="/sr/"]:before, -.lang-dropdown .select2-result-label[data-value*="/sr_Latn/"]:before { - background-position: 0 -187px; +.js .table-toggle-more .toggle-seperator td { + height: 11px; + padding: 0; + background-image: url("../../../base/images/table-seperator.png"); } -.lang-dropdown .select2-result-label[data-value*="/zh_TW/"]:before { - background-position: 0 -198px; +.js .table .toggle-show td { + background: none; + text-align: center; } -.lang-dropdown .select2-result-label[data-value*="/lv/"]:before { - background-position: 0 -209px; +.js .table-toggle-less .show-less { + display: inline; } -.lang-dropdown .select2-result-label[data-value*="/sk/"]:before { - background-position: 0 -220px; +.js .table-toggle-less .show-more { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { - background-position: 0 -132px; +.js .table-toggle-less .toggle-seperator { + display: none; } .profile .empty, .profile .dataset-list { margin-bottom: 20px; } -.profile-info .module-content { - padding: 15px; -} -.profile-info .avatar { - border: 1px solid #DDD; - padding: 5px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; -} -.profile-info .avatar img, -.profile-info .avatar a { - display: block; -} -.profile-info code { - font-weight: normal; - padding: 0; - margin: 0; -} -.profile-info h1.heading { - margin: 10px 0 5px 0; - font-size: 21px; -} -.profile-info .info { - margin-top: 15px; - padding-top: 10px; - border-top: 1px dotted #DDD; -} -.profile-info .info dl dd { - margin-top: 3px; - margin-left: 0; -} -.profile-info .nums { - *zoom: 1; - margin-top: 15px; - padding-top: 10px; - padding-bottom: 0; - border-top: 1px dotted #DDD; -} -.profile-info .nums:before, -.profile-info .nums:after { - display: table; - content: ""; -} -.profile-info .nums:after { - clear: both; -} -.profile-info .nums dl { - float: left; - width: 33%; - margin: 5px 0 0 0; - color: #4d4d4d; -} -.profile-info .nums dl dt { - display: block; - font-weight: 300; -} -.profile-info .nums dl dd { - display: block; - font-size: 30px; - font-weight: 700; - line-height: 1.2; - margin-left: 0; -} .activity { margin: 10px 0; padding: 0; @@ -7232,13 +8450,16 @@ header.masthead .debug { .activity .item:after { display: table; content: ""; + line-height: 0; } .activity .item:after { clear: both; } -.activity .item i { +.activity .item .icon { display: block; - float: left; + position: absolute; + top: 0; + left: 0; width: 30px; height: 30px; line-height: 30px; @@ -7246,7 +8467,6 @@ header.masthead .debug { color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-weight: normal; - font-size: 16px; margin-right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; @@ -7261,20 +8481,19 @@ header.masthead .debug { border-radius: 100px; } .activity .item .actor .gravatar { - float: left; - margin-top: -5px; - margin-right: 10px; + position: absolute; + top: 0; + left: 40px; } .activity .item p { font-size: 14px; line-height: 1.5; - margin: 5px 0 0 0; + margin: 5px 0 0 80px; } .activity .item .date { color: #999; font-size: 12px; white-space: nowrap; - margin-left: 5px; } .activity .item .new { display: block; @@ -7294,106 +8513,278 @@ header.masthead .debug { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } -.popover .about { - margin-bottom: 10px; +.activity .load-less { + margin-bottom: 15px; +} +.popover { + width: 300px; +} +.popover .popover-title { + font-weight: bold; + margin-bottom: 0; +} +.popover p.about { + margin: 0 0 10px 0; } .popover .popover-close { float: right; text-decoration: none; } -.activity .item i { - background-color: #767dce; +.activity .item .icon { + background-color: #999999; } -.activity .item.added-tag i { +.activity .item.added-tag .icon { background-color: #6995a6; } -.activity .item.changed-group i { +.activity .item.changed-group .icon { background-color: #767dce; } -.activity .item.changed-package i { +.activity .item.changed-package .icon { background-color: #8c76ce; } -.activity .item.changed-package_extra i { +.activity .item.changed-package_extra .icon { background-color: #769ace; } -.activity .item.changed-resource i { +.activity .item.changed-resource .icon { background-color: #aa76ce; } -.activity .item.changed-user i { +.activity .item.changed-user .icon { background-color: #76b8ce; } -.activity .item.deleted-group i { +.activity .item.changed-organization .icon { + background-color: #699fa6; +} +.activity .item.deleted-group .icon { background-color: #b95252; } -.activity .item.deleted-package i { +.activity .item.deleted-package .icon { background-color: #b97452; } -.activity .item.deleted-package_extra i { +.activity .item.deleted-package_extra .icon { background-color: #b95274; } -.activity .item.deleted-resource i { +.activity .item.deleted-resource .icon { background-color: #b99752; } -.activity .item.new-group i { +.activity .item.deleted-organization .icon { + background-color: #b95297; +} +.activity .item.new-group .icon { background-color: #69a67a; } -.activity .item.new-package i { +.activity .item.new-package .icon { background-color: #69a68e; } -.activity .item.new-package_extra i { +.activity .item.new-package_extra .icon { background-color: #6ca669; } -.activity .item.new-resource i { +.activity .item.new-resource .icon { background-color: #81a669; } -.activity .item.new-user i { +.activity .item.new-user .icon { background-color: #69a6a3; } -.activity .item.removed-tag i { +.activity .item.new-organization .icon { + background-color: #81a669; +} +.activity .item.removed-tag .icon { background-color: #b95297; } -.activity .item.deleted-related-item i { +.activity .item.deleted-related-item .icon { background-color: #b9b952; } -.activity .item.follow-dataset i { +.activity .item.follow-dataset .icon { background-color: #767dce; } -.activity .item.follow-user i { +.activity .item.follow-user .icon { background-color: #8c76ce; } -.activity .item.new-related-item i { +.activity .item.new-related-item .icon { background-color: #95a669; } -.activity .item.follow-group i { +.activity .item.follow-group .icon { background-color: #8ba669; } -.popover-context-loading .popover-title { +.dropdown:hover .dropdown-menu { + display: block; +} +.js .dropdown .dropdown-menu, +.js .dropdown:hover .dropdown-menu { + display: none; +} +.js .dropdown.open .dropdown-menu { + display: block; +} +#followee-filter .btn { + *zoom: 1; +} +#followee-filter .btn:before, +#followee-filter .btn:after { + display: table; + content: ""; + line-height: 0; +} +#followee-filter .btn:after { + clear: both; +} +#followee-filter .btn span, +#followee-filter .btn strong { + display: block; + float: left; + line-height: 1.5; +} +#followee-filter .btn span { + font-weight: normal; +} +#followee-filter .btn strong { + margin: 0 5px; + white-space: nowrap; + max-width: 90px; + overflow: hidden; + text-overflow: ellipsis; +} +.dashboard-context { + position: relative; + margin-bottom: 20px; + padding: 20px; + border-bottom: 1px solid #DCDCDC; + background-color: #f6f6f6; + -webkit-border-radius: 3px 0 0 0; + -moz-border-radius: 3px 0 0 0; + border-radius: 3px 0 0 0; +} +.dashboard-context h2 { + margin-bottom: 10px; +} +.dashboard-context .arrow { + position: absolute; + content: ' '; + top: 30px; + right: -10px; + width: 10px; + height: 21px; + background: transparent url("../../../base/images/dashboard-followee-related.png"); +} +.popover-followee .popover-title { display: none; } -.popover-context-loading .popover-content { +.popover-followee .popover-content { + padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } -.popover-context-loading .popover-content img { - vertical-align: -3px; - margin-right: 10px; +.popover-followee .empty { + padding: 10px; } -.follower-list li { - margin: 0 0 15px 0; +.popover-followee .popover-header { + *zoom: 1; + background-color: whiteSmoke; + padding: 5px; + border-bottom: 1px solid #cccccc; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.follower-list .gravatar { - vertical-align: -4px; - margin-right: 3px; +.popover-followee .popover-header:before, +.popover-followee .popover-header:after { + display: table; + content: ""; + line-height: 0; +} +.popover-followee .popover-header:after { + clear: both; +} +.popover-followee .popover-header .input-prepend { + margin-bottom: 0; +} +.popover-followee .popover-header .add-on, +.popover-followee .popover-header input { + float: left; + margin: 0; +} +.popover-followee .popover-header .add-on { + padding: 4px 8px 4px 12px; + border-right-width: 0; + -webkit-border-radius: 100px 0 0 100px; + -moz-border-radius: 100px 0 0 100px; + border-radius: 100px 0 0 100px; +} +.popover-followee .popover-header input { + padding: 4px 12px 4px 8px; + font-size: 13px; + width: 207px; + -webkit-border-radius: 0 100px 100px 0; + -moz-border-radius: 0 100px 100px 0; + border-radius: 0 100px 100px 0; +} +.popover-followee .nav { + padding: 0; + margin: 0; + max-height: 205px; + overflow: auto; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.popover-followee .nav li a { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 7px 10px 7px 15px; + margin: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.popover-followee .nav li a i { + background-color: #2f9b45; + color: #ffffff; + margin-right: 11px; + padding: 3px 5px; + line-height: 1; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; + -webkit-box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); } -.module-my-datasets .empty { - padding: 10px; +.popover-followee .nav li a:hover i { + background-color: #000; +} +.popover-followee .nav li.active a i { + color: #2f9b45; + background-color: #ffffff; +} +.dashboard-me { + *zoom: 1; + padding: 15px 15px 0 15px; +} +.dashboard-me:before, +.dashboard-me:after { + display: table; + content: ""; + line-height: 0; +} +.dashboard-me:after { + clear: both; +} +.dashboard-me img { + float: left; + margin-right: 10px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; +} +.dashboard-me strong { + display: block; + font-size: 16px; + margin: 3px 0; } body { - background-color: #08a808; + background: #2f9b45 url("../../../base/images/bg.png"); } [hidden] { display: none; @@ -7412,11 +8803,10 @@ table .metric { width: 140px; } code { - padding: 2px 2px; color: #000000; - font-weight: bold; border: none; background: none; + white-space: normal; } pre { border: none; @@ -7446,10 +8836,11 @@ iframe { text-indent: -999em; } .empty { - color: #aeaeae; + color: #aaaaaa; font-style: italic; } .page-heading { + margin-top: 0; margin-bottom: 16px; } .m-top { @@ -7492,10 +8883,6 @@ iframe { position: relative; top: -20px; } -.ie .module, -.ie .media-image { - border: 1px solid #cccccc; -} .ie .module-popup { border-bottom: none; } @@ -7519,24 +8906,19 @@ iframe { .ie9 .control-large input { height: 56px; } -.ie9 .module { - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); +.ie8 .account-masthead a.image, +.ie8 .account-masthead .username { + white-space: nowrap; } -.ie7 .masthead nav ul li a.active, -.ie8 .masthead nav ul li a.active { - position: relative; - top: -1px; - background-color: #068b06; - border-top: 1px solid #057205; - border-bottom: 1px solid #079907; +.ie9 .homepage .media.module-heading .media-image img, +.ie8 .homepage .media.module-heading .media-image img, +.ie7 .homepage .media.module-heading .media-image img { + width: 85px !important; } -.ie8 .masthead .account a.image { - display: block; - width: 25px; - padding-right: 10px; - white-space: nowrap; +.ie8 .hero .hero-primary.module-popup .box, +.ie7 .hero .hero-primary.module-popup .box { + padding-bottom: 20px !important; + margin-bottom: 0 !important; } .ie7 .alert { position: relative; @@ -7556,6 +8938,7 @@ iframe { .ie7 .tags .tag-list:after { display: table; content: ""; + line-height: 0; } .ie7 .tags .tag-list:after { clear: both; @@ -7569,8 +8952,6 @@ iframe { } .ie7 .tags .tag { display: block; - border: 1px solid #d0d0d0; - background: #f5f5f5; } .ie7 .search-giant input { width: 95%; @@ -7621,6 +9002,9 @@ iframe { .ie7 .stages li .highlight { width: auto; } +.ie7 .account-masthead .account a i { + line-height: 31px; +} .ie7 .masthead { position: relative; z-index: 1; @@ -7632,39 +9016,12 @@ iframe { *zoom: 1; } -.ie7 .masthead nav ul { - margin-top: 5px; -} -.ie7 .masthead nav ul li { - float: left; -} -.ie7 .masthead nav ul li a.active { - position: relative; - top: -1px; - background-color: #068b06; - border-top: 1px solid #057205; - border-bottom: 1px solid #079907; -} .ie7 .masthead .header-image { display: block; } .ie7 .masthead .account .dropdown-menu { z-index: 10000; } -.ie7 .footer-links { - *zoom: 1; -} -.ie7 .footer-links:before, -.ie7 .footer-links:after { - display: table; - content: ""; -} -.ie7 .footer-links:after { - clear: both; -} -.ie7 .footer-links li { - float: left; -} .ie7 .module-narrow .nav-item.image { *zoom: 1; } @@ -7672,6 +9029,7 @@ iframe { .ie7 .module-narrow .nav-item.image:after { display: table; content: ""; + line-height: 0; } .ie7 .module-narrow .nav-item.image:after { clear: both; @@ -7689,11 +9047,13 @@ iframe { } .ie7 .module-heading { *zoom: 1; + position: relative; } .ie7 .module-heading:before, .ie7 .module-heading:after { display: table; content: ""; + line-height: 0; } .ie7 .module-heading:after { clear: both; @@ -7713,3 +9073,22 @@ iframe { position: relative; zoom: 1; } +.ie7 .resource-item { + position: static; + padding-bottom: 1px; +} +.ie7 .resource-item .heading { + position: relative; +} +.ie7 .resource-item .format-label { + left: -48px; +} +.ie7 .resource-item .btn-group { + position: relative; + float: right; + top: -35px; + right: 0; +} +.ie7 .media-overlay .media-heading { + background-color: #000; +} diff --git a/ckan/public/base/css/main.css b/ckan/public/base/css/main.css index cd13f31aa21..44400d449de 100644 --- a/ckan/public/base/css/main.css +++ b/ckan/public/base/css/main.css @@ -2055,6 +2055,14 @@ table th[class*="span"], .open > .dropdown-menu { display: block; } +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} .pull-right > .dropdown-menu { right: 0; left: auto; @@ -5110,6 +5118,9 @@ a.tag:hover { .primary .module:first-child { margin-top: 0; } +.no-nav .module:last-child { + margin-top: 0; +} .module-image { float: left; width: 50px; @@ -5287,54 +5298,74 @@ a.tag:hover { .media-item.is-expander:hover .truncator-link { opacity: 1; } -.nav-simple { +.wide .media-item { + width: 186px; +} +.nav-simple, +.nav-aside { *zoom: 1; margin: 0; list-style: none; padding-bottom: 0; } .nav-simple:before, -.nav-simple:after { +.nav-aside:before, +.nav-simple:after, +.nav-aside:after { display: table; content: ""; line-height: 0; } -.nav-simple:after { +.nav-simple:after, +.nav-aside:after { clear: both; } -.nav-simple > li { +.nav-simple > li, +.nav-aside > li { font-size: 12px; line-height: 1.1666666666666667em; padding: 7px 25px; border-bottom: 1px dotted #dddddd; } -.nav-simple > li:last-of-type { +.nav-simple > li:last-of-type, +.nav-aside > li:last-of-type { border-bottom: 0; } -.nav-simple .ckan-icon { +.nav-simple .ckan-icon, +.nav-aside .ckan-icon { position: relative; top: 0px; } -.nav-item > a { +.nav-aside { + border-top: 1px dotted #DDD; + border-bottom: 1px dotted #DDD; + margin-bottom: 15px; +} +.nav-item > a, +.nav-aside li a { color: #333333; font-size: 14px; line-height: 20px; margin: -7px -25px; padding: 7px 25px; } -.nav-item.active { +.nav-item.active, +.nav-aside li.active { background-color: #f6f6f6; } -.nav-item.active > a { +.nav-item.active > a, +.nav-aside li.active a { position: relative; color: #ffffff; background-color: #8ca0a6; } -.nav-item.active > a:hover { +.nav-item.active > a:hover, +.nav-aside li.active a:hover { color: #ffffff; background-color: #8ca0a6; } -.nav-item.active > a:before { +.nav-item.active > a:before, +.nav-aside li.active a:before { content: ' '; position: absolute; top: 0; @@ -5343,24 +5374,29 @@ a.tag:hover { height: 34px; background-image: url("../../../base/images/nav-active.png?1"); } -.nav-item.active > a span { +.nav-item.active > a span, +.nav-aside li.active a span { white-space: nowrap; overflow: hidden; display: block; } -.module-narrow .nav-item > a { +.module-narrow .nav-item > a, +.module-narrow .nav-aside li a { padding-left: 15px; padding-right: 15px; position: relative; } -.module-narrow .nav-item.image { +.module-narrow .nav-item.image, +.module-narrow .nav-aside li.image { position: relative; } -.module-narrow .nav-item.image > a { +.module-narrow .nav-item.image > a, +.module-narrow .nav-aside li.image a { padding-left: 42px; padding-right: 42px; } -.module-narrow .nav-item.image > img { +.module-narrow .nav-item.image > img, +.module-narrow .nav-aside li.image img { position: absolute; top: 50%; left: 15px; @@ -5544,6 +5580,12 @@ textarea { .control-large input { height: 41px; } +.control-required { + color: #c6898b; +} +.form-actions .control-required-message { + float: left; +} .form-actions { background: none; margin-left: -25px; @@ -6513,6 +6555,11 @@ textarea { margin-top: -5px; margin-right: -7px; } +.no-nav .page-header { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} h1 { font-size: 28px; } @@ -6871,842 +6918,6 @@ h4 small { height: 35px; background-position: -320px -62px; } -/* This is a modified version of the font-awesome core less document. */ -@font-face { - font-family: 'FontAwesome'; - src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?v=3.0.1'); - src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); - font-weight: normal; - font-style: normal; -} -[class^="icon-"], -[class*=" icon-"] { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - -webkit-font-smoothing: antialiased; - display: inline; - width: auto; - height: auto; - line-height: normal; - vertical-align: baseline; - background-image: none; - background-position: 0% 0%; - background-repeat: repeat; - margin-top: 0; -} -.icon-spin { - display: inline-block; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; -} -@-moz-keyframes spin { - 0% { - -moz-transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - } -} -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - } -} -@-o-keyframes spin { - 0% { - -o-transform: rotate(0deg); - } - 100% { - -o-transform: rotate(359deg); - } -} -@-ms-keyframes spin { - 0% { - -ms-transform: rotate(0deg); - } - 100% { - -ms-transform: rotate(359deg); - } -} -@keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} -@-moz-document url-prefix() { - .icon-spin { - height: .9em; - } - .btn .icon-spin { - height: auto; - } - .icon-spin.icon-large { - height: 1.25em; - } - .btn .icon-spin.icon-large { - height: .75em; - } -} -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.icon-glass:before { - content: "\f000"; -} -.icon-music:before { - content: "\f001"; -} -.icon-search:before { - content: "\f002"; -} -.icon-envelope:before { - content: "\f003"; -} -.icon-heart:before { - content: "\f004"; -} -.icon-star:before { - content: "\f005"; -} -.icon-star-empty:before { - content: "\f006"; -} -.icon-user:before { - content: "\f007"; -} -.icon-film:before { - content: "\f008"; -} -.icon-th-large:before { - content: "\f009"; -} -.icon-th:before { - content: "\f00a"; -} -.icon-th-list:before { - content: "\f00b"; -} -.icon-ok:before { - content: "\f00c"; -} -.icon-remove:before { - content: "\f00d"; -} -.icon-zoom-in:before { - content: "\f00e"; -} -.icon-zoom-out:before { - content: "\f010"; -} -.icon-off:before { - content: "\f011"; -} -.icon-signal:before { - content: "\f012"; -} -.icon-cog:before { - content: "\f013"; -} -.icon-trash:before { - content: "\f014"; -} -.icon-home:before { - content: "\f015"; -} -.icon-file:before { - content: "\f016"; -} -.icon-time:before { - content: "\f017"; -} -.icon-road:before { - content: "\f018"; -} -.icon-download-alt:before { - content: "\f019"; -} -.icon-download:before { - content: "\f01a"; -} -.icon-upload:before { - content: "\f01b"; -} -.icon-inbox:before { - content: "\f01c"; -} -.icon-play-circle:before { - content: "\f01d"; -} -.icon-repeat:before { - content: "\f01e"; -} -/* \f020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { - content: "\f021"; -} -.icon-list-alt:before { - content: "\f022"; -} -.icon-lock:before { - content: "\f023"; -} -.icon-flag:before { - content: "\f024"; -} -.icon-headphones:before { - content: "\f025"; -} -.icon-volume-off:before { - content: "\f026"; -} -.icon-volume-down:before { - content: "\f027"; -} -.icon-volume-up:before { - content: "\f028"; -} -.icon-qrcode:before { - content: "\f029"; -} -.icon-barcode:before { - content: "\f02a"; -} -.icon-tag:before { - content: "\f02b"; -} -.icon-tags:before { - content: "\f02c"; -} -.icon-book:before { - content: "\f02d"; -} -.icon-bookmark:before { - content: "\f02e"; -} -.icon-print:before { - content: "\f02f"; -} -.icon-camera:before { - content: "\f030"; -} -.icon-font:before { - content: "\f031"; -} -.icon-bold:before { - content: "\f032"; -} -.icon-italic:before { - content: "\f033"; -} -.icon-text-height:before { - content: "\f034"; -} -.icon-text-width:before { - content: "\f035"; -} -.icon-align-left:before { - content: "\f036"; -} -.icon-align-center:before { - content: "\f037"; -} -.icon-align-right:before { - content: "\f038"; -} -.icon-align-justify:before { - content: "\f039"; -} -.icon-list:before { - content: "\f03a"; -} -.icon-indent-left:before { - content: "\f03b"; -} -.icon-indent-right:before { - content: "\f03c"; -} -.icon-facetime-video:before { - content: "\f03d"; -} -.icon-picture:before { - content: "\f03e"; -} -.icon-pencil:before { - content: "\f040"; -} -.icon-map-marker:before { - content: "\f041"; -} -.icon-adjust:before { - content: "\f042"; -} -.icon-tint:before { - content: "\f043"; -} -.icon-edit:before { - content: "\f044"; -} -.icon-share:before { - content: "\f045"; -} -.icon-check:before { - content: "\f046"; -} -.icon-move:before { - content: "\f047"; -} -.icon-step-backward:before { - content: "\f048"; -} -.icon-fast-backward:before { - content: "\f049"; -} -.icon-backward:before { - content: "\f04a"; -} -.icon-play:before { - content: "\f04b"; -} -.icon-pause:before { - content: "\f04c"; -} -.icon-stop:before { - content: "\f04d"; -} -.icon-forward:before { - content: "\f04e"; -} -.icon-fast-forward:before { - content: "\f050"; -} -.icon-step-forward:before { - content: "\f051"; -} -.icon-eject:before { - content: "\f052"; -} -.icon-chevron-left:before { - content: "\f053"; -} -.icon-chevron-right:before { - content: "\f054"; -} -.icon-plus-sign:before { - content: "\f055"; -} -.icon-minus-sign:before { - content: "\f056"; -} -.icon-remove-sign:before { - content: "\f057"; -} -.icon-ok-sign:before { - content: "\f058"; -} -.icon-question-sign:before { - content: "\f059"; -} -.icon-info-sign:before { - content: "\f05a"; -} -.icon-screenshot:before { - content: "\f05b"; -} -.icon-remove-circle:before { - content: "\f05c"; -} -.icon-ok-circle:before { - content: "\f05d"; -} -.icon-ban-circle:before { - content: "\f05e"; -} -.icon-arrow-left:before { - content: "\f060"; -} -.icon-arrow-right:before { - content: "\f061"; -} -.icon-arrow-up:before { - content: "\f062"; -} -.icon-arrow-down:before { - content: "\f063"; -} -.icon-share-alt:before { - content: "\f064"; -} -.icon-resize-full:before { - content: "\f065"; -} -.icon-resize-small:before { - content: "\f066"; -} -.icon-plus:before { - content: "\f067"; -} -.icon-minus:before { - content: "\f068"; -} -.icon-asterisk:before { - content: "\f069"; -} -.icon-exclamation-sign:before { - content: "\f06a"; -} -.icon-gift:before { - content: "\f06b"; -} -.icon-leaf:before { - content: "\f06c"; -} -.icon-fire:before { - content: "\f06d"; -} -.icon-eye-open:before { - content: "\f06e"; -} -.icon-eye-close:before { - content: "\f070"; -} -.icon-warning-sign:before { - content: "\f071"; -} -.icon-plane:before { - content: "\f072"; -} -.icon-calendar:before { - content: "\f073"; -} -.icon-random:before { - content: "\f074"; -} -.icon-comment:before { - content: "\f075"; -} -.icon-magnet:before { - content: "\f076"; -} -.icon-chevron-up:before { - content: "\f077"; -} -.icon-chevron-down:before { - content: "\f078"; -} -.icon-retweet:before { - content: "\f079"; -} -.icon-shopping-cart:before { - content: "\f07a"; -} -.icon-folder-close:before { - content: "\f07b"; -} -.icon-folder-open:before { - content: "\f07c"; -} -.icon-resize-vertical:before { - content: "\f07d"; -} -.icon-resize-horizontal:before { - content: "\f07e"; -} -.icon-bar-chart:before { - content: "\f080"; -} -.icon-twitter-sign:before { - content: "\f081"; -} -.icon-facebook-sign:before { - content: "\f082"; -} -.icon-camera-retro:before { - content: "\f083"; -} -.icon-key:before { - content: "\f084"; -} -.icon-cogs:before { - content: "\f085"; -} -.icon-comments:before { - content: "\f086"; -} -.icon-thumbs-up:before { - content: "\f087"; -} -.icon-thumbs-down:before { - content: "\f088"; -} -.icon-star-half:before { - content: "\f089"; -} -.icon-heart-empty:before { - content: "\f08a"; -} -.icon-signout:before { - content: "\f08b"; -} -.icon-linkedin-sign:before { - content: "\f08c"; -} -.icon-pushpin:before { - content: "\f08d"; -} -.icon-external-link:before { - content: "\f08e"; -} -.icon-signin:before { - content: "\f090"; -} -.icon-trophy:before { - content: "\f091"; -} -.icon-github-sign:before { - content: "\f092"; -} -.icon-upload-alt:before { - content: "\f093"; -} -.icon-lemon:before { - content: "\f094"; -} -.icon-phone:before { - content: "\f095"; -} -.icon-check-empty:before { - content: "\f096"; -} -.icon-bookmark-empty:before { - content: "\f097"; -} -.icon-phone-sign:before { - content: "\f098"; -} -.icon-twitter:before { - content: "\f099"; -} -.icon-facebook:before { - content: "\f09a"; -} -.icon-github:before { - content: "\f09b"; -} -.icon-unlock:before { - content: "\f09c"; -} -.icon-credit-card:before { - content: "\f09d"; -} -.icon-rss:before { - content: "\f09e"; -} -.icon-hdd:before { - content: "\f0a0"; -} -.icon-bullhorn:before { - content: "\f0a1"; -} -.icon-bell:before { - content: "\f0a2"; -} -.icon-certificate:before { - content: "\f0a3"; -} -.icon-hand-right:before { - content: "\f0a4"; -} -.icon-hand-left:before { - content: "\f0a5"; -} -.icon-hand-up:before { - content: "\f0a6"; -} -.icon-hand-down:before { - content: "\f0a7"; -} -.icon-circle-arrow-left:before { - content: "\f0a8"; -} -.icon-circle-arrow-right:before { - content: "\f0a9"; -} -.icon-circle-arrow-up:before { - content: "\f0aa"; -} -.icon-circle-arrow-down:before { - content: "\f0ab"; -} -.icon-globe:before { - content: "\f0ac"; -} -.icon-wrench:before { - content: "\f0ad"; -} -.icon-tasks:before { - content: "\f0ae"; -} -.icon-filter:before { - content: "\f0b0"; -} -.icon-briefcase:before { - content: "\f0b1"; -} -.icon-fullscreen:before { - content: "\f0b2"; -} -.icon-group:before { - content: "\f0c0"; -} -.icon-link:before { - content: "\f0c1"; -} -.icon-cloud:before { - content: "\f0c2"; -} -.icon-beaker:before { - content: "\f0c3"; -} -.icon-cut:before { - content: "\f0c4"; -} -.icon-copy:before { - content: "\f0c5"; -} -.icon-paper-clip:before { - content: "\f0c6"; -} -.icon-save:before { - content: "\f0c7"; -} -.icon-sign-blank:before { - content: "\f0c8"; -} -.icon-reorder:before { - content: "\f0c9"; -} -.icon-list-ul:before { - content: "\f0ca"; -} -.icon-list-ol:before { - content: "\f0cb"; -} -.icon-strikethrough:before { - content: "\f0cc"; -} -.icon-underline:before { - content: "\f0cd"; -} -.icon-table:before { - content: "\f0ce"; -} -.icon-magic:before { - content: "\f0d0"; -} -.icon-truck:before { - content: "\f0d1"; -} -.icon-pinterest:before { - content: "\f0d2"; -} -.icon-pinterest-sign:before { - content: "\f0d3"; -} -.icon-google-plus-sign:before { - content: "\f0d4"; -} -.icon-google-plus:before { - content: "\f0d5"; -} -.icon-money:before { - content: "\f0d6"; -} -.icon-caret-down:before { - content: "\f0d7"; -} -.icon-caret-up:before { - content: "\f0d8"; -} -.icon-caret-left:before { - content: "\f0d9"; -} -.icon-caret-right:before { - content: "\f0da"; -} -.icon-columns:before { - content: "\f0db"; -} -.icon-sort:before { - content: "\f0dc"; -} -.icon-sort-down:before { - content: "\f0dd"; -} -.icon-sort-up:before { - content: "\f0de"; -} -.icon-envelope-alt:before { - content: "\f0e0"; -} -.icon-linkedin:before { - content: "\f0e1"; -} -.icon-undo:before { - content: "\f0e2"; -} -.icon-legal:before { - content: "\f0e3"; -} -.icon-dashboard:before { - content: "\f0e4"; -} -.icon-comment-alt:before { - content: "\f0e5"; -} -.icon-comments-alt:before { - content: "\f0e6"; -} -.icon-bolt:before { - content: "\f0e7"; -} -.icon-sitemap:before { - content: "\f0e8"; -} -.icon-umbrella:before { - content: "\f0e9"; -} -.icon-paste:before { - content: "\f0ea"; -} -.icon-lightbulb:before { - content: "\f0eb"; -} -.icon-exchange:before { - content: "\f0ec"; -} -.icon-cloud-download:before { - content: "\f0ed"; -} -.icon-cloud-upload:before { - content: "\f0ee"; -} -.icon-user-md:before { - content: "\f0f0"; -} -.icon-stethoscope:before { - content: "\f0f1"; -} -.icon-suitcase:before { - content: "\f0f2"; -} -.icon-bell-alt:before { - content: "\f0f3"; -} -.icon-coffee:before { - content: "\f0f4"; -} -.icon-food:before { - content: "\f0f5"; -} -.icon-file-alt:before { - content: "\f0f6"; -} -.icon-building:before { - content: "\f0f7"; -} -.icon-hospital:before { - content: "\f0f8"; -} -.icon-ambulance:before { - content: "\f0f9"; -} -.icon-medkit:before { - content: "\f0fa"; -} -.icon-fighter-jet:before { - content: "\f0fb"; -} -.icon-beer:before { - content: "\f0fc"; -} -.icon-h-sign:before { - content: "\f0fd"; -} -.icon-plus-sign-alt:before { - content: "\f0fe"; -} -.icon-double-angle-left:before { - content: "\f100"; -} -.icon-double-angle-right:before { - content: "\f101"; -} -.icon-double-angle-up:before { - content: "\f102"; -} -.icon-double-angle-down:before { - content: "\f103"; -} -.icon-angle-left:before { - content: "\f104"; -} -.icon-angle-right:before { - content: "\f105"; -} -.icon-angle-up:before { - content: "\f106"; -} -.icon-angle-down:before { - content: "\f107"; -} -.icon-desktop:before { - content: "\f108"; -} -.icon-laptop:before { - content: "\f109"; -} -.icon-tablet:before { - content: "\f10a"; -} -.icon-mobile-phone:before { - content: "\f10b"; -} -.icon-circle-blank:before { - content: "\f10c"; -} -.icon-quote-left:before { - content: "\f10d"; -} -.icon-quote-right:before { - content: "\f10e"; -} -.icon-spinner:before { - content: "\f110"; -} -.icon-circle:before { - content: "\f111"; -} -.icon-reply:before { - content: "\f112"; -} -.icon-github-alt:before { - content: "\f113"; -} -.icon-folder-close-alt:before { - content: "\f114"; -} -.icon-folder-open-alt:before { - content: "\f115"; -} [class^="icon-"], [class*=" icon-"] { display: inline-block; @@ -8626,7 +7837,7 @@ h4 small { .dashboard-context .arrow { position: absolute; content: ' '; - top: 70px; + top: 30px; right: -10px; width: 10px; height: 21px; @@ -8725,6 +7936,31 @@ h4 small { color: #187794; background-color: #ffffff; } +.dashboard-me { + *zoom: 1; + padding: 15px 15px 0 15px; +} +.dashboard-me:before, +.dashboard-me:after { + display: table; + content: ""; + line-height: 0; +} +.dashboard-me:after { + clear: both; +} +.dashboard-me img { + float: left; + margin-right: 10px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; +} +.dashboard-me strong { + display: block; + font-size: 16px; + margin: 3px 0; +} body { background: #005d7a url("../../../base/images/bg.png"); } @@ -9034,6 +8270,3 @@ iframe { .ie7 .media-overlay .media-heading { background-color: #000; } -.debug { - display: none; -} diff --git a/ckan/public/base/css/maroon.css b/ckan/public/base/css/maroon.css index 3ecb2ff2fce..c052d27ea74 100644 --- a/ckan/public/base/css/maroon.css +++ b/ckan/public/base/css/maroon.css @@ -48,11 +48,25 @@ sub { bottom: -0.25em; } img { + /* Responsive images (ensure images don't scale beyond their parents) */ + max-width: 100%; + /* Part 1: Set a maxium relative to the parent */ + + width: auto\9; + /* IE7-8 need help adjusting responsive images */ + + height: auto; + /* Part 2: Scale the height according to the width, otherwise you get stretching */ + vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } +#map_canvas img, +.google-maps img { + max-width: none; +} button, input, select, @@ -72,11 +86,21 @@ input::-moz-focus-inner { border: 0; } button, -input[type="button"], +html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; -webkit-appearance: button; + cursor: pointer; +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; @@ -92,6 +116,57 @@ textarea { overflow: auto; vertical-align: top; } +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} .clearfix { *zoom: 1; } @@ -99,6 +174,7 @@ textarea { .clearfix:after { display: table; content: ""; + line-height: 0; } .clearfix:after { clear: both; @@ -113,28 +189,47 @@ textarea { .input-block-level { display: block; width: 100%; - min-height: 28px; + min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; - color: #4d4d4d; - background-color: #efefef; + font-size: 14px; + line-height: 20px; + color: #444444; + background-color: #eeeeee; } a { - color: #5b0404; + color: #810606; text-decoration: none; } -a:hover { - color: #120101; +a:hover, +a:focus { + color: #380303; text-decoration: underline; } +.img-rounded { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.img-polaroid { + padding: 4px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} +.img-circle { + -webkit-border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; +} .row { margin-left: -20px; *zoom: 1; @@ -143,15 +238,18 @@ a:hover { .row:after { display: table; content: ""; + line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; + min-height: 1px; margin-left: 20px; } .container, +.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; @@ -236,6 +334,7 @@ a:hover { .row-fluid:after { display: table; content: ""; + line-height: 0; } .row-fluid:after { clear: both; @@ -243,65 +342,171 @@ a:hover { .row-fluid [class*="span"] { display: block; width: 100%; - min-height: 28px; + min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; float: left; - margin-left: 2.127659574%; - *margin-left: 2.0744680846382977%; + margin-left: 2.127659574468085%; + *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574468085%; +} .row-fluid .span12 { - width: 99.99999998999999%; - *width: 99.94680850063828%; + width: 100%; + *width: 99.94680851063829%; } .row-fluid .span11 { - width: 91.489361693%; - *width: 91.4361702036383%; + width: 91.48936170212765%; + *width: 91.43617021276594%; } .row-fluid .span10 { - width: 82.97872339599999%; - *width: 82.92553190663828%; + width: 82.97872340425532%; + *width: 82.92553191489361%; } .row-fluid .span9 { - width: 74.468085099%; - *width: 74.4148936096383%; + width: 74.46808510638297%; + *width: 74.41489361702126%; } .row-fluid .span8 { - width: 65.95744680199999%; - *width: 65.90425531263828%; + width: 65.95744680851064%; + *width: 65.90425531914893%; } .row-fluid .span7 { - width: 57.446808505%; - *width: 57.3936170156383%; + width: 57.44680851063829%; + *width: 57.39361702127659%; } .row-fluid .span6 { - width: 48.93617020799999%; - *width: 48.88297871863829%; + width: 48.93617021276595%; + *width: 48.88297872340425%; } .row-fluid .span5 { - width: 40.425531911%; - *width: 40.3723404216383%; + width: 40.42553191489362%; + *width: 40.37234042553192%; } .row-fluid .span4 { - width: 31.914893614%; - *width: 31.8617021246383%; + width: 31.914893617021278%; + *width: 31.861702127659576%; } .row-fluid .span3 { - width: 23.404255317%; - *width: 23.3510638276383%; + width: 23.404255319148934%; + *width: 23.351063829787233%; } .row-fluid .span2 { - width: 14.89361702%; - *width: 14.8404255306383%; + width: 14.893617021276595%; + *width: 14.840425531914894%; } .row-fluid .span1 { - width: 6.382978723%; - *width: 6.329787233638298%; + width: 6.382978723404255%; + *width: 6.329787234042553%; +} +.row-fluid .offset12 { + margin-left: 104.25531914893617%; + *margin-left: 104.14893617021275%; +} +.row-fluid .offset12:first-child { + margin-left: 102.12765957446808%; + *margin-left: 102.02127659574467%; +} +.row-fluid .offset11 { + margin-left: 95.74468085106382%; + *margin-left: 95.6382978723404%; +} +.row-fluid .offset11:first-child { + margin-left: 93.61702127659574%; + *margin-left: 93.51063829787232%; +} +.row-fluid .offset10 { + margin-left: 87.23404255319149%; + *margin-left: 87.12765957446807%; +} +.row-fluid .offset10:first-child { + margin-left: 85.1063829787234%; + *margin-left: 84.99999999999999%; +} +.row-fluid .offset9 { + margin-left: 78.72340425531914%; + *margin-left: 78.61702127659572%; +} +.row-fluid .offset9:first-child { + margin-left: 76.59574468085106%; + *margin-left: 76.48936170212764%; +} +.row-fluid .offset8 { + margin-left: 70.2127659574468%; + *margin-left: 70.10638297872339%; +} +.row-fluid .offset8:first-child { + margin-left: 68.08510638297872%; + *margin-left: 67.9787234042553%; +} +.row-fluid .offset7 { + margin-left: 61.70212765957446%; + *margin-left: 61.59574468085106%; +} +.row-fluid .offset7:first-child { + margin-left: 59.574468085106375%; + *margin-left: 59.46808510638297%; +} +.row-fluid .offset6 { + margin-left: 53.191489361702125%; + *margin-left: 53.085106382978715%; +} +.row-fluid .offset6:first-child { + margin-left: 51.063829787234035%; + *margin-left: 50.95744680851063%; +} +.row-fluid .offset5 { + margin-left: 44.68085106382979%; + *margin-left: 44.57446808510638%; +} +.row-fluid .offset5:first-child { + margin-left: 42.5531914893617%; + *margin-left: 42.4468085106383%; +} +.row-fluid .offset4 { + margin-left: 36.170212765957444%; + *margin-left: 36.06382978723405%; +} +.row-fluid .offset4:first-child { + margin-left: 34.04255319148936%; + *margin-left: 33.93617021276596%; +} +.row-fluid .offset3 { + margin-left: 27.659574468085104%; + *margin-left: 27.5531914893617%; +} +.row-fluid .offset3:first-child { + margin-left: 25.53191489361702%; + *margin-left: 25.425531914893618%; +} +.row-fluid .offset2 { + margin-left: 19.148936170212764%; + *margin-left: 19.04255319148936%; +} +.row-fluid .offset2:first-child { + margin-left: 17.02127659574468%; + *margin-left: 16.914893617021278%; +} +.row-fluid .offset1 { + margin-left: 10.638297872340425%; + *margin-left: 10.53191489361702%; +} +.row-fluid .offset1:first-child { + margin-left: 8.51063829787234%; + *margin-left: 8.404255319148938%; +} +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; } .container { margin-right: auto; @@ -312,6 +517,7 @@ a:hover { .container:after { display: table; content: ""; + line-height: 0; } .container:after { clear: both; @@ -325,25 +531,75 @@ a:hover { .container-fluid:after { display: table; content: ""; + line-height: 0; } .container-fluid:after { clear: both; } p { - margin: 0 0 9px; - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; -} -p small { - font-size: 11px; - color: #999999; + margin: 0 0 10px; } .lead { - margin-bottom: 18px; - font-size: 20px; + margin-bottom: 20px; + font-size: 21px; font-weight: 200; - line-height: 27px; + line-height: 30px; +} +small { + font-size: 85%; +} +strong { + font-weight: bold; +} +em { + font-style: italic; +} +cite { + font-style: normal; +} +.muted { + color: #999999; +} +a.muted:hover, +a.muted:focus { + color: #808080; +} +.text-warning { + color: #c09853; +} +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; +} +.text-error { + color: #b55457; +} +a.text-error:hover, +a.text-error:focus { + color: #954143; +} +.text-info { + color: #3a87ad; +} +a.text-info:hover, +a.text-info:focus { + color: #2d6987; +} +.text-success { + color: #468847; +} +a.text-success:hover, +a.text-success:focus { + color: #356635; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; } h1, h2, @@ -351,9 +607,10 @@ h3, h4, h5, h6 { - margin: 0; + margin: 10px 0; font-family: inherit; font-weight: bold; + line-height: 20px; color: inherit; text-rendering: optimizelegibility; } @@ -364,60 +621,53 @@ h4 small, h5 small, h6 small { font-weight: normal; + line-height: 1; color: #999999; } -h1 { - font-size: 30px; - line-height: 36px; +h1, +h2, +h3 { + line-height: 40px; } -h1 small { - font-size: 18px; +h1 { + font-size: 38.5px; } h2 { - font-size: 24px; - line-height: 36px; -} -h2 small { - font-size: 18px; + font-size: 31.5px; } h3 { - font-size: 18px; - line-height: 27px; + font-size: 24.5px; } -h3 small { +h4 { + font-size: 17.5px; +} +h5 { font-size: 14px; } -h4, -h5, h6 { - line-height: 18px; + font-size: 11.9px; } -h4 { - font-size: 14px; +h1 small { + font-size: 24.5px; } -h4 small { - font-size: 12px; +h2 small { + font-size: 17.5px; } -h5 { - font-size: 12px; +h3 small { + font-size: 14px; } -h6 { - font-size: 11px; - color: #999999; - text-transform: uppercase; +h4 small { + font-size: 14px; } .page-header { - padding-bottom: 17px; - margin: 18px 0; + padding-bottom: 9px; + margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } -.page-header h1 { - line-height: 1; -} ul, ol { padding: 0; - margin: 0 0 9px 25px; + margin: 0 0 10px 25px; } ul ul, ul ol, @@ -425,37 +675,57 @@ ol ol, ol ul { margin-bottom: 0; } -ul { - list-style: disc; -} -ol { - list-style: decimal; -} li { - line-height: 18px; + line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } +ul.inline, +ol.inline { + margin-left: 0; + list-style: none; +} +ul.inline > li, +ol.inline > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + padding-left: 5px; + padding-right: 5px; +} dl { - margin-bottom: 18px; + margin-bottom: 20px; } dt, dd { - line-height: 18px; + line-height: 20px; } dt { font-weight: bold; - line-height: 17px; } dd { - margin-left: 9px; + margin-left: 10px; +} +.dl-horizontal { + *zoom: 1; +} +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: ""; + line-height: 0; +} +.dl-horizontal:after { + clear: both; } .dl-horizontal dt { float: left; - width: 120px; + width: 160px; clear: left; text-align: right; overflow: hidden; @@ -463,26 +733,18 @@ dd { white-space: nowrap; } .dl-horizontal dd { - margin-left: 130px; + margin-left: 180px; } hr { - margin: 18px 0; + margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } -strong { - font-weight: bold; -} -em { - font-style: italic; -} -.muted { - color: #999999; -} -abbr[title] { +abbr[title], +abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #ddd; + border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; @@ -490,18 +752,18 @@ abbr.initialism { } blockquote { padding: 0 0 0 15px; - margin: 0 0 18px; + margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; - font-size: 16px; + font-size: 17.5px; font-weight: 300; - line-height: 22.5px; + line-height: 1.25; } blockquote small { display: block; - line-height: 18px; + line-height: 20px; color: #999999; } blockquote small:before { @@ -518,6 +780,12 @@ blockquote.pull-right p, blockquote.pull-right small { text-align: right; } +blockquote.pull-right small:before { + content: ''; +} +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} q:before, q:after, blockquote:before, @@ -526,20 +794,14 @@ blockquote:after { } address { display: block; - margin-bottom: 18px; - font-style: normal; - line-height: 18px; -} -small { - font-size: 100%; -} -cite { + margin-bottom: 20px; font-style: normal; + line-height: 20px; } code, pre { padding: 0 3px 2px; - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; @@ -551,13 +813,14 @@ code { color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; + white-space: nowrap; } pre { display: block; - padding: 8.5px; - margin: 0 0 9px; - font-size: 12.025px; - line-height: 18px; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -570,11 +833,13 @@ pre { border-radius: 4px; } pre.prettyprint { - margin-bottom: 18px; + margin-bottom: 20px; } pre code { padding: 0; color: inherit; + white-space: pre; + white-space: pre-wrap; background-color: transparent; border: 0; } @@ -583,7 +848,7 @@ pre code { overflow-y: scroll; } form { - margin: 0 0 18px; + margin: 0 0 20px; } fieldset { padding: 0; @@ -594,15 +859,15 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 27px; - font-size: 19.5px; - line-height: 36px; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; color: #333333; border: 0; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #e5e5e5; } legend small { - font-size: 13.5px; + font-size: 15px; color: #999999; } label, @@ -610,9 +875,9 @@ input, button, select, textarea { - font-size: 13px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 20px; } input, button, @@ -623,116 +888,181 @@ textarea { label { display: block; margin-bottom: 5px; - color: #333333; } -input, -textarea, select, +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"], .uneditable-input { display: inline-block; - width: 210px; - height: 18px; - padding: 4px; - margin-bottom: 9px; - font-size: 13px; - line-height: 18px; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; color: #555555; - background-color: #ffffff; - border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; + vertical-align: middle; } -.uneditable-textarea { - width: auto; - height: auto; -} -label input, -label textarea, -label select { - display: block; +input, +textarea, +.uneditable-input { + width: 206px; } -input[type="image"], -input[type="checkbox"], -input[type="radio"] { - width: auto; +textarea { height: auto; - padding: 0; - margin: 3px 0; +} +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"], +.uneditable-input { + background-color: #ffffff; + border: 1px solid #cccccc; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear .2s, box-shadow linear .2s; + -moz-transition: border linear .2s, box-shadow linear .2s; + -o-transition: border linear .2s, box-shadow linear .2s; + transition: border linear .2s, box-shadow linear .2s; +} +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; *margin-top: 0; /* IE7 */ - line-height: normal; - cursor: pointer; - background-color: transparent; - border: 0 \9; - /* IE9 and down */ + margin-top: 1px \9; + /* IE8-9 */ - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -input[type="image"] { - border: 0; -} -input[type="file"] { - width: auto; - padding: initial; - line-height: initial; - background-color: #ffffff; - background-color: initial; - border: initial; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + line-height: normal; } -input[type="button"], +input[type="file"], +input[type="image"], +input[type="submit"], input[type="reset"], -input[type="submit"] { +input[type="button"], +input[type="radio"], +input[type="checkbox"] { width: auto; - height: auto; } select, input[type="file"] { - height: 28px; + height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ - line-height: 28px; -} -input[type="file"] { - line-height: 18px \9; + line-height: 30px; } select { width: 220px; + border: 1px solid #cccccc; background-color: #ffffff; } select[multiple], select[size] { height: auto; } -input[type="image"] { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } -textarea { +.uneditable-input, +.uneditable-textarea { + color: #999999; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + cursor: not-allowed; +} +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} +.uneditable-textarea { + width: auto; height: auto; } -input[type="hidden"] { - display: none; +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; } .radio, .checkbox { - min-height: 18px; - padding-left: 18px; + min-height: 20px; + padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; - margin-left: -18px; + margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { @@ -749,39 +1079,6 @@ input[type="hidden"] { .checkbox.inline + .checkbox.inline { margin-left: 10px; } -input, -textarea { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -input:focus, -textarea:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus, -select:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} .input-mini { width: 60px; } @@ -811,46 +1108,105 @@ textarea[class*="span"], float: none; margin-left: 0; } +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"], +.row-fluid .input-prepend [class*="span"], +.row-fluid .input-append [class*="span"] { + display: inline-block; +} input, textarea, .uneditable-input { margin-left: 0; } -input.span12, textarea.span12, .uneditable-input.span12 { - width: 930px; -} -input.span11, textarea.span11, .uneditable-input.span11 { - width: 850px; -} -input.span10, textarea.span10, .uneditable-input.span10 { - width: 770px; -} -input.span9, textarea.span9, .uneditable-input.span9 { - width: 690px; -} -input.span8, textarea.span8, .uneditable-input.span8 { - width: 610px; -} -input.span7, textarea.span7, .uneditable-input.span7 { - width: 530px; -} -input.span6, textarea.span6, .uneditable-input.span6 { - width: 450px; +.controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; } -input.span5, textarea.span5, .uneditable-input.span5 { - width: 370px; +input.span12, +textarea.span12, +.uneditable-input.span12 { + width: 926px; +} +input.span11, +textarea.span11, +.uneditable-input.span11 { + width: 846px; +} +input.span10, +textarea.span10, +.uneditable-input.span10 { + width: 766px; +} +input.span9, +textarea.span9, +.uneditable-input.span9 { + width: 686px; +} +input.span8, +textarea.span8, +.uneditable-input.span8 { + width: 606px; +} +input.span7, +textarea.span7, +.uneditable-input.span7 { + width: 526px; +} +input.span6, +textarea.span6, +.uneditable-input.span6 { + width: 446px; +} +input.span5, +textarea.span5, +.uneditable-input.span5 { + width: 366px; +} +input.span4, +textarea.span4, +.uneditable-input.span4 { + width: 286px; +} +input.span3, +textarea.span3, +.uneditable-input.span3 { + width: 206px; +} +input.span2, +textarea.span2, +.uneditable-input.span2 { + width: 126px; +} +input.span1, +textarea.span1, +.uneditable-input.span1 { + width: 46px; +} +.controls-row { + *zoom: 1; } -input.span4, textarea.span4, .uneditable-input.span4 { - width: 290px; +.controls-row:before, +.controls-row:after { + display: table; + content: ""; + line-height: 0; } -input.span3, textarea.span3, .uneditable-input.span3 { - width: 210px; +.controls-row:after { + clear: both; } -input.span2, textarea.span2, .uneditable-input.span2 { - width: 130px; +.controls-row [class*="span"], +.row-fluid .controls-row [class*="span"] { + float: left; } -input.span1, textarea.span1, .uneditable-input.span1 { - width: 50px; +.controls-row .checkbox[class*="span"], +.controls-row .radio[class*="span"] { + padding-top: 5px; } input[disabled], select[disabled], @@ -860,7 +1216,6 @@ select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; - border-color: #ddd; } input[type="radio"][disabled], input[type="checkbox"][disabled], @@ -868,24 +1223,33 @@ input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } -.control-group.warning > label, +.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } +.control-group.warning .checkbox, +.control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; +} +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; - -webkit-box-shadow: 0 0 6px #dbc59e; - -moz-box-shadow: 0 0 6px #dbc59e; - box-shadow: 0 0 6px #dbc59e; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { @@ -893,24 +1257,33 @@ input[type="checkbox"][readonly] { background-color: #fcf8e3; border-color: #c09853; } -.control-group.error > label, +.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b55457; } +.control-group.error .checkbox, +.control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b55457; +} +.control-group.error input, +.control-group.error select, +.control-group.error textarea { border-color: #b55457; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #954143; - -webkit-box-shadow: 0 0 6px #d49b9d; - -moz-box-shadow: 0 0 6px #d49b9d; - box-shadow: 0 0 6px #d49b9d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { @@ -918,24 +1291,33 @@ input[type="checkbox"][readonly] { background-color: #f8f0f0; border-color: #b55457; } -.control-group.success > label, +.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } +.control-group.success .checkbox, +.control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; +} +.control-group.success input, +.control-group.success select, +.control-group.success textarea { border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; - -webkit-box-shadow: 0 0 6px #7aba7b; - -moz-box-shadow: 0 0 6px #7aba7b; - box-shadow: 0 0 6px #7aba7b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { @@ -943,59 +1325,78 @@ input[type="checkbox"][readonly] { background-color: #dff0d8; border-color: #468847; } -input:focus:required:invalid, -textarea:focus:required:invalid, -select:focus:required:invalid { +.control-group.info .control-label, +.control-group.info .help-block, +.control-group.info .help-inline { + color: #3a87ad; +} +.control-group.info .checkbox, +.control-group.info .radio, +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + color: #3a87ad; +} +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + border-color: #3a87ad; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.control-group.info input:focus, +.control-group.info select:focus, +.control-group.info textarea:focus { + border-color: #2d6987; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; +} +.control-group.info .input-prepend .add-on, +.control-group.info .input-append .add-on { + color: #3a87ad; + background-color: #d9edf7; + border-color: #3a87ad; +} +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } -input:focus:required:invalid:focus, -textarea:focus:required:invalid:focus, -select:focus:required:invalid:focus { +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { - padding: 17px 20px 18px; - margin-top: 18px; - margin-bottom: 18px; + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; background-color: #f5f5f5; - border-top: 1px solid #ddd; + border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; + line-height: 0; } .form-actions:after { clear: both; } -.uneditable-input { - overflow: hidden; - white-space: nowrap; - cursor: not-allowed; - background-color: #ffffff; - border-color: #eee; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -} -:-moz-placeholder { - color: #999999; -} -::-webkit-input-placeholder { - color: #999999; -} .help-block, .help-inline { - color: #555555; + color: #6a6a6a; } .help-block { display: block; - margin-bottom: 9px; + margin-bottom: 10px; } .help-inline { display: inline-block; @@ -1006,62 +1407,76 @@ select:focus:required:invalid:focus { vertical-align: middle; padding-left: 5px; } -.input-prepend, -.input-append { - margin-bottom: 5px; +.input-append, +.input-prepend { + display: inline-block; + margin-bottom: 10px; + vertical-align: middle; + font-size: 0; + white-space: nowrap; } -.input-prepend input, .input-append input, -.input-prepend select, +.input-prepend input, .input-append select, +.input-prepend select, +.input-append .uneditable-input, .input-prepend .uneditable-input, -.input-append .uneditable-input { +.input-append .dropdown-menu, +.input-prepend .dropdown-menu, +.input-append .popover, +.input-prepend .popover { + font-size: 14px; +} +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; - vertical-align: middle; + vertical-align: top; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } -.input-prepend input:focus, .input-append input:focus, -.input-prepend select:focus, +.input-prepend input:focus, .input-append select:focus, -.input-prepend .uneditable-input:focus, -.input-append .uneditable-input:focus { +.input-prepend select:focus, +.input-append .uneditable-input:focus, +.input-prepend .uneditable-input:focus { z-index: 2; } -.input-prepend .uneditable-input, -.input-append .uneditable-input { - border-left-color: #ccc; -} -.input-prepend .add-on, -.input-append .add-on { +.input-append .add-on, +.input-prepend .add-on { display: inline-block; width: auto; - height: 18px; + height: 20px; min-width: 16px; padding: 4px 5px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; - vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; } -.input-prepend .add-on, .input-append .add-on, +.input-prepend .add-on, +.input-append .btn, .input-prepend .btn, -.input-append .btn { - margin-left: -1px; +.input-append .btn-group > .dropdown-toggle, +.input-prepend .btn-group > .dropdown-toggle { + vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.input-prepend .active, -.input-append .active { +.input-append .active, +.input-prepend .active { background-color: #a9dba9; border-color: #46a546; } @@ -1082,12 +1497,21 @@ select:focus:required:invalid:focus { -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } -.input-append .uneditable-input { - border-right-color: #ccc; - border-left-color: #eee; +.input-append input + .btn-group .btn:last-child, +.input-append select + .btn-group .btn:last-child, +.input-append .uneditable-input + .btn-group .btn:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.input-append .add-on, +.input-append .btn, +.input-append .btn-group { + margin-left: -1px; } .input-append .add-on:last-child, -.input-append .btn:last-child { +.input-append .btn:last-child, +.input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; @@ -1099,6 +1523,13 @@ select:focus:required:invalid:focus { -moz-border-radius: 0; border-radius: 0; } +.input-prepend.input-append input + .btn-group .btn, +.input-prepend.input-append select + .btn-group .btn, +.input-prepend.input-append .uneditable-input + .btn-group .btn { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; @@ -1113,7 +1544,10 @@ select:focus:required:invalid:focus { -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } -.search-query { +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; +} +input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; @@ -1121,9 +1555,36 @@ select:focus:required:invalid:focus { /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} +/* Allow for input prepend/append in search forms */ +.form-search .input-append .search-query, +.form-search .input-prepend .search-query { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.form-search .input-append .search-query { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} +.form-search .input-append .btn { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .search-query { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .btn { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, @@ -1152,6 +1613,7 @@ select:focus:required:invalid:focus { *zoom: 1; margin-bottom: 0; + vertical-align: middle; } .form-search .hide, .form-inline .hide, @@ -1159,7 +1621,9 @@ select:focus:required:invalid:focus { display: none; } .form-search label, -.form-inline label { +.form-inline label, +.form-search .btn-group, +.form-inline .btn-group { display: inline-block; } .form-search .input-append, @@ -1185,45 +1649,53 @@ select:focus:required:invalid:focus { margin-left: 0; } .control-group { - margin-bottom: 9px; + margin-bottom: 10px; } legend + .control-group { - margin-top: 18px; + margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { - margin-bottom: 18px; + margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; + line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; - width: 140px; + width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; - margin-left: 160px; + margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { - *padding-left: 160px; + *padding-left: 180px; } .form-horizontal .help-block { - margin-top: 9px; margin-bottom: 0; } +.form-horizontal input + .help-block, +.form-horizontal select + .help-block, +.form-horizontal textarea + .help-block, +.form-horizontal .uneditable-input + .help-block, +.form-horizontal .input-prepend + .help-block, +.form-horizontal .input-append + .help-block { + margin-top: 10px; +} .form-horizontal .form-actions { - padding-left: 160px; + padding-left: 180px; } table { max-width: 100%; @@ -1233,12 +1705,12 @@ table { } .table { width: 100%; - margin-bottom: 18px; + margin-bottom: 20px; } .table th, .table td { padding: 8px; - line-height: 18px; + line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; @@ -1260,6 +1732,9 @@ table { .table tbody + tbody { border-top: 2px solid #dddddd; } +.table .table { + background-color: #eeeeee; +} .table-condensed th, .table-condensed td { padding: 4px 5px; @@ -1267,7 +1742,7 @@ table { .table-bordered { border: 1px solid #dddddd; border-collapse: separate; - *border-collapse: collapsed; + *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -1288,160 +1763,175 @@ table { .table-bordered tbody:first-child tr:first-child td { border-top: 0; } -.table-bordered thead:first-child tr:first-child th:first-child, -.table-bordered tbody:first-child tr:first-child td:first-child { +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child, +.table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; } -.table-bordered thead:first-child tr:first-child th:last-child, -.table-bordered tbody:first-child tr:first-child td:last-child { +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; } -.table-bordered thead:last-child tr:last-child th:first-child, -.table-bordered tbody:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 4px; - -moz-border-radius: 0 0 0 4px; - border-radius: 0 0 0 4px; +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } -.table-bordered thead:last-child tr:last-child th:last-child, -.table-bordered tbody:last-child tr:last-child td:last-child { +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } -.table-striped tbody tr:nth-child(odd) td, -.table-striped tbody tr:nth-child(odd) th { +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; +} +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; +} +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; +} +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; +} +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } -.table tbody tr:hover td, -.table tbody tr:hover th { +.table-hover tbody tr:hover > td, +.table-hover tbody tr:hover > th { background-color: #f5f5f5; } -table .span1 { +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} +.table td.span1, +.table th.span1 { float: none; width: 44px; margin-left: 0; } -table .span2 { +.table td.span2, +.table th.span2 { float: none; width: 124px; margin-left: 0; } -table .span3 { +.table td.span3, +.table th.span3 { float: none; width: 204px; margin-left: 0; } -table .span4 { +.table td.span4, +.table th.span4 { float: none; width: 284px; margin-left: 0; } -table .span5 { +.table td.span5, +.table th.span5 { float: none; width: 364px; margin-left: 0; } -table .span6 { +.table td.span6, +.table th.span6 { float: none; width: 444px; margin-left: 0; } -table .span7 { +.table td.span7, +.table th.span7 { float: none; width: 524px; margin-left: 0; } -table .span8 { +.table td.span8, +.table th.span8 { float: none; width: 604px; margin-left: 0; } -table .span9 { +.table td.span9, +.table th.span9 { float: none; width: 684px; margin-left: 0; } -table .span10 { +.table td.span10, +.table th.span10 { float: none; width: 764px; margin-left: 0; } -table .span11 { +.table td.span11, +.table th.span11 { float: none; width: 844px; margin-left: 0; } -table .span12 { +.table td.span12, +.table th.span12 { float: none; width: 924px; margin-left: 0; } -table .span13 { - float: none; - width: 1004px; - margin-left: 0; -} -table .span14 { - float: none; - width: 1084px; - margin-left: 0; -} -table .span15 { - float: none; - width: 1164px; - margin-left: 0; -} -table .span16 { - float: none; - width: 1244px; - margin-left: 0; -} -table .span17 { - float: none; - width: 1324px; - margin-left: 0; +.table tbody tr.success > td { + background-color: #dff0d8; } -table .span18 { - float: none; - width: 1404px; - margin-left: 0; +.table tbody tr.error > td { + background-color: #f8f0f0; } -table .span19 { - float: none; - width: 1484px; - margin-left: 0; +.table tbody tr.warning > td { + background-color: #fcf8e3; } -table .span20 { - float: none; - width: 1564px; - margin-left: 0; +.table tbody tr.info > td { + background-color: #d9edf7; } -table .span21 { - float: none; - width: 1644px; - margin-left: 0; +.table-hover tbody tr.success:hover > td { + background-color: #d0e9c6; } -table .span22 { - float: none; - width: 1724px; - margin-left: 0; +.table-hover tbody tr.error:hover > td { + background-color: #f0dfe0; } -table .span23 { - float: none; - width: 1804px; - margin-left: 0; +.table-hover tbody tr.warning:hover > td { + background-color: #faf2cc; } -table .span24 { - float: none; - width: 1884px; - margin-left: 0; +.table-hover tbody tr.info:hover > td { + background-color: #c4e3f3; } .dropup, .dropdown { @@ -1463,18 +1953,11 @@ table .span24 { border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; - opacity: 0.3; - filter: alpha(opacity=30); } .dropdown .caret { margin-top: 8px; margin-left: 2px; } -.dropdown:hover .caret, -.open .caret { - opacity: 1; - filter: alpha(opacity=100); -} .dropdown-menu { position: absolute; top: 100%; @@ -1483,17 +1966,17 @@ table .span24 { display: none; float: left; min-width: 160px; - padding: 4px 0; - margin: 1px 0 0; + padding: 5px 0; + margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; -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); @@ -1508,35 +1991,71 @@ table .span24 { .dropdown-menu .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } -.dropdown-menu a { +.dropdown-menu > li > a { display: block; - padding: 3px 15px; + padding: 3px 20px; clear: both; font-weight: normal; - line-height: 18px; + line-height: 20px; color: #333333; white-space: nowrap; } -.dropdown-menu li > a:hover, -.dropdown-menu .active > a, -.dropdown-menu .active > a:hover { +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + text-decoration: none; + color: #ffffff; + background-color: #770606; + background-image: -moz-linear-gradient(top, #810606, #690505); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#810606), to(#690505)); + background-image: -webkit-linear-gradient(top, #810606, #690505); + background-image: -o-linear-gradient(top, #810606, #690505); + background-image: linear-gradient(to bottom, #810606, #690505); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff810606', endColorstr='#ff690505', GradientType=0); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; - background-color: #5b0404; + outline: 0; + background-color: #770606; + background-image: -moz-linear-gradient(top, #810606, #690505); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#810606), to(#690505)); + background-image: -webkit-linear-gradient(top, #810606, #690505); + background-image: -o-linear-gradient(top, #810606, #690505); + background-image: linear-gradient(to bottom, #810606, #690505); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff810606', endColorstr='#ff690505', GradientType=0); +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; } .open { *z-index: 1000; } -.open .dropdown-menu { +.open > .dropdown-menu { display: block; } -.pull-right .dropdown-menu { +.pull-right > .dropdown-menu { right: 0; left: auto; } @@ -1544,7 +2063,7 @@ table .span24 { .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; - content: "\2191"; + content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { @@ -1552,7 +2071,62 @@ table .span24 { bottom: 100%; margin-bottom: 1px; } +.dropdown-submenu { + position: relative; +} +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; +} +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + -webkit-border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; +} +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; +} +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} +.dropdown-submenu.pull-left { + float: none; +} +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} .typeahead { + z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -1563,8 +2137,7 @@ table .span24 { padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; - border: 1px solid #eee; - border: 1px solid rgba(0, 0, 0, 0.05); + border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -1590,16 +2163,13 @@ table .span24 { } .fade { opacity: 0; - filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; - -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; - filter: alpha(opacity=100); } .collapse { position: relative; @@ -1607,7 +2177,6 @@ table .span24 { overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; - -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } @@ -1618,13 +2187,14 @@ table .span24 { float: right; font-size: 20px; font-weight: bold; - line-height: 18px; + line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } -.close:hover { +.close:hover, +.close:focus { color: #000000; text-decoration: none; cursor: pointer; @@ -1644,25 +2214,23 @@ button.close { /* IE7 inline-block hack */ *zoom: 1; - padding: 4px 10px 4px; + padding: 4px 12px; margin-bottom: 0; - font-size: 13px; - line-height: 18px; - *line-height: 20px; - color: #333333; + 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; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); - background-image: -ms-linear-gradient(top, #ffffff, #eaeaea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); background-image: -o-linear-gradient(top, #ffffff, #eaeaea); - background-image: linear-gradient(top, #ffffff, #eaeaea); + background-image: linear-gradient(to bottom, #ffffff, #eaeaea); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeaeaea', GradientType=0); border-color: #eaeaea #eaeaea #c4c4c4; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #eaeaea; @@ -1681,10 +2249,12 @@ button.close { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, +.btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { + color: #333333; background-color: #eaeaea; *background-color: #dddddd; } @@ -1695,17 +2265,13 @@ button.close { .btn:first-child { *margin-left: 0; } -.btn:hover { +.btn:hover, +.btn:focus { color: #333333; text-decoration: none; - background-color: #e6e6e6; - *background-color: #d9d9d9; - /* Buttons in IE7 don't get borders, so darken on hover */ - background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; - -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } @@ -1716,8 +2282,6 @@ button.close { } .btn.active, .btn:active { - background-color: #e6e6e6; - background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); @@ -1727,7 +2291,6 @@ button.close { .btn.disabled, .btn[disabled] { cursor: default; - background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); @@ -1736,43 +2299,54 @@ button.close { box-shadow: none; } .btn-large { - padding: 9px 14px; - font-size: 15px; - line-height: normal; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + padding: 11px 19px; + font-size: 17.5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -.btn-large [class^="icon-"] { - margin-top: 1px; +.btn-large [class^="icon-"], +.btn-large [class*=" icon-"] { + margin-top: 4px; } .btn-small { - padding: 5px 9px; - font-size: 11px; - line-height: 16px; + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.btn-small [class^="icon-"], +.btn-small [class*=" icon-"] { + margin-top: 0; } -.btn-small [class^="icon-"] { +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { - padding: 2px 6px; - font-size: 11px; - line-height: 14px; + padding: 0 6px; + font-size: 10.5px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.btn-primary, -.btn-primary:hover, -.btn-warning, -.btn-warning:hover, -.btn-danger, -.btn-danger:hover, -.btn-success, -.btn-success:hover, -.btn-info, -.btn-info:hover, -.btn-inverse, -.btn-inverse:hover { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } .btn-primary.active, .btn-warning.active, @@ -1782,49 +2356,49 @@ button.close { .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } -.btn { - border-color: #ccc; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} .btn-primary { - background-color: #dd0c0c; - background-image: -moz-linear-gradient(top, #cf0a0a, #f21010); - background-image: -ms-linear-gradient(top, #cf0a0a, #f21010); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cf0a0a), to(#f21010)); - background-image: -webkit-linear-gradient(top, #cf0a0a, #f21010); - background-image: -o-linear-gradient(top, #cf0a0a, #f21010); - background-image: linear-gradient(top, #cf0a0a, #f21010); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #9e0707; + background-image: -moz-linear-gradient(top, #b20808, #810606); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b20808), to(#810606)); + background-image: -webkit-linear-gradient(top, #b20808, #810606); + background-image: -o-linear-gradient(top, #b20808, #810606); + background-image: linear-gradient(to bottom, #b20808, #810606); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf0a0a', endColorstr='#f21010', GradientType=0); - border-color: #f21010 #f21010 #ac0909; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb20808', endColorstr='#ff810606', GradientType=0); + border-color: #810606 #810606 #380303; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f21010; + *background-color: #810606; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, +.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { - background-color: #f21010; - *background-color: #dd0c0c; + color: #ffffff; + background-color: #810606; + *background-color: #690505; } .btn-primary:active, .btn-primary.active { - background-color: #c40b0b \9; + background-color: #500404 \9; } .btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', 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); *background-color: #f89406; @@ -1833,10 +2407,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, +.btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { + color: #ffffff; background-color: #f89406; *background-color: #df8505; } @@ -1845,15 +2421,16 @@ button.close { background-color: #c67605 \9; } .btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; @@ -1862,10 +2439,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, +.btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { + color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } @@ -1874,15 +2453,16 @@ button.close { background-color: #942a25 \9; } .btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; @@ -1891,10 +2471,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, +.btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { + color: #ffffff; background-color: #51a351; *background-color: #499249; } @@ -1903,15 +2485,16 @@ button.close { background-color: #408140 \9; } .btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; 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-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', 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); *background-color: #2f96b4; @@ -1920,10 +2503,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, +.btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { + color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } @@ -1932,15 +2517,16 @@ button.close { background-color: #24748c \9; } .btn-inverse { - background-color: #414141; - background-image: -moz-linear-gradient(top, #555555, #222222); - background-image: -ms-linear-gradient(top, #555555, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); - background-image: -webkit-linear-gradient(top, #555555, #222222); - background-image: -o-linear-gradient(top, #555555, #222222); - background-image: linear-gradient(top, #555555, #222222); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + background-image: -moz-linear-gradient(top, #444444, #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-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); 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); *background-color: #222222; @@ -1949,10 +2535,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, +.btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { + color: #ffffff; background-color: #222222; *background-color: #151515; } @@ -1962,8 +2550,8 @@ button.close { } button.btn, input[type="submit"].btn { - *padding-top: 2px; - *padding-bottom: 2px; + *padding-top: 3px; + *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { @@ -1985,19 +2573,46 @@ input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-link { + border-color: transparent; + cursor: pointer; + color: #810606; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-link:hover, +.btn-link:focus { + color: #380303; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { + color: #333333; + text-decoration: none; +} .btn-group { position: relative; + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + font-size: 0; + vertical-align: middle; + white-space: nowrap; *margin-left: .3em; } -.btn-group:before, -.btn-group:after { - display: table; - content: ""; -} -.btn-group:after { - clear: both; -} .btn-group:first-child { *margin-left: 0; } @@ -2005,24 +2620,38 @@ input[type="submit"].btn.btn-mini { margin-left: 5px; } .btn-toolbar { - margin-top: 9px; - margin-bottom: 9px; + font-size: 0; + margin-top: 10px; + margin-bottom: 10px; } -.btn-toolbar .btn-group { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group { + margin-left: 5px; } .btn-group > .btn { position: relative; - float: left; - margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } +.btn-group > .btn + .btn { + margin-left: -1px; +} +.btn-group > .btn, +.btn-group > .dropdown-menu, +.btn-group > .popover { + font-size: 14px; +} +.btn-group > .btn-mini { + font-size: 10.5px; +} +.btn-group > .btn-small { + font-size: 11.9px; +} +.btn-group > .btn-large { + font-size: 17.5px; +} .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; @@ -2069,26 +2698,30 @@ input[type="submit"].btn.btn-mini { .btn-group.open .dropdown-toggle { outline: 0; } -.btn-group > .dropdown-toggle { +.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); - *padding-top: 4px; - *padding-bottom: 4px; + *padding-top: 5px; + *padding-bottom: 5px; } -.btn-group > .btn-mini.dropdown-toggle { +.btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; + *padding-top: 2px; + *padding-bottom: 2px; } -.btn-group > .btn-small.dropdown-toggle { - *padding-top: 4px; +.btn-group > .btn-small + .dropdown-toggle { + *padding-top: 5px; *padding-bottom: 4px; } -.btn-group > .btn-large.dropdown-toggle { +.btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; + *padding-top: 7px; + *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; @@ -2100,7 +2733,7 @@ input[type="submit"].btn.btn-mini { background-color: #eaeaea; } .btn-group.open .btn-primary.dropdown-toggle { - background-color: #f21010; + background-color: #810606; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; @@ -2118,29 +2751,23 @@ input[type="submit"].btn.btn-mini { background-color: #222222; } .btn .caret { - margin-top: 7px; + margin-top: 8px; margin-left: 0; } -.btn:hover .caret, -.open.btn-group .caret { - opacity: 1; - filter: alpha(opacity=100); -} -.btn-mini .caret { - margin-top: 5px; -} -.btn-small .caret { +.btn-large .caret { margin-top: 6px; } .btn-large .caret { - margin-top: 6px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } +.btn-mini .caret, +.btn-small .caret { + margin-top: 8px; +} .dropup .btn-large .caret { - border-bottom: 5px solid #000000; - border-top: 0; + border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, @@ -2150,45 +2777,95 @@ input[type="submit"].btn.btn-mini { .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +} +.btn-group-vertical { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-group-vertical > .btn + .btn { + margin-left: 0; + margin-top: -1px; +} +.btn-group-vertical > .btn:first-child { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.btn-group-vertical > .btn:last-child { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.btn-group-vertical > .btn-large:first-child { + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} +.btn-group-vertical > .btn-large:last-child { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; - margin-bottom: 18px; + margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; +} +.alert, +.alert h4 { color: #c09853; } -.alert-heading { - color: inherit; +.alert h4 { + margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; - line-height: 18px; + line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } +.alert-success h4 { + color: #468847; +} .alert-danger, .alert-error { background-color: #f8f0f0; border-color: #c6898b; color: #b55457; } +.alert-danger h4, +.alert-error h4 { + color: #b55457; +} .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } +.alert-info h4 { + color: #3a87ad; +} .alert-block { padding-top: 14px; padding-bottom: 14px; @@ -2202,25 +2879,29 @@ input[type="submit"].btn.btn-mini { } .nav { margin-left: 0; - margin-bottom: 18px; + margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } -.nav > li > a:hover { +.nav > li > a:hover, +.nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } +.nav > li > a > img { + max-width: none; +} .nav > .pull-right { float: right; } -.nav .nav-header { +.nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; - line-height: 18px; + line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -2243,18 +2924,20 @@ input[type="submit"].btn.btn-mini { padding: 3px 15px; } .nav-list > .active > a, -.nav-list > .active > a:hover { +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); - background-color: #5b0404; + background-color: #810606; } -.nav-list [class^="icon-"] { +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; @@ -2270,6 +2953,7 @@ input[type="submit"].btn.btn-mini { .nav-pills:after { display: table; content: ""; + line-height: 0; } .nav-tabs:after, .nav-pills:after { @@ -2295,19 +2979,21 @@ input[type="submit"].btn.btn-mini { .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; - line-height: 18px; + line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } -.nav-tabs > li > a:hover { +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, -.nav-tabs > .active > a:hover { +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { color: #555555; - background-color: #ffffff; + background-color: #eeeeee; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; @@ -2322,9 +3008,10 @@ input[type="submit"].btn.btn-mini { border-radius: 5px; } .nav-pills > .active > a, -.nav-pills > .active > a:hover { +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { color: #ffffff; - background-color: #5b0404; + background-color: #810606; } .nav-stacked > li { float: none; @@ -2342,16 +3029,23 @@ input[type="submit"].btn.btn-mini { border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -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-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + -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 { +.nav-tabs.nav-stacked > li > a:hover, +.nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } @@ -2362,51 +3056,60 @@ input[type="submit"].btn.btn-mini { margin-bottom: 1px; } .nav-tabs .dropdown-menu { - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -.nav-tabs .dropdown-toggle .caret, -.nav-pills .dropdown-toggle .caret { - border-top-color: #5b0404; - border-bottom-color: #5b0404; +.nav .dropdown-toggle .caret { + border-top-color: #810606; + border-bottom-color: #810606; margin-top: 6px; } -.nav-tabs .dropdown-toggle:hover .caret, -.nav-pills .dropdown-toggle:hover .caret { - border-top-color: #120101; - border-bottom-color: #120101; +.nav .dropdown-toggle:hover .caret, +.nav .dropdown-toggle:focus .caret { + border-top-color: #380303; + border-bottom-color: #380303; } -.nav-tabs .active .dropdown-toggle .caret, -.nav-pills .active .dropdown-toggle .caret { - border-top-color: #333333; - border-bottom-color: #333333; +/* move down carets for tabs */ +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; } -.nav > .dropdown.active > a:hover { - color: #000000; +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} +.nav > .dropdown.active > a:hover, +.nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open a:hover .caret, +.nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } -.tabs-stacked .open > a:hover { +.tabs-stacked .open > a:hover, +.tabs-stacked .open > a:focus { border-color: #999999; } .tabbable { @@ -2416,6 +3119,7 @@ input[type="submit"].btn.btn-mini { .tabbable:after { display: table; content: ""; + line-height: 0; } .tabbable:after { clear: both; @@ -2448,12 +3152,14 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } -.tabs-below > .nav-tabs > li > a:hover { +.tabs-below > .nav-tabs > li > a:hover, +.tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, -.tabs-below > .nav-tabs > .active > a:hover { +.tabs-below > .nav-tabs > .active > a:hover, +.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, @@ -2477,11 +3183,13 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } -.tabs-left > .nav-tabs > li > a:hover { +.tabs-left > .nav-tabs > li > a:hover, +.tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, -.tabs-left > .nav-tabs .active > a:hover { +.tabs-left > .nav-tabs .active > a:hover, +.tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } @@ -2496,78 +3204,110 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } -.tabs-right > .nav-tabs > li > a:hover { +.tabs-right > .nav-tabs > li > a:hover, +.tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, -.tabs-right > .nav-tabs .active > a:hover { +.tabs-right > .nav-tabs .active > a:hover, +.tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } +.nav > .disabled > a { + color: #999999; +} +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + cursor: default; +} .navbar { + overflow: visible; + margin-bottom: 20px; *position: relative; *z-index: 2; - overflow: visible; - margin-bottom: 18px; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; - background-color: #2c2c2c; - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); + border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + *zoom: 1; +} +.navbar-inner:before, +.navbar-inner:after { + display: table; + content: ""; + line-height: 0; +} +.navbar-inner:after { + clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; -} -.navbar { - color: #999999; -} -.navbar .brand:hover { - text-decoration: none; + overflow: visible; } .navbar .brand { float: left; display: block; - padding: 8px 20px 12px; + padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; - line-height: 1; - color: #999999; + color: #777777; + text-shadow: 0 1px 0 #ffffff; +} +.navbar .brand:hover, +.navbar .brand:focus { + text-decoration: none; } -.navbar .navbar-text { +.navbar-text { margin-bottom: 0; line-height: 40px; + color: #777777; } -.navbar .navbar-link { - color: #999999; +.navbar-link { + color: #777777; } -.navbar .navbar-link:hover { - color: #ffffff; +.navbar-link:hover, +.navbar-link:focus { + color: #333333; +} +.navbar .divider-vertical { + height: 40px; + margin: 0 9px; + border-left: 1px solid #f2f2f2; + border-right: 1px solid #ffffff; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } -.navbar .btn-group .btn { - margin: 0; +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn, +.navbar .input-prepend .btn-group, +.navbar .input-append .btn-group { + margin-top: 0; } .navbar-form { margin-bottom: 0; @@ -2577,6 +3317,7 @@ input[type="submit"].btn.btn-mini { .navbar-form:after { display: table; content: ""; + line-height: 0; } .navbar-form:after { clear: both; @@ -2588,7 +3329,8 @@ input[type="submit"].btn.btn-mini { margin-top: 5px; } .navbar-form input, -.navbar-form select { +.navbar-form select, +.navbar-form .btn { display: inline-block; margin-bottom: 0; } @@ -2599,7 +3341,7 @@ input[type="submit"].btn.btn-mini { } .navbar-form .input-append, .navbar-form .input-prepend { - margin-top: 6px; + margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, @@ -2609,44 +3351,28 @@ input[type="submit"].btn.btn-mini { .navbar-search { position: relative; float: left; - margin-top: 6px; + margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { - padding: 4px 9px; + margin-bottom: 0; + padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; - color: #ffffff; - background-color: #626262; - border: 1px solid #151515; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; -} -.navbar-search .search-query:-moz-placeholder { - color: #cccccc; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } -.navbar-search .search-query::-webkit-input-placeholder { - color: #cccccc; +.navbar-static-top { + position: static; + margin-bottom: 0; } -.navbar-search .search-query:focus, -.navbar-search .search-query.focused { - padding: 5px 10px; - color: #333333; - text-shadow: 0 1px 0 #ffffff; - background-color: #ffffff; - border: 0; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - outline: 0; +.navbar-static-top .navbar-inner { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { @@ -2657,6 +3383,13 @@ input[type="submit"].btn.btn-mini { margin-bottom: 0; } .navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + border-width: 0 0 1px; +} +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; +} +.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; @@ -2664,6 +3397,7 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0; border-radius: 0; } +.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; @@ -2671,9 +3405,20 @@ input[type="submit"].btn.btn-mini { .navbar-fixed-top { top: 0; } +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); + box-shadow: 0 1px 10px rgba(0,0,0,.1); +} .navbar-fixed-bottom { bottom: 0; } +.navbar-fixed-bottom .navbar-inner { + -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + box-shadow: 0 -1px 10px rgba(0,0,0,.1); +} .navbar .nav { position: relative; left: 0; @@ -2683,51 +3428,36 @@ input[type="submit"].btn.btn-mini { } .navbar .nav.pull-right { float: right; + margin-right: 0; } .navbar .nav > li { - display: block; float: left; } .navbar .nav > li > a { float: none; - padding: 9px 10px 11px; - line-height: 19px; - color: #999999; + padding: 10px 15px 10px; + color: #777777; text-decoration: none; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} -.navbar .btn { - display: inline-block; - padding: 4px 10px 4px; - margin: 5px 5px 6px; - line-height: 18px; + text-shadow: 0 1px 0 #ffffff; } -.navbar .btn-group { - margin: 0; - padding: 5px 5px 6px; +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; } +.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; - color: #ffffff; + color: #333333; text-decoration: none; } -.navbar .nav .active > a, -.navbar .nav .active > a:hover { - color: #ffffff; +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; text-decoration: none; - background-color: #222222; -} -.navbar .divider-vertical { - height: 40px; - width: 1px; - margin: 0 9px; - overflow: hidden; - background-color: #222222; - border-right: 1px solid #333333; -} -.navbar .nav.pull-right { - margin-left: 10px; - margin-right: 0; + background-color: #e5e5e5; + -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; @@ -2735,18 +3465,19 @@ input[type="submit"].btn.btn-mini { padding: 7px 10px; margin-left: 5px; margin-right: 5px; - background-color: #2c2c2c; - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ededed; + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); - border-color: #222222 #222222 #000000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); + border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #222222; + *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2755,16 +3486,18 @@ input[type="submit"].btn.btn-mini { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, +.navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { - background-color: #222222; - *background-color: #151515; + color: #ffffff; + background-color: #e5e5e5; + *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { - background-color: #080808 \9; + background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; @@ -2781,7 +3514,7 @@ input[type="submit"].btn.btn-mini { .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } -.navbar .dropdown-menu:before { +.navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; @@ -2792,7 +3525,7 @@ input[type="submit"].btn.btn-mini { top: -7px; left: 9px; } -.navbar .dropdown-menu:after { +.navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; @@ -2802,142 +3535,293 @@ input[type="submit"].btn.btn-mini { top: -6px; left: 10px; } -.navbar-fixed-bottom .dropdown-menu:before { +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } -.navbar-fixed-bottom .dropdown-menu:after { +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; } -.navbar .nav li.dropdown .dropdown-toggle .caret, -.navbar .nav li.dropdown.open .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} -.navbar .nav li.dropdown.active .caret { - opacity: 1; - filter: alpha(opacity=100); +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { - background-color: transparent; + background-color: #e5e5e5; + color: #555555; } -.navbar .nav li.dropdown.active > .dropdown-toggle:hover { - color: #ffffff; +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; } -.navbar .pull-right .dropdown-menu, -.navbar .dropdown-menu.pull-right { +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } -.navbar .pull-right .dropdown-menu:before, -.navbar .dropdown-menu.pull-right:before { +.navbar .pull-right > li > .dropdown-menu:before, +.navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } -.navbar .pull-right .dropdown-menu:after, -.navbar .dropdown-menu.pull-right:after { +.navbar .pull-right > li > .dropdown-menu:after, +.navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } -.breadcrumb { - padding: 7px 14px; - margin: 0 0 18px; - list-style: none; - background-color: #fbfbfb; - background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); - background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); - background-image: linear-gradient(top, #ffffff, #f5f5f5); +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.navbar-inverse .navbar-inner { + background-color: #1b1b1b; + background-image: -moz-linear-gradient(top, #222222, #111111); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); + background-image: -webkit-linear-gradient(top, #222222, #111111); + background-image: -o-linear-gradient(top, #222222, #111111); + background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); - border: 1px solid #ddd; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; - -moz-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); + border-color: #252525; } -.breadcrumb li { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - text-shadow: 0 1px 0 #ffffff; +.navbar-inverse .brand, +.navbar-inverse .nav > li > a { + color: #999999; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } -.breadcrumb .divider { - padding: 0 5px; +.navbar-inverse .brand:hover, +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .brand:focus, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; +} +.navbar-inverse .brand { color: #999999; } -.breadcrumb .active a { - color: #333333; +.navbar-inverse .navbar-text { + color: #999999; } -.pagination { - height: 36px; - margin: 18px 0; +.navbar-inverse .nav > li > a:focus, +.navbar-inverse .nav > li > a:hover { + background-color: transparent; + color: #ffffff; } -.pagination ul { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - margin-left: 0; - margin-bottom: 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #ffffff; + background-color: #111111; +} +.navbar-inverse .navbar-link { + color: #999999; +} +.navbar-inverse .navbar-link:hover, +.navbar-inverse .navbar-link:focus { + color: #ffffff; +} +.navbar-inverse .divider-vertical { + border-left-color: #111111; + border-right-color: #222222; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #111111; + color: #ffffff; +} +.navbar-inverse .nav li.dropdown > a:hover .caret, +.navbar-inverse .nav li.dropdown > a:focus .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .navbar-search .search-query { + color: #ffffff; + background-color: #515151; + border-color: #111111; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} +.navbar-inverse .navbar-search .search-query:-moz-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:focus, +.navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #333333; + text-shadow: 0 1px 0 #ffffff; + background-color: #ffffff; + border: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + outline: 0; +} +.navbar-inverse .btn-navbar { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e0e0e; + background-image: -moz-linear-gradient(top, #151515, #040404); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); + background-image: -webkit-linear-gradient(top, #151515, #040404); + background-image: -o-linear-gradient(top, #151515, #040404); + background-image: linear-gradient(to bottom, #151515, #040404); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); + border-color: #040404 #040404 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #040404; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:focus, +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar.disabled, +.navbar-inverse .btn-navbar[disabled] { + color: #ffffff; + background-color: #040404; + *background-color: #000000; +} +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-color: #000000 \9; +} +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + text-shadow: 0 1px 0 #ffffff; +} +.breadcrumb > li > .divider { + padding: 0 5px; + color: #ccc; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + margin: 20px 0; +} +.pagination ul { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + margin-left: 0; + margin-bottom: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } -.pagination li { +.pagination ul > li { display: inline; } -.pagination a { +.pagination ul > li > a, +.pagination ul > li > span { float: left; - padding: 0 14px; - line-height: 34px; + padding: 4px 12px; + line-height: 20px; text-decoration: none; - border: 1px solid #ddd; + background-color: #ffffff; + border: 1px solid #dddddd; border-left-width: 0; } -.pagination a:hover, -.pagination .active a { +.pagination ul > li > a:hover, +.pagination ul > li > a:focus, +.pagination ul > .active > a, +.pagination ul > .active > span { background-color: #f5f5f5; } -.pagination .active a { +.pagination ul > .active > a, +.pagination ul > .active > span { color: #999999; cursor: default; } -.pagination .disabled span, -.pagination .disabled a, -.pagination .disabled a:hover { +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover, +.pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default; } -.pagination li:first-child a { +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { border-left-width: 1px; - -webkit-border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } -.pagination li:last-child a { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; @@ -2945,9 +3829,63 @@ input[type="submit"].btn.btn-mini { .pagination-right { text-align: right; } +.pagination-large ul > li > a, +.pagination-large ul > li > span { + padding: 11px 19px; + font-size: 17.5px; +} +.pagination-large ul > li:first-child > a, +.pagination-large ul > li:first-child > span { + -webkit-border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; +} +.pagination-large ul > li:last-child > a, +.pagination-large ul > li:last-child > span { + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; +} +.pagination-mini ul > li:first-child > a, +.pagination-small ul > li:first-child > a, +.pagination-mini ul > li:first-child > span, +.pagination-small ul > li:first-child > span { + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topleft: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-left-radius: 3px; +} +.pagination-mini ul > li:last-child > a, +.pagination-small ul > li:last-child > a, +.pagination-mini ul > li:last-child > span, +.pagination-small ul > li:last-child > span { + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topright: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-right-radius: 3px; +} +.pagination-small ul > li > a, +.pagination-small ul > li > span { + padding: 2px 10px; + font-size: 11.9px; +} +.pagination-mini ul > li > a, +.pagination-mini ul > li > span { + padding: 0 6px; + font-size: 10.5px; +} .pager { - margin-left: 0; - margin-bottom: 18px; + margin: 20px 0; list-style: none; text-align: center; *zoom: 1; @@ -2956,6 +3894,7 @@ input[type="submit"].btn.btn-mini { .pager:after { display: table; content: ""; + line-height: 0; } .pager:after { clear: both; @@ -2963,7 +3902,8 @@ input[type="submit"].btn.btn-mini { .pager li { display: inline; } -.pager a { +.pager li > a, +.pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; @@ -2972,34 +3912,27 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 15px; border-radius: 15px; } -.pager a:hover { +.pager li > a:hover, +.pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } -.pager .next a { +.pager .next > a, +.pager .next > span { float: right; } -.pager .previous a { +.pager .previous > a, +.pager .previous > span { float: left; } -.pager .disabled a, -.pager .disabled a:hover { +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { color: #999999; background-color: #fff; cursor: default; } -.modal-open .dropdown-menu { - z-index: 2050; -} -.modal-open .dropdown.open { - *z-index: 2050; -} -.modal-open .popover { - z-index: 2060; -} -.modal-open .tooltip { - z-index: 2070; -} .modal-backdrop { position: fixed; top: 0; @@ -3019,12 +3952,11 @@ input[type="submit"].btn.btn-mini { } .modal { position: fixed; - top: 50%; + top: 10%; left: 50%; z-index: 1050; - overflow: auto; width: 560px; - margin: -250px 0 0 -280px; + margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); @@ -3040,17 +3972,17 @@ input[type="submit"].btn.btn-mini { -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; + outline: none; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; - -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { - top: 50%; + top: 10%; } .modal-header { padding: 9px 15px; @@ -3059,7 +3991,12 @@ input[type="submit"].btn.btn-mini { .modal-header .close { margin-top: 2px; } +.modal-header h3 { + margin: 0; + line-height: 30px; +} .modal-body { + position: relative; overflow-y: auto; max-height: 400px; padding: 15px; @@ -3085,6 +4022,7 @@ input[type="submit"].btn.btn-mini { .modal-footer:after { display: table; content: ""; + line-height: 0; } .modal-footer:after { clear: both; @@ -3096,13 +4034,16 @@ input[type="submit"].btn.btn-mini { .modal-footer .btn-group .btn + .btn { margin-left: -1px; } +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} .tooltip { position: absolute; - z-index: 1020; + z-index: 1030; display: block; visibility: visible; - padding: 5px; font-size: 11px; + line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } @@ -3111,52 +4052,24 @@ input[type="submit"].btn.btn-mini { filter: alpha(opacity=80); } .tooltip.top { - margin-top: -2px; + margin-top: -3px; + padding: 5px 0; } .tooltip.right { - margin-left: 2px; + margin-left: 3px; + padding: 0 5px; } .tooltip.bottom { - margin-top: 2px; + margin-top: 3px; + padding: 5px 0; } .tooltip.left { - margin-left: -2px; -} -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #000000; -} -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #000000; -} -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #000000; -} -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #000000; + margin-left: -3px; + padding: 0 5px; } .tooltip-inner { max-width: 200px; - padding: 3px 8px; + padding: 8px; color: #ffffff; text-align: center; text-decoration: none; @@ -3169,100 +4082,36 @@ input[type="submit"].btn.btn-mini { position: absolute; width: 0; height: 0; + border-color: transparent; + border-style: solid; } -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1010; - display: none; - padding: 5px; -} -.popover.top { - margin-top: -5px; -} -.popover.right { - margin-left: 5px; -} -.popover.bottom { - margin-top: 5px; -} -.popover.left { - margin-left: -5px; -} -.popover.top .arrow { +.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #000000; + border-width: 5px 5px 0; + border-top-color: #000000; } -.popover.right .arrow { +.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #000000; -} -.popover.bottom .arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #000000; + border-width: 5px 5px 5px 0; + border-right-color: #000000; } -.popover.left .arrow { +.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #000000; -} -.popover .arrow { - position: absolute; - width: 0; - height: 0; -} -.popover-inner { - padding: 3px; - width: 280px; - overflow: hidden; - background: #000000; - background: rgba(0, 0, 0, 0.8); - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -} -.popover-title { - padding: 9px 15px; - line-height: 1; - background-color: #f5f5f5; - border-bottom: 1px solid #eee; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; + border-width: 5px 0 5px 5px; + border-left-color: #000000; } -.popover-content { - padding: 14px; - background-color: #ffffff; - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; -} -.popover-content p, -.popover-content ul, -.popover-content ol { - margin-bottom: 0; +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; } .thumbnails { margin-left: -20px; @@ -3273,6 +4122,7 @@ input[type="submit"].btn.btn-mini { .thumbnails:after { display: table; content: ""; + line-height: 0; } .thumbnails:after { clear: both; @@ -3282,23 +4132,28 @@ input[type="submit"].btn.btn-mini { } .thumbnails > li { float: left; - margin-bottom: 18px; + margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; - line-height: 1; + line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -} -a.thumbnail:hover { - border-color: #5b0404; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #810606; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); @@ -3311,10 +4166,13 @@ a.thumbnail:hover { } .thumbnail .caption { padding: 9px; + color: #555555; } .label, .badge { - font-size: 10.998px; + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; @@ -3324,19 +4182,25 @@ a.thumbnail:hover { background-color: #999999; } .label { - padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { - padding: 1px 9px 2px; + padding-left: 9px; + padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } +.label:empty, +.badge:empty { + display: none; +} a.label:hover, -a.badge:hover { +a.label:focus, +a.badge:hover, +a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; @@ -3381,6 +4245,15 @@ a.badge:hover { .badge-inverse[href] { background-color: #1a1a1a; } +.btn .label, +.btn .badge { + position: relative; + top: -1px; +} +.btn-mini .label, +.btn-mini .badge { + top: 0; +} @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -3423,17 +4296,16 @@ a.badge:hover { } .progress { overflow: hidden; - height: 18px; - margin-bottom: 18px; + height: 20px; + margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); @@ -3443,41 +4315,43 @@ a.badge:hover { } .progress .bar { width: 0%; - height: 18px; + height: 100%; color: #ffffff; + float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); - background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); - background-image: linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; - -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); +} .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; @@ -3490,88 +4364,88 @@ a.badge:hover { -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } -.progress-danger .bar { +.progress-danger .bar, +.progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); - background-image: linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } -.progress-danger.progress-striped .bar { +.progress-danger.progress-striped .bar, +.progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-success .bar { +.progress-success .bar, +.progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); - background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); - background-image: linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } -.progress-success.progress-striped .bar { +.progress-success.progress-striped .bar, +.progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-info .bar { +.progress-info .bar, +.progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); - background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); - background-image: linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } -.progress-info.progress-striped .bar { +.progress-info.progress-striped .bar, +.progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-warning .bar { +.progress-warning .bar, +.progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } -.progress-warning.progress-striped .bar { +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { - margin-bottom: 18px; + margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; @@ -3596,7 +4470,7 @@ a.badge:hover { } .carousel { position: relative; - margin-bottom: 18px; + margin-bottom: 20px; line-height: 1; } .carousel-inner { @@ -3604,47 +4478,47 @@ a.badge:hover { width: 100%; position: relative; } -.carousel .item { +.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; - -ms-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } -.carousel .item > img { +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { display: block; line-height: 1; } -.carousel .active, -.carousel .next, -.carousel .prev { +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { display: block; } -.carousel .active { +.carousel-inner > .active { left: 0; } -.carousel .next, -.carousel .prev { +.carousel-inner > .next, +.carousel-inner > .prev { position: absolute; top: 0; width: 100%; } -.carousel .next { +.carousel-inner > .next { left: 100%; } -.carousel .prev { +.carousel-inner > .prev { left: -100%; } -.carousel .next.left, -.carousel .prev.right { +.carousel-inner > .next.left, +.carousel-inner > .prev.right { left: 0; } -.carousel .active.left { +.carousel-inner > .active.left { left: -100%; } -.carousel .active.right { +.carousel-inner > .active.right { left: 100%; } .carousel-control { @@ -3671,28 +4545,62 @@ a.badge:hover { left: auto; right: 15px; } -.carousel-control:hover { +.carousel-control:hover, +.carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #ccc; + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; +} +.carousel-indicators .active { + background-color: #fff; +} .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; - padding: 10px 15px 5px; + padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #ffffff; + line-height: 20px; +} +.carousel-caption h4 { + margin: 0 0 5px; +} +.carousel-caption p { + margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; @@ -3705,1279 +4613,2219 @@ a.badge:hover { color: inherit; letter-spacing: -1px; } -.hero-unit p { - font-size: 18px; - font-weight: 200; - line-height: 27px; - color: inherit; -} -.pull-right { - float: right; -} -.pull-left { - float: left; +.hero-unit li { + line-height: 30px; } -.hide { +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -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); + white-space: normal; } -.show { - display: block; +.popover.top { + margin-top: -10px; } -.invisible { - visibility: hidden; +.popover.right { + margin-left: 10px; } -/* Font Awesome - the iconic font designed for use with Twitter Bootstrap - ------------------------------------------------------- - The full suite of pictographic icons, examples, and documentation - can be found at: http://fortawesome.github.com/Font-Awesome/ - - License - ------------------------------------------------------- - The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: - http://creativecommons.org/licenses/by/3.0/ A mention of - 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable - source code is considered acceptable attribution (most common on the web). - If human readable source code is not available to the end user, a mention in - an 'About' or 'Credits' screen is considered acceptable (most common in desktop - or mobile software). - - Contact - ------------------------------------------------------- - Email: dave@davegandy.com - Twitter: http://twitter.com/fortaweso_me - Work: Lead Product Designer @ http://kyruus.com - - */ -@font-face { - font-family: 'FontAwesome'; - src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot'); - src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); - font-weight: normal; - font-style: normal; +.popover.bottom { + margin-top: 10px; } -/* Font Awesome styles - ------------------------------------------------------- */ -[class^="icon-"]:before, -[class*=" icon-"]:before { - font-family: FontAwesome; +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; font-weight: normal; - font-style: normal; - display: inline-block; - text-decoration: inherit; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } -a [class^="icon-"], -a [class*=" icon-"] { - display: inline-block; - text-decoration: inherit; +.popover-title:empty { + display: none; } -/* makes the font 33% larger relative to the icon container */ -.icon-large:before { - vertical-align: middle; - font-size: 1.3333333333333333em; +.popover-content { + padding: 9px 14px; } -.btn [class^="icon-"], -.nav-tabs [class^="icon-"], -.btn [class*=" icon-"], -.nav-tabs [class*=" icon-"] { - /* keeps button heights with and without icons the same */ - - line-height: .9em; +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } -li [class^="icon-"], -li [class*=" icon-"] { - display: inline-block; - width: 1.25em; - text-align: center; +.popover .arrow { + border-width: 11px; } -li .icon-large:before, -li .icon-large:before { - /* 1.5 increased font size for icon-large * 1.25 width */ - - width: 1.875em; +.popover .arrow:after { + border-width: 10px; + content: ""; } -ul.icons { - list-style-type: none; - margin-left: 2em; - text-indent: -0.8em; +.popover.top .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; } -ul.icons li [class^="icon-"], -ul.icons li [class*=" icon-"] { - width: .8em; +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); } -ul.icons li .icon-large:before, -ul.icons li .icon-large:before { - /* 1.5 increased font size for icon-large * 1.25 width */ - - vertical-align: initial; +.popover.right .arrow:after { + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; } -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.icon-glass:before { - content: "\f000"; +.popover.bottom .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; } -.icon-music:before { - content: "\f001"; +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; } -.icon-search:before { - content: "\f002"; +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); } -.icon-envelope:before { - content: "\f003"; +.popover.left .arrow:after { + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; } -.icon-heart:before { - content: "\f004"; +.pull-right { + float: right; } -.icon-star:before { - content: "\f005"; +.pull-left { + float: left; } -.icon-star-empty:before { - content: "\f006"; +.hide { + display: none; } -.icon-user:before { - content: "\f007"; +.show { + display: block; } -.icon-film:before { - content: "\f008"; +.invisible { + visibility: hidden; } -.icon-th-large:before { - content: "\f009"; +.affix { + position: fixed; } -.icon-th:before { - content: "\f00a"; +.tag { + display: inline-block; + margin-bottom: 4px; + color: #111111; + background-color: #f6f6f6; + padding: 1px 10px; + border: 1px solid #dddddd; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; } -.icon-th-list:before { - content: "\f00b"; +a.tag:hover { + text-decoration: none; + color: #fff; + background-color: #b20808; + border: 1px solid #810606; + -webkit-box-shadow: inset 0 1px 0 #e20b0b; + -moz-box-shadow: inset 0 1px 0 #e20b0b; + box-shadow: inset 0 1px 0 #e20b0b; } -.icon-ok:before { - content: "\f00c"; +.pill { + display: inline-block; + background-color: #6f8890; + color: #ffffff; + padding: 2px 10px 1px 10px; + margin-right: 5px; + font-weight: normal; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; } -.icon-remove:before { - content: "\f00d"; +.pill a { + color: #ffffff; } -.icon-zoom-in:before { - content: "\f00e"; +.pill a.remove { + font-size: 11px; } -.icon-zoom-out:before { - content: "\f010"; +.unstyled { + margin: 0; + list-style: none; } -.icon-off:before { - content: "\f011"; +.simple-item { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-signal:before { - content: "\f012"; +.simple-item:last-of-type { + border-bottom: 0; } -.icon-cog:before { - content: "\f013"; +.simple-list { + *zoom: 1; + margin: 0; + list-style: none; } -.icon-trash:before { - content: "\f014"; +.simple-list:before, +.simple-list:after { + display: table; + content: ""; + line-height: 0; } -.icon-home:before { - content: "\f015"; +.simple-list:after { + clear: both; } -.icon-file:before { - content: "\f016"; +.simple-list > li { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-time:before { - content: "\f017"; +.simple-list > li:last-of-type { + border-bottom: 0; } -.icon-road:before { - content: "\f018"; +.simple-list .ckan-icon { + position: relative; + top: 0px; } -.icon-download-alt:before { - content: "\f019"; +.module-narrow .simple-list > li { + padding-left: 15px; + padding-right: 15px; + position: relative; } -.icon-download:before { - content: "\f01a"; +.listing li { + text-align: right; + margin-bottom: 5px; } -.icon-upload:before { - content: "\f01b"; +.listing .key { + clear: right; + font-weight: bold; } -.icon-inbox:before { - content: "\f01c"; +.js .tab-content { + display: none; } -.icon-play-circle:before { - content: "\f01d"; +.js .tab-content.active { + display: block; } -.icon-repeat:before { - content: "\f01e"; +.box { + background-color: #FFF; + border: 1px solid #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); } -/* \f020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { - content: "\f021"; +.module { + margin: 20px 0; } -.icon-list-alt:before { - content: "\f022"; +.module-heading { + *zoom: 1; + margin: 0; + padding: 7px 25px; + font-size: 14px; + line-height: 1.3; + background-color: #f6f6f6; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; } -.icon-lock:before { - content: "\f023"; +.module-heading:before, +.module-heading:after { + display: table; + content: ""; + line-height: 0; } -.icon-flag:before { - content: "\f024"; +.module-heading:after { + clear: both; } -.icon-headphones:before { - content: "\f025"; +.module-heading .action { + float: right; + color: #888888; + font-size: 12px; + line-height: 20px; + text-decoration: underline; } -.icon-volume-off:before { - content: "\f026"; +.module-heading .action:hover { + color: #444444; } -.icon-volume-down:before { - content: "\f027"; +.module-content { + padding: 0 25px; + margin: 20px 0; } -.icon-volume-up:before { - content: "\f028"; +.module-content:first-child { + margin-top: 0; + padding-top: 20px; } -.icon-qrcode:before { - content: "\f029"; +.module-content:last-child { + margin-bottom: 0; + padding-bottom: 20px; } -.icon-barcode:before { - content: "\f02a"; +.module-content > :last-child { + margin-bottom: 0; } -.icon-tag:before { - content: "\f02b"; +.module:first-child .module-heading { + -webkit-border-radius: 3px 0 0 0; + -moz-border-radius: 3px 0 0 0; + border-radius: 3px 0 0 0; + border-top-width: 0; } -.icon-tags:before { - content: "\f02c"; +.module:last-child { + margin-bottom: 20px; } -.icon-book:before { - content: "\f02d"; +.module-footer { + padding: 7px 25px 7px; + margin: 0; + border-top: 1px dotted #dddddd; } -.icon-bookmark:before { - content: "\f02e"; +.module .read-more { + font-weight: bold; + color: #000000; } -.icon-print:before { - content: "\f02f"; +.module .pagination { + height: 34px; + margin-bottom: 0; + border-top: 1px solid #dddddd; } -.icon-camera:before { - content: "\f030"; +.module-content .pagination { + margin-left: -25px; + margin-right: -25px; + margin-bottom: -20px; } -.icon-font:before { - content: "\f031"; +.module .pagination > ul { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border: 0; } -.icon-bold:before { - content: "\f032"; +.module .pagination li a { + border-top: none; + border-bottom: none; + padding-top: 7px; + padding-bottom: 7px; } -.icon-italic:before { - content: "\f033"; +.module .pagination li:first-child a, +.module .pagination li:last-child a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } -.icon-text-height:before { - content: "\f034"; +.module .pagination li:first-child a { + border-left-width: 0; } -.icon-text-width:before { - content: "\f035"; +.module .pagination li:last-child a { + border-right-width: 0; } -.icon-align-left:before { - content: "\f036"; +.module .pagination li.active a { + border-left-width: 1px; + border-right-width: 1px; } -.icon-align-center:before { - content: "\f037"; +.module-content-shallow { + padding: 0; + margin-top: 10px; + padding-bottom: 10px; } -.icon-align-right:before { - content: "\f038"; +.module h1 { + margin-bottom: 20px; } -.icon-align-justify:before { - content: "\f039"; +.module-shallow .module-content { + padding: 10px; + margin: 0; } -.icon-list:before { - content: "\f03a"; +.module-shallow .module-tags { + margin-top: 0; + margin-bottom: 0; } -.icon-indent-left:before { - content: "\f03b"; +.module-shallow .module-content:first-child { + padding-top: 10px; } -.icon-indent-right:before { - content: "\f03c"; +.module-shallow .module-content:last-child { + padding-bottom: 10px; } -.icon-facetime-video:before { - content: "\f03d"; +.module-narrow .module-heading, +.module-narrow .module-content, +.module-narrow .module-footer { + padding-left: 15px; + padding-right: 15px; } -.icon-picture:before { - content: "\f03e"; +.module-grid { + margin: 0; + list-style: none; + *zoom: 1; + margin: 0 -25px; + padding-bottom: 15px; + background: #fbfbfb url("../../../base/images/bg.png"); + border: 1px solid #dddddd; + border-width: 1px 0; } -.icon-pencil:before { - content: "\f040"; +.module-grid:before, +.module-grid:after { + display: table; + content: ""; + line-height: 0; } -.icon-map-marker:before { - content: "\f041"; +.module-grid:after { + clear: both; } -.icon-adjust:before { - content: "\f042"; +.module-item { + width: 189px; + padding: 15px; + margin: 15px 0 0 15px; + background-color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + float: left; + margin-left: 20px; + width: 460px; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 50px; + overflow: hidden; + position: relative; } -.icon-tint:before { - content: "\f043"; +.module-item span.count { + color: #999; } -.icon-edit:before { - content: "\f044"; +.module-item .media-image { + margin-bottom: 5px; } -.icon-share:before { - content: "\f045"; +.module-item .media-edit { + opacity: 0; + position: absolute; + right: 15px; + bottom: 15px; + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; } -.icon-check:before { - content: "\f046"; +.module-item:hover { + z-index: 1; } -.icon-move:before { - content: "\f047"; +.module-item:hover .media-edit { + opacity: 1; } -.icon-step-backward:before { - content: "\f048"; +.module-item.first { + clear: left; } -.icon-fast-backward:before { - content: "\f049"; +.group .content img { + margin: 0 -5px 5px; + max-width: initial; } -.icon-backward:before { - content: "\f04a"; +.group .content h3 { + font-size: 14px; + line-height: 1.3; } -.icon-play:before { - content: "\f04b"; +.group-listing { + margin-left: -20px; } -.icon-pause:before { - content: "\f04c"; +.ckanext-datapreview { + position: relative; } -.icon-stop:before { - content: "\f04d"; +.ckanext-datapreview > iframe { + min-height: 400px; } -.icon-forward:before { - content: "\f04e"; +.ckanext-datapreview > img { + max-height: 500px; + max-width: 100%; + overflow: hidden; } -.icon-fast-forward:before { - content: "\f050"; +.package-info h4 { + margin-bottom: 10px; } -.icon-step-forward:before { - content: "\f051"; +.module-resource { + background-color: #ffffff; + border-bottom: 1px solid #dddddd; + margin-top: 0; + margin-bottom: 0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.icon-eject:before { - content: "\f052"; +.module-resource .actions { + position: relative; + float: right; + top: -10px; + right: -15px; } -.icon-chevron-left:before { - content: "\f053"; +.module .module-tags { + padding-bottom: 8px; } -.icon-chevron-right:before { - content: "\f054"; +.secondary .module:first-child, +.primary .module:first-child { + margin-top: 0; } -.icon-plus-sign:before { - content: "\f055"; +.no-nav .module:last-child { + margin-top: 0; } -.icon-minus-sign:before { - content: "\f056"; -} -.icon-remove-sign:before { - content: "\f057"; +.module-image { + float: left; + width: 50px; + height: 50px; + line-height: 50px; + text-align: center; + margin-right: 15px; } -.icon-ok-sign:before { - content: "\f058"; +.module-image img { + max-width: 50px; + max-height: 50px; + vertical-align: middle; } -.icon-question-sign:before { - content: "\f059"; +.banner { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + position: absolute; + top: 15px; + right: -35px; + width: 80px; + color: #ffffff; + background-color: #810606; + padding: 1px 20px; + font-size: 11px; + text-align: center; + text-transform: uppercase; } -.icon-info-sign:before { - content: "\f05a"; +.media-grid { + margin: 0; + list-style: none; + *zoom: 1; + margin: 0 -25px; + padding-bottom: 15px; + background: #fbfbfb url("../../../base/images/bg.png"); + border: 1px solid #dddddd; + border-width: 1px 0; } -.icon-screenshot:before { - content: "\f05b"; +.media-grid:before, +.media-grid:after { + display: table; + content: ""; + line-height: 0; } -.icon-remove-circle:before { - content: "\f05c"; +.media-grid:after { + clear: both; } -.icon-ok-circle:before { - content: "\f05d"; +.media-item { + position: relative; + float: left; + width: 189px; + padding: 15px; + margin: 15px 0 0 15px; + background-color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.icon-ban-circle:before { - content: "\f05e"; +.media-item span.count { + color: #999; } -.icon-arrow-left:before { - content: "\f060"; +.media-item .media-image { + margin-bottom: 5px; } -.icon-arrow-right:before { - content: "\f061"; +.media-item .media-edit { + opacity: 0; + position: absolute; + right: 15px; + bottom: 15px; + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; } -.icon-arrow-up:before { - content: "\f062"; +.media-item:hover { + z-index: 1; } -.icon-arrow-down:before { - content: "\f063"; +.media-item:hover .media-edit { + opacity: 1; } -.icon-share-alt:before { - content: "\f064"; +.media-view { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border: 1px solid #dddddd; + overflow: hidden; + -webkit-transition: all 0.2s ease-in; + -moz-transition: all 0.2s ease-in; + -o-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.icon-resize-full:before { - content: "\f065"; +.media-view:hover, +.media-view.hovered { + border-color: #810606; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); } -.icon-resize-small:before { - content: "\f066"; +.media-view:hover .banner, +.media-view.hovered .banner { + background-color: #810606; } -.icon-plus:before { - content: "\f067"; +.media-view span { + display: none; } -.icon-minus:before { - content: "\f068"; +.media-view .banner { + display: block; + background-color: #b7b7b7; + -webkit-transition: background-color 0.2s ease-in; + -moz-transition: background-color 0.2s ease-in; + -o-transition: background-color 0.2s ease-in; + transition: background-color 0.2s ease-in; } -.icon-asterisk:before { - content: "\f069"; +.media-image { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } -.icon-exclamation-sign:before { - content: "\f06a"; +.media-heading { + font-size: 18px; + line-height: 1.3; + margin: 5px 0; } -.icon-gift:before { - content: "\f06b"; +.media-overlay { + position: relative; + min-height: 35px; } -.icon-leaf:before { - content: "\f06c"; +.media-overlay .media-heading { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 12px 10px; + margin: 0; + background-color: #000; + background-color: rgba(0, 0, 0, 0.8); + font-size: 13px; + color: #fff; + z-index: 1; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } -.icon-fire:before { - content: "\f06d"; +.media-overlay .media-image { + float: none; + display: block; + margin-right: 0; } -.icon-eye-open:before { - content: "\f06e"; +.media-item.is-expander .truncator-link { + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; + position: absolute; + z-index: 10; + left: 15px; + bottom: 15px; + opacity: 0; } -.icon-eye-close:before { - content: "\f070"; +.media-item.is-expander:hover { + padding-bottom: 35px; } -.icon-warning-sign:before { - content: "\f071"; +.media-item.is-expander:hover .truncator-link { + opacity: 1; } -.icon-plane:before { - content: "\f072"; +.wide .media-item { + width: 186px; } -.icon-calendar:before { - content: "\f073"; +.nav-simple, +.nav-aside { + *zoom: 1; + margin: 0; + list-style: none; + padding-bottom: 0; } -.icon-random:before { - content: "\f074"; +.nav-simple:before, +.nav-aside:before, +.nav-simple:after, +.nav-aside:after { + display: table; + content: ""; + line-height: 0; } -.icon-comment:before { - content: "\f075"; +.nav-simple:after, +.nav-aside:after { + clear: both; } -.icon-magnet:before { - content: "\f076"; +.nav-simple > li, +.nav-aside > li { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-chevron-up:before { - content: "\f077"; +.nav-simple > li:last-of-type, +.nav-aside > li:last-of-type { + border-bottom: 0; } -.icon-chevron-down:before { - content: "\f078"; +.nav-simple .ckan-icon, +.nav-aside .ckan-icon { + position: relative; + top: 0px; } -.icon-retweet:before { - content: "\f079"; +.nav-aside { + border-top: 1px dotted #DDD; + border-bottom: 1px dotted #DDD; + margin-bottom: 15px; } -.icon-shopping-cart:before { - content: "\f07a"; +.nav-item > a, +.nav-aside li a { + color: #333333; + font-size: 14px; + line-height: 20px; + margin: -7px -25px; + padding: 7px 25px; } -.icon-folder-close:before { - content: "\f07b"; +.nav-item.active, +.nav-aside li.active { + background-color: #f6f6f6; } -.icon-folder-open:before { - content: "\f07c"; +.nav-item.active > a, +.nav-aside li.active a { + position: relative; + color: #ffffff; + background-color: #8ca0a6; } -.icon-resize-vertical:before { - content: "\f07d"; +.nav-item.active > a:hover, +.nav-aside li.active a:hover { + color: #ffffff; + background-color: #8ca0a6; } -.icon-resize-horizontal:before { - content: "\f07e"; +.nav-item.active > a:before, +.nav-aside li.active a:before { + content: ' '; + position: absolute; + top: 0; + right: -6px; + width: 6px; + height: 34px; + background-image: url("../../../base/images/nav-active.png?1"); } -.icon-bar-chart:before { - content: "\f080"; +.nav-item.active > a span, +.nav-aside li.active a span { + white-space: nowrap; + overflow: hidden; + display: block; } -.icon-twitter-sign:before { - content: "\f081"; +.module-narrow .nav-item > a, +.module-narrow .nav-aside li a { + padding-left: 15px; + padding-right: 15px; + position: relative; } -.icon-facebook-sign:before { - content: "\f082"; +.module-narrow .nav-item.image, +.module-narrow .nav-aside li.image { + position: relative; } -.icon-camera-retro:before { - content: "\f083"; +.module-narrow .nav-item.image > a, +.module-narrow .nav-aside li.image a { + padding-left: 42px; + padding-right: 42px; } -.icon-key:before { - content: "\f084"; +.module-narrow .nav-item.image > img, +.module-narrow .nav-aside li.image img { + position: absolute; + top: 50%; + left: 15px; + width: 20px; + height: 20px; + margin-top: -10px; + z-index: 2; } -.icon-cogs:before { - content: "\f085"; +.nav-facet .nav-item > a:hover:after, +.nav-facet .nav-item.active > a:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + content: ""; + position: absolute; + top: 50%; + right: 5px; + margin-top: -8px; } -.icon-comments:before { - content: "\f086"; +.nav-facet .nav-item > a:hover:after { + width: 17px; + height: 17px; + background-position: -17px -16px; } -.icon-thumbs-up:before { - content: "\f087"; +.nav-facet .nav-item.active > a:after { + width: 17px; + height: 17px; + background-position: 0px -16px; + right: 3px; } -.icon-thumbs-down:before { - content: "\f088"; +.user-list { + margin: 0; + list-style: none; } -.icon-star-half:before { - content: "\f089"; +.user-list li { + margin: 0 0 10px 0; } -.icon-heart-empty:before { - content: "\f08a"; +.user-list .gravatar { + vertical-align: -4px; + margin-right: 3px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; } -.icon-signout:before { - content: "\f08b"; +.nav-facet-tertiary { + margin: 10px 0; } -.icon-linkedin-sign:before { - content: "\f08c"; +.nav-facet-tertiary .module-heading { + margin-bottom: 5px; + padding: 8px 12px; + border-bottom-width: 0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } -.icon-pushpin:before { - content: "\f08d"; +.nav-facet-tertiary .module-heading i { + display: none; } -.icon-external-link:before { - content: "\f08e"; +.nav-facet-tertiary .module-footer { + padding: 8px 12px; + border-top-width: 0; } -.icon-signin:before { - content: "\f090"; +.nav-facet-tertiary .module-footer a { + font-weight: normal; + color: #8C8C8C; } -.icon-trophy:before { - content: "\f091"; +.nav-facet-tertiary .nav { + margin-bottom: 0; } -.icon-github-sign:before { - content: "\f092"; +.nav-facet-tertiary .module-content.empty { + padding: 8px 12px; + margin-top: 0; } -.icon-upload-alt:before { - content: "\f093"; +.nav-facet-tertiary .nav li.active { + position: relative; } -.icon-lemon:before { - content: "\f094"; +.nav-facet-tertiary .nav li.active > a:hover:after, +.nav-facet-tertiary .nav li.active > a:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + width: 17px; + height: 17px; + background-position: 0px -16px; + content: ""; + position: absolute; + top: 50%; + right: 5px; + margin-top: -8px; } -.icon-phone:before { - content: "\f095"; +.nav-simple > .nav-btn { + padding-left: 0; + padding-right: 0; + text-align: center; } -.icon-check-empty:before { - content: "\f096"; +.nav-simple > .nav-btn .btn { + display: inline-block; } -.icon-bookmark-empty:before { - content: "\f097"; +.js .js-hide { + display: none; } -.icon-phone-sign:before { - content: "\f098"; +.js .js-hide.active { + display: block; } -.icon-twitter:before { - content: "\f099"; +.btn, +label { + font-weight: bold; } -.icon-facebook:before { - content: "\f09a"; +.btn-rounded { + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + padding-left: 15px; + padding-right: 15px; } -.icon-github:before { - content: "\f09b"; +label { + cursor: pointer; + font-size: 14px; } -.icon-unlock:before { - content: "\f09c"; +label:after { + content: ":"; } -.icon-credit-card:before { - content: "\f09d"; +label.radio:after, +label.checkbox:after { + content: ""; } -.icon-rss:before { - content: "\f09e"; +input[type=radio], +input[type=checkbox] { + position: relative; + top: 7px; + padding: 0; + margin: 0; } -.icon-hdd:before { - content: "\f0a0"; +input[type=radio].checkbox-onown, +input[type=checkbox].checkbox-onown { + top: 0; } -.icon-bullhorn:before { - content: "\f0a1"; +select { + padding: 4px; } -.icon-bell:before { - content: "\f0a2"; +textarea { + max-width: 100%; } -.icon-certificate:before { - content: "\f0a3"; +.control-group .btn { + position: relative; + top: -2px; } -.icon-hand-right:before { - content: "\f0a4"; +.control-full input, +.control-full select, +.control-full textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: auto; + width: 100%; } -.icon-hand-left:before { - content: "\f0a5"; +.control-medium input, +.control-medium select, +.control-medium textarea { + width: 320px; } -.icon-hand-up:before { - content: "\f0a6"; +.control-large input, +.control-large .control-label { + font-size: 17.5px; + line-height: 30px; } -.icon-hand-down:before { - content: "\f0a7"; +.control-large input { + height: 41px; } -.icon-circle-arrow-left:before { - content: "\f0a8"; +.form-actions { + background: none; + margin-left: -25px; + margin-right: -25px; + margin-bottom: 0; + padding-bottom: 0; + text-align: right; } -.icon-circle-arrow-right:before { - content: "\f0a9"; +.form-actions .action-info { + float: left; + width: 50%; + line-height: 2; + text-align: left; + color: #707070; + margin: 0; } -.icon-circle-arrow-up:before { - content: "\f0aa"; +.form-actions .action-info.small { + font-size: 11px; + line-height: 1.2; } -.icon-circle-arrow-down:before { - content: "\f0ab"; +.form-horizontal .control-label { + width: 120px; } -.icon-globe:before { - content: "\f0ac"; +.form-horizontal .controls { + margin-left: 130px; } -.icon-wrench:before { - content: "\f0ad"; +.form-horizontal .info-block { + position: relative; + display: block; + font-size: 11px; + color: #aaaaaa; + line-height: 1.3; + padding: 6px 0 6px 25px; + margin-top: 6px; } -.icon-tasks:before { - content: "\f0ae"; +.form-horizontal .info-help { + padding: 6px 0; } -.icon-filter:before { - content: "\f0b0"; +.form-horizontal .info-help:before { + display: none; } -.icon-briefcase:before { - content: "\f0b1"; +.form-horizontal .info-help-tight { + margin-top: -10px; } -.icon-fullscreen:before { - content: "\f0b2"; +.form-horizontal .info-inline { + float: right; + width: 265px; + margin-top: 0; + padding-bottom: 0; } -.icon-group:before { - content: "\f0c0"; +.form-horizontal .control-medium .info-block.info-inline { + width: 165px; } -.icon-link:before { - content: "\f0c1"; +.form-horizontal .info-block:before { + font-size: 2.2em; + position: absolute; + left: 0; + top: 2px; } -.icon-cloud:before { - content: "\f0c2"; +.form-horizontal .info-inline:before { + top: 8px; } -.icon-beaker:before { - content: "\f0c3"; +.info-block .icon-large, +.info-inline .icon-large { + float: left; + font-size: 22px; + margin-right: 15px; } -.icon-cut:before { - content: "\f0c4"; +.form-horizontal .info-block a { + color: #aaaaaa; + text-decoration: underline; } -.icon-copy:before { - content: "\f0c5"; +.form-horizontal .form-actions { + padding-left: 25px; + padding-right: 25px; } -.icon-paper-clip:before { - content: "\f0c6"; +.form-inline input { + padding-bottom: 9px; } -.icon-save:before { - content: "\f0c7"; +.form-inline select { + margin-top: 0; } -.icon-sign-blank:before { - content: "\f0c8"; +.form-inline .btn { + margin-left: 5px; } -.icon-reorder:before { - content: "\f0c9"; +.form-narrow label { + margin-bottom: 0; } -.icon-list-ul:before { - content: "\f0ca"; +.form-narrow select { + width: 100%; } -.icon-list-ol:before { - content: "\f0cb"; +.form-narrow .form-actions { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px 0; } -.icon-strikethrough:before { - content: "\f0cc"; +.form-select label { + margin-right: 5px; } -.icon-underline:before { - content: "\f0cd"; +.simple-input label, +.simple-input button { + display: none; } -.icon-table:before { - content: "\f0ce"; +.simple-input .field { + position: relative; } -.icon-magic:before { - content: "\f0d0"; +.simple-input .field-bordered { + border-bottom: 1px dotted #dddddd; } -.icon-truck:before { - content: "\f0d1"; +.simple-input .field input { + width: 100%; + height: auto; + margin: 0 -7px; + padding: 7px 5px; } -.icon-pinterest:before { - content: "\f0d2"; +.simple-input .field .btn-search { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + background-position: -51px -16px; + position: absolute; + display: block; + height: 17px; + width: 17px; + top: 50%; + right: 0; + margin-top: -8px; + background-color: transparent; + border: none; + text-indent: -999em; } -.icon-pinterest-sign:before { - content: "\f0d3"; +.editor textarea { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + border-bottom: none; } -.icon-google-plus-sign:before { - content: "\f0d4"; +.editor .editor-info-block { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + display: block; + float: none; + padding: 4px 10px; + background: #ebebeb; + width: auto; + border: 1px solid #cccccc; + border-top: none; + font-size: 11px; + color: #282828; } -.icon-google-plus:before { - content: "\f0d5"; +.editor .editor-info-block a { + color: #810606; + text-decoration: none; } -.icon-money:before { - content: "\f0d6"; +.control-custom { + font-size: 0; } -.icon-caret-down:before { - content: "\f0d7"; +.control-custom label { + margin-bottom: 0; } -.icon-caret-up:before { - content: "\f0d8"; +.control-custom input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + width: 140px; } -.icon-caret-left:before { - content: "\f0d9"; +.control-custom input:last-of-type { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; } -.icon-caret-right:before { - content: "\f0da"; +.control-custom .checkbox { + display: inline-block; + margin-left: 5px; } -.icon-columns:before { - content: "\f0db"; +.control-custom .checkbox input { + width: auto; } -.icon-sort:before { - content: "\f0dc"; +.control-custom.disabled label, +.control-custom.disabled input { + color: #aaaaaa; + text-decoration: line-through; + text-shadow: none; } -.icon-sort-down:before { - content: "\f0dd"; +.control-custom.disabled input { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background-color: #f3f3f3; } -.icon-sort-up:before { - content: "\f0de"; +.control-custom.disabled .checkbox { + color: #444444; + text-decoration: none; } -.icon-envelope-alt:before { - content: "\f0e0"; +.control-custom .checkbox.btn { + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + position: relative; + top: 0; + left: 5px; + height: 1px; + width: 9px; + padding: 3px 8px; + line-height: 18px; } -.icon-linkedin:before { - content: "\f0e1"; +.control-custom .checkbox.btn span { + display: none; + width: 30px; } -.icon-undo:before { - content: "\f0e2"; +.control-custom .checkbox.btn:before { + position: relative; + top: 1px; + left: -1px; + color: #fff; } -.icon-legal:before { - content: "\f0e3"; +.control-custom .checkbox.btn input { + display: none; } -.icon-dashboard:before { - content: "\f0e4"; +.control-custom.disabled .checkbox.btn { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #9e0707; + background-image: -moz-linear-gradient(top, #b20808, #810606); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b20808), to(#810606)); + background-image: -webkit-linear-gradient(top, #b20808, #810606); + background-image: -o-linear-gradient(top, #b20808, #810606); + background-image: linear-gradient(to bottom, #b20808, #810606); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb20808', endColorstr='#ff810606', GradientType=0); + border-color: #810606 #810606 #380303; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #810606; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } -.icon-comment-alt:before { - content: "\f0e5"; +.control-custom.disabled .checkbox.btn:hover, +.control-custom.disabled .checkbox.btn:focus, +.control-custom.disabled .checkbox.btn:active, +.control-custom.disabled .checkbox.btn.active, +.control-custom.disabled .checkbox.btn.disabled, +.control-custom.disabled .checkbox.btn[disabled] { + color: #ffffff; + background-color: #810606; + *background-color: #690505; } -.icon-comments-alt:before { - content: "\f0e6"; +.control-custom.disabled .checkbox.btn:active, +.control-custom.disabled .checkbox.btn.active { + background-color: #500404 \9; } -.icon-bolt:before { - content: "\f0e7"; +.control-custom.disabled .checkbox.btn .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; } -.icon-sitemap:before { - content: "\f0e8"; +.alert-danger a, +.alert-error a { + color: #b55457; } -.icon-umbrella:before { - content: "\f0e9"; +.control-group.error input, +.control-group.error select, +.control-group.error textarea, +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + border-color: #c6898b; } -.icon-paste:before { - content: "\f0ea"; +.error-inline { + color: #b55457; } -.icon-user-md:before { - content: "\f200"; +.error-block, +.error-inline { + font-size: 12px; } -.pill { - background-color: #cccccc; +.error-block { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + display: block; + padding: 6px 8px 3px; + background: #c6898b; + margin: -3px 0 0; color: #ffffff; - padding: 1px 5px 1px 8px; - margin-right: 5px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; + width: 208px; } -.pill a { - color: #ffffff; +.control-medium .error-block { + width: 318px; } -.pill a.remove { - font-size: 11px; +.control-full .error-block { + width: auto; } -.tag { - background: url("../../../base/images/background-tag.png") no-repeat -13px center; - position: relative; - display: block; - font-size: 11px; - line-height: 27px; - color: #5b0404; - padding-left: 10px; - padding-right: 5px; - margin-right: 11px; +.control-group.error .input-prepend .error-block, +.control-custom.error .error-block { + width: auto; } -.tag:before { - content: ""; - background: url("../../../base/images/background-tag.png") no-repeat center left; - position: absolute; - display: block; - top: 0; - bottom: 0; - right: -11px; - width: 11px; +.control-custom.error .error-block { + width: 401px; } -.unstyled { +.control-select.error .error-block { + width: 196px; +} +.stages { margin: 0; list-style: none; + *zoom: 1; + color: #aeaeae; + counter-reset: stage; + margin: -20px -25px 20px; + overflow: hidden; } -.simple-item { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; -} -.simple-item:last-of-type { - border-bottom: 0; -} -.simple-list { - *zoom: 1; - margin: 0; - list-style: none; -} -.simple-list:before, -.simple-list:after { +.stages:before, +.stages:after { display: table; content: ""; + line-height: 0; } -.simple-list:after { +.stages:after { clear: both; } -.simple-list > li { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; +.stages li { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + line-height: 27px; + counter-increment: stage; + width: 33.33%; + background-color: #ededed; + float: left; + padding: 10px 20px; + position: relative; + z-index: 0; } -.simple-list > li:last-of-type { - border-bottom: 0; +.stages li:before { + -webkit-border-radius: 14px; + -moz-border-radius: 14px; + border-radius: 14px; + content: counter(stage); + display: inline-block; + width: 27px; + height: 27px; + margin-right: 5px; + font-weight: bold; + text-align: center; + color: #ffffff; + background-color: #aeaeae; + z-index: 1; } -.simple-list .ckan-icon { - position: relative; - top: 0px; +.stages li:after { + left: 0; + border: solid rgba(237, 237, 237, 0); + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-top-color: #ededed; + border-bottom-color: #ededed; + border-width: 29px; + top: 50%; + margin-top: -29px; + margin-left: -30px; } -.module-narrow .simple-list > li { - padding-left: 15px; - padding-right: 15px; +.stages li.last { position: relative; + right: -1px; } -.listing li { - text-align: right; - margin-bottom: 5px; -} -.listing .key { - clear: right; - font-weight: bold; +.stages li.last, +.stages li.last .highlight { + -webkit-border-radius: 0 3px 0 0; + -moz-border-radius: 0 3px 0 0; + border-radius: 0 3px 0 0; } -.js .tab-content { - display: none; +.stages li.first:after { + content: none; + border: none; } -.js .tab-content.active { - display: block; +.stages li.active:after { + border-color: rgba(140, 198, 138, 0); + border-top-color: #8cc68a; + border-bottom-color: #8cc68a; } -.module { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - background-color: #ffffff; - margin-bottom: 20px; +.stages li.complete:after { + border-color: rgba(197, 226, 196, 0); + border-top-color: #c5e2c4; + border-bottom-color: #c5e2c4; } -.module-heading { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - font-size: 14px; - line-height: 1.3; - padding: 7px 25px; - border-bottom: 1px solid #d0d0d0; - background-color: #f3f3f3; - background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: linear-gradient(top, #f5f5f5, #f0f0f0); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); +.stages.stage-3 li.complete:first-child:after { + content: none; } -.module-heading-secondary { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - border-top: 1px solid #d0d0d0; +.stages li.active, +.stages li.complete { + background: none; } -.module-heading [class^=icon]:before { - font-size: 1.2em; - line-height: 1; - position: relative; - top: 1px; - margin-right: 0.1em; +.stages li.active:before { + color: #8cc68a; + background: #ffffff; } -.module-heading .action { - float: right; - color: #8c8c8c; - font-size: 11px; - text-decoration: underline; +.stages li.complete:before { + color: #c5e2c4; + background: #eef6ed; } -.module-content { - padding: 0 25px; - margin: 20px 0; +.stages li .highlight { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + padding: 10px 52px; + border: none; + text-align: left; + text-decoration: none; + line-height: 27px; + z-index: -1; } -.module-content:first-child { - margin-top: 0; - padding-top: 20px; +.stages li.active .highlight { + color: #ffffff; + background: #8cc68a; } -.module-content:last-child { - margin-bottom: 0; - padding-bottom: 20px; +.stages li.complete .highlight { + color: #eef6ed; + background: #c5e2c4; } -.module-content > :last-child { +.alert > :last-child { margin-bottom: 0; } -.module-border-top { - border-top: 1px dotted #cccccc; +.slug-preview { + font-size: 14px; + line-height: 1.5; + margin-top: 5px; + margin-left: 10px; } -.module-border-bottom { - border-bottom: 1px dotted #cccccc; +.slug-preview-value { + background-color: #faedcf; + margin-right: 3px; } -.module-footer { - padding: 7px 25px 7px; - border-top: 1px dotted #cccccc; +.resource-upload-field { + position: relative; + overflow: hidden; + display: inline-block; + vertical-align: bottom; } -.module .read-more { - font-weight: bold; - color: #000000; +.resource-upload-field label { + z-index: 0; } -.module .pagination { - height: 34px; - margin-bottom: 0; - border-top: 1px solid #d0d0d0; +.resource-upload-field input { + opacity: 0; + filter: alpha(opacity=0); + position: absolute; + top: 0; + right: 0; + z-index: 1; + margin: 0; + border: solid transparent; + border-width: 100px 0 0 200px; + cursor: pointer; + direction: ltr; + -moz-transform: translate(-300px, 0) scale(4); } -.module .pagination > ul { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - border: 0; +.resource-upload-field.loading { + display: inline-block; + background: url("../../../base/images/loading-spinner.gif") no-repeat center right; + padding-right: 5px; } -.module .pagination li a { - border-top: none; - border-bottom: none; +.select2-container .select2-choice input, +.select2-container-multi .select2-choices .select2-search-field:first-child input { + font-size: 14px; } -.module .pagination li:first-child a, -.module .pagination li:last-child a { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +.select2-container-multi .select2-choices .select2-search-field input { + height: 29px; } -.module .pagination li:first-child a { - border-left-width: 0; +.select2-container .select2-choice input, +.select2-container-multi .select2-choices .select2-search-field:first-child input { + padding-left: 10px; } -.module .pagination li:last-child a { - border-right-width: 0; +.select2-container { + margin-top: 1px; } -.module .pagination li.active a { - border-left-width: 1px; - border-right-width: 1px; +.select2-container-multi { + margin-top: 0; } -.module .action { - text-align: center; +.select2-container-multi .select2-choices .select2-search-choice { + padding: 5px 8px 5px 22px; } -.module-shallow .module-content { - padding: 10px; - margin: 0; +.select2-container-multi.select2-container .select2-choices { + padding-top: 3px; + padding-bottom: 3px; } -.module-shallow .module-content:first-child { - padding-top: 10px; +.select2-search-choice-close, +.select2-container-multi .select2-search-choice-close { + top: 6px; + left: 5px; } -.module-shallow .module-content:last-child { - padding-bottom: 10px; -} -.module-shallow small { - font-size: 11px; - display: block; +.select2-container-multi .select2-choices { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; + background-color: #ffffff; + border: 1px solid #cccccc; } -.module-narrow .module-heading, -.module-narrow .module-content, -.module-narrow .module-footer { - padding-left: 15px; - padding-right: 15px; +.select2-container-active .select2-choices, +.select2-container-multi.select2-container-active .select2-choices { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } -.module-grid { - margin: 0; - list-style: none; - margin: 0; - list-style: none; - *zoom: 1; - margin-left: -20px; - padding: 0; +.select2-container-multi .select2-drop { + margin-top: -2px; } -.module-grid:before, -.module-grid:after { - display: table; - content: ""; +.select2-container .select2-results li { + line-height: 18px; + padding-top: 4px; + padding-bottom: 4px; } -.module-grid:after { - clear: both; +.control-full .select2-container { + width: 520px !important; } -.module-item { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - width: 33.33%; - padding-left: 20px; - padding-bottom: 25px; - float: left; - float: left; - margin-left: 20px; - width: 460px; - padding-top: 10px; - padding-bottom: 10px; - padding-right: 50px; - overflow: hidden; - position: relative; +.control-group.error .select2-container input:focus, +.control-group.error .select2-container select:focus, +.control-group.error .select2-container textarea:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } -.module-item.first { - clear: left; +.dataset-item { + border-bottom: 1px dotted #dddddd; + padding-bottom: 20px; + margin-bottom: 20px; } -.group .content img { - margin: 0 -5px 5px; - max-width: initial; +.dataset-item:last-of-type { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; } -.group .content h3 { - font-size: 14px; +.dataset-heading { + font-size: 16px; + margin-top: 0; + margin-bottom: 8px; line-height: 1.3; } -.group-listing { - margin-left: -20px; +.dataset-heading a { + color: #333333; } -.ckanext-datapreview { +.dataset-heading .label { position: relative; + top: -1px; } -.ckanext-datapreview > iframe { - min-height: 400px; -} -.ckanext-datapreview > img { - max-height: 500px; - max-width: 100%; - overflow: hidden; +.dataset-private { + margin-right: 10px; + text-transform: uppercase; } -.package-info h4 { - margin-bottom: 10px; +.dataset-private .icon-lock { + width: 9px; } -.media { - position: relative; - overflow: hidden; +.dataset-private.pull-right { + margin-right: 0; } -.media-content > :last-child { - margin-bottom: 0; +.dataset-resources { + margin-top: 8px; } -.media-heading { - font-size: 14px; - line-height: 1.3em; - margin: 5px 0; +.dataset-resources li { + display: inline; } -.media-image, -.media .gravatar { - position: relative; - float: left; - margin-right: 10px; - overflow: hidden; +.dataset-resources li a { + background-color: #aaaaaa; } -.media-image:after { - -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - content: ""; - position: absolute; +.dataset-heading .popular { top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 1; -} -.media-image img { - display: block; - margin: 0 auto; -} -.media-vertical .media-image, -.media-vertical .media-content { - float: none; - display: block; -} -.media-vertical .media-image { - margin-right: 0; - max-height: 125px; } -.media-grid, -ul.media-grid, -ol.media-grid { +.resource-list { margin: 0; list-style: none; - *zoom: 1; - margin-left: -20px; + margin: -10px -10px 10px -10px; } -.media-grid:before, -ul.media-grid:before, -ol.media-grid:before, -.media-grid:after, -ul.media-grid:after, -ol.media-grid:after { - display: table; - content: ""; +.resource-item { + position: relative; + padding: 10px 10px 10px 60px; + margin-bottom: 0px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.media-grid:after, -ul.media-grid:after, -ol.media-grid:after { - clear: both; +.resource-item:hover { + background-color: #eeeeee; } -.media-item { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - width: 33.33%; - padding-left: 20px; - padding-bottom: 25px; - float: left; +.resource-item .heading { + color: #000000; + font-size: 14px; + font-weight: bold; } -.media-item.first { - clear: left; +.resource-item .format-label { + position: absolute; + top: 10px; + left: 10px; } -.media-item .media-content { - min-height: 63px; +.resource-item .description { + font-size: 12px; + margin-bottom: 0; } -.related-item.expanded { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - background-color: #ffffff; - background-color: rgba(255, 255, 255, 0.9); - z-index: 2; +.resource-item .btn-group { + position: absolute; + top: 14px; + right: 10px; } -.media-wide { - padding: 0; +.dataset-resource-form .dataset-form-resource-types { + margin-bottom: 5px; } -.media-wide .media { - float: left; - margin-left: 20px; - width: 460px; +.dataset-form-resource-types .ckan-icon { + position: relative; + top: 3px; } -.media-overlay { +.dataset-form-resource-types .radio { + font-weight: normal; + padding-left: 0; + padding-right: 18px; +} +.dataset-form-resource-types label { position: relative; - min-height: 35px; } -.media-overlay .media-heading { - position: absolute; - left: 0; - right: 0; - bottom: 0; - padding: 12px 10px; - margin: 0; - background-color: #000; - background-color: rgba(0, 0, 0, 0.8); - font-size: 13px; - color: #fff; - z-index: 1; +.dataset-form-resource-types input[type=radio]:checked + label { + font-weight: bold; } -.media-overlay .media-image { - float: none; +.dataset-form-resource-types input[type=radio]:checked + label:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + width: 16px; + height: 16px; + background-position: -192px 0; display: block; - margin-right: 0; -} -.banner { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: center center; - -moz-transform-origin: center center; - -ms-transform-origin: center center; - -o-transform-origin: center center; - transform-origin: center center; + content: ""; position: absolute; - top: 15px; - right: -35px; - width: 80px; - color: #ffffff; - background: #707070; - padding: 1px 20px; - font-size: 11px; - text-align: center; - text-transform: uppercase; + top: auto; + left: 0; + bottom: -12px; } -.nav-simple { - *zoom: 1; +.dataset-form-resource-types input[type=radio] { + display: none; +} +.tag-list { margin: 0; list-style: none; - padding-bottom: 0; + padding: 10px 10px 5px 10px; } -.nav-simple:before, -.nav-simple:after { - display: table; - content: ""; +.tag-list li { + display: inline-block; + margin-right: 5px; } -.nav-simple:after { - clear: both; +.tag-list li:last-child { + margin-right: 0; } -.nav-simple > li { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; +.additional-info td, +.additional-info th { + width: 50%; } -.nav-simple > li:last-of-type { - border-bottom: 0; +.label[data-format=html], +.label[data-format*=html] { + background-color: #55a1ce; } -.nav-simple .ckan-icon { - position: relative; - top: 0px; +.label[data-format=json], +.label[data-format*=json] { + background-color: #ef7100; } -.nav-item > a { - color: #333333; - margin: -7px -25px; - padding: 7px 25px; +.label[data-format=xml], +.label[data-format*=xml] { + background-color: #ef7100; } -.nav-item.active { - background-color: #f2f2f2; +.label[data-format=text], +.label[data-format*=text] { + background-color: #74cbec; } -.nav-item.active > a span { - white-space: nowrap; - overflow: hidden; - display: block; +.label[data-format=csv], +.label[data-format*=csv] { + background-color: #dfb100; +} +.label[data-format=xls], +.label[data-format*=xls] { + background-color: #2db55d; +} +.label[data-format=zip], +.label[data-format*=zip] { + background-color: #686868; +} +.label[data-format=api], +.label[data-format*=api] { + background-color: #ec96be; +} +.label[data-format=pdf], +.label[data-format*=pdf] { + background-color: #e0051e; +} +.label[data-format=rdf], +.label[data-format*=rdf], +.label[data-format*=nquad], +.label[data-format*=ntriples], +.label[data-format*=turtle] { + background-color: #0b4498; } -.nav-item.active > a { - background: url("../../../base/images/background-tag.png") no-repeat -13px center; +.search-form { + margin-bottom: 20px; + padding-bottom: 25px; + border-bottom: 1px dotted #dddddd; +} +.search-form .search-input { position: relative; - display: block; - font-size: 11px; - line-height: 27px; - color: #5b0404; - padding-left: 10px; - padding-right: 5px; - margin-right: 11px; + margin-bottom: 20px; +} +.search-form .search-input input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; - font-size: 12px; - font-weight: bold; - position: relative; - left: 4px; - margin-left: -25px; - margin-right: -20px; - padding-left: 10px; - padding-right: 0px; - padding: 1px 22px; + margin: 0; + width: 100%; + height: auto; } -.nav-item.active > a:before { - content: ""; - background: url("../../../base/images/background-tag.png") no-repeat center left; +.search-form .search-input button { + cursor: pointer; + display: block; position: absolute; + top: 50%; + margin-top: -10px; + right: 10px; + height: 20px; + padding: 0; + border: none; + background: transparent; +} +.search-form .search-input button span { + display: none; +} +.search-form .search-input button i { + color: #cccccc; + -webkit-transition: color 0.2s ease-in; + -moz-transition: color 0.2s ease-in; + -o-transition: color 0.2s ease-in; + transition: color 0.2s ease-in; +} +.search-form .search-input button:hover i { + color: #000000; +} +.search-form .search-input.search-giant input { + font-size: 16px; + padding: 15px; +} +.search-form .search-input.search-giant button { + margin-top: -15px; + right: 15px; + height: 30px; +} +.search-form .search-input.search-giant button i { + font-size: 28px; + width: 28px; +} +.search-form .control-order-by { + float: right; + margin: 0 0 0 15px; +} +.search-form .control-order-by label, +.search-form .control-order-by select { + display: inline; +} +.search-form .control-order-by select { + width: 160px; + margin: 0; +} +.search-form h2 { + font-size: 24px; + line-height: 1.3; + color: #000000; + margin-bottom: 0; +} +.search-form .filter-list { + color: #444444; + line-height: 32px; + margin: 10px 0 0 0; +} +.search-form .filter-list .pill { + line-height: 21px; +} +.search-form .filter-list .extra { + margin-top: 10px; + font-size: 18px; + font-weight: normal; + color: #000000; +} +.tertiary .control-order-by { + float: none; + margin: 0; +} +.tertiary .control-order-by label { display: block; - top: 0; - bottom: 0; - right: -11px; - width: 11px; + margin-bottom: 5px; + font-weight: normal; + font-size: 12px; } -.nav-item [class^=icon] { - font-size: 1.2em; - margin: -1px 0 -1px -1px; +.tertiary .control-order-by select { + display: block; + font-size: 12px; + width: 100%; } -.module-narrow .nav-item > a { - padding-left: 15px; - padding-right: 15px; +.tertiary .search-input { + margin-bottom: 10px; +} +.group .media-vertical .image { + margin: 0 -5px 5px; +} +.group-list:nth-child(odd) { + clear: left; +} +.group-list .module-heading { + padding-top: 15px; + padding-bottom: 15px; +} +.group-list .dataset-content { + min-height: 54px; +} +.group-list .module-heading h3 { + margin-bottom: 2px; +} +.group-list .module-heading h3 a { + color: #333333; +} +.group-list .module-heading .media-image { + overflow: hidden; + max-height: 60px; +} +.group-list .module-heading .media-image img { + max-width: 85px; +} +.toolbar { + *zoom: 1; position: relative; + margin-bottom: 10px; + padding: 5px 0; } -.module-narrow .nav-item.active > a { - padding-left: 12px; - padding-right: 12px; +.toolbar:before, +.toolbar:after { + display: table; + content: ""; + line-height: 0; } -.module-narrow .nav-item.image { +.toolbar:after { + clear: both; +} +.page_primary_action { + margin-bottom: 20px; +} +.toolbar .breadcrumb { + *zoom: 1; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; position: relative; + float: left; + margin: 0; + padding: 0; + border: none; + background: none; + font-size: 20px; + line-height: 1.3; } -.module-narrow .nav-item.image > a { - padding-left: 42px; - padding-right: 42px; +.toolbar .breadcrumb:before, +.toolbar .breadcrumb:after { + display: table; + content: ""; + line-height: 0; +} +.toolbar .breadcrumb:after { + clear: both; +} +.toolbar .breadcrumb li:after { + content: " / "; +} +.toolbar .breadcrumb li.active:after { + content: ""; +} +.toolbar .breadcrumb li:last-of-type:after { + content: ""; +} +.toolbar .home a { + text-decoration: none; +} +.toolbar .home span { + display: none; +} +.toolbar .breadcrumb a { + color: #505050; +} +.toolbar .breadcrumb .active a, +.toolbar .breadcrumb a.active { + font-weight: bold; } -.module-narrow .nav-item.image > img { +.actions { + margin: 0; + list-style: none; position: absolute; - top: 50%; - left: 15px; - width: 20px; - height: 20px; - margin-top: -10px; - z-index: 2; + top: 10px; + right: 10px; + z-index: 1; +} +.actions li { + display: inline-block; + margin-right: 5px; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} +.actions li:last-of-type { + margin-right: 0; +} +.hide-heading { + display: none; +} +.page-header { + *zoom: 1; + border-bottom: 1px solid #dddddd; + background-color: #f6f6f6; + -webkit-border-radius: 0 3px 0 0; + -moz-border-radius: 0 3px 0 0; + border-radius: 0 3px 0 0; +} +.page-header:before, +.page-header:after { + display: table; + content: ""; + line-height: 0; +} +.page-header:after { + clear: both; +} +.page-header .nav-tabs { + float: left; + margin-bottom: -1px; +} +.page-header .nav-tabs li.active a, +.page-header .nav-tabs a:hover { + background-color: #ffffff; +} +.page-header .content_action { + float: right; + margin-top: -5px; + margin-right: -7px; +} +.no-nav .page-header { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +h1 { + font-size: 28px; +} +h2 { + font-size: 21px; +} +h3 { + font-size: 18px; +} +h4 { + font-size: 14px; +} +h1, +h2, +h3, +h4 { + line-height: 1.5; +} +h1 small, +h2 small, +h3 small, +h4 small { + font-size: 14px; +} +.prose h1, +.prose heading-1 h2, +.prose heading-2 { + margin-bottom: 15px; +} +.prose h3, +.prose heading-3 { + margin-bottom: 10px; +} +.table-chunky td, +.table-chunky th { + padding: 12px 15px; + font-size: 12px; +} +.table-chunky thead th, +.table-chunky thead td { + color: #ffffff; + background-color: #aaaaaa; + padding-top: 10px; + padding-bottom: 10px; +} +.table-striped tbody tr:nth-child(odd) td, +.table-striped tbody tr:nth-child(odd) th { + background-color: transparent; +} +.table-striped tbody tr:nth-child(even) td, +.table-striped tbody tr:nth-child(even) th { + background-color: #f2f2f2; +} +.table-chunky.table-bordered { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.table-chunky.table-bordered thead:first-child tr:first-child th:first-child, +.table-chunky.table-bordered tbody:first-child tr:first-child td:first-child { + -webkit-border-top-left-radius: 2px; + -moz-border-radius-topleft: 2px; + border-top-left-radius: 2px; +} +.table-chunky.table-bordered thead:first-child tr:first-child th:last-child, +.table-chunky.table-bordered tbody:first-child tr:first-child td:last-child { + -webkit-border-top-right-radius: 2px; + -moz-border-radius-topright: 2px; + border-top-right-radius: 2px; +} +.table-chunky.table-bordered thead:last-child tr:last-child th:first-child, +.table-chunky.table-bordered tbody:last-child tr:last-child td:first-child { + -webkit-border-radius: 0 0 0 2px; + -moz-border-radius: 0 0 0 2px; + border-radius: 0 0 0 2px; + -webkit-border-bottom-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + border-bottom-left-radius: 2px; +} +.table-chunky.table-bordered thead:last-child tr:last-child th:last-child, +.table-chunky.table-bordered tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + border-bottom-right-radius: 2px; +} +.ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ckan-icon { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; +} +.ckan-icon-fb { + width: 16px; + height: 16px; + background-position: 0px 0; +} +.ckan-icon-gplus { + width: 16px; + height: 16px; + background-position: -16px 0; +} +.ckan-icon-twitter { + width: 16px; + height: 16px; + background-position: -32px 0; +} +.ckan-icon-email { + width: 16px; + height: 16px; + background-position: -48px 0; +} +.ckan-icon-share { + width: 16px; + height: 16px; + background-position: -64px 0; +} +.ckan-icon-feed { + width: 16px; + height: 16px; + background-position: -80px 0; +} +.ckan-icon-calendar { + width: 16px; + height: 16px; + background-position: -96px 0; +} +.ckan-icon-file { + width: 16px; + height: 16px; + background-position: -112px 0; +} +.ckan-icon-lock { + width: 16px; + height: 16px; + background-position: -128px 0; +} +.ckan-icon-link-file { + width: 16px; + height: 16px; + background-position: -144px 0; +} +.ckan-icon-link-plugin { + width: 16px; + height: 16px; + background-position: -160px 0; +} +.ckan-icon-upload-file { + width: 16px; + height: 16px; + background-position: -176px 0; +} +.ckan-icon-callout { + width: 16px; + height: 16px; + background-position: -192px 0; +} +.ckan-icon-circle-cross { + width: 17px; + height: 17px; + background-position: 0px -16px; +} +.ckan-icon-circle-add { + width: 17px; + height: 17px; + background-position: -17px -16px; +} +.ckan-icon-flame { + width: 17px; + height: 17px; + background-position: -34px -16px; +} +.ckan-icon-search { + width: 17px; + height: 17px; + background-position: -51px -16px; +} +.ckan-icon-large-lock { + width: 20px; + height: 20px; + background-position: 0px -33px; +} +.ckan-icon-photo { + width: 20px; + height: 20px; + background-position: -20px -33px; +} +.ckan-icon-add { + width: 20px; + height: 20px; + background-position: -40px -33px; +} +.ckan-icon-home { + width: 20px; + height: 20px; + background-position: -60px -33px; +} +.ckan-icon-rewind { + width: 20px; + height: 20px; + background-position: -80px -33px; +} +.ckan-icon-tools { + width: 20px; + height: 20px; + background-position: -100px -33px; +} +.ckan-icon-flag { + width: 20px; + height: 20px; + background-position: -120px -33px; +} +.ckan-icon-clipboard { + width: 20px; + height: 20px; + background-position: -140px -33px; +} +.ckan-icon-share { + width: 20px; + height: 20px; + background-position: -160px -33px; +} +.ckan-icon-info { + width: 20px; + height: 20px; + background-position: -180px -33px; +} +.ckan-icon-download { + width: 20px; + height: 20px; + background-position: -200px -33px; +} +.ckan-icon-star { + width: 20px; + height: 20px; + background-position: -220px -33px; +} +.ckan-icon-info-flat { + width: 20px; + height: 20px; + background-position: -240px -33px; +} +.ckan-icon-tag { + width: 20px; + height: 20px; + background-position: -260px -33px; +} +.ckan-icon-plus { + width: 20px; + height: 20px; + background-position: -280px -33px; + width: 16px; +} +.ckan-icon-head { + width: 20px; + height: 20px; + background-position: -300px -33px; +} +.ckan-icon-arrow-e { + width: 20px; + height: 20px; + background-position: -320px -33px; + width: 16px; +} +.ckan-icon-bookmark { + width: 25px; + height: 25px; + background-position: 0px -53px; } -.nav-facet .nav-item > a:hover:after, -.nav-facet .nav-item.active > a:after { +.format-label { *margin-right: .3em; display: inline-block; vertical-align: text-bottom; @@ -4988,1745 +6836,1147 @@ ol.media-grid:after { background-image: url("../../../base/images/sprite-ckan-icons.png"); background-repeat: no-repeat; background-position: 16px 16px; - content: ""; - position: absolute; - top: 50%; - right: 5px; - margin-top: -8px; -} -.nav-facet .nav-item > a:hover:after:last-child, -.nav-facet .nav-item.active > a:after:last-child { - *margin-left: 0; -} -.nav-facet .nav-item > a:hover:after { - width: 17px; - height: 17px; - background-position: -17px -16px; -} -.nav-facet .nav-item.active > a:after { - width: 17px; - height: 17px; - background-position: 0px -16px; - right: 3px; -} -.js .js-hide { - display: none; + text-indent: -900em; + background: url("../../../base/images/sprite-resource-icons.png") no-repeat 0 0; } -.js .js-hide.active { - display: block; +.format-label { + width: 32px; + height: 35px; + background-position: 0px -62px; } -.btn, -label { - font-weight: bold; +.format-label[data-format=rdf], +.format-label[data-format*=rdf] { + width: 32px; + height: 35px; + background-position: -32px -62px; } -label { - cursor: pointer; - font-size: 14px; - line-height: 2; +.format-label[data-format=pdf], +.format-label[data-format*=pdf] { + width: 32px; + height: 35px; + background-position: -64px -62px; } -label:after { - content: ":"; +.format-label[data-format=api], +.format-label[data-format*=api] { + width: 32px; + height: 35px; + background-position: -96px -62px; } -label.radio:after, -label.checkbox:after { - content: ""; +.format-label[data-format=zip], +.format-label[data-format*=zip] { + width: 32px; + height: 35px; + background-position: -128px -62px; } -input, -textarea, -select, -.uneditable-input { - font-size: 14px; - padding: 8px 10px; +.format-label[data-format=xls], +.format-label[data-format*=xls] { + width: 32px; + height: 35px; + background-position: -160px -62px; } -input[type=radio], -input[type=checkbox] { - position: relative; - top: 7px; - padding: 0; - margin: 0; +.format-label[data-format=csv], +.format-label[data-format*=csv] { + width: 32px; + height: 35px; + background-position: -192px -62px; } -input[type=radio].checkbox-onown, -input[type=checkbox].checkbox-onown { - top: 0; +.format-label[data-format=txt], +.format-label[data-format*=txt] { + width: 32px; + height: 35px; + background-position: -224px -62px; } -select { - margin-top: 6px; - padding: 4px; +.format-label[data-format=xml], +.format-label[data-format*=xml] { + width: 32px; + height: 35px; + background-position: -256px -62px; } -textarea { - max-width: 100%; +.format-label[data-format=json], +.format-label[data-format*=json] { + width: 32px; + height: 35px; + background-position: -288px -62px; } -.input-prepend .add-on { - padding: 8px 8px; - font-size: 14px; +.format-label[data-format=html], +.format-label[data-format*=html] { + width: 32px; + height: 35px; + background-position: -320px -62px; } -.control-group .btn { - position: relative; - top: -2px; +/* This is a modified version of the font-awesome core less document. */ +@font-face { + font-family: 'FontAwesome'; + src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?v=3.0.1'); + src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); + font-weight: normal; + font-style: normal; } -.control-full input, -.control-full select, -.control-full textarea { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + display: inline; + width: auto; height: auto; - width: 100%; -} -.control-medium input, -.control-medium select, -.control-medium textarea { - width: 320px; -} -.control-large input, -.control-large .control-label { - font-size: 18px; -} -.form-actions { - background: none; - margin-left: -25px; - margin-right: -25px; - margin-bottom: 0; - padding-bottom: 0; - text-align: right; -} -.form-actions .action-info { - float: left; - width: 50%; - line-height: 2; - text-align: left; - color: #707070; - margin: 0; -} -.form-actions .action-info.small { - font-size: 11px; - line-height: 1.2; -} -.form-horizontal .control-label { - width: 120px; - line-height: 1.3; - padding-top: 9px; -} -.form-horizontal .control-large input, -.form-horizontal .control-large .control-label { - font-size: 18px; - line-height: 2; -} -.form-horizontal .control-large .control-label { - padding-top: 10px; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; } -.form-horizontal .controls { - margin-left: 130px; +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } } -.form-horizontal .info-block { - position: relative; - display: block; - font-size: 11px; - color: #aeaeae; - line-height: 1.3; - padding: 6px 0 6px 25px; - margin-top: 6px; +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } } -.form-horizontal .info-inline { - float: right; - width: 265px; - margin-top: 0; +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } } -.form-horizontal .control-medium .info-block.info-inline { - width: 165px; +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } } -.form-horizontal .info-block:before { - font-size: 2.2em; - position: absolute; - left: 0; - top: 2px; +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } } -.form-horizontal .info-inline:before { - top: 8px; +@-moz-document url-prefix() { + .icon-spin { + height: .9em; + } + .btn .icon-spin { + height: auto; + } + .icon-spin.icon-large { + height: 1.25em; + } + .btn .icon-spin.icon-large { + height: .75em; + } } -.info-block .icon-large, -.info-inline .icon-large { - float: left; - font-size: 22px; - margin-right: 15px; +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; } -.form-horizontal .info-block a { - color: #aeaeae; - text-decoration: underline; +.icon-music:before { + content: "\f001"; } -.form-horizontal .form-actions { - padding-left: 25px; - padding-right: 25px; +.icon-search:before { + content: "\f002"; } -.form-inline input { - padding-bottom: 9px; +.icon-envelope:before { + content: "\f003"; } -.form-inline select { - margin-top: 0; +.icon-heart:before { + content: "\f004"; } -.form-inline .btn { - margin-left: 5px; +.icon-star:before { + content: "\f005"; } -.form-narrow label { - margin-bottom: 0; +.icon-star-empty:before { + content: "\f006"; } -.form-narrow select { - width: 100%; +.icon-user:before { + content: "\f007"; } -.form-narrow .form-actions { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px 0; +.icon-film:before { + content: "\f008"; } -.form-select label { - margin-right: 5px; +.icon-th-large:before { + content: "\f009"; } -.simple-input label, -.simple-input button { - display: none; +.icon-th:before { + content: "\f00a"; } -.simple-input .field { - position: relative; +.icon-th-list:before { + content: "\f00b"; } -.simple-input .field-bordered { - border-bottom: 1px dotted #cccccc; +.icon-ok:before { + content: "\f00c"; } -.simple-input .field input { - width: 100%; - height: auto; - margin: 0 -7px; - padding: 7px 5px; +.icon-remove:before { + content: "\f00d"; } -.simple-input .field .btn-search { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - width: 17px; - height: 17px; - background-position: -51px -16px; - position: absolute; - display: block; - height: 17px; - width: 17px; - top: 50%; - right: 0; - margin-top: -8px; - background-color: transparent; - border: none; - text-indent: -999em; +.icon-zoom-in:before { + content: "\f00e"; } -.simple-input .field .btn-search:last-child { - *margin-left: 0; +.icon-zoom-out:before { + content: "\f010"; } -.editor textarea { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - border-bottom: none; +.icon-off:before { + content: "\f011"; } -.editor .editor-info-block { - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - display: block; - float: none; - padding: 4px 10px; - background: #ebebeb; - width: auto; - border: 1px solid #cccccc; - border-top: none; - font-size: 11px; - color: #282828; +.icon-signal:before { + content: "\f012"; } -.editor .editor-info-block a { - color: #5b0404; - text-decoration: none; +.icon-cog:before { + content: "\f013"; } -.control-custom { - font-size: 0; +.icon-trash:before { + content: "\f014"; } -.control-custom label { - margin-bottom: 0; +.icon-home:before { + content: "\f015"; } -.control-custom input { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - width: 140px; +.icon-file:before { + content: "\f016"; } -.control-custom input:last-of-type { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; +.icon-time:before { + content: "\f017"; } -.control-custom .checkbox { - display: inline-block; - margin-left: 5px; +.icon-road:before { + content: "\f018"; } -.control-custom .checkbox input { - width: auto; +.icon-download-alt:before { + content: "\f019"; } -.control-custom.disabled label, -.control-custom.disabled input { - color: #aaaaaa; - text-decoration: line-through; - text-shadow: none; +.icon-download:before { + content: "\f01a"; } -.control-custom.disabled input { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - background-color: #f3f3f3; +.icon-upload:before { + content: "\f01b"; } -.control-custom.disabled .checkbox { - color: #4d4d4d; - text-decoration: none; +.icon-inbox:before { + content: "\f01c"; } -.control-custom .checkbox.btn { - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; - position: relative; - top: 0; - left: 5px; - height: 3px; - width: 8px; - padding: 3px 8px; +.icon-play-circle:before { + content: "\f01d"; } -.control-custom .checkbox.btn span { - display: none; - width: 30px; +.icon-repeat:before { + content: "\f01e"; } -.control-custom .checkbox.btn:before { - position: relative; - top: 1px; - left: -1px; - color: #fff; +/* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { + content: "\f021"; } -.control-custom .checkbox.btn input { - display: none; +.icon-list-alt:before { + content: "\f022"; } -.control-custom.disabled .checkbox.btn { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #dd0c0c; - background-image: -moz-linear-gradient(top, #cf0a0a, #f21010); - background-image: -ms-linear-gradient(top, #cf0a0a, #f21010); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cf0a0a), to(#f21010)); - background-image: -webkit-linear-gradient(top, #cf0a0a, #f21010); - background-image: -o-linear-gradient(top, #cf0a0a, #f21010); - background-image: linear-gradient(top, #cf0a0a, #f21010); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf0a0a', endColorstr='#f21010', GradientType=0); - border-color: #f21010 #f21010 #ac0909; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f21010; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-lock:before { + content: "\f023"; } -.control-custom.disabled .checkbox.btn:hover, -.control-custom.disabled .checkbox.btn:active, -.control-custom.disabled .checkbox.btn.active, -.control-custom.disabled .checkbox.btn.disabled, -.control-custom.disabled .checkbox.btn[disabled] { - background-color: #f21010; - *background-color: #dd0c0c; +.icon-flag:before { + content: "\f024"; } -.control-custom.disabled .checkbox.btn:active, -.control-custom.disabled .checkbox.btn.active { - background-color: #c40b0b \9; +.icon-headphones:before { + content: "\f025"; } -.control-custom.disabled .checkbox.btn .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-volume-off:before { + content: "\f026"; } -.alert-danger a, -.alert-error a { - color: #b55457; +.icon-volume-down:before { + content: "\f027"; } -.control-group.error input, -.control-group.error select, -.control-group.error textarea, -.control-group.error .input-prepend .add-on, -.control-group.error .input-append .add-on { - border-color: #c6898b; +.icon-volume-up:before { + content: "\f028"; } -.error-inline { - color: #b55457; +.icon-qrcode:before { + content: "\f029"; } -.error-block, -.error-inline { - font-size: 12px; +.icon-barcode:before { + content: "\f02a"; } -.error-block { - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - display: block; - padding: 6px 8px 3px; - background: #c6898b; - margin: -3px 0 0; - color: #ffffff; - width: 216px; +.icon-tag:before { + content: "\f02b"; } -.control-medium .error-block { - width: 326px; +.icon-tags:before { + content: "\f02c"; } -.control-full .error-block { - width: auto; +.icon-book:before { + content: "\f02d"; } -.control-group.error .input-prepend .error-block, -.control-custom.error .error-block { - margin-left: -1px; - width: auto; +.icon-bookmark:before { + content: "\f02e"; } -.control-custom.error .error-block { - width: 409px; +.icon-print:before { + content: "\f02f"; } -.control-select.error .error-block { - width: 204px; +.icon-camera:before { + content: "\f030"; } -.stages { - margin: 0; - list-style: none; - *zoom: 1; - color: #aeaeae; - counter-reset: stage; - margin: -20px -25px 20px; - overflow: hidden; +.icon-font:before { + content: "\f031"; } -.stages:before, -.stages:after { - display: table; - content: ""; +.icon-bold:before { + content: "\f032"; } -.stages:after { - clear: both; +.icon-italic:before { + content: "\f033"; } -.stages li { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - line-height: 27px; - counter-increment: stage; - width: 33.33%; - background-color: #ededed; - float: left; - padding: 10px 20px; - position: relative; - z-index: 0; +.icon-text-height:before { + content: "\f034"; } -.stages li:before { - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; - content: counter(stage); - display: inline-block; - width: 27px; - height: 27px; - margin-right: 5px; - font-weight: bold; - text-align: center; - color: #ffffff; - background-color: #aeaeae; - z-index: 1; +.icon-text-width:before { + content: "\f035"; } -.stages li:after { - left: 0; - border: solid rgba(237, 237, 237, 0); - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-top-color: #ededed; - border-bottom-color: #ededed; - border-width: 29px; - top: 50%; - margin-top: -29px; - margin-left: -30px; +.icon-align-left:before { + content: "\f036"; } -.stages li.first, -.stages li.first .highlight { - -webkit-border-radius: 3px 0 0 0; - -moz-border-radius: 3px 0 0 0; - border-radius: 3px 0 0 0; +.icon-align-center:before { + content: "\f037"; } -.stages li.last { - position: relative; - right: -1px; +.icon-align-right:before { + content: "\f038"; } -.stages li.last, -.stages li.last .highlight { - -webkit-border-radius: 0 3px 0 0; - -moz-border-radius: 0 3px 0 0; - border-radius: 0 3px 0 0; +.icon-align-justify:before { + content: "\f039"; } -.stages li.first:after { - content: none; - border: none; +.icon-list:before { + content: "\f03a"; } -.stages li.active:after { - border-color: rgba(140, 198, 138, 0); - border-top-color: #8cc68a; - border-bottom-color: #8cc68a; +.icon-indent-left:before { + content: "\f03b"; } -.stages li.complete:after { - border-color: rgba(197, 226, 196, 0); - border-top-color: #c5e2c4; - border-bottom-color: #c5e2c4; +.icon-indent-right:before { + content: "\f03c"; } -.stages.stage-3 li.complete:first-child:after { - content: none; +.icon-facetime-video:before { + content: "\f03d"; } -.stages li.active, -.stages li.complete { - background: none; +.icon-picture:before { + content: "\f03e"; } -.stages li.active:before { - color: #8cc68a; - background: #ffffff; +.icon-pencil:before { + content: "\f040"; } -.stages li.complete:before { - color: #c5e2c4; - background: #eef6ed; +.icon-map-marker:before { + content: "\f041"; } -.stages li .highlight { - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 100%; - padding: 10px 52px; - border: none; - text-align: left; - text-decoration: none; - line-height: 27px; - z-index: -1; +.icon-adjust:before { + content: "\f042"; } -.stages li.active .highlight { - color: #ffffff; - background: #8cc68a; +.icon-tint:before { + content: "\f043"; } -.stages li.complete .highlight { - color: #eef6ed; - background: #c5e2c4; +.icon-edit:before { + content: "\f044"; } -.alert > :last-child { - margin-bottom: 0; +.icon-share:before { + content: "\f045"; } -.slug-preview { - font-size: 14px; - line-height: 1.5; - margin-top: 5px; - margin-left: 10px; +.icon-check:before { + content: "\f046"; } -.slug-preview-value { - background-color: #faedcf; - margin-right: 3px; +.icon-move:before { + content: "\f047"; } -.slug-preview .btn { - padding-top: 3px; - padding-bottom: 3px; +.icon-step-backward:before { + content: "\f048"; } -.resource-upload-field { - position: relative; - overflow: hidden; - display: inline-block; - vertical-align: bottom; +.icon-fast-backward:before { + content: "\f049"; } -.resource-upload-field label { - z-index: 0; +.icon-backward:before { + content: "\f04a"; } -.resource-upload-field input { - opacity: 0; - filter: alpha(opacity=0); - position: absolute; - top: 0; - right: 0; - z-index: 1; - margin: 0; - border: solid transparent; - border-width: 100px 0 0 200px; - cursor: pointer; - direction: ltr; - -moz-transform: translate(-300px, 0) scale(4); +.icon-play:before { + content: "\f04b"; } -.resource-upload-field.loading { - display: inline-block; - background: url("../../../base/images/loading-spinner.gif") no-repeat center right; - padding-right: 5px; +.icon-pause:before { + content: "\f04c"; } -.select2-container .select2-choice input, -.select2-container-multi .select2-choices .select2-search-field:first-child input { - font-size: 14px; +.icon-stop:before { + content: "\f04d"; } -.select2-container-multi .select2-choices .select2-search-field input { - height: 29px; +.icon-forward:before { + content: "\f04e"; } -.select2-container .select2-choice input, -.select2-container-multi .select2-choices .select2-search-field:first-child input { - padding-left: 10px; +.icon-fast-forward:before { + content: "\f050"; } -.select2-container { - margin-top: 5px; +.icon-step-forward:before { + content: "\f051"; } -.select2-container-multi { - margin-top: 0; +.icon-eject:before { + content: "\f052"; } -.select2-container-multi .select2-choices .select2-search-choice { - padding: 5px 8px 5px 22px; +.icon-chevron-left:before { + content: "\f053"; } -.select2-container-multi.select2-container .select2-choices { - padding-top: 3px; - padding-bottom: 3px; +.icon-chevron-right:before { + content: "\f054"; } -.select2-search-choice-close, -.select2-container-multi .select2-search-choice-close { - top: 6px; - left: 5px; +.icon-plus-sign:before { + content: "\f055"; } -.select2-container-multi .select2-choices { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; - background-color: #ffffff; - border: 1px solid #cccccc; +.icon-minus-sign:before { + content: "\f056"; } -.select2-container-active .select2-choices, -.select2-container-multi.select2-container-active .select2-choices { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +.icon-remove-sign:before { + content: "\f057"; } -.select2-container-multi .select2-drop { - margin-top: -2px; +.icon-ok-sign:before { + content: "\f058"; } -.select2-container .select2-results li { - line-height: 18px; - padding-top: 4px; - padding-bottom: 4px; +.icon-question-sign:before { + content: "\f059"; } -.control-full .select2-container { - width: 520px !important; +.icon-info-sign:before { + content: "\f05a"; } -.dataset-item { - border-bottom: 1px dotted #cccccc; - padding-bottom: 20px; - margin-bottom: 20px; +.icon-screenshot:before { + content: "\f05b"; } -.dataset-item:last-of-type { - border-bottom: none; - margin-bottom: 0; - padding-bottom: 0; +.icon-remove-circle:before { + content: "\f05c"; } -.dataset-heading { - font-size: 14px; - line-height: 1.3; +.icon-ok-circle:before { + content: "\f05d"; } -.dataset-heading a { - color: #333333; +.icon-ban-circle:before { + content: "\f05e"; } -.dataset-heading .label { - position: relative; - top: -1px; +.icon-arrow-left:before { + content: "\f060"; } -.dataset-content { - font-size: 12px; +.icon-arrow-right:before { + content: "\f061"; } -.dataset-resources { - font-size: 10px; - line-height: 14px; - margin-top: 5px; +.icon-arrow-up:before { + content: "\f062"; } -.dataset-resources li { - display: inline; +.icon-arrow-down:before { + content: "\f063"; } -.dataset-resources li a { - background-color: #aaaaaa; +.icon-share-alt:before { + content: "\f064"; } -.dataset-heading .popular { - top: 0; +.icon-resize-full:before { + content: "\f065"; } -.results { - margin-bottom: 20px; - padding-bottom: 25px; - border-bottom: 1px dotted #cccccc; +.icon-resize-small:before { + content: "\f066"; } -.results strong { - display: block; - font-size: 24px; - line-height: 1.3; - color: #000000; - margin-bottom: 10px; +.icon-plus:before { + content: "\f067"; } -.results strong:before { - float: right; - content: " "; - width: 280px; - white-space: pre; +.icon-minus:before { + content: "\f068"; } -.filter-list { - color: #4d4d4d; - font-weight: bold; +.icon-asterisk:before { + content: "\f069"; } -.filter-list .extra { - margin-top: 10px; - font-size: 18px; - font-weight: normal; - color: #000000; +.icon-exclamation-sign:before { + content: "\f06a"; } -.dataset-search { - position: relative; +.icon-gift:before { + content: "\f06b"; } -.search-giant { - position: relative; +.icon-leaf:before { + content: "\f06c"; } -.search-giant input { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - font-size: 16px; - padding: 14px 10px; - width: 100%; - height: auto; +.icon-fire:before { + content: "\f06d"; } -.search-giant button { - cursor: pointer; - position: absolute; - right: 15px; - top: 50%; - display: block; - border: none; - padding: 0; - margin-top: -17px; - width: 30px; - height: 30px; - background: transparent url("../../../base/images/icon-search-27x26.png") no-repeat center center; - text-indent: -900em; +.icon-eye-open:before { + content: "\f06e"; } -.control-order-by { - position: absolute; - bottom: -65px; - right: 0; +.icon-eye-close:before { + content: "\f070"; } -.control-order-by label, -.control-order-by select { - display: inline; +.icon-warning-sign:before { + content: "\f071"; } -.control-order-by select { - width: 160px; +.icon-plane:before { + content: "\f072"; } -.resource-list { - margin: 0; - list-style: none; - margin: -10px -10px 10px -10px; +.icon-calendar:before { + content: "\f073"; } -.resource-item { - position: relative; - padding: 10px 110px 10px 60px; - margin-bottom: 0px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; +.icon-random:before { + content: "\f074"; } -.resource-item:hover { - background-color: #efefef; +.icon-comment:before { + content: "\f075"; } -.resource-item .heading { - color: #000000; - font-size: 14px; - font-weight: bold; +.icon-magnet:before { + content: "\f076"; } -.resource-item .format-label { - position: absolute; - top: 10px; - left: 10px; +.icon-chevron-up:before { + content: "\f077"; } -.resource-item .description { - font-size: 12px; - margin-bottom: 0; +.icon-chevron-down:before { + content: "\f078"; } -.resource-item .btn-group { - position: absolute; - top: 13px; - right: 10px; +.icon-retweet:before { + content: "\f079"; } -.dataset-resource-form .dataset-form-resource-types { - margin-bottom: 5px; +.icon-shopping-cart:before { + content: "\f07a"; } -.dataset-form-resource-types .ckan-icon { - position: relative; - top: 3px; +.icon-folder-close:before { + content: "\f07b"; } -.dataset-form-resource-types .radio { - font-weight: normal; - padding-left: 0; - padding-right: 18px; +.icon-folder-open:before { + content: "\f07c"; } -.dataset-form-resource-types label { - position: relative; +.icon-resize-vertical:before { + content: "\f07d"; } -.dataset-form-resource-types input[type=radio]:checked + label { - font-weight: bold; +.icon-resize-horizontal:before { + content: "\f07e"; } -.dataset-form-resource-types input[type=radio]:checked + label:after { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - width: 16px; - height: 16px; - background-position: -192px 0; - display: block; - content: ""; - position: absolute; - top: auto; - left: 0; - bottom: -12px; +.icon-bar-chart:before { + content: "\f080"; } -.dataset-form-resource-types input[type=radio]:checked + label:after:last-child { - *margin-left: 0; +.icon-twitter-sign:before { + content: "\f081"; } -.dataset-form-resource-types input[type=radio] { - display: none; +.icon-facebook-sign:before { + content: "\f082"; } -.tag-list { - margin: 0; - list-style: none; - padding: 10px; +.icon-camera-retro:before { + content: "\f083"; } -.tag-list li { - display: inline-block; - margin-right: 5px; +.icon-key:before { + content: "\f084"; } -.tag-list li:last-child { - margin-right: 0; +.icon-cogs:before { + content: "\f085"; } -.additional-info td, -.additional-info th { - width: 50%; +.icon-comments:before { + content: "\f086"; } -.label[data-format=html], -.label[data-format*=html] { - background-color: #55a1ce; +.icon-thumbs-up:before { + content: "\f087"; } -.label[data-format=json], -.label[data-format*=json] { - background-color: #ef7100; +.icon-thumbs-down:before { + content: "\f088"; } -.label[data-format=xml], -.label[data-format*=xml] { - background-color: #ef7100; +.icon-star-half:before { + content: "\f089"; } -.label[data-format=text], -.label[data-format*=text] { - background-color: #74cbec; +.icon-heart-empty:before { + content: "\f08a"; } -.label[data-format=csv], -.label[data-format*=csv] { - background-color: #dfb100; +.icon-signout:before { + content: "\f08b"; } -.label[data-format=xls], -.label[data-format*=xls] { - background-color: #2db55d; +.icon-linkedin-sign:before { + content: "\f08c"; } -.label[data-format=zip], -.label[data-format*=zip] { - background-color: #686868; +.icon-pushpin:before { + content: "\f08d"; } -.label[data-format=api], -.label[data-format*=api] { - background-color: #ec96be; +.icon-external-link:before { + content: "\f08e"; } -.label[data-format=pdf], -.label[data-format*=pdf] { - background-color: #e0051e; +.icon-signin:before { + content: "\f090"; } -.label[data-format=rdf], -.label[data-format*=rdf], -.label[data-format*=nquad], -.label[data-format*=ntriples], -.label[data-format*=turtle] { - background-color: #0b4498; +.icon-trophy:before { + content: "\f091"; } -.group .media-vertical .image { - margin: 0 -5px 5px; +.icon-github-sign:before { + content: "\f092"; } -.group-list:nth-child(odd) { - clear: left; +.icon-upload-alt:before { + content: "\f093"; } -.group-list .module-heading { - padding-top: 15px; - padding-bottom: 15px; +.icon-lemon:before { + content: "\f094"; } -.group-list .dataset-content { - min-height: 54px; +.icon-phone:before { + content: "\f095"; } -.group-list .module-heading h3 { - margin-bottom: 2px; +.icon-check-empty:before { + content: "\f096"; } -.group-list .module-heading h3 a { - color: #333333; +.icon-bookmark-empty:before { + content: "\f097"; } -.toolbar { - *zoom: 1; - margin-top: -10px; - margin-bottom: 10px; - padding: 5px 0; +.icon-phone-sign:before { + content: "\f098"; } -.toolbar:before, -.toolbar:after { - display: table; - content: ""; +.icon-twitter:before { + content: "\f099"; } -.toolbar:after { - clear: both; +.icon-facebook:before { + content: "\f09a"; } -.toolbar .breadcrumb { - *zoom: 1; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - position: relative; - float: left; - margin: 0; - padding: 0; - border: none; - background: none; - font-size: 20px; +.icon-github:before { + content: "\f09b"; } -.toolbar .breadcrumb:before, -.toolbar .breadcrumb:after { - display: table; - content: ""; +.icon-unlock:before { + content: "\f09c"; } -.toolbar .breadcrumb:after { - clear: both; +.icon-credit-card:before { + content: "\f09d"; } -.toolbar li [class^=icon]:before { - width: auto; +.icon-rss:before { + content: "\f09e"; } -.toolbar .breadcrumb li:after { - content: " / "; +.icon-hdd:before { + content: "\f0a0"; } -.toolbar .breadcrumb li.active:after { - content: ""; +.icon-bullhorn:before { + content: "\f0a1"; } -.toolbar .breadcrumb li:last-of-type:after { - content: ""; +.icon-bell:before { + content: "\f0a2"; } -.toolbar .home a { - text-decoration: none; +.icon-certificate:before { + content: "\f0a3"; } -.toolbar .home span { - display: none; +.icon-hand-right:before { + content: "\f0a4"; } -.toolbar .breadcrumb a { - color: #505050; - line-height: 28px; +.icon-hand-left:before { + content: "\f0a5"; } -.toolbar .breadcrumb .active a { - font-weight: bold; +.icon-hand-up:before { + content: "\f0a6"; } -.toolbar .actions { - margin: 0; - list-style: none; +.icon-hand-down:before { + content: "\f0a7"; } -.toolbar .actions li { - display: inline-block; - margin-right: 5px; +.icon-circle-arrow-left:before { + content: "\f0a8"; } -.toolbar .actions li { - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; +.icon-circle-arrow-right:before { + content: "\f0a9"; } -.toolbar .actions li:last-of-type { - margin-right: 0; +.icon-circle-arrow-up:before { + content: "\f0aa"; } -.toolbar .btn { - padding: 0 10px 0 8px; - border-color: #b7b7b7; - line-height: 27px; +.icon-circle-arrow-down:before { + content: "\f0ab"; } -.toolbar .btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-globe:before { + content: "\f0ac"; } -.toolbar .btn-success:hover, -.toolbar .btn-success:active, -.toolbar .btn-success.active, -.toolbar .btn-success.disabled, -.toolbar .btn-success[disabled] { - background-color: #51a351; - *background-color: #499249; +.icon-wrench:before { + content: "\f0ad"; } -.toolbar .btn-success:active, -.toolbar .btn-success.active { - background-color: #408140 \9; +.icon-tasks:before { + content: "\f0ae"; } -.toolbar .btn-success .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-filter:before { + content: "\f0b0"; } -.toolbar .btn-primary { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #dd0c0c; - background-image: -moz-linear-gradient(top, #cf0a0a, #f21010); - background-image: -ms-linear-gradient(top, #cf0a0a, #f21010); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cf0a0a), to(#f21010)); - background-image: -webkit-linear-gradient(top, #cf0a0a, #f21010); - background-image: -o-linear-gradient(top, #cf0a0a, #f21010); - background-image: linear-gradient(top, #cf0a0a, #f21010); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf0a0a', endColorstr='#f21010', GradientType=0); - border-color: #f21010 #f21010 #ac0909; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f21010; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-briefcase:before { + content: "\f0b1"; } -.toolbar .btn-primary:hover, -.toolbar .btn-primary:active, -.toolbar .btn-primary.active, -.toolbar .btn-primary.disabled, -.toolbar .btn-primary[disabled] { - background-color: #f21010; - *background-color: #dd0c0c; +.icon-fullscreen:before { + content: "\f0b2"; } -.toolbar .btn-primary:active, -.toolbar .btn-primary.active { - background-color: #c40b0b \9; +.icon-group:before { + content: "\f0c0"; } -.toolbar .btn-primary .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-link:before { + content: "\f0c1"; } -.toolbar .btn-warning { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #faa732; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', 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); - *background-color: #f89406; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-cloud:before { + content: "\f0c2"; } -.toolbar .btn-warning:hover, -.toolbar .btn-warning:active, -.toolbar .btn-warning.active, -.toolbar .btn-warning.disabled, -.toolbar .btn-warning[disabled] { - background-color: #f89406; - *background-color: #df8505; +.icon-beaker:before { + content: "\f0c3"; } -.toolbar .btn-warning:active, -.toolbar .btn-warning.active { - background-color: #c67605 \9; +.icon-cut:before { + content: "\f0c4"; } -.toolbar .btn-warning .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-copy:before { + content: "\f0c5"; } -.toolbar .btn-danger { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #da4f49; - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); - border-color: #bd362f #bd362f #802420; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #bd362f; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-paper-clip:before { + content: "\f0c6"; } -.toolbar .btn-danger:hover, -.toolbar .btn-danger:active, -.toolbar .btn-danger.active, -.toolbar .btn-danger.disabled, -.toolbar .btn-danger[disabled] { - background-color: #bd362f; - *background-color: #a9302a; +.icon-save:before { + content: "\f0c7"; } -.toolbar .btn-danger:active, -.toolbar .btn-danger.active { - background-color: #942a25 \9; +.icon-sign-blank:before { + content: "\f0c8"; } -.toolbar .btn-danger .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-reorder:before { + content: "\f0c9"; } -.toolbar .btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-list-ul:before { + content: "\f0ca"; } -.toolbar .btn-success:hover, -.toolbar .btn-success:active, -.toolbar .btn-success.active, -.toolbar .btn-success.disabled, -.toolbar .btn-success[disabled] { - background-color: #51a351; - *background-color: #499249; +.icon-list-ol:before { + content: "\f0cb"; } -.toolbar .btn-success:active, -.toolbar .btn-success.active { - background-color: #408140 \9; +.icon-strikethrough:before { + content: "\f0cc"; } -.toolbar .btn-success .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-underline:before { + content: "\f0cd"; } -.toolbar .btn-info { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #49afcd; - 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); - *background-color: #2f96b4; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-table:before { + content: "\f0ce"; } -.toolbar .btn-info:hover, -.toolbar .btn-info:active, -.toolbar .btn-info.active, -.toolbar .btn-info.disabled, -.toolbar .btn-info[disabled] { - background-color: #2f96b4; - *background-color: #2a85a0; +.icon-magic:before { + content: "\f0d0"; } -.toolbar .btn-info:active, -.toolbar .btn-info.active { - background-color: #24748c \9; +.icon-truck:before { + content: "\f0d1"; } -.toolbar .btn-info .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-pinterest:before { + content: "\f0d2"; } -.toolbar .btn-inverse { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #414141; - background-image: -moz-linear-gradient(top, #555555, #222222); - background-image: -ms-linear-gradient(top, #555555, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); - background-image: -webkit-linear-gradient(top, #555555, #222222); - background-image: -o-linear-gradient(top, #555555, #222222); - background-image: linear-gradient(top, #555555, #222222); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); - 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); - *background-color: #222222; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-pinterest-sign:before { + content: "\f0d3"; } -.toolbar .btn-inverse:hover, -.toolbar .btn-inverse:active, -.toolbar .btn-inverse.active, -.toolbar .btn-inverse.disabled, -.toolbar .btn-inverse[disabled] { - background-color: #222222; - *background-color: #151515; +.icon-google-plus-sign:before { + content: "\f0d4"; } -.toolbar .btn-inverse:active, -.toolbar .btn-inverse.active { - background-color: #080808 \9; +.icon-google-plus:before { + content: "\f0d5"; } -.toolbar .btn-inverse .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-money:before { + content: "\f0d6"; } -.hide-heading { - display: none; +.icon-caret-down:before { + content: "\f0d7"; } -.page-header { - position: relative; - border-bottom: 1px solid #d0d0d0; - height: 30px; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - background-color: #f3f3f3; - background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: linear-gradient(top, #f5f5f5, #f0f0f0); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); +.icon-caret-up:before { + content: "\f0d8"; } -.page-header .nav-tabs { - position: absolute; - left: 20px; - bottom: -1px; - margin-bottom: 0; +.icon-caret-left:before { + content: "\f0d9"; } -.page-header .nav-tabs i { - margin-right: 10px; - font-size: 14px; +.icon-caret-right:before { + content: "\f0da"; } -.page-header .nav-tabs a:hover { - background-color: #ffffff; +.icon-columns:before { + content: "\f0db"; } -.prose h1, -.prose heading-1 h2, -.prose heading-2 { - margin-bottom: 15px; +.icon-sort:before { + content: "\f0dc"; } -.prose h3, -.prose heading-3 { - margin-bottom: 10px; +.icon-sort-down:before { + content: "\f0dd"; } -.table-chunky td, -.table-chunky th { - padding: 12px 15px; - font-size: 12px; +.icon-sort-up:before { + content: "\f0de"; } -.table-chunky thead th, -.table-chunky thead td { - color: #ffffff; - background-color: #aaaaaa; - padding-top: 10px; - padding-bottom: 10px; +.icon-envelope-alt:before { + content: "\f0e0"; } -.table-striped tbody tr:nth-child(odd) td, -.table-striped tbody tr:nth-child(odd) th { - background-color: transparent; +.icon-linkedin:before { + content: "\f0e1"; } -.table-striped tbody tr:nth-child(even) td, -.table-striped tbody tr:nth-child(even) th { - background-color: #f2f2f2; +.icon-undo:before { + content: "\f0e2"; } -.table-chunky.table-bordered { - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; +.icon-legal:before { + content: "\f0e3"; } -.table-chunky.table-bordered thead:first-child tr:first-child th:first-child, -.table-chunky.table-bordered tbody:first-child tr:first-child td:first-child { - -webkit-border-top-left-radius: 2px; - -moz-border-radius-topleft: 2px; - border-top-left-radius: 2px; +.icon-dashboard:before { + content: "\f0e4"; } -.table-chunky.table-bordered thead:first-child tr:first-child th:last-child, -.table-chunky.table-bordered tbody:first-child tr:first-child td:last-child { - -webkit-border-top-right-radius: 2px; - -moz-border-radius-topright: 2px; - border-top-right-radius: 2px; +.icon-comment-alt:before { + content: "\f0e5"; } -.table-chunky.table-bordered thead:last-child tr:last-child th:first-child, -.table-chunky.table-bordered tbody:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 2px; - -moz-border-radius: 0 0 0 2px; - border-radius: 0 0 0 2px; - -webkit-border-bottom-left-radius: 2px; - -moz-border-radius-bottomleft: 2px; - border-bottom-left-radius: 2px; +.icon-comments-alt:before { + content: "\f0e6"; } -.table-chunky.table-bordered thead:last-child tr:last-child th:last-child, -.table-chunky.table-bordered tbody:last-child tr:last-child td:last-child { - -webkit-border-bottom-right-radius: 2px; - -moz-border-radius-bottomright: 2px; - border-bottom-right-radius: 2px; +.icon-bolt:before { + content: "\f0e7"; } -.ckan-icon { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; +.icon-sitemap:before { + content: "\f0e8"; } -.ckan-icon:last-child { - *margin-left: 0; +.icon-umbrella:before { + content: "\f0e9"; } -.ckan-icon-fb { - width: 16px; - height: 16px; - background-position: 0px 0; +.icon-paste:before { + content: "\f0ea"; } -.ckan-icon-gplus { - width: 16px; - height: 16px; - background-position: -16px 0; +.icon-lightbulb:before { + content: "\f0eb"; } -.ckan-icon-twitter { - width: 16px; - height: 16px; - background-position: -32px 0; +.icon-exchange:before { + content: "\f0ec"; } -.ckan-icon-email { - width: 16px; - height: 16px; - background-position: -48px 0; +.icon-cloud-download:before { + content: "\f0ed"; } -.ckan-icon-share { - width: 16px; - height: 16px; - background-position: -64px 0; +.icon-cloud-upload:before { + content: "\f0ee"; } -.ckan-icon-feed { - width: 16px; - height: 16px; - background-position: -80px 0; +.icon-user-md:before { + content: "\f0f0"; } -.ckan-icon-calendar { - width: 16px; - height: 16px; - background-position: -96px 0; +.icon-stethoscope:before { + content: "\f0f1"; } -.ckan-icon-file { - width: 16px; - height: 16px; - background-position: -112px 0; +.icon-suitcase:before { + content: "\f0f2"; } -.ckan-icon-lock { - width: 16px; - height: 16px; - background-position: -128px 0; +.icon-bell-alt:before { + content: "\f0f3"; } -.ckan-icon-link-file { - width: 16px; - height: 16px; - background-position: -144px 0; +.icon-coffee:before { + content: "\f0f4"; } -.ckan-icon-link-plugin { - width: 16px; - height: 16px; - background-position: -160px 0; +.icon-food:before { + content: "\f0f5"; } -.ckan-icon-upload-file { - width: 16px; - height: 16px; - background-position: -176px 0; +.icon-file-alt:before { + content: "\f0f6"; } -.ckan-icon-callout { - width: 16px; - height: 16px; - background-position: -192px 0; +.icon-building:before { + content: "\f0f7"; } -.ckan-icon-circle-cross { - width: 17px; - height: 17px; - background-position: 0px -16px; +.icon-hospital:before { + content: "\f0f8"; } -.ckan-icon-circle-add { - width: 17px; - height: 17px; - background-position: -17px -16px; +.icon-ambulance:before { + content: "\f0f9"; } -.ckan-icon-flame { - width: 17px; - height: 17px; - background-position: -34px -16px; +.icon-medkit:before { + content: "\f0fa"; } -.ckan-icon-search { - width: 17px; - height: 17px; - background-position: -51px -16px; +.icon-fighter-jet:before { + content: "\f0fb"; } -.ckan-icon-large-lock { - width: 20px; - height: 20px; - background-position: 0px -33px; +.icon-beer:before { + content: "\f0fc"; } -.ckan-icon-photo { - width: 20px; - height: 20px; - background-position: -20px -33px; +.icon-h-sign:before { + content: "\f0fd"; } -.ckan-icon-add { - width: 20px; - height: 20px; - background-position: -40px -33px; +.icon-plus-sign-alt:before { + content: "\f0fe"; } -.ckan-icon-home { - width: 20px; - height: 20px; - background-position: -60px -33px; +.icon-double-angle-left:before { + content: "\f100"; } -.ckan-icon-rewind { - width: 20px; - height: 20px; - background-position: -80px -33px; +.icon-double-angle-right:before { + content: "\f101"; } -.ckan-icon-tools { - width: 20px; - height: 20px; - background-position: -100px -33px; +.icon-double-angle-up:before { + content: "\f102"; } -.ckan-icon-flag { - width: 20px; - height: 20px; - background-position: -120px -33px; +.icon-double-angle-down:before { + content: "\f103"; } -.ckan-icon-clipboard { - width: 20px; - height: 20px; - background-position: -140px -33px; +.icon-angle-left:before { + content: "\f104"; } -.ckan-icon-share { - width: 20px; - height: 20px; - background-position: -160px -33px; +.icon-angle-right:before { + content: "\f105"; } -.ckan-icon-info { - width: 20px; - height: 20px; - background-position: -180px -33px; +.icon-angle-up:before { + content: "\f106"; } -.ckan-icon-download { - width: 20px; - height: 20px; - background-position: -200px -33px; +.icon-angle-down:before { + content: "\f107"; } -.ckan-icon-star { - width: 20px; - height: 20px; - background-position: -220px -33px; +.icon-desktop:before { + content: "\f108"; } -.ckan-icon-info-flat { - width: 20px; - height: 20px; - background-position: -240px -33px; +.icon-laptop:before { + content: "\f109"; } -.ckan-icon-tag { - width: 20px; - height: 20px; - background-position: -260px -33px; +.icon-tablet:before { + content: "\f10a"; } -.ckan-icon-plus { - width: 20px; - height: 20px; - background-position: -280px -33px; - width: 16px; +.icon-mobile-phone:before { + content: "\f10b"; } -.ckan-icon-head { - width: 20px; - height: 20px; - background-position: -300px -33px; +.icon-circle-blank:before { + content: "\f10c"; } -.ckan-icon-arrow-e { - width: 20px; - height: 20px; - background-position: -320px -33px; - width: 16px; +.icon-quote-left:before { + content: "\f10d"; } -.ckan-icon-bookmark { - width: 25px; - height: 25px; - background-position: 0px -53px; +.icon-quote-right:before { + content: "\f10e"; } -.format-label { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - text-indent: -900em; - background: url("../../../base/images/sprite-resource-icons.png") no-repeat 0 0; +.icon-spinner:before { + content: "\f110"; } -.format-label:last-child { - *margin-left: 0; +.icon-circle:before { + content: "\f111"; } -.format-label { - width: 32px; - height: 35px; - background-position: 0px -62px; +.icon-reply:before { + content: "\f112"; } -.format-label[data-format=rdf], -.format-label[data-format*=rdf] { - width: 32px; - height: 35px; - background-position: -32px -62px; +.icon-github-alt:before { + content: "\f113"; } -.format-label[data-format=pdf], -.format-label[data-format*=pdf] { - width: 32px; - height: 35px; - background-position: -64px -62px; +.icon-folder-close-alt:before { + content: "\f114"; } -.format-label[data-format=api], -.format-label[data-format*=api] { - width: 32px; - height: 35px; - background-position: -96px -62px; +.icon-folder-open-alt:before { + content: "\f115"; } -.format-label[data-format=zip], -.format-label[data-format*=zip] { - width: 32px; - height: 35px; - background-position: -128px -62px; +[class^="icon-"], +[class*=" icon-"] { + display: inline-block; + text-align: right; + font-size: 14px; + line-height: 1; + width: 14px; } -.format-label[data-format=xls], -.format-label[data-format*=xls] { - width: 32px; - height: 35px; - background-position: -160px -62px; +.btn [class^="icon-"], +.nav [class^="icon-"], +.module-heading [class^="icon-"], +.dropdown [class^="icon-"], +.btn [class*=" icon-"], +.nav [class*=" icon-"], +.module-heading [class*=" icon-"], +.dropdown [class*=" icon-"] { + margin-right: 4px; } -.format-label[data-format=csv], -.format-label[data-format*=csv] { - width: 32px; - height: 35px; - background-position: -192px -62px; +.info-block [class^="icon-"], +.info-block [class*=" icon-"] { + float: left; + font-size: 28px; + width: 28px; + margin-right: 5px; + margin-top: 2px; } -.format-label[data-format=txt], -.format-label[data-format*=txt] { - width: 32px; - height: 35px; - background-position: -224px -62px; +.breadcrumb .home .icon-home { + font-size: 24px; + width: 24px; + vertical-align: -1px; } -.format-label[data-format=xml], -.format-label[data-format*=xml] { - width: 32px; - height: 35px; - background-position: -256px -62px; +.info-block-small [class^="icon-"], +.info-block-small [class*=" icon-"] { + font-size: 14px; + width: 14px; + margin-top: 1px; } -.format-label[data-format=json], -.format-label[data-format*=json] { - width: 32px; - height: 35px; - background-position: -288px -62px; +.wrapper { + *zoom: 1; + background-color: #FFF; + border: 1px solid #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + position: relative; + background: #ffffff url("../../../base/images/nav.png") 0 0 repeat-y; + margin-bottom: 20px; } -.format-label[data-format=html], -.format-label[data-format*=html] { - width: 32px; - height: 35px; - background-position: -320px -62px; +.wrapper:before, +.wrapper:after { + display: table; + content: ""; + line-height: 0; } -li [class^="icon-"], -li [class*=" icon-"] { - width: auto; +.wrapper:after { + clear: both; } -li .icon-large:before, -li .icon-large:before { - width: auto; +.wrapper.no-nav { + background-image: none; } [role=main], .main { position: relative; - padding-top: 27px; - padding-bottom: 27px; - background-color: #efefef; + padding-top: 10px; + padding-bottom: 20px; + background: #eeeeee url("../../../base/images/bg.png"); } [role=main] { min-height: 350px; } .main:after, -.main:before, -[role=main]:after, -[role=main]:before { - content: ""; - position: absolute; - left: 0; - right: 0; - height: 7px; - background: #ffffff; - border-color: #c9c9c9; - border-style: solid; - border-width: 0; -} -.main:before, -[role=main]:before { - top: 0; - border-bottom-width: 1px; -} -.main:after, [role=main]:after { bottom: 0; border-top-width: 1px; } [role=main] .primary { - float: left; - margin-left: 20px; - width: 700px; + width: 717px; float: right; } [role=main] .secondary { - float: left; margin-left: 20px; width: 220px; margin-left: 0; float: left; } -.primary > :last-child, -.secondary > :last-child { - margin-bottom: 0; +.primary > :last-child, +.secondary > :last-child { + margin-bottom: 0; +} +.primary .primary { + float: left; + width: 467px; + margin-left: 0; + margin-bottom: 20px; +} +.primary .primary h1:first-child, +.primary .primary h2:first-child, +.primary .primary h3:first-child, +.primary .primary h4:first-child { + margin-top: 0; +} +.primary .tertiary { + float: left; + width: 180px; + margin-left: 20px; + margin-bottom: 20px; +} +.hero { + background: url("../../../base/images/background-tile.png"); +} +.hero:after { + background-color: rgba(0, 0, 0, 0.09); + background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-repeat: repeat-x; + background-color: #f6f6f6; + border-bottom: 1px solid #d0d0d0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); + -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); + box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); +} +.hero:after .back:hover { + text-decoration: none; +} +.hero:after .back:hover span { + text-decoration: underline; +} +.context-info .module-content { + padding: 15px; +} +.context-info .image { + margin-bottom: 10px; +} +.context-info .image img, +.context-info .image a { + display: block; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.context-info p { + overflow: auto; +} +.context-info code { + display: block; + font-weight: normal; + padding: 0; + margin: 0; + overflow: auto; +} +.context-info h1.heading { + margin: 0 0 5px 0; + font-size: 18px; + line-height: 1.3; +} +.context-info .info { + margin-top: 15px; + padding-top: 10px; + border-top: 1px dotted #DDD; +} +.context-info .info dl dd { + margin-top: 3px; + margin-left: 0; +} +.context-info .nums { + *zoom: 1; + margin-top: 15px; + padding-top: 10px; + padding-bottom: 0; + border-top: 1px dotted #DDD; +} +.context-info .nums:before, +.context-info .nums:after { + display: table; + content: ""; + line-height: 0; +} +.context-info .nums:after { + clear: both; +} +.context-info .nums dl { + float: left; + width: 50%; + margin: 5px 0 0 0; + color: #444444; +} +.context-info .nums dl dt { + display: block; + font-size: 13px; + font-weight: 300; +} +.context-info .nums dl dd { + display: block; + font-size: 30px; + font-weight: 700; + line-height: 36px; + margin-left: 0; +} +.context-info .nums dl dd .smallest { + font-size: 13px; +} +.context-info .nums dl dd .smaller { + font-size: 16px; +} +.context-info .nums dl dd .small { + font-size: 21px; } -.hero { - background: url("../../../base/images/background-tile.png"); +.context-info .follow_button { + margin-top: 15px; } -.hero:after { - background-color: rgba(0, 0, 0, 0.09); - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0))); - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-repeat: repeat-x; - background-color: transparent; - top: 7px; - bottom: auto; - height: 5px; +.context-info.editing .module-content { + margin-top: 0; } .hero { - padding-bottom: 0; + background: url("../../../base/images/background-tile.png"); + padding: 20px 0; min-height: 0; } .hero > .container { position: relative; padding-bottom: 0; } -.hero-primary, -.hero-secondary { - float: left; - margin-left: 20px; - width: 460px; -} -.hero-primary { - margin-left: 0; -} -.hero-primary { - margin-left: 0; - margin-bottom: 0; -} -.hero-secondary { - position: absolute; - bottom: 0; - right: 0; -} -.hero-secondary-inner { - bottom: 0; - left: 0; - right: 0; -} -.hero .module-popup { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - margin-top: 50px; +.hero .search-giant { + margin-bottom: 10px; } -.hero .module-popup .module-content { - padding-bottom: 2px; +.hero .search-giant input { + border-color: #003f52; } .hero .page-heading { font-size: 18px; @@ -6734,290 +7984,339 @@ li .icon-large:before { } .hero .module-dark { padding: 5px; - margin-bottom: 10px; + margin-bottom: 0; color: #ffffff; background: #ffffff; } .hero .module-dark .module-content { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; background-color: #810606; + border-bottom: none; } .hero .module-dark .module-content .heading { + margin-top: 0; margin-bottom: 7px; + font-size: 24px; + line-height: 40px; } .hero .tags { - margin-bottom: 9px; -} -.hero .tags .tag, -.hero .tags .tag-list { - display: inline-block; -} -.hero .tags .tag-list { - padding: 0; -} -.hero .tags .tag { - margin-right: 15px; -} -header.masthead { *zoom: 1; - color: #ffffff; - padding: 5px 10px 3px; - height: 55px; - background-color: #910707; - background-image: -moz-linear-gradient(top, #810606, #a80808); - background-image: -ms-linear-gradient(top, #810606, #a80808); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#810606), to(#a80808)); - background-image: -webkit-linear-gradient(top, #810606, #a80808); - background-image: -o-linear-gradient(top, #810606, #a80808); - background-image: linear-gradient(top, #810606, #a80808); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#810606', endColorstr='#a80808', GradientType=0); + padding: 5px 10px 10px 10px; + background-color: #500404; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } -header.masthead:before, -header.masthead:after { +.hero .tags:before, +.hero .tags:after { display: table; content: ""; + line-height: 0; } -header.masthead:after { +.hero .tags:after { clear: both; } -header.masthead .container { - position: relative; +.hero .tags h3, +.hero .tags .tag { + display: block; + float: left; + margin: 5px 10px 0 0; } -header.masthead a { - color: #ffffff; +.hero .tags h3 { + font-size: 14px; + line-height: 20px; + padding: 2px 8px; } -header.masthead hgroup h1, -header.masthead hgroup h2 { +.hero-primary, +.hero-secondary { float: left; - font-size: 34px; - line-height: 1.5; -} -header.masthead hgroup h1 { - font-weight: 900; - letter-spacing: -1px; + margin-left: 20px; + width: 460px; } -header.masthead hgroup h2 { - position: absolute; - bottom: -3px; - left: 0; - margin: 0; - font-size: 15px; - font-weight: normal; - line-height: 1.2; - white-space: nowrap; +.hero-primary { + margin-left: 0; + margin-bottom: 0; } -header.masthead .content { +.hero-secondary { position: absolute; - top: 10px; + bottom: 0; right: 0; } -header.masthead .section { - float: left; +.hero-secondary .hero-secondary-inner { + bottom: 0; + left: 0; + right: 0; } -header.masthead .navigation { - margin-right: 20px; +.main.homepage { + padding-top: 20px; + padding-bottom: 20px; + border-top: 1px solid #cccccc; } -header.masthead .navigation ul.unstyled { - *zoom: 1; - margin: 5px 0; +.main.homepage .module-heading .media-image { + margin-right: 15px; + max-height: 53px; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); + -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); } -header.masthead .navigation ul.unstyled:before, -header.masthead .navigation ul.unstyled:after { - display: table; - content: ""; +.main.homepage .group-listing .box { + min-height: 275px; } -header.masthead .navigation ul.unstyled:after { - clear: both; +.main.homepage .group-list { + margin-bottom: 0; } -header.masthead .navigation ul.unstyled li { - display: block; - float: left; +.main.homepage .group-list .dataset-content { + min-height: 70px; } -header.masthead .navigation ul.unstyled li a { - display: block; - font-size: 12px; - font-weight: bold; - padding: 4px 10px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; +.main.homepage .box .module { + margin-top: 0; } -header.masthead .navigation ul.unstyled li a.active { - background-color: #871212; - box-shadow: 0 -1px 0 #5a0c0c, 0 1px 0 #942b2b; +.account-masthead { + *zoom: 1; + min-height: 30px; + color: #ffffff; + background: #500404 url("../../../base/images/bg.png"); } -header.masthead .site-search { - margin: 3px 0; +.account-masthead:before, +.account-masthead:after { + display: table; + content: ""; + line-height: 0; } -header.masthead .site-search input { - width: 190px; - font-size: 11px; - padding: 4px; +.account-masthead:after { + clear: both; } -header.masthead .account { - background: #900707; - padding: 3px 5px; - margin: 2px 0 2px 30px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: inset 0 2px 4px #770606; - -moz-box-shadow: inset 0 2px 4px #770606; - box-shadow: inset 0 2px 4px #770606; +.account-masthead .account { + float: right; } -header.masthead .account ul.unstyled { +.account-masthead .account ul { *zoom: 1; } -header.masthead .account ul.unstyled:before, -header.masthead .account ul.unstyled:after { +.account-masthead .account ul:before, +.account-masthead .account ul:after { display: table; content: ""; + line-height: 0; } -header.masthead .account ul.unstyled:after { +.account-masthead .account ul:after { clear: both; } -header.masthead .account ul.unstyled li { +.account-masthead .account ul li { display: block; float: left; + border-left: 1px solid #380303; } -header.masthead .account ul.unstyled li a { +.account-masthead .account ul li a { display: block; - font-size: 12px; + color: #e0c1c1; + font-size: 13px; font-weight: bold; - padding: 4px 10px; + padding: 0 10px; + line-height: 31px; +} +.account-masthead .account ul li a span.username { + margin: 0 2px 0 4px; +} +.account-masthead .account ul li a:hover { + color: #ecdada; + background-color: #380303; + text-decoration: none; } -header.masthead .account ul.unstyled li a.sub { +.account-masthead .account ul li a.sub { font-weight: 300; - border-left: 1px solid #770606; } -header.masthead .account .dropdown { - float: left; +.account-masthead .account ul li a .btn { + vertical-align: 1px; + margin-left: 3px; } -header.masthead .account .button { - display: block; - text-decoration: none; - background-color: #810606; - color: #c08383; - text-shadow: 0 1px 1px #500404; +.account-masthead .account .notifications a span { + font-size: 12px; + margin-left: 3px; + padding: 1px 6px; + background-color: #380303; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: inset 0 1px 0 #990707; - -moz-box-shadow: inset 0 1px 0 #990707; - box-shadow: inset 0 1px 0 #990707; } -header.masthead .account .image { - margin: 2px 0; - padding: 0 4px 0 0; - overflow: hidden; - font-size: 10px; +.account-masthead .account .notifications a:hover span { + color: #ffffff; + background-color: #200101; +} +.account-masthead .account .notifications.notifications-important a span { + color: #ffffff; + background-color: #c9403a; +} +.account-masthead .account.authed .image { + padding: 0 6px; +} +.account-masthead .account.authed .image img { + vertical-align: -6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -header.masthead .account .image i { - vertical-align: -1px; +.masthead { + *zoom: 1; + min-height: 55px; + color: #ffffff; + background: #810606 url("../../../base/images/bg.png"); } -header.masthead .account .image img { - opacity: 0.7; - border-right: 1px solid #a80808; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; +.masthead:before, +.masthead:after { + display: table; + content: ""; + line-height: 0; +} +.masthead:after { + clear: both; } -header.masthead .account .notifications { - padding: 4px 8px 3px 8px; - margin: 2px 5px 2px 0; +.masthead .container { + position: relative; } -header.masthead .account .notifications.notifications-important { +.masthead a { color: #ffffff; - background-color: #c9403a; - text-shadow: 0 1px 1px #a3322d; - -webkit-box-shadow: inset 0 1px 0 #ce534e; - -moz-box-shadow: inset 0 1px 0 #ce534e; - box-shadow: inset 0 1px 0 #ce534e; } -header.masthead .account .dropdown.open .image img, -header.masthead .account .dropdown .image:hover img { - opacity: 1; - border-right-color: #d90a0a; +.masthead hgroup h1, +.masthead hgroup h2 { + float: left; + font-size: 30px; + line-height: 1.5; } -header.masthead .account .dropdown.open .button, -header.masthead .account .dropdown .button:hover { - color: #ffffff; - background-color: #b36a6a; - -webkit-box-shadow: inset 0 1px 0 #c08383; - -moz-box-shadow: inset 0 1px 0 #c08383; - box-shadow: inset 0 1px 0 #c08383; - text-decoration: none; +.masthead hgroup h1 { + font-weight: 900; + letter-spacing: -1px; + margin: 3px 0; +} +.masthead hgroup h2 { + position: absolute; + bottom: -3px; + left: 0; + margin: 0; + font-size: 15px; + font-weight: normal; + line-height: 1.2; + white-space: nowrap; +} +.masthead .content { + position: absolute; + top: 10px; + right: 0; } -header.masthead .account .dropdown.open .notifications-important, -header.masthead .account .dropdown .notifications-important:hover { - background-color: #d46762; - text-shadow: 0 1px 1px #c9403a; - -webkit-box-shadow: inset 0 1px 0 #d97a76; - -moz-box-shadow: inset 0 1px 0 #d97a76; - box-shadow: inset 0 1px 0 #d97a76; +.masthead .section { + float: left; } -header.masthead .account.authed { - margin: 0 0 0 30px; +.masthead input[type="text"] { + border-color: #690505; } -header.masthead .account.not-authed { - padding-top: 2px; - padding-bottom: 2px; +.masthead .navigation { + margin-right: 20px; } -header.masthead .dropdown-menu { - margin-top: -1px; +.masthead .navigation .nav-pills { + margin-bottom: 0; } -header.masthead .user-dropdown-menu a { - color: #810606; +.masthead .navigation .nav-pills li a:hover, +.masthead .navigation .nav-pills li.active a { + background-color: #500404; } -header.masthead .user-dropdown-menu a:hover { - color: #ffffff; +.masthead .site-search { + margin: 2px 8px 2px 0; +} +.masthead .site-search input { + width: 200px; + padding: 4px 10px; } -header.masthead .debug { +.masthead .debug { position: absolute; - bottom: 10px; + top: 37px; left: 10px; - font-size: 11px; color: rgba(255, 255, 255, 0.5); - line-height: 1.2; } .site-footer { *zoom: 1; + min-height: 55px; color: #ffffff; - padding: 5px 10px 3px; - height: 55px; - background-color: #910707; - background-image: -moz-linear-gradient(top, #810606, #a80808); - background-image: -ms-linear-gradient(top, #810606, #a80808); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#810606), to(#a80808)); - background-image: -webkit-linear-gradient(top, #810606, #a80808); - background-image: -o-linear-gradient(top, #810606, #a80808); - background-image: linear-gradient(top, #810606, #a80808); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#810606', endColorstr='#a80808', GradientType=0); - font-size: 12px; + background: #810606 url("../../../base/images/bg.png"); padding: 20px 0; } .site-footer:before, .site-footer:after { display: table; content: ""; + line-height: 0; } .site-footer:after { clear: both; } +.site-footer .container { + position: relative; +} +.site-footer a { + color: #ffffff; +} +.site-footer hgroup h1, +.site-footer hgroup h2 { + float: left; + font-size: 30px; + line-height: 1.5; +} +.site-footer hgroup h1 { + font-weight: 900; + letter-spacing: -1px; + margin: 3px 0; +} +.site-footer hgroup h2 { + position: absolute; + bottom: -3px; + left: 0; + margin: 0; + font-size: 15px; + font-weight: normal; + line-height: 1.2; + white-space: nowrap; +} +.site-footer .content { + position: absolute; + top: 10px; + right: 0; +} +.site-footer .section { + float: left; +} +.site-footer input[type="text"] { + border-color: #690505; +} +.site-footer .navigation { + margin-right: 20px; +} +.site-footer .navigation .nav-pills { + margin-bottom: 0; +} +.site-footer .navigation .nav-pills li a:hover, +.site-footer .navigation .nav-pills li.active a { + background-color: #500404; +} +.site-footer .site-search { + margin: 2px 8px 2px 0; +} +.site-footer .site-search input { + width: 200px; + padding: 4px 10px; +} +.site-footer .debug { + position: absolute; + top: 37px; + left: 10px; + color: rgba(255, 255, 255, 0.5); +} .site-footer, .site-footer label, .site-footer small { - color: #ccdee3; + color: #cd9b9b; } .site-footer a { - color: #ccdee3; + color: #cd9b9b; } .footer-links, .attribution { @@ -7028,19 +8327,24 @@ header.masthead .debug { .footer-links { margin-left: 0; } -.footer-links li { - display: inline-block; - width: 40%; - margin-right: 5%; +.footer-links ul { + float: left; + margin-left: 20px; + width: 220px; +} +.footer-links ul:first-child { + margin-left: 0; +} +.footer-links ul li { margin-bottom: 5px; } .attribution small { - color: #ccdee3; + color: #cd9b9b; font-size: 12px; } .attribution .ckan-footer-logo { display: block; - width: 65px; + width: 68px; height: 21px; margin-top: 2px; background: url("../../../base/images/ckan-logo-footer.png") no-repeat top left; @@ -7053,6 +8357,7 @@ header.masthead .debug { .lang-select:after { display: table; content: ""; + line-height: 0; } .lang-select:after { clear: both; @@ -7069,153 +8374,66 @@ header.masthead .debug { .lang-dropdown li { width: auto; } -.lang-dropdown .select2-result-label[data-value]:before { - content: ""; - display: inline-block; - background-image: url("../../../base/images/flags.png"); - background-repeat: no-repeat; - background-position: 0 11px; - width: 17px; - height: 11px; - position: relative; - top: 1px; -} -.lang-dropdown .select2-result-label[data-value*="/en/"]:before { - background-position: 0 0; -} -.lang-dropdown .select2-result-label[data-value*="/de/"]:before { - background-position: 0 -11px; -} -.lang-dropdown .select2-result-label[data-value*="/fr/"]:before { - background-position: 0 -22px; -} -.lang-dropdown .select2-result-label[data-value*="/it/"]:before { - background-position: 0 -33px; -} -.lang-dropdown .select2-result-label[data-value*="/es/"]:before { - background-position: 0 -44px; -} -.lang-dropdown .select2-result-label[data-value*="/pl/"]:before { - background-position: 0 -55px; +.table-selected td { + background-color: #f5f5f5; } -.lang-dropdown .select2-result-label[data-value*="/ru/"]:before { - background-position: 0 -66px; +.table-selected td .edit { + display: block; } -.lang-dropdown .select2-result-label[data-value*="/nl/"]:before { - background-position: 0 -77px; +.table-bulk-edit th input { + top: -5px; } -.lang-dropdown .select2-result-label[data-value*="/sv/"]:before { - background-position: 0 -88px; +.table-bulk-edit .table-actions .btn-group { + float: left; + margin: 0 10px 0 0; } -.lang-dropdown .select2-result-label[data-value*="/no/"]:before { - background-position: 0 -99px; +.table-bulk-edit .context p { + margin-bottom: 0; } -.lang-dropdown .select2-result-label[data-value*="/cs/"]:before, -.lang-dropdown .select2-result-label[data-value*="/cs_CZ/"]:before { - background-position: 0 -110px; +.table-header thead th { + background-color: #f6f6f6; } -.lang-dropdown .select2-result-label[data-value*="/hu/"]:before { - background-position: 0 -121px; +.table-edit-hover .edit { + display: none; + float: right; } -.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { - background-position: 0 -132px; +.table-edit-hover tr:hover .edit { + display: block; } -.lang-dropdown .select2-result-label[data-value*="/fi/"]:before { - background-position: 0 -143px; +.js .table-toggle-more .toggle-more { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/bg/"]:before { - background-position: 0 -154px; +.js .table-toggle-more .show-more { + display: inline; } -.lang-dropdown .select2-result-label[data-value*="/ca/"]:before { - background-position: 0 -165px; +.js .table-toggle-more .show-less { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/sq/"]:before { - background-position: 0 -176px; +.js .table-toggle-more .toggle-seperator { + display: table-row; } -.lang-dropdown .select2-result-label[data-value*="/sr/"]:before, -.lang-dropdown .select2-result-label[data-value*="/sr_Latn/"]:before { - background-position: 0 -187px; +.js .table-toggle-more .toggle-seperator td { + height: 11px; + padding: 0; + background-image: url("../../../base/images/table-seperator.png"); } -.lang-dropdown .select2-result-label[data-value*="/zh_TW/"]:before { - background-position: 0 -198px; +.js .table .toggle-show td { + background: none; + text-align: center; } -.lang-dropdown .select2-result-label[data-value*="/lv/"]:before { - background-position: 0 -209px; +.js .table-toggle-less .show-less { + display: inline; } -.lang-dropdown .select2-result-label[data-value*="/sk/"]:before { - background-position: 0 -220px; +.js .table-toggle-less .show-more { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { - background-position: 0 -132px; +.js .table-toggle-less .toggle-seperator { + display: none; } .profile .empty, .profile .dataset-list { margin-bottom: 20px; } -.profile-info .module-content { - padding: 15px; -} -.profile-info .avatar { - border: 1px solid #DDD; - padding: 5px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; -} -.profile-info .avatar img, -.profile-info .avatar a { - display: block; -} -.profile-info code { - font-weight: normal; - padding: 0; - margin: 0; -} -.profile-info h1.heading { - margin: 10px 0 5px 0; - font-size: 21px; -} -.profile-info .info { - margin-top: 15px; - padding-top: 10px; - border-top: 1px dotted #DDD; -} -.profile-info .info dl dd { - margin-top: 3px; - margin-left: 0; -} -.profile-info .nums { - *zoom: 1; - margin-top: 15px; - padding-top: 10px; - padding-bottom: 0; - border-top: 1px dotted #DDD; -} -.profile-info .nums:before, -.profile-info .nums:after { - display: table; - content: ""; -} -.profile-info .nums:after { - clear: both; -} -.profile-info .nums dl { - float: left; - width: 33%; - margin: 5px 0 0 0; - color: #4d4d4d; -} -.profile-info .nums dl dt { - display: block; - font-weight: 300; -} -.profile-info .nums dl dd { - display: block; - font-size: 30px; - font-weight: 700; - line-height: 1.2; - margin-left: 0; -} .activity { margin: 10px 0; padding: 0; @@ -7232,13 +8450,16 @@ header.masthead .debug { .activity .item:after { display: table; content: ""; + line-height: 0; } .activity .item:after { clear: both; } -.activity .item i { +.activity .item .icon { display: block; - float: left; + position: absolute; + top: 0; + left: 0; width: 30px; height: 30px; line-height: 30px; @@ -7246,7 +8467,6 @@ header.masthead .debug { color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-weight: normal; - font-size: 16px; margin-right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; @@ -7261,20 +8481,19 @@ header.masthead .debug { border-radius: 100px; } .activity .item .actor .gravatar { - float: left; - margin-top: -5px; - margin-right: 10px; + position: absolute; + top: 0; + left: 40px; } .activity .item p { font-size: 14px; line-height: 1.5; - margin: 5px 0 0 0; + margin: 5px 0 0 80px; } .activity .item .date { color: #999; font-size: 12px; white-space: nowrap; - margin-left: 5px; } .activity .item .new { display: block; @@ -7294,106 +8513,278 @@ header.masthead .debug { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } -.popover .about { - margin-bottom: 10px; +.activity .load-less { + margin-bottom: 15px; +} +.popover { + width: 300px; +} +.popover .popover-title { + font-weight: bold; + margin-bottom: 0; +} +.popover p.about { + margin: 0 0 10px 0; } .popover .popover-close { float: right; text-decoration: none; } -.activity .item i { - background-color: #767dce; +.activity .item .icon { + background-color: #999999; } -.activity .item.added-tag i { +.activity .item.added-tag .icon { background-color: #6995a6; } -.activity .item.changed-group i { +.activity .item.changed-group .icon { background-color: #767dce; } -.activity .item.changed-package i { +.activity .item.changed-package .icon { background-color: #8c76ce; } -.activity .item.changed-package_extra i { +.activity .item.changed-package_extra .icon { background-color: #769ace; } -.activity .item.changed-resource i { +.activity .item.changed-resource .icon { background-color: #aa76ce; } -.activity .item.changed-user i { +.activity .item.changed-user .icon { background-color: #76b8ce; } -.activity .item.deleted-group i { +.activity .item.changed-organization .icon { + background-color: #699fa6; +} +.activity .item.deleted-group .icon { background-color: #b95252; } -.activity .item.deleted-package i { +.activity .item.deleted-package .icon { background-color: #b97452; } -.activity .item.deleted-package_extra i { +.activity .item.deleted-package_extra .icon { background-color: #b95274; } -.activity .item.deleted-resource i { +.activity .item.deleted-resource .icon { background-color: #b99752; } -.activity .item.new-group i { +.activity .item.deleted-organization .icon { + background-color: #b95297; +} +.activity .item.new-group .icon { background-color: #69a67a; } -.activity .item.new-package i { +.activity .item.new-package .icon { background-color: #69a68e; } -.activity .item.new-package_extra i { +.activity .item.new-package_extra .icon { background-color: #6ca669; } -.activity .item.new-resource i { +.activity .item.new-resource .icon { background-color: #81a669; } -.activity .item.new-user i { +.activity .item.new-user .icon { background-color: #69a6a3; } -.activity .item.removed-tag i { +.activity .item.new-organization .icon { + background-color: #81a669; +} +.activity .item.removed-tag .icon { background-color: #b95297; } -.activity .item.deleted-related-item i { +.activity .item.deleted-related-item .icon { background-color: #b9b952; } -.activity .item.follow-dataset i { +.activity .item.follow-dataset .icon { background-color: #767dce; } -.activity .item.follow-user i { +.activity .item.follow-user .icon { background-color: #8c76ce; } -.activity .item.new-related-item i { +.activity .item.new-related-item .icon { background-color: #95a669; } -.activity .item.follow-group i { +.activity .item.follow-group .icon { background-color: #8ba669; } -.popover-context-loading .popover-title { +.dropdown:hover .dropdown-menu { + display: block; +} +.js .dropdown .dropdown-menu, +.js .dropdown:hover .dropdown-menu { + display: none; +} +.js .dropdown.open .dropdown-menu { + display: block; +} +#followee-filter .btn { + *zoom: 1; +} +#followee-filter .btn:before, +#followee-filter .btn:after { + display: table; + content: ""; + line-height: 0; +} +#followee-filter .btn:after { + clear: both; +} +#followee-filter .btn span, +#followee-filter .btn strong { + display: block; + float: left; + line-height: 1.5; +} +#followee-filter .btn span { + font-weight: normal; +} +#followee-filter .btn strong { + margin: 0 5px; + white-space: nowrap; + max-width: 90px; + overflow: hidden; + text-overflow: ellipsis; +} +.dashboard-context { + position: relative; + margin-bottom: 20px; + padding: 20px; + border-bottom: 1px solid #DCDCDC; + background-color: #f6f6f6; + -webkit-border-radius: 3px 0 0 0; + -moz-border-radius: 3px 0 0 0; + border-radius: 3px 0 0 0; +} +.dashboard-context h2 { + margin-bottom: 10px; +} +.dashboard-context .arrow { + position: absolute; + content: ' '; + top: 30px; + right: -10px; + width: 10px; + height: 21px; + background: transparent url("../../../base/images/dashboard-followee-related.png"); +} +.popover-followee .popover-title { display: none; } -.popover-context-loading .popover-content { +.popover-followee .popover-content { + padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } -.popover-context-loading .popover-content img { - vertical-align: -3px; - margin-right: 10px; +.popover-followee .empty { + padding: 10px; } -.follower-list li { - margin: 0 0 15px 0; +.popover-followee .popover-header { + *zoom: 1; + background-color: whiteSmoke; + padding: 5px; + border-bottom: 1px solid #cccccc; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.follower-list .gravatar { - vertical-align: -4px; - margin-right: 3px; +.popover-followee .popover-header:before, +.popover-followee .popover-header:after { + display: table; + content: ""; + line-height: 0; +} +.popover-followee .popover-header:after { + clear: both; +} +.popover-followee .popover-header .input-prepend { + margin-bottom: 0; +} +.popover-followee .popover-header .add-on, +.popover-followee .popover-header input { + float: left; + margin: 0; +} +.popover-followee .popover-header .add-on { + padding: 4px 8px 4px 12px; + border-right-width: 0; + -webkit-border-radius: 100px 0 0 100px; + -moz-border-radius: 100px 0 0 100px; + border-radius: 100px 0 0 100px; +} +.popover-followee .popover-header input { + padding: 4px 12px 4px 8px; + font-size: 13px; + width: 207px; + -webkit-border-radius: 0 100px 100px 0; + -moz-border-radius: 0 100px 100px 0; + border-radius: 0 100px 100px 0; +} +.popover-followee .nav { + padding: 0; + margin: 0; + max-height: 205px; + overflow: auto; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.popover-followee .nav li a { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 7px 10px 7px 15px; + margin: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.popover-followee .nav li a i { + background-color: #810606; + color: #ffffff; + margin-right: 11px; + padding: 3px 5px; + line-height: 1; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; + -webkit-box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); } -.module-my-datasets .empty { - padding: 10px; +.popover-followee .nav li a:hover i { + background-color: #000; +} +.popover-followee .nav li.active a i { + color: #810606; + background-color: #ffffff; +} +.dashboard-me { + *zoom: 1; + padding: 15px 15px 0 15px; +} +.dashboard-me:before, +.dashboard-me:after { + display: table; + content: ""; + line-height: 0; +} +.dashboard-me:after { + clear: both; +} +.dashboard-me img { + float: left; + margin-right: 10px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; +} +.dashboard-me strong { + display: block; + font-size: 16px; + margin: 3px 0; } body { - background-color: #a80808; + background: #810606 url("../../../base/images/bg.png"); } [hidden] { display: none; @@ -7412,11 +8803,10 @@ table .metric { width: 140px; } code { - padding: 2px 2px; color: #000000; - font-weight: bold; border: none; background: none; + white-space: normal; } pre { border: none; @@ -7446,10 +8836,11 @@ iframe { text-indent: -999em; } .empty { - color: #aeaeae; + color: #aaaaaa; font-style: italic; } .page-heading { + margin-top: 0; margin-bottom: 16px; } .m-top { @@ -7492,10 +8883,6 @@ iframe { position: relative; top: -20px; } -.ie .module, -.ie .media-image { - border: 1px solid #cccccc; -} .ie .module-popup { border-bottom: none; } @@ -7519,24 +8906,19 @@ iframe { .ie9 .control-large input { height: 56px; } -.ie9 .module { - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); +.ie8 .account-masthead a.image, +.ie8 .account-masthead .username { + white-space: nowrap; } -.ie7 .masthead nav ul li a.active, -.ie8 .masthead nav ul li a.active { - position: relative; - top: -1px; - background-color: #8b0606; - border-top: 1px solid #720505; - border-bottom: 1px solid #990707; +.ie9 .homepage .media.module-heading .media-image img, +.ie8 .homepage .media.module-heading .media-image img, +.ie7 .homepage .media.module-heading .media-image img { + width: 85px !important; } -.ie8 .masthead .account a.image { - display: block; - width: 25px; - padding-right: 10px; - white-space: nowrap; +.ie8 .hero .hero-primary.module-popup .box, +.ie7 .hero .hero-primary.module-popup .box { + padding-bottom: 20px !important; + margin-bottom: 0 !important; } .ie7 .alert { position: relative; @@ -7556,6 +8938,7 @@ iframe { .ie7 .tags .tag-list:after { display: table; content: ""; + line-height: 0; } .ie7 .tags .tag-list:after { clear: both; @@ -7569,8 +8952,6 @@ iframe { } .ie7 .tags .tag { display: block; - border: 1px solid #d0d0d0; - background: #f5f5f5; } .ie7 .search-giant input { width: 95%; @@ -7621,6 +9002,9 @@ iframe { .ie7 .stages li .highlight { width: auto; } +.ie7 .account-masthead .account a i { + line-height: 31px; +} .ie7 .masthead { position: relative; z-index: 1; @@ -7632,39 +9016,12 @@ iframe { *zoom: 1; } -.ie7 .masthead nav ul { - margin-top: 5px; -} -.ie7 .masthead nav ul li { - float: left; -} -.ie7 .masthead nav ul li a.active { - position: relative; - top: -1px; - background-color: #8b0606; - border-top: 1px solid #720505; - border-bottom: 1px solid #990707; -} .ie7 .masthead .header-image { display: block; } .ie7 .masthead .account .dropdown-menu { z-index: 10000; } -.ie7 .footer-links { - *zoom: 1; -} -.ie7 .footer-links:before, -.ie7 .footer-links:after { - display: table; - content: ""; -} -.ie7 .footer-links:after { - clear: both; -} -.ie7 .footer-links li { - float: left; -} .ie7 .module-narrow .nav-item.image { *zoom: 1; } @@ -7672,6 +9029,7 @@ iframe { .ie7 .module-narrow .nav-item.image:after { display: table; content: ""; + line-height: 0; } .ie7 .module-narrow .nav-item.image:after { clear: both; @@ -7689,11 +9047,13 @@ iframe { } .ie7 .module-heading { *zoom: 1; + position: relative; } .ie7 .module-heading:before, .ie7 .module-heading:after { display: table; content: ""; + line-height: 0; } .ie7 .module-heading:after { clear: both; @@ -7713,3 +9073,22 @@ iframe { position: relative; zoom: 1; } +.ie7 .resource-item { + position: static; + padding-bottom: 1px; +} +.ie7 .resource-item .heading { + position: relative; +} +.ie7 .resource-item .format-label { + left: -48px; +} +.ie7 .resource-item .btn-group { + position: relative; + float: right; + top: -35px; + right: 0; +} +.ie7 .media-overlay .media-heading { + background-color: #000; +} diff --git a/ckan/public/base/css/red.css b/ckan/public/base/css/red.css index c9d4b17974b..26f22422970 100644 --- a/ckan/public/base/css/red.css +++ b/ckan/public/base/css/red.css @@ -48,11 +48,25 @@ sub { bottom: -0.25em; } img { + /* Responsive images (ensure images don't scale beyond their parents) */ + max-width: 100%; + /* Part 1: Set a maxium relative to the parent */ + + width: auto\9; + /* IE7-8 need help adjusting responsive images */ + + height: auto; + /* Part 2: Scale the height according to the width, otherwise you get stretching */ + vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } +#map_canvas img, +.google-maps img { + max-width: none; +} button, input, select, @@ -72,11 +86,21 @@ input::-moz-focus-inner { border: 0; } button, -input[type="button"], +html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; -webkit-appearance: button; + cursor: pointer; +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; @@ -92,6 +116,57 @@ textarea { overflow: auto; vertical-align: top; } +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} .clearfix { *zoom: 1; } @@ -99,6 +174,7 @@ textarea { .clearfix:after { display: table; content: ""; + line-height: 0; } .clearfix:after { clear: both; @@ -113,28 +189,47 @@ textarea { .input-block-level { display: block; width: 100%; - min-height: 28px; + min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; - color: #4d4d4d; - background-color: #efefef; + font-size: 14px; + line-height: 20px; + color: #444444; + background-color: #eeeeee; } a { - color: #b50909; + color: #c14531; text-decoration: none; } -a:hover { - color: #6c0505; +a:hover, +a:focus { + color: #842f22; text-decoration: underline; } +.img-rounded { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.img-polaroid { + padding: 4px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} +.img-circle { + -webkit-border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; +} .row { margin-left: -20px; *zoom: 1; @@ -143,15 +238,18 @@ a:hover { .row:after { display: table; content: ""; + line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; + min-height: 1px; margin-left: 20px; } .container, +.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; @@ -236,6 +334,7 @@ a:hover { .row-fluid:after { display: table; content: ""; + line-height: 0; } .row-fluid:after { clear: both; @@ -243,65 +342,171 @@ a:hover { .row-fluid [class*="span"] { display: block; width: 100%; - min-height: 28px; + min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; float: left; - margin-left: 2.127659574%; - *margin-left: 2.0744680846382977%; + margin-left: 2.127659574468085%; + *margin-left: 2.074468085106383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574468085%; +} .row-fluid .span12 { - width: 99.99999998999999%; - *width: 99.94680850063828%; + width: 100%; + *width: 99.94680851063829%; } .row-fluid .span11 { - width: 91.489361693%; - *width: 91.4361702036383%; + width: 91.48936170212765%; + *width: 91.43617021276594%; } .row-fluid .span10 { - width: 82.97872339599999%; - *width: 82.92553190663828%; + width: 82.97872340425532%; + *width: 82.92553191489361%; } .row-fluid .span9 { - width: 74.468085099%; - *width: 74.4148936096383%; + width: 74.46808510638297%; + *width: 74.41489361702126%; } .row-fluid .span8 { - width: 65.95744680199999%; - *width: 65.90425531263828%; + width: 65.95744680851064%; + *width: 65.90425531914893%; } .row-fluid .span7 { - width: 57.446808505%; - *width: 57.3936170156383%; + width: 57.44680851063829%; + *width: 57.39361702127659%; } .row-fluid .span6 { - width: 48.93617020799999%; - *width: 48.88297871863829%; + width: 48.93617021276595%; + *width: 48.88297872340425%; } .row-fluid .span5 { - width: 40.425531911%; - *width: 40.3723404216383%; + width: 40.42553191489362%; + *width: 40.37234042553192%; } .row-fluid .span4 { - width: 31.914893614%; - *width: 31.8617021246383%; + width: 31.914893617021278%; + *width: 31.861702127659576%; } .row-fluid .span3 { - width: 23.404255317%; - *width: 23.3510638276383%; + width: 23.404255319148934%; + *width: 23.351063829787233%; } .row-fluid .span2 { - width: 14.89361702%; - *width: 14.8404255306383%; + width: 14.893617021276595%; + *width: 14.840425531914894%; } .row-fluid .span1 { - width: 6.382978723%; - *width: 6.329787233638298%; + width: 6.382978723404255%; + *width: 6.329787234042553%; +} +.row-fluid .offset12 { + margin-left: 104.25531914893617%; + *margin-left: 104.14893617021275%; +} +.row-fluid .offset12:first-child { + margin-left: 102.12765957446808%; + *margin-left: 102.02127659574467%; +} +.row-fluid .offset11 { + margin-left: 95.74468085106382%; + *margin-left: 95.6382978723404%; +} +.row-fluid .offset11:first-child { + margin-left: 93.61702127659574%; + *margin-left: 93.51063829787232%; +} +.row-fluid .offset10 { + margin-left: 87.23404255319149%; + *margin-left: 87.12765957446807%; +} +.row-fluid .offset10:first-child { + margin-left: 85.1063829787234%; + *margin-left: 84.99999999999999%; +} +.row-fluid .offset9 { + margin-left: 78.72340425531914%; + *margin-left: 78.61702127659572%; +} +.row-fluid .offset9:first-child { + margin-left: 76.59574468085106%; + *margin-left: 76.48936170212764%; +} +.row-fluid .offset8 { + margin-left: 70.2127659574468%; + *margin-left: 70.10638297872339%; +} +.row-fluid .offset8:first-child { + margin-left: 68.08510638297872%; + *margin-left: 67.9787234042553%; +} +.row-fluid .offset7 { + margin-left: 61.70212765957446%; + *margin-left: 61.59574468085106%; +} +.row-fluid .offset7:first-child { + margin-left: 59.574468085106375%; + *margin-left: 59.46808510638297%; +} +.row-fluid .offset6 { + margin-left: 53.191489361702125%; + *margin-left: 53.085106382978715%; +} +.row-fluid .offset6:first-child { + margin-left: 51.063829787234035%; + *margin-left: 50.95744680851063%; +} +.row-fluid .offset5 { + margin-left: 44.68085106382979%; + *margin-left: 44.57446808510638%; +} +.row-fluid .offset5:first-child { + margin-left: 42.5531914893617%; + *margin-left: 42.4468085106383%; +} +.row-fluid .offset4 { + margin-left: 36.170212765957444%; + *margin-left: 36.06382978723405%; +} +.row-fluid .offset4:first-child { + margin-left: 34.04255319148936%; + *margin-left: 33.93617021276596%; +} +.row-fluid .offset3 { + margin-left: 27.659574468085104%; + *margin-left: 27.5531914893617%; +} +.row-fluid .offset3:first-child { + margin-left: 25.53191489361702%; + *margin-left: 25.425531914893618%; +} +.row-fluid .offset2 { + margin-left: 19.148936170212764%; + *margin-left: 19.04255319148936%; +} +.row-fluid .offset2:first-child { + margin-left: 17.02127659574468%; + *margin-left: 16.914893617021278%; +} +.row-fluid .offset1 { + margin-left: 10.638297872340425%; + *margin-left: 10.53191489361702%; +} +.row-fluid .offset1:first-child { + margin-left: 8.51063829787234%; + *margin-left: 8.404255319148938%; +} +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; } .container { margin-right: auto; @@ -312,6 +517,7 @@ a:hover { .container:after { display: table; content: ""; + line-height: 0; } .container:after { clear: both; @@ -325,25 +531,75 @@ a:hover { .container-fluid:after { display: table; content: ""; + line-height: 0; } .container-fluid:after { clear: both; } p { - margin: 0 0 9px; - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; -} -p small { - font-size: 11px; - color: #999999; + margin: 0 0 10px; } .lead { - margin-bottom: 18px; - font-size: 20px; + margin-bottom: 20px; + font-size: 21px; font-weight: 200; - line-height: 27px; + line-height: 30px; +} +small { + font-size: 85%; +} +strong { + font-weight: bold; +} +em { + font-style: italic; +} +cite { + font-style: normal; +} +.muted { + color: #999999; +} +a.muted:hover, +a.muted:focus { + color: #808080; +} +.text-warning { + color: #c09853; +} +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; +} +.text-error { + color: #b55457; +} +a.text-error:hover, +a.text-error:focus { + color: #954143; +} +.text-info { + color: #3a87ad; +} +a.text-info:hover, +a.text-info:focus { + color: #2d6987; +} +.text-success { + color: #468847; +} +a.text-success:hover, +a.text-success:focus { + color: #356635; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; } h1, h2, @@ -351,9 +607,10 @@ h3, h4, h5, h6 { - margin: 0; + margin: 10px 0; font-family: inherit; font-weight: bold; + line-height: 20px; color: inherit; text-rendering: optimizelegibility; } @@ -364,60 +621,53 @@ h4 small, h5 small, h6 small { font-weight: normal; + line-height: 1; color: #999999; } -h1 { - font-size: 30px; - line-height: 36px; +h1, +h2, +h3 { + line-height: 40px; } -h1 small { - font-size: 18px; +h1 { + font-size: 38.5px; } h2 { - font-size: 24px; - line-height: 36px; -} -h2 small { - font-size: 18px; + font-size: 31.5px; } h3 { - font-size: 18px; - line-height: 27px; + font-size: 24.5px; } -h3 small { +h4 { + font-size: 17.5px; +} +h5 { font-size: 14px; } -h4, -h5, h6 { - line-height: 18px; + font-size: 11.9px; } -h4 { - font-size: 14px; +h1 small { + font-size: 24.5px; } -h4 small { - font-size: 12px; +h2 small { + font-size: 17.5px; } -h5 { - font-size: 12px; +h3 small { + font-size: 14px; } -h6 { - font-size: 11px; - color: #999999; - text-transform: uppercase; +h4 small { + font-size: 14px; } .page-header { - padding-bottom: 17px; - margin: 18px 0; + padding-bottom: 9px; + margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } -.page-header h1 { - line-height: 1; -} ul, ol { padding: 0; - margin: 0 0 9px 25px; + margin: 0 0 10px 25px; } ul ul, ul ol, @@ -425,37 +675,57 @@ ol ol, ol ul { margin-bottom: 0; } -ul { - list-style: disc; -} -ol { - list-style: decimal; -} li { - line-height: 18px; + line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } +ul.inline, +ol.inline { + margin-left: 0; + list-style: none; +} +ul.inline > li, +ol.inline > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + padding-left: 5px; + padding-right: 5px; +} dl { - margin-bottom: 18px; + margin-bottom: 20px; } dt, dd { - line-height: 18px; + line-height: 20px; } dt { font-weight: bold; - line-height: 17px; } dd { - margin-left: 9px; + margin-left: 10px; +} +.dl-horizontal { + *zoom: 1; +} +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: ""; + line-height: 0; +} +.dl-horizontal:after { + clear: both; } .dl-horizontal dt { float: left; - width: 120px; + width: 160px; clear: left; text-align: right; overflow: hidden; @@ -463,26 +733,18 @@ dd { white-space: nowrap; } .dl-horizontal dd { - margin-left: 130px; + margin-left: 180px; } hr { - margin: 18px 0; + margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } -strong { - font-weight: bold; -} -em { - font-style: italic; -} -.muted { - color: #999999; -} -abbr[title] { +abbr[title], +abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #ddd; + border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; @@ -490,18 +752,18 @@ abbr.initialism { } blockquote { padding: 0 0 0 15px; - margin: 0 0 18px; + margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { margin-bottom: 0; - font-size: 16px; + font-size: 17.5px; font-weight: 300; - line-height: 22.5px; + line-height: 1.25; } blockquote small { display: block; - line-height: 18px; + line-height: 20px; color: #999999; } blockquote small:before { @@ -518,6 +780,12 @@ blockquote.pull-right p, blockquote.pull-right small { text-align: right; } +blockquote.pull-right small:before { + content: ''; +} +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} q:before, q:after, blockquote:before, @@ -526,20 +794,14 @@ blockquote:after { } address { display: block; - margin-bottom: 18px; - font-style: normal; - line-height: 18px; -} -small { - font-size: 100%; -} -cite { + margin-bottom: 20px; font-style: normal; + line-height: 20px; } code, pre { padding: 0 3px 2px; - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; @@ -551,13 +813,14 @@ code { color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; + white-space: nowrap; } pre { display: block; - padding: 8.5px; - margin: 0 0 9px; - font-size: 12.025px; - line-height: 18px; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -570,11 +833,13 @@ pre { border-radius: 4px; } pre.prettyprint { - margin-bottom: 18px; + margin-bottom: 20px; } pre code { padding: 0; color: inherit; + white-space: pre; + white-space: pre-wrap; background-color: transparent; border: 0; } @@ -583,7 +848,7 @@ pre code { overflow-y: scroll; } form { - margin: 0 0 18px; + margin: 0 0 20px; } fieldset { padding: 0; @@ -594,15 +859,15 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 27px; - font-size: 19.5px; - line-height: 36px; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; color: #333333; border: 0; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #e5e5e5; } legend small { - font-size: 13.5px; + font-size: 15px; color: #999999; } label, @@ -610,9 +875,9 @@ input, button, select, textarea { - font-size: 13px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 20px; } input, button, @@ -623,116 +888,181 @@ textarea { label { display: block; margin-bottom: 5px; - color: #333333; } -input, -textarea, select, +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"], .uneditable-input { display: inline-block; - width: 210px; - height: 18px; - padding: 4px; - margin-bottom: 9px; - font-size: 13px; - line-height: 18px; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; color: #555555; - background-color: #ffffff; - border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; + vertical-align: middle; } -.uneditable-textarea { - width: auto; - height: auto; -} -label input, -label textarea, -label select { - display: block; +input, +textarea, +.uneditable-input { + width: 206px; } -input[type="image"], -input[type="checkbox"], -input[type="radio"] { - width: auto; +textarea { height: auto; - padding: 0; - margin: 3px 0; +} +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"], +.uneditable-input { + background-color: #ffffff; + border: 1px solid #cccccc; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear .2s, box-shadow linear .2s; + -moz-transition: border linear .2s, box-shadow linear .2s; + -o-transition: border linear .2s, box-shadow linear .2s; + transition: border linear .2s, box-shadow linear .2s; +} +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; *margin-top: 0; /* IE7 */ - line-height: normal; - cursor: pointer; - background-color: transparent; - border: 0 \9; - /* IE9 and down */ + margin-top: 1px \9; + /* IE8-9 */ - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -input[type="image"] { - border: 0; -} -input[type="file"] { - width: auto; - padding: initial; - line-height: initial; - background-color: #ffffff; - background-color: initial; - border: initial; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + line-height: normal; } -input[type="button"], +input[type="file"], +input[type="image"], +input[type="submit"], input[type="reset"], -input[type="submit"] { +input[type="button"], +input[type="radio"], +input[type="checkbox"] { width: auto; - height: auto; } select, input[type="file"] { - height: 28px; + height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ - line-height: 28px; -} -input[type="file"] { - line-height: 18px \9; + line-height: 30px; } select { width: 220px; + border: 1px solid #cccccc; background-color: #ffffff; } select[multiple], select[size] { height: auto; } -input[type="image"] { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } -textarea { +.uneditable-input, +.uneditable-textarea { + color: #999999; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + cursor: not-allowed; +} +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} +.uneditable-textarea { + width: auto; height: auto; } -input[type="hidden"] { - display: none; +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; } .radio, .checkbox { - min-height: 18px; - padding-left: 18px; + min-height: 20px; + padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; - margin-left: -18px; + margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { @@ -749,39 +1079,6 @@ input[type="hidden"] { .checkbox.inline + .checkbox.inline { margin-left: 10px; } -input, -textarea { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -input:focus, -textarea:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus, -select:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} .input-mini { width: 60px; } @@ -811,46 +1108,105 @@ textarea[class*="span"], float: none; margin-left: 0; } +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"], +.row-fluid .input-prepend [class*="span"], +.row-fluid .input-append [class*="span"] { + display: inline-block; +} input, textarea, .uneditable-input { margin-left: 0; } -input.span12, textarea.span12, .uneditable-input.span12 { - width: 930px; -} -input.span11, textarea.span11, .uneditable-input.span11 { - width: 850px; -} -input.span10, textarea.span10, .uneditable-input.span10 { - width: 770px; -} -input.span9, textarea.span9, .uneditable-input.span9 { - width: 690px; -} -input.span8, textarea.span8, .uneditable-input.span8 { - width: 610px; -} -input.span7, textarea.span7, .uneditable-input.span7 { - width: 530px; -} -input.span6, textarea.span6, .uneditable-input.span6 { - width: 450px; +.controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; } -input.span5, textarea.span5, .uneditable-input.span5 { - width: 370px; +input.span12, +textarea.span12, +.uneditable-input.span12 { + width: 926px; +} +input.span11, +textarea.span11, +.uneditable-input.span11 { + width: 846px; +} +input.span10, +textarea.span10, +.uneditable-input.span10 { + width: 766px; +} +input.span9, +textarea.span9, +.uneditable-input.span9 { + width: 686px; +} +input.span8, +textarea.span8, +.uneditable-input.span8 { + width: 606px; +} +input.span7, +textarea.span7, +.uneditable-input.span7 { + width: 526px; +} +input.span6, +textarea.span6, +.uneditable-input.span6 { + width: 446px; +} +input.span5, +textarea.span5, +.uneditable-input.span5 { + width: 366px; +} +input.span4, +textarea.span4, +.uneditable-input.span4 { + width: 286px; +} +input.span3, +textarea.span3, +.uneditable-input.span3 { + width: 206px; +} +input.span2, +textarea.span2, +.uneditable-input.span2 { + width: 126px; +} +input.span1, +textarea.span1, +.uneditable-input.span1 { + width: 46px; +} +.controls-row { + *zoom: 1; } -input.span4, textarea.span4, .uneditable-input.span4 { - width: 290px; +.controls-row:before, +.controls-row:after { + display: table; + content: ""; + line-height: 0; } -input.span3, textarea.span3, .uneditable-input.span3 { - width: 210px; +.controls-row:after { + clear: both; } -input.span2, textarea.span2, .uneditable-input.span2 { - width: 130px; +.controls-row [class*="span"], +.row-fluid .controls-row [class*="span"] { + float: left; } -input.span1, textarea.span1, .uneditable-input.span1 { - width: 50px; +.controls-row .checkbox[class*="span"], +.controls-row .radio[class*="span"] { + padding-top: 5px; } input[disabled], select[disabled], @@ -860,7 +1216,6 @@ select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; - border-color: #ddd; } input[type="radio"][disabled], input[type="checkbox"][disabled], @@ -868,24 +1223,33 @@ input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } -.control-group.warning > label, +.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } +.control-group.warning .checkbox, +.control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; +} +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; - -webkit-box-shadow: 0 0 6px #dbc59e; - -moz-box-shadow: 0 0 6px #dbc59e; - box-shadow: 0 0 6px #dbc59e; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { @@ -893,24 +1257,33 @@ input[type="checkbox"][readonly] { background-color: #fcf8e3; border-color: #c09853; } -.control-group.error > label, +.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b55457; } +.control-group.error .checkbox, +.control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b55457; +} +.control-group.error input, +.control-group.error select, +.control-group.error textarea { border-color: #b55457; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #954143; - -webkit-box-shadow: 0 0 6px #d49b9d; - -moz-box-shadow: 0 0 6px #d49b9d; - box-shadow: 0 0 6px #d49b9d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d49b9d; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { @@ -918,24 +1291,33 @@ input[type="checkbox"][readonly] { background-color: #f8f0f0; border-color: #b55457; } -.control-group.success > label, +.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } +.control-group.success .checkbox, +.control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; +} +.control-group.success input, +.control-group.success select, +.control-group.success textarea { border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; - -webkit-box-shadow: 0 0 6px #7aba7b; - -moz-box-shadow: 0 0 6px #7aba7b; - box-shadow: 0 0 6px #7aba7b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { @@ -943,59 +1325,78 @@ input[type="checkbox"][readonly] { background-color: #dff0d8; border-color: #468847; } -input:focus:required:invalid, -textarea:focus:required:invalid, -select:focus:required:invalid { +.control-group.info .control-label, +.control-group.info .help-block, +.control-group.info .help-inline { + color: #3a87ad; +} +.control-group.info .checkbox, +.control-group.info .radio, +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + color: #3a87ad; +} +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + border-color: #3a87ad; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.control-group.info input:focus, +.control-group.info select:focus, +.control-group.info textarea:focus { + border-color: #2d6987; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; +} +.control-group.info .input-prepend .add-on, +.control-group.info .input-append .add-on { + color: #3a87ad; + background-color: #d9edf7; + border-color: #3a87ad; +} +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } -input:focus:required:invalid:focus, -textarea:focus:required:invalid:focus, -select:focus:required:invalid:focus { +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { - padding: 17px 20px 18px; - margin-top: 18px; - margin-bottom: 18px; + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; background-color: #f5f5f5; - border-top: 1px solid #ddd; + border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; + line-height: 0; } .form-actions:after { clear: both; } -.uneditable-input { - overflow: hidden; - white-space: nowrap; - cursor: not-allowed; - background-color: #ffffff; - border-color: #eee; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -} -:-moz-placeholder { - color: #999999; -} -::-webkit-input-placeholder { - color: #999999; -} .help-block, .help-inline { - color: #555555; + color: #6a6a6a; } .help-block { display: block; - margin-bottom: 9px; + margin-bottom: 10px; } .help-inline { display: inline-block; @@ -1006,62 +1407,76 @@ select:focus:required:invalid:focus { vertical-align: middle; padding-left: 5px; } -.input-prepend, -.input-append { - margin-bottom: 5px; +.input-append, +.input-prepend { + display: inline-block; + margin-bottom: 10px; + vertical-align: middle; + font-size: 0; + white-space: nowrap; } -.input-prepend input, .input-append input, -.input-prepend select, +.input-prepend input, .input-append select, +.input-prepend select, +.input-append .uneditable-input, .input-prepend .uneditable-input, -.input-append .uneditable-input { +.input-append .dropdown-menu, +.input-prepend .dropdown-menu, +.input-append .popover, +.input-prepend .popover { + font-size: 14px; +} +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; - vertical-align: middle; + vertical-align: top; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } -.input-prepend input:focus, .input-append input:focus, -.input-prepend select:focus, +.input-prepend input:focus, .input-append select:focus, -.input-prepend .uneditable-input:focus, -.input-append .uneditable-input:focus { +.input-prepend select:focus, +.input-append .uneditable-input:focus, +.input-prepend .uneditable-input:focus { z-index: 2; } -.input-prepend .uneditable-input, -.input-append .uneditable-input { - border-left-color: #ccc; -} -.input-prepend .add-on, -.input-append .add-on { +.input-append .add-on, +.input-prepend .add-on { display: inline-block; width: auto; - height: 18px; + height: 20px; min-width: 16px; padding: 4px 5px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 20px; text-align: center; text-shadow: 0 1px 0 #ffffff; - vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; } -.input-prepend .add-on, .input-append .add-on, +.input-prepend .add-on, +.input-append .btn, .input-prepend .btn, -.input-append .btn { - margin-left: -1px; +.input-append .btn-group > .dropdown-toggle, +.input-prepend .btn-group > .dropdown-toggle { + vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.input-prepend .active, -.input-append .active { +.input-append .active, +.input-prepend .active { background-color: #a9dba9; border-color: #46a546; } @@ -1082,12 +1497,21 @@ select:focus:required:invalid:focus { -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } -.input-append .uneditable-input { - border-right-color: #ccc; - border-left-color: #eee; +.input-append input + .btn-group .btn:last-child, +.input-append select + .btn-group .btn:last-child, +.input-append .uneditable-input + .btn-group .btn:last-child { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.input-append .add-on, +.input-append .btn, +.input-append .btn-group { + margin-left: -1px; } .input-append .add-on:last-child, -.input-append .btn:last-child { +.input-append .btn:last-child, +.input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; @@ -1099,6 +1523,13 @@ select:focus:required:invalid:focus { -moz-border-radius: 0; border-radius: 0; } +.input-prepend.input-append input + .btn-group .btn, +.input-prepend.input-append select + .btn-group .btn, +.input-prepend.input-append .uneditable-input + .btn-group .btn { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; @@ -1113,7 +1544,10 @@ select:focus:required:invalid:focus { -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } -.search-query { +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; +} +input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; @@ -1121,9 +1555,36 @@ select:focus:required:invalid:focus { /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} +/* Allow for input prepend/append in search forms */ +.form-search .input-append .search-query, +.form-search .input-prepend .search-query { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.form-search .input-append .search-query { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} +.form-search .input-append .btn { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .search-query { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} +.form-search .input-prepend .btn { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, @@ -1152,6 +1613,7 @@ select:focus:required:invalid:focus { *zoom: 1; margin-bottom: 0; + vertical-align: middle; } .form-search .hide, .form-inline .hide, @@ -1159,7 +1621,9 @@ select:focus:required:invalid:focus { display: none; } .form-search label, -.form-inline label { +.form-inline label, +.form-search .btn-group, +.form-inline .btn-group { display: inline-block; } .form-search .input-append, @@ -1185,45 +1649,53 @@ select:focus:required:invalid:focus { margin-left: 0; } .control-group { - margin-bottom: 9px; + margin-bottom: 10px; } legend + .control-group { - margin-top: 18px; + margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { - margin-bottom: 18px; + margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; + line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; - width: 140px; + width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; - margin-left: 160px; + margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { - *padding-left: 160px; + *padding-left: 180px; } .form-horizontal .help-block { - margin-top: 9px; margin-bottom: 0; } +.form-horizontal input + .help-block, +.form-horizontal select + .help-block, +.form-horizontal textarea + .help-block, +.form-horizontal .uneditable-input + .help-block, +.form-horizontal .input-prepend + .help-block, +.form-horizontal .input-append + .help-block { + margin-top: 10px; +} .form-horizontal .form-actions { - padding-left: 160px; + padding-left: 180px; } table { max-width: 100%; @@ -1233,12 +1705,12 @@ table { } .table { width: 100%; - margin-bottom: 18px; + margin-bottom: 20px; } .table th, .table td { padding: 8px; - line-height: 18px; + line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; @@ -1260,6 +1732,9 @@ table { .table tbody + tbody { border-top: 2px solid #dddddd; } +.table .table { + background-color: #eeeeee; +} .table-condensed th, .table-condensed td { padding: 4px 5px; @@ -1267,7 +1742,7 @@ table { .table-bordered { border: 1px solid #dddddd; border-collapse: separate; - *border-collapse: collapsed; + *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -1288,160 +1763,175 @@ table { .table-bordered tbody:first-child tr:first-child td { border-top: 0; } -.table-bordered thead:first-child tr:first-child th:first-child, -.table-bordered tbody:first-child tr:first-child td:first-child { +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child, +.table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; } -.table-bordered thead:first-child tr:first-child th:last-child, -.table-bordered tbody:first-child tr:first-child td:last-child { +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; } -.table-bordered thead:last-child tr:last-child th:first-child, -.table-bordered tbody:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 4px; - -moz-border-radius: 0 0 0 4px; - border-radius: 0 0 0 4px; +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } -.table-bordered thead:last-child tr:last-child th:last-child, -.table-bordered tbody:last-child tr:last-child td:last-child { +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } -.table-striped tbody tr:nth-child(odd) td, -.table-striped tbody tr:nth-child(odd) th { +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; +} +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; +} +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; +} +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; +} +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } -.table tbody tr:hover td, -.table tbody tr:hover th { +.table-hover tbody tr:hover > td, +.table-hover tbody tr:hover > th { background-color: #f5f5f5; } -table .span1 { +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} +.table td.span1, +.table th.span1 { float: none; width: 44px; margin-left: 0; } -table .span2 { +.table td.span2, +.table th.span2 { float: none; width: 124px; margin-left: 0; } -table .span3 { +.table td.span3, +.table th.span3 { float: none; width: 204px; margin-left: 0; } -table .span4 { +.table td.span4, +.table th.span4 { float: none; width: 284px; margin-left: 0; } -table .span5 { +.table td.span5, +.table th.span5 { float: none; width: 364px; margin-left: 0; } -table .span6 { +.table td.span6, +.table th.span6 { float: none; width: 444px; margin-left: 0; } -table .span7 { +.table td.span7, +.table th.span7 { float: none; width: 524px; margin-left: 0; } -table .span8 { +.table td.span8, +.table th.span8 { float: none; width: 604px; margin-left: 0; } -table .span9 { +.table td.span9, +.table th.span9 { float: none; width: 684px; margin-left: 0; } -table .span10 { +.table td.span10, +.table th.span10 { float: none; width: 764px; margin-left: 0; } -table .span11 { +.table td.span11, +.table th.span11 { float: none; width: 844px; margin-left: 0; } -table .span12 { +.table td.span12, +.table th.span12 { float: none; width: 924px; margin-left: 0; } -table .span13 { - float: none; - width: 1004px; - margin-left: 0; -} -table .span14 { - float: none; - width: 1084px; - margin-left: 0; -} -table .span15 { - float: none; - width: 1164px; - margin-left: 0; -} -table .span16 { - float: none; - width: 1244px; - margin-left: 0; -} -table .span17 { - float: none; - width: 1324px; - margin-left: 0; +.table tbody tr.success > td { + background-color: #dff0d8; } -table .span18 { - float: none; - width: 1404px; - margin-left: 0; +.table tbody tr.error > td { + background-color: #f8f0f0; } -table .span19 { - float: none; - width: 1484px; - margin-left: 0; +.table tbody tr.warning > td { + background-color: #fcf8e3; } -table .span20 { - float: none; - width: 1564px; - margin-left: 0; +.table tbody tr.info > td { + background-color: #d9edf7; } -table .span21 { - float: none; - width: 1644px; - margin-left: 0; +.table-hover tbody tr.success:hover > td { + background-color: #d0e9c6; } -table .span22 { - float: none; - width: 1724px; - margin-left: 0; +.table-hover tbody tr.error:hover > td { + background-color: #f0dfe0; } -table .span23 { - float: none; - width: 1804px; - margin-left: 0; +.table-hover tbody tr.warning:hover > td { + background-color: #faf2cc; } -table .span24 { - float: none; - width: 1884px; - margin-left: 0; +.table-hover tbody tr.info:hover > td { + background-color: #c4e3f3; } .dropup, .dropdown { @@ -1463,18 +1953,11 @@ table .span24 { border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; - opacity: 0.3; - filter: alpha(opacity=30); } .dropdown .caret { margin-top: 8px; margin-left: 2px; } -.dropdown:hover .caret, -.open .caret { - opacity: 1; - filter: alpha(opacity=100); -} .dropdown-menu { position: absolute; top: 100%; @@ -1483,17 +1966,17 @@ table .span24 { display: none; float: left; min-width: 160px; - padding: 4px 0; - margin: 1px 0 0; + padding: 5px 0; + margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; -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); @@ -1508,35 +1991,71 @@ table .span24 { .dropdown-menu .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } -.dropdown-menu a { +.dropdown-menu > li > a { display: block; - padding: 3px 15px; + padding: 3px 20px; clear: both; font-weight: normal; - line-height: 18px; + line-height: 20px; color: #333333; white-space: nowrap; } -.dropdown-menu li > a:hover, -.dropdown-menu .active > a, -.dropdown-menu .active > a:hover { +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + text-decoration: none; + color: #ffffff; + background-color: #b9422f; + background-image: -moz-linear-gradient(top, #c14531, #ad3e2c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c14531), to(#ad3e2c)); + background-image: -webkit-linear-gradient(top, #c14531, #ad3e2c); + background-image: -o-linear-gradient(top, #c14531, #ad3e2c); + background-image: linear-gradient(to bottom, #c14531, #ad3e2c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc14531', endColorstr='#ffad3e2c', GradientType=0); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; - background-color: #b50909; + outline: 0; + background-color: #b9422f; + background-image: -moz-linear-gradient(top, #c14531, #ad3e2c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c14531), to(#ad3e2c)); + background-image: -webkit-linear-gradient(top, #c14531, #ad3e2c); + background-image: -o-linear-gradient(top, #c14531, #ad3e2c); + background-image: linear-gradient(to bottom, #c14531, #ad3e2c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc14531', endColorstr='#ffad3e2c', GradientType=0); +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; } .open { *z-index: 1000; } -.open .dropdown-menu { +.open > .dropdown-menu { display: block; } -.pull-right .dropdown-menu { +.pull-right > .dropdown-menu { right: 0; left: auto; } @@ -1544,7 +2063,7 @@ table .span24 { .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; - content: "\2191"; + content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { @@ -1552,7 +2071,62 @@ table .span24 { bottom: 100%; margin-bottom: 1px; } +.dropdown-submenu { + position: relative; +} +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; +} +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + -webkit-border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; +} +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; +} +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} +.dropdown-submenu.pull-left { + float: none; +} +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} .typeahead { + z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -1563,8 +2137,7 @@ table .span24 { padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; - border: 1px solid #eee; - border: 1px solid rgba(0, 0, 0, 0.05); + border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -1590,16 +2163,13 @@ table .span24 { } .fade { opacity: 0; - filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; - -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; - filter: alpha(opacity=100); } .collapse { position: relative; @@ -1607,7 +2177,6 @@ table .span24 { overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; - -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } @@ -1618,13 +2187,14 @@ table .span24 { float: right; font-size: 20px; font-weight: bold; - line-height: 18px; + line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } -.close:hover { +.close:hover, +.close:focus { color: #000000; text-decoration: none; cursor: pointer; @@ -1644,25 +2214,23 @@ button.close { /* IE7 inline-block hack */ *zoom: 1; - padding: 4px 10px 4px; + padding: 4px 12px; margin-bottom: 0; - font-size: 13px; - line-height: 18px; - *line-height: 20px; - color: #333333; + 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; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); - background-image: -ms-linear-gradient(top, #ffffff, #eaeaea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); background-image: -o-linear-gradient(top, #ffffff, #eaeaea); - background-image: linear-gradient(top, #ffffff, #eaeaea); + background-image: linear-gradient(to bottom, #ffffff, #eaeaea); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeaeaea', GradientType=0); border-color: #eaeaea #eaeaea #c4c4c4; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #eaeaea; @@ -1681,10 +2249,12 @@ button.close { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, +.btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { + color: #333333; background-color: #eaeaea; *background-color: #dddddd; } @@ -1695,17 +2265,13 @@ button.close { .btn:first-child { *margin-left: 0; } -.btn:hover { +.btn:hover, +.btn:focus { color: #333333; text-decoration: none; - background-color: #e6e6e6; - *background-color: #d9d9d9; - /* Buttons in IE7 don't get borders, so darken on hover */ - background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; - -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } @@ -1716,8 +2282,6 @@ button.close { } .btn.active, .btn:active { - background-color: #e6e6e6; - background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); @@ -1727,7 +2291,6 @@ button.close { .btn.disabled, .btn[disabled] { cursor: default; - background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); @@ -1736,43 +2299,54 @@ button.close { box-shadow: none; } .btn-large { - padding: 9px 14px; - font-size: 15px; - line-height: normal; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + padding: 11px 19px; + font-size: 17.5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -.btn-large [class^="icon-"] { - margin-top: 1px; +.btn-large [class^="icon-"], +.btn-large [class*=" icon-"] { + margin-top: 4px; } .btn-small { - padding: 5px 9px; - font-size: 11px; - line-height: 16px; + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.btn-small [class^="icon-"] { +.btn-small [class^="icon-"], +.btn-small [class*=" icon-"] { + margin-top: 0; +} +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { - padding: 2px 6px; - font-size: 11px; - line-height: 14px; + padding: 0 6px; + font-size: 10.5px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.btn-primary, -.btn-primary:hover, -.btn-warning, -.btn-warning:hover, -.btn-danger, -.btn-danger:hover, -.btn-success, -.btn-success:hover, -.btn-info, -.btn-info:hover, -.btn-inverse, -.btn-inverse:hover { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } .btn-primary.active, .btn-warning.active, @@ -1782,49 +2356,49 @@ button.close { .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } -.btn { - border-color: #ccc; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} .btn-primary { - background-color: #f65454; - background-image: -moz-linear-gradient(top, #f54444, #f76b6b); - background-image: -ms-linear-gradient(top, #f54444, #f76b6b); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f54444), to(#f76b6b)); - background-image: -webkit-linear-gradient(top, #f54444, #f76b6b); - background-image: -o-linear-gradient(top, #f54444, #f76b6b); - background-image: linear-gradient(top, #f54444, #f76b6b); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #cc5845; + background-image: -moz-linear-gradient(top, #d36452, #c14531); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d36452), to(#c14531)); + background-image: -webkit-linear-gradient(top, #d36452, #c14531); + background-image: -o-linear-gradient(top, #d36452, #c14531); + background-image: linear-gradient(to bottom, #d36452, #c14531); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f54444', endColorstr='#f76b6b', GradientType=0); - border-color: #f76b6b #f76b6b #f32222; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd36452', endColorstr='#ffc14531', GradientType=0); + border-color: #c14531 #c14531 #842f22; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f76b6b; + *background-color: #c14531; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, +.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { - background-color: #f76b6b; - *background-color: #f65353; + color: #ffffff; + background-color: #c14531; + *background-color: #ad3e2c; } .btn-primary:active, .btn-primary.active { - background-color: #f43b3b \9; + background-color: #983627 \9; } .btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', 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); *background-color: #f89406; @@ -1833,10 +2407,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, +.btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { + color: #ffffff; background-color: #f89406; *background-color: #df8505; } @@ -1845,15 +2421,16 @@ button.close { background-color: #c67605 \9; } .btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; @@ -1862,10 +2439,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, +.btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { + color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } @@ -1874,15 +2453,16 @@ button.close { background-color: #942a25 \9; } .btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; @@ -1891,10 +2471,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, +.btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { + color: #ffffff; background-color: #51a351; *background-color: #499249; } @@ -1903,15 +2485,16 @@ button.close { background-color: #408140 \9; } .btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; 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-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', 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); *background-color: #2f96b4; @@ -1920,10 +2503,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, +.btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { + color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } @@ -1932,15 +2517,16 @@ button.close { background-color: #24748c \9; } .btn-inverse { - background-color: #414141; - background-image: -moz-linear-gradient(top, #555555, #222222); - background-image: -ms-linear-gradient(top, #555555, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); - background-image: -webkit-linear-gradient(top, #555555, #222222); - background-image: -o-linear-gradient(top, #555555, #222222); - background-image: linear-gradient(top, #555555, #222222); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + background-image: -moz-linear-gradient(top, #444444, #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-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); 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); *background-color: #222222; @@ -1949,10 +2535,12 @@ button.close { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, +.btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { + color: #ffffff; background-color: #222222; *background-color: #151515; } @@ -1962,8 +2550,8 @@ button.close { } button.btn, input[type="submit"].btn { - *padding-top: 2px; - *padding-bottom: 2px; + *padding-top: 3px; + *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { @@ -1985,19 +2573,46 @@ input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-link { + border-color: transparent; + cursor: pointer; + color: #c14531; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-link:hover, +.btn-link:focus { + color: #842f22; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { + color: #333333; + text-decoration: none; +} .btn-group { position: relative; + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + font-size: 0; + vertical-align: middle; + white-space: nowrap; *margin-left: .3em; } -.btn-group:before, -.btn-group:after { - display: table; - content: ""; -} -.btn-group:after { - clear: both; -} .btn-group:first-child { *margin-left: 0; } @@ -2005,24 +2620,38 @@ input[type="submit"].btn.btn-mini { margin-left: 5px; } .btn-toolbar { - margin-top: 9px; - margin-bottom: 9px; + font-size: 0; + margin-top: 10px; + margin-bottom: 10px; } -.btn-toolbar .btn-group { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group { + margin-left: 5px; } .btn-group > .btn { position: relative; - float: left; - margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } +.btn-group > .btn + .btn { + margin-left: -1px; +} +.btn-group > .btn, +.btn-group > .dropdown-menu, +.btn-group > .popover { + font-size: 14px; +} +.btn-group > .btn-mini { + font-size: 10.5px; +} +.btn-group > .btn-small { + font-size: 11.9px; +} +.btn-group > .btn-large { + font-size: 17.5px; +} .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; @@ -2069,26 +2698,30 @@ input[type="submit"].btn.btn-mini { .btn-group.open .dropdown-toggle { outline: 0; } -.btn-group > .dropdown-toggle { +.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); - *padding-top: 4px; - *padding-bottom: 4px; + *padding-top: 5px; + *padding-bottom: 5px; } -.btn-group > .btn-mini.dropdown-toggle { +.btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; + *padding-top: 2px; + *padding-bottom: 2px; } -.btn-group > .btn-small.dropdown-toggle { - *padding-top: 4px; +.btn-group > .btn-small + .dropdown-toggle { + *padding-top: 5px; *padding-bottom: 4px; } -.btn-group > .btn-large.dropdown-toggle { +.btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; + *padding-top: 7px; + *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; @@ -2100,7 +2733,7 @@ input[type="submit"].btn.btn-mini { background-color: #eaeaea; } .btn-group.open .btn-primary.dropdown-toggle { - background-color: #f76b6b; + background-color: #c14531; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; @@ -2118,29 +2751,23 @@ input[type="submit"].btn.btn-mini { background-color: #222222; } .btn .caret { - margin-top: 7px; + margin-top: 8px; margin-left: 0; } -.btn:hover .caret, -.open.btn-group .caret { - opacity: 1; - filter: alpha(opacity=100); -} -.btn-mini .caret { - margin-top: 5px; -} -.btn-small .caret { +.btn-large .caret { margin-top: 6px; } .btn-large .caret { - margin-top: 6px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } +.btn-mini .caret, +.btn-small .caret { + margin-top: 8px; +} .dropup .btn-large .caret { - border-bottom: 5px solid #000000; - border-top: 0; + border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, @@ -2150,45 +2777,95 @@ input[type="submit"].btn.btn-mini { .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +} +.btn-group-vertical { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-group-vertical > .btn + .btn { + margin-left: 0; + margin-top: -1px; +} +.btn-group-vertical > .btn:first-child { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.btn-group-vertical > .btn:last-child { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.btn-group-vertical > .btn-large:first-child { + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} +.btn-group-vertical > .btn-large:last-child { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; - margin-bottom: 18px; + margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; +} +.alert, +.alert h4 { color: #c09853; } -.alert-heading { - color: inherit; +.alert h4 { + margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; - line-height: 18px; + line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } +.alert-success h4 { + color: #468847; +} .alert-danger, .alert-error { background-color: #f8f0f0; border-color: #c6898b; color: #b55457; } +.alert-danger h4, +.alert-error h4 { + color: #b55457; +} .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } +.alert-info h4 { + color: #3a87ad; +} .alert-block { padding-top: 14px; padding-bottom: 14px; @@ -2202,25 +2879,29 @@ input[type="submit"].btn.btn-mini { } .nav { margin-left: 0; - margin-bottom: 18px; + margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } -.nav > li > a:hover { +.nav > li > a:hover, +.nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } +.nav > li > a > img { + max-width: none; +} .nav > .pull-right { float: right; } -.nav .nav-header { +.nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; - line-height: 18px; + line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -2243,18 +2924,20 @@ input[type="submit"].btn.btn-mini { padding: 3px 15px; } .nav-list > .active > a, -.nav-list > .active > a:hover { +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); - background-color: #b50909; + background-color: #c14531; } -.nav-list [class^="icon-"] { +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; @@ -2270,6 +2953,7 @@ input[type="submit"].btn.btn-mini { .nav-pills:after { display: table; content: ""; + line-height: 0; } .nav-tabs:after, .nav-pills:after { @@ -2295,19 +2979,21 @@ input[type="submit"].btn.btn-mini { .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; - line-height: 18px; + line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } -.nav-tabs > li > a:hover { +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, -.nav-tabs > .active > a:hover { +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { color: #555555; - background-color: #ffffff; + background-color: #eeeeee; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; @@ -2322,9 +3008,10 @@ input[type="submit"].btn.btn-mini { border-radius: 5px; } .nav-pills > .active > a, -.nav-pills > .active > a:hover { +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { color: #ffffff; - background-color: #b50909; + background-color: #c14531; } .nav-stacked > li { float: none; @@ -2342,16 +3029,23 @@ input[type="submit"].btn.btn-mini { border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -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-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + -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 { +.nav-tabs.nav-stacked > li > a:hover, +.nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } @@ -2362,51 +3056,60 @@ input[type="submit"].btn.btn-mini { margin-bottom: 1px; } .nav-tabs .dropdown-menu { - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -.nav-tabs .dropdown-toggle .caret, -.nav-pills .dropdown-toggle .caret { - border-top-color: #b50909; - border-bottom-color: #b50909; +.nav .dropdown-toggle .caret { + border-top-color: #c14531; + border-bottom-color: #c14531; margin-top: 6px; } -.nav-tabs .dropdown-toggle:hover .caret, -.nav-pills .dropdown-toggle:hover .caret { - border-top-color: #6c0505; - border-bottom-color: #6c0505; +.nav .dropdown-toggle:hover .caret, +.nav .dropdown-toggle:focus .caret { + border-top-color: #842f22; + border-bottom-color: #842f22; } -.nav-tabs .active .dropdown-toggle .caret, -.nav-pills .active .dropdown-toggle .caret { - border-top-color: #333333; - border-bottom-color: #333333; +/* move down carets for tabs */ +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; } -.nav > .dropdown.active > a:hover { - color: #000000; +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} +.nav > .dropdown.active > a:hover, +.nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open a:hover .caret, +.nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } -.tabs-stacked .open > a:hover { +.tabs-stacked .open > a:hover, +.tabs-stacked .open > a:focus { border-color: #999999; } .tabbable { @@ -2416,6 +3119,7 @@ input[type="submit"].btn.btn-mini { .tabbable:after { display: table; content: ""; + line-height: 0; } .tabbable:after { clear: both; @@ -2448,12 +3152,14 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } -.tabs-below > .nav-tabs > li > a:hover { +.tabs-below > .nav-tabs > li > a:hover, +.tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, -.tabs-below > .nav-tabs > .active > a:hover { +.tabs-below > .nav-tabs > .active > a:hover, +.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, @@ -2477,11 +3183,13 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } -.tabs-left > .nav-tabs > li > a:hover { +.tabs-left > .nav-tabs > li > a:hover, +.tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, -.tabs-left > .nav-tabs .active > a:hover { +.tabs-left > .nav-tabs .active > a:hover, +.tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } @@ -2496,78 +3204,110 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } -.tabs-right > .nav-tabs > li > a:hover { +.tabs-right > .nav-tabs > li > a:hover, +.tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, -.tabs-right > .nav-tabs .active > a:hover { +.tabs-right > .nav-tabs .active > a:hover, +.tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } +.nav > .disabled > a { + color: #999999; +} +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + cursor: default; +} .navbar { + overflow: visible; + margin-bottom: 20px; *position: relative; *z-index: 2; - overflow: visible; - margin-bottom: 18px; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; - background-color: #2c2c2c; - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); + border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + *zoom: 1; +} +.navbar-inner:before, +.navbar-inner:after { + display: table; + content: ""; + line-height: 0; +} +.navbar-inner:after { + clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; -} -.navbar { - color: #999999; -} -.navbar .brand:hover { - text-decoration: none; + overflow: visible; } .navbar .brand { float: left; display: block; - padding: 8px 20px 12px; + padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; - line-height: 1; - color: #999999; + color: #777777; + text-shadow: 0 1px 0 #ffffff; +} +.navbar .brand:hover, +.navbar .brand:focus { + text-decoration: none; } -.navbar .navbar-text { +.navbar-text { margin-bottom: 0; line-height: 40px; + color: #777777; } -.navbar .navbar-link { - color: #999999; +.navbar-link { + color: #777777; } -.navbar .navbar-link:hover { - color: #ffffff; +.navbar-link:hover, +.navbar-link:focus { + color: #333333; +} +.navbar .divider-vertical { + height: 40px; + margin: 0 9px; + border-left: 1px solid #f2f2f2; + border-right: 1px solid #ffffff; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } -.navbar .btn-group .btn { - margin: 0; +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn, +.navbar .input-prepend .btn-group, +.navbar .input-append .btn-group { + margin-top: 0; } .navbar-form { margin-bottom: 0; @@ -2577,6 +3317,7 @@ input[type="submit"].btn.btn-mini { .navbar-form:after { display: table; content: ""; + line-height: 0; } .navbar-form:after { clear: both; @@ -2588,7 +3329,8 @@ input[type="submit"].btn.btn-mini { margin-top: 5px; } .navbar-form input, -.navbar-form select { +.navbar-form select, +.navbar-form .btn { display: inline-block; margin-bottom: 0; } @@ -2599,7 +3341,7 @@ input[type="submit"].btn.btn-mini { } .navbar-form .input-append, .navbar-form .input-prepend { - margin-top: 6px; + margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, @@ -2609,44 +3351,28 @@ input[type="submit"].btn.btn-mini { .navbar-search { position: relative; float: left; - margin-top: 6px; + margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { - padding: 4px 9px; + margin-bottom: 0; + padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; - color: #ffffff; - background-color: #626262; - border: 1px solid #151515; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; -} -.navbar-search .search-query:-moz-placeholder { - color: #cccccc; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } -.navbar-search .search-query::-webkit-input-placeholder { - color: #cccccc; +.navbar-static-top { + position: static; + margin-bottom: 0; } -.navbar-search .search-query:focus, -.navbar-search .search-query.focused { - padding: 5px 10px; - color: #333333; - text-shadow: 0 1px 0 #ffffff; - background-color: #ffffff; - border: 0; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - outline: 0; +.navbar-static-top .navbar-inner { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { @@ -2657,6 +3383,13 @@ input[type="submit"].btn.btn-mini { margin-bottom: 0; } .navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + border-width: 0 0 1px; +} +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; +} +.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; @@ -2664,6 +3397,7 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 0; border-radius: 0; } +.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; @@ -2671,9 +3405,20 @@ input[type="submit"].btn.btn-mini { .navbar-fixed-top { top: 0; } +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); + box-shadow: 0 1px 10px rgba(0,0,0,.1); +} .navbar-fixed-bottom { bottom: 0; } +.navbar-fixed-bottom .navbar-inner { + -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + box-shadow: 0 -1px 10px rgba(0,0,0,.1); +} .navbar .nav { position: relative; left: 0; @@ -2683,51 +3428,36 @@ input[type="submit"].btn.btn-mini { } .navbar .nav.pull-right { float: right; + margin-right: 0; } .navbar .nav > li { - display: block; float: left; } .navbar .nav > li > a { float: none; - padding: 9px 10px 11px; - line-height: 19px; - color: #999999; + padding: 10px 15px 10px; + color: #777777; text-decoration: none; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} -.navbar .btn { - display: inline-block; - padding: 4px 10px 4px; - margin: 5px 5px 6px; - line-height: 18px; + text-shadow: 0 1px 0 #ffffff; } -.navbar .btn-group { - margin: 0; - padding: 5px 5px 6px; +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; } +.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; - color: #ffffff; + color: #333333; text-decoration: none; } -.navbar .nav .active > a, -.navbar .nav .active > a:hover { - color: #ffffff; +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; text-decoration: none; - background-color: #222222; -} -.navbar .divider-vertical { - height: 40px; - width: 1px; - margin: 0 9px; - overflow: hidden; - background-color: #222222; - border-right: 1px solid #333333; -} -.navbar .nav.pull-right { - margin-left: 10px; - margin-right: 0; + background-color: #e5e5e5; + -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; @@ -2735,18 +3465,19 @@ input[type="submit"].btn.btn-mini { padding: 7px 10px; margin-left: 5px; margin-right: 5px; - background-color: #2c2c2c; - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ededed; + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); - border-color: #222222 #222222 #000000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); + border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #222222; + *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2755,16 +3486,18 @@ input[type="submit"].btn.btn-mini { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, +.navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { - background-color: #222222; - *background-color: #151515; + color: #ffffff; + background-color: #e5e5e5; + *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { - background-color: #080808 \9; + background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; @@ -2781,7 +3514,7 @@ input[type="submit"].btn.btn-mini { .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } -.navbar .dropdown-menu:before { +.navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; @@ -2792,7 +3525,7 @@ input[type="submit"].btn.btn-mini { top: -7px; left: 9px; } -.navbar .dropdown-menu:after { +.navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; @@ -2802,142 +3535,293 @@ input[type="submit"].btn.btn-mini { top: -6px; left: 10px; } -.navbar-fixed-bottom .dropdown-menu:before { +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } -.navbar-fixed-bottom .dropdown-menu:after { +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; } -.navbar .nav li.dropdown .dropdown-toggle .caret, -.navbar .nav li.dropdown.open .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} -.navbar .nav li.dropdown.active .caret { - opacity: 1; - filter: alpha(opacity=100); +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { - background-color: transparent; + background-color: #e5e5e5; + color: #555555; } -.navbar .nav li.dropdown.active > .dropdown-toggle:hover { - color: #ffffff; +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; } -.navbar .pull-right .dropdown-menu, -.navbar .dropdown-menu.pull-right { +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } -.navbar .pull-right .dropdown-menu:before, -.navbar .dropdown-menu.pull-right:before { +.navbar .pull-right > li > .dropdown-menu:before, +.navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } -.navbar .pull-right .dropdown-menu:after, -.navbar .dropdown-menu.pull-right:after { +.navbar .pull-right > li > .dropdown-menu:after, +.navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } -.breadcrumb { - padding: 7px 14px; - margin: 0 0 18px; - list-style: none; - background-color: #fbfbfb; - background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); - background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); - background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); - background-image: linear-gradient(top, #ffffff, #f5f5f5); +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} +.navbar-inverse .navbar-inner { + background-color: #1b1b1b; + background-image: -moz-linear-gradient(top, #222222, #111111); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); + background-image: -webkit-linear-gradient(top, #222222, #111111); + background-image: -o-linear-gradient(top, #222222, #111111); + background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); - border: 1px solid #ddd; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; - -moz-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; -} -.breadcrumb li { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - text-shadow: 0 1px 0 #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); + border-color: #252525; } -.breadcrumb .divider { - padding: 0 5px; +.navbar-inverse .brand, +.navbar-inverse .nav > li > a { color: #999999; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } -.breadcrumb .active a { - color: #333333; -} -.pagination { - height: 36px; - margin: 18px 0; +.navbar-inverse .brand:hover, +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .brand:focus, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; } -.pagination ul { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - margin-left: 0; - margin-bottom: 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +.navbar-inverse .brand { + color: #999999; } -.pagination li { - display: inline; +.navbar-inverse .navbar-text { + color: #999999; } -.pagination a { +.navbar-inverse .nav > li > a:focus, +.navbar-inverse .nav > li > a:hover { + background-color: transparent; + color: #ffffff; +} +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #ffffff; + background-color: #111111; +} +.navbar-inverse .navbar-link { + color: #999999; +} +.navbar-inverse .navbar-link:hover, +.navbar-inverse .navbar-link:focus { + color: #ffffff; +} +.navbar-inverse .divider-vertical { + border-left-color: #111111; + border-right-color: #222222; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #111111; + color: #ffffff; +} +.navbar-inverse .nav li.dropdown > a:hover .caret, +.navbar-inverse .nav li.dropdown > a:focus .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .navbar-search .search-query { + color: #ffffff; + background-color: #515151; + border-color: #111111; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} +.navbar-inverse .navbar-search .search-query:-moz-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #cccccc; +} +.navbar-inverse .navbar-search .search-query:focus, +.navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #333333; + text-shadow: 0 1px 0 #ffffff; + background-color: #ffffff; + border: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + outline: 0; +} +.navbar-inverse .btn-navbar { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e0e0e; + background-image: -moz-linear-gradient(top, #151515, #040404); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); + background-image: -webkit-linear-gradient(top, #151515, #040404); + background-image: -o-linear-gradient(top, #151515, #040404); + background-image: linear-gradient(to bottom, #151515, #040404); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); + border-color: #040404 #040404 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #040404; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:focus, +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar.disabled, +.navbar-inverse .btn-navbar[disabled] { + color: #ffffff; + background-color: #040404; + *background-color: #000000; +} +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-color: #000000 \9; +} +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + text-shadow: 0 1px 0 #ffffff; +} +.breadcrumb > li > .divider { + padding: 0 5px; + color: #ccc; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + margin: 20px 0; +} +.pagination ul { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; + margin-left: 0; + margin-bottom: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} +.pagination ul > li { + display: inline; +} +.pagination ul > li > a, +.pagination ul > li > span { float: left; - padding: 0 14px; - line-height: 34px; + padding: 4px 12px; + line-height: 20px; text-decoration: none; - border: 1px solid #ddd; + background-color: #ffffff; + border: 1px solid #dddddd; border-left-width: 0; } -.pagination a:hover, -.pagination .active a { +.pagination ul > li > a:hover, +.pagination ul > li > a:focus, +.pagination ul > .active > a, +.pagination ul > .active > span { background-color: #f5f5f5; } -.pagination .active a { +.pagination ul > .active > a, +.pagination ul > .active > span { color: #999999; cursor: default; } -.pagination .disabled span, -.pagination .disabled a, -.pagination .disabled a:hover { +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover, +.pagination ul > .disabled > a:focus { color: #999999; background-color: transparent; cursor: default; } -.pagination li:first-child a { +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { border-left-width: 1px; - -webkit-border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } -.pagination li:last-child a { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; @@ -2945,9 +3829,63 @@ input[type="submit"].btn.btn-mini { .pagination-right { text-align: right; } +.pagination-large ul > li > a, +.pagination-large ul > li > span { + padding: 11px 19px; + font-size: 17.5px; +} +.pagination-large ul > li:first-child > a, +.pagination-large ul > li:first-child > span { + -webkit-border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; +} +.pagination-large ul > li:last-child > a, +.pagination-large ul > li:last-child > span { + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; +} +.pagination-mini ul > li:first-child > a, +.pagination-small ul > li:first-child > a, +.pagination-mini ul > li:first-child > span, +.pagination-small ul > li:first-child > span { + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topleft: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-left-radius: 3px; +} +.pagination-mini ul > li:last-child > a, +.pagination-small ul > li:last-child > a, +.pagination-mini ul > li:last-child > span, +.pagination-small ul > li:last-child > span { + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topright: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-right-radius: 3px; +} +.pagination-small ul > li > a, +.pagination-small ul > li > span { + padding: 2px 10px; + font-size: 11.9px; +} +.pagination-mini ul > li > a, +.pagination-mini ul > li > span { + padding: 0 6px; + font-size: 10.5px; +} .pager { - margin-left: 0; - margin-bottom: 18px; + margin: 20px 0; list-style: none; text-align: center; *zoom: 1; @@ -2956,6 +3894,7 @@ input[type="submit"].btn.btn-mini { .pager:after { display: table; content: ""; + line-height: 0; } .pager:after { clear: both; @@ -2963,7 +3902,8 @@ input[type="submit"].btn.btn-mini { .pager li { display: inline; } -.pager a { +.pager li > a, +.pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; @@ -2972,34 +3912,27 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 15px; border-radius: 15px; } -.pager a:hover { +.pager li > a:hover, +.pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } -.pager .next a { +.pager .next > a, +.pager .next > span { float: right; } -.pager .previous a { +.pager .previous > a, +.pager .previous > span { float: left; } -.pager .disabled a, -.pager .disabled a:hover { +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { color: #999999; background-color: #fff; cursor: default; } -.modal-open .dropdown-menu { - z-index: 2050; -} -.modal-open .dropdown.open { - *z-index: 2050; -} -.modal-open .popover { - z-index: 2060; -} -.modal-open .tooltip { - z-index: 2070; -} .modal-backdrop { position: fixed; top: 0; @@ -3019,12 +3952,11 @@ input[type="submit"].btn.btn-mini { } .modal { position: fixed; - top: 50%; + top: 10%; left: 50%; z-index: 1050; - overflow: auto; width: 560px; - margin: -250px 0 0 -280px; + margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); @@ -3040,17 +3972,17 @@ input[type="submit"].btn.btn-mini { -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; + outline: none; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; - -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { - top: 50%; + top: 10%; } .modal-header { padding: 9px 15px; @@ -3059,7 +3991,12 @@ input[type="submit"].btn.btn-mini { .modal-header .close { margin-top: 2px; } +.modal-header h3 { + margin: 0; + line-height: 30px; +} .modal-body { + position: relative; overflow-y: auto; max-height: 400px; padding: 15px; @@ -3085,6 +4022,7 @@ input[type="submit"].btn.btn-mini { .modal-footer:after { display: table; content: ""; + line-height: 0; } .modal-footer:after { clear: both; @@ -3096,13 +4034,16 @@ input[type="submit"].btn.btn-mini { .modal-footer .btn-group .btn + .btn { margin-left: -1px; } +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} .tooltip { position: absolute; - z-index: 1020; + z-index: 1030; display: block; visibility: visible; - padding: 5px; font-size: 11px; + line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } @@ -3111,52 +4052,24 @@ input[type="submit"].btn.btn-mini { filter: alpha(opacity=80); } .tooltip.top { - margin-top: -2px; + margin-top: -3px; + padding: 5px 0; } .tooltip.right { - margin-left: 2px; + margin-left: 3px; + padding: 0 5px; } .tooltip.bottom { - margin-top: 2px; + margin-top: 3px; + padding: 5px 0; } .tooltip.left { - margin-left: -2px; -} -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #000000; -} -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #000000; -} -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #000000; -} -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #000000; + margin-left: -3px; + padding: 0 5px; } .tooltip-inner { max-width: 200px; - padding: 3px 8px; + padding: 8px; color: #ffffff; text-align: center; text-decoration: none; @@ -3169,100 +4082,36 @@ input[type="submit"].btn.btn-mini { position: absolute; width: 0; height: 0; + border-color: transparent; + border-style: solid; } -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1010; - display: none; - padding: 5px; -} -.popover.top { - margin-top: -5px; -} -.popover.right { - margin-left: 5px; -} -.popover.bottom { - margin-top: 5px; -} -.popover.left { - margin-left: -5px; -} -.popover.top .arrow { +.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #000000; + border-width: 5px 5px 0; + border-top-color: #000000; } -.popover.right .arrow { +.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #000000; -} -.popover.bottom .arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #000000; + border-width: 5px 5px 5px 0; + border-right-color: #000000; } -.popover.left .arrow { +.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #000000; -} -.popover .arrow { - position: absolute; - width: 0; - height: 0; -} -.popover-inner { - padding: 3px; - width: 280px; - overflow: hidden; - background: #000000; - background: rgba(0, 0, 0, 0.8); - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -} -.popover-title { - padding: 9px 15px; - line-height: 1; - background-color: #f5f5f5; - border-bottom: 1px solid #eee; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; -} -.popover-content { - padding: 14px; - background-color: #ffffff; - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + border-width: 5px 0 5px 5px; + border-left-color: #000000; } -.popover-content p, -.popover-content ul, -.popover-content ol { - margin-bottom: 0; +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; } .thumbnails { margin-left: -20px; @@ -3273,6 +4122,7 @@ input[type="submit"].btn.btn-mini { .thumbnails:after { display: table; content: ""; + line-height: 0; } .thumbnails:after { clear: both; @@ -3282,23 +4132,28 @@ input[type="submit"].btn.btn-mini { } .thumbnails > li { float: left; - margin-bottom: 18px; + margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; - line-height: 1; + line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -} -a.thumbnail:hover { - border-color: #b50909; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #c14531; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); @@ -3311,10 +4166,13 @@ a.thumbnail:hover { } .thumbnail .caption { padding: 9px; + color: #555555; } .label, .badge { - font-size: 10.998px; + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; @@ -3324,19 +4182,25 @@ a.thumbnail:hover { background-color: #999999; } .label { - padding: 1px 4px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { - padding: 1px 9px 2px; + padding-left: 9px; + padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } +.label:empty, +.badge:empty { + display: none; +} a.label:hover, -a.badge:hover { +a.label:focus, +a.badge:hover, +a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; @@ -3381,9 +4245,18 @@ a.badge:hover { .badge-inverse[href] { background-color: #1a1a1a; } -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; +.btn .label, +.btn .badge { + position: relative; + top: -1px; +} +.btn-mini .label, +.btn-mini .badge { + top: 0; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; } to { background-position: 0 0; @@ -3423,17 +4296,16 @@ a.badge:hover { } .progress { overflow: hidden; - height: 18px; - margin-bottom: 18px; + height: 20px; + margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); @@ -3443,41 +4315,43 @@ a.badge:hover { } .progress .bar { width: 0%; - height: 18px; + height: 100%; color: #ffffff; + float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); - background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); - background-image: linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; - -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); +} .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; @@ -3490,88 +4364,88 @@ a.badge:hover { -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } -.progress-danger .bar { +.progress-danger .bar, +.progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); - background-image: linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } -.progress-danger.progress-striped .bar { +.progress-danger.progress-striped .bar, +.progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-success .bar { +.progress-success .bar, +.progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); - background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); - background-image: linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } -.progress-success.progress-striped .bar { +.progress-success.progress-striped .bar, +.progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-info .bar { +.progress-info .bar, +.progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); - background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); - background-image: linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } -.progress-info.progress-striped .bar { +.progress-info.progress-striped .bar, +.progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-warning .bar { +.progress-warning .bar, +.progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } -.progress-warning.progress-striped .bar { +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { - margin-bottom: 18px; + margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; @@ -3596,7 +4470,7 @@ a.badge:hover { } .carousel { position: relative; - margin-bottom: 18px; + margin-bottom: 20px; line-height: 1; } .carousel-inner { @@ -3604,47 +4478,47 @@ a.badge:hover { width: 100%; position: relative; } -.carousel .item { +.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; - -ms-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } -.carousel .item > img { +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { display: block; line-height: 1; } -.carousel .active, -.carousel .next, -.carousel .prev { +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { display: block; } -.carousel .active { +.carousel-inner > .active { left: 0; } -.carousel .next, -.carousel .prev { +.carousel-inner > .next, +.carousel-inner > .prev { position: absolute; top: 0; width: 100%; } -.carousel .next { +.carousel-inner > .next { left: 100%; } -.carousel .prev { +.carousel-inner > .prev { left: -100%; } -.carousel .next.left, -.carousel .prev.right { +.carousel-inner > .next.left, +.carousel-inner > .prev.right { left: 0; } -.carousel .active.left { +.carousel-inner > .active.left { left: -100%; } -.carousel .active.right { +.carousel-inner > .active.right { left: 100%; } .carousel-control { @@ -3671,28 +4545,62 @@ a.badge:hover { left: auto; right: 15px; } -.carousel-control:hover { +.carousel-control:hover, +.carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #ccc; + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; +} +.carousel-indicators .active { + background-color: #fff; +} .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; - padding: 10px 15px 5px; + padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #ffffff; + line-height: 20px; +} +.carousel-caption h4 { + margin: 0 0 5px; +} +.carousel-caption p { + margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; @@ -3705,1500 +4613,2030 @@ a.badge:hover { color: inherit; letter-spacing: -1px; } -.hero-unit p { - font-size: 18px; - font-weight: 200; - line-height: 27px; - color: inherit; -} -.pull-right { - float: right; -} -.pull-left { - float: left; +.hero-unit li { + line-height: 30px; } -.hide { +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -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); + white-space: normal; } -.show { - display: block; +.popover.top { + margin-top: -10px; } -.invisible { - visibility: hidden; +.popover.right { + margin-left: 10px; } -/* Font Awesome - the iconic font designed for use with Twitter Bootstrap - ------------------------------------------------------- - The full suite of pictographic icons, examples, and documentation - can be found at: http://fortawesome.github.com/Font-Awesome/ - - License - ------------------------------------------------------- - The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: - http://creativecommons.org/licenses/by/3.0/ A mention of - 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable - source code is considered acceptable attribution (most common on the web). - If human readable source code is not available to the end user, a mention in - an 'About' or 'Credits' screen is considered acceptable (most common in desktop - or mobile software). - - Contact - ------------------------------------------------------- - Email: dave@davegandy.com - Twitter: http://twitter.com/fortaweso_me - Work: Lead Product Designer @ http://kyruus.com - - */ -@font-face { - font-family: 'FontAwesome'; - src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot'); - src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); - font-weight: normal; - font-style: normal; +.popover.bottom { + margin-top: 10px; } -/* Font Awesome styles - ------------------------------------------------------- */ -[class^="icon-"]:before, -[class*=" icon-"]:before { - font-family: FontAwesome; +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; font-weight: normal; - font-style: normal; - display: inline-block; - text-decoration: inherit; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } -a [class^="icon-"], -a [class*=" icon-"] { - display: inline-block; - text-decoration: inherit; +.popover-title:empty { + display: none; } -/* makes the font 33% larger relative to the icon container */ -.icon-large:before { - vertical-align: middle; - font-size: 1.3333333333333333em; +.popover-content { + padding: 9px 14px; } -.btn [class^="icon-"], -.nav-tabs [class^="icon-"], -.btn [class*=" icon-"], -.nav-tabs [class*=" icon-"] { - /* keeps button heights with and without icons the same */ - - line-height: .9em; +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } -li [class^="icon-"], -li [class*=" icon-"] { - display: inline-block; - width: 1.25em; - text-align: center; +.popover .arrow { + border-width: 11px; } -li .icon-large:before, -li .icon-large:before { - /* 1.5 increased font size for icon-large * 1.25 width */ - - width: 1.875em; +.popover .arrow:after { + border-width: 10px; + content: ""; } -ul.icons { - list-style-type: none; - margin-left: 2em; - text-indent: -0.8em; +.popover.top .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; } -ul.icons li [class^="icon-"], -ul.icons li [class*=" icon-"] { - width: .8em; +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); } -ul.icons li .icon-large:before, -ul.icons li .icon-large:before { - /* 1.5 increased font size for icon-large * 1.25 width */ - - vertical-align: initial; +.popover.right .arrow:after { + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; } -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.icon-glass:before { - content: "\f000"; +.popover.bottom .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; } -.icon-music:before { - content: "\f001"; +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; } -.icon-search:before { - content: "\f002"; +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); } -.icon-envelope:before { - content: "\f003"; +.popover.left .arrow:after { + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; } -.icon-heart:before { - content: "\f004"; +.pull-right { + float: right; } -.icon-star:before { - content: "\f005"; +.pull-left { + float: left; } -.icon-star-empty:before { - content: "\f006"; +.hide { + display: none; } -.icon-user:before { - content: "\f007"; +.show { + display: block; } -.icon-film:before { - content: "\f008"; +.invisible { + visibility: hidden; } -.icon-th-large:before { - content: "\f009"; +.affix { + position: fixed; } -.icon-th:before { - content: "\f00a"; +.tag { + display: inline-block; + margin-bottom: 4px; + color: #111111; + background-color: #f6f6f6; + padding: 1px 10px; + border: 1px solid #dddddd; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; } -.icon-th-list:before { - content: "\f00b"; +a.tag:hover { + text-decoration: none; + color: #fff; + background-color: #d36452; + border: 1px solid #c14531; + -webkit-box-shadow: inset 0 1px 0 #dd887b; + -moz-box-shadow: inset 0 1px 0 #dd887b; + box-shadow: inset 0 1px 0 #dd887b; } -.icon-ok:before { - content: "\f00c"; +.pill { + display: inline-block; + background-color: #6f8890; + color: #ffffff; + padding: 2px 10px 1px 10px; + margin-right: 5px; + font-weight: normal; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; } -.icon-remove:before { - content: "\f00d"; +.pill a { + color: #ffffff; } -.icon-zoom-in:before { - content: "\f00e"; +.pill a.remove { + font-size: 11px; } -.icon-zoom-out:before { - content: "\f010"; +.unstyled { + margin: 0; + list-style: none; } -.icon-off:before { - content: "\f011"; +.simple-item { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-signal:before { - content: "\f012"; +.simple-item:last-of-type { + border-bottom: 0; } -.icon-cog:before { - content: "\f013"; +.simple-list { + *zoom: 1; + margin: 0; + list-style: none; } -.icon-trash:before { - content: "\f014"; +.simple-list:before, +.simple-list:after { + display: table; + content: ""; + line-height: 0; } -.icon-home:before { - content: "\f015"; +.simple-list:after { + clear: both; } -.icon-file:before { - content: "\f016"; +.simple-list > li { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-time:before { - content: "\f017"; +.simple-list > li:last-of-type { + border-bottom: 0; } -.icon-road:before { - content: "\f018"; +.simple-list .ckan-icon { + position: relative; + top: 0px; } -.icon-download-alt:before { - content: "\f019"; +.module-narrow .simple-list > li { + padding-left: 15px; + padding-right: 15px; + position: relative; } -.icon-download:before { - content: "\f01a"; +.listing li { + text-align: right; + margin-bottom: 5px; } -.icon-upload:before { - content: "\f01b"; +.listing .key { + clear: right; + font-weight: bold; } -.icon-inbox:before { - content: "\f01c"; +.js .tab-content { + display: none; } -.icon-play-circle:before { - content: "\f01d"; +.js .tab-content.active { + display: block; } -.icon-repeat:before { - content: "\f01e"; +.box { + background-color: #FFF; + border: 1px solid #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); } -/* \f020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { - content: "\f021"; +.module { + margin: 20px 0; } -.icon-list-alt:before { - content: "\f022"; +.module-heading { + *zoom: 1; + margin: 0; + padding: 7px 25px; + font-size: 14px; + line-height: 1.3; + background-color: #f6f6f6; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; } -.icon-lock:before { - content: "\f023"; +.module-heading:before, +.module-heading:after { + display: table; + content: ""; + line-height: 0; } -.icon-flag:before { - content: "\f024"; +.module-heading:after { + clear: both; } -.icon-headphones:before { - content: "\f025"; +.module-heading .action { + float: right; + color: #888888; + font-size: 12px; + line-height: 20px; + text-decoration: underline; } -.icon-volume-off:before { - content: "\f026"; +.module-heading .action:hover { + color: #444444; } -.icon-volume-down:before { - content: "\f027"; +.module-content { + padding: 0 25px; + margin: 20px 0; } -.icon-volume-up:before { - content: "\f028"; +.module-content:first-child { + margin-top: 0; + padding-top: 20px; } -.icon-qrcode:before { - content: "\f029"; +.module-content:last-child { + margin-bottom: 0; + padding-bottom: 20px; } -.icon-barcode:before { - content: "\f02a"; +.module-content > :last-child { + margin-bottom: 0; } -.icon-tag:before { - content: "\f02b"; +.module:first-child .module-heading { + -webkit-border-radius: 3px 0 0 0; + -moz-border-radius: 3px 0 0 0; + border-radius: 3px 0 0 0; + border-top-width: 0; } -.icon-tags:before { - content: "\f02c"; +.module:last-child { + margin-bottom: 20px; } -.icon-book:before { - content: "\f02d"; +.module-footer { + padding: 7px 25px 7px; + margin: 0; + border-top: 1px dotted #dddddd; } -.icon-bookmark:before { - content: "\f02e"; +.module .read-more { + font-weight: bold; + color: #000000; } -.icon-print:before { - content: "\f02f"; +.module .pagination { + height: 34px; + margin-bottom: 0; + border-top: 1px solid #dddddd; } -.icon-camera:before { - content: "\f030"; +.module-content .pagination { + margin-left: -25px; + margin-right: -25px; + margin-bottom: -20px; } -.icon-font:before { - content: "\f031"; +.module .pagination > ul { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border: 0; } -.icon-bold:before { - content: "\f032"; +.module .pagination li a { + border-top: none; + border-bottom: none; + padding-top: 7px; + padding-bottom: 7px; } -.icon-italic:before { - content: "\f033"; +.module .pagination li:first-child a, +.module .pagination li:last-child a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } -.icon-text-height:before { - content: "\f034"; +.module .pagination li:first-child a { + border-left-width: 0; } -.icon-text-width:before { - content: "\f035"; +.module .pagination li:last-child a { + border-right-width: 0; } -.icon-align-left:before { - content: "\f036"; +.module .pagination li.active a { + border-left-width: 1px; + border-right-width: 1px; } -.icon-align-center:before { - content: "\f037"; +.module-content-shallow { + padding: 0; + margin-top: 10px; + padding-bottom: 10px; } -.icon-align-right:before { - content: "\f038"; +.module h1 { + margin-bottom: 20px; } -.icon-align-justify:before { - content: "\f039"; +.module-shallow .module-content { + padding: 10px; + margin: 0; } -.icon-list:before { - content: "\f03a"; +.module-shallow .module-tags { + margin-top: 0; + margin-bottom: 0; } -.icon-indent-left:before { - content: "\f03b"; +.module-shallow .module-content:first-child { + padding-top: 10px; } -.icon-indent-right:before { - content: "\f03c"; +.module-shallow .module-content:last-child { + padding-bottom: 10px; } -.icon-facetime-video:before { - content: "\f03d"; +.module-narrow .module-heading, +.module-narrow .module-content, +.module-narrow .module-footer { + padding-left: 15px; + padding-right: 15px; } -.icon-picture:before { - content: "\f03e"; +.module-grid { + margin: 0; + list-style: none; + *zoom: 1; + margin: 0 -25px; + padding-bottom: 15px; + background: #fbfbfb url("../../../base/images/bg.png"); + border: 1px solid #dddddd; + border-width: 1px 0; } -.icon-pencil:before { - content: "\f040"; +.module-grid:before, +.module-grid:after { + display: table; + content: ""; + line-height: 0; } -.icon-map-marker:before { - content: "\f041"; +.module-grid:after { + clear: both; } -.icon-adjust:before { - content: "\f042"; +.module-item { + width: 189px; + padding: 15px; + margin: 15px 0 0 15px; + background-color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + float: left; + margin-left: 20px; + width: 460px; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 50px; + overflow: hidden; + position: relative; } -.icon-tint:before { - content: "\f043"; +.module-item span.count { + color: #999; } -.icon-edit:before { - content: "\f044"; +.module-item .media-image { + margin-bottom: 5px; } -.icon-share:before { - content: "\f045"; +.module-item .media-edit { + opacity: 0; + position: absolute; + right: 15px; + bottom: 15px; + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; } -.icon-check:before { - content: "\f046"; +.module-item:hover { + z-index: 1; } -.icon-move:before { - content: "\f047"; +.module-item:hover .media-edit { + opacity: 1; } -.icon-step-backward:before { - content: "\f048"; +.module-item.first { + clear: left; } -.icon-fast-backward:before { - content: "\f049"; +.group .content img { + margin: 0 -5px 5px; + max-width: initial; } -.icon-backward:before { - content: "\f04a"; +.group .content h3 { + font-size: 14px; + line-height: 1.3; } -.icon-play:before { - content: "\f04b"; +.group-listing { + margin-left: -20px; } -.icon-pause:before { - content: "\f04c"; +.ckanext-datapreview { + position: relative; } -.icon-stop:before { - content: "\f04d"; +.ckanext-datapreview > iframe { + min-height: 400px; } -.icon-forward:before { - content: "\f04e"; +.ckanext-datapreview > img { + max-height: 500px; + max-width: 100%; + overflow: hidden; } -.icon-fast-forward:before { - content: "\f050"; +.package-info h4 { + margin-bottom: 10px; } -.icon-step-forward:before { - content: "\f051"; +.module-resource { + background-color: #ffffff; + border-bottom: 1px solid #dddddd; + margin-top: 0; + margin-bottom: 0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.icon-eject:before { - content: "\f052"; +.module-resource .actions { + position: relative; + float: right; + top: -10px; + right: -15px; } -.icon-chevron-left:before { - content: "\f053"; +.module .module-tags { + padding-bottom: 8px; } -.icon-chevron-right:before { - content: "\f054"; +.secondary .module:first-child, +.primary .module:first-child { + margin-top: 0; } -.icon-plus-sign:before { - content: "\f055"; +.no-nav .module:last-child { + margin-top: 0; } -.icon-minus-sign:before { - content: "\f056"; +.module-image { + float: left; + width: 50px; + height: 50px; + line-height: 50px; + text-align: center; + margin-right: 15px; } -.icon-remove-sign:before { - content: "\f057"; +.module-image img { + max-width: 50px; + max-height: 50px; + vertical-align: middle; } -.icon-ok-sign:before { - content: "\f058"; +.banner { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + -o-transform-origin: center center; + transform-origin: center center; + position: absolute; + top: 15px; + right: -35px; + width: 80px; + color: #ffffff; + background-color: #c14531; + padding: 1px 20px; + font-size: 11px; + text-align: center; + text-transform: uppercase; } -.icon-question-sign:before { - content: "\f059"; +.media-grid { + margin: 0; + list-style: none; + *zoom: 1; + margin: 0 -25px; + padding-bottom: 15px; + background: #fbfbfb url("../../../base/images/bg.png"); + border: 1px solid #dddddd; + border-width: 1px 0; } -.icon-info-sign:before { - content: "\f05a"; +.media-grid:before, +.media-grid:after { + display: table; + content: ""; + line-height: 0; } -.icon-screenshot:before { - content: "\f05b"; +.media-grid:after { + clear: both; } -.icon-remove-circle:before { - content: "\f05c"; +.media-item { + position: relative; + float: left; + width: 189px; + padding: 15px; + margin: 15px 0 0 15px; + background-color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.icon-ok-circle:before { - content: "\f05d"; +.media-item span.count { + color: #999; } -.icon-ban-circle:before { - content: "\f05e"; +.media-item .media-image { + margin-bottom: 5px; } -.icon-arrow-left:before { - content: "\f060"; +.media-item .media-edit { + opacity: 0; + position: absolute; + right: 15px; + bottom: 15px; + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; } -.icon-arrow-right:before { - content: "\f061"; +.media-item:hover { + z-index: 1; } -.icon-arrow-up:before { - content: "\f062"; +.media-item:hover .media-edit { + opacity: 1; } -.icon-arrow-down:before { - content: "\f063"; +.media-view { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border: 1px solid #dddddd; + overflow: hidden; + -webkit-transition: all 0.2s ease-in; + -moz-transition: all 0.2s ease-in; + -o-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.icon-share-alt:before { - content: "\f064"; +.media-view:hover, +.media-view.hovered { + border-color: #c14531; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); } -.icon-resize-full:before { - content: "\f065"; +.media-view:hover .banner, +.media-view.hovered .banner { + background-color: #c14531; } -.icon-resize-small:before { - content: "\f066"; +.media-view span { + display: none; } -.icon-plus:before { - content: "\f067"; +.media-view .banner { + display: block; + background-color: #b7b7b7; + -webkit-transition: background-color 0.2s ease-in; + -moz-transition: background-color 0.2s ease-in; + -o-transition: background-color 0.2s ease-in; + transition: background-color 0.2s ease-in; } -.icon-minus:before { - content: "\f068"; +.media-image { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } -.icon-asterisk:before { - content: "\f069"; +.media-heading { + font-size: 18px; + line-height: 1.3; + margin: 5px 0; } -.icon-exclamation-sign:before { - content: "\f06a"; +.media-overlay { + position: relative; + min-height: 35px; } -.icon-gift:before { - content: "\f06b"; +.media-overlay .media-heading { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 12px 10px; + margin: 0; + background-color: #000; + background-color: rgba(0, 0, 0, 0.8); + font-size: 13px; + color: #fff; + z-index: 1; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } -.icon-leaf:before { - content: "\f06c"; +.media-overlay .media-image { + float: none; + display: block; + margin-right: 0; } -.icon-fire:before { - content: "\f06d"; +.media-item.is-expander .truncator-link { + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; + position: absolute; + z-index: 10; + left: 15px; + bottom: 15px; + opacity: 0; } -.icon-eye-open:before { - content: "\f06e"; +.media-item.is-expander:hover { + padding-bottom: 35px; } -.icon-eye-close:before { - content: "\f070"; +.media-item.is-expander:hover .truncator-link { + opacity: 1; } -.icon-warning-sign:before { - content: "\f071"; +.wide .media-item { + width: 186px; } -.icon-plane:before { - content: "\f072"; +.nav-simple, +.nav-aside { + *zoom: 1; + margin: 0; + list-style: none; + padding-bottom: 0; } -.icon-calendar:before { - content: "\f073"; +.nav-simple:before, +.nav-aside:before, +.nav-simple:after, +.nav-aside:after { + display: table; + content: ""; + line-height: 0; } -.icon-random:before { - content: "\f074"; +.nav-simple:after, +.nav-aside:after { + clear: both; } -.icon-comment:before { - content: "\f075"; +.nav-simple > li, +.nav-aside > li { + font-size: 12px; + line-height: 1.1666666666666667em; + padding: 7px 25px; + border-bottom: 1px dotted #dddddd; } -.icon-magnet:before { - content: "\f076"; +.nav-simple > li:last-of-type, +.nav-aside > li:last-of-type { + border-bottom: 0; } -.icon-chevron-up:before { - content: "\f077"; +.nav-simple .ckan-icon, +.nav-aside .ckan-icon { + position: relative; + top: 0px; } -.icon-chevron-down:before { - content: "\f078"; +.nav-aside { + border-top: 1px dotted #DDD; + border-bottom: 1px dotted #DDD; + margin-bottom: 15px; } -.icon-retweet:before { - content: "\f079"; +.nav-item > a, +.nav-aside li a { + color: #333333; + font-size: 14px; + line-height: 20px; + margin: -7px -25px; + padding: 7px 25px; } -.icon-shopping-cart:before { - content: "\f07a"; +.nav-item.active, +.nav-aside li.active { + background-color: #f6f6f6; } -.icon-folder-close:before { - content: "\f07b"; +.nav-item.active > a, +.nav-aside li.active a { + position: relative; + color: #ffffff; + background-color: #8ca0a6; } -.icon-folder-open:before { - content: "\f07c"; +.nav-item.active > a:hover, +.nav-aside li.active a:hover { + color: #ffffff; + background-color: #8ca0a6; } -.icon-resize-vertical:before { - content: "\f07d"; +.nav-item.active > a:before, +.nav-aside li.active a:before { + content: ' '; + position: absolute; + top: 0; + right: -6px; + width: 6px; + height: 34px; + background-image: url("../../../base/images/nav-active.png?1"); } -.icon-resize-horizontal:before { - content: "\f07e"; +.nav-item.active > a span, +.nav-aside li.active a span { + white-space: nowrap; + overflow: hidden; + display: block; } -.icon-bar-chart:before { - content: "\f080"; +.module-narrow .nav-item > a, +.module-narrow .nav-aside li a { + padding-left: 15px; + padding-right: 15px; + position: relative; } -.icon-twitter-sign:before { - content: "\f081"; +.module-narrow .nav-item.image, +.module-narrow .nav-aside li.image { + position: relative; } -.icon-facebook-sign:before { - content: "\f082"; +.module-narrow .nav-item.image > a, +.module-narrow .nav-aside li.image a { + padding-left: 42px; + padding-right: 42px; } -.icon-camera-retro:before { - content: "\f083"; +.module-narrow .nav-item.image > img, +.module-narrow .nav-aside li.image img { + position: absolute; + top: 50%; + left: 15px; + width: 20px; + height: 20px; + margin-top: -10px; + z-index: 2; } -.icon-key:before { - content: "\f084"; +.nav-facet .nav-item > a:hover:after, +.nav-facet .nav-item.active > a:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + content: ""; + position: absolute; + top: 50%; + right: 5px; + margin-top: -8px; } -.icon-cogs:before { - content: "\f085"; +.nav-facet .nav-item > a:hover:after { + width: 17px; + height: 17px; + background-position: -17px -16px; } -.icon-comments:before { - content: "\f086"; +.nav-facet .nav-item.active > a:after { + width: 17px; + height: 17px; + background-position: 0px -16px; + right: 3px; } -.icon-thumbs-up:before { - content: "\f087"; +.user-list { + margin: 0; + list-style: none; } -.icon-thumbs-down:before { - content: "\f088"; +.user-list li { + margin: 0 0 10px 0; } -.icon-star-half:before { - content: "\f089"; +.user-list .gravatar { + vertical-align: -4px; + margin-right: 3px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; } -.icon-heart-empty:before { - content: "\f08a"; +.nav-facet-tertiary { + margin: 10px 0; } -.icon-signout:before { - content: "\f08b"; +.nav-facet-tertiary .module-heading { + margin-bottom: 5px; + padding: 8px 12px; + border-bottom-width: 0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } -.icon-linkedin-sign:before { - content: "\f08c"; +.nav-facet-tertiary .module-heading i { + display: none; } -.icon-pushpin:before { - content: "\f08d"; +.nav-facet-tertiary .module-footer { + padding: 8px 12px; + border-top-width: 0; } -.icon-external-link:before { - content: "\f08e"; +.nav-facet-tertiary .module-footer a { + font-weight: normal; + color: #8C8C8C; } -.icon-signin:before { - content: "\f090"; +.nav-facet-tertiary .nav { + margin-bottom: 0; } -.icon-trophy:before { - content: "\f091"; +.nav-facet-tertiary .module-content.empty { + padding: 8px 12px; + margin-top: 0; } -.icon-github-sign:before { - content: "\f092"; +.nav-facet-tertiary .nav li.active { + position: relative; } -.icon-upload-alt:before { - content: "\f093"; +.nav-facet-tertiary .nav li.active > a:hover:after, +.nav-facet-tertiary .nav li.active > a:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + width: 17px; + height: 17px; + background-position: 0px -16px; + content: ""; + position: absolute; + top: 50%; + right: 5px; + margin-top: -8px; } -.icon-lemon:before { - content: "\f094"; +.nav-simple > .nav-btn { + padding-left: 0; + padding-right: 0; + text-align: center; } -.icon-phone:before { - content: "\f095"; +.nav-simple > .nav-btn .btn { + display: inline-block; } -.icon-check-empty:before { - content: "\f096"; +.js .js-hide { + display: none; } -.icon-bookmark-empty:before { - content: "\f097"; +.js .js-hide.active { + display: block; } -.icon-phone-sign:before { - content: "\f098"; +.btn, +label { + font-weight: bold; } -.icon-twitter:before { - content: "\f099"; +.btn-rounded { + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; + padding-left: 15px; + padding-right: 15px; } -.icon-facebook:before { - content: "\f09a"; +label { + cursor: pointer; + font-size: 14px; } -.icon-github:before { - content: "\f09b"; +label:after { + content: ":"; } -.icon-unlock:before { - content: "\f09c"; +label.radio:after, +label.checkbox:after { + content: ""; } -.icon-credit-card:before { - content: "\f09d"; +input[type=radio], +input[type=checkbox] { + position: relative; + top: 7px; + padding: 0; + margin: 0; } -.icon-rss:before { - content: "\f09e"; +input[type=radio].checkbox-onown, +input[type=checkbox].checkbox-onown { + top: 0; } -.icon-hdd:before { - content: "\f0a0"; +select { + padding: 4px; } -.icon-bullhorn:before { - content: "\f0a1"; +textarea { + max-width: 100%; } -.icon-bell:before { - content: "\f0a2"; +.control-group .btn { + position: relative; + top: -2px; } -.icon-certificate:before { - content: "\f0a3"; +.control-full input, +.control-full select, +.control-full textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: auto; + width: 100%; } -.icon-hand-right:before { - content: "\f0a4"; +.control-medium input, +.control-medium select, +.control-medium textarea { + width: 320px; } -.icon-hand-left:before { - content: "\f0a5"; +.control-large input, +.control-large .control-label { + font-size: 17.5px; + line-height: 30px; } -.icon-hand-up:before { - content: "\f0a6"; +.control-large input { + height: 41px; } -.icon-hand-down:before { - content: "\f0a7"; +.form-actions { + background: none; + margin-left: -25px; + margin-right: -25px; + margin-bottom: 0; + padding-bottom: 0; + text-align: right; } -.icon-circle-arrow-left:before { - content: "\f0a8"; +.form-actions .action-info { + float: left; + width: 50%; + line-height: 2; + text-align: left; + color: #707070; + margin: 0; } -.icon-circle-arrow-right:before { - content: "\f0a9"; +.form-actions .action-info.small { + font-size: 11px; + line-height: 1.2; } -.icon-circle-arrow-up:before { - content: "\f0aa"; +.form-horizontal .control-label { + width: 120px; } -.icon-circle-arrow-down:before { - content: "\f0ab"; +.form-horizontal .controls { + margin-left: 130px; } -.icon-globe:before { - content: "\f0ac"; +.form-horizontal .info-block { + position: relative; + display: block; + font-size: 11px; + color: #aaaaaa; + line-height: 1.3; + padding: 6px 0 6px 25px; + margin-top: 6px; } -.icon-wrench:before { - content: "\f0ad"; +.form-horizontal .info-help { + padding: 6px 0; } -.icon-tasks:before { - content: "\f0ae"; +.form-horizontal .info-help:before { + display: none; } -.icon-filter:before { - content: "\f0b0"; +.form-horizontal .info-help-tight { + margin-top: -10px; } -.icon-briefcase:before { - content: "\f0b1"; +.form-horizontal .info-inline { + float: right; + width: 265px; + margin-top: 0; + padding-bottom: 0; } -.icon-fullscreen:before { - content: "\f0b2"; +.form-horizontal .control-medium .info-block.info-inline { + width: 165px; } -.icon-group:before { - content: "\f0c0"; +.form-horizontal .info-block:before { + font-size: 2.2em; + position: absolute; + left: 0; + top: 2px; } -.icon-link:before { - content: "\f0c1"; +.form-horizontal .info-inline:before { + top: 8px; } -.icon-cloud:before { - content: "\f0c2"; +.info-block .icon-large, +.info-inline .icon-large { + float: left; + font-size: 22px; + margin-right: 15px; } -.icon-beaker:before { - content: "\f0c3"; +.form-horizontal .info-block a { + color: #aaaaaa; + text-decoration: underline; } -.icon-cut:before { - content: "\f0c4"; +.form-horizontal .form-actions { + padding-left: 25px; + padding-right: 25px; } -.icon-copy:before { - content: "\f0c5"; +.form-inline input { + padding-bottom: 9px; } -.icon-paper-clip:before { - content: "\f0c6"; -} -.icon-save:before { - content: "\f0c7"; +.form-inline select { + margin-top: 0; } -.icon-sign-blank:before { - content: "\f0c8"; +.form-inline .btn { + margin-left: 5px; } -.icon-reorder:before { - content: "\f0c9"; +.form-narrow label { + margin-bottom: 0; } -.icon-list-ul:before { - content: "\f0ca"; +.form-narrow select { + width: 100%; } -.icon-list-ol:before { - content: "\f0cb"; +.form-narrow .form-actions { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px 0; } -.icon-strikethrough:before { - content: "\f0cc"; +.form-select label { + margin-right: 5px; } -.icon-underline:before { - content: "\f0cd"; +.simple-input label, +.simple-input button { + display: none; } -.icon-table:before { - content: "\f0ce"; +.simple-input .field { + position: relative; } -.icon-magic:before { - content: "\f0d0"; +.simple-input .field-bordered { + border-bottom: 1px dotted #dddddd; } -.icon-truck:before { - content: "\f0d1"; +.simple-input .field input { + width: 100%; + height: auto; + margin: 0 -7px; + padding: 7px 5px; } -.icon-pinterest:before { - content: "\f0d2"; +.simple-input .field .btn-search { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + background-position: -51px -16px; + position: absolute; + display: block; + height: 17px; + width: 17px; + top: 50%; + right: 0; + margin-top: -8px; + background-color: transparent; + border: none; + text-indent: -999em; } -.icon-pinterest-sign:before { - content: "\f0d3"; +.editor textarea { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + border-bottom: none; } -.icon-google-plus-sign:before { - content: "\f0d4"; +.editor .editor-info-block { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + display: block; + float: none; + padding: 4px 10px; + background: #ebebeb; + width: auto; + border: 1px solid #cccccc; + border-top: none; + font-size: 11px; + color: #282828; } -.icon-google-plus:before { - content: "\f0d5"; +.editor .editor-info-block a { + color: #c14531; + text-decoration: none; } -.icon-money:before { - content: "\f0d6"; +.control-custom { + font-size: 0; } -.icon-caret-down:before { - content: "\f0d7"; +.control-custom label { + margin-bottom: 0; } -.icon-caret-up:before { - content: "\f0d8"; +.control-custom input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + width: 140px; } -.icon-caret-left:before { - content: "\f0d9"; +.control-custom input:last-of-type { + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; } -.icon-caret-right:before { - content: "\f0da"; +.control-custom .checkbox { + display: inline-block; + margin-left: 5px; } -.icon-columns:before { - content: "\f0db"; +.control-custom .checkbox input { + width: auto; } -.icon-sort:before { - content: "\f0dc"; +.control-custom.disabled label, +.control-custom.disabled input { + color: #aaaaaa; + text-decoration: line-through; + text-shadow: none; } -.icon-sort-down:before { - content: "\f0dd"; +.control-custom.disabled input { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background-color: #f3f3f3; } -.icon-sort-up:before { - content: "\f0de"; +.control-custom.disabled .checkbox { + color: #444444; + text-decoration: none; } -.icon-envelope-alt:before { - content: "\f0e0"; +.control-custom .checkbox.btn { + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + position: relative; + top: 0; + left: 5px; + height: 1px; + width: 9px; + padding: 3px 8px; + line-height: 18px; } -.icon-linkedin:before { - content: "\f0e1"; +.control-custom .checkbox.btn span { + display: none; + width: 30px; } -.icon-undo:before { - content: "\f0e2"; +.control-custom .checkbox.btn:before { + position: relative; + top: 1px; + left: -1px; + color: #fff; } -.icon-legal:before { - content: "\f0e3"; +.control-custom .checkbox.btn input { + display: none; } -.icon-dashboard:before { - content: "\f0e4"; +.control-custom.disabled .checkbox.btn { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #cc5845; + background-image: -moz-linear-gradient(top, #d36452, #c14531); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d36452), to(#c14531)); + background-image: -webkit-linear-gradient(top, #d36452, #c14531); + background-image: -o-linear-gradient(top, #d36452, #c14531); + background-image: linear-gradient(to bottom, #d36452, #c14531); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd36452', endColorstr='#ffc14531', GradientType=0); + border-color: #c14531 #c14531 #842f22; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #c14531; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } -.icon-comment-alt:before { - content: "\f0e5"; +.control-custom.disabled .checkbox.btn:hover, +.control-custom.disabled .checkbox.btn:focus, +.control-custom.disabled .checkbox.btn:active, +.control-custom.disabled .checkbox.btn.active, +.control-custom.disabled .checkbox.btn.disabled, +.control-custom.disabled .checkbox.btn[disabled] { + color: #ffffff; + background-color: #c14531; + *background-color: #ad3e2c; } -.icon-comments-alt:before { - content: "\f0e6"; +.control-custom.disabled .checkbox.btn:active, +.control-custom.disabled .checkbox.btn.active { + background-color: #983627 \9; } -.icon-bolt:before { - content: "\f0e7"; +.control-custom.disabled .checkbox.btn .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; } -.icon-sitemap:before { - content: "\f0e8"; +.alert-danger a, +.alert-error a { + color: #b55457; } -.icon-umbrella:before { - content: "\f0e9"; +.control-group.error input, +.control-group.error select, +.control-group.error textarea, +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + border-color: #c6898b; } -.icon-paste:before { - content: "\f0ea"; +.error-inline { + color: #b55457; } -.icon-user-md:before { - content: "\f200"; +.error-block, +.error-inline { + font-size: 12px; } -.pill { - background-color: #cccccc; +.error-block { + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + display: block; + padding: 6px 8px 3px; + background: #c6898b; + margin: -3px 0 0; color: #ffffff; - padding: 1px 5px 1px 8px; - margin-right: 5px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; + width: 208px; } -.pill a { - color: #ffffff; +.control-medium .error-block { + width: 318px; } -.pill a.remove { - font-size: 11px; +.control-full .error-block { + width: auto; } -.tag { - background: url("../../../base/images/background-tag.png") no-repeat -13px center; - position: relative; - display: block; - font-size: 11px; - line-height: 27px; - color: #b50909; - padding-left: 10px; - padding-right: 5px; - margin-right: 11px; +.control-group.error .input-prepend .error-block, +.control-custom.error .error-block { + width: auto; } -.tag:before { - content: ""; - background: url("../../../base/images/background-tag.png") no-repeat center left; - position: absolute; - display: block; - top: 0; - bottom: 0; - right: -11px; - width: 11px; +.control-custom.error .error-block { + width: 401px; } -.unstyled { - margin: 0; - list-style: none; -} -.simple-item { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; -} -.simple-item:last-of-type { - border-bottom: 0; +.control-select.error .error-block { + width: 196px; } -.simple-list { - *zoom: 1; +.stages { margin: 0; list-style: none; + *zoom: 1; + color: #aeaeae; + counter-reset: stage; + margin: -20px -25px 20px; + overflow: hidden; } -.simple-list:before, -.simple-list:after { +.stages:before, +.stages:after { display: table; content: ""; + line-height: 0; } -.simple-list:after { +.stages:after { clear: both; } -.simple-list > li { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; +.stages li { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + line-height: 27px; + counter-increment: stage; + width: 33.33%; + background-color: #ededed; + float: left; + padding: 10px 20px; + position: relative; + z-index: 0; } -.simple-list > li:last-of-type { - border-bottom: 0; +.stages li:before { + -webkit-border-radius: 14px; + -moz-border-radius: 14px; + border-radius: 14px; + content: counter(stage); + display: inline-block; + width: 27px; + height: 27px; + margin-right: 5px; + font-weight: bold; + text-align: center; + color: #ffffff; + background-color: #aeaeae; + z-index: 1; } -.simple-list .ckan-icon { - position: relative; - top: 0px; +.stages li:after { + left: 0; + border: solid rgba(237, 237, 237, 0); + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-top-color: #ededed; + border-bottom-color: #ededed; + border-width: 29px; + top: 50%; + margin-top: -29px; + margin-left: -30px; } -.module-narrow .simple-list > li { - padding-left: 15px; - padding-right: 15px; +.stages li.last { position: relative; + right: -1px; } -.listing li { - text-align: right; - margin-bottom: 5px; -} -.listing .key { - clear: right; - font-weight: bold; +.stages li.last, +.stages li.last .highlight { + -webkit-border-radius: 0 3px 0 0; + -moz-border-radius: 0 3px 0 0; + border-radius: 0 3px 0 0; } -.js .tab-content { - display: none; +.stages li.first:after { + content: none; + border: none; } -.js .tab-content.active { - display: block; +.stages li.active:after { + border-color: rgba(140, 198, 138, 0); + border-top-color: #8cc68a; + border-bottom-color: #8cc68a; } -.module { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); - background-color: #ffffff; - margin-bottom: 20px; +.stages li.complete:after { + border-color: rgba(197, 226, 196, 0); + border-top-color: #c5e2c4; + border-bottom-color: #c5e2c4; } -.module-heading { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - font-size: 14px; - line-height: 1.3; - padding: 7px 25px; - border-bottom: 1px solid #d0d0d0; - background-color: #f3f3f3; - background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: linear-gradient(top, #f5f5f5, #f0f0f0); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); +.stages.stage-3 li.complete:first-child:after { + content: none; } -.module-heading-secondary { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - border-top: 1px solid #d0d0d0; +.stages li.active, +.stages li.complete { + background: none; } -.module-heading [class^=icon]:before { - font-size: 1.2em; - line-height: 1; - position: relative; - top: 1px; - margin-right: 0.1em; +.stages li.active:before { + color: #8cc68a; + background: #ffffff; } -.module-heading .action { - float: right; - color: #8c8c8c; - font-size: 11px; - text-decoration: underline; +.stages li.complete:before { + color: #c5e2c4; + background: #eef6ed; } -.module-content { - padding: 0 25px; - margin: 20px 0; +.stages li .highlight { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + padding: 10px 52px; + border: none; + text-align: left; + text-decoration: none; + line-height: 27px; + z-index: -1; } -.module-content:first-child { - margin-top: 0; - padding-top: 20px; +.stages li.active .highlight { + color: #ffffff; + background: #8cc68a; } -.module-content:last-child { - margin-bottom: 0; - padding-bottom: 20px; +.stages li.complete .highlight { + color: #eef6ed; + background: #c5e2c4; } -.module-content > :last-child { +.alert > :last-child { margin-bottom: 0; } -.module-border-top { - border-top: 1px dotted #cccccc; +.slug-preview { + font-size: 14px; + line-height: 1.5; + margin-top: 5px; + margin-left: 10px; } -.module-border-bottom { - border-bottom: 1px dotted #cccccc; +.slug-preview-value { + background-color: #faedcf; + margin-right: 3px; } -.module-footer { - padding: 7px 25px 7px; - border-top: 1px dotted #cccccc; +.resource-upload-field { + position: relative; + overflow: hidden; + display: inline-block; + vertical-align: bottom; } -.module .read-more { - font-weight: bold; - color: #000000; +.resource-upload-field label { + z-index: 0; } -.module .pagination { - height: 34px; - margin-bottom: 0; - border-top: 1px solid #d0d0d0; +.resource-upload-field input { + opacity: 0; + filter: alpha(opacity=0); + position: absolute; + top: 0; + right: 0; + z-index: 1; + margin: 0; + border: solid transparent; + border-width: 100px 0 0 200px; + cursor: pointer; + direction: ltr; + -moz-transform: translate(-300px, 0) scale(4); } -.module .pagination > ul { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - border: 0; +.resource-upload-field.loading { + display: inline-block; + background: url("../../../base/images/loading-spinner.gif") no-repeat center right; + padding-right: 5px; } -.module .pagination li a { - border-top: none; - border-bottom: none; +.select2-container .select2-choice input, +.select2-container-multi .select2-choices .select2-search-field:first-child input { + font-size: 14px; } -.module .pagination li:first-child a, -.module .pagination li:last-child a { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +.select2-container-multi .select2-choices .select2-search-field input { + height: 29px; } -.module .pagination li:first-child a { - border-left-width: 0; +.select2-container .select2-choice input, +.select2-container-multi .select2-choices .select2-search-field:first-child input { + padding-left: 10px; } -.module .pagination li:last-child a { - border-right-width: 0; +.select2-container { + margin-top: 1px; } -.module .pagination li.active a { - border-left-width: 1px; - border-right-width: 1px; +.select2-container-multi { + margin-top: 0; } -.module .action { - text-align: center; +.select2-container-multi .select2-choices .select2-search-choice { + padding: 5px 8px 5px 22px; } -.module-shallow .module-content { - padding: 10px; - margin: 0; +.select2-container-multi.select2-container .select2-choices { + padding-top: 3px; + padding-bottom: 3px; } -.module-shallow .module-content:first-child { - padding-top: 10px; -} -.module-shallow .module-content:last-child { - padding-bottom: 10px; +.select2-search-choice-close, +.select2-container-multi .select2-search-choice-close { + top: 6px; + left: 5px; } -.module-shallow small { - font-size: 11px; - display: block; +.select2-container-multi .select2-choices { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; + background-color: #ffffff; + border: 1px solid #cccccc; } -.module-narrow .module-heading, -.module-narrow .module-content, -.module-narrow .module-footer { - padding-left: 15px; - padding-right: 15px; +.select2-container-active .select2-choices, +.select2-container-multi.select2-container-active .select2-choices { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } -.module-grid { - margin: 0; - list-style: none; - margin: 0; - list-style: none; - *zoom: 1; - margin-left: -20px; - padding: 0; +.select2-container-multi .select2-drop { + margin-top: -2px; } -.module-grid:before, -.module-grid:after { - display: table; - content: ""; +.select2-container .select2-results li { + line-height: 18px; + padding-top: 4px; + padding-bottom: 4px; } -.module-grid:after { - clear: both; +.control-full .select2-container { + width: 520px !important; } -.module-item { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - width: 33.33%; - padding-left: 20px; - padding-bottom: 25px; - float: left; - float: left; - margin-left: 20px; - width: 460px; - padding-top: 10px; - padding-bottom: 10px; - padding-right: 50px; - overflow: hidden; - position: relative; +.control-group.error .select2-container input:focus, +.control-group.error .select2-container select:focus, +.control-group.error .select2-container textarea:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } -.module-item.first { - clear: left; +.dataset-item { + border-bottom: 1px dotted #dddddd; + padding-bottom: 20px; + margin-bottom: 20px; } -.group .content img { - margin: 0 -5px 5px; - max-width: initial; +.dataset-item:last-of-type { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; } -.group .content h3 { - font-size: 14px; +.dataset-heading { + font-size: 16px; + margin-top: 0; + margin-bottom: 8px; line-height: 1.3; } -.group-listing { - margin-left: -20px; +.dataset-heading a { + color: #333333; } -.ckanext-datapreview { +.dataset-heading .label { position: relative; + top: -1px; } -.ckanext-datapreview > iframe { - min-height: 400px; -} -.ckanext-datapreview > img { - max-height: 500px; - max-width: 100%; - overflow: hidden; +.dataset-private { + margin-right: 10px; + text-transform: uppercase; } -.package-info h4 { - margin-bottom: 10px; +.dataset-private .icon-lock { + width: 9px; } -.media { - position: relative; - overflow: hidden; +.dataset-private.pull-right { + margin-right: 0; } -.media-content > :last-child { - margin-bottom: 0; +.dataset-resources { + margin-top: 8px; } -.media-heading { - font-size: 14px; - line-height: 1.3em; - margin: 5px 0; +.dataset-resources li { + display: inline; } -.media-image, -.media .gravatar { - position: relative; - float: left; - margin-right: 10px; - overflow: hidden; +.dataset-resources li a { + background-color: #aaaaaa; } -.media-image:after { - -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); - content: ""; - position: absolute; +.dataset-heading .popular { top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 1; } -.media-image img { - display: block; - margin: 0 auto; -} -.media-vertical .media-image, -.media-vertical .media-content { - float: none; - display: block; -} -.media-vertical .media-image { - margin-right: 0; - max-height: 125px; -} -.media-grid, -ul.media-grid, -ol.media-grid { +.resource-list { margin: 0; list-style: none; - *zoom: 1; - margin-left: -20px; + margin: -10px -10px 10px -10px; } -.media-grid:before, -ul.media-grid:before, -ol.media-grid:before, -.media-grid:after, -ul.media-grid:after, -ol.media-grid:after { - display: table; - content: ""; +.resource-item { + position: relative; + padding: 10px 10px 10px 60px; + margin-bottom: 0px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.media-grid:after, -ul.media-grid:after, -ol.media-grid:after { - clear: both; +.resource-item:hover { + background-color: #eeeeee; } -.media-item { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - width: 33.33%; - padding-left: 20px; - padding-bottom: 25px; - float: left; +.resource-item .heading { + color: #000000; + font-size: 14px; + font-weight: bold; } -.media-item.first { - clear: left; +.resource-item .format-label { + position: absolute; + top: 10px; + left: 10px; } -.media-item .media-content { - min-height: 63px; +.resource-item .description { + font-size: 12px; + margin-bottom: 0; } -.related-item.expanded { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - background-color: #ffffff; - background-color: rgba(255, 255, 255, 0.9); - z-index: 2; +.resource-item .btn-group { + position: absolute; + top: 14px; + right: 10px; } -.media-wide { - padding: 0; +.dataset-resource-form .dataset-form-resource-types { + margin-bottom: 5px; } -.media-wide .media { - float: left; - margin-left: 20px; - width: 460px; +.dataset-form-resource-types .ckan-icon { + position: relative; + top: 3px; } -.media-overlay { +.dataset-form-resource-types .radio { + font-weight: normal; + padding-left: 0; + padding-right: 18px; +} +.dataset-form-resource-types label { position: relative; - min-height: 35px; } -.media-overlay .media-heading { +.dataset-form-resource-types input[type=radio]:checked + label { + font-weight: bold; +} +.dataset-form-resource-types input[type=radio]:checked + label:after { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + width: 16px; + height: 16px; + background-position: -192px 0; + display: block; + content: ""; position: absolute; + top: auto; left: 0; - right: 0; - bottom: 0; - padding: 12px 10px; + bottom: -12px; +} +.dataset-form-resource-types input[type=radio] { + display: none; +} +.tag-list { margin: 0; - background-color: #000; - background-color: rgba(0, 0, 0, 0.8); - font-size: 13px; - color: #fff; - z-index: 1; + list-style: none; + padding: 10px 10px 5px 10px; } -.media-overlay .media-image { - float: none; - display: block; +.tag-list li { + display: inline-block; + margin-right: 5px; +} +.tag-list li:last-child { margin-right: 0; } -.banner { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: center center; - -moz-transform-origin: center center; - -ms-transform-origin: center center; - -o-transform-origin: center center; - transform-origin: center center; - position: absolute; - top: 15px; - right: -35px; - width: 80px; - color: #ffffff; - background: #707070; - padding: 1px 20px; - font-size: 11px; - text-align: center; - text-transform: uppercase; +.additional-info td, +.additional-info th { + width: 50%; } -.nav-simple { - *zoom: 1; - margin: 0; - list-style: none; - padding-bottom: 0; +.label[data-format=html], +.label[data-format*=html] { + background-color: #55a1ce; } -.nav-simple:before, -.nav-simple:after { - display: table; - content: ""; +.label[data-format=json], +.label[data-format*=json] { + background-color: #ef7100; } -.nav-simple:after { - clear: both; +.label[data-format=xml], +.label[data-format*=xml] { + background-color: #ef7100; } -.nav-simple > li { - font-size: 12px; - line-height: 1.1666666666666667em; - padding: 7px 25px; - border-bottom: 1px dotted #cccccc; +.label[data-format=text], +.label[data-format*=text] { + background-color: #74cbec; } -.nav-simple > li:last-of-type { - border-bottom: 0; +.label[data-format=csv], +.label[data-format*=csv] { + background-color: #dfb100; } -.nav-simple .ckan-icon { - position: relative; - top: 0px; +.label[data-format=xls], +.label[data-format*=xls] { + background-color: #2db55d; } -.nav-item > a { - color: #333333; - margin: -7px -25px; - padding: 7px 25px; +.label[data-format=zip], +.label[data-format*=zip] { + background-color: #686868; } -.nav-item.active { - background-color: #f2f2f2; +.label[data-format=api], +.label[data-format*=api] { + background-color: #ec96be; } -.nav-item.active > a span { - white-space: nowrap; - overflow: hidden; - display: block; +.label[data-format=pdf], +.label[data-format*=pdf] { + background-color: #e0051e; +} +.label[data-format=rdf], +.label[data-format*=rdf], +.label[data-format*=nquad], +.label[data-format*=ntriples], +.label[data-format*=turtle] { + background-color: #0b4498; } -.nav-item.active > a { - background: url("../../../base/images/background-tag.png") no-repeat -13px center; +.search-form { + margin-bottom: 20px; + padding-bottom: 25px; + border-bottom: 1px dotted #dddddd; +} +.search-form .search-input { position: relative; - display: block; - font-size: 11px; - line-height: 27px; - color: #b50909; - padding-left: 10px; - padding-right: 5px; - margin-right: 11px; + margin-bottom: 20px; +} +.search-form .search-input input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - -ms-box-sizing: border-box; box-sizing: border-box; - font-size: 12px; - font-weight: bold; - position: relative; - left: 4px; - margin-left: -25px; - margin-right: -20px; - padding-left: 10px; - padding-right: 0px; - padding: 1px 22px; + margin: 0; + width: 100%; + height: auto; } -.nav-item.active > a:before { - content: ""; - background: url("../../../base/images/background-tag.png") no-repeat center left; - position: absolute; +.search-form .search-input button { + cursor: pointer; display: block; - top: 0; - bottom: 0; - right: -11px; - width: 11px; + position: absolute; + top: 50%; + margin-top: -10px; + right: 10px; + height: 20px; + padding: 0; + border: none; + background: transparent; } -.nav-item [class^=icon] { - font-size: 1.2em; - margin: -1px 0 -1px -1px; +.search-form .search-input button span { + display: none; } -.module-narrow .nav-item > a { - padding-left: 15px; - padding-right: 15px; - position: relative; +.search-form .search-input button i { + color: #cccccc; + -webkit-transition: color 0.2s ease-in; + -moz-transition: color 0.2s ease-in; + -o-transition: color 0.2s ease-in; + transition: color 0.2s ease-in; } -.module-narrow .nav-item.active > a { - padding-left: 12px; - padding-right: 12px; +.search-form .search-input button:hover i { + color: #000000; } -.module-narrow .nav-item.image { - position: relative; +.search-form .search-input.search-giant input { + font-size: 16px; + padding: 15px; } -.module-narrow .nav-item.image > a { - padding-left: 42px; - padding-right: 42px; +.search-form .search-input.search-giant button { + margin-top: -15px; + right: 15px; + height: 30px; } -.module-narrow .nav-item.image > img { - position: absolute; - top: 50%; - left: 15px; - width: 20px; - height: 20px; - margin-top: -10px; - z-index: 2; +.search-form .search-input.search-giant button i { + font-size: 28px; + width: 28px; } -.nav-facet .nav-item > a:hover:after, -.nav-facet .nav-item.active > a:after { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - content: ""; - position: absolute; - top: 50%; - right: 5px; - margin-top: -8px; +.search-form .control-order-by { + float: right; + margin: 0 0 0 15px; } -.nav-facet .nav-item > a:hover:after:last-child, -.nav-facet .nav-item.active > a:after:last-child { - *margin-left: 0; +.search-form .control-order-by label, +.search-form .control-order-by select { + display: inline; } -.nav-facet .nav-item > a:hover:after { - width: 17px; - height: 17px; - background-position: -17px -16px; +.search-form .control-order-by select { + width: 160px; + margin: 0; } -.nav-facet .nav-item.active > a:after { - width: 17px; - height: 17px; - background-position: 0px -16px; - right: 3px; +.search-form h2 { + font-size: 24px; + line-height: 1.3; + color: #000000; + margin-bottom: 0; } -.js .js-hide { - display: none; +.search-form .filter-list { + color: #444444; + line-height: 32px; + margin: 10px 0 0 0; } -.js .js-hide.active { +.search-form .filter-list .pill { + line-height: 21px; +} +.search-form .filter-list .extra { + margin-top: 10px; + font-size: 18px; + font-weight: normal; + color: #000000; +} +.tertiary .control-order-by { + float: none; + margin: 0; +} +.tertiary .control-order-by label { display: block; + margin-bottom: 5px; + font-weight: normal; + font-size: 12px; } -.btn, -label { - font-weight: bold; +.tertiary .control-order-by select { + display: block; + font-size: 12px; + width: 100%; } -label { - cursor: pointer; - font-size: 14px; - line-height: 2; +.tertiary .search-input { + margin-bottom: 10px; } -label:after { - content: ":"; +.group .media-vertical .image { + margin: 0 -5px 5px; } -label.radio:after, -label.checkbox:after { - content: ""; +.group-list:nth-child(odd) { + clear: left; } -input, -textarea, -select, -.uneditable-input { - font-size: 14px; - padding: 8px 10px; +.group-list .module-heading { + padding-top: 15px; + padding-bottom: 15px; } -input[type=radio], -input[type=checkbox] { - position: relative; - top: 7px; - padding: 0; - margin: 0; +.group-list .dataset-content { + min-height: 54px; } -input[type=radio].checkbox-onown, -input[type=checkbox].checkbox-onown { - top: 0; +.group-list .module-heading h3 { + margin-bottom: 2px; } -select { - margin-top: 6px; - padding: 4px; +.group-list .module-heading h3 a { + color: #333333; } -textarea { - max-width: 100%; +.group-list .module-heading .media-image { + overflow: hidden; + max-height: 60px; } -.input-prepend .add-on { - padding: 8px 8px; - font-size: 14px; +.group-list .module-heading .media-image img { + max-width: 85px; } -.control-group .btn { +.toolbar { + *zoom: 1; position: relative; - top: -2px; + margin-bottom: 10px; + padding: 5px 0; } -.control-full input, -.control-full select, -.control-full textarea { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - height: auto; - width: 100%; +.toolbar:before, +.toolbar:after { + display: table; + content: ""; + line-height: 0; } -.control-medium input, -.control-medium select, -.control-medium textarea { - width: 320px; +.toolbar:after { + clear: both; } -.control-large input, -.control-large .control-label { - font-size: 18px; +.page_primary_action { + margin-bottom: 20px; } -.form-actions { - background: none; - margin-left: -25px; - margin-right: -25px; - margin-bottom: 0; - padding-bottom: 0; - text-align: right; -} -.form-actions .action-info { +.toolbar .breadcrumb { + *zoom: 1; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + position: relative; float: left; - width: 50%; - line-height: 2; - text-align: left; - color: #707070; margin: 0; + padding: 0; + border: none; + background: none; + font-size: 20px; + line-height: 1.3; } -.form-actions .action-info.small { - font-size: 11px; - line-height: 1.2; +.toolbar .breadcrumb:before, +.toolbar .breadcrumb:after { + display: table; + content: ""; + line-height: 0; } -.form-horizontal .control-label { - width: 120px; - line-height: 1.3; - padding-top: 9px; +.toolbar .breadcrumb:after { + clear: both; } -.form-horizontal .control-large input, -.form-horizontal .control-large .control-label { - font-size: 18px; - line-height: 2; +.toolbar .breadcrumb li:after { + content: " / "; } -.form-horizontal .control-large .control-label { - padding-top: 10px; +.toolbar .breadcrumb li.active:after { + content: ""; } -.form-horizontal .controls { - margin-left: 130px; +.toolbar .breadcrumb li:last-of-type:after { + content: ""; } -.form-horizontal .info-block { - position: relative; - display: block; - font-size: 11px; - color: #aeaeae; - line-height: 1.3; - padding: 6px 0 6px 25px; - margin-top: 6px; +.toolbar .home a { + text-decoration: none; } -.form-horizontal .info-inline { - float: right; - width: 265px; - margin-top: 0; +.toolbar .home span { + display: none; } -.form-horizontal .control-medium .info-block.info-inline { - width: 165px; +.toolbar .breadcrumb a { + color: #505050; } -.form-horizontal .info-block:before { - font-size: 2.2em; +.toolbar .breadcrumb .active a, +.toolbar .breadcrumb a.active { + font-weight: bold; +} +.actions { + margin: 0; + list-style: none; position: absolute; - left: 0; - top: 2px; + top: 10px; + right: 10px; + z-index: 1; } -.form-horizontal .info-inline:before { - top: 8px; +.actions li { + display: inline-block; + margin-right: 5px; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; } -.info-block .icon-large, -.info-inline .icon-large { +.actions li:last-of-type { + margin-right: 0; +} +.hide-heading { + display: none; +} +.page-header { + *zoom: 1; + border-bottom: 1px solid #dddddd; + background-color: #f6f6f6; + -webkit-border-radius: 0 3px 0 0; + -moz-border-radius: 0 3px 0 0; + border-radius: 0 3px 0 0; +} +.page-header:before, +.page-header:after { + display: table; + content: ""; + line-height: 0; +} +.page-header:after { + clear: both; +} +.page-header .nav-tabs { float: left; - font-size: 22px; - margin-right: 15px; + margin-bottom: -1px; } -.form-horizontal .info-block a { - color: #aeaeae; - text-decoration: underline; +.page-header .nav-tabs li.active a, +.page-header .nav-tabs a:hover { + background-color: #ffffff; } -.form-horizontal .form-actions { - padding-left: 25px; - padding-right: 25px; +.page-header .content_action { + float: right; + margin-top: -5px; + margin-right: -7px; } -.form-inline input { - padding-bottom: 9px; +.no-nav .page-header { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.form-inline select { - margin-top: 0; +h1 { + font-size: 28px; } -.form-inline .btn { - margin-left: 5px; +h2 { + font-size: 21px; } -.form-narrow label { - margin-bottom: 0; +h3 { + font-size: 18px; } -.form-narrow select { - width: 100%; +h4 { + font-size: 14px; } -.form-narrow .form-actions { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px 0; +h1, +h2, +h3, +h4 { + line-height: 1.5; } -.form-select label { - margin-right: 5px; +h1 small, +h2 small, +h3 small, +h4 small { + font-size: 14px; } -.simple-input label, -.simple-input button { - display: none; +.prose h1, +.prose heading-1 h2, +.prose heading-2 { + margin-bottom: 15px; } -.simple-input .field { - position: relative; +.prose h3, +.prose heading-3 { + margin-bottom: 10px; } -.simple-input .field-bordered { - border-bottom: 1px dotted #cccccc; +.table-chunky td, +.table-chunky th { + padding: 12px 15px; + font-size: 12px; } -.simple-input .field input { - width: 100%; - height: auto; - margin: 0 -7px; - padding: 7px 5px; +.table-chunky thead th, +.table-chunky thead td { + color: #ffffff; + background-color: #aaaaaa; + padding-top: 10px; + padding-bottom: 10px; } -.simple-input .field .btn-search { +.table-striped tbody tr:nth-child(odd) td, +.table-striped tbody tr:nth-child(odd) th { + background-color: transparent; +} +.table-striped tbody tr:nth-child(even) td, +.table-striped tbody tr:nth-child(even) th { + background-color: #f2f2f2; +} +.table-chunky.table-bordered { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.table-chunky.table-bordered thead:first-child tr:first-child th:first-child, +.table-chunky.table-bordered tbody:first-child tr:first-child td:first-child { + -webkit-border-top-left-radius: 2px; + -moz-border-radius-topleft: 2px; + border-top-left-radius: 2px; +} +.table-chunky.table-bordered thead:first-child tr:first-child th:last-child, +.table-chunky.table-bordered tbody:first-child tr:first-child td:last-child { + -webkit-border-top-right-radius: 2px; + -moz-border-radius-topright: 2px; + border-top-right-radius: 2px; +} +.table-chunky.table-bordered thead:last-child tr:last-child th:first-child, +.table-chunky.table-bordered tbody:last-child tr:last-child td:first-child { + -webkit-border-radius: 0 0 0 2px; + -moz-border-radius: 0 0 0 2px; + border-radius: 0 0 0 2px; + -webkit-border-bottom-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + border-bottom-left-radius: 2px; +} +.table-chunky.table-bordered thead:last-child tr:last-child th:last-child, +.table-chunky.table-bordered tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + border-bottom-right-radius: 2px; +} +.ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ckan-icon { *margin-right: .3em; display: inline-block; vertical-align: text-bottom; @@ -5209,1524 +6647,1336 @@ textarea { background-image: url("../../../base/images/sprite-ckan-icons.png"); background-repeat: no-repeat; background-position: 16px 16px; - width: 17px; - height: 17px; - background-position: -51px -16px; - position: absolute; - display: block; - height: 17px; - width: 17px; - top: 50%; - right: 0; - margin-top: -8px; - background-color: transparent; - border: none; - text-indent: -999em; } -.simple-input .field .btn-search:last-child { - *margin-left: 0; +.ckan-icon-fb { + width: 16px; + height: 16px; + background-position: 0px 0; } -.editor textarea { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - border-bottom: none; +.ckan-icon-gplus { + width: 16px; + height: 16px; + background-position: -16px 0; } -.editor .editor-info-block { - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - display: block; - float: none; - padding: 4px 10px; - background: #ebebeb; +.ckan-icon-twitter { + width: 16px; + height: 16px; + background-position: -32px 0; +} +.ckan-icon-email { + width: 16px; + height: 16px; + background-position: -48px 0; +} +.ckan-icon-share { + width: 16px; + height: 16px; + background-position: -64px 0; +} +.ckan-icon-feed { + width: 16px; + height: 16px; + background-position: -80px 0; +} +.ckan-icon-calendar { + width: 16px; + height: 16px; + background-position: -96px 0; +} +.ckan-icon-file { + width: 16px; + height: 16px; + background-position: -112px 0; +} +.ckan-icon-lock { + width: 16px; + height: 16px; + background-position: -128px 0; +} +.ckan-icon-link-file { + width: 16px; + height: 16px; + background-position: -144px 0; +} +.ckan-icon-link-plugin { + width: 16px; + height: 16px; + background-position: -160px 0; +} +.ckan-icon-upload-file { + width: 16px; + height: 16px; + background-position: -176px 0; +} +.ckan-icon-callout { + width: 16px; + height: 16px; + background-position: -192px 0; +} +.ckan-icon-circle-cross { + width: 17px; + height: 17px; + background-position: 0px -16px; +} +.ckan-icon-circle-add { + width: 17px; + height: 17px; + background-position: -17px -16px; +} +.ckan-icon-flame { + width: 17px; + height: 17px; + background-position: -34px -16px; +} +.ckan-icon-search { + width: 17px; + height: 17px; + background-position: -51px -16px; +} +.ckan-icon-large-lock { + width: 20px; + height: 20px; + background-position: 0px -33px; +} +.ckan-icon-photo { + width: 20px; + height: 20px; + background-position: -20px -33px; +} +.ckan-icon-add { + width: 20px; + height: 20px; + background-position: -40px -33px; +} +.ckan-icon-home { + width: 20px; + height: 20px; + background-position: -60px -33px; +} +.ckan-icon-rewind { + width: 20px; + height: 20px; + background-position: -80px -33px; +} +.ckan-icon-tools { + width: 20px; + height: 20px; + background-position: -100px -33px; +} +.ckan-icon-flag { + width: 20px; + height: 20px; + background-position: -120px -33px; +} +.ckan-icon-clipboard { + width: 20px; + height: 20px; + background-position: -140px -33px; +} +.ckan-icon-share { + width: 20px; + height: 20px; + background-position: -160px -33px; +} +.ckan-icon-info { + width: 20px; + height: 20px; + background-position: -180px -33px; +} +.ckan-icon-download { + width: 20px; + height: 20px; + background-position: -200px -33px; +} +.ckan-icon-star { + width: 20px; + height: 20px; + background-position: -220px -33px; +} +.ckan-icon-info-flat { + width: 20px; + height: 20px; + background-position: -240px -33px; +} +.ckan-icon-tag { + width: 20px; + height: 20px; + background-position: -260px -33px; +} +.ckan-icon-plus { + width: 20px; + height: 20px; + background-position: -280px -33px; + width: 16px; +} +.ckan-icon-head { + width: 20px; + height: 20px; + background-position: -300px -33px; +} +.ckan-icon-arrow-e { + width: 20px; + height: 20px; + background-position: -320px -33px; + width: 16px; +} +.ckan-icon-bookmark { + width: 25px; + height: 25px; + background-position: 0px -53px; +} +.format-label { + *margin-right: .3em; + display: inline-block; + vertical-align: text-bottom; + position: relative; + top: 2px; + width: 16px; + height: 16px; + background-image: url("../../../base/images/sprite-ckan-icons.png"); + background-repeat: no-repeat; + background-position: 16px 16px; + text-indent: -900em; + background: url("../../../base/images/sprite-resource-icons.png") no-repeat 0 0; +} +.format-label { + width: 32px; + height: 35px; + background-position: 0px -62px; +} +.format-label[data-format=rdf], +.format-label[data-format*=rdf] { + width: 32px; + height: 35px; + background-position: -32px -62px; +} +.format-label[data-format=pdf], +.format-label[data-format*=pdf] { + width: 32px; + height: 35px; + background-position: -64px -62px; +} +.format-label[data-format=api], +.format-label[data-format*=api] { + width: 32px; + height: 35px; + background-position: -96px -62px; +} +.format-label[data-format=zip], +.format-label[data-format*=zip] { + width: 32px; + height: 35px; + background-position: -128px -62px; +} +.format-label[data-format=xls], +.format-label[data-format*=xls] { + width: 32px; + height: 35px; + background-position: -160px -62px; +} +.format-label[data-format=csv], +.format-label[data-format*=csv] { + width: 32px; + height: 35px; + background-position: -192px -62px; +} +.format-label[data-format=txt], +.format-label[data-format*=txt] { + width: 32px; + height: 35px; + background-position: -224px -62px; +} +.format-label[data-format=xml], +.format-label[data-format*=xml] { + width: 32px; + height: 35px; + background-position: -256px -62px; +} +.format-label[data-format=json], +.format-label[data-format*=json] { + width: 32px; + height: 35px; + background-position: -288px -62px; +} +.format-label[data-format=html], +.format-label[data-format*=html] { + width: 32px; + height: 35px; + background-position: -320px -62px; +} +/* This is a modified version of the font-awesome core less document. */ +@font-face { + font-family: 'FontAwesome'; + src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?v=3.0.1'); + src: url('../../../base/vendor/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../../../base/vendor/font-awesome/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); + font-weight: normal; + font-style: normal; +} +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + display: inline; width: auto; - border: 1px solid #cccccc; - border-top: none; - font-size: 11px; - color: #282828; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; } -.editor .editor-info-block a { - color: #b50909; - text-decoration: none; +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } } -.control-custom { - font-size: 0; +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } } -.control-custom label { - margin-bottom: 0; +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } } -.control-custom input { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - width: 140px; +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } } -.control-custom input:last-of-type { - -webkit-border-radius: 0 3px 3px 0; - -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } } -.control-custom .checkbox { - display: inline-block; - margin-left: 5px; +@-moz-document url-prefix() { + .icon-spin { + height: .9em; + } + .btn .icon-spin { + height: auto; + } + .icon-spin.icon-large { + height: 1.25em; + } + .btn .icon-spin.icon-large { + height: .75em; + } } -.control-custom .checkbox input { - width: auto; +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; } -.control-custom.disabled label, -.control-custom.disabled input { - color: #aaaaaa; - text-decoration: line-through; - text-shadow: none; +.icon-music:before { + content: "\f001"; } -.control-custom.disabled input { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - background-color: #f3f3f3; +.icon-search:before { + content: "\f002"; } -.control-custom.disabled .checkbox { - color: #4d4d4d; - text-decoration: none; +.icon-envelope:before { + content: "\f003"; } -.control-custom .checkbox.btn { - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; - position: relative; - top: 0; - left: 5px; - height: 3px; - width: 8px; - padding: 3px 8px; +.icon-heart:before { + content: "\f004"; } -.control-custom .checkbox.btn span { - display: none; - width: 30px; +.icon-star:before { + content: "\f005"; } -.control-custom .checkbox.btn:before { - position: relative; - top: 1px; - left: -1px; - color: #fff; +.icon-star-empty:before { + content: "\f006"; } -.control-custom .checkbox.btn input { - display: none; +.icon-user:before { + content: "\f007"; } -.control-custom.disabled .checkbox.btn { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #f65454; - background-image: -moz-linear-gradient(top, #f54444, #f76b6b); - background-image: -ms-linear-gradient(top, #f54444, #f76b6b); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f54444), to(#f76b6b)); - background-image: -webkit-linear-gradient(top, #f54444, #f76b6b); - background-image: -o-linear-gradient(top, #f54444, #f76b6b); - background-image: linear-gradient(top, #f54444, #f76b6b); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f54444', endColorstr='#f76b6b', GradientType=0); - border-color: #f76b6b #f76b6b #f32222; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f76b6b; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-film:before { + content: "\f008"; } -.control-custom.disabled .checkbox.btn:hover, -.control-custom.disabled .checkbox.btn:active, -.control-custom.disabled .checkbox.btn.active, -.control-custom.disabled .checkbox.btn.disabled, -.control-custom.disabled .checkbox.btn[disabled] { - background-color: #f76b6b; - *background-color: #f65353; +.icon-th-large:before { + content: "\f009"; } -.control-custom.disabled .checkbox.btn:active, -.control-custom.disabled .checkbox.btn.active { - background-color: #f43b3b \9; +.icon-th:before { + content: "\f00a"; } -.control-custom.disabled .checkbox.btn .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-th-list:before { + content: "\f00b"; } -.alert-danger a, -.alert-error a { - color: #b55457; +.icon-ok:before { + content: "\f00c"; } -.control-group.error input, -.control-group.error select, -.control-group.error textarea, -.control-group.error .input-prepend .add-on, -.control-group.error .input-append .add-on { - border-color: #c6898b; +.icon-remove:before { + content: "\f00d"; } -.error-inline { - color: #b55457; +.icon-zoom-in:before { + content: "\f00e"; } -.error-block, -.error-inline { - font-size: 12px; +.icon-zoom-out:before { + content: "\f010"; } -.error-block { - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - display: block; - padding: 6px 8px 3px; - background: #c6898b; - margin: -3px 0 0; - color: #ffffff; - width: 216px; +.icon-off:before { + content: "\f011"; } -.control-medium .error-block { - width: 326px; +.icon-signal:before { + content: "\f012"; } -.control-full .error-block { - width: auto; +.icon-cog:before { + content: "\f013"; } -.control-group.error .input-prepend .error-block, -.control-custom.error .error-block { - margin-left: -1px; - width: auto; +.icon-trash:before { + content: "\f014"; } -.control-custom.error .error-block { - width: 409px; +.icon-home:before { + content: "\f015"; } -.control-select.error .error-block { - width: 204px; +.icon-file:before { + content: "\f016"; } -.stages { - margin: 0; - list-style: none; - *zoom: 1; - color: #aeaeae; - counter-reset: stage; - margin: -20px -25px 20px; - overflow: hidden; +.icon-time:before { + content: "\f017"; } -.stages:before, -.stages:after { - display: table; - content: ""; +.icon-road:before { + content: "\f018"; } -.stages:after { - clear: both; +.icon-download-alt:before { + content: "\f019"; } -.stages li { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - line-height: 27px; - counter-increment: stage; - width: 33.33%; - background-color: #ededed; - float: left; - padding: 10px 20px; - position: relative; - z-index: 0; +.icon-download:before { + content: "\f01a"; } -.stages li:before { - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; - content: counter(stage); - display: inline-block; - width: 27px; - height: 27px; - margin-right: 5px; - font-weight: bold; - text-align: center; - color: #ffffff; - background-color: #aeaeae; - z-index: 1; +.icon-upload:before { + content: "\f01b"; +} +.icon-inbox:before { + content: "\f01c"; +} +.icon-play-circle:before { + content: "\f01d"; +} +.icon-repeat:before { + content: "\f01e"; +} +/* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { + content: "\f021"; +} +.icon-list-alt:before { + content: "\f022"; +} +.icon-lock:before { + content: "\f023"; +} +.icon-flag:before { + content: "\f024"; +} +.icon-headphones:before { + content: "\f025"; +} +.icon-volume-off:before { + content: "\f026"; +} +.icon-volume-down:before { + content: "\f027"; +} +.icon-volume-up:before { + content: "\f028"; +} +.icon-qrcode:before { + content: "\f029"; +} +.icon-barcode:before { + content: "\f02a"; } -.stages li:after { - left: 0; - border: solid rgba(237, 237, 237, 0); - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-top-color: #ededed; - border-bottom-color: #ededed; - border-width: 29px; - top: 50%; - margin-top: -29px; - margin-left: -30px; +.icon-tag:before { + content: "\f02b"; } -.stages li.first, -.stages li.first .highlight { - -webkit-border-radius: 3px 0 0 0; - -moz-border-radius: 3px 0 0 0; - border-radius: 3px 0 0 0; +.icon-tags:before { + content: "\f02c"; } -.stages li.last { - position: relative; - right: -1px; +.icon-book:before { + content: "\f02d"; } -.stages li.last, -.stages li.last .highlight { - -webkit-border-radius: 0 3px 0 0; - -moz-border-radius: 0 3px 0 0; - border-radius: 0 3px 0 0; +.icon-bookmark:before { + content: "\f02e"; } -.stages li.first:after { - content: none; - border: none; +.icon-print:before { + content: "\f02f"; } -.stages li.active:after { - border-color: rgba(140, 198, 138, 0); - border-top-color: #8cc68a; - border-bottom-color: #8cc68a; +.icon-camera:before { + content: "\f030"; } -.stages li.complete:after { - border-color: rgba(197, 226, 196, 0); - border-top-color: #c5e2c4; - border-bottom-color: #c5e2c4; +.icon-font:before { + content: "\f031"; } -.stages.stage-3 li.complete:first-child:after { - content: none; +.icon-bold:before { + content: "\f032"; } -.stages li.active, -.stages li.complete { - background: none; +.icon-italic:before { + content: "\f033"; } -.stages li.active:before { - color: #8cc68a; - background: #ffffff; +.icon-text-height:before { + content: "\f034"; } -.stages li.complete:before { - color: #c5e2c4; - background: #eef6ed; +.icon-text-width:before { + content: "\f035"; } -.stages li .highlight { - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 100%; - padding: 10px 52px; - border: none; - text-align: left; - text-decoration: none; - line-height: 27px; - z-index: -1; +.icon-align-left:before { + content: "\f036"; } -.stages li.active .highlight { - color: #ffffff; - background: #8cc68a; +.icon-align-center:before { + content: "\f037"; } -.stages li.complete .highlight { - color: #eef6ed; - background: #c5e2c4; +.icon-align-right:before { + content: "\f038"; } -.alert > :last-child { - margin-bottom: 0; +.icon-align-justify:before { + content: "\f039"; } -.slug-preview { - font-size: 14px; - line-height: 1.5; - margin-top: 5px; - margin-left: 10px; +.icon-list:before { + content: "\f03a"; } -.slug-preview-value { - background-color: #faedcf; - margin-right: 3px; +.icon-indent-left:before { + content: "\f03b"; } -.slug-preview .btn { - padding-top: 3px; - padding-bottom: 3px; +.icon-indent-right:before { + content: "\f03c"; } -.resource-upload-field { - position: relative; - overflow: hidden; - display: inline-block; - vertical-align: bottom; +.icon-facetime-video:before { + content: "\f03d"; } -.resource-upload-field label { - z-index: 0; +.icon-picture:before { + content: "\f03e"; } -.resource-upload-field input { - opacity: 0; - filter: alpha(opacity=0); - position: absolute; - top: 0; - right: 0; - z-index: 1; - margin: 0; - border: solid transparent; - border-width: 100px 0 0 200px; - cursor: pointer; - direction: ltr; - -moz-transform: translate(-300px, 0) scale(4); +.icon-pencil:before { + content: "\f040"; } -.resource-upload-field.loading { - display: inline-block; - background: url("../../../base/images/loading-spinner.gif") no-repeat center right; - padding-right: 5px; +.icon-map-marker:before { + content: "\f041"; } -.select2-container .select2-choice input, -.select2-container-multi .select2-choices .select2-search-field:first-child input { - font-size: 14px; +.icon-adjust:before { + content: "\f042"; } -.select2-container-multi .select2-choices .select2-search-field input { - height: 29px; +.icon-tint:before { + content: "\f043"; } -.select2-container .select2-choice input, -.select2-container-multi .select2-choices .select2-search-field:first-child input { - padding-left: 10px; +.icon-edit:before { + content: "\f044"; } -.select2-container { - margin-top: 5px; +.icon-share:before { + content: "\f045"; } -.select2-container-multi { - margin-top: 0; +.icon-check:before { + content: "\f046"; } -.select2-container-multi .select2-choices .select2-search-choice { - padding: 5px 8px 5px 22px; +.icon-move:before { + content: "\f047"; } -.select2-container-multi.select2-container .select2-choices { - padding-top: 3px; - padding-bottom: 3px; +.icon-step-backward:before { + content: "\f048"; } -.select2-search-choice-close, -.select2-container-multi .select2-search-choice-close { - top: 6px; - left: 5px; +.icon-fast-backward:before { + content: "\f049"; } -.select2-container-multi .select2-choices { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -ms-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; - background-color: #ffffff; - border: 1px solid #cccccc; +.icon-backward:before { + content: "\f04a"; } -.select2-container-active .select2-choices, -.select2-container-multi.select2-container-active .select2-choices { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +.icon-play:before { + content: "\f04b"; } -.select2-container-multi .select2-drop { - margin-top: -2px; +.icon-pause:before { + content: "\f04c"; } -.select2-container .select2-results li { - line-height: 18px; - padding-top: 4px; - padding-bottom: 4px; +.icon-stop:before { + content: "\f04d"; } -.control-full .select2-container { - width: 520px !important; +.icon-forward:before { + content: "\f04e"; } -.dataset-item { - border-bottom: 1px dotted #cccccc; - padding-bottom: 20px; - margin-bottom: 20px; +.icon-fast-forward:before { + content: "\f050"; } -.dataset-item:last-of-type { - border-bottom: none; - margin-bottom: 0; - padding-bottom: 0; +.icon-step-forward:before { + content: "\f051"; } -.dataset-heading { - font-size: 14px; - line-height: 1.3; +.icon-eject:before { + content: "\f052"; } -.dataset-heading a { - color: #333333; +.icon-chevron-left:before { + content: "\f053"; +} +.icon-chevron-right:before { + content: "\f054"; +} +.icon-plus-sign:before { + content: "\f055"; +} +.icon-minus-sign:before { + content: "\f056"; +} +.icon-remove-sign:before { + content: "\f057"; } -.dataset-heading .label { - position: relative; - top: -1px; +.icon-ok-sign:before { + content: "\f058"; } -.dataset-content { - font-size: 12px; +.icon-question-sign:before { + content: "\f059"; } -.dataset-resources { - font-size: 10px; - line-height: 14px; - margin-top: 5px; +.icon-info-sign:before { + content: "\f05a"; } -.dataset-resources li { - display: inline; +.icon-screenshot:before { + content: "\f05b"; } -.dataset-resources li a { - background-color: #aaaaaa; +.icon-remove-circle:before { + content: "\f05c"; } -.dataset-heading .popular { - top: 0; +.icon-ok-circle:before { + content: "\f05d"; } -.results { - margin-bottom: 20px; - padding-bottom: 25px; - border-bottom: 1px dotted #cccccc; +.icon-ban-circle:before { + content: "\f05e"; } -.results strong { - display: block; - font-size: 24px; - line-height: 1.3; - color: #000000; - margin-bottom: 10px; +.icon-arrow-left:before { + content: "\f060"; } -.results strong:before { - float: right; - content: " "; - width: 280px; - white-space: pre; +.icon-arrow-right:before { + content: "\f061"; } -.filter-list { - color: #4d4d4d; - font-weight: bold; +.icon-arrow-up:before { + content: "\f062"; } -.filter-list .extra { - margin-top: 10px; - font-size: 18px; - font-weight: normal; - color: #000000; +.icon-arrow-down:before { + content: "\f063"; } -.dataset-search { - position: relative; +.icon-share-alt:before { + content: "\f064"; } -.search-giant { - position: relative; +.icon-resize-full:before { + content: "\f065"; } -.search-giant input { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - font-size: 16px; - padding: 14px 10px; - width: 100%; - height: auto; +.icon-resize-small:before { + content: "\f066"; } -.search-giant button { - cursor: pointer; - position: absolute; - right: 15px; - top: 50%; - display: block; - border: none; - padding: 0; - margin-top: -17px; - width: 30px; - height: 30px; - background: transparent url("../../../base/images/icon-search-27x26.png") no-repeat center center; - text-indent: -900em; +.icon-plus:before { + content: "\f067"; } -.control-order-by { - position: absolute; - bottom: -65px; - right: 0; +.icon-minus:before { + content: "\f068"; } -.control-order-by label, -.control-order-by select { - display: inline; +.icon-asterisk:before { + content: "\f069"; } -.control-order-by select { - width: 160px; +.icon-exclamation-sign:before { + content: "\f06a"; } -.resource-list { - margin: 0; - list-style: none; - margin: -10px -10px 10px -10px; +.icon-gift:before { + content: "\f06b"; } -.resource-item { - position: relative; - padding: 10px 110px 10px 60px; - margin-bottom: 0px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; +.icon-leaf:before { + content: "\f06c"; } -.resource-item:hover { - background-color: #efefef; +.icon-fire:before { + content: "\f06d"; } -.resource-item .heading { - color: #000000; - font-size: 14px; - font-weight: bold; +.icon-eye-open:before { + content: "\f06e"; } -.resource-item .format-label { - position: absolute; - top: 10px; - left: 10px; +.icon-eye-close:before { + content: "\f070"; } -.resource-item .description { - font-size: 12px; - margin-bottom: 0; +.icon-warning-sign:before { + content: "\f071"; } -.resource-item .btn-group { - position: absolute; - top: 13px; - right: 10px; +.icon-plane:before { + content: "\f072"; } -.dataset-resource-form .dataset-form-resource-types { - margin-bottom: 5px; +.icon-calendar:before { + content: "\f073"; } -.dataset-form-resource-types .ckan-icon { - position: relative; - top: 3px; +.icon-random:before { + content: "\f074"; } -.dataset-form-resource-types .radio { - font-weight: normal; - padding-left: 0; - padding-right: 18px; +.icon-comment:before { + content: "\f075"; } -.dataset-form-resource-types label { - position: relative; +.icon-magnet:before { + content: "\f076"; } -.dataset-form-resource-types input[type=radio]:checked + label { - font-weight: bold; +.icon-chevron-up:before { + content: "\f077"; } -.dataset-form-resource-types input[type=radio]:checked + label:after { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - width: 16px; - height: 16px; - background-position: -192px 0; - display: block; - content: ""; - position: absolute; - top: auto; - left: 0; - bottom: -12px; +.icon-chevron-down:before { + content: "\f078"; } -.dataset-form-resource-types input[type=radio]:checked + label:after:last-child { - *margin-left: 0; +.icon-retweet:before { + content: "\f079"; } -.dataset-form-resource-types input[type=radio] { - display: none; +.icon-shopping-cart:before { + content: "\f07a"; } -.tag-list { - margin: 0; - list-style: none; - padding: 10px; +.icon-folder-close:before { + content: "\f07b"; } -.tag-list li { - display: inline-block; - margin-right: 5px; +.icon-folder-open:before { + content: "\f07c"; } -.tag-list li:last-child { - margin-right: 0; +.icon-resize-vertical:before { + content: "\f07d"; } -.additional-info td, -.additional-info th { - width: 50%; +.icon-resize-horizontal:before { + content: "\f07e"; } -.label[data-format=html], -.label[data-format*=html] { - background-color: #55a1ce; +.icon-bar-chart:before { + content: "\f080"; } -.label[data-format=json], -.label[data-format*=json] { - background-color: #ef7100; +.icon-twitter-sign:before { + content: "\f081"; } -.label[data-format=xml], -.label[data-format*=xml] { - background-color: #ef7100; +.icon-facebook-sign:before { + content: "\f082"; } -.label[data-format=text], -.label[data-format*=text] { - background-color: #74cbec; +.icon-camera-retro:before { + content: "\f083"; } -.label[data-format=csv], -.label[data-format*=csv] { - background-color: #dfb100; +.icon-key:before { + content: "\f084"; } -.label[data-format=xls], -.label[data-format*=xls] { - background-color: #2db55d; +.icon-cogs:before { + content: "\f085"; } -.label[data-format=zip], -.label[data-format*=zip] { - background-color: #686868; +.icon-comments:before { + content: "\f086"; } -.label[data-format=api], -.label[data-format*=api] { - background-color: #ec96be; +.icon-thumbs-up:before { + content: "\f087"; } -.label[data-format=pdf], -.label[data-format*=pdf] { - background-color: #e0051e; +.icon-thumbs-down:before { + content: "\f088"; } -.label[data-format=rdf], -.label[data-format*=rdf], -.label[data-format*=nquad], -.label[data-format*=ntriples], -.label[data-format*=turtle] { - background-color: #0b4498; +.icon-star-half:before { + content: "\f089"; } -.group .media-vertical .image { - margin: 0 -5px 5px; +.icon-heart-empty:before { + content: "\f08a"; } -.group-list:nth-child(odd) { - clear: left; +.icon-signout:before { + content: "\f08b"; } -.group-list .module-heading { - padding-top: 15px; - padding-bottom: 15px; +.icon-linkedin-sign:before { + content: "\f08c"; } -.group-list .dataset-content { - min-height: 54px; +.icon-pushpin:before { + content: "\f08d"; } -.group-list .module-heading h3 { - margin-bottom: 2px; +.icon-external-link:before { + content: "\f08e"; } -.group-list .module-heading h3 a { - color: #333333; +.icon-signin:before { + content: "\f090"; } -.toolbar { - *zoom: 1; - margin-top: -10px; - margin-bottom: 10px; - padding: 5px 0; +.icon-trophy:before { + content: "\f091"; } -.toolbar:before, -.toolbar:after { - display: table; - content: ""; +.icon-github-sign:before { + content: "\f092"; } -.toolbar:after { - clear: both; +.icon-upload-alt:before { + content: "\f093"; } -.toolbar .breadcrumb { - *zoom: 1; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - position: relative; - float: left; - margin: 0; - padding: 0; - border: none; - background: none; - font-size: 20px; +.icon-lemon:before { + content: "\f094"; } -.toolbar .breadcrumb:before, -.toolbar .breadcrumb:after { - display: table; - content: ""; +.icon-phone:before { + content: "\f095"; } -.toolbar .breadcrumb:after { - clear: both; +.icon-check-empty:before { + content: "\f096"; } -.toolbar li [class^=icon]:before { - width: auto; +.icon-bookmark-empty:before { + content: "\f097"; } -.toolbar .breadcrumb li:after { - content: " / "; +.icon-phone-sign:before { + content: "\f098"; } -.toolbar .breadcrumb li.active:after { - content: ""; +.icon-twitter:before { + content: "\f099"; } -.toolbar .breadcrumb li:last-of-type:after { - content: ""; +.icon-facebook:before { + content: "\f09a"; } -.toolbar .home a { - text-decoration: none; +.icon-github:before { + content: "\f09b"; } -.toolbar .home span { - display: none; +.icon-unlock:before { + content: "\f09c"; } -.toolbar .breadcrumb a { - color: #505050; - line-height: 28px; +.icon-credit-card:before { + content: "\f09d"; } -.toolbar .breadcrumb .active a { - font-weight: bold; +.icon-rss:before { + content: "\f09e"; } -.toolbar .actions { - margin: 0; - list-style: none; +.icon-hdd:before { + content: "\f0a0"; } -.toolbar .actions li { - display: inline-block; - margin-right: 5px; +.icon-bullhorn:before { + content: "\f0a1"; } -.toolbar .actions li { - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; +.icon-bell:before { + content: "\f0a2"; } -.toolbar .actions li:last-of-type { - margin-right: 0; +.icon-certificate:before { + content: "\f0a3"; } -.toolbar .btn { - padding: 0 10px 0 8px; - border-color: #b7b7b7; - line-height: 27px; +.icon-hand-right:before { + content: "\f0a4"; } -.toolbar .btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-hand-left:before { + content: "\f0a5"; } -.toolbar .btn-success:hover, -.toolbar .btn-success:active, -.toolbar .btn-success.active, -.toolbar .btn-success.disabled, -.toolbar .btn-success[disabled] { - background-color: #51a351; - *background-color: #499249; +.icon-hand-up:before { + content: "\f0a6"; } -.toolbar .btn-success:active, -.toolbar .btn-success.active { - background-color: #408140 \9; +.icon-hand-down:before { + content: "\f0a7"; } -.toolbar .btn-success .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-circle-arrow-left:before { + content: "\f0a8"; } -.toolbar .btn-primary { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #f65454; - background-image: -moz-linear-gradient(top, #f54444, #f76b6b); - background-image: -ms-linear-gradient(top, #f54444, #f76b6b); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f54444), to(#f76b6b)); - background-image: -webkit-linear-gradient(top, #f54444, #f76b6b); - background-image: -o-linear-gradient(top, #f54444, #f76b6b); - background-image: linear-gradient(top, #f54444, #f76b6b); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f54444', endColorstr='#f76b6b', GradientType=0); - border-color: #f76b6b #f76b6b #f32222; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f76b6b; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-circle-arrow-right:before { + content: "\f0a9"; } -.toolbar .btn-primary:hover, -.toolbar .btn-primary:active, -.toolbar .btn-primary.active, -.toolbar .btn-primary.disabled, -.toolbar .btn-primary[disabled] { - background-color: #f76b6b; - *background-color: #f65353; +.icon-circle-arrow-up:before { + content: "\f0aa"; } -.toolbar .btn-primary:active, -.toolbar .btn-primary.active { - background-color: #f43b3b \9; +.icon-circle-arrow-down:before { + content: "\f0ab"; } -.toolbar .btn-primary .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-globe:before { + content: "\f0ac"; } -.toolbar .btn-warning { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #faa732; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -ms-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', 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); - *background-color: #f89406; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-wrench:before { + content: "\f0ad"; } -.toolbar .btn-warning:hover, -.toolbar .btn-warning:active, -.toolbar .btn-warning.active, -.toolbar .btn-warning.disabled, -.toolbar .btn-warning[disabled] { - background-color: #f89406; - *background-color: #df8505; +.icon-tasks:before { + content: "\f0ae"; } -.toolbar .btn-warning:active, -.toolbar .btn-warning.active { - background-color: #c67605 \9; +.icon-filter:before { + content: "\f0b0"; } -.toolbar .btn-warning .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-briefcase:before { + content: "\f0b1"; } -.toolbar .btn-danger { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #da4f49; - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); - border-color: #bd362f #bd362f #802420; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #bd362f; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-fullscreen:before { + content: "\f0b2"; } -.toolbar .btn-danger:hover, -.toolbar .btn-danger:active, -.toolbar .btn-danger.active, -.toolbar .btn-danger.disabled, -.toolbar .btn-danger[disabled] { - background-color: #bd362f; - *background-color: #a9302a; +.icon-group:before { + content: "\f0c0"; } -.toolbar .btn-danger:active, -.toolbar .btn-danger.active { - background-color: #942a25 \9; +.icon-link:before { + content: "\f0c1"; } -.toolbar .btn-danger .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-cloud:before { + content: "\f0c2"; } -.toolbar .btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-beaker:before { + content: "\f0c3"; } -.toolbar .btn-success:hover, -.toolbar .btn-success:active, -.toolbar .btn-success.active, -.toolbar .btn-success.disabled, -.toolbar .btn-success[disabled] { - background-color: #51a351; - *background-color: #499249; +.icon-cut:before { + content: "\f0c4"; } -.toolbar .btn-success:active, -.toolbar .btn-success.active { - background-color: #408140 \9; +.icon-copy:before { + content: "\f0c5"; } -.toolbar .btn-success .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-paper-clip:before { + content: "\f0c6"; } -.toolbar .btn-info { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #49afcd; - 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); - *background-color: #2f96b4; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-save:before { + content: "\f0c7"; +} +.icon-sign-blank:before { + content: "\f0c8"; } -.toolbar .btn-info:hover, -.toolbar .btn-info:active, -.toolbar .btn-info.active, -.toolbar .btn-info.disabled, -.toolbar .btn-info[disabled] { - background-color: #2f96b4; - *background-color: #2a85a0; +.icon-reorder:before { + content: "\f0c9"; } -.toolbar .btn-info:active, -.toolbar .btn-info.active { - background-color: #24748c \9; +.icon-list-ul:before { + content: "\f0ca"; } -.toolbar .btn-info .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-list-ol:before { + content: "\f0cb"; } -.toolbar .btn-inverse { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #414141; - background-image: -moz-linear-gradient(top, #555555, #222222); - background-image: -ms-linear-gradient(top, #555555, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); - background-image: -webkit-linear-gradient(top, #555555, #222222); - background-image: -o-linear-gradient(top, #555555, #222222); - background-image: linear-gradient(top, #555555, #222222); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); - 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); - *background-color: #222222; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +.icon-strikethrough:before { + content: "\f0cc"; } -.toolbar .btn-inverse:hover, -.toolbar .btn-inverse:active, -.toolbar .btn-inverse.active, -.toolbar .btn-inverse.disabled, -.toolbar .btn-inverse[disabled] { - background-color: #222222; - *background-color: #151515; +.icon-underline:before { + content: "\f0cd"; } -.toolbar .btn-inverse:active, -.toolbar .btn-inverse.active { - background-color: #080808 \9; +.icon-table:before { + content: "\f0ce"; } -.toolbar .btn-inverse .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; - opacity: 0.75; - filter: alpha(opacity=75); +.icon-magic:before { + content: "\f0d0"; } -.hide-heading { - display: none; +.icon-truck:before { + content: "\f0d1"; } -.page-header { - position: relative; - border-bottom: 1px solid #d0d0d0; - height: 30px; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - background-color: #f3f3f3; - background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); - background-image: linear-gradient(top, #f5f5f5, #f0f0f0); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); +.icon-pinterest:before { + content: "\f0d2"; } -.page-header .nav-tabs { - position: absolute; - left: 20px; - bottom: -1px; - margin-bottom: 0; +.icon-pinterest-sign:before { + content: "\f0d3"; } -.page-header .nav-tabs i { - margin-right: 10px; - font-size: 14px; +.icon-google-plus-sign:before { + content: "\f0d4"; } -.page-header .nav-tabs a:hover { - background-color: #ffffff; +.icon-google-plus:before { + content: "\f0d5"; } -.prose h1, -.prose heading-1 h2, -.prose heading-2 { - margin-bottom: 15px; +.icon-money:before { + content: "\f0d6"; } -.prose h3, -.prose heading-3 { - margin-bottom: 10px; +.icon-caret-down:before { + content: "\f0d7"; } -.table-chunky td, -.table-chunky th { - padding: 12px 15px; - font-size: 12px; +.icon-caret-up:before { + content: "\f0d8"; } -.table-chunky thead th, -.table-chunky thead td { - color: #ffffff; - background-color: #aaaaaa; - padding-top: 10px; - padding-bottom: 10px; +.icon-caret-left:before { + content: "\f0d9"; } -.table-striped tbody tr:nth-child(odd) td, -.table-striped tbody tr:nth-child(odd) th { - background-color: transparent; +.icon-caret-right:before { + content: "\f0da"; } -.table-striped tbody tr:nth-child(even) td, -.table-striped tbody tr:nth-child(even) th { - background-color: #f2f2f2; +.icon-columns:before { + content: "\f0db"; } -.table-chunky.table-bordered { - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; +.icon-sort:before { + content: "\f0dc"; } -.table-chunky.table-bordered thead:first-child tr:first-child th:first-child, -.table-chunky.table-bordered tbody:first-child tr:first-child td:first-child { - -webkit-border-top-left-radius: 2px; - -moz-border-radius-topleft: 2px; - border-top-left-radius: 2px; +.icon-sort-down:before { + content: "\f0dd"; } -.table-chunky.table-bordered thead:first-child tr:first-child th:last-child, -.table-chunky.table-bordered tbody:first-child tr:first-child td:last-child { - -webkit-border-top-right-radius: 2px; - -moz-border-radius-topright: 2px; - border-top-right-radius: 2px; +.icon-sort-up:before { + content: "\f0de"; } -.table-chunky.table-bordered thead:last-child tr:last-child th:first-child, -.table-chunky.table-bordered tbody:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 2px; - -moz-border-radius: 0 0 0 2px; - border-radius: 0 0 0 2px; - -webkit-border-bottom-left-radius: 2px; - -moz-border-radius-bottomleft: 2px; - border-bottom-left-radius: 2px; +.icon-envelope-alt:before { + content: "\f0e0"; } -.table-chunky.table-bordered thead:last-child tr:last-child th:last-child, -.table-chunky.table-bordered tbody:last-child tr:last-child td:last-child { - -webkit-border-bottom-right-radius: 2px; - -moz-border-radius-bottomright: 2px; - border-bottom-right-radius: 2px; +.icon-linkedin:before { + content: "\f0e1"; } -.ckan-icon { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; +.icon-undo:before { + content: "\f0e2"; } -.ckan-icon:last-child { - *margin-left: 0; +.icon-legal:before { + content: "\f0e3"; } -.ckan-icon-fb { - width: 16px; - height: 16px; - background-position: 0px 0; +.icon-dashboard:before { + content: "\f0e4"; } -.ckan-icon-gplus { - width: 16px; - height: 16px; - background-position: -16px 0; +.icon-comment-alt:before { + content: "\f0e5"; } -.ckan-icon-twitter { - width: 16px; - height: 16px; - background-position: -32px 0; +.icon-comments-alt:before { + content: "\f0e6"; } -.ckan-icon-email { - width: 16px; - height: 16px; - background-position: -48px 0; +.icon-bolt:before { + content: "\f0e7"; } -.ckan-icon-share { - width: 16px; - height: 16px; - background-position: -64px 0; +.icon-sitemap:before { + content: "\f0e8"; } -.ckan-icon-feed { - width: 16px; - height: 16px; - background-position: -80px 0; +.icon-umbrella:before { + content: "\f0e9"; } -.ckan-icon-calendar { - width: 16px; - height: 16px; - background-position: -96px 0; +.icon-paste:before { + content: "\f0ea"; } -.ckan-icon-file { - width: 16px; - height: 16px; - background-position: -112px 0; +.icon-lightbulb:before { + content: "\f0eb"; } -.ckan-icon-lock { - width: 16px; - height: 16px; - background-position: -128px 0; +.icon-exchange:before { + content: "\f0ec"; } -.ckan-icon-link-file { - width: 16px; - height: 16px; - background-position: -144px 0; +.icon-cloud-download:before { + content: "\f0ed"; } -.ckan-icon-link-plugin { - width: 16px; - height: 16px; - background-position: -160px 0; +.icon-cloud-upload:before { + content: "\f0ee"; } -.ckan-icon-upload-file { - width: 16px; - height: 16px; - background-position: -176px 0; +.icon-user-md:before { + content: "\f0f0"; } -.ckan-icon-callout { - width: 16px; - height: 16px; - background-position: -192px 0; +.icon-stethoscope:before { + content: "\f0f1"; } -.ckan-icon-circle-cross { - width: 17px; - height: 17px; - background-position: 0px -16px; +.icon-suitcase:before { + content: "\f0f2"; } -.ckan-icon-circle-add { - width: 17px; - height: 17px; - background-position: -17px -16px; +.icon-bell-alt:before { + content: "\f0f3"; } -.ckan-icon-flame { - width: 17px; - height: 17px; - background-position: -34px -16px; +.icon-coffee:before { + content: "\f0f4"; } -.ckan-icon-search { - width: 17px; - height: 17px; - background-position: -51px -16px; +.icon-food:before { + content: "\f0f5"; } -.ckan-icon-large-lock { - width: 20px; - height: 20px; - background-position: 0px -33px; +.icon-file-alt:before { + content: "\f0f6"; } -.ckan-icon-photo { - width: 20px; - height: 20px; - background-position: -20px -33px; +.icon-building:before { + content: "\f0f7"; } -.ckan-icon-add { - width: 20px; - height: 20px; - background-position: -40px -33px; +.icon-hospital:before { + content: "\f0f8"; } -.ckan-icon-home { - width: 20px; - height: 20px; - background-position: -60px -33px; +.icon-ambulance:before { + content: "\f0f9"; } -.ckan-icon-rewind { - width: 20px; - height: 20px; - background-position: -80px -33px; +.icon-medkit:before { + content: "\f0fa"; +} +.icon-fighter-jet:before { + content: "\f0fb"; +} +.icon-beer:before { + content: "\f0fc"; +} +.icon-h-sign:before { + content: "\f0fd"; +} +.icon-plus-sign-alt:before { + content: "\f0fe"; } -.ckan-icon-tools { - width: 20px; - height: 20px; - background-position: -100px -33px; +.icon-double-angle-left:before { + content: "\f100"; } -.ckan-icon-flag { - width: 20px; - height: 20px; - background-position: -120px -33px; +.icon-double-angle-right:before { + content: "\f101"; } -.ckan-icon-clipboard { - width: 20px; - height: 20px; - background-position: -140px -33px; +.icon-double-angle-up:before { + content: "\f102"; } -.ckan-icon-share { - width: 20px; - height: 20px; - background-position: -160px -33px; +.icon-double-angle-down:before { + content: "\f103"; } -.ckan-icon-info { - width: 20px; - height: 20px; - background-position: -180px -33px; +.icon-angle-left:before { + content: "\f104"; } -.ckan-icon-download { - width: 20px; - height: 20px; - background-position: -200px -33px; +.icon-angle-right:before { + content: "\f105"; } -.ckan-icon-star { - width: 20px; - height: 20px; - background-position: -220px -33px; +.icon-angle-up:before { + content: "\f106"; } -.ckan-icon-info-flat { - width: 20px; - height: 20px; - background-position: -240px -33px; +.icon-angle-down:before { + content: "\f107"; } -.ckan-icon-tag { - width: 20px; - height: 20px; - background-position: -260px -33px; +.icon-desktop:before { + content: "\f108"; } -.ckan-icon-plus { - width: 20px; - height: 20px; - background-position: -280px -33px; - width: 16px; +.icon-laptop:before { + content: "\f109"; } -.ckan-icon-head { - width: 20px; - height: 20px; - background-position: -300px -33px; +.icon-tablet:before { + content: "\f10a"; } -.ckan-icon-arrow-e { - width: 20px; - height: 20px; - background-position: -320px -33px; - width: 16px; +.icon-mobile-phone:before { + content: "\f10b"; } -.ckan-icon-bookmark { - width: 25px; - height: 25px; - background-position: 0px -53px; +.icon-circle-blank:before { + content: "\f10c"; } -.format-label { - *margin-right: .3em; - display: inline-block; - vertical-align: text-bottom; - position: relative; - top: 2px; - width: 16px; - height: 16px; - background-image: url("../../../base/images/sprite-ckan-icons.png"); - background-repeat: no-repeat; - background-position: 16px 16px; - text-indent: -900em; - background: url("../../../base/images/sprite-resource-icons.png") no-repeat 0 0; +.icon-quote-left:before { + content: "\f10d"; } -.format-label:last-child { - *margin-left: 0; +.icon-quote-right:before { + content: "\f10e"; } -.format-label { - width: 32px; - height: 35px; - background-position: 0px -62px; +.icon-spinner:before { + content: "\f110"; } -.format-label[data-format=rdf], -.format-label[data-format*=rdf] { - width: 32px; - height: 35px; - background-position: -32px -62px; +.icon-circle:before { + content: "\f111"; } -.format-label[data-format=pdf], -.format-label[data-format*=pdf] { - width: 32px; - height: 35px; - background-position: -64px -62px; +.icon-reply:before { + content: "\f112"; } -.format-label[data-format=api], -.format-label[data-format*=api] { - width: 32px; - height: 35px; - background-position: -96px -62px; +.icon-github-alt:before { + content: "\f113"; } -.format-label[data-format=zip], -.format-label[data-format*=zip] { - width: 32px; - height: 35px; - background-position: -128px -62px; +.icon-folder-close-alt:before { + content: "\f114"; } -.format-label[data-format=xls], -.format-label[data-format*=xls] { - width: 32px; - height: 35px; - background-position: -160px -62px; +.icon-folder-open-alt:before { + content: "\f115"; } -.format-label[data-format=csv], -.format-label[data-format*=csv] { - width: 32px; - height: 35px; - background-position: -192px -62px; +[class^="icon-"], +[class*=" icon-"] { + display: inline-block; + text-align: right; + font-size: 14px; + line-height: 1; + width: 14px; } -.format-label[data-format=txt], -.format-label[data-format*=txt] { - width: 32px; - height: 35px; - background-position: -224px -62px; +.btn [class^="icon-"], +.nav [class^="icon-"], +.module-heading [class^="icon-"], +.dropdown [class^="icon-"], +.btn [class*=" icon-"], +.nav [class*=" icon-"], +.module-heading [class*=" icon-"], +.dropdown [class*=" icon-"] { + margin-right: 4px; } -.format-label[data-format=xml], -.format-label[data-format*=xml] { - width: 32px; - height: 35px; - background-position: -256px -62px; +.info-block [class^="icon-"], +.info-block [class*=" icon-"] { + float: left; + font-size: 28px; + width: 28px; + margin-right: 5px; + margin-top: 2px; } -.format-label[data-format=json], -.format-label[data-format*=json] { - width: 32px; - height: 35px; - background-position: -288px -62px; +.breadcrumb .home .icon-home { + font-size: 24px; + width: 24px; + vertical-align: -1px; } -.format-label[data-format=html], -.format-label[data-format*=html] { - width: 32px; - height: 35px; - background-position: -320px -62px; +.info-block-small [class^="icon-"], +.info-block-small [class*=" icon-"] { + font-size: 14px; + width: 14px; + margin-top: 1px; } -li [class^="icon-"], -li [class*=" icon-"] { - width: auto; +.wrapper { + *zoom: 1; + background-color: #FFF; + border: 1px solid #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); + position: relative; + background: #ffffff url("../../../base/images/nav.png") 0 0 repeat-y; + margin-bottom: 20px; } -li .icon-large:before, -li .icon-large:before { - width: auto; +.wrapper:before, +.wrapper:after { + display: table; + content: ""; + line-height: 0; +} +.wrapper:after { + clear: both; +} +.wrapper.no-nav { + background-image: none; } [role=main], .main { position: relative; - padding-top: 27px; - padding-bottom: 27px; - background-color: #efefef; + padding-top: 10px; + padding-bottom: 20px; + background: #eeeeee url("../../../base/images/bg.png"); } [role=main] { min-height: 350px; } .main:after, -.main:before, -[role=main]:after, -[role=main]:before { - content: ""; - position: absolute; - left: 0; - right: 0; - height: 7px; - background: #ffffff; - border-color: #c9c9c9; - border-style: solid; - border-width: 0; -} -.main:before, -[role=main]:before { - top: 0; - border-bottom-width: 1px; -} -.main:after, [role=main]:after { bottom: 0; border-top-width: 1px; } [role=main] .primary { - float: left; - margin-left: 20px; - width: 700px; + width: 717px; float: right; } [role=main] .secondary { - float: left; margin-left: 20px; width: 220px; margin-left: 0; float: left; } -.primary > :last-child, -.secondary > :last-child { - margin-bottom: 0; +.primary > :last-child, +.secondary > :last-child { + margin-bottom: 0; +} +.primary .primary { + float: left; + width: 467px; + margin-left: 0; + margin-bottom: 20px; +} +.primary .primary h1:first-child, +.primary .primary h2:first-child, +.primary .primary h3:first-child, +.primary .primary h4:first-child { + margin-top: 0; +} +.primary .tertiary { + float: left; + width: 180px; + margin-left: 20px; + margin-bottom: 20px; +} +.hero { + background: url("../../../base/images/background-tile.png"); +} +.hero:after { + background-color: rgba(0, 0, 0, 0.09); + background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0))); + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); + background-repeat: repeat-x; + background-color: #f6f6f6; + border-bottom: 1px solid #d0d0d0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); + -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); + box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.03); +} +.hero:after .back:hover { + text-decoration: none; +} +.hero:after .back:hover span { + text-decoration: underline; +} +.context-info .module-content { + padding: 15px; +} +.context-info .image { + margin-bottom: 10px; +} +.context-info .image img, +.context-info .image a { + display: block; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.context-info p { + overflow: auto; +} +.context-info code { + display: block; + font-weight: normal; + padding: 0; + margin: 0; + overflow: auto; +} +.context-info h1.heading { + margin: 0 0 5px 0; + font-size: 18px; + line-height: 1.3; +} +.context-info .info { + margin-top: 15px; + padding-top: 10px; + border-top: 1px dotted #DDD; +} +.context-info .info dl dd { + margin-top: 3px; + margin-left: 0; +} +.context-info .nums { + *zoom: 1; + margin-top: 15px; + padding-top: 10px; + padding-bottom: 0; + border-top: 1px dotted #DDD; +} +.context-info .nums:before, +.context-info .nums:after { + display: table; + content: ""; + line-height: 0; +} +.context-info .nums:after { + clear: both; +} +.context-info .nums dl { + float: left; + width: 50%; + margin: 5px 0 0 0; + color: #444444; +} +.context-info .nums dl dt { + display: block; + font-size: 13px; + font-weight: 300; +} +.context-info .nums dl dd { + display: block; + font-size: 30px; + font-weight: 700; + line-height: 36px; + margin-left: 0; +} +.context-info .nums dl dd .smallest { + font-size: 13px; +} +.context-info .nums dl dd .smaller { + font-size: 16px; } -.hero { - background: url("../../../base/images/background-tile.png"); +.context-info .nums dl dd .small { + font-size: 21px; } -.hero:after { - background-color: rgba(0, 0, 0, 0.09); - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0))); - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); - background-repeat: repeat-x; - background-color: transparent; - top: 7px; - bottom: auto; - height: 5px; +.context-info .follow_button { + margin-top: 15px; +} +.context-info.editing .module-content { + margin-top: 0; } .hero { - padding-bottom: 0; + background: url("../../../base/images/background-tile.png"); + padding: 20px 0; min-height: 0; } .hero > .container { position: relative; padding-bottom: 0; } -.hero-primary, -.hero-secondary { - float: left; - margin-left: 20px; - width: 460px; -} -.hero-primary { - margin-left: 0; -} -.hero-primary { - margin-left: 0; - margin-bottom: 0; -} -.hero-secondary { - position: absolute; - bottom: 0; - right: 0; -} -.hero-secondary-inner { - bottom: 0; - left: 0; - right: 0; -} -.hero .module-popup { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - margin-top: 50px; +.hero .search-giant { + margin-bottom: 10px; } -.hero .module-popup .module-content { - padding-bottom: 2px; +.hero .search-giant input { + border-color: #003f52; } .hero .page-heading { font-size: 18px; @@ -6734,290 +7984,339 @@ li .icon-large:before { } .hero .module-dark { padding: 5px; - margin-bottom: 10px; + margin-bottom: 0; color: #ffffff; background: #ffffff; } .hero .module-dark .module-content { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #dc0b0b; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + background-color: #c14531; + border-bottom: none; } .hero .module-dark .module-content .heading { + margin-top: 0; margin-bottom: 7px; + font-size: 24px; + line-height: 40px; } .hero .tags { - margin-bottom: 9px; -} -.hero .tags .tag, -.hero .tags .tag-list { - display: inline-block; -} -.hero .tags .tag-list { - padding: 0; -} -.hero .tags .tag { - margin-right: 15px; -} -header.masthead { *zoom: 1; - color: #ffffff; - padding: 5px 10px 3px; - height: 55px; - background-color: #e51212; - background-image: -moz-linear-gradient(top, #dc0b0b, #f31d1d); - background-image: -ms-linear-gradient(top, #dc0b0b, #f31d1d); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc0b0b), to(#f31d1d)); - background-image: -webkit-linear-gradient(top, #dc0b0b, #f31d1d); - background-image: -o-linear-gradient(top, #dc0b0b, #f31d1d); - background-image: linear-gradient(top, #dc0b0b, #f31d1d); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc0b0b', endColorstr='#f31d1d', GradientType=0); + padding: 5px 10px 10px 10px; + background-color: #983627; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } -header.masthead:before, -header.masthead:after { +.hero .tags:before, +.hero .tags:after { display: table; content: ""; + line-height: 0; } -header.masthead:after { +.hero .tags:after { clear: both; } -header.masthead .container { - position: relative; +.hero .tags h3, +.hero .tags .tag { + display: block; + float: left; + margin: 5px 10px 0 0; } -header.masthead a { - color: #ffffff; +.hero .tags h3 { + font-size: 14px; + line-height: 20px; + padding: 2px 8px; } -header.masthead hgroup h1, -header.masthead hgroup h2 { +.hero-primary, +.hero-secondary { float: left; - font-size: 34px; - line-height: 1.5; -} -header.masthead hgroup h1 { - font-weight: 900; - letter-spacing: -1px; + margin-left: 20px; + width: 460px; } -header.masthead hgroup h2 { - position: absolute; - bottom: -3px; - left: 0; - margin: 0; - font-size: 15px; - font-weight: normal; - line-height: 1.2; - white-space: nowrap; +.hero-primary { + margin-left: 0; + margin-bottom: 0; } -header.masthead .content { +.hero-secondary { position: absolute; - top: 10px; + bottom: 0; right: 0; } -header.masthead .section { - float: left; +.hero-secondary .hero-secondary-inner { + bottom: 0; + left: 0; + right: 0; } -header.masthead .navigation { - margin-right: 20px; +.main.homepage { + padding-top: 20px; + padding-bottom: 20px; + border-top: 1px solid #cccccc; } -header.masthead .navigation ul.unstyled { - *zoom: 1; - margin: 5px 0; +.main.homepage .module-heading .media-image { + margin-right: 15px; + max-height: 53px; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); + -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); } -header.masthead .navigation ul.unstyled:before, -header.masthead .navigation ul.unstyled:after { - display: table; - content: ""; +.main.homepage .group-listing .box { + min-height: 275px; } -header.masthead .navigation ul.unstyled:after { - clear: both; +.main.homepage .group-list { + margin-bottom: 0; } -header.masthead .navigation ul.unstyled li { - display: block; - float: left; +.main.homepage .group-list .dataset-content { + min-height: 70px; } -header.masthead .navigation ul.unstyled li a { - display: block; - font-size: 12px; - font-weight: bold; - padding: 4px 10px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; +.main.homepage .box .module { + margin-top: 0; } -header.masthead .navigation ul.unstyled li a.active { - background-color: #de1717; - box-shadow: 0 -1px 0 #b01212, 0 1px 0 #e13030; +.account-masthead { + *zoom: 1; + min-height: 30px; + color: #ffffff; + background: #983627 url("../../../base/images/bg.png"); } -header.masthead .site-search { - margin: 3px 0; +.account-masthead:before, +.account-masthead:after { + display: table; + content: ""; + line-height: 0; } -header.masthead .site-search input { - width: 190px; - font-size: 11px; - padding: 4px; +.account-masthead:after { + clear: both; } -header.masthead .account { - background: #ea0c0c; - padding: 3px 5px; - margin: 2px 0 2px 30px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: inset 0 2px 4px #d20b0b; - -moz-box-shadow: inset 0 2px 4px #d20b0b; - box-shadow: inset 0 2px 4px #d20b0b; +.account-masthead .account { + float: right; } -header.masthead .account ul.unstyled { +.account-masthead .account ul { *zoom: 1; } -header.masthead .account ul.unstyled:before, -header.masthead .account ul.unstyled:after { +.account-masthead .account ul:before, +.account-masthead .account ul:after { display: table; content: ""; + line-height: 0; } -header.masthead .account ul.unstyled:after { +.account-masthead .account ul:after { clear: both; } -header.masthead .account ul.unstyled li { +.account-masthead .account ul li { display: block; float: left; + border-left: 1px solid #842f22; } -header.masthead .account ul.unstyled li a { +.account-masthead .account ul li a { display: block; - font-size: 12px; + color: #f0d1cc; + font-size: 13px; font-weight: bold; - padding: 4px 10px; + padding: 0 10px; + line-height: 31px; +} +.account-masthead .account ul li a span.username { + margin: 0 2px 0 4px; } -header.masthead .account ul.unstyled li a.sub { +.account-masthead .account ul li a:hover { + color: #f6e3e0; + background-color: #842f22; + text-decoration: none; +} +.account-masthead .account ul li a.sub { font-weight: 300; - border-left: 1px solid #d20b0b; } -header.masthead .account .dropdown { - float: left; +.account-masthead .account ul li a .btn { + vertical-align: 1px; + margin-left: 3px; } -header.masthead .account .button { - display: block; - text-decoration: none; - background-color: #dc0b0b; - color: #ee8585; - text-shadow: 0 1px 1px #ab0909; +.account-masthead .account .notifications a span { + font-size: 12px; + margin-left: 3px; + padding: 1px 6px; + background-color: #842f22; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: inset 0 1px 0 #f30e0e; - -moz-box-shadow: inset 0 1px 0 #f30e0e; - box-shadow: inset 0 1px 0 #f30e0e; } -header.masthead .account .image { - margin: 2px 0; - padding: 0 4px 0 0; - overflow: hidden; - font-size: 10px; +.account-masthead .account .notifications a:hover span { + color: #ffffff; + background-color: #70281c; +} +.account-masthead .account .notifications.notifications-important a span { + color: #ffffff; + background-color: #c9403a; +} +.account-masthead .account.authed .image { + padding: 0 6px; +} +.account-masthead .account.authed .image img { + vertical-align: -6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -header.masthead .account .image i { - vertical-align: -1px; +.masthead { + *zoom: 1; + min-height: 55px; + color: #ffffff; + background: #c14531 url("../../../base/images/bg.png"); } -header.masthead .account .image img { - opacity: 0.7; - border-right: 1px solid #f31d1d; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; +.masthead:before, +.masthead:after { + display: table; + content: ""; + line-height: 0; +} +.masthead:after { + clear: both; } -header.masthead .account .notifications { - padding: 4px 8px 3px 8px; - margin: 2px 5px 2px 0; +.masthead .container { + position: relative; } -header.masthead .account .notifications.notifications-important { +.masthead a { color: #ffffff; - background-color: #c9403a; - text-shadow: 0 1px 1px #a3322d; - -webkit-box-shadow: inset 0 1px 0 #ce534e; - -moz-box-shadow: inset 0 1px 0 #ce534e; - box-shadow: inset 0 1px 0 #ce534e; } -header.masthead .account .dropdown.open .image img, -header.masthead .account .dropdown .image:hover img { - opacity: 1; - border-right-color: #f64d4d; +.masthead hgroup h1, +.masthead hgroup h2 { + float: left; + font-size: 30px; + line-height: 1.5; } -header.masthead .account .dropdown.open .button, -header.masthead .account .dropdown .button:hover { - color: #ffffff; - background-color: #ea6d6d; - -webkit-box-shadow: inset 0 1px 0 #ee8585; - -moz-box-shadow: inset 0 1px 0 #ee8585; - box-shadow: inset 0 1px 0 #ee8585; - text-decoration: none; +.masthead hgroup h1 { + font-weight: 900; + letter-spacing: -1px; + margin: 3px 0; +} +.masthead hgroup h2 { + position: absolute; + bottom: -3px; + left: 0; + margin: 0; + font-size: 15px; + font-weight: normal; + line-height: 1.2; + white-space: nowrap; } -header.masthead .account .dropdown.open .notifications-important, -header.masthead .account .dropdown .notifications-important:hover { - background-color: #d46762; - text-shadow: 0 1px 1px #c9403a; - -webkit-box-shadow: inset 0 1px 0 #d97a76; - -moz-box-shadow: inset 0 1px 0 #d97a76; - box-shadow: inset 0 1px 0 #d97a76; +.masthead .content { + position: absolute; + top: 10px; + right: 0; } -header.masthead .account.authed { - margin: 0 0 0 30px; +.masthead .section { + float: left; } -header.masthead .account.not-authed { - padding-top: 2px; - padding-bottom: 2px; +.masthead input[type="text"] { + border-color: #ad3e2c; } -header.masthead .dropdown-menu { - margin-top: -1px; +.masthead .navigation { + margin-right: 20px; } -header.masthead .user-dropdown-menu a { - color: #dc0b0b; +.masthead .navigation .nav-pills { + margin-bottom: 0; } -header.masthead .user-dropdown-menu a:hover { - color: #ffffff; +.masthead .navigation .nav-pills li a:hover, +.masthead .navigation .nav-pills li.active a { + background-color: #983627; } -header.masthead .debug { +.masthead .site-search { + margin: 2px 8px 2px 0; +} +.masthead .site-search input { + width: 200px; + padding: 4px 10px; +} +.masthead .debug { position: absolute; - bottom: 10px; + top: 37px; left: 10px; - font-size: 11px; color: rgba(255, 255, 255, 0.5); - line-height: 1.2; } .site-footer { *zoom: 1; + min-height: 55px; color: #ffffff; - padding: 5px 10px 3px; - height: 55px; - background-color: #e51212; - background-image: -moz-linear-gradient(top, #dc0b0b, #f31d1d); - background-image: -ms-linear-gradient(top, #dc0b0b, #f31d1d); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc0b0b), to(#f31d1d)); - background-image: -webkit-linear-gradient(top, #dc0b0b, #f31d1d); - background-image: -o-linear-gradient(top, #dc0b0b, #f31d1d); - background-image: linear-gradient(top, #dc0b0b, #f31d1d); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc0b0b', endColorstr='#f31d1d', GradientType=0); - font-size: 12px; + background: #c14531 url("../../../base/images/bg.png"); padding: 20px 0; } .site-footer:before, .site-footer:after { display: table; content: ""; + line-height: 0; } .site-footer:after { clear: both; } +.site-footer .container { + position: relative; +} +.site-footer a { + color: #ffffff; +} +.site-footer hgroup h1, +.site-footer hgroup h2 { + float: left; + font-size: 30px; + line-height: 1.5; +} +.site-footer hgroup h1 { + font-weight: 900; + letter-spacing: -1px; + margin: 3px 0; +} +.site-footer hgroup h2 { + position: absolute; + bottom: -3px; + left: 0; + margin: 0; + font-size: 15px; + font-weight: normal; + line-height: 1.2; + white-space: nowrap; +} +.site-footer .content { + position: absolute; + top: 10px; + right: 0; +} +.site-footer .section { + float: left; +} +.site-footer input[type="text"] { + border-color: #ad3e2c; +} +.site-footer .navigation { + margin-right: 20px; +} +.site-footer .navigation .nav-pills { + margin-bottom: 0; +} +.site-footer .navigation .nav-pills li a:hover, +.site-footer .navigation .nav-pills li.active a { + background-color: #983627; +} +.site-footer .site-search { + margin: 2px 8px 2px 0; +} +.site-footer .site-search input { + width: 200px; + padding: 4px 10px; +} +.site-footer .debug { + position: absolute; + top: 37px; + left: 10px; + color: rgba(255, 255, 255, 0.5); +} .site-footer, .site-footer label, .site-footer small { - color: #ccdee3; + color: #e6b5ad; } .site-footer a { - color: #ccdee3; + color: #e6b5ad; } .footer-links, .attribution { @@ -7025,22 +8324,27 @@ header.masthead .debug { margin-left: 20px; width: 460px; } -.footer-links { +.footer-links { + margin-left: 0; +} +.footer-links ul { + float: left; + margin-left: 20px; + width: 220px; +} +.footer-links ul:first-child { margin-left: 0; } -.footer-links li { - display: inline-block; - width: 40%; - margin-right: 5%; +.footer-links ul li { margin-bottom: 5px; } .attribution small { - color: #ccdee3; + color: #e6b5ad; font-size: 12px; } .attribution .ckan-footer-logo { display: block; - width: 65px; + width: 68px; height: 21px; margin-top: 2px; background: url("../../../base/images/ckan-logo-footer.png") no-repeat top left; @@ -7053,6 +8357,7 @@ header.masthead .debug { .lang-select:after { display: table; content: ""; + line-height: 0; } .lang-select:after { clear: both; @@ -7069,153 +8374,66 @@ header.masthead .debug { .lang-dropdown li { width: auto; } -.lang-dropdown .select2-result-label[data-value]:before { - content: ""; - display: inline-block; - background-image: url("../../../base/images/flags.png"); - background-repeat: no-repeat; - background-position: 0 11px; - width: 17px; - height: 11px; - position: relative; - top: 1px; -} -.lang-dropdown .select2-result-label[data-value*="/en/"]:before { - background-position: 0 0; -} -.lang-dropdown .select2-result-label[data-value*="/de/"]:before { - background-position: 0 -11px; -} -.lang-dropdown .select2-result-label[data-value*="/fr/"]:before { - background-position: 0 -22px; -} -.lang-dropdown .select2-result-label[data-value*="/it/"]:before { - background-position: 0 -33px; -} -.lang-dropdown .select2-result-label[data-value*="/es/"]:before { - background-position: 0 -44px; -} -.lang-dropdown .select2-result-label[data-value*="/pl/"]:before { - background-position: 0 -55px; +.table-selected td { + background-color: #f5f5f5; } -.lang-dropdown .select2-result-label[data-value*="/ru/"]:before { - background-position: 0 -66px; +.table-selected td .edit { + display: block; } -.lang-dropdown .select2-result-label[data-value*="/nl/"]:before { - background-position: 0 -77px; +.table-bulk-edit th input { + top: -5px; } -.lang-dropdown .select2-result-label[data-value*="/sv/"]:before { - background-position: 0 -88px; +.table-bulk-edit .table-actions .btn-group { + float: left; + margin: 0 10px 0 0; } -.lang-dropdown .select2-result-label[data-value*="/no/"]:before { - background-position: 0 -99px; +.table-bulk-edit .context p { + margin-bottom: 0; } -.lang-dropdown .select2-result-label[data-value*="/cs/"]:before, -.lang-dropdown .select2-result-label[data-value*="/cs_CZ/"]:before { - background-position: 0 -110px; +.table-header thead th { + background-color: #f6f6f6; } -.lang-dropdown .select2-result-label[data-value*="/hu/"]:before { - background-position: 0 -121px; +.table-edit-hover .edit { + display: none; + float: right; } -.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { - background-position: 0 -132px; +.table-edit-hover tr:hover .edit { + display: block; } -.lang-dropdown .select2-result-label[data-value*="/fi/"]:before { - background-position: 0 -143px; +.js .table-toggle-more .toggle-more { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/bg/"]:before { - background-position: 0 -154px; +.js .table-toggle-more .show-more { + display: inline; } -.lang-dropdown .select2-result-label[data-value*="/ca/"]:before { - background-position: 0 -165px; +.js .table-toggle-more .show-less { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/sq/"]:before { - background-position: 0 -176px; +.js .table-toggle-more .toggle-seperator { + display: table-row; } -.lang-dropdown .select2-result-label[data-value*="/sr/"]:before, -.lang-dropdown .select2-result-label[data-value*="/sr_Latn/"]:before { - background-position: 0 -187px; +.js .table-toggle-more .toggle-seperator td { + height: 11px; + padding: 0; + background-image: url("../../../base/images/table-seperator.png"); } -.lang-dropdown .select2-result-label[data-value*="/zh_TW/"]:before { - background-position: 0 -198px; +.js .table .toggle-show td { + background: none; + text-align: center; } -.lang-dropdown .select2-result-label[data-value*="/lv/"]:before { - background-position: 0 -209px; +.js .table-toggle-less .show-less { + display: inline; } -.lang-dropdown .select2-result-label[data-value*="/sk/"]:before { - background-position: 0 -220px; +.js .table-toggle-less .show-more { + display: none; } -.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { - background-position: 0 -132px; +.js .table-toggle-less .toggle-seperator { + display: none; } .profile .empty, .profile .dataset-list { margin-bottom: 20px; } -.profile-info .module-content { - padding: 15px; -} -.profile-info .avatar { - border: 1px solid #DDD; - padding: 5px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; -} -.profile-info .avatar img, -.profile-info .avatar a { - display: block; -} -.profile-info code { - font-weight: normal; - padding: 0; - margin: 0; -} -.profile-info h1.heading { - margin: 10px 0 5px 0; - font-size: 21px; -} -.profile-info .info { - margin-top: 15px; - padding-top: 10px; - border-top: 1px dotted #DDD; -} -.profile-info .info dl dd { - margin-top: 3px; - margin-left: 0; -} -.profile-info .nums { - *zoom: 1; - margin-top: 15px; - padding-top: 10px; - padding-bottom: 0; - border-top: 1px dotted #DDD; -} -.profile-info .nums:before, -.profile-info .nums:after { - display: table; - content: ""; -} -.profile-info .nums:after { - clear: both; -} -.profile-info .nums dl { - float: left; - width: 33%; - margin: 5px 0 0 0; - color: #4d4d4d; -} -.profile-info .nums dl dt { - display: block; - font-weight: 300; -} -.profile-info .nums dl dd { - display: block; - font-size: 30px; - font-weight: 700; - line-height: 1.2; - margin-left: 0; -} .activity { margin: 10px 0; padding: 0; @@ -7232,13 +8450,16 @@ header.masthead .debug { .activity .item:after { display: table; content: ""; + line-height: 0; } .activity .item:after { clear: both; } -.activity .item i { +.activity .item .icon { display: block; - float: left; + position: absolute; + top: 0; + left: 0; width: 30px; height: 30px; line-height: 30px; @@ -7246,7 +8467,6 @@ header.masthead .debug { color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-weight: normal; - font-size: 16px; margin-right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; @@ -7261,20 +8481,19 @@ header.masthead .debug { border-radius: 100px; } .activity .item .actor .gravatar { - float: left; - margin-top: -5px; - margin-right: 10px; + position: absolute; + top: 0; + left: 40px; } .activity .item p { font-size: 14px; line-height: 1.5; - margin: 5px 0 0 0; + margin: 5px 0 0 80px; } .activity .item .date { color: #999; font-size: 12px; white-space: nowrap; - margin-left: 5px; } .activity .item .new { display: block; @@ -7294,106 +8513,278 @@ header.masthead .debug { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } -.popover .about { - margin-bottom: 10px; +.activity .load-less { + margin-bottom: 15px; +} +.popover { + width: 300px; +} +.popover .popover-title { + font-weight: bold; + margin-bottom: 0; +} +.popover p.about { + margin: 0 0 10px 0; } .popover .popover-close { float: right; text-decoration: none; } -.activity .item i { - background-color: #767dce; +.activity .item .icon { + background-color: #999999; } -.activity .item.added-tag i { +.activity .item.added-tag .icon { background-color: #6995a6; } -.activity .item.changed-group i { +.activity .item.changed-group .icon { background-color: #767dce; } -.activity .item.changed-package i { +.activity .item.changed-package .icon { background-color: #8c76ce; } -.activity .item.changed-package_extra i { +.activity .item.changed-package_extra .icon { background-color: #769ace; } -.activity .item.changed-resource i { +.activity .item.changed-resource .icon { background-color: #aa76ce; } -.activity .item.changed-user i { +.activity .item.changed-user .icon { background-color: #76b8ce; } -.activity .item.deleted-group i { +.activity .item.changed-organization .icon { + background-color: #699fa6; +} +.activity .item.deleted-group .icon { background-color: #b95252; } -.activity .item.deleted-package i { +.activity .item.deleted-package .icon { background-color: #b97452; } -.activity .item.deleted-package_extra i { +.activity .item.deleted-package_extra .icon { background-color: #b95274; } -.activity .item.deleted-resource i { +.activity .item.deleted-resource .icon { background-color: #b99752; } -.activity .item.new-group i { +.activity .item.deleted-organization .icon { + background-color: #b95297; +} +.activity .item.new-group .icon { background-color: #69a67a; } -.activity .item.new-package i { +.activity .item.new-package .icon { background-color: #69a68e; } -.activity .item.new-package_extra i { +.activity .item.new-package_extra .icon { background-color: #6ca669; } -.activity .item.new-resource i { +.activity .item.new-resource .icon { background-color: #81a669; } -.activity .item.new-user i { +.activity .item.new-user .icon { background-color: #69a6a3; } -.activity .item.removed-tag i { +.activity .item.new-organization .icon { + background-color: #81a669; +} +.activity .item.removed-tag .icon { background-color: #b95297; } -.activity .item.deleted-related-item i { +.activity .item.deleted-related-item .icon { background-color: #b9b952; } -.activity .item.follow-dataset i { +.activity .item.follow-dataset .icon { background-color: #767dce; } -.activity .item.follow-user i { +.activity .item.follow-user .icon { background-color: #8c76ce; } -.activity .item.new-related-item i { +.activity .item.new-related-item .icon { background-color: #95a669; } -.activity .item.follow-group i { +.activity .item.follow-group .icon { background-color: #8ba669; } -.popover-context-loading .popover-title { +.dropdown:hover .dropdown-menu { + display: block; +} +.js .dropdown .dropdown-menu, +.js .dropdown:hover .dropdown-menu { + display: none; +} +.js .dropdown.open .dropdown-menu { + display: block; +} +#followee-filter .btn { + *zoom: 1; +} +#followee-filter .btn:before, +#followee-filter .btn:after { + display: table; + content: ""; + line-height: 0; +} +#followee-filter .btn:after { + clear: both; +} +#followee-filter .btn span, +#followee-filter .btn strong { + display: block; + float: left; + line-height: 1.5; +} +#followee-filter .btn span { + font-weight: normal; +} +#followee-filter .btn strong { + margin: 0 5px; + white-space: nowrap; + max-width: 90px; + overflow: hidden; + text-overflow: ellipsis; +} +.dashboard-context { + position: relative; + margin-bottom: 20px; + padding: 20px; + border-bottom: 1px solid #DCDCDC; + background-color: #f6f6f6; + -webkit-border-radius: 3px 0 0 0; + -moz-border-radius: 3px 0 0 0; + border-radius: 3px 0 0 0; +} +.dashboard-context h2 { + margin-bottom: 10px; +} +.dashboard-context .arrow { + position: absolute; + content: ' '; + top: 30px; + right: -10px; + width: 10px; + height: 21px; + background: transparent url("../../../base/images/dashboard-followee-related.png"); +} +.popover-followee .popover-title { display: none; } -.popover-context-loading .popover-content { +.popover-followee .popover-content { + padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } -.popover-context-loading .popover-content img { - vertical-align: -3px; - margin-right: 10px; +.popover-followee .empty { + padding: 10px; } -.follower-list li { - margin: 0 0 15px 0; +.popover-followee .popover-header { + *zoom: 1; + background-color: whiteSmoke; + padding: 5px; + border-bottom: 1px solid #cccccc; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } -.follower-list .gravatar { - vertical-align: -4px; - margin-right: 3px; +.popover-followee .popover-header:before, +.popover-followee .popover-header:after { + display: table; + content: ""; + line-height: 0; +} +.popover-followee .popover-header:after { + clear: both; +} +.popover-followee .popover-header .input-prepend { + margin-bottom: 0; +} +.popover-followee .popover-header .add-on, +.popover-followee .popover-header input { + float: left; + margin: 0; +} +.popover-followee .popover-header .add-on { + padding: 4px 8px 4px 12px; + border-right-width: 0; + -webkit-border-radius: 100px 0 0 100px; + -moz-border-radius: 100px 0 0 100px; + border-radius: 100px 0 0 100px; +} +.popover-followee .popover-header input { + padding: 4px 12px 4px 8px; + font-size: 13px; + width: 207px; + -webkit-border-radius: 0 100px 100px 0; + -moz-border-radius: 0 100px 100px 0; + border-radius: 0 100px 100px 0; +} +.popover-followee .nav { + padding: 0; + margin: 0; + max-height: 205px; + overflow: auto; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.popover-followee .nav li a { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 7px 10px 7px 15px; + margin: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.popover-followee .nav li a i { + background-color: #c14531; + color: #ffffff; + margin-right: 11px; + padding: 3px 5px; + line-height: 1; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; + -webkit-box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 2x rgba(0, 0, 0, 0.2); } -.module-my-datasets .empty { - padding: 10px; +.popover-followee .nav li a:hover i { + background-color: #000; +} +.popover-followee .nav li.active a i { + color: #c14531; + background-color: #ffffff; +} +.dashboard-me { + *zoom: 1; + padding: 15px 15px 0 15px; +} +.dashboard-me:before, +.dashboard-me:after { + display: table; + content: ""; + line-height: 0; +} +.dashboard-me:after { + clear: both; +} +.dashboard-me img { + float: left; + margin-right: 10px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + border-radius: 100px; +} +.dashboard-me strong { + display: block; + font-size: 16px; + margin: 3px 0; } body { - background-color: #f31d1d; + background: #c14531 url("../../../base/images/bg.png"); } [hidden] { display: none; @@ -7412,11 +8803,10 @@ table .metric { width: 140px; } code { - padding: 2px 2px; color: #000000; - font-weight: bold; border: none; background: none; + white-space: normal; } pre { border: none; @@ -7446,10 +8836,11 @@ iframe { text-indent: -999em; } .empty { - color: #aeaeae; + color: #aaaaaa; font-style: italic; } .page-heading { + margin-top: 0; margin-bottom: 16px; } .m-top { @@ -7492,10 +8883,6 @@ iframe { position: relative; top: -20px; } -.ie .module, -.ie .media-image { - border: 1px solid #cccccc; -} .ie .module-popup { border-bottom: none; } @@ -7519,24 +8906,19 @@ iframe { .ie9 .control-large input { height: 56px; } -.ie9 .module { - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); +.ie8 .account-masthead a.image, +.ie8 .account-masthead .username { + white-space: nowrap; } -.ie7 .masthead nav ul li a.active, -.ie8 .masthead nav ul li a.active { - position: relative; - top: -1px; - background-color: #e60b0b; - border-top: 1px solid #cd0a0a; - border-bottom: 1px solid #f30e0e; +.ie9 .homepage .media.module-heading .media-image img, +.ie8 .homepage .media.module-heading .media-image img, +.ie7 .homepage .media.module-heading .media-image img { + width: 85px !important; } -.ie8 .masthead .account a.image { - display: block; - width: 25px; - padding-right: 10px; - white-space: nowrap; +.ie8 .hero .hero-primary.module-popup .box, +.ie7 .hero .hero-primary.module-popup .box { + padding-bottom: 20px !important; + margin-bottom: 0 !important; } .ie7 .alert { position: relative; @@ -7556,6 +8938,7 @@ iframe { .ie7 .tags .tag-list:after { display: table; content: ""; + line-height: 0; } .ie7 .tags .tag-list:after { clear: both; @@ -7569,8 +8952,6 @@ iframe { } .ie7 .tags .tag { display: block; - border: 1px solid #d0d0d0; - background: #f5f5f5; } .ie7 .search-giant input { width: 95%; @@ -7621,6 +9002,9 @@ iframe { .ie7 .stages li .highlight { width: auto; } +.ie7 .account-masthead .account a i { + line-height: 31px; +} .ie7 .masthead { position: relative; z-index: 1; @@ -7632,39 +9016,12 @@ iframe { *zoom: 1; } -.ie7 .masthead nav ul { - margin-top: 5px; -} -.ie7 .masthead nav ul li { - float: left; -} -.ie7 .masthead nav ul li a.active { - position: relative; - top: -1px; - background-color: #e60b0b; - border-top: 1px solid #cd0a0a; - border-bottom: 1px solid #f30e0e; -} .ie7 .masthead .header-image { display: block; } .ie7 .masthead .account .dropdown-menu { z-index: 10000; } -.ie7 .footer-links { - *zoom: 1; -} -.ie7 .footer-links:before, -.ie7 .footer-links:after { - display: table; - content: ""; -} -.ie7 .footer-links:after { - clear: both; -} -.ie7 .footer-links li { - float: left; -} .ie7 .module-narrow .nav-item.image { *zoom: 1; } @@ -7672,6 +9029,7 @@ iframe { .ie7 .module-narrow .nav-item.image:after { display: table; content: ""; + line-height: 0; } .ie7 .module-narrow .nav-item.image:after { clear: both; @@ -7689,11 +9047,13 @@ iframe { } .ie7 .module-heading { *zoom: 1; + position: relative; } .ie7 .module-heading:before, .ie7 .module-heading:after { display: table; content: ""; + line-height: 0; } .ie7 .module-heading:after { clear: both; @@ -7713,3 +9073,22 @@ iframe { position: relative; zoom: 1; } +.ie7 .resource-item { + position: static; + padding-bottom: 1px; +} +.ie7 .resource-item .heading { + position: relative; +} +.ie7 .resource-item .format-label { + left: -48px; +} +.ie7 .resource-item .btn-group { + position: relative; + float: right; + top: -35px; + right: 0; +} +.ie7 .media-overlay .media-heading { + background-color: #000; +} diff --git a/ckan/public/base/javascript/main.js b/ckan/public/base/javascript/main.js index bda7535bead..e307fe8403c 100644 --- a/ckan/public/base/javascript/main.js +++ b/ckan/public/base/javascript/main.js @@ -82,7 +82,7 @@ this.ckan = this.ckan || {}; // This is useful for when IE7 doesn't properly render parts of the page after // some dom manipulation has happened this.jQuery.fn.ie7redraw = function() { - if (jQuery.browser.msie && jQuery.browser.version == '7.0') { + if (jQuery('html').hasClass('ie7')) { jQuery(this).css('zoom', 1); } }; diff --git a/ckan/public/base/javascript/modules/custom-fields.js b/ckan/public/base/javascript/modules/custom-fields.js index a68737ddc50..7124d27a763 100644 --- a/ckan/public/base/javascript/modules/custom-fields.js +++ b/ckan/public/base/javascript/modules/custom-fields.js @@ -17,7 +17,7 @@ this.ckan.module('custom-fields', function (jQuery, _) { * Returns nothing. */ initialize: function () { - if (!jQuery.browser.msie || !jQuery.browser.version == '7.0') { + if (!jQuery('html').hasClass('ie7')) { jQuery.proxyAll(this, /_on/); var delegated = this.options.fieldSelector + ':last input:first'; diff --git a/ckan/public/base/javascript/modules/dataset-visibility.js b/ckan/public/base/javascript/modules/dataset-visibility.js new file mode 100644 index 00000000000..5bfa4963bb0 --- /dev/null +++ b/ckan/public/base/javascript/modules/dataset-visibility.js @@ -0,0 +1,32 @@ +/* Dataset visibility toggler + * When no organization is selected in the org dropdown then set visibility to + * public always and disable dropdown + */ +this.ckan.module('dataset-visibility', function ($, _) { + return { + currentValue: false, + options: { + organizations: $('#field-organizations'), + visibility: $('#field-private'), + currentValue: null + }, + initialize: function() { + $.proxyAll(this, /_on/); + this.options.currentValue = this.options.visibility.val(); + this.options.organizations.on('change', this._onOrganizationChange); + this._onOrganizationChange(); + }, + _onOrganizationChange: function() { + var value = this.options.organizations.val(); + if (value) { + this.options.visibility + .prop('disabled', false) + .val(this.options.currentValue); + } else { + this.options.visibility + .prop('disabled', true) + .val('False'); + } + } + }; +}); diff --git a/ckan/public/base/javascript/modules/slug-preview.js b/ckan/public/base/javascript/modules/slug-preview.js index 2545daf6ee6..e622401ee09 100644 --- a/ckan/public/base/javascript/modules/slug-preview.js +++ b/ckan/public/base/javascript/modules/slug-preview.js @@ -72,7 +72,7 @@ this.ckan.module('slug-preview-slug', function (jQuery, _) { // Horrible hack to make sure that IE7 rerenders the subsequent // DOM children correctly now that we've render the slug preview element // We should drop this horrible hack ASAP - if (jQuery.browser.msie && jQuery.browser.version == '7.0') { + if (jQuery('html').hasClass('ie7')) { jQuery('.btn').on('click', preview, function(){ jQuery('.controls').ie7redraw(); }); diff --git a/ckan/public/base/javascript/plugins/jquery.slug-preview.js b/ckan/public/base/javascript/plugins/jquery.slug-preview.js index b9ffe1509eb..fd3cb170cb9 100644 --- a/ckan/public/base/javascript/plugins/jquery.slug-preview.js +++ b/ckan/public/base/javascript/plugins/jquery.slug-preview.js @@ -31,13 +31,14 @@ var field = element.find('input'); var preview = $(options.template); var value = preview.find('.slug-preview-value'); + var required = $('
').append($('.control-required', element).clone()).html(); function setValue() { var val = escape(field.val()) || options.placeholder; value.text(val); } - preview.find('strong').text(options.i18n['URL'] + ':'); + preview.find('strong').html(required + ' ' + options.i18n['URL'] + ':'); preview.find('.slug-preview-prefix').text(options.prefix); preview.find('button').text(options.i18n['Edit']).click(function (event) { event.preventDefault(); diff --git a/ckan/public/base/javascript/resource.config b/ckan/public/base/javascript/resource.config index aa4f28371d7..b1a7302d9e8 100644 --- a/ckan/public/base/javascript/resource.config +++ b/ckan/public/base/javascript/resource.config @@ -36,6 +36,7 @@ ckan = modules/activity-stream.js modules/dashboard.js modules/table-toggle-more.js + modules/dataset-visibility.js modules/media-grid.js main = diff --git a/ckan/public/base/less/ckan.less b/ckan/public/base/less/ckan.less index b18b68e89bc..f7c108f8734 100644 --- a/ckan/public/base/less/ckan.less +++ b/ckan/public/base/less/ckan.less @@ -138,7 +138,3 @@ iframe { } @import "iehacks.less"; - -.debug { - display: none; -} diff --git a/ckan/public/base/less/dashboard.less b/ckan/public/base/less/dashboard.less index 4e8b047561c..286f72bb968 100644 --- a/ckan/public/base/less/dashboard.less +++ b/ckan/public/base/less/dashboard.less @@ -33,7 +33,7 @@ .arrow { position: absolute; content: ' '; - top: 70px; + top: 30px; right: -10px; width: 10px; height: 21px; @@ -113,3 +113,18 @@ } } } + +.dashboard-me { + .clearfix; + padding: 15px 15px 0 15px; + img { + float: left; + margin-right: 10px; + .border-radius(100px); + } + strong { + display: block; + font-size: 16px; + margin: 3px 0; + } +} diff --git a/ckan/public/base/less/font-awesome.less b/ckan/public/base/less/font-awesome.less deleted file mode 100644 index 35abe13307a..00000000000 --- a/ckan/public/base/less/font-awesome.less +++ /dev/null @@ -1,335 +0,0 @@ -/* This is a modified version of the font-awesome core less document. */ - -@font-face { - font-family: 'FontAwesome'; - src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=3.0.1'); - src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), - url('@{FontAwesomePath}/fontawesome-webfont.woff?v=3.0.1') format('woff'), - url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); - font-weight: normal; - font-style: normal; -} - -[class^="icon-"], -[class*=" icon-"] { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - text-decoration: inherit; - -webkit-font-smoothing: antialiased; - display: inline; - width: auto; - height: auto; - line-height: normal; - vertical-align: baseline; - background-image: none; - background-position: 0% 0%; - background-repeat: repeat; - margin-top: 0; -} - -.icon-spin { - display: inline-block; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; -} - -@-moz-keyframes spin { - 0% { -moz-transform: rotate(0deg); } - 100% { -moz-transform: rotate(359deg); } -} -@-webkit-keyframes spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} -@-o-keyframes spin { - 0% { -o-transform: rotate(0deg); } - 100% { -o-transform: rotate(359deg); } -} -@-ms-keyframes spin { - 0% { -ms-transform: rotate(0deg); } - 100% { -ms-transform: rotate(359deg); } -} -@keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(359deg); } -} - -@-moz-document url-prefix() { - .icon-spin { height: .9em; } - .btn .icon-spin { height: auto; } - .icon-spin.icon-large { height: 1.25em; } - .btn .icon-spin.icon-large { height: .75em; } -} - -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.icon-glass:before { content: "\f000"; } -.icon-music:before { content: "\f001"; } -.icon-search:before { content: "\f002"; } -.icon-envelope:before { content: "\f003"; } -.icon-heart:before { content: "\f004"; } -.icon-star:before { content: "\f005"; } -.icon-star-empty:before { content: "\f006"; } -.icon-user:before { content: "\f007"; } -.icon-film:before { content: "\f008"; } -.icon-th-large:before { content: "\f009"; } -.icon-th:before { content: "\f00a"; } -.icon-th-list:before { content: "\f00b"; } -.icon-ok:before { content: "\f00c"; } -.icon-remove:before { content: "\f00d"; } -.icon-zoom-in:before { content: "\f00e"; } - -.icon-zoom-out:before { content: "\f010"; } -.icon-off:before { content: "\f011"; } -.icon-signal:before { content: "\f012"; } -.icon-cog:before { content: "\f013"; } -.icon-trash:before { content: "\f014"; } -.icon-home:before { content: "\f015"; } -.icon-file:before { content: "\f016"; } -.icon-time:before { content: "\f017"; } -.icon-road:before { content: "\f018"; } -.icon-download-alt:before { content: "\f019"; } -.icon-download:before { content: "\f01a"; } -.icon-upload:before { content: "\f01b"; } -.icon-inbox:before { content: "\f01c"; } -.icon-play-circle:before { content: "\f01d"; } -.icon-repeat:before { content: "\f01e"; } - -/* \f020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { content: "\f021"; } -.icon-list-alt:before { content: "\f022"; } -.icon-lock:before { content: "\f023"; } -.icon-flag:before { content: "\f024"; } -.icon-headphones:before { content: "\f025"; } -.icon-volume-off:before { content: "\f026"; } -.icon-volume-down:before { content: "\f027"; } -.icon-volume-up:before { content: "\f028"; } -.icon-qrcode:before { content: "\f029"; } -.icon-barcode:before { content: "\f02a"; } -.icon-tag:before { content: "\f02b"; } -.icon-tags:before { content: "\f02c"; } -.icon-book:before { content: "\f02d"; } -.icon-bookmark:before { content: "\f02e"; } -.icon-print:before { content: "\f02f"; } - -.icon-camera:before { content: "\f030"; } -.icon-font:before { content: "\f031"; } -.icon-bold:before { content: "\f032"; } -.icon-italic:before { content: "\f033"; } -.icon-text-height:before { content: "\f034"; } -.icon-text-width:before { content: "\f035"; } -.icon-align-left:before { content: "\f036"; } -.icon-align-center:before { content: "\f037"; } -.icon-align-right:before { content: "\f038"; } -.icon-align-justify:before { content: "\f039"; } -.icon-list:before { content: "\f03a"; } -.icon-indent-left:before { content: "\f03b"; } -.icon-indent-right:before { content: "\f03c"; } -.icon-facetime-video:before { content: "\f03d"; } -.icon-picture:before { content: "\f03e"; } - -.icon-pencil:before { content: "\f040"; } -.icon-map-marker:before { content: "\f041"; } -.icon-adjust:before { content: "\f042"; } -.icon-tint:before { content: "\f043"; } -.icon-edit:before { content: "\f044"; } -.icon-share:before { content: "\f045"; } -.icon-check:before { content: "\f046"; } -.icon-move:before { content: "\f047"; } -.icon-step-backward:before { content: "\f048"; } -.icon-fast-backward:before { content: "\f049"; } -.icon-backward:before { content: "\f04a"; } -.icon-play:before { content: "\f04b"; } -.icon-pause:before { content: "\f04c"; } -.icon-stop:before { content: "\f04d"; } -.icon-forward:before { content: "\f04e"; } - -.icon-fast-forward:before { content: "\f050"; } -.icon-step-forward:before { content: "\f051"; } -.icon-eject:before { content: "\f052"; } -.icon-chevron-left:before { content: "\f053"; } -.icon-chevron-right:before { content: "\f054"; } -.icon-plus-sign:before { content: "\f055"; } -.icon-minus-sign:before { content: "\f056"; } -.icon-remove-sign:before { content: "\f057"; } -.icon-ok-sign:before { content: "\f058"; } -.icon-question-sign:before { content: "\f059"; } -.icon-info-sign:before { content: "\f05a"; } -.icon-screenshot:before { content: "\f05b"; } -.icon-remove-circle:before { content: "\f05c"; } -.icon-ok-circle:before { content: "\f05d"; } -.icon-ban-circle:before { content: "\f05e"; } - -.icon-arrow-left:before { content: "\f060"; } -.icon-arrow-right:before { content: "\f061"; } -.icon-arrow-up:before { content: "\f062"; } -.icon-arrow-down:before { content: "\f063"; } -.icon-share-alt:before { content: "\f064"; } -.icon-resize-full:before { content: "\f065"; } -.icon-resize-small:before { content: "\f066"; } -.icon-plus:before { content: "\f067"; } -.icon-minus:before { content: "\f068"; } -.icon-asterisk:before { content: "\f069"; } -.icon-exclamation-sign:before { content: "\f06a"; } -.icon-gift:before { content: "\f06b"; } -.icon-leaf:before { content: "\f06c"; } -.icon-fire:before { content: "\f06d"; } -.icon-eye-open:before { content: "\f06e"; } - -.icon-eye-close:before { content: "\f070"; } -.icon-warning-sign:before { content: "\f071"; } -.icon-plane:before { content: "\f072"; } -.icon-calendar:before { content: "\f073"; } -.icon-random:before { content: "\f074"; } -.icon-comment:before { content: "\f075"; } -.icon-magnet:before { content: "\f076"; } -.icon-chevron-up:before { content: "\f077"; } -.icon-chevron-down:before { content: "\f078"; } -.icon-retweet:before { content: "\f079"; } -.icon-shopping-cart:before { content: "\f07a"; } -.icon-folder-close:before { content: "\f07b"; } -.icon-folder-open:before { content: "\f07c"; } -.icon-resize-vertical:before { content: "\f07d"; } -.icon-resize-horizontal:before { content: "\f07e"; } - -.icon-bar-chart:before { content: "\f080"; } -.icon-twitter-sign:before { content: "\f081"; } -.icon-facebook-sign:before { content: "\f082"; } -.icon-camera-retro:before { content: "\f083"; } -.icon-key:before { content: "\f084"; } -.icon-cogs:before { content: "\f085"; } -.icon-comments:before { content: "\f086"; } -.icon-thumbs-up:before { content: "\f087"; } -.icon-thumbs-down:before { content: "\f088"; } -.icon-star-half:before { content: "\f089"; } -.icon-heart-empty:before { content: "\f08a"; } -.icon-signout:before { content: "\f08b"; } -.icon-linkedin-sign:before { content: "\f08c"; } -.icon-pushpin:before { content: "\f08d"; } -.icon-external-link:before { content: "\f08e"; } - -.icon-signin:before { content: "\f090"; } -.icon-trophy:before { content: "\f091"; } -.icon-github-sign:before { content: "\f092"; } -.icon-upload-alt:before { content: "\f093"; } -.icon-lemon:before { content: "\f094"; } -.icon-phone:before { content: "\f095"; } -.icon-check-empty:before { content: "\f096"; } -.icon-bookmark-empty:before { content: "\f097"; } -.icon-phone-sign:before { content: "\f098"; } -.icon-twitter:before { content: "\f099"; } -.icon-facebook:before { content: "\f09a"; } -.icon-github:before { content: "\f09b"; } -.icon-unlock:before { content: "\f09c"; } -.icon-credit-card:before { content: "\f09d"; } -.icon-rss:before { content: "\f09e"; } - -.icon-hdd:before { content: "\f0a0"; } -.icon-bullhorn:before { content: "\f0a1"; } -.icon-bell:before { content: "\f0a2"; } -.icon-certificate:before { content: "\f0a3"; } -.icon-hand-right:before { content: "\f0a4"; } -.icon-hand-left:before { content: "\f0a5"; } -.icon-hand-up:before { content: "\f0a6"; } -.icon-hand-down:before { content: "\f0a7"; } -.icon-circle-arrow-left:before { content: "\f0a8"; } -.icon-circle-arrow-right:before { content: "\f0a9"; } -.icon-circle-arrow-up:before { content: "\f0aa"; } -.icon-circle-arrow-down:before { content: "\f0ab"; } -.icon-globe:before { content: "\f0ac"; } -.icon-wrench:before { content: "\f0ad"; } -.icon-tasks:before { content: "\f0ae"; } - -.icon-filter:before { content: "\f0b0"; } -.icon-briefcase:before { content: "\f0b1"; } -.icon-fullscreen:before { content: "\f0b2"; } - -.icon-group:before { content: "\f0c0"; } -.icon-link:before { content: "\f0c1"; } -.icon-cloud:before { content: "\f0c2"; } -.icon-beaker:before { content: "\f0c3"; } -.icon-cut:before { content: "\f0c4"; } -.icon-copy:before { content: "\f0c5"; } -.icon-paper-clip:before { content: "\f0c6"; } -.icon-save:before { content: "\f0c7"; } -.icon-sign-blank:before { content: "\f0c8"; } -.icon-reorder:before { content: "\f0c9"; } -.icon-list-ul:before { content: "\f0ca"; } -.icon-list-ol:before { content: "\f0cb"; } -.icon-strikethrough:before { content: "\f0cc"; } -.icon-underline:before { content: "\f0cd"; } -.icon-table:before { content: "\f0ce"; } - -.icon-magic:before { content: "\f0d0"; } -.icon-truck:before { content: "\f0d1"; } -.icon-pinterest:before { content: "\f0d2"; } -.icon-pinterest-sign:before { content: "\f0d3"; } -.icon-google-plus-sign:before { content: "\f0d4"; } -.icon-google-plus:before { content: "\f0d5"; } -.icon-money:before { content: "\f0d6"; } -.icon-caret-down:before { content: "\f0d7"; } -.icon-caret-up:before { content: "\f0d8"; } -.icon-caret-left:before { content: "\f0d9"; } -.icon-caret-right:before { content: "\f0da"; } -.icon-columns:before { content: "\f0db"; } -.icon-sort:before { content: "\f0dc"; } -.icon-sort-down:before { content: "\f0dd"; } -.icon-sort-up:before { content: "\f0de"; } - -.icon-envelope-alt:before { content: "\f0e0"; } -.icon-linkedin:before { content: "\f0e1"; } -.icon-undo:before { content: "\f0e2"; } -.icon-legal:before { content: "\f0e3"; } -.icon-dashboard:before { content: "\f0e4"; } -.icon-comment-alt:before { content: "\f0e5"; } -.icon-comments-alt:before { content: "\f0e6"; } -.icon-bolt:before { content: "\f0e7"; } -.icon-sitemap:before { content: "\f0e8"; } -.icon-umbrella:before { content: "\f0e9"; } -.icon-paste:before { content: "\f0ea"; } -.icon-lightbulb:before { content: "\f0eb"; } -.icon-exchange:before { content: "\f0ec"; } -.icon-cloud-download:before { content: "\f0ed"; } -.icon-cloud-upload:before { content: "\f0ee"; } - -.icon-user-md:before { content: "\f0f0"; } -.icon-stethoscope:before { content: "\f0f1"; } -.icon-suitcase:before { content: "\f0f2"; } -.icon-bell-alt:before { content: "\f0f3"; } -.icon-coffee:before { content: "\f0f4"; } -.icon-food:before { content: "\f0f5"; } -.icon-file-alt:before { content: "\f0f6"; } -.icon-building:before { content: "\f0f7"; } -.icon-hospital:before { content: "\f0f8"; } -.icon-ambulance:before { content: "\f0f9"; } -.icon-medkit:before { content: "\f0fa"; } -.icon-fighter-jet:before { content: "\f0fb"; } -.icon-beer:before { content: "\f0fc"; } -.icon-h-sign:before { content: "\f0fd"; } -.icon-plus-sign-alt:before { content: "\f0fe"; } - -.icon-double-angle-left:before { content: "\f100"; } -.icon-double-angle-right:before { content: "\f101"; } -.icon-double-angle-up:before { content: "\f102"; } -.icon-double-angle-down:before { content: "\f103"; } -.icon-angle-left:before { content: "\f104"; } -.icon-angle-right:before { content: "\f105"; } -.icon-angle-up:before { content: "\f106"; } -.icon-angle-down:before { content: "\f107"; } -.icon-desktop:before { content: "\f108"; } -.icon-laptop:before { content: "\f109"; } -.icon-tablet:before { content: "\f10a"; } -.icon-mobile-phone:before { content: "\f10b"; } -.icon-circle-blank:before { content: "\f10c"; } -.icon-quote-left:before { content: "\f10d"; } -.icon-quote-right:before { content: "\f10e"; } - -.icon-spinner:before { content: "\f110"; } -.icon-circle:before { content: "\f111"; } -.icon-reply:before { content: "\f112"; } -.icon-github-alt:before { content: "\f113"; } -.icon-folder-close-alt:before { content: "\f114"; } -.icon-folder-open-alt:before { content: "\f115"; } diff --git a/ckan/public/base/less/forms.less b/ckan/public/base/less/forms.less index a7449a9980a..289439c291a 100644 --- a/ckan/public/base/less/forms.less +++ b/ckan/public/base/less/forms.less @@ -79,6 +79,14 @@ textarea { height: (@baseLineHeight*2)+1; } +.control-required { + color: @errorBorder; +} + +.form-actions .control-required-message { + float: left; +} + .form-actions { background: none; margin-left: -@gutterX; diff --git a/ckan/public/base/less/icons.less b/ckan/public/base/less/icons.less index 2abf55a11dc..d1481f2fe48 100644 --- a/ckan/public/base/less/icons.less +++ b/ckan/public/base/less/icons.less @@ -150,8 +150,6 @@ .ckan-icon-background-position(10, "formatMedium"); } -@import url('font-awesome.less'); - [class^="icon-"], [class*=" icon-"] { display: inline-block; diff --git a/ckan/public/base/less/media.less b/ckan/public/base/less/media.less index e13ecac93cc..f18c49d0e91 100644 --- a/ckan/public/base/less/media.less +++ b/ckan/public/base/less/media.less @@ -136,3 +136,7 @@ } } } + +.wide .media-item { + width: 186px; +} diff --git a/ckan/public/base/less/module.less b/ckan/public/base/less/module.less index 20ac16702e7..a575abcbda4 100644 --- a/ckan/public/base/less/module.less +++ b/ckan/public/base/less/module.less @@ -231,6 +231,10 @@ } } +.no-nav .module:last-child { + margin-top: 0; +} + .module-image { float: left; width: 50px; diff --git a/ckan/public/base/less/nav.less b/ckan/public/base/less/nav.less index f49b8101c29..44e9e7e7e62 100644 --- a/ckan/public/base/less/nav.less +++ b/ckan/public/base/less/nav.less @@ -1,9 +1,17 @@ -.nav-simple { +.nav-simple, +.nav-aside { .simple-list; // Adds border and padding. padding-bottom: 0; } -.nav-item > a { +.nav-aside { + border-top: 1px dotted #DDD; + border-bottom: 1px dotted #DDD; + margin-bottom: 15px; +} + +.nav-item > a, +.nav-aside li a { color: @navLinkColor; font-size: @baseFontSize; line-height: @baseLineHeight; @@ -11,11 +19,13 @@ padding: 7px @gutterX; } -.nav-item.active { +.nav-item.active, +.nav-aside li.active { background-color: @navActiveBackgroundColor; } -.nav-item.active > a { +.nav-item.active > a, +.nav-aside li.active a { position: relative; color: @navItemActiveTextColor; background-color: @navItemActiveBackgroundColor; @@ -34,28 +44,33 @@ } } -.nav-item.active > a span { +.nav-item.active > a span, +.nav-aside li.active a span { white-space: nowrap; overflow:hidden; display:block; } -.module-narrow .nav-item > a { +.module-narrow .nav-item > a, +.module-narrow .nav-aside li a { padding-left: @gutterSmallX; padding-right: @gutterSmallX; position: relative; } -.module-narrow .nav-item.image { +.module-narrow .nav-item.image, +.module-narrow .nav-aside li.image { position: relative; } -.module-narrow .nav-item.image > a { +.module-narrow .nav-item.image > a, +.module-narrow .nav-aside li.image a { padding-left: @gutterSmallX + 27; padding-right: @gutterSmallX + 27; } -.module-narrow .nav-item.image > img { +.module-narrow .nav-item.image > img, +.module-narrow .nav-aside li.image img { position: absolute; top: 50%; left: @gutterSmallX; diff --git a/ckan/public/base/less/toolbar.less b/ckan/public/base/less/toolbar.less index 2bc6ac2a0d5..b5b2d4adac8 100644 --- a/ckan/public/base/less/toolbar.less +++ b/ckan/public/base/less/toolbar.less @@ -93,3 +93,7 @@ margin-right: -7px; } } + +.no-nav .page-header { + .border-radius(3px 3px 0 0); +} diff --git a/ckan/public/base/test/index.html b/ckan/public/base/test/index.html index 1fc8e7eade8..40d8529f2c9 100644 --- a/ckan/public/base/test/index.html +++ b/ckan/public/base/test/index.html @@ -110,7 +110,7 @@ params = {}; } - return (new ckan.Client()).getTemplate(filename, params).error(function () { + return (new ckan.Client()).getTemplate(filename, params).fail(function () { throw new Error('Unable to load fixture: ' + filename); }).pipe(function (template) { var fixture = jQuery('#fixture').html(template); @@ -133,7 +133,12 @@ this.fixture.empty(); }); - mocha.run().globals(['ckan', 'setTimeout', 'setInterval', 'clearTimeout', 'clearInterval']); + if (window.mochaPhantomJS) { + mochaPhantomJS.run(); + } else { + mocha.run(); + } + diff --git a/ckan/public/base/test/spec/modules/custom-fields.spec.js b/ckan/public/base/test/spec/modules/custom-fields.spec.js index 6be05c9f5af..99088cc5e9e 100644 --- a/ckan/public/base/test/spec/modules/custom-fields.spec.js +++ b/ckan/public/base/test/spec/modules/custom-fields.spec.js @@ -66,7 +66,7 @@ describe('ckan.module.CustomFieldsModule()', function () { this.module.newField(); - assert.ok(jQuery.contains(this.module.el, element)); + assert.ok(jQuery.contains(this.module.el[0], element)); }); }); diff --git a/ckan/public/base/test/spec/modules/resource-upload-field.spec.js b/ckan/public/base/test/spec/modules/resource-upload-field.spec.js index ee8eb8513dc..dcf2ca0630e 100644 --- a/ckan/public/base/test/spec/modules/resource-upload-field.spec.js +++ b/ckan/public/base/test/spec/modules/resource-upload-field.spec.js @@ -30,7 +30,7 @@ describe('ckan.modules.ResourceUploadFieldModule()', function () { it('should append the upload field to the module element', function () { this.module.initialize(); - assert.ok(jQuery.contains(this.el, this.module.upload)); + assert.ok(jQuery.contains(this.el[0], this.module.upload[0])); }); it('should call .setupFileUpload()', function () { diff --git a/ckan/public/base/test/vendor/mocha.css b/ckan/public/base/test/vendor/mocha.css index cdfea1a28da..ae220938c48 100644 --- a/ckan/public/base/test/vendor/mocha.css +++ b/ckan/public/base/test/vendor/mocha.css @@ -1,7 +1,12 @@ +@charset "utf-8"; body { + margin:0; +} + +#mocha { font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; - padding: 60px 50px; + margin: 60px 50px; } #mocha ul, #mocha li { @@ -37,6 +42,10 @@ body { font-size: .8em; } +#mocha .hidden { + display: none; +} + #mocha h2 { font-size: 12px; font-weight: normal; @@ -49,21 +58,12 @@ body { #mocha .test { margin-left: 15px; -} - -#mocha .test:hover h2::after { - position: relative; - top: 0; - right: -10px; - content: '(view source)'; - font-size: 12px; - font-family: arial; - color: #888; + overflow: hidden; } #mocha .test.pending:hover h2::after { content: '(pending)'; - font-family: arial; + font-family: arial, sans-serif; } #mocha .test.pass.medium .duration { @@ -130,10 +130,14 @@ body { #mocha .test pre.error { color: #c00; + max-height: 300px; + overflow: auto; } #mocha .test pre { - display: inline-block; + display: block; + float: left; + clear: left; font: 12px/1.5 monaco, monospace; margin: 5px; padding: 15px; @@ -141,42 +145,107 @@ body { border-bottom-color: #ddd; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px #eee; + -moz-border-radius: 3px; + -moz-box-shadow: 0 1px 3px #eee; +} + +#mocha .test h2 { + position: relative; } -#error { +#mocha .test a.replay { + position: absolute; + top: 3px; + right: 0; + text-decoration: none; + vertical-align: middle; + display: block; + width: 15px; + height: 15px; + line-height: 15px; + text-align: center; + background: #eee; + font-size: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + -webkit-transition: opacity 200ms; + -moz-transition: opacity 200ms; + transition: opacity 200ms; + opacity: 0.3; + color: #888; +} + +#mocha .test:hover a.replay { + opacity: 1; +} + +#mocha-report.pass .test.fail { + display: none; +} + +#mocha-report.fail .test.pass { + display: none; +} + +#mocha-error { color: #c00; - font-size: 1.5 em; + font-size: 1.5em; font-weight: 100; letter-spacing: 1px; } -#stats { +#mocha-stats { position: fixed; top: 15px; right: 10px; font-size: 12px; margin: 0; color: #888; + z-index: 1; } -#stats .progress { +#mocha-stats .progress { float: right; padding-top: 0; } -#stats em { +#mocha-stats em { color: black; } -#stats li { +#mocha-stats a { + text-decoration: none; + color: inherit; +} + +#mocha-stats a:hover { + border-bottom: 1px solid #eee; +} + +#mocha-stats li { display: inline-block; margin: 0 5px; list-style: none; padding-top: 11px; } -code .comment { color: #ddd } -code .init { color: #2F6FAD } -code .string { color: #5890AD } -code .keyword { color: #8A6343 } -code .number { color: #2F6FAD } +#mocha-stats canvas { + width: 40px; + height: 40px; +} + +#mocha code .comment { color: #ddd } +#mocha code .init { color: #2F6FAD } +#mocha code .string { color: #5890AD } +#mocha code .keyword { color: #8A6343 } +#mocha code .number { color: #2F6FAD } + +@media screen and (max-device-width: 480px) { + #mocha { + margin: 60px 0px; + } + + #mocha #stats { + position: absolute; + } +} \ No newline at end of file diff --git a/ckan/public/base/test/vendor/mocha.js b/ckan/public/base/test/vendor/mocha.js index 05ad4d82f79..a55115a3131 100644 --- a/ckan/public/base/test/vendor/mocha.js +++ b/ckan/public/base/test/vendor/mocha.js @@ -1,6 +1,5 @@ ;(function(){ - // CommonJS require() function require(p){ @@ -32,11 +31,11 @@ require.register = function (path, fn){ require.relative = function (parent) { return function(p){ if ('.' != p.charAt(0)) return require(p); - + var path = parent.split('/') , segs = p.split('/'); path.pop(); - + for (var i = 0; i < segs.length; i++) { var seg = segs[i]; if ('..' == seg) path.pop(); @@ -52,12 +51,299 @@ require.register("browser/debug.js", function(module, exports, require){ module.exports = function(type){ return function(){ - } }; + }); // module: browser/debug.js require.register("browser/diff.js", function(module, exports, require){ +/* See license.txt for terms of usage */ + +/* + * Text diff implementation. + * + * This library supports the following APIS: + * JsDiff.diffChars: Character by character diff + * JsDiff.diffWords: Word (as defined by \b regex) diff which ignores whitespace + * JsDiff.diffLines: Line based diff + * + * JsDiff.diffCss: Diff targeted at CSS content + * + * These methods are based on the implementation proposed in + * "An O(ND) Difference Algorithm and its Variations" (Myers, 1986). + * http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.4.6927 + */ +var JsDiff = (function() { + function clonePath(path) { + return { newPos: path.newPos, components: path.components.slice(0) }; + } + function removeEmpty(array) { + var ret = []; + for (var i = 0; i < array.length; i++) { + if (array[i]) { + ret.push(array[i]); + } + } + return ret; + } + function escapeHTML(s) { + var n = s; + n = n.replace(/&/g, "&"); + n = n.replace(//g, ">"); + n = n.replace(/"/g, """); + + return n; + } + + + var fbDiff = function(ignoreWhitespace) { + this.ignoreWhitespace = ignoreWhitespace; + }; + fbDiff.prototype = { + diff: function(oldString, newString) { + // Handle the identity case (this is due to unrolling editLength == 0 + if (newString == oldString) { + return [{ value: newString }]; + } + if (!newString) { + return [{ value: oldString, removed: true }]; + } + if (!oldString) { + return [{ value: newString, added: true }]; + } + + newString = this.tokenize(newString); + oldString = this.tokenize(oldString); + + var newLen = newString.length, oldLen = oldString.length; + var maxEditLength = newLen + oldLen; + var bestPath = [{ newPos: -1, components: [] }]; + + // Seed editLength = 0 + var oldPos = this.extractCommon(bestPath[0], newString, oldString, 0); + if (bestPath[0].newPos+1 >= newLen && oldPos+1 >= oldLen) { + return bestPath[0].components; + } + + for (var editLength = 1; editLength <= maxEditLength; editLength++) { + for (var diagonalPath = -1*editLength; diagonalPath <= editLength; diagonalPath+=2) { + var basePath; + var addPath = bestPath[diagonalPath-1], + removePath = bestPath[diagonalPath+1]; + oldPos = (removePath ? removePath.newPos : 0) - diagonalPath; + if (addPath) { + // No one else is going to attempt to use this value, clear it + bestPath[diagonalPath-1] = undefined; + } + + var canAdd = addPath && addPath.newPos+1 < newLen; + var canRemove = removePath && 0 <= oldPos && oldPos < oldLen; + if (!canAdd && !canRemove) { + bestPath[diagonalPath] = undefined; + continue; + } + + // Select the diagonal that we want to branch from. We select the prior + // path whose position in the new string is the farthest from the origin + // and does not pass the bounds of the diff graph + if (!canAdd || (canRemove && addPath.newPos < removePath.newPos)) { + basePath = clonePath(removePath); + this.pushComponent(basePath.components, oldString[oldPos], undefined, true); + } else { + basePath = clonePath(addPath); + basePath.newPos++; + this.pushComponent(basePath.components, newString[basePath.newPos], true, undefined); + } + + var oldPos = this.extractCommon(basePath, newString, oldString, diagonalPath); + + if (basePath.newPos+1 >= newLen && oldPos+1 >= oldLen) { + return basePath.components; + } else { + bestPath[diagonalPath] = basePath; + } + } + } + }, + + pushComponent: function(components, value, added, removed) { + var last = components[components.length-1]; + if (last && last.added === added && last.removed === removed) { + // We need to clone here as the component clone operation is just + // as shallow array clone + components[components.length-1] = + {value: this.join(last.value, value), added: added, removed: removed }; + } else { + components.push({value: value, added: added, removed: removed }); + } + }, + extractCommon: function(basePath, newString, oldString, diagonalPath) { + var newLen = newString.length, + oldLen = oldString.length, + newPos = basePath.newPos, + oldPos = newPos - diagonalPath; + while (newPos+1 < newLen && oldPos+1 < oldLen && this.equals(newString[newPos+1], oldString[oldPos+1])) { + newPos++; + oldPos++; + + this.pushComponent(basePath.components, newString[newPos], undefined, undefined); + } + basePath.newPos = newPos; + return oldPos; + }, + + equals: function(left, right) { + var reWhitespace = /\S/; + if (this.ignoreWhitespace && !reWhitespace.test(left) && !reWhitespace.test(right)) { + return true; + } else { + return left == right; + } + }, + join: function(left, right) { + return left + right; + }, + tokenize: function(value) { + return value; + } + }; + + var CharDiff = new fbDiff(); + + var WordDiff = new fbDiff(true); + WordDiff.tokenize = function(value) { + return removeEmpty(value.split(/(\s+|\b)/)); + }; + + var CssDiff = new fbDiff(true); + CssDiff.tokenize = function(value) { + return removeEmpty(value.split(/([{}:;,]|\s+)/)); + }; + + var LineDiff = new fbDiff(); + LineDiff.tokenize = function(value) { + return value.split(/^/m); + }; + + return { + diffChars: function(oldStr, newStr) { return CharDiff.diff(oldStr, newStr); }, + diffWords: function(oldStr, newStr) { return WordDiff.diff(oldStr, newStr); }, + diffLines: function(oldStr, newStr) { return LineDiff.diff(oldStr, newStr); }, + + diffCss: function(oldStr, newStr) { return CssDiff.diff(oldStr, newStr); }, + + createPatch: function(fileName, oldStr, newStr, oldHeader, newHeader) { + var ret = []; + + ret.push("Index: " + fileName); + ret.push("==================================================================="); + ret.push("--- " + fileName + (typeof oldHeader === "undefined" ? "" : "\t" + oldHeader)); + ret.push("+++ " + fileName + (typeof newHeader === "undefined" ? "" : "\t" + newHeader)); + + var diff = LineDiff.diff(oldStr, newStr); + if (!diff[diff.length-1].value) { + diff.pop(); // Remove trailing newline add + } + diff.push({value: "", lines: []}); // Append an empty value to make cleanup easier + + function contextLines(lines) { + return lines.map(function(entry) { return ' ' + entry; }); + } + function eofNL(curRange, i, current) { + var last = diff[diff.length-2], + isLast = i === diff.length-2, + isLastOfType = i === diff.length-3 && (current.added === !last.added || current.removed === !last.removed); + + // Figure out if this is the last line for the given file and missing NL + if (!/\n$/.test(current.value) && (isLast || isLastOfType)) { + curRange.push('\\ No newline at end of file'); + } + } + + var oldRangeStart = 0, newRangeStart = 0, curRange = [], + oldLine = 1, newLine = 1; + for (var i = 0; i < diff.length; i++) { + var current = diff[i], + lines = current.lines || current.value.replace(/\n$/, "").split("\n"); + current.lines = lines; + + if (current.added || current.removed) { + if (!oldRangeStart) { + var prev = diff[i-1]; + oldRangeStart = oldLine; + newRangeStart = newLine; + + if (prev) { + curRange = contextLines(prev.lines.slice(-4)); + oldRangeStart -= curRange.length; + newRangeStart -= curRange.length; + } + } + curRange.push.apply(curRange, lines.map(function(entry) { return (current.added?"+":"-") + entry; })); + eofNL(curRange, i, current); + + if (current.added) { + newLine += lines.length; + } else { + oldLine += lines.length; + } + } else { + if (oldRangeStart) { + // Close out any changes that have been output (or join overlapping) + if (lines.length <= 8 && i < diff.length-2) { + // Overlapping + curRange.push.apply(curRange, contextLines(lines)); + } else { + // end the range and output + var contextSize = Math.min(lines.length, 4); + ret.push( + "@@ -" + oldRangeStart + "," + (oldLine-oldRangeStart+contextSize) + + " +" + newRangeStart + "," + (newLine-newRangeStart+contextSize) + + " @@"); + ret.push.apply(ret, curRange); + ret.push.apply(ret, contextLines(lines.slice(0, contextSize))); + if (lines.length <= 4) { + eofNL(ret, i, current); + } + + oldRangeStart = 0; newRangeStart = 0; curRange = []; + } + } + oldLine += lines.length; + newLine += lines.length; + } + } + + return ret.join('\n') + '\n'; + }, + + convertChangesToXML: function(changes){ + var ret = []; + for ( var i = 0; i < changes.length; i++) { + var change = changes[i]; + if (change.added) { + ret.push(""); + } else if (change.removed) { + ret.push(""); + } + + ret.push(escapeHTML(change.value)); + + if (change.added) { + ret.push(""); + } else if (change.removed) { + ret.push(""); + } + } + return ret.join(""); + } + }; +})(); + +if (typeof module !== "undefined") { + module.exports = JsDiff; +} }); // module: browser/diff.js @@ -386,8 +672,14 @@ exports.isatty = function(){ }; exports.getWindowSize = function(){ - return [window.innerHeight, window.innerWidth]; + if ('innerHeight' in global) { + return [global.innerHeight, global.innerWidth]; + } else { + // In a Web Worker, the DOM Window is not available. + return [640, 480]; + } }; + }); // module: browser/tty.js require.register("context.js", function(module, exports, require){ @@ -433,6 +725,19 @@ Context.prototype.timeout = function(ms){ return this; }; +/** + * Set test slowness threshold `ms`. + * + * @param {Number} ms + * @return {Context} self + * @api private + */ + +Context.prototype.slow = function(ms){ + this.runnable().slow(ms); + return this; +}; + /** * Inspect the context void of `._runnable`. * @@ -481,7 +786,9 @@ function Hook(title, fn) { * Inherit from `Runnable.prototype`. */ -Hook.prototype = new Runnable; +function F(){}; +F.prototype = Runnable.prototype; +Hook.prototype = new F; Hook.prototype.constructor = Hook; @@ -503,7 +810,6 @@ Hook.prototype.error = function(err){ this._error = err; }; - }); // module: hook.js require.register("interfaces/bdd.js", function(module, exports, require){ @@ -517,7 +823,7 @@ var Suite = require('../suite') /** * BDD-style interface: - * + * * describe('Array', function(){ * describe('#indexOf()', function(){ * it('should return -1 when not present', function(){ @@ -529,18 +835,13 @@ var Suite = require('../suite') * }); * }); * }); - * + * */ module.exports = function(suite){ var suites = [suite]; - suite.on('pre-require', function(context){ - - // noop variants - - context.xdescribe = function(){}; - context.xit = function(){}; + suite.on('pre-require', function(context, file, mocha){ /** * Execute before running tests. @@ -579,12 +880,36 @@ module.exports = function(suite){ * and callback `fn` containing nested suites * and/or tests. */ - + context.describe = context.context = function(title, fn){ var suite = Suite.create(suites[0], title); suites.unshift(suite); - fn(); + fn.call(suite); suites.shift(); + return suite; + }; + + /** + * Pending describe. + */ + + context.xdescribe = + context.xcontext = + context.describe.skip = function(title, fn){ + var suite = Suite.create(suites[0], title); + suite.pending = true; + suites.unshift(suite); + fn.call(suite); + suites.shift(); + }; + + /** + * Exclusive suite. + */ + + context.describe.only = function(title, fn){ + var suite = context.describe(title, fn); + mocha.grep(suite.fullTitle()); }; /** @@ -594,7 +919,30 @@ module.exports = function(suite){ */ context.it = context.specify = function(title, fn){ - suites[0].addTest(new Test(title, fn)); + var suite = suites[0]; + if (suite.pending) var fn = null; + var test = new Test(title, fn); + suite.addTest(test); + return test; + }; + + /** + * Exclusive test-case. + */ + + context.it.only = function(title, fn){ + var test = context.it(title, fn); + mocha.grep(test.fullTitle()); + }; + + /** + * Pending test case. + */ + + context.xit = + context.xspecify = + context.it.skip = function(title){ + context.it(title); }; }); }; @@ -612,19 +960,19 @@ var Suite = require('../suite') /** * TDD-style interface: - * + * * exports.Array = { * '#indexOf()': { * 'should return -1 when the value is not present': function(){ - * + * * }, * * 'should return the correct index when the value is present': function(){ - * + * * } * } * }; - * + * */ module.exports = function(suite){ @@ -662,6 +1010,7 @@ module.exports = function(suite){ } } }; + }); // module: interfaces/exports.js require.register("interfaces/index.js", function(module, exports, require){ @@ -684,33 +1033,33 @@ var Suite = require('../suite') /** * QUnit-style interface: - * + * * suite('Array'); - * + * * test('#length', function(){ * var arr = [1,2,3]; * ok(arr.length == 3); * }); - * + * * test('#indexOf()', function(){ * var arr = [1,2,3]; * ok(arr.indexOf(1) == 0); * ok(arr.indexOf(2) == 1); * ok(arr.indexOf(3) == 2); * }); - * + * * suite('String'); - * + * * test('#length', function(){ * ok('foo'.length == 3); * }); - * + * */ module.exports = function(suite){ var suites = [suite]; - suite.on('pre-require', function(context){ + suite.on('pre-require', function(context, file, mocha){ /** * Execute before running tests. @@ -747,11 +1096,21 @@ module.exports = function(suite){ /** * Describe a "suite" with the given `title`. */ - + context.suite = function(title){ if (suites.length > 1) suites.shift(); var suite = Suite.create(suites[0], title); suites.unshift(suite); + return suite; + }; + + /** + * Exclusive test-case. + */ + + context.suite.only = function(title, fn){ + var suite = context.suite(title, fn); + mocha.grep(suite.fullTitle()); }; /** @@ -761,7 +1120,26 @@ module.exports = function(suite){ */ context.test = function(title, fn){ - suites[0].addTest(new Test(title, fn)); + var test = new Test(title, fn); + suites[0].addTest(test); + return test; + }; + + /** + * Exclusive test-case. + */ + + context.test.only = function(title, fn){ + var test = context.test(title, fn); + mocha.grep(test.fullTitle()); + }; + + /** + * Pending test case. + */ + + context.test.skip = function(title){ + context.test(title); }; }); }; @@ -785,7 +1163,7 @@ var Suite = require('../suite') * suiteSetup(function(){ * * }); - * + * * test('should return -1 when not present', function(){ * * }); @@ -805,7 +1183,7 @@ var Suite = require('../suite') module.exports = function(suite){ var suites = [suite]; - suite.on('pre-require', function(context){ + suite.on('pre-require', function(context, file, mocha){ /** * Execute before each test case. @@ -848,8 +1226,29 @@ module.exports = function(suite){ context.suite = function(title, fn){ var suite = Suite.create(suites[0], title); suites.unshift(suite); - fn(); + fn.call(suite); suites.shift(); + return suite; + }; + + /** + * Pending suite. + */ + context.suite.skip = function(title, fn) { + var suite = Suite.create(suites[0], title); + suite.pending = true; + suites.unshift(suite); + fn.call(suite); + suites.shift(); + }; + + /** + * Exclusive test-case. + */ + + context.suite.only = function(title, fn){ + var suite = context.suite(title, fn); + mocha.grep(suite.fullTitle()); }; /** @@ -859,7 +1258,28 @@ module.exports = function(suite){ */ context.test = function(title, fn){ - suites[0].addTest(new Test(title, fn)); + var suite = suites[0]; + if (suite.pending) var fn = null; + var test = new Test(title, fn); + suite.addTest(test); + return test; + }; + + /** + * Exclusive test-case. + */ + + context.test.only = function(title, fn){ + var test = context.test(title, fn); + mocha.grep(test.fullTitle()); + }; + + /** + * Pending test case. + */ + + context.test.skip = function(title){ + context.test(title); }; }); }; @@ -877,7 +1297,8 @@ require.register("mocha.js", function(module, exports, require){ * Module dependencies. */ -var path = require('browser/path'); +var path = require('browser/path') + , utils = require('./utils'); /** * Expose `Mocha`. @@ -889,7 +1310,7 @@ exports = module.exports = Mocha; * Expose internals. */ -exports.utils = require('./utils'); +exports.utils = utils; exports.interfaces = require('./interfaces'); exports.reporters = require('./reporters'); exports.Runnable = require('./runnable'); @@ -920,6 +1341,8 @@ function image(name) { * - `reporter` reporter instance, defaults to `mocha.reporters.Dot` * - `globals` array of accepted globals * - `timeout` timeout in milliseconds + * - `bail` bail on the first test failure + * - `slow` milliseconds to wait before considering a test slow * - `ignoreLeaks` ignore global leaks * - `grep` string or regexp to filter tests with * @@ -934,10 +1357,25 @@ function Mocha(options) { this.grep(options.grep); this.suite = new exports.Suite('', new exports.Context); this.ui(options.ui); + this.bail(options.bail); this.reporter(options.reporter); - if (options.timeout) this.suite.timeout(options.timeout); + if (options.timeout) this.timeout(options.timeout); + if (options.slow) this.slow(options.slow); } +/** + * Enable or disable bailing on the first failure. + * + * @param {Boolean} [bail] + * @api public + */ + +Mocha.prototype.bail = function(bail){ + if (0 == arguments.length) bail = true; + this.suite.bail(bail); + return this; +}; + /** * Add test `file`. * @@ -951,16 +1389,24 @@ Mocha.prototype.addFile = function(file){ }; /** - * Set reporter to `name`, defaults to "dot". + * Set reporter to `reporter`, defaults to "dot". * - * @param {String} name + * @param {String|Function} reporter name or constructor * @api public */ -Mocha.prototype.reporter = function(name){ - name = name || 'dot'; - this._reporter = require('./reporters/' + name); - if (!this._reporter) throw new Error('invalid reporter "' + name + '"'); +Mocha.prototype.reporter = function(reporter){ + if ('function' == typeof reporter) { + this._reporter = reporter; + } else { + reporter = reporter || 'dot'; + try { + this._reporter = require('./reporters/' + reporter); + } catch (err) { + this._reporter = require(reporter); + } + if (!this._reporter) throw new Error('invalid reporter "' + reporter + '"'); + } return this; }; @@ -985,13 +1431,16 @@ Mocha.prototype.ui = function(name){ * @api private */ -Mocha.prototype.loadFiles = function(){ +Mocha.prototype.loadFiles = function(fn){ + var self = this; var suite = this.suite; + var pending = this.files.length; this.files.forEach(function(file){ file = path.resolve(file); - suite.emit('pre-require', global, file); - suite.emit('require', require(file), file); - suite.emit('post-require', global, file); + suite.emit('pre-require', global, file, self); + suite.emit('require', require(file), file, self); + suite.emit('post-require', global, file, self); + --pending || (fn && fn()); }); }; @@ -1001,7 +1450,7 @@ Mocha.prototype.loadFiles = function(){ * @api private */ -Mocha.prototype.growl = function(runner, reporter) { +Mocha.prototype._growl = function(runner, reporter) { var notify = require('growl'); runner.on('end', function(){ @@ -1020,20 +1469,120 @@ Mocha.prototype.growl = function(runner, reporter) { }; /** - * Add regexp to grep for to the options object + * Add regexp to grep, if `re` is a string it is escaped. * - * @param {RegExp} or {String} re + * @param {RegExp|String} re * @return {Mocha} * @api public */ Mocha.prototype.grep = function(re){ this.options.grep = 'string' == typeof re - ? new RegExp(re) + ? new RegExp(utils.escapeRegexp(re)) : re; return this; }; +/** + * Invert `.grep()` matches. + * + * @return {Mocha} + * @api public + */ + +Mocha.prototype.invert = function(){ + this.options.invert = true; + return this; +}; + +/** + * Ignore global leaks. + * + * @param {Boolean} ignore + * @return {Mocha} + * @api public + */ + +Mocha.prototype.ignoreLeaks = function(ignore){ + this.options.ignoreLeaks = !!ignore; + return this; +}; + +/** + * Enable global leak checking. + * + * @return {Mocha} + * @api public + */ + +Mocha.prototype.checkLeaks = function(){ + this.options.ignoreLeaks = false; + return this; +}; + +/** + * Enable growl support. + * + * @return {Mocha} + * @api public + */ + +Mocha.prototype.growl = function(){ + this.options.growl = true; + return this; +}; + +/** + * Ignore `globals` array or string. + * + * @param {Array|String} globals + * @return {Mocha} + * @api public + */ + +Mocha.prototype.globals = function(globals){ + this.options.globals = (this.options.globals || []).concat(globals); + return this; +}; + +/** + * Set the timeout in milliseconds. + * + * @param {Number} timeout + * @return {Mocha} + * @api public + */ + +Mocha.prototype.timeout = function(timeout){ + this.suite.timeout(timeout); + return this; +}; + +/** + * Set slowness threshold in milliseconds. + * + * @param {Number} slow + * @return {Mocha} + * @api public + */ + +Mocha.prototype.slow = function(slow){ + this.suite.slow(slow); + return this; +}; + +/** + * Makes all tests async (accepting a callback) + * + * @return {Mocha} + * @api public + */ + +Mocha.prototype.asyncOnly = function(){ + this.options.asyncOnly = true; + return this; +}; + /** * Run tests and invoke `fn()` when complete. * @@ -1043,20 +1592,105 @@ Mocha.prototype.grep = function(re){ */ Mocha.prototype.run = function(fn){ - this.loadFiles(); + if (this.files.length) this.loadFiles(); var suite = this.suite; var options = this.options; var runner = new exports.Runner(suite); var reporter = new this._reporter(runner); - runner.ignoreLeaks = options.ignoreLeaks; - if (options.grep) runner.grep(options.grep); + runner.ignoreLeaks = false !== options.ignoreLeaks; + runner.asyncOnly = options.asyncOnly; + if (options.grep) runner.grep(options.grep, options.invert); if (options.globals) runner.globals(options.globals); - if (options.growl) this.growl(runner, reporter); + if (options.growl) this._growl(runner, reporter); return runner.run(fn); }; }); // module: mocha.js +require.register("ms.js", function(module, exports, require){ + +/** + * Helpers. + */ + +var s = 1000; +var m = s * 60; +var h = m * 60; +var d = h * 24; + +/** + * Parse or format the given `val`. + * + * @param {String|Number} val + * @return {String|Number} + * @api public + */ + +module.exports = function(val){ + if ('string' == typeof val) return parse(val); + return format(val); +} + +/** + * Parse the given `str` and return milliseconds. + * + * @param {String} str + * @return {Number} + * @api private + */ + +function parse(str) { + var m = /^((?:\d+)?\.?\d+) *(ms|seconds?|s|minutes?|m|hours?|h|days?|d|years?|y)?$/i.exec(str); + if (!m) return; + var n = parseFloat(m[1]); + var type = (m[2] || 'ms').toLowerCase(); + switch (type) { + case 'years': + case 'year': + case 'y': + return n * 31557600000; + case 'days': + case 'day': + case 'd': + return n * 86400000; + case 'hours': + case 'hour': + case 'h': + return n * 3600000; + case 'minutes': + case 'minute': + case 'm': + return n * 60000; + case 'seconds': + case 'second': + case 's': + return n * 1000; + case 'ms': + return n; + } +} + +/** + * Format the given `ms`. + * + * @param {Number} ms + * @return {String} + * @api public + */ + +function format(ms) { + if (ms == d) return Math.round(ms / d) + ' day'; + if (ms > d) return Math.round(ms / d) + ' days'; + if (ms == h) return Math.round(ms / h) + ' hour'; + if (ms > h) return Math.round(ms / h) + ' hours'; + if (ms == m) return Math.round(ms / m) + ' minute'; + if (ms > m) return Math.round(ms / m) + ' minutes'; + if (ms == s) return Math.round(ms / s) + ' second'; + if (ms > s) return Math.round(ms / s) + ' seconds'; + return ms + ' ms'; +} +}); // module: ms.js + require.register("reporters/base.js", function(module, exports, require){ /** @@ -1064,7 +1698,8 @@ require.register("reporters/base.js", function(module, exports, require){ */ var tty = require('browser/tty') - , diff = require('browser/diff'); + , diff = require('browser/diff') + , ms = require('../ms'); /** * Save timer references to avoid Sinon interfering (see GH-237). @@ -1120,6 +1755,23 @@ exports.colors = { , 'diff removed': 41 }; +/** + * Default symbol map. + */ + +exports.symbols = { + ok: '✓', + err: '✖', + dot: '․' +}; + +// With node.js on Windows: use symbols available in terminal default fonts +if ('win32' == process.platform) { + exports.symbols.ok = '\u221A'; + exports.symbols.err = '\u00D7'; + exports.symbols.dot = '.'; +} + /** * Color `str` with the given `type`, * allowing colors to be disabled, @@ -1134,7 +1786,7 @@ exports.colors = { var color = exports.color = function(type, str) { if (!exports.useColors) return str; - return '\033[' + exports.colors[type] + 'm' + str + '\033[0m'; + return '\u001b[' + exports.colors[type] + 'm' + str + '\u001b[0m'; }; /** @@ -1157,33 +1809,26 @@ exports.window = { exports.cursor = { hide: function(){ - process.stdout.write('\033[?25l'); + process.stdout.write('\u001b[?25l'); }, show: function(){ - process.stdout.write('\033[?25h'); + process.stdout.write('\u001b[?25h'); }, deleteLine: function(){ - process.stdout.write('\033[2K'); + process.stdout.write('\u001b[2K'); }, beginningOfLine: function(){ - process.stdout.write('\033[0G'); + process.stdout.write('\u001b[0G'); }, CR: function(){ exports.cursor.deleteLine(); exports.cursor.beginningOfLine(); } -}; - -/** - * A test is considered slow if it - * exceeds the following value in milliseconds. - */ - -exports.slow = 75; +}; /** * Outut the given `failures` as a list. @@ -1207,14 +1852,24 @@ exports.list = function(failures){ , index = stack.indexOf(message) + message.length , msg = stack.slice(0, index) , actual = err.actual - , expected = err.expected; + , expected = err.expected + , escape = true; + + // uncaught + if (err.uncaught) { + msg = 'Uncaught ' + msg; + } + + // explicitly show diff + if (err.showDiff && sameType(actual, expected)) { + escape = false; + err.actual = actual = stringify(actual); + err.expected = expected = stringify(expected); + } // actual / expected diff if ('string' == typeof actual && 'string' == typeof expected) { - var len = Math.max(actual.length, expected.length); - - if (len < 20) msg = errorDiff(err, 'Chars'); - else msg = errorDiff(err, 'Words'); + msg = errorDiff(err, 'Words', escape); // linenos var lines = msg.split('\n'); @@ -1269,6 +1924,8 @@ function Base(runner) { if (!runner) return; this.runner = runner; + runner.stats = stats; + runner.on('start', function(){ stats.start = new Date; }); @@ -1286,8 +1943,8 @@ function Base(runner) { runner.on('pass', function(test){ stats.passes = stats.passes || 0; - var medium = exports.slow / 2; - test.speed = test.duration > exports.slow + var medium = test.slow() / 2; + test.speed = test.duration > test.slow() ? 'slow' : test.duration > medium ? 'medium' @@ -1321,48 +1978,38 @@ function Base(runner) { */ Base.prototype.epilogue = function(){ - var stats = this.stats - , fmt - , tests; + var stats = this.stats; + var tests; + var fmt; console.log(); - function pluralize(n) { - return 1 == n ? 'test' : 'tests'; + // passes + fmt = color('bright pass', ' ') + + color('green', ' %d passing') + + color('light', ' (%s)'); + + console.log(fmt, + stats.passes || 0, + ms(stats.duration)); + + // pending + if (stats.pending) { + fmt = color('pending', ' ') + + color('pending', ' %d pending'); + + console.log(fmt, stats.pending); } - // failure + // failures if (stats.failures) { - fmt = color('bright fail', ' ✖') - + color('fail', ' %d of %d %s failed') - + color('light', ':') + fmt = color('fail', ' %d failing'); console.error(fmt, - stats.failures, - this.runner.total, - pluralize(this.runner.total)); + stats.failures); Base.list(this.failures); console.error(); - return; - } - - // pass - fmt = color('bright pass', ' ✔') - + color('green', ' %d %s complete') - + color('light', ' (%dms)'); - - console.log(fmt, - stats.tests || 0, - pluralize(stats.tests), - stats.duration); - - // pending - if (stats.pending) { - fmt = color('pending', ' •') - + color('pending', ' %d %s pending'); - - console.log(fmt, stats.pending, pluralize(stats.pending)); } console.log(); @@ -1390,9 +2037,14 @@ function pad(str, len) { * @api private */ -function errorDiff(err, type) { +function errorDiff(err, type, escape) { return diff['diff' + type](err.actual, err.expected).map(function(str){ - if (/^(\n+)$/.test(str.value)) str.value = Array(++RegExp.$1.length).join(''); + if (escape) { + str.value = str.value + .replace(/\t/g, '') + .replace(/\r/g, '') + .replace(/\n/g, '\n'); + } if (str.added) return colorLines('diff added', str.value); if (str.removed) return colorLines('diff removed', str.value); return str.value; @@ -1414,6 +2066,34 @@ function colorLines(name, str) { }).join('\n'); } +/** + * Stringify `obj`. + * + * @param {Mixed} obj + * @return {String} + * @api private + */ + +function stringify(obj) { + if (obj instanceof RegExp) return obj.toString(); + return JSON.stringify(obj, null, 2); +} + +/** + * Check that a / b have the same type. + * + * @param {Object} a + * @param {Object} b + * @return {Boolean} + * @api private + */ + +function sameType(a, b) { + a = Object.prototype.toString.call(a); + b = Object.prototype.toString.call(b); + return a == b; +} + }); // module: reporters/base.js require.register("reporters/doc.js", function(module, exports, require){ @@ -1455,7 +2135,7 @@ function Doc(runner) { ++indents; console.log('%s
', indent()); ++indents; - console.log('%s

%s

', indent(), suite.title); + console.log('%s

%s

', indent(), utils.escape(suite.title)); console.log('%s
', indent()); }); @@ -1468,7 +2148,7 @@ function Doc(runner) { }); runner.on('pass', function(test){ - console.log('%s
%s
', indent(), test.title); + console.log('%s
%s
', indent(), utils.escape(test.title)); var code = utils.escape(utils.clean(test.fn.toString())); console.log('%s
%s
', indent(), code); }); @@ -1511,21 +2191,21 @@ function Dot(runner) { }); runner.on('pending', function(test){ - process.stdout.write(color('pending', '.')); + process.stdout.write(color('pending', Base.symbols.dot)); }); runner.on('pass', function(test){ if (++n % width == 0) process.stdout.write('\n '); if ('slow' == test.speed) { - process.stdout.write(color('bright yellow', '.')); + process.stdout.write(color('bright yellow', Base.symbols.dot)); } else { - process.stdout.write(color(test.speed, '.')); + process.stdout.write(color(test.speed, Base.symbols.dot)); } }); runner.on('fail', function(test, err){ if (++n % width == 0) process.stdout.write('\n '); - process.stdout.write(color('fail', '.')); + process.stdout.write(color('fail', Base.symbols.dot)); }); runner.on('end', function(){ @@ -1538,7 +2218,9 @@ function Dot(runner) { * Inherit from `Base.prototype`. */ -Dot.prototype = new Base; +function F(){}; +F.prototype = Base.prototype; +Dot.prototype = new F; Dot.prototype.constructor = Dot; }); // module: reporters/dot.js @@ -1628,10 +2310,10 @@ exports = module.exports = HTML; * Stats template. */ -var statsTemplate = '
    ' +var statsTemplate = '
      ' + '
    • ' - + '
    • passes: 0
    • ' - + '
    • failures: 0
    • ' + + '
    • passes: 0
    • ' + + '
    • failures: 0
    • ' + '
    • duration: 0s
    • ' + '
    '; @@ -1642,31 +2324,56 @@ var statsTemplate = '
      ' * @api public */ -function HTML(runner) { +function HTML(runner, root) { Base.call(this, runner); var self = this , stats = this.stats , total = runner.total - , root = document.getElementById('mocha') , stat = fragment(statsTemplate) , items = stat.getElementsByTagName('li') , passes = items[1].getElementsByTagName('em')[0] + , passesLink = items[1].getElementsByTagName('a')[0] , failures = items[2].getElementsByTagName('em')[0] + , failuresLink = items[2].getElementsByTagName('a')[0] , duration = items[3].getElementsByTagName('em')[0] , canvas = stat.getElementsByTagName('canvas')[0] - , report = fragment('
        ') + , report = fragment('
          ') , stack = [report] , progress , ctx + root = root || document.getElementById('mocha'); + if (canvas.getContext) { + var ratio = window.devicePixelRatio || 1; + canvas.style.width = canvas.width; + canvas.style.height = canvas.height; + canvas.width *= ratio; + canvas.height *= ratio; ctx = canvas.getContext('2d'); + ctx.scale(ratio, ratio); progress = new Progress; } if (!root) return error('#mocha div missing, add it to your document'); + // pass toggle + on(passesLink, 'click', function(){ + unhide(); + var name = /pass/.test(report.className) ? '' : ' pass'; + report.className = report.className.replace(/fail|pass/g, '') + name; + if (report.className.trim()) hideSuitesWithout('test pass'); + }); + + // failure toggle + on(failuresLink, 'click', function(){ + unhide(); + var name = /fail/.test(report.className) ? '' : ' fail'; + report.className = report.className.replace(/fail|pass/g, '') + name; + if (report.className.trim()) hideSuitesWithout('test fail'); + }); + root.appendChild(stat); root.appendChild(report); @@ -1676,8 +2383,8 @@ function HTML(runner) { if (suite.root) return; // suite - var url = location.protocol + '//' + location.host + location.pathname + '?grep=^' + utils.escapeRegexp(suite.fullTitle()); - var el = fragment('
        • %s

        • ', url, suite.title); + var url = '?grep=' + encodeURIComponent(suite.fullTitle()); + var el = fragment('
        • %s

        • ', url, escape(suite.title)); // container stack[0].appendChild(el); @@ -1691,12 +2398,12 @@ function HTML(runner) { }); runner.on('fail', function(test, err){ - if ('hook' == test.type || err.uncaught) runner.emit('test end', test); + if ('hook' == test.type) runner.emit('test end', test); }); runner.on('test end', function(test){ // TODO: add to stats - var percent = stats.tests / total * 100 | 0; + var percent = stats.tests / this.total * 100 | 0; if (progress) progress.update(percent).draw(ctx); // update stats @@ -1707,11 +2414,11 @@ function HTML(runner) { // test if ('passed' == test.state) { - var el = fragment('
        • %e%ems

        • ', test.speed, test.title, test.duration); + var el = fragment('
        • %e%ems ‣

        • ', test.speed, test.title, test.duration, encodeURIComponent(test.fullTitle())); } else if (test.pending) { var el = fragment('
        • %e

        • ', test.title); } else { - var el = fragment('
        • %e

        • ', test.title); + var el = fragment('
        • %e ‣

        • ', test.title, encodeURIComponent(test.fullTitle())); var str = test.err.stack || test.err.toString(); // FF / Opera do not add the message @@ -1732,23 +2439,23 @@ function HTML(runner) { } // toggle code - var h2 = el.getElementsByTagName('h2')[0]; - - on(h2, 'click', function(){ - pre.style.display = 'none' == pre.style.display - ? 'block' - : 'none'; - }); - - // code // TODO: defer if (!test.pending) { + var h2 = el.getElementsByTagName('h2')[0]; + + on(h2, 'click', function(){ + pre.style.display = 'none' == pre.style.display + ? 'block' + : 'none'; + }); + var pre = fragment('
          %e
          ', utils.clean(test.fn.toString())); el.appendChild(pre); pre.style.display = 'none'; } - stack[0].appendChild(el); + // Don't call .appendChild if #mocha-report was already .shift()'ed off the stack. + if (stack[0]) stack[0].appendChild(el); }); } @@ -1757,7 +2464,7 @@ function HTML(runner) { */ function error(msg) { - document.body.appendChild(fragment('
          %s
          ', msg)); + document.body.appendChild(fragment('
          %s
          ', msg)); } /** @@ -1779,6 +2486,30 @@ function fragment(html) { return div.firstChild; } +/** + * Check for suites that do not have elements + * with `classname`, and hide them. + */ + +function hideSuitesWithout(classname) { + var suites = document.getElementsByClassName('suite'); + for (var i = 0; i < suites.length; i++) { + var els = suites[i].getElementsByClassName(classname); + if (0 == els.length) suites[i].className += ' hidden'; + } +} + +/** + * Unhide .hidden suites. + */ + +function unhide() { + var els = document.getElementsByClassName('suite hidden'); + for (var i = 0; i < els.length; ++i) { + els[i].className = els[i].className.replace('suite hidden', 'suite'); + } +} + /** * Set `el` text to `str`. */ @@ -1802,6 +2533,7 @@ function on(el, event, fn) { el.attachEvent('on' + event, fn); } } + }); // module: reporters/html.js require.register("reporters/index.js", function(module, exports, require){ @@ -1815,13 +2547,15 @@ exports.HTML = require('./html'); exports.List = require('./list'); exports.Min = require('./min'); exports.Spec = require('./spec'); +exports.Nyan = require('./nyan'); +exports.XUnit = require('./xunit'); +exports.Markdown = require('./markdown'); exports.Progress = require('./progress'); exports.Landing = require('./landing'); exports.JSONCov = require('./json-cov'); exports.HTMLCov = require('./html-cov'); exports.JSONStream = require('./json-stream'); -exports.XUnit = require('./xunit') -exports.Teamcity = require('./teamcity') +exports.Teamcity = require('./teamcity'); }); // module: reporters/index.js @@ -1908,6 +2642,10 @@ function map(cov) { ret.sloc += data.sloc; } + ret.files.sort(function(a, b) { + return a.filename.localeCompare(b.filename); + }); + if (ret.sloc > 0) { ret.coverage = (ret.hits / ret.sloc) * 100; } @@ -2191,14 +2929,14 @@ function Landing(runner) { } // render landing strip - stream.write('\033[4F\n\n'); + stream.write('\u001b[4F\n\n'); stream.write(runway()); stream.write('\n '); stream.write(color('runway', Array(col).join('⋅'))); stream.write(plane) stream.write(color('runway', Array(width - col).join('⋅') + '\n')); stream.write(runway()); - stream.write('\033[0m'); + stream.write('\u001b[0m'); }); runner.on('end', function(){ @@ -2212,7 +2950,9 @@ function Landing(runner) { * Inherit from `Base.prototype`. */ -Landing.prototype = new Base; +function F(){}; +F.prototype = Base.prototype; +Landing.prototype = new F; Landing.prototype.constructor = Landing; }); // module: reporters/landing.js @@ -2262,7 +3002,7 @@ function List(runner) { }); runner.on('pass', function(test){ - var fmt = color('checkmark', ' ✓') + var fmt = color('checkmark', ' '+Base.symbols.dot) + color('pass', ' %s: ') + color(test.speed, '%dms'); cursor.CR(); @@ -2281,7 +3021,9 @@ function List(runner) { * Inherit from `Base.prototype`. */ -List.prototype = new Base; +function F(){}; +F.prototype = Base.prototype; +List.prototype = new F; List.prototype.constructor = List; @@ -2313,7 +3055,6 @@ function Markdown(runner) { var self = this , stats = this.stats - , total = runner.total , level = 0 , buf = ''; @@ -2358,7 +3099,7 @@ function Markdown(runner) { runner.on('suite', function(suite){ ++level; var slug = utils.slug(suite.fullTitle()); - buf += '' + '\n'; + buf += '' + '\n'; buf += title(suite.title) + '\n'; }); @@ -2383,6 +3124,7 @@ function Markdown(runner) { }); // module: reporters/markdown.js require.register("reporters/min.js", function(module, exports, require){ + /** * Module dependencies. */ @@ -2404,12 +3146,12 @@ exports = module.exports = Min; function Min(runner) { Base.call(this, runner); - + runner.on('start', function(){ // clear screen - process.stdout.write('\033[2J'); + process.stdout.write('\u001b[2J'); // set cursor position - process.stdout.write('\033[1;3H'); + process.stdout.write('\u001b[1;3H'); }); runner.on('end', this.epilogue.bind(this)); @@ -2419,13 +3161,15 @@ function Min(runner) { * Inherit from `Base.prototype`. */ -Min.prototype = new Base; +function F(){}; +F.prototype = Base.prototype; +Min.prototype = new F; Min.prototype.constructor = Min; + }); // module: reporters/min.js require.register("reporters/nyan.js", function(module, exports, require){ - /** * Module dependencies. */ @@ -2514,7 +3258,7 @@ NyanCat.prototype.drawScoreboard = function(){ function draw(color, n) { write(' '); - write('\033[' + color + 'm' + n + '\033[0m'); + write('\u001b[' + color + 'm' + n + '\u001b[0m'); write('\n'); } @@ -2553,7 +3297,7 @@ NyanCat.prototype.drawRainbow = function(){ var self = this; this.trajectories.forEach(function(line, index) { - write('\033[' + self.scoreboardWidth + 'C'); + write('\u001b[' + self.scoreboardWidth + 'C'); write(line.join('')); write('\n'); }); @@ -2571,44 +3315,39 @@ NyanCat.prototype.drawRainbow = function(){ NyanCat.prototype.drawNyanCat = function(status) { var self = this; var startWidth = this.scoreboardWidth + this.trajectories[0].length; - - [0, 1, 2, 3].forEach(function(index) { - write('\033[' + startWidth + 'C'); - - switch (index) { - case 0: - write('_,------,'); - write('\n'); - break; - case 1: - var padding = self.tick ? ' ' : ' '; - write('_|' + padding + '/\\_/\\ '); - write('\n'); - break; - case 2: - var padding = self.tick ? '_' : '__'; - var tail = self.tick ? '~' : '^'; - var face; - switch (status) { - case 'pass': - face = '( ^ .^)'; - break; - case 'fail': - face = '( o .o)'; - break; - default: - face = '( - .-)'; - } - write(tail + '|' + padding + face + ' '); - write('\n'); - break; - case 3: - var padding = self.tick ? ' ' : ' '; - write(padding + '"" "" '); - write('\n'); - break; - } - }); + var color = '\u001b[' + startWidth + 'C'; + var padding = ''; + + write(color); + write('_,------,'); + write('\n'); + + write(color); + padding = self.tick ? ' ' : ' '; + write('_|' + padding + '/\\_/\\ '); + write('\n'); + + write(color); + padding = self.tick ? '_' : '__'; + var tail = self.tick ? '~' : '^'; + var face; + switch (status) { + case 'pass': + face = '( ^ .^)'; + break; + case 'fail': + face = '( o .o)'; + break; + default: + face = '( - .-)'; + } + write(tail + '|' + padding + face + ' '); + write('\n'); + + write(color); + padding = self.tick ? ' ' : ' '; + write(padding + '"" "" '); + write('\n'); this.cursorUp(this.numberOfLines); }; @@ -2621,7 +3360,7 @@ NyanCat.prototype.drawNyanCat = function(status) { */ NyanCat.prototype.cursorUp = function(n) { - write('\033[' + n + 'A'); + write('\u001b[' + n + 'A'); }; /** @@ -2632,7 +3371,7 @@ NyanCat.prototype.cursorUp = function(n) { */ NyanCat.prototype.cursorDown = function(n) { - write('\033[' + n + 'B'); + write('\u001b[' + n + 'B'); }; /** @@ -2668,7 +3407,7 @@ NyanCat.prototype.generateColors = function(){ NyanCat.prototype.rainbowify = function(str){ var color = this.rainbowColors[this.colorIndex % this.rainbowColors.length]; this.colorIndex += 1; - return '\033[38;5;' + color + 'm' + str + '\033[0m'; + return '\u001b[38;5;' + color + 'm' + str + '\u001b[0m'; }; /** @@ -2683,7 +3422,9 @@ function write(string) { * Inherit from `Base.prototype`. */ -NyanCat.prototype = new Base; +function F(){}; +F.prototype = Base.prototype; +NyanCat.prototype = new F; NyanCat.prototype.constructor = NyanCat; @@ -2733,7 +3474,7 @@ function Progress(runner, options) { // default chars options.open = options.open || '['; options.complete = options.complete || '▬'; - options.incomplete = options.incomplete || '⋅'; + options.incomplete = options.incomplete || Base.symbols.dot; options.close = options.close || ']'; options.verbose = false; @@ -2752,7 +3493,7 @@ function Progress(runner, options) { , i = width - n; cursor.CR(); - process.stdout.write('\033[J'); + process.stdout.write('\u001b[J'); process.stdout.write(color('progress', ' ' + options.open)); process.stdout.write(Array(n).join(options.complete)); process.stdout.write(Array(i).join(options.incomplete)); @@ -2775,7 +3516,9 @@ function Progress(runner, options) { * Inherit from `Base.prototype`. */ -Progress.prototype = new Base; +function F(){}; +F.prototype = Base.prototype; +Progress.prototype = new F; Progress.prototype.constructor = Progress; @@ -2842,13 +3585,13 @@ function Spec(runner) { runner.on('pass', function(test){ if ('fast' == test.speed) { var fmt = indent() - + color('checkmark', ' ✓') + + color('checkmark', ' ' + Base.symbols.ok) + color('pass', ' %s '); cursor.CR(); console.log(fmt, test.title); } else { var fmt = indent() - + color('checkmark', ' ✓') + + color('checkmark', ' ' + Base.symbols.ok) + color('pass', ' %s ') + color(test.speed, '(%dms)'); cursor.CR(); @@ -2868,7 +3611,9 @@ function Spec(runner) { * Inherit from `Base.prototype`. */ -Spec.prototype = new Base; +function F(){}; +F.prototype = Base.prototype; +Spec.prototype = new F; Spec.prototype.constructor = Spec; @@ -2902,10 +3647,12 @@ function TAP(runner) { var self = this , stats = this.stats - , total = runner.total - , n = 1; + , n = 1 + , passes = 0 + , failures = 0; runner.on('start', function(){ + var total = runner.grepTotal(runner.suite); console.log('%d..%d', 1, total); }); @@ -2918,12 +3665,20 @@ function TAP(runner) { }); runner.on('pass', function(test){ + passes++; console.log('ok %d %s', n, title(test)); }); runner.on('fail', function(test, err){ + failures++; console.log('not ok %d %s', n, title(test)); - console.log(err.stack.replace(/^/gm, ' ')); + if (err.stack) console.log(err.stack.replace(/^/gm, ' ')); + }); + + runner.on('end', function(){ + console.log('# tests ' + (passes + failures)); + console.log('# pass ' + passes); + console.log('# fail ' + failures); }); } @@ -3049,7 +3804,11 @@ function XUnit(runner) { , tests = [] , self = this; - runner.on('test end', function(test){ + runner.on('pass', function(test){ + tests.push(test); + }); + + runner.on('fail', function(test){ tests.push(test); }); @@ -3059,13 +3818,13 @@ function XUnit(runner) { , tests: stats.tests , failures: stats.failures , errors: stats.failures - , skip: stats.tests - stats.failures - stats.passes + , skipped: stats.tests - stats.failures - stats.passes , timestamp: (new Date).toUTCString() - , time: stats.duration / 1000 + , time: (stats.duration / 1000) || 0 }, false)); tests.forEach(test); - console.log(''); + console.log(''); }); } @@ -3073,7 +3832,9 @@ function XUnit(runner) { * Inherit from `Base.prototype`. */ -XUnit.prototype = new Base; +function F(){}; +F.prototype = Base.prototype; +XUnit.prototype = new F; XUnit.prototype.constructor = XUnit; @@ -3134,7 +3895,8 @@ require.register("runnable.js", function(module, exports, require){ */ var EventEmitter = require('browser/events').EventEmitter - , debug = require('browser/debug')('runnable'); + , debug = require('browser/debug')('mocha:runnable') + , milliseconds = require('./ms'); /** * Save timer references to avoid Sinon interfering (see GH-237). @@ -3146,6 +3908,12 @@ var Date = global.Date , clearTimeout = global.clearTimeout , clearInterval = global.clearInterval; +/** + * Object#toString(). + */ + +var toString = Object.prototype.toString; + /** * Expose `Runnable`. */ @@ -3166,6 +3934,7 @@ function Runnable(title, fn) { this.async = fn && fn.length; this.sync = ! this.async; this._timeout = 2000; + this._slow = 75; this.timedOut = false; } @@ -3173,26 +3942,45 @@ function Runnable(title, fn) { * Inherit from `EventEmitter.prototype`. */ -Runnable.prototype = new EventEmitter; +function F(){}; +F.prototype = EventEmitter.prototype; +Runnable.prototype = new F; Runnable.prototype.constructor = Runnable; /** * Set & get timeout `ms`. * - * @param {Number} ms + * @param {Number|String} ms * @return {Runnable|Number} ms or self * @api private */ Runnable.prototype.timeout = function(ms){ if (0 == arguments.length) return this._timeout; + if ('string' == typeof ms) ms = milliseconds(ms); debug('timeout %d', ms); this._timeout = ms; if (this.timer) this.resetTimeout(); return this; }; +/** + * Set & get slow `ms`. + * + * @param {Number|String} ms + * @return {Runnable|Number} ms or self + * @api private + */ + +Runnable.prototype.slow = function(ms){ + if (0 === arguments.length) return this._slow; + if ('string' == typeof ms) ms = milliseconds(ms); + debug('timeout %d', ms); + this._slow = ms; + return this; +}; + /** * Return the full title generated by recursively * concatenating the parent's full title. @@ -3238,16 +4026,14 @@ Runnable.prototype.inspect = function(){ */ Runnable.prototype.resetTimeout = function(){ - var self = this - , ms = this.timeout(); + var self = this; + var ms = this.timeout() || 1e9; this.clearTimeout(); - if (ms) { - this.timer = setTimeout(function(){ - self.callback(new Error('timeout of ' + ms + 'ms exceeded')); - self.timedOut = true; - }, ms); - } + this.timer = setTimeout(function(){ + self.callback(new Error('timeout of ' + ms + 'ms exceeded')); + self.timedOut = true; + }, ms); }; /** @@ -3278,16 +4064,16 @@ Runnable.prototype.run = function(fn){ } // called multiple times - function multiple() { + function multiple(err) { if (emitted) return; emitted = true; - self.emit('error', new Error('done() called multiple times')); + self.emit('error', err || new Error('done() called multiple times')); } // finished function done(err) { if (self.timedOut) return; - if (finished) return multiple(); + if (finished) return multiple(err); self.clearTimeout(); self.duration = new Date - start; finished = true; @@ -3301,7 +4087,7 @@ Runnable.prototype.run = function(fn){ if (this.async) { try { this.fn.call(ctx, function(err){ - if (err instanceof Error) return done(err); + if (err instanceof Error || toString.call(err) === "[object Error]") return done(err); if (null != err) return done(new Error('done() invoked with non-Error: ' + err)); done(); }); @@ -3310,7 +4096,11 @@ Runnable.prototype.run = function(fn){ } return; } - + + if (this.asyncOnly) { + return done(new Error('--async-only option in use without declaring `done()`')); + } + // sync try { if (!this.pending) this.fn.call(ctx); @@ -3324,18 +4114,29 @@ Runnable.prototype.run = function(fn){ }); // module: runnable.js require.register("runner.js", function(module, exports, require){ - /** * Module dependencies. */ var EventEmitter = require('browser/events').EventEmitter - , debug = require('browser/debug')('runner') + , debug = require('browser/debug')('mocha:runner') , Test = require('./test') , utils = require('./utils') , filter = utils.filter - , keys = utils.keys - , noop = function(){}; + , keys = utils.keys; + +/** + * Non-enumerable globals. + */ + +var globals = [ + 'setTimeout', + 'clearTimeout', + 'setInterval', + 'clearInterval', + 'XMLHttpRequest', + 'Date' +]; /** * Expose `Runner`. @@ -3358,6 +4159,7 @@ module.exports = Runner; * - `hook end` (hook) hook complete * - `pass` (test) test passed * - `fail` (test, err) test failed + * - `pending` (test) test pending * * @api public */ @@ -3371,14 +4173,25 @@ function Runner(suite) { this.on('test end', function(test){ self.checkGlobals(test); }); this.on('hook end', function(hook){ self.checkGlobals(hook); }); this.grep(/.*/); - this.globals(utils.keys(global).concat(['errno'])); + this.globals(this.globalProps().concat(['errno'])); } +/** + * Wrapper for setImmediate, process.nextTick, or browser polyfill. + * + * @param {Function} fn + * @api private + */ + +Runner.immediately = global.setImmediate || process.nextTick; + /** * Inherit from `EventEmitter.prototype`. */ -Runner.prototype = new EventEmitter; +function F(){}; +F.prototype = EventEmitter.prototype; +Runner.prototype = new F; Runner.prototype.constructor = Runner; @@ -3387,13 +4200,15 @@ Runner.prototype.constructor = Runner; * with number of tests matched. * * @param {RegExp} re + * @param {Boolean} invert * @return {Runner} for chaining * @api public */ -Runner.prototype.grep = function(re){ +Runner.prototype.grep = function(re, invert){ debug('grep %s', re); this._grep = re; + this._invert = invert; this.total = this.grepTotal(this.suite); return this; }; @@ -3412,12 +4227,33 @@ Runner.prototype.grepTotal = function(suite) { var total = 0; suite.eachTest(function(test){ - if (self._grep.test(test.fullTitle())) total++; + var match = self._grep.test(test.fullTitle()); + if (self._invert) match = !match; + if (match) total++; }); return total; }; +/** + * Return a list of global properties. + * + * @return {Array} + * @api private + */ + +Runner.prototype.globalProps = function() { + var props = utils.keys(global); + + // non-enumerables + for (var i = 0; i < globals.length; ++i) { + if (~utils.indexOf(props, globals[i])) continue; + props.push(globals[i]); + } + + return props; +}; + /** * Allow the given `arr` of globals. * @@ -3443,8 +4279,16 @@ Runner.prototype.globals = function(arr){ Runner.prototype.checkGlobals = function(test){ if (this.ignoreLeaks) return; - var leaks = filterLeaks(this._globals); + var ok = this._globals; + var globals = this.globalProps(); + var isNode = process.kill; + var leaks; + // check length - 2 ('errno' and 'location' globals) + if (isNode && 1 == ok.length - globals.length) return + else if (2 == ok.length - globals.length) return; + + leaks = filterLeaks(ok, globals); this._globals = this._globals.concat(leaks); if (leaks.length > 1) { @@ -3465,9 +4309,11 @@ Runner.prototype.checkGlobals = function(test){ Runner.prototype.fail = function(test, err){ ++this.failures; test.state = 'failed'; + if ('string' == typeof err) { err = new Error('the string "' + err + '" was thrown, throw an Error :)'); } + this.emit('fail', test, err); }; @@ -3500,15 +4346,17 @@ Runner.prototype.failHook = function(hook, err){ Runner.prototype.hook = function(name, fn){ var suite = this.suite , hooks = suite['_' + name] - , ms = suite._timeout , self = this , timer; function next(i) { var hook = hooks[i]; if (!hook) return fn(); + if (self.failures && suite.bail()) return fn(); self.currentRunnable = hook; + hook.ctx.currentTest = self.test; + self.emit('hook', hook); hook.on('error', function(err){ @@ -3521,11 +4369,12 @@ Runner.prototype.hook = function(name, fn){ if (testError) self.fail(self.test, testError); if (err) return self.failHook(hook, err); self.emit('hook end', hook); + delete hook.ctx.currentTest; next(++i); }); } - process.nextTick(function(){ + Runner.immediately(function(){ next(0); }); }; @@ -3617,6 +4466,8 @@ Runner.prototype.runTest = function(fn){ var test = this.test , self = this; + if (this.asyncOnly) test.asyncOnly = true; + try { test.on('error', function(err){ self.fail(test, err); @@ -3638,7 +4489,7 @@ Runner.prototype.runTest = function(fn){ Runner.prototype.runTests = function(suite, fn){ var self = this - , tests = suite.tests + , tests = suite.tests.slice() , test; function next(err) { @@ -3652,7 +4503,9 @@ Runner.prototype.runTests = function(suite, fn){ if (!test) return fn(); // grep - if (!self._grep.test(test.fullTitle())) return next(); + var match = self._grep.test(test.fullTitle()); + if (self._invert) match = !match; + if (!match) return next(); // pending if (test.pending) { @@ -3733,9 +4586,9 @@ Runner.prototype.runSuite = function(suite, fn){ */ Runner.prototype.uncaught = function(err){ - debug('uncaught exception'); + debug('uncaught exception %s', err.message); var runnable = this.currentRunnable; - if ('failed' == runnable.state) return; + if (!runnable || 'failed' == runnable.state) return; runnable.clearTimeout(); err.uncaught = true; this.fail(runnable, err); @@ -3764,13 +4617,12 @@ Runner.prototype.run = function(fn){ var self = this , fn = fn || function(){}; - debug('start'); - - // uncaught callback - function uncaught(err) { + function uncaught(err){ self.uncaught(err); } + debug('start'); + // callback this.on('end', function(){ debug('end'); @@ -3795,19 +4647,25 @@ Runner.prototype.run = function(fn){ * Filter leaks with the given globals flagged as `ok`. * * @param {Array} ok + * @param {Array} globals * @return {Array} * @api private */ -function filterLeaks(ok) { - return filter(keys(global), function(key){ +function filterLeaks(ok, globals) { + return filter(globals, function(key){ + // Firefox and Chrome exposes iframes as index inside the window object + if (/^d+/.test(key)) return false; var matched = filter(ok, function(ok){ if (~ok.indexOf('*')) return 0 == key.indexOf(ok.split('*')[0]); + // Opera and IE expose global variables for HTML element IDs (issue #243) + if (/^mocha-/.test(key)) return true; return key == ok; }); return matched.length == 0 && (!global.navigator || 'onerror' !== key); }); } + }); // module: runner.js require.register("suite.js", function(module, exports, require){ @@ -3817,7 +4675,8 @@ require.register("suite.js", function(module, exports, require){ */ var EventEmitter = require('browser/events').EventEmitter - , debug = require('browser/debug')('suite') + , debug = require('browser/debug')('mocha:suite') + , milliseconds = require('./ms') , utils = require('./utils') , Hook = require('./hook'); @@ -3843,6 +4702,7 @@ exports = module.exports = Suite; exports.create = function(parent, title){ var suite = new Suite(title, parent.ctx); suite.parent = parent; + if (parent.pending) suite.pending = true; title = suite.fullTitle(); parent.addSuite(suite); return suite; @@ -3862,12 +4722,14 @@ function Suite(title, ctx) { this.ctx = ctx; this.suites = []; this.tests = []; + this.pending = false; this._beforeEach = []; this._beforeAll = []; this._afterEach = []; this._afterAll = []; this.root = !title; this._timeout = 2000; + this._slow = 75; this._bail = false; } @@ -3875,7 +4737,9 @@ function Suite(title, ctx) { * Inherit from `EventEmitter.prototype`. */ -Suite.prototype = new EventEmitter; +function F(){}; +F.prototype = EventEmitter.prototype; +Suite.prototype = new F; Suite.prototype.constructor = Suite; @@ -3891,6 +4755,7 @@ Suite.prototype.clone = function(){ debug('clone'); suite.ctx = this.ctx; suite.timeout(this.timeout()); + suite.slow(this.slow()); suite.bail(this.bail()); return suite; }; @@ -3905,12 +4770,28 @@ Suite.prototype.clone = function(){ Suite.prototype.timeout = function(ms){ if (0 == arguments.length) return this._timeout; - if (String(ms).match(/s$/)) ms = parseFloat(ms) * 1000; + if ('string' == typeof ms) ms = milliseconds(ms); debug('timeout %d', ms); this._timeout = parseInt(ms, 10); return this; }; +/** + * Set slow `ms` or short-hand such as "2s". + * + * @param {Number|String} ms + * @return {Suite|Number} for chaining + * @api private + */ + +Suite.prototype.slow = function(ms){ + if (0 === arguments.length) return this._slow; + if ('string' == typeof ms) ms = milliseconds(ms); + debug('slow %d', ms); + this._slow = ms; + return this; +}; + /** * Sets whether to bail after first error. * @@ -3935,9 +4816,11 @@ Suite.prototype.bail = function(bail){ */ Suite.prototype.beforeAll = function(fn){ + if (this.pending) return this; var hook = new Hook('"before all" hook', fn); hook.parent = this; hook.timeout(this.timeout()); + hook.slow(this.slow()); hook.ctx = this.ctx; this._beforeAll.push(hook); this.emit('beforeAll', hook); @@ -3953,9 +4836,11 @@ Suite.prototype.beforeAll = function(fn){ */ Suite.prototype.afterAll = function(fn){ + if (this.pending) return this; var hook = new Hook('"after all" hook', fn); hook.parent = this; hook.timeout(this.timeout()); + hook.slow(this.slow()); hook.ctx = this.ctx; this._afterAll.push(hook); this.emit('afterAll', hook); @@ -3971,9 +4856,11 @@ Suite.prototype.afterAll = function(fn){ */ Suite.prototype.beforeEach = function(fn){ + if (this.pending) return this; var hook = new Hook('"before each" hook', fn); hook.parent = this; hook.timeout(this.timeout()); + hook.slow(this.slow()); hook.ctx = this.ctx; this._beforeEach.push(hook); this.emit('beforeEach', hook); @@ -3989,9 +4876,11 @@ Suite.prototype.beforeEach = function(fn){ */ Suite.prototype.afterEach = function(fn){ + if (this.pending) return this; var hook = new Hook('"after each" hook', fn); hook.parent = this; hook.timeout(this.timeout()); + hook.slow(this.slow()); hook.ctx = this.ctx; this._afterEach.push(hook); this.emit('afterEach', hook); @@ -4009,6 +4898,7 @@ Suite.prototype.afterEach = function(fn){ Suite.prototype.addSuite = function(suite){ suite.parent = this; suite.timeout(this.timeout()); + suite.slow(this.slow()); suite.bail(this.bail()); this.suites.push(suite); this.emit('suite', suite); @@ -4026,6 +4916,7 @@ Suite.prototype.addSuite = function(suite){ Suite.prototype.addTest = function(test){ test.parent = this; test.timeout(this.timeout()); + test.slow(this.slow()); test.ctx = this.ctx; this.tests.push(test); this.emit('test', test); @@ -4113,7 +5004,9 @@ function Test(title, fn) { * Inherit from `Runnable.prototype`. */ -Test.prototype = new Runnable; +function F(){}; +F.prototype = Runnable.prototype; +Test.prototype = new F; Test.prototype.constructor = Test; @@ -4128,7 +5021,7 @@ require.register("utils.js", function(module, exports, require){ var fs = require('browser/fs') , path = require('browser/path') , join = path.join - , debug = require('browser/debug')('watch'); + , debug = require('browser/debug')('mocha:watch'); /** * Ignored directories. @@ -4144,7 +5037,7 @@ var ignore = ['node_modules', '.git']; * @api private */ -exports.escape = function(html) { +exports.escape = function(html){ return String(html) .replace(/&/g, '&') .replace(/"/g, '"') @@ -4161,7 +5054,7 @@ exports.escape = function(html) { * @api private */ -exports.forEach = function(arr, fn, scope) { +exports.forEach = function(arr, fn, scope){ for (var i = 0, l = arr.length; i < l; i++) fn.call(scope, arr[i], i); }; @@ -4175,7 +5068,7 @@ exports.forEach = function(arr, fn, scope) { * @api private */ -exports.indexOf = function (arr, obj, start) { +exports.indexOf = function(arr, obj, start){ for (var i = start || 0, l = arr.length; i < l; i++) { if (arr[i] === obj) return i; @@ -4185,19 +5078,18 @@ exports.indexOf = function (arr, obj, start) { /** * Array#reduce (<=IE8) - * + * * @param {Array} array * @param {Function} fn * @param {Object} initial value - * @param {Object} scope * @api private */ -exports.reduce = function(arr, fn, val, scope) { +exports.reduce = function(arr, fn, val){ var rval = val; for (var i = 0, l = arr.length; i < l; i++) { - rval = fn.call(scope, rval, arr[i], i, arr); + rval = fn(rval, arr[i], i, arr); } return rval; @@ -4208,17 +5100,15 @@ exports.reduce = function(arr, fn, val, scope) { * * @param {Array} array * @param {Function} fn - * @param {Object} scope * @api private */ -exports.filter = function(arr, fn, scope) { +exports.filter = function(arr, fn){ var ret = []; for (var i = 0, l = arr.length; i < l; i++) { var val = arr[i]; - if (fn.call(scope, val, i, arr)) - ret.push(val); + if (fn(val, i, arr)) ret.push(val); } return ret; @@ -4321,12 +5211,12 @@ exports.clean = function(str) { .replace(/^function *\(.*\) *{/, '') .replace(/\s+\}$/, ''); - var spaces = str.match(/^\n?( *)/)[1].length - , re = new RegExp('^ {' + spaces + '}', 'gm'); + var whitespace = str.match(/^\n?(\s*)/)[1] + , re = new RegExp('^' + whitespace, 'gm'); str = str.replace(re, ''); - return str.trim(); + return exports.trim(str); }; /** @@ -4340,48 +5230,98 @@ exports.clean = function(str) { exports.escapeRegexp = function(str){ return str.replace(/[-\\^$*+?.()|[\]{}]/g, "\\$&"); }; -}); // module: utils.js + /** - * Node shims. + * Trim the given `str`. * - * These are meant only to allow - * mocha.js to run untouched, not - * to allow running node code in - * the browser. + * @param {String} str + * @return {String} + * @api private */ -process = {}; -process.exit = function(status){}; -process.stdout = {}; -global = window; +exports.trim = function(str){ + return str.replace(/^\s+|\s+$/g, ''); +}; /** - * next tick implementation. + * Parse the given `qs`. + * + * @param {String} qs + * @return {Object} + * @api private */ -process.nextTick = (function(){ - // postMessage behaves badly on IE8 - if (window.ActiveXObject || !window.postMessage) { - return function(fn){ fn() }; - } +exports.parseQuery = function(qs){ + return exports.reduce(qs.replace('?', '').split('&'), function(obj, pair){ + var i = pair.indexOf('=') + , key = pair.slice(0, i) + , val = pair.slice(++i); - // based on setZeroTimeout by David Baron - // - http://dbaron.org/log/20100309-faster-timeouts - var timeouts = [] - , name = 'mocha-zero-timeout' + obj[key] = decodeURIComponent(val); + return obj; + }, {}); +}; - window.addEventListener('message', function(e){ - if (e.source == window && e.data == name) { - if (e.stopPropagation) e.stopPropagation(); - if (timeouts.length) timeouts.shift()(); - } - }, true); +/** + * Highlight the given string of `js`. + * + * @param {String} js + * @return {String} + * @api private + */ + +function highlight(js) { + return js + .replace(//g, '>') + .replace(/\/\/(.*)/gm, '//$1') + .replace(/('.*?')/gm, '$1') + .replace(/(\d+\.\d+)/gm, '$1') + .replace(/(\d+)/gm, '$1') + .replace(/\bnew *(\w+)/gm, 'new $1') + .replace(/\b(function|new|throw|return|var|if|else)\b/gm, '$1') +} + +/** + * Highlight the contents of tag `name`. + * + * @param {String} name + * @api private + */ - return function(fn){ - timeouts.push(fn); - window.postMessage(name, '*'); +exports.highlightTags = function(name) { + var code = document.getElementsByTagName(name); + for (var i = 0, len = code.length; i < len; ++i) { + code[i].innerHTML = highlight(code[i].innerHTML); } -})(); +}; + +}); // module: utils.js +// The global object is "self" in Web Workers. +global = (function() { return this; })(); + +/** + * Save timer references to avoid Sinon interfering (see GH-237). + */ + +var Date = global.Date; +var setTimeout = global.setTimeout; +var setInterval = global.setInterval; +var clearTimeout = global.clearTimeout; +var clearInterval = global.clearInterval; + +/** + * Node shims. + * + * These are meant only to allow + * mocha.js to run untouched, not + * to allow running node code in + * the browser. + */ + +var process = {}; +process.exit = function(status){}; +process.stdout = {}; /** * Remove uncaughtException listener. @@ -4389,7 +5329,7 @@ process.nextTick = (function(){ process.removeListener = function(e){ if ('uncaughtException' == e) { - window.onerror = null; + global.onerror = function() {}; } }; @@ -4399,7 +5339,9 @@ process.removeListener = function(e){ process.on = function(e, fn){ if ('uncaughtException' == e) { - window.onerror = fn; + global.onerror = function(err, url, line){ + fn(new Error(err + ' (' + url + ':' + line + ')')); + }; } }; @@ -4407,88 +5349,80 @@ process.on = function(e, fn){ * Expose mocha. */ -window.mocha = require('mocha'); +var Mocha = global.Mocha = require('mocha'), + mocha = global.mocha = new Mocha({ reporter: 'html' }); -// boot -;(function(){ - var utils = mocha.utils - , options = {} - - mocha.suite = new mocha.Suite('', new mocha.Context()); - - /** - * Highlight the given string of `js`. - */ - - function highlight(js) { - return js - .replace(//g, '>') - .replace(/\/\/(.*)/gm, '//$1') - .replace(/('.*?')/gm, '$1') - .replace(/(\d+\.\d+)/gm, '$1') - .replace(/(\d+)/gm, '$1') - .replace(/\bnew *(\w+)/gm, 'new $1') - .replace(/\b(function|new|throw|return|var|if|else)\b/gm, '$1') +var immediateQueue = [] + , immediateTimeout; + +function timeslice() { + var immediateStart = new Date().getTime(); + while (immediateQueue.length && (new Date().getTime() - immediateStart) < 100) { + immediateQueue.shift()(); + } + if (immediateQueue.length) { + immediateTimeout = setTimeout(timeslice, 0); + } else { + immediateTimeout = null; } +} - /** - * Highlight code contents. - */ +/** + * High-performance override of Runner.immediately. + */ - function highlightCode() { - var code = document.getElementsByTagName('code'); - for (var i = 0, len = code.length; i < len; ++i) { - code[i].innerHTML = highlight(code[i].innerHTML); - } +Mocha.Runner.immediately = function(callback) { + immediateQueue.push(callback); + if (!immediateTimeout) { + immediateTimeout = setTimeout(timeslice, 0); } +}; - /** - * Parse the given `qs`. - */ +/** + * Override ui to ensure that the ui functions are initialized. + * Normally this would happen in Mocha.prototype.loadFiles. + */ - function parse(qs) { - return utils.reduce(qs.replace('?', '').split('&'), function(obj, pair){ - var i = pair.indexOf('=') - , key = pair.slice(0, i) - , val = pair.slice(++i); +mocha.ui = function(ui){ + Mocha.prototype.ui.call(this, ui); + this.suite.emit('pre-require', global, null, this); + return this; +}; - obj[key] = decodeURIComponent(val); - return obj; - }, {}); - } +/** + * Setup mocha with the given setting options. + */ - /** - * Setup mocha with the given setting options. - */ +mocha.setup = function(opts){ + if ('string' == typeof opts) opts = { ui: opts }; + for (var opt in opts) this[opt](opts[opt]); + return this; +}; - mocha.setup = function(opts){ - if ('string' === typeof opts) options.ui = opts; - else options = opts; +/** + * Run mocha, returning the Runner. + */ - ui = mocha.interfaces[options.ui]; - if (!ui) throw new Error('invalid mocha interface "' + ui + '"'); - if (options.timeout) mocha.suite.timeout(options.timeout); - ui(mocha.suite); - mocha.suite.emit('pre-require', window); - }; +mocha.run = function(fn){ + var options = mocha.options; + mocha.globals('location'); - /** - * Run mocha, returning the Runner. - */ - - mocha.run = function(fn){ - mocha.suite.emit('run'); - var runner = new mocha.Runner(mocha.suite); - var Reporter = options.reporter || mocha.reporters.HTML; - var reporter = new Reporter(runner); - var query = parse(window.location.search || ""); - if (query.grep) runner.grep(new RegExp(query.grep)); - if (options.ignoreLeaks) runner.ignoreLeaks = true; - if (options.globals) runner.globals(options.globals); - runner.globals(['location']); - runner.on('end', highlightCode); - return runner.run(fn); - }; -})(); + var query = Mocha.utils.parseQuery(global.location.search || ''); + if (query.grep) mocha.grep(query.grep); + if (query.invert) mocha.invert(); + + return Mocha.prototype.run.call(mocha, function(){ + // The DOM Document is not available in Web Workers. + if (global.document) { + Mocha.utils.highlightTags('code'); + } + if (fn) fn(); + }); +}; + +/** + * Expose the process shim. + */ + +Mocha.process = process; })(); \ No newline at end of file diff --git a/ckan/public/base/vendor/bootstrap/img/glyphicons-halflings-white.png b/ckan/public/base/vendor/bootstrap/img/glyphicons-halflings-white.png old mode 100755 new mode 100644 diff --git a/ckan/public/base/vendor/bootstrap/img/glyphicons-halflings.png b/ckan/public/base/vendor/bootstrap/img/glyphicons-halflings.png old mode 100755 new mode 100644 diff --git a/ckan/public/base/vendor/bootstrap/js/.jshintrc b/ckan/public/base/vendor/bootstrap/js/.jshintrc deleted file mode 100755 index e0722690bd7..00000000000 --- a/ckan/public/base/vendor/bootstrap/js/.jshintrc +++ /dev/null @@ -1,12 +0,0 @@ -{ - "validthis": true, - "laxcomma" : true, - "laxbreak" : true, - "browser" : true, - "eqnull" : true, - "debug" : true, - "devel" : true, - "boss" : true, - "expr" : true, - "asi" : true -} \ No newline at end of file diff --git a/ckan/public/base/vendor/bootstrap/js/bootstrap.js b/ckan/public/base/vendor/bootstrap/js/bootstrap.js index a81171b42f2..643e71cdf08 100644 --- a/ckan/public/base/vendor/bootstrap/js/bootstrap.js +++ b/ckan/public/base/vendor/bootstrap/js/bootstrap.js @@ -1,5 +1,5 @@ /* =================================================== - * bootstrap-transition.js v2.3.0 + * bootstrap-transition.js v2.3.2 * http://twitter.github.com/bootstrap/javascript.html#transitions * =================================================== * Copyright 2012 Twitter, Inc. @@ -58,7 +58,7 @@ }) }(window.jQuery);/* ========================================================== - * bootstrap-alert.js v2.3.0 + * bootstrap-alert.js v2.3.2 * http://twitter.github.com/bootstrap/javascript.html#alerts * ========================================================== * Copyright 2012 Twitter, Inc. @@ -156,7 +156,7 @@ $(document).on('click.alert.data-api', dismiss, Alert.prototype.close) }(window.jQuery);/* ============================================================ - * bootstrap-button.js v2.3.0 + * bootstrap-button.js v2.3.2 * http://twitter.github.com/bootstrap/javascript.html#buttons * ============================================================ * Copyright 2012 Twitter, Inc. @@ -260,7 +260,7 @@ }) }(window.jQuery);/* ========================================================== - * bootstrap-carousel.js v2.3.0 + * bootstrap-carousel.js v2.3.2 * http://twitter.github.com/bootstrap/javascript.html#carousel * ========================================================== * Copyright 2012 Twitter, Inc. @@ -336,7 +336,7 @@ if (!e) this.paused = true if (this.$element.find('.next, .prev').length && $.support.transition.end) { this.$element.trigger($.support.transition.end) - this.cycle() + this.cycle(true) } clearInterval(this.interval) this.interval = null @@ -466,7 +466,7 @@ }) }(window.jQuery);/* ============================================================= - * bootstrap-collapse.js v2.3.0 + * bootstrap-collapse.js v2.3.2 * http://twitter.github.com/bootstrap/javascript.html#collapse * ============================================================= * Copyright 2012 Twitter, Inc. @@ -632,7 +632,7 @@ }) }(window.jQuery);/* ============================================================ - * bootstrap-dropdown.js v2.3.0 + * bootstrap-dropdown.js v2.3.2 * http://twitter.github.com/bootstrap/javascript.html#dropdowns * ============================================================ * Copyright 2012 Twitter, Inc. @@ -685,6 +685,10 @@ clearMenus() if (!isActive) { + if ('ontouchstart' in document.documentElement) { + // if mobile we we use a backdrop because click events don't delegate + $('