diff --git a/ccm-ldn-aplaws/bundles/compatible/cfg/integration.properties b/ccm-ldn-aplaws/bundles/compatible/cfg/integration.properties index 8f3139a25..c330d43ef 100644 --- a/ccm-ldn-aplaws/bundles/compatible/cfg/integration.properties +++ b/ccm-ldn-aplaws/bundles/compatible/cfg/integration.properties @@ -58,6 +58,11 @@ waf.search.indexer=lucene waf.templating.stylesheet_resolver=com.arsdigita.templating.PatternStylesheetResolver ; For new installations and Foundry default theme waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-stylesheet-paths.txt +; For updates and existing Mandalay based themes: +#waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-mandalay-stylesheet-paths.txt +; For updates from 1.0.4 multientry based themes: +#waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-multientry-stylesheet-paths.txt + # CORE UI configuration parameters # ############################################################################## @@ -90,7 +95,7 @@ waf.workflow.simple.alerts_sender=root@localhost.localdomain # ############################################################################## waf.xml.activate_full_date_formatter=true ; For new installations and Foundry default theme -waf.xml.xsl_transformer=saxonhe +#waf.xml.xsl_transformer=saxonhe ; For updates and existing Mandalay based themes: waf.xml.xsl_transformer=xalan @@ -168,6 +173,7 @@ com.arsdigita.cms.contenttypes.newsitem.end_year_delta=5 # ############################################################################## + # AtoZ configuration parameters # ############################################################################## com.arsdigita.atoz.root_category_picker=com.arsdigita.london.terms.ui.RootCategoryPicker diff --git a/ccm-ldn-aplaws/bundles/compatible/cfg/project.xml b/ccm-ldn-aplaws/bundles/compatible/cfg/project.xml index 11b09822d..3e495fdce 100755 --- a/ccm-ldn-aplaws/bundles/compatible/cfg/project.xml +++ b/ccm-ldn-aplaws/bundles/compatible/cfg/project.xml @@ -16,9 +16,9 @@ xmlns:ccm="http://ccm.redhat.com/ccm-project" ccmVersion="6.1" name="aplaws" - prettyName="APLAWS plus Standard compatible Spin" + prettyName="APLAWS plus 1.0.4 Standard compatible Spin" version="2.3.99" - release="stdcomp-r5397" + release="stdcomp" webxml="web.xml" portletxml="portlet.xml" webapp="ROOT" diff --git a/ccm-ldn-aplaws/bundles/complete/cfg/project.xml b/ccm-ldn-aplaws/bundles/complete/cfg/project.xml index 577ad8ceb..bc8ca558c 100755 --- a/ccm-ldn-aplaws/bundles/complete/cfg/project.xml +++ b/ccm-ldn-aplaws/bundles/complete/cfg/project.xml @@ -1,8 +1,8 @@ @@ -11,9 +11,9 @@ xmlns:ccm="http://ccm.redhat.com/ccm-project" ccmVersion="6.1" name="aplaws" - prettyName="APLAWS plus Complete Bundle" + prettyName="APLAWS plus Complete backwards compatible Bundle" version="2.3.99" - release="compl-r5397" + release="compl-rxxxx" webxml="web.xml" portletxml="portlet.xml" webapp="ROOT" diff --git a/ccm-ldn-aplaws/bundles/devel/cfg/integration.properties b/ccm-ldn-aplaws/bundles/devel/cfg/integration.properties index 673dfdc4e..aa41c9f45 100755 --- a/ccm-ldn-aplaws/bundles/devel/cfg/integration.properties +++ b/ccm-ldn-aplaws/bundles/devel/cfg/integration.properties @@ -1,5 +1,5 @@ # ############################################################################## -# APLAWS+ devel bundle integration.properties, version 2.3.x +# APLAWS+ devel bundle integration.properties, version 2.3.99 # Main purpose is to ensure compatibility among all CCM packages and to provide # Add On packages. # ############################################################################## @@ -59,15 +59,23 @@ waf.templating.stylesheet_resolver=com.arsdigita.templating.PatternStylesheetRes ; For new installations and Foundry default theme waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-stylesheet-paths.txt ; For updates and existing Mandalay based themes: -#waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-Mandalay-stylesheet-paths.txt +#waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-mandalay-stylesheet-paths.txt +; For updates from 1.0.4 multientry based themes: +#waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-multientry-stylesheet-paths.txt # CORE UI configuration parameters # ############################################################################## -core.ui.pagemap.root_page_url=/portal/ +# portal is not supported by the current Foundry theme. Use navigation insted +# and select navigation-welcome for the landing page. +#core.ui.pagemap.root_page_url=/portal/ +core.ui.pagemap.root_page_url=/navigation/ +core.ui.pagemap.workspace_url=/navigation/ +# +# modified! #core.ui.pagemap.user_redirect_url=content-center/redirect.jsp core.ui.pagemap.user_redirect_url=/content-center/ -core.ui.pagemap.workspace_url=/portal/ +;core.ui.pagemap.workspace_url=/portal/ # With version 2 moved from kernel/security to ui rsp ui.permissions and # no longer intended to be user configurable. # TODO CHECK what these URLS (esp. ../one) is used for. @@ -95,7 +103,7 @@ waf.xml.activate_full_date_formatter=true ; For new installations and Foundry default theme waf.xml.xsl_transformer=saxonhe ; For updates and existing Mandalay based themes: -#waf.xml.xsl_transformer= +#waf.xml.xsl_transformer=xalan # CMS configuration parameters @@ -212,6 +220,8 @@ com.arsdigita.subsite.root_category_picker=com.arsdigita.london.terms.ui.RootCat themedirector.default_theme_manifest=ccm-ldn-aplaws.web.mf # Required to denote the dir containing the default theme! themedirector.default_theme_path=themes/aplaws-default +# For version 1.0.4 compatible theme: +;themedirector.default_theme_path=themes/static/aplaws # LDN-SEARCH application # ############################################################################## @@ -228,6 +238,7 @@ auth.http.admin_identifier=webmaster # ############################################################################## com.arsdigita.london.cms.dublin.audience_domain=LGAL + # LDN bundle integration package configuration parameters # ############################################################################## # ccm-ldn-aplaws (Loader only) diff --git a/ccm-ldn-aplaws/bundles/devel/cfg/project.xml b/ccm-ldn-aplaws/bundles/devel/cfg/project.xml index 1e88cce9a..d6fa62a26 100755 --- a/ccm-ldn-aplaws/bundles/devel/cfg/project.xml +++ b/ccm-ldn-aplaws/bundles/devel/cfg/project.xml @@ -1,22 +1,23 @@ - @@ -42,14 +43,12 @@ - - - + @@ -78,20 +77,25 @@ + + - + + + + diff --git a/ccm-ldn-aplaws/bundles/standard/cfg/integration.properties b/ccm-ldn-aplaws/bundles/standard/cfg/integration.properties index 5b43837e5..0056c88aa 100755 --- a/ccm-ldn-aplaws/bundles/standard/cfg/integration.properties +++ b/ccm-ldn-aplaws/bundles/standard/cfg/integration.properties @@ -55,6 +55,10 @@ waf.search.indexer=lucene waf.templating.stylesheet_resolver=com.arsdigita.templating.PatternStylesheetResolver ; For new installations and Foundry default theme waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-stylesheet-paths.txt +; For updates and existing Mandalay based themes: +#waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-mandalay-stylesheet-paths.txt +; For updates from 1.0.4 multientry based themes: +#waf.templating.stylesheet_paths=/WEB-INF/resources/aplaws-multientry-stylesheet-paths.txt # CORE UI configuration parameters @@ -89,7 +93,7 @@ waf.xml.activate_full_date_formatter=true ; For new installations and Foundry default theme waf.xml.xsl_transformer=saxonhe ; For updates and existing Mandalay based themes: -waf.xml.xsl_transformer=xalan +#waf.xml.xsl_transformer=xalan # CMS configuration parameters @@ -165,6 +169,7 @@ com.arsdigita.cms.contenttypes.newsitem.end_year_delta=5 # ############################################################################## + # AtoZ configuration parameters # ############################################################################## com.arsdigita.atoz.root_category_picker=com.arsdigita.london.terms.ui.RootCategoryPicker @@ -205,7 +210,9 @@ com.arsdigita.subsite.root_category_picker=com.arsdigita.london.terms.ui.RootCat # a new theme! (In addition to default_theme_path. Otherwise no files are copied! themedirector.default_theme_manifest=ccm-ldn-aplaws.web.mf # Required to denote the dir containing the default theme! -themedirector.default_theme_path=themes/static/aplaws +themedirector.default_theme_path=themes/aplaws-default +# For version 1.0.4 compatible theme: +;themedirector.default_theme_path=themes/static/aplaws # LDN-SEARCH application # ############################################################################## diff --git a/ccm-ldn-aplaws/bundles/standard/cfg/project.xml b/ccm-ldn-aplaws/bundles/standard/cfg/project.xml index 88fc4c87d..4c93e34d4 100755 --- a/ccm-ldn-aplaws/bundles/standard/cfg/project.xml +++ b/ccm-ldn-aplaws/bundles/standard/cfg/project.xml @@ -1,24 +1,24 @@ - @@ -50,7 +50,7 @@ in class ui.PortletTypeForm --> - + @@ -83,7 +83,7 @@ - + @@ -94,11 +94,10 @@ - - + @@ -119,8 +118,8 @@ - + @@ -133,11 +132,12 @@ - @@ -157,15 +157,15 @@ - - - + diff --git a/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-mandalay-stylesheet-paths.txt b/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-mandalay-stylesheet-paths.txt new file mode 100644 index 000000000..d22d9990e --- /dev/null +++ b/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-mandalay-stylesheet-paths.txt @@ -0,0 +1,58 @@ +# -*- text -*- +# This file locates stylesheets, if you are using the +# "PatternStylesheetResolver". Please read the Javadoc for that file for +# the full story. + +# Currently the "resource" part is actually "short-circuited", see +# Templating#transformURL(url). As long as we store and synchronize all theme +# files in each server's local file system, we use the direct file apprach to +# avoid unnecessary http request and traffic between client (user) and server! +# Additionally all modules are installed into one webapp context, so the +# webapp tag is redundant, but sort of required by some part of the code. + + +# Theme with single entry point (e.g Foundry, Mandalay) managed by themedirector +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/start.xsl +http://::host::/::webapp::/themes/::themedir::/::theme::/start.xsl + + +# Theme with single entry point (e.g Foundry) unmanaged optional custom default +http://::host::/::webapp::/themes/aplaws-mandalay/start.xsl + + +# Theme with single entry point backwards compatible (Mandalay) unmanaged default +http://::host::/::webapp::/themes/mandalay/start.xsl + + + + +# =============================================================================== +# The following is for multi-entry themes, not used in APLAWS version 2 and newer +# =============================================================================== + +# Output type is for things such as text/javascript +#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::-::locale::.xsl +#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::.xsl + +# Grabs custom item xsl for CMS +#http://::host::/themes/servlet/content-item/index.xsl?oid=::item_template_oid::&delegated=::item_delegated_url:: + +# Theme, with optional locale & prefix +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::-::locale::.xsl +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::.xsl + +# Theme, with optional locale +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::locale::.xsl +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::.xsl + +# APLAWS generic default, with locale and prefix +# http://::host::/resource/ROOT/themes/static/aplaws-generic/::application::-::url::-::prefix::-::locale::.xsl +# http://::host::/resource/ROOT/themes/static/aplaws-generic/::application::-::url::-::prefix::.xsl + +# APLAWS generic default, with locale +# http://::host::/resource/ROOT/themes/static/aplaws-generic/::application::-::url::-::locale::.xsl +# http://::host::/resource/ROOT/themes/static/aplaws-generic/::application::-::url::.xsl + +# Global default, from application's own web app +#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::locale::.xsl +#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::.xsl diff --git a/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-multientry-stylesheet-paths.txt b/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-multientry-stylesheet-paths.txt new file mode 100755 index 000000000..b5fac610a --- /dev/null +++ b/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-multientry-stylesheet-paths.txt @@ -0,0 +1,88 @@ +# -*- text -*- +# This file locates stylesheets, if you are using the +# "PatternStylesheetResolver". Please read the Javadoc for that file for +# the full story. + +# Currently the "resource" part is actually "short-circuited", see +# Templating#transformURL(url). As long as we store and synchronize all theme +# files in each server's local file system, we use the direct file apprach to +# avoid unnecessary http request and traffic between client (user) and server! +# Additionally all modules are installed into one webapp context, so the +# webapp tag is redundant, but sort of required by some part of the code. + + +# Theme with single entry point (e.g Foundry/Mandaly) managed by themedirector +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/start.xsl +http://::host::/::webapp::/themes/::themedir::/::theme::/start.xsl + +# Theme with single entry point (e.g Foundry) unmanaged distribution default +# Provides optionally a distribution / bundle specific default theme. It it +# is empty foundry-base is used as fall-back. +#http://::host::/resource/::webapp::/themes/mandalay/start.xsl +http://::host::/::webapp::/themes/aplaws-default/start.xsl + +# Theme with single entry point (e.g Foundry) unmanaged fallback +# Provides a very basic Foundry theme +#http://::host::/resource/::webapp::/themes/mandalay/start.xsl +http://::host::/::webapp::/themes/foundry-base/start.xsl + +# =========================================================== +# Entry point for new theme only for content center and admin +# =========================================================== + +http://::host::/::webapp::/themes/foundry-base/::application::-::url::.xsl + + + +# ============================================================================== +# The following is for multi-entry themes, the traditional way in APLAWS +# Deprecated, retained for backwards compatibility to old existing custom themes. +# ============================================================================== + +# Output type is for things such as text/javascript stored in tradition default theme +#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::-::locale::.xsl +#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::.xsl +http://::host::/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::-::locale::.xsl +http://::host::/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::.xsl + +# Grabs custom item xsl for CMS +http://::host::/themes/servlet/content-item/index.xsl?oid=::item_template_oid::&delegated=::item_delegated_url:: + +# Theme, managed by themedirector, with optional locale & prefix +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::-::locale::.xsl +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::.xsl +http://::host::/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::-::locale::.xsl +http://::host::/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::.xsl + +# Theme managed by themedirector, with optional locale (without prefix) +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::locale::.xsl +#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::.xsl +http://::host::/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::locale::.xsl +http://::host::/::webapp::/themes/::themedir::/::theme::/::application::-::url::.xsl + +# APLAWS default, with locale and prefix +#http://::host::/resource/ROOT/themes/static/aplaws/::application::-::url::-::prefix::-::locale::.xsl +#http://::host::/resource/ROOT/themes/static/aplaws/::application::-::url::-::prefix::.xsl +#http://::host::/resource/ROOT/__ccm__/themes/aplaws/::application::-::url::-::prefix::-::locale::.xsl +#http://::host::/resource/ROOT/__ccm__/themes/aplaws/::application::-::url::-::prefix::.xsl +#http://::host::/::webapp::/themes/static/aplaws/::application::-::url::-::prefix::-::locale::.xsl +#http://::host::/::webapp::/themes/static/aplaws/::application::-::url::-::prefix::.xsl +#http://::host::/ROOT/__ccm__/themes/aplaws/::application::-::url::-::prefix::-::locale::.xsl +#http://::host:://ROOT/__ccm__/themes/aplaws/::application::-::url::-::prefix::.xsl + +# APLAWS generic default, with locale (without prefix) +#http://::host::/resource/ROOT/themes/static/aplaws/::application::-::url::-::locale::.xsl +#http://::host::/resource/ROOT/themes/static/aplaws/::application::-::url::.xsl +#http://::host::/resource/ROOT/__ccm__/themes/aplaws/::application::-::url::-::locale::.xsl +#http://::host::/resource/ROOT/__ccm__/themes/aplaws/::application::-::url::.xsl +#http://::host::/::webapp::/themes/static/aplaws/::application::-::url::-::locale::.xsl +#http://::host::/::webapp::/themes/static/aplaws/::application::-::url::.xsl +#http://::host::/::webapp::/__ccm__/themes/aplaws/::application::-::url::-::locale::.xsl +#http://::host::/::webapp::/__ccm__/themes/aplaws/::application::-::url::.xsl + +# Global default, from application's own web app +#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::locale::.xsl +#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::.xsl +http://::host::/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::locale::.xsl +http://::host::/::webapp::/themes/heirloom/apps/::application::/xsl/::url::.xsl + diff --git a/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-stylesheet-paths.txt b/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-stylesheet-paths.txt index ee883eb7b..f3b2f1e94 100755 --- a/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-stylesheet-paths.txt +++ b/ccm-ldn-aplaws/src/WEB-INF/resources/aplaws-stylesheet-paths.txt @@ -32,57 +32,3 @@ http://::host::/::webapp::/themes/foundry-base/start.xsl http://::host::/::webapp::/themes/foundry-base/::application::-::url::.xsl - - -# ============================================================================== -# The following is for multi-entry themes, the traditional way in APLAWS -# Deprecated, retained for backwards compatibility to old existing custom themes. -# ============================================================================== - -# Output type is for things such as text/javascript stored in tradition default theme -#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::-::locale::.xsl -#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::.xsl -#http://::host::/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::-::locale::.xsl -#http://::host::/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::outputtype::.xsl - -# Grabs custom item xsl for CMS -#http://::host::/themes/servlet/content-item/index.xsl?oid=::item_template_oid::&delegated=::item_delegated_url:: - -# Theme, managed by themedirector, with optional locale & prefix -#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::-::locale::.xsl -#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::.xsl -#http://::host::/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::-::locale::.xsl -#http://::host::/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::prefix::.xsl - -# Theme managed by themedirector, with optional locale (without prefix) -#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::locale::.xsl -#http://::host::/resource/::webapp::/themes/::themedir::/::theme::/::application::-::url::.xsl -#http://::host::/::webapp::/themes/::themedir::/::theme::/::application::-::url::-::locale::.xsl -#http://::host::/::webapp::/themes/::themedir::/::theme::/::application::-::url::.xsl - -# APLAWS default, with locale and prefix -#http://::host::/resource/ROOT/themes/static/aplaws/::application::-::url::-::prefix::-::locale::.xsl -#http://::host::/resource/ROOT/themes/static/aplaws/::application::-::url::-::prefix::.xsl -#http://::host::/resource/ROOT/__ccm__/themes/aplaws/::application::-::url::-::prefix::-::locale::.xsl -#http://::host::/resource/ROOT/__ccm__/themes/aplaws/::application::-::url::-::prefix::.xsl -#http://::host::/::webapp::/themes/static/aplaws/::application::-::url::-::prefix::-::locale::.xsl -#http://::host::/::webapp::/themes/static/aplaws/::application::-::url::-::prefix::.xsl -#http://::host::/ROOT/__ccm__/themes/aplaws/::application::-::url::-::prefix::-::locale::.xsl -#http://::host:://ROOT/__ccm__/themes/aplaws/::application::-::url::-::prefix::.xsl - -# APLAWS generic default, with locale (without prefix) -#http://::host::/resource/ROOT/themes/static/aplaws/::application::-::url::-::locale::.xsl -#http://::host::/resource/ROOT/themes/static/aplaws/::application::-::url::.xsl -#http://::host::/resource/ROOT/__ccm__/themes/aplaws/::application::-::url::-::locale::.xsl -#http://::host::/resource/ROOT/__ccm__/themes/aplaws/::application::-::url::.xsl -#http://::host::/::webapp::/themes/static/aplaws/::application::-::url::-::locale::.xsl -#http://::host::/::webapp::/themes/static/aplaws/::application::-::url::.xsl -#http://::host::/::webapp::/__ccm__/themes/aplaws/::application::-::url::-::locale::.xsl -#http://::host::/::webapp::/__ccm__/themes/aplaws/::application::-::url::.xsl - -# Global default, from application's own web app -#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::locale::.xsl -#http://::host::/resource/::webapp::/themes/heirloom/apps/::application::/xsl/::url::.xsl -#http://::host::/::webapp::/themes/heirloom/apps/::application::/xsl/::url::-::locale::.xsl -#http://::host::/::webapp::/themes/heirloom/apps/::application::/xsl/::url::.xsl - diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/README.txt b/ccm-ldn-aplaws/web/themes/aplaws-default/README.txt index 036856204..e15c8cbd0 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/README.txt +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/README.txt @@ -3,7 +3,7 @@ This theme is structured as follows: Directories ----------- -conf Configuration files (see README.txt in this directory for more +conf Configuration files (see _aREADME_.txt in this directory for more information fancybox Files for the Fancybox script (used to display images and image @@ -36,4 +36,8 @@ ccm-admin-application-index.xsl |----Entry points for legacy configurations content-center-index.xsl | content-section-admin.xsl -+ +Before you can use this theme, you have to do some preparatory measures. It +supports several variants and you have to select and to prepare a specific +variant to use. See the README files in conf, images, and texts! + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/conf/README.txt b/ccm-ldn-aplaws/web/themes/aplaws-default/conf/README.txt deleted file mode 100644 index 1e2cf0d78..000000000 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/conf/README.txt +++ /dev/null @@ -1,7 +0,0 @@ -The files in this directory control several aspects of the theme. The most -important ones are the templates.xml file and the css-files.xml file. - -The templates.xml file controls which templates from the templates directory -are used to create the HTML output for a page. - -The css-files.xml file controls which CSS files are used. diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/conf/_aREADME_.txt b/ccm-ldn-aplaws/web/themes/aplaws-default/conf/_aREADME_.txt new file mode 100644 index 000000000..34fdc6e00 --- /dev/null +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/conf/_aREADME_.txt @@ -0,0 +1,16 @@ +The files in this directory control several aspects of the theme. The most +important ones are the templates.xml file and the css-files.xml file. + + +The templates.xml file controls which templates from the templates directory +are used to create the HTML output for a page. + +Usually, you don't need to make any adjustments here! + + +The css-files.xml file controls which CSS files are used. The theme supports +different graphical (in terms of color, fonts, etc) variants. + +For this theme, these variants are configured in the style directory! + +So, usually you will not made any adjustments in this directory! diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/conf/css-files-aplaws.xml b/ccm-ldn-aplaws/web/themes/aplaws-default/conf/css-files-aplaws.xml deleted file mode 100644 index 24615e5fb..000000000 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/conf/css-files-aplaws.xml +++ /dev/null @@ -1,95 +0,0 @@ - - - - - - admin.css - - - - admin.css - - - - fancybox/jquery.fancybox.css?v=2.1.5 - fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.5 - fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7 - font-awesome/css/font-awesome.min.css - aplaws - - - - fancybox/jquery.fancybox.css?v=2.1.5 - fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.5 - fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7 - font-awesome/css/font-awesome.min.css - portal.css - aplaws - - - - admin.css - - - - fancybox/jquery.fancybox.css?v=2.1.5 - fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.5 - fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7 - font-awesome/css/font-awesome.min.css - portal.css - aplaws - - - - fancybox/jquery.fancybox.css?v=2.1.5 - fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.5 - fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7 - font-awesome/css/font-awesome.min.css - aplaws - - diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/conf/css-files.xml b/ccm-ldn-aplaws/web/themes/aplaws-default/conf/css-files.xml index 24615e5fb..c3f44c521 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/conf/css-files.xml +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/conf/css-files.xml @@ -54,7 +54,7 @@ fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.5 fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7 font-awesome/css/font-awesome.min.css - aplaws + style @@ -79,7 +79,7 @@ fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.7 font-awesome/css/font-awesome.min.css portal.css - aplaws + style - + true - + warn - - - - \ No newline at end of file + + + + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/conf/templates.xml b/ccm-ldn-aplaws/web/themes/aplaws-default/conf/templates.xml index b945659eb..75ef0b66d 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/conf/templates.xml +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/conf/templates.xml @@ -17,7 +17,6 @@ admin-layout.xml portal-workspace.xml portal-workspace-grid.xml - navigation.xml sitemap.xml welcome.xml @@ -273,8 +272,7 @@ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.eot b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.eot new file mode 100644 index 000000000..3c6f748ba Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.eot differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.svg b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.svg new file mode 100644 index 000000000..91568cf4d --- /dev/null +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.svg @@ -0,0 +1,1993 @@ + + + + +Created by FontForge 20110222 at Tue Aug 20 01:56:27 2013 + By Orthosie Webhosting +Typeface and data copyright 1996 Microsoft Corporation. All Rights Reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.ttf b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.ttf new file mode 100644 index 000000000..eea7da8ad Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.ttf differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.woff b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.woff new file mode 100644 index 000000000..3262213d9 Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBold-webfont.woff differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.eot b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.eot new file mode 100644 index 000000000..f3afc6045 Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.eot differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.svg b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.svg new file mode 100644 index 000000000..b1295b989 --- /dev/null +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.svg @@ -0,0 +1,2060 @@ + + + + +Created by FontForge 20110222 at Tue Aug 20 01:57:00 2013 + By Orthosie Webhosting +Typeface and data copyright 1996 Microsoft Corporation. All Rights Reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.ttf b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.ttf new file mode 100644 index 000000000..7bd75b929 Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.ttf differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.woff b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.woff new file mode 100644 index 000000000..5df3aaeea Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaBoldItalic-webfont.woff differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.eot b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.eot new file mode 100644 index 000000000..214964739 Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.eot differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.svg b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.svg new file mode 100644 index 000000000..4b67bdee9 --- /dev/null +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.svg @@ -0,0 +1,2047 @@ + + + + +Created by FontForge 20110222 at Tue Aug 20 01:56:40 2013 + By Orthosie Webhosting +Typeface and data copyright 1996 Microsoft Corporation. All Rights Reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.ttf b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.ttf new file mode 100644 index 000000000..7f7c57cd5 Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.ttf differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.woff b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.woff new file mode 100644 index 000000000..33e92e1c9 Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/GeorgiaItalic-webfont.woff differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/_README_ b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/_README_ index a590cd675..307164237 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/_README_ +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/fonts/_README_ @@ -1 +1 @@ -This directory contains fonts used by the theme +This directory contains fonts used by the theme. diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/images/README.txt b/ccm-ldn-aplaws/web/themes/aplaws-default/images/README.txt new file mode 100644 index 000000000..6662ba49f --- /dev/null +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/images/README.txt @@ -0,0 +1,8 @@ +This directory contains image files actually used by the theme. Subdirectories +thereof named like '{name}-def' contain images of a specific theme variant. +To use those images they must be copied into this directory in a specifig way +(see _aREADME_.txt over there). + +The file 'site-logo.png' should be replaced by the real loge of the site. + +The file 'poweredby.png' is the logo of the web software, i.e. aplaws. diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws-def/_aREADME_.txt b/ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws-def/_aREADME_.txt new file mode 100644 index 000000000..427cb5b29 --- /dev/null +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws-def/_aREADME_.txt @@ -0,0 +1,11 @@ +The files in this directory contain the images for a specific graphical +variant. + +They are copied to the parent directory (images) and renamed following +a specific naming convention. + +Site Logo +The site logo (riverton.png in this case) is copied to site-logo.png + +Logo of the Software System +To honour the software system of the site you may copy the cms logo to poweredby.png diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws.png b/ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws-def/aplaws.png similarity index 100% rename from ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws.png rename to ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws-def/aplaws.png diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/images/riverton.odg b/ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws-def/riverton.odg similarity index 100% rename from ccm-ldn-aplaws/web/themes/aplaws-default/images/riverton.odg rename to ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws-def/riverton.odg diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/images/riverton.png b/ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws-def/riverton.png similarity index 100% rename from ccm-ldn-aplaws/web/themes/aplaws-default/images/riverton.png rename to ccm-ldn-aplaws/web/themes/aplaws-default/images/aplaws-def/riverton.png diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/images/poweredby.png b/ccm-ldn-aplaws/web/themes/aplaws-default/images/poweredby.png new file mode 100644 index 000000000..42eb2075b Binary files /dev/null and b/ccm-ldn-aplaws/web/themes/aplaws-default/images/poweredby.png differ diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/README.txt b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/README.txt index 6c739e774..1fd763fa7 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/README.txt +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/README.txt @@ -1,20 +1,26 @@ -This directory contains all CSS files for the theme. We use the Less CSS -precompiler (http://lesscss.org/) for creating our CSS files. The source Less -files are also included. +This directory contains all CSS files for all of the theme variants. -If you want to customise the stylesheet we strongly recommanded to use Less. +The conf/css-files.xml file points invariably to a file named "style.less" +in this directory. This naming must not be modified, otherwise the theme +publishing process will fail! -to customise to styles make a copy of the Less file(s) you want to customize -and create a new configuration file pointing to your files in conf. +The theme is based on the Less CSS precompiler (http://lesscss.org/) for +creating the CSS files and we provide the source Less files. These files +are automatically compiled into the approprioate css file(s) when you use +the theme. In preview /development mode these files are compiled on the fly. +When you publish a theme the css files are stored in the directory and +copied into the published-themedir subdirectory. -To make editing of the Less file(s) -easier this theme also includes the Less compiler in the development mode. For -production mode you have to compile the Less files to CSS as described in the -iLess documentation. +The file 'style.less' is a starter file which just includes the less files +containing the concrete styling. -The styles for this theme have been split into two Less files. The styles.less -file contains all styles for the layout. The aplaws.less file contains several -variables which define several properties for the theme. Most of them are -colours. At the end, the file includes the style.less file. +The distribution provides a default variant of the theme in the file +libre-blue.less file. It provides a set of configuration parameters and +its default values. The theme details are defined in the less subdir. +To customise the theme make a copy of the default theme file and name it +appropriately, e.g. 'libre-blue-mytheme'. Make your customizations in +'libre-blue-mytheme'. Modify the style.less file to include your +customization instead of the default one by commenting in / out the +appropriate files. diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/aplaws.css b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/aplaws.css deleted file mode 100644 index 66190ef3c..000000000 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/aplaws.css +++ /dev/null @@ -1,1820 +0,0 @@ -/* - Colour definitions. This is a LESS feature called variables which - allows you to define commonly used values in a single location. The LESS - compiler will replace each use of a variable with the value defined here. -*/ -/*@color-gradient1: #8191c5;*/ -/*@color-nav-background1: @color-brand + #502b1d;*/ -/*@color-subnav-link-hover: #ff7600;*/ -/*@color-subnav-link-hover-background: #7f7f7f;*/ -/* -Font definitions ----------------- - -We are using some Webfonts. The fonts are from the Fontsquirrel -(http://www.fontsquirrel.com/) website. -*/ -@font-face { - font-family: 'Text'; - src: url('../fonts/PTS55F-webfont.eot'); - src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTS55F-webfont.woff') format('woff'), url('../fonts/PTS55F-webfont.ttf') format('truetype'), url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'Text'; - src: url('../fonts/PTS56F-webfont.eot'); - src: url('../fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTS56F-webfont.woff') format('woff'), url('../fonts/PTS56F-webfont.ttf') format('truetype'), url('../fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg'); - font-weight: normal; - font-style: italic; -} -@font-face { - font-family: 'Text'; - src: url('../fonts/PTS75F-webfont.eot'); - src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTS75F-webfont.woff') format('woff'), url('../fonts/PTS75F-webfont.ttf') format('truetype'), url('../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg'); - font-weight: bold; - font-style: normal; -} -@font-face { - font-family: 'Text'; - src: url('../fonts/PTS76F-webfont.eot'); - src: url('../fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTS76F-webfont.woff') format('woff'), url('../fonts/PTS76F-webfont.ttf') format('truetype'), url('../fonts/PTS76F-webfont.svg#pt_sansbold_italic') format('svg'); - font-weight: bold; - font-style: italic; -} -@font-face { - font-family: 'TextCond'; - src: url('../fonts/PTN57F-webfont.eot'); - src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTN57F-webfont.woff') format('woff'), url('../fonts/PTN57F-webfont.ttf') format('truetype'), url('../fonts/PTN57F-webfont.svg#pt_narrowregular') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'TextCond'; - src: url('../fonts/PTN77F-webfont.eot'); - src: url('../fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTN77F-webfont.woff') format('woff'), url('../fonts/PTN77F-webfont.ttf') format('truetype'), url('../fonts/PTN77F-webfont.svg#pt_narrowbold') format('svg'); - font-weight: bold; - font-style: normal; -} -@font-face { - font-family: 'Caption'; - src: url('../fonts/PTC55F-webfont.eot'); - src: url('../fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTC55F-webfont.woff') format('woff'), url('../fonts/PTC55F-webfont.ttf') format('truetype'), url('../fonts/PTC55F-webfont.svg#pt_sans_captionregular') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'Caption'; - src: url('../fonts/PTC75F-webfont.eot'); - src: url('../fonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTC75F-webfont.woff') format('woff'), url('../fonts/PTC75F-webfont.ttf') format('truetype'), url('../fonts/PTC75F-webfont.svg#pt_sans_captionbold') format('svg'); - font-weight: normal; - font-style: italic; -} -/* -@font-face { - font-family: 'Title'; - src: url('../fonts/TrajanPro-Regular.eot'); - src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'), - url('../fonts/TrajanPro-Regular.woff') format('woff'), - url('../fonts/TrajanPro-Regular.ttf') format('truetype'), - url('../fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg'); - font-weight: normal; - font-style: normal; -} -*/ -@font-face { - font-family: 'Title'; - src: url('../fonts/Cinzel-Regular.eot'); - src: url('../fonts/Cinzel-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Cinzel-Regular.woff') format('woff'), url('../fonts/Cinzel-Regular.ttf') format('truetype'), url('../fonts/Cinzel-Regular.svg#Cinzel-Regular') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'Special'; - src: url('../fonts/Georgia-webfont.eot'); - src: url('../fonts/Georgia-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Georgia-webfont.woff') format('woff'), url('../fonts/Georgia-webfont.ttf') format('truetype'), url('../fonts/Georgia-webfont.svg#Georgia-webfont') format('svg'); - font-weight: normal; - font-style: normal; -} -@media screen { - /* - Styles for Screenreaders - */ - /* - Hide text for other media than screenreaders. We can't simply use display:none - because display:none is interpreted by screenreaders and hides for them also. - The approach here is the same as used in Bootstrap, with some refinements. - References: - - http://webaim.org/techniques/css/invisiblecontent/ - - - */ - * { - box-sizing: border-box; - } - .hidden.accessibility { - position: absolute; - top: auto; - left: -99999em; - width: 1px; - height: 1px; - overflow: hidden; - } - /* - * Mixin class for the gradient. - */ - .mixin-gradient { - background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: linear-gradient(top, #59699d 5%, #213175 95%); - } - html { - margin: 0; - position: relative; - } - body { - /* - Textured background from subtlepatterns.com - */ - background-image: url("../images/foil.png"); - margin: 0 0 12em 0; - min-height: 100%; - padding: 0; - } - body div#cookie-notice { - display: none; - } - body.cookie-notice div#cookie-notice { - background-color: #fff; - /*background-color: rgba(255,255,255,0.9);*/ - border: 2px solid #213175; - display: block; - position: absolute; - left: 0; - top: 0; - /*height: 4em;*/ - /*width: 100%;*/ - margin: 0.5em; - padding: 1em 2em; - } - body.cookie-notice div#cookie-notice a { - margin-left: 0.5em; - text-decoration: none; - } - body.cookie-notice div#cookie-notice a:link, - body.cookie-notice div#cookie-notice a:visited { - color: #213175; - } - body.cookie-notice div#cookie-notice a:active, - body.cookie-notice div#cookie-notice a:focus, - body.cookie-notice div#cookie-notice a:hover { - color: #084590; - } - body.cookie-notice div#cookie-notice button { - background-color: #f2f2f2; - border: 1px solid #213175; - border-radius: 0.25em; - color: #213175; - font-weight: bold; - margin-left: 0.5em; - } - header { - margin: 0; - padding: 0; - /* - Styles for the blue bar in the header containing the language selector - and the service menu. - */ - } - header #service-panel { - background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: linear-gradient(top, #59699d 5%, #213175 95%); - border-top: 0.5em solid #ffffff; - box-shadow: 0 0 20px 0 #4a4a4a; - color: #ffffff; - font-family: "TextCond", serif; - font-variant: small-caps; - height: 4em; - margin: 0; - padding: 0; - } - header #service-panel #service-panel-wrapper { - margin-left: auto; - margin-right: auto; - max-width: 80em; - } - header #service-panel #service-panel-wrapper div#language-switcher { - position: relative; - } - header #service-panel #service-panel-wrapper div#language-switcher button { - background-color: transparent; - border: 1px solid #ffffff; - border-radius: 0.5em; - color: #ffffff; - font-size: 1.5em; - margin-top: 0.5em; - margin-left: 0.5em; - } - header #service-panel #service-panel-wrapper div#language-switcher button span.fa { - margin-right: 0.4em; - } - header #service-panel #service-panel-wrapper div#language-switcher ul { - display: none; - background-color: #213175; - z-index: 999; - } - header #service-panel #service-panel-wrapper div#shortcuts ul { - display: none; - } - header #service-panel #service-panel-wrapper ul { - list-style: none; - margin: 0; - padding-left: 1em; - padding-right: 1em; - } - header #service-panel #service-panel-wrapper ul li a { - text-decoration: none; - } - header #service-panel #service-panel-wrapper ul li a:link, - header #service-panel #service-panel-wrapper ul li a:visited { - background-color: transparent; - color: #ffffff; - } - header #service-panel #service-panel-wrapper ul li a:active, - header #service-panel #service-panel-wrapper ul li a:focus, - header #service-panel #service-panel-wrapper ul li a:hover { - background-color: transparent; - color: #ff9840; - } - header .header-logo { - background-color: #ffffff; - margin-left: auto; - margin-right: auto; - text-align: center; - } - header .header-logo img { - margin-top: 1em; - } - header .header-logo p { - color: #1e3175; - font-family: "Title", serif; - font-size: 2.5em; - font-variant: small-caps; - margin: 0 1em 0 0.6em; - text-align: center; - } - nav#main-navigation { - background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: linear-gradient(top, #59699d 5%, #213175 95%); - background-color: transparent; - border: none; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - width: 100%; - height: 2.8em; - } - nav#main-navigation div#nav-wrapper { - margin-left: auto; - margin-right: auto; - max-width: 80em; - padding-bottom: 0.5em; - text-align: center; - } - nav#main-navigation div#nav-wrapper button { - background-color: transparent; - border: 1px solid #ffffff; - border-radius: 0.2em; - color: #ffffff; - font-size: 2em; - margin-top: 0.5em; - margin-left: 0.5em; - } - nav#main-navigation div#nav-wrapper button span.fa { - margin-right: 0.4em; - } - nav#main-navigation div#nav-wrapper ul { - display: none; - list-style: none; - margin-top: 0.75em; - margin-bottom: 0.75em; - padding-left: 0; - text-align: center; - } - nav#main-navigation div#nav-wrapper ul li.active { - border: 1px solid #ff9840; - border-radius: 0.5em; - margin-left: 0.5em; - margin-right: 0.5em; - } - nav#main-navigation div#nav-wrapper ul li.active > a:link, - nav#main-navigation div#nav-wrapper ul li.active > a:visited { - color: #ff9840; - } - nav#main-navigation div#nav-wrapper ul li a { - font-family: 'TextCond', sans-serif; - font-size: 1.4em; - font-variant: small-caps; - font-weight: bold; - margin-left: 0.2em; - padding: 0.2em 0.25em; - text-decoration: none; - } - nav#main-navigation div#nav-wrapper ul li a:link, - nav#main-navigation div#nav-wrapper ul li a:visited { - color: #ffffff; - } - nav#main-navigation div#nav-wrapper ul li a:active, - nav#main-navigation div#nav-wrapper ul li a:focus, - nav#main-navigation div#nav-wrapper ul li a:hover { - background-color: transparent; - color: #ff9840; - } - div#breadcrumbs-top { - background-color: #f2f2f2; - background-image: url("../images/foil.png"); - font-size: 1.2em; - padding-top: 1em; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper { - margin-left: auto; - margin-right: auto; - max-width: 80em; - padding-bottom: 0.6em; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper .breadcrumb-prefix { - font-family: 'TextCond', sans-serif; - font-size: 0.9em; - font-variant: small-caps; - margin-right: 0.6em; - padding-top: 0.6em; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol { - display: inline; - list-style: none; - padding-left: 0; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li { - display: inline; - font-family: 'TextCond', sans-serif; - font-size: 0.9em; - padding-left: 0; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:link, - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:visited { - color: #337ab7; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:active, - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:focus, - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:hover { - color: #23527c; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li + li::before { - color: #555555; - content: "/ "; - padding-left: 0.4em; - padding-right: 0.4em; - } - div#main-wrapper { - margin-left: 1em; - margin-right: 1em; - } - .mixin-main { - background-color: #f2f2f2; - border-radius: 0 0 0.5em 0.5em; - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - padding: 1em; - } - main article { - background-color: #f2f2f2; - border-radius: 0 0 0.5em 0.5em; - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - padding: 1em; - border-radius: 0.5em; - } - main div.address { - /*.mixin-main();*/ - font-family: 'Text', sans-serif; - margin-bottom: 2em; - } - main div.address pre.addresstext { - font-family: 'Text', sans-serif; - margin-top: 0; - } - main div.agenda dl, - main div.contact dl, - main div.job dl, - main div.minutes dl, - main div.person dl, - main div.service dl { - /*.mixin-main();*/ - font-family: 'text', sans-serif; - } - main div.agenda dl dt, - main div.contact dl dt, - main div.job dl dt, - main div.minutes dl dt, - main div.person dl dt, - main div.service dl dt { - font-weight: bold; - } - main div.agenda dl dd, - main div.contact dl dd, - main div.job dl dd, - main div.minutes dl dd, - main div.person dl dd, - main div.service dl dd { - margin-left: 0; - margin-bottom: 0.5em; - } - main div.agenda dl dd.description-of-minutes pre, - main div.contact dl dd.description-of-minutes pre, - main div.job dl dd.description-of-minutes pre, - main div.minutes dl dd.description-of-minutes pre, - main div.person dl dd.description-of-minutes pre, - main div.service dl dd.description-of-minutes pre { - margin-top: 0; - font-family: 'Test'; - } - main div.agenda dl dd a, - main div.contact dl dd a, - main div.job dl dd a, - main div.minutes dl dd a, - main div.person dl dd a, - main div.service dl dd a { - text-decoration: none; - } - main div.agenda dl dd a:link, - main div.contact dl dd a:link, - main div.job dl dd a:link, - main div.minutes dl dd a:link, - main div.person dl dd a:link, - main div.service dl dd a:link, - main div.agenda dl dd a:visited, - main div.contact dl dd a:visited, - main div.job dl dd a:visited, - main div.minutes dl dd a:visited, - main div.person dl dd a:visited, - main div.service dl dd a:visited { - color: #213175; - } - main div.agenda dl dd a:active, - main div.contact dl dd a:active, - main div.job dl dd a:active, - main div.minutes dl dd a:active, - main div.person dl dd a:active, - main div.service dl dd a:active, - main div.agenda dl dd a:focus, - main div.contact dl dd a:focus, - main div.job dl dd a:focus, - main div.minutes dl dd a:focus, - main div.person dl dd a:focus, - main div.service dl dd a:focus, - main div.agenda dl dd a:hover, - main div.contact dl dd a:hover, - main div.job dl dd a:hover, - main div.minutes dl dd a:hover, - main div.person dl dd a:hover, - main div.service dl dd a:hover { - color: #084590; - } - main div.bookmark-url { - /*.mixin-main();*/ - font-family: 'Text', sans-serif; - margin-bottom: 2em; - } - main div.bookmark-url a:link, - main div.bookmark-url a:visited { - color: #213175; - } - main div.bookmark-url a:active, - main div.bookmark-url a:focus, - main div.bookmark-url a:hover { - color: #084590; - } - main div.contact div.person { - /*.mixin-main();*/ - } - main div.contact div.address { - /*.mixin-main();*/ - margin-bottom: 2em; - } - main div.contact div.address pre.addresstext { - font-family: 'Text', sans-serif; - margin-top: 0; - } - main div.decisiontree div.main h2 { - margin-top: 0em; - } - main div.decisiontree div.section-instructions { - margin-bottom: 1em; - } - main div.decisiontree form div.submit-cancel-section { - margin-top: 1em; - } - main div.decisiontree form div.submit-cancel-section input[type="submit"] { - background-color: #f2f2f2; - border: 1px solid #213175; - border-radius: 0.3em; - color: #213175; - font-weight: bold; - padding: 0.2em 0.4em; - } - main div.decisiontree form div.submit-cancel-section input[type="submit"]:focus, - main div.decisiontree form div.submit-cancel-section input[type="submit"]:hover { - border-color: #084590; - color: #084590; - } - main div.decisiontree form div.submit-cancel-section input[type="submit"]:first-child { - margin-right: 1em; - } - main div.formitem { - /*.mixin-main();*/ - margin-bottom: 2em; - } - main div.formitem span.label { - display: block; - font-weight: bold; - } - main div.formitem span.label.mandatory::after { - content: "*"; - font-weight: bold; - } - main div.fsi-desc { - /*.mixin-main();*/ - } - main div.fsi-links { - /*.mixin-main();*/ - margin-top: 2em; - margin-bottom: 2em; - text-align: center; - } - main div.fsi-links a { - /*.mixin-main();*/ - margin-left: 4em; - margin-right: 4em; - padding-left: 2em; - padding-right: 2em; - text-decoration: none; - } - main div.fsi-links a:link, - main div.fsi-links a:visited { - color: #213175; - } - main div.fsi-links a:active, - main div.fsi-links a:focus, - main div.fsi-links a:hover { - color: #084590; - } - main div.fsi-links a.stream::before, - main div.fsi-links a.download::before { - font-family: "FontAwesome"; - } - main div.fsi-links a.stream::before { - content: "\f06e"; - } - main div.fsi-links a.download::before { - content: "\f019"; - } - main div.government-uid { - /*.mixin-main();*/ - margin-bottom: 1em; - } - main div.image div.image-data { - /*.mixin-main();*/ - display: -webkit-flex; - display: flex; - margin-bottom: 2em; - } - main div.image div.image-data a.thumbnail { - -webkit-flex: 1; - flex: 1; - text-align: center; - } - main div.image div.image-data table { - -webkit-flex: 1; - flex: 1; - border: none; - } - main div.image div.image-data table td, - main div.image div.image-data table th, - main div.image div.image-data table tr { - border: none; - } - main div.image div.image-data table th { - text-align: left; - font-weight: bold; - } - main div.image div.image-data table td { - padding-left: 0.5em; - } - main div.lead { - /*.mixin-main();*/ - font-weight: bold; - margin-bottom: 1em; - } - main div.lead, - main div.main { - font-family: 'Text', sans-serif; - } - main div.main { - /*background-color: @color-main-background;*/ - /*border-radius: 0.5em;*/ - /*box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);*/ - margin-bottom: 0; - padding: 1em; - } - main div.main :first-child { - margin-top: 0; - } - main div.main ul { - overflow: hidden; - } - main div.nav-quicklinks { - background-color: #f2f2f2; - border-radius: 0 0 0.5em 0.5em; - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - padding: 1em; - margin-bottom: 2em; - } - main div.nav-quicklinks dl dt a { - font-size: 1.2em; - font-weight: bold; - text-decoration: none; - } - main div.nav-quicklinks dl dt a:link, - main div.nav-quicklinks dl dt a:visited { - color: #213175; - } - main div.nav-quicklinks dl dt a:active, - main div.nav-quicklinks dl dt a:focus, - main div.nav-quicklinks dl dt a:hover { - color: #084590; - } - main div.nav-quicklinks dl dd { - margin-top: 0.5em; - margin-left: 0; - padding-left: 0; - } - main div.news-date { - background-color: #f2f2f2; - border: 1px solid #213175; - border-radius: 0.4em; - color: #213175; - float: right; - font-weight: bold; - margin: 0.3em; - padding: 0.5em; - } - main div.notes { - border: thin ridge #c0c0c0; - border-radius: 0.5em; - float: right; - font-size: 0.85em; - margin: 1em; - padding: 1em; - width: 18em; - } - main div.person div.address { - /*.mixin-main();*/ - margin-bottom: 2em; - } - main div.person div.address p { - margin-top: 0; - margin-bottom: 0; - } - main div.person div.address pre { - margin-top: 0; - } - main div.pressrelease div.contactinfo { - /*.mixin-main();*/ - border-top-left-radius: 0; - } - main div.pressrelease div.referencecode { - /*.mixin-main();*/ - margin-top: 1em; - margin-bottom: 2em; - } - main div.related-links-file-attachments { - margin-top: 0; - } - main div.related-links-file-attachments ul.related-links { - border-bottom-left-radius: 0.5em; - border-bottom-right-radius: 0; - } - main div.related-links-file-attachments ul.file-attachments { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0.5em; - } - main div.scipublication dl, - main div.journal dl { - /*.mixin-main();*/ - } - main div.scipublication dl dt, - main div.journal dl dt { - font-weight: bold; - margin-bottom: 0.2em; - } - main div.scipublication dl dd, - main div.journal dl dd { - margin-left: 0; - margin-bottom: 0.7em; - } - main div.scipublication dl dd a, - main div.journal dl dd a { - text-decoration: none; - } - main div.scipublication dl dd a:link, - main div.journal dl dd a:link, - main div.scipublication dl dd a:visited, - main div.journal dl dd a:visited { - color: #213175; - } - main div.scipublication dl dd a:active, - main div.journal dl dd a:active, - main div.scipublication dl dd a:focus, - main div.journal dl dd a:focus, - main div.scipublication dl dd a:hover, - main div.journal dl dd a:hover { - color: #084590; - } - main div.scipublication div:last-child, - main div.journal div:last-child, - main div.scipublication table:last-child, - main div.journal table:last-child, - main div.scipublication ul:last-child, - main div.journal ul:last-child { - margin-bottom: 2em; - } - main div.scipublication div.export-links, - main div.journal div.export-links { - margin-top: 0; - } - main div.scipublication div.export-links h2, - main div.journal div.export-links h2 { - border-top-left-radius: 0.5em; - border-top-right-radius: 0.5em; - padding-left: 0.3em; - padding-right: 0.3em; - } - main div.scipublication div.export-links ul, - main div.journal div.export-links ul { - /*.mixin-main();*/ - border-top-left-radius: 0; - border-top-right-radius: 0; - list-style: none; - text-align: center; - } - main div.scipublication div.export-links ul li, - main div.journal div.export-links ul li { - line-height: 1.3em; - } - main div.scipublication div.export-links ul li a, - main div.journal div.export-links ul li a { - text-decoration: none; - } - main div.scipublication div.export-links ul li a:link, - main div.journal div.export-links ul li a:link, - main div.scipublication div.export-links ul li a:visited, - main div.journal div.export-links ul li a:visited { - color: #213175; - } - main div.scipublication div.export-links ul li a:active, - main div.journal div.export-links ul li a:active, - main div.scipublication div.export-links ul li a:focus, - main div.journal div.export-links ul li a:focus, - main div.scipublication div.export-links ul li a:hover, - main div.journal div.export-links ul li a:hover { - color: #084590; - } - main div.scipublication div.journal-abstract, - main div.journal div.journal-abstract { - /*.mixin-main();*/ - } - main div.scipublication div.textinfo, - main div.journal div.textinfo { - /*.mixin-main();*/ - border-top-left-radius: 0; - border-top-right-radius: 0; - } - main div.scipublication ul.articles, - main div.journal ul.articles { - /*.mixin-main();*/ - border-top-left-radius: 0; - border-top-right-radius: 0; - list-style: none; - } - main div.scipublication ul.articles li, - main div.journal ul.articles li { - margin-bottom: 0.8em; - } - main div.scipublication ul.articles li a, - main div.journal ul.articles li a { - text-decoration: none; - } - main div.scipublication ul.articles li a:link, - main div.journal ul.articles li a:link, - main div.scipublication ul.articles li a:visited, - main div.journal ul.articles li a:visited { - color: #213175; - } - main div.scipublication ul.articles li a:active, - main div.journal ul.articles li a:active, - main div.scipublication ul.articles li a:hover, - main div.journal ul.articles li a:hover, - main div.scipublication ul.articles li a:focus, - main div.journal ul.articles li a:focus { - color: #084590; - } - main div.scipublication ul.articles li:last-child, - main div.journal ul.articles li:last-child { - margin-bottom: 0; - } - main div.scipublication table.library-signatures, - main div.journal table.library-signatures { - /*.mixin-main();*/ - border-top-left-radius: 0; - border-top-right-radius: 0; - width: 100%; - } - main div.scipublication table.library-signatures tr td a, - main div.journal table.library-signatures tr td a { - text-decoration: none; - } - main div.scipublication table.library-signatures tr td a:link, - main div.journal table.library-signatures tr td a:link, - main div.scipublication table.library-signatures tr td a:visited, - main div.journal table.library-signatures tr td a:visited { - color: #213175; - } - main div.scipublication table.library-signatures tr td a:active, - main div.journal table.library-signatures tr td a:active, - main div.scipublication table.library-signatures tr td a:hover, - main div.journal table.library-signatures tr td a:hover, - main div.scipublication table.library-signatures tr td a:focus, - main div.journal table.library-signatures tr td a:focus { - color: #084590; - } - main div.sciorga div.tab { - /*.mixin-main();*/ - border-top-left-radius: 0; - margin-bottom: 2em; - } - main div.sciorga div.tab div.addendum, - main div.sciorga div.tab div.shortdesc { - font-weight: bold; - margin-bottom: 1em; - } - main div.sciorga div.tab div.members a, - main div.sciorga div.tab div.scicontact a, - main div.sciorga div.tab div.funding a { - text-decoration: none; - } - main div.sciorga div.tab div.members a:link, - main div.sciorga div.tab div.scicontact a:link, - main div.sciorga div.tab div.funding a:link, - main div.sciorga div.tab div.members a:visited, - main div.sciorga div.tab div.scicontact a:visited, - main div.sciorga div.tab div.funding a:visited { - color: #213175; - } - main div.sciorga div.tab div.members a:active, - main div.sciorga div.tab div.scicontact a:active, - main div.sciorga div.tab div.funding a:active, - main div.sciorga div.tab div.members a:focus, - main div.sciorga div.tab div.scicontact a:focus, - main div.sciorga div.tab div.funding a:focus, - main div.sciorga div.tab div.members a:hover, - main div.sciorga div.tab div.scicontact a:hover, - main div.sciorga div.tab div.funding a:hover { - color: #084590; - } - main div.sciorga div.tab div.members dl dt, - main div.sciorga div.tab div.scicontact dl dt, - main div.sciorga div.tab div.funding dl dt { - font-weight: bold; - } - main div.sciorga div.tab div.members dl dd, - main div.sciorga div.tab div.scicontact dl dd, - main div.sciorga div.tab div.funding dl dd { - margin-left: 0; - } - main div.sciorga div.tab div.members h2, - main div.sciorga div.tab div.scicontact h2, - main div.sciorga div.tab div.funding h2 { - font-size: 1.5em; - margin-bottom: 0.5em; - } - main div.sciorga div.tab div.members ul, - main div.sciorga div.tab div.scicontact ul, - main div.sciorga div.tab div.funding ul { - list-style: none; - margin-top: 0; - padding-left: 0; - } - main div.sciorga div.tab div.members ul li a, - main div.sciorga div.tab div.scicontact ul li a, - main div.sciorga div.tab div.funding ul li a { - text-decoration: none; - } - main div.sciorga div.tab div.members ul li a:link, - main div.sciorga div.tab div.scicontact ul li a:link, - main div.sciorga div.tab div.funding ul li a:link, - main div.sciorga div.tab div.members ul li a:visited, - main div.sciorga div.tab div.scicontact ul li a:visited, - main div.sciorga div.tab div.funding ul li a:visited { - color: #213175; - } - main div.sciorga div.tab div.members ul li a:active, - main div.sciorga div.tab div.scicontact ul li a:active, - main div.sciorga div.tab div.funding ul li a:active, - main div.sciorga div.tab div.members ul li a:focus, - main div.sciorga div.tab div.scicontact ul li a:focus, - main div.sciorga div.tab div.funding ul li a:focus, - main div.sciorga div.tab div.members ul li a:hover, - main div.sciorga div.tab div.scicontact ul li a:hover, - main div.sciorga div.tab div.funding ul li a:hover { - color: #084590; - } - main div.sciorga div.tab span.key { - font-weight: bold; - } - main div.sciorga ul.nav.nav-tabs { - /*background-color: @color-nav-background2; - - border-top-left-radius: 0.5em; - border-top-right-radius: 0.5em;*/ - list-style: none; - margin-bottom: 0; - padding: 0; - } - main div.sciorga ul.nav.nav-tabs li { - background-color: #213175; - border-top-left-radius: 0.5em; - border-top-right-radius: 0.5em; - box-shadow: 0.2em 0 0 0 rgba(0, 0, 0, 0.35); - display: inline-block; - margin-left: 0; - margin-right: 0; - /*padding: 0.6em 1em;*/ - } - main div.sciorga ul.nav.nav-tabs li a { - display: inline-block; - font-weight: bold; - padding: 0.6em 1em; - text-decoration: none; - } - main div.sciorga ul.nav.nav-tabs li a:link, - main div.sciorga ul.nav.nav-tabs li a:visited { - color: #ffffff; - } - main div.sciorga ul.nav.nav-tabs li a:active, - main div.sciorga ul.nav.nav-tabs li a:focus, - main div.sciorga ul.nav.nav-tabs li a:hover { - color: #ff9840; - } - main div.sciorga ul.nav.nav-tabs li.active { - background-color: #f2f2f2; - } - main div.sciorga ul.nav.nav-tabs li.active a:link, - main div.sciorga ul.nav.nav-tabs li.active a:visited { - color: #084590; - } - main div.sciorga ul.nav.nav-tabs li.active a:active, - main div.sciorga ul.nav.nav-tabs li.active a:focus, - main div.sciorga ul.nav.nav-tabs li.active a:hover { - color: #084590; - } - main div.series div.abstract { - /*.mixin-main();*/ - margin-bottom: 1em; - } - main div.series ul.articles { - margin-top: 0; - } - main div.series form { - background-color: #f2f2f2; - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - padding: 1em; - margin-bottom: 0; - } - main div.series form label { - display: block; - font-weight: bold; - margin-top: 0.5em; - } - main div.service { - margin-bottom: 2em; - } - main dl.event-details { - /*.mixin-main();*/ - } - main dl.event-details dt { - font-weight: bold; - } - main dl.event-details dd { - margin-left: 0; - margin-bottom: 1em; - padding-left: 0; - } - main h1 { - color: #1e3175; - font-family: "TextCond", sans-serif; - font-size: 2em; - font-variant: small-caps; - font-weight: normal; - margin-top: 1em; - } - main h2 { - font-size: 1.8em; - font-variant: small-caps; - } - main h2.subheading { - background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%); - background-image: linear-gradient(top, #59699d 5%, #213175 95%); - background-color: #213175; - border-top-left-radius: 0.5em; - border-top-right-radius: 0.5em; - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - clear: both; - color: #ffffff; - font-family: 'TextCond'; - font-size: 1.2em; - font-weight: bold; - font-variant: small-caps; - margin-bottom: 0; - padding-top: 0.4em; - padding-bottom: 0.4em; - text-align: center; - } - main article h2.subheading { - border-radius: 0.5em; - box-shadow: none; - margin-top: 0; - margin-bottom: 0.5em; - } - main h2.subheading + ul { - margin-top: 0; - } - main h3 { - font-family: 'TextCond'; - font-size: 1.6em; - font-variant: small-caps; - } - main h4 { - font-family: 'TextCond'; - font-size: 1.4em; - font-variant: small-caps; - } - main h5 { - font-family: 'TextCond'; - font-size: 1.2em; - font-variant: small-caps; - } - main h6 { - font-family: 'TextCond'; - font-size: 1.0em; - font-variant: small-caps; - font-weight: bold; - } - main figure { - margin: 0; - padding: 0; - } - main figure figure { - float: left; - margin: 1em 1.5em 1.5em 1em; - position: relative; - width: 150px; - } - main figure figure + figure { - display: none; - } - main figure.multiple a::after, - main figure.single a::after { - background-color: rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.75); - color: #fff; - font-family: "FontAwesome"; - padding: 0.1em 0.2em; - position: absolute; - left: 0; - top: 0; - } - main figure.multiple a:after { - content: "\f03e"; - } - main figure.single a::after { - content: "\f002"; - } - main ul.item-list, - main ul.new-list { - background-color: #f2f2f2; - border-radius: 0 0 0.5em 0.5em; - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - padding: 1em; - } - main ul.item-list, - main ul.news-list, - main ul.related-links, - main ul.file-attachments { - /*background-color: @color-main-background;*/ - /*.mixin-main(); - - border-bottom-left-radius: 0.5em; - border-bottom-right-radius: 0.5em;*/ - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - list-style: none; - margin-top: 0; - margin-bottom: 3em; - padding-left: 0; - /*padding: 1em;*/ - } - main ul.item-list li, - main ul.news-list li, - main ul.related-links li, - main ul.file-attachments li { - /*position: relative;*/ - background-color: #f2f2f2; - padding: 0.5em; - } - main ul.item-list li a, - main ul.news-list li a, - main ul.related-links li a, - main ul.file-attachments li a { - font-size: 1.2em; - font-weight: bold; - text-decoration: none; - } - main ul.item-list li a:link, - main ul.news-list li a:link, - main ul.related-links li a:link, - main ul.file-attachments li a:link, - main ul.item-list li a:visited, - main ul.news-list li a:visited, - main ul.related-links li a:visited, - main ul.file-attachments li a:visited { - color: #213175; - } - main ul.item-list li a:active, - main ul.news-list li a:active, - main ul.related-links li a:active, - main ul.file-attachments li a:active, - main ul.item-list li a:focus, - main ul.news-list li a:focus, - main ul.related-links li a:focus, - main ul.file-attachments li a:focus, - main ul.item-list li a:hover, - main ul.news-list li a:hover, - main ul.related-links li a:hover, - main ul.file-attachments li a:hover { - color: #084590; - } - main ul.item-list li .event-date, - main ul.news-list li .event-date, - main ul.related-links li .event-date, - main ul.file-attachments li .event-date { - border: thin solid #1e3175; - float: left; - font-weight: bold; - margin-right: 0.75em; - vertical-align: middle; - } - main ul.item-list li .event-date div, - main ul.news-list li .event-date div, - main ul.related-links li .event-date div, - main ul.file-attachments li .event-date div { - text-align: center; - } - main ul.item-list li .event-date .day, - main ul.news-list li .event-date .day, - main ul.related-links li .event-date .day, - main ul.file-attachments li .event-date .day { - background-color: #1e3175; - color: #fff; - padding: 0.3em 0.75em 0.1em 0.75em; - } - main ul.item-list li .event-date .month, - main ul.news-list li .event-date .month, - main ul.related-links li .event-date .month, - main ul.file-attachments li .event-date .month { - background-color: #fff; - color: #1e3175; - padding: 0.1em 0.75em 0.3em 0.75em; - } - main ul.item-list li .lead, - main ul.news-list li .lead, - main ul.related-links li .lead, - main ul.file-attachments li .lead { - background-color: transparent; - border-radius: 0; - box-shadow: none; - padding: 0; - font-weight: normal; - } - main ul.item-list li .news-date, - main ul.news-list li .news-date, - main ul.related-links li .news-date, - main ul.file-attachments li .news-date { - border: thin solid #1e3175; - border-radius: 0.75em; - color: #1e3175; - float: right; - font-weight: bold; - height: 1.5em; - line-height: 1em; - padding: 0.3em 0.75em; - /*position: absolute; - right: 0; - top: 0.5em;*/ - vertical-align: middle; - } - main ul.item-list li div.person-list dl, - main ul.news-list li div.person-list dl, - main ul.related-links li div.person-list dl, - main ul.file-attachments li div.person-list dl { - margin-top: 0.3em; - } - main ul.item-list li div.person-list dl dt, - main ul.news-list li div.person-list dl dt, - main ul.related-links li div.person-list dl dt, - main ul.file-attachments li div.person-list dl dt { - display: inline-block; - font-weight: bold; - } - main ul.item-list li div.person-list dl dt::after, - main ul.news-list li div.person-list dl dt::after, - main ul.related-links li div.person-list dl dt::after, - main ul.file-attachments li div.person-list dl dt::after { - content: ": "; - } - main ul.item-list li div.person-list dl dd, - main ul.news-list li div.person-list dl dd, - main ul.related-links li div.person-list dl dd, - main ul.file-attachments li div.person-list dl dd { - display: inline-block; - margin-left: 0; - margin-right: 1em; - } - main ul.item-list li div.person-list dl dd a, - main ul.news-list li div.person-list dl dd a, - main ul.related-links li div.person-list dl dd a, - main ul.file-attachments li div.person-list dl dd a { - font-size: 1em; - font-weight: normal; - } - main ul.item-list li div.sciproject-list div.lifespan, - main ul.news-list li div.sciproject-list div.lifespan, - main ul.related-links li div.sciproject-list div.lifespan, - main ul.file-attachments li div.sciproject-list div.lifespan { - margin-top: 0.3em; - } - main ul.item-list li div.sciproject-list div.lifespan span.lifespan-text, - main ul.news-list li div.sciproject-list div.lifespan span.lifespan-text, - main ul.related-links li div.sciproject-list div.lifespan span.lifespan-text, - main ul.file-attachments li div.sciproject-list div.lifespan span.lifespan-text { - font-weight: bold; - } - main ul.item-list li div.sciproject-list div.lifespan span.lifespan-text::after, - main ul.news-list li div.sciproject-list div.lifespan span.lifespan-text::after, - main ul.related-links li div.sciproject-list div.lifespan span.lifespan-text::after, - main ul.file-attachments li div.sciproject-list div.lifespan span.lifespan-text::after { - content: ": "; - } - main ul.item-list li div.sciproject-list div.members, - main ul.news-list li div.sciproject-list div.members, - main ul.related-links li div.sciproject-list div.members, - main ul.file-attachments li div.sciproject-list div.members { - margin-top: 0.4em; - } - main ul.item-list li div.sciproject-list div.lead, - main ul.news-list li div.sciproject-list div.lead, - main ul.related-links li div.sciproject-list div.lead, - main ul.file-attachments li div.sciproject-list div.lead { - margin-top: 0.3em; - } - main ul.item-list li span.fa, - main ul.news-list li span.fa, - main ul.related-links li span.fa, - main ul.file-attachments li span.fa { - margin-right: 0.4em; - } - main ul.item-list li:nth-last-child(n+2), - main ul.news-list li:nth-last-child(n+2), - main ul.related-links li:nth-last-child(n+2), - main ul.file-attachments li:nth-last-child(n+2) { - border-bottom: 1px solid #ddd; - } - main ul.mpa-paginator { - list-style: none; - text-align: center; - margin-bottom: 3em; - } - main ul.mpa-paginator li { - /*.mixin-main();*/ - display: inline; - margin-left: 1em; - margin-right: 1em; - padding-left: 2em; - padding-right: 2em; - } - main ul.mpa-paginator li a { - text-decoration: none; - } - main ul.mpa-paginator li a:link, - main ul.mpa-paginator li a:visited { - color: #213175; - } - main ul.mpa-paginator li a:active, - main ul.mpa-paginator li a:focus, - main ul.mpa-paginator li a:hover { - color: #084590; - } - main ul.mpa-paginator li a::after, - main ul.mpa-paginator li a::before { - font-family: "FontAwesome"; - } - main ul.mpa-paginator li a.prev::before { - content: "\f0a8"; - margin-right: 0.2em; - } - main ul.mpa-paginator li a.next::after { - content: "\f0a9"; - margin-left: 0.2em; - } - main ul.mpa-toc { - /*.mixin-main();*/ - /*background-color: @color-nav-background2;*/ - border-top-left-radius: 0.5em; - border-top-right-radius: 0.5em; - /*box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);*/ - -moz-column-count: 2; - -webkit-column-count: 2; - column-count: 2; - list-style: none; - min-height: 11em; - /*padding: 1em;*/ - } - main ul.mpa-toc li { - /*display: inline;*/ - } - main ul.mpa-toc li a { - font-weight: bold; - text-decoration: none; - } - main ul.mpa-toc li a:link, - main ul.mpa-toc li a:visited { - /*color: @color-nav;*/ - color: #213175; - } - main ul.mpa-toc li a:active, - main ul.mpa-toc li a:focus, - main ul.mpa-toc li a:hover { - /*color: @color-nav-active;*/ - color: #084590; - } - main ul.mpa-toc li.active a { - /*color: @color-nav-active;*/ - color: #084590; - } - main ul.sitemap { - background-color: #f2f2f2; - border-radius: 0 0 0.5em 0.5em; - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - padding: 1em; - list-style: none; - } - main ul.sitemap ul { - list-style: none; - } - main ul.sitemap li a:link { - color: #213175; - } - main ul.sitemap li a:visited { - color: #2865a0; - } - main ul.sitemap li a:active, - main ul.sitemap li a:focus, - main ul.sitemap li a:hover { - color: #084590; - } - main.welcome aside { - /*ul { - margin-top: 0; - }*/ - } - nav.subnav { - display: none; - font-family: 'Text', sans-serif; - font-size: 1.15em; - font-weight: normal; - margin-left: 2em; - padding-top: 1em; - } - nav.subnav ul { - background-color: #f2f2f2; - border-radius: 0.5em; - list-style: none; - padding-left: 0; - } - nav.subnav ul li { - width: 100%; - } - nav.subnav ul li a { - border-radius: 0.5em; - display: block; - line-height: 2em; - padding: 0.2em 1em; - position: relative; - text-decoration: none; - width: 100%; - } - nav.subnav ul li a:link, - nav.subnav ul li a:visited { - color: #4a4a4a; - } - nav.subnav ul li a:active, - nav.subnav ul li a:focus, - nav.subnav ul li a:hover { - background-color: #213175; - color: #ffffff; - } - nav.subnav ul li.active > a { - background-color: #213175; - color: #ffffff; - } - nav.subnav ul li.active ul { - margin-left: 2em; - } - footer { - background-image: -moz-linear-gradient(90deg, #414042 0%, #8a8989 100%); - background-image: -ms-linear-gradient(90deg, #414042 0%, #8a8989 100%); - background-image: -webkit-linear-gradient(90deg, #414042 0%, #8a8989 100%); - background-image: linear-gradient(0deg, #414042 0%, #8a8989 100%); - border-top: 3px solid #959595; - font-size: 1em; - height: 12em; - width: 100%; - position: absolute; - left: 0; - bottom: 0; - } - footer #footer-wrapper { - margin-left: auto; - margin-right: auto; - max-width: 80em; - position: relative; - } - footer #footer-wrapper #breadcrumbs-bottom { - font-size: 1.2em; - padding-top: 1em; - } - footer #footer-wrapper #breadcrumbs-bottom .breadcrumb-prefix { - color: #ffffff; - font-family: 'TextCond', sans-serif; - font-size: 0.9em; - font-variant: small-caps; - margin-right: 0.6em; - padding-top: 0.6em; - } - footer #footer-wrapper #breadcrumbs-bottom ol { - display: inline; - list-style: none; - padding-left: 0; - } - footer #footer-wrapper #breadcrumbs-bottom ol li { - display: inline; - font-family: 'TextCond', sans-serif; - font-size: 0.9em; - padding-left: 0; - } - footer #footer-wrapper #breadcrumbs-bottom ol li a { - text-decoration: none; - } - footer #footer-wrapper #breadcrumbs-bottom ol li a:link, - footer #footer-wrapper #breadcrumbs-bottom ol li a:visited { - color: #ffffff; - } - footer #footer-wrapper #breadcrumbs-bottom ol li a:active, - footer #footer-wrapper #breadcrumbs-bottom ol li a:focus, - footer #footer-wrapper #breadcrumbs-bottom ol li a:hover { - color: #ff9840; - } - footer #footer-wrapper #breadcrumbs-bottom ol li + li::before { - color: #ffffff; - content: "/ "; - padding-left: 0.4em; - padding-right: 0.4em; - } - footer #footer-wrapper div#footer-logo-wrapper { - margin-top: 2em; - } - footer #footer-wrapper div#footer-logo-wrapper a { - text-decoration: none; - } - footer #footer-wrapper div#footer-logo-wrapper a:link img, - footer #footer-wrapper div#footer-logo-wrapper a:visited img { - filter: url(../images/filters.svg#grayscale); - } - footer #footer-wrapper div#footer-logo-wrapper a:active img, - footer #footer-wrapper div#footer-logo-wrapper a:focus img, - footer #footer-wrapper div#footer-logo-wrapper a:hover img { - filter: none; - } - footer #footer-wrapper div#footer-logo-wrapper a img { - max-width: 130px; - } - footer #footer-wrapper ul#footer-links { - list-style: none; - position: absolute; - top: 2em; - right: 0; - } - footer #footer-wrapper ul#footer-links li { - display: inline; - } - footer #footer-wrapper ul#footer-links li a { - background-color: transparent; - font-family: 'TextCond', sans-serif; - font-variant: small-caps; - text-decoration: none; - } - footer #footer-wrapper ul#footer-links li a:link, - footer #footer-wrapper ul#footer-links li a:visited { - color: #ffffff; - } - footer #footer-wrapper ul#footer-links li a:active, - footer #footer-wrapper ul#footer-links li a:focus, - footer #footer-wrapper ul#footer-links li a:hover { - color: #ff9840; - } - footer #footer-wrapper ul#footer-links li:first-child { - margin-right: 0.6em; - } -} -@media screen and (max-width: 350px) { - header .header-logo img { - max-width: 90%; - } -} -@media screen and (max-width: 30em) { - header #shortcuts { - display: none; - } - nav#main-navigation ul { - display: none; - } - div#breadcrumbs-top { - display: none; - } -} -@media screen and (min-width: 60em) { - nav#main-navigation div#nav-wrapper { - display: table; - height: 100%; - margin-left: auto; - margin-right: auto; - padding-bottom: 0; - text-align: center; - vertical-align: middle; - } - nav#main-navigation div#nav-wrapper ul { - display: table-cell; - height: 100%; - vertical-align: middle; - } - nav#main-navigation div#nav-wrapper ul li { - display: table-cell; - height: 100%; - vertical-align: middle; - } - nav#main-navigation div#nav-wrapper ul li.active { - border: none; - } - nav#main-navigation div#nav-wrapper ul ul { - display: none; - } - nav.subnav { - display: block; - } -} -@media screen and (min-width: 64em) { - header #service-panel { - height: 3.3em; - } - header #service-panel #service-panel-wrapper { - display: flex; - } - header #service-panel #service-panel-wrapper div { - padding-top: 0.8em; - } - header #service-panel #service-panel-wrapper div#language-switcher { - flex: 1; - } - header #service-panel #service-panel-wrapper div#language-switcher button { - display: none; - } - header #service-panel #service-panel-wrapper div#language-switcher ul { - background-color: transparent; - display: block; - margin-left: 0; - padding-left: 0; - } - header #service-panel #service-panel-wrapper div#language-switcher ul li { - margin-left: 1em; - } - header #service-panel #service-panel-wrapper div#shortcuts { - flex: 1; - text-align: right; - } - header #service-panel #service-panel-wrapper div#shortcuts button { - display: none; - } - header #service-panel #service-panel-wrapper div#shortcuts ul { - display: block; - margin-right: 0; - padding-right: 0; - } - header #service-panel #service-panel-wrapper div#shortcuts ul li { - margin-right: 1em; - } - header #service-panel #service-panel-wrapper div ul li { - display: inline-block; - } - nav#main-navigation button { - display: none; - } - nav#main-navigation ul { - margin-left: 0; - margin-right: 0; - padding-left: 0; - padding-right: 0; - list-style: none; - } - nav#main-navigation ul li { - display: inline; - } - div#breadcrumbs-top { - font-size: 1em; - padding-left: 0; - } - div#main-wrapper { - display: -webkit-flex; - display: flex; - max-width: 80em; - margin-left: auto; - margin-right: auto; - } - div#main-wrapper main { - -webkit-flex: 3; - flex: 3; - /*max-width: 60em;*/ - /*margin-left: auto;*/ - /*margin-right: auto;*/ - } - div#main-wrapper main div.related-links-file-attachments { - display: -webkit-flex; - display: flex; - } - div#main-wrapper main div.related-links-file-attachments ul { - -webkit-flex: 1; - flex: 1; - } - div#main-wrapper nav.subnav { - -webkit-flex: 1; - flex: 1; - } - main dl.event-details { - -moz-column-count: 2; - -webkit-column-count: 2; - column-count: 2; - } - main div.scipublication div.data { - display: -webkit-flex; - display: flex; - } - main div.scipublication div.data dl { - -webkit-flex: 3; - flex: 3; - -moz-column-count: 2; - -webkit-column-count: 2; - column-count: 2; - } - main div.scipublication div.data div.export-links { - -webkit-flex: 1; - flex: 1; - order: 2; - margin-left: 2em; - } - main.welcome { - display: -webkit-flex; - display: flex; - } - main.welcome div#left { - -webkit-flex: 3; - flex: 3; - } - main.welcome aside { - margin-top: 1em; - margin-left: 2em; - -webkit-flex: 1; - flex: 1; - } -} -@media screen and (max-width: 80em) { - div#breadcrumbs-top { - margin-left: 1em; - margin-right: 1em; - } - div#main-wrapper { - margin-left: 1em; - margin-right: 1em; - } -} -@media print { - div#foundry-debug-panel { - display: none; - } - div#cookie-notice { - display: none; - } - div#service-panel { - display: none; - } - div.header-logo { - margin-left: auto; - margin-right: auto; - text-align: center; - } - div.header-logo p { - color: #1e3175; - font-family: "Title", serif; - font-size: 2.5em; - font-variant: small-caps; - margin: 0 1em 0 0.6em; - text-align: center; - } - div#breadcrumbs-top { - background-color: #f2f2f2; - background-image: url("../images/foil.png"); - font-size: 1.2em; - padding-top: 1em; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper { - margin-left: auto; - margin-right: auto; - max-width: 80em; - padding-bottom: 0.6em; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper .breadcrumb-prefix { - font-family: 'TextCond', sans-serif; - font-size: 0.9em; - font-variant: small-caps; - margin-right: 0.6em; - padding-top: 0.6em; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol { - display: inline; - list-style: none; - padding-left: 0; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li { - display: inline; - font-family: 'TextCond', sans-serif; - font-size: 0.9em; - padding-left: 0; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:link, - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:visited { - color: #337ab7; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:active, - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:focus, - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:hover { - color: #23527c; - } - div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li + li::before { - color: #555555; - content: "/ "; - padding-left: 0.4em; - padding-right: 0.4em; - } - nav { - display: none; - } - footer { - display: none; - } -} diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/aplaws.less b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/aplaws.less index a7609387d..2ac4926fc 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/aplaws.less +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/aplaws.less @@ -1,6 +1,11 @@ +/* + This file contains definitions of parameters which define a graphical variant + of the default libre-blue theme. + See readme for details. +*/ /* - Colour definitions. This is a LESS feature called variables which + Colour definitions. This is a LESS feature called variables which allows you to define commonly used values in a single location. The LESS compiler will replace each use of a variable with the value defined here. */ @@ -19,8 +24,10 @@ @color-footer: #fff; @color-footer-link: @color-footer; @color-footer-link-hover: #ff9840; + /*@color-gradient1: #8191c5;*/ @color-gradient1: #59699d; + @color-gradient2: @color-brand; @color-main-background: #f2f2f2; @color-main-link: @color-nav-background2; @@ -31,8 +38,10 @@ @color-item-list-border: #ddd; @color-nav: #fff; @color-nav-active: #ff9840; + /*@color-nav-background1: @color-brand + #502b1d;*/ @color-nav-background1: #8191c5; + @color-nav-background2: @color-brand; @color-nav-shadow: #4a4a4a; @color-navbar-link: #77767e; @@ -51,4 +60,5 @@ @dim-gradient-light: 5%; @dim-gradient-dark: 100% - @dim-gradient-light; -@import "styles.less"; \ No newline at end of file +/* IMPORTANT! Don't modify unless you what you are doing! */ +@import "less/common-styles.less"; diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/styles.less b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/less/common-styles.less similarity index 51% rename from ccm-ldn-aplaws/web/themes/aplaws-default/styles/styles.less rename to ccm-ldn-aplaws/web/themes/aplaws-default/styles/less/common-styles.less index 59ab6e0cd..1e4575ae2 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/styles.less +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/less/common-styles.less @@ -2,7 +2,7 @@ Font definitions ---------------- -We are using some Webfonts. The fonts are from the Fontsquirrel +We are using some Webfonts. The fonts are from the Fontsquirrel (http://www.fontsquirrel.com/) website. */ @@ -10,9 +10,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'Text'; src: url('../fonts/PTS55F-webfont.eot'); src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/PTS55F-webfont.woff') format('woff'), - url('../fonts/PTS55F-webfont.ttf') format('truetype'), - url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg'); + url('../fonts/PTS55F-webfont.woff') format('woff'), + url('../fonts/PTS55F-webfont.ttf') format('truetype'), + url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg'); font-weight: normal; font-style: normal; } @@ -21,9 +21,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'Text'; src: url('../fonts/PTS56F-webfont.eot'); src: url('../fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/PTS56F-webfont.woff') format('woff'), - url('../fonts/PTS56F-webfont.ttf') format('truetype'), - url('../fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg'); + url('../fonts/PTS56F-webfont.woff') format('woff'), + url('../fonts/PTS56F-webfont.ttf') format('truetype'), + url('../fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg'); font-weight: normal; font-style: italic; } @@ -32,9 +32,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'Text'; src: url('../fonts/PTS75F-webfont.eot'); src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/PTS75F-webfont.woff') format('woff'), - url('../fonts/PTS75F-webfont.ttf') format('truetype'), - url('../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg'); + url('../fonts/PTS75F-webfont.woff') format('woff'), + url('../fonts/PTS75F-webfont.ttf') format('truetype'), + url('../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg'); font-weight: bold; font-style: normal; } @@ -43,9 +43,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'Text'; src: url('../fonts/PTS76F-webfont.eot'); src: url('../fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/PTS76F-webfont.woff') format('woff'), - url('../fonts/PTS76F-webfont.ttf') format('truetype'), - url('../fonts/PTS76F-webfont.svg#pt_sansbold_italic') format('svg'); + url('../fonts/PTS76F-webfont.woff') format('woff'), + url('../fonts/PTS76F-webfont.ttf') format('truetype'), + url('../fonts/PTS76F-webfont.svg#pt_sansbold_italic') format('svg'); font-weight: bold; font-style: italic; } @@ -54,9 +54,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'TextCond'; src: url('../fonts/PTN57F-webfont.eot'); src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/PTN57F-webfont.woff') format('woff'), - url('../fonts/PTN57F-webfont.ttf') format('truetype'), - url('../fonts/PTN57F-webfont.svg#pt_narrowregular') format('svg'); + url('../fonts/PTN57F-webfont.woff') format('woff'), + url('../fonts/PTN57F-webfont.ttf') format('truetype'), + url('../fonts/PTN57F-webfont.svg#pt_narrowregular') format('svg'); font-weight: normal; font-style: normal; } @@ -65,9 +65,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'TextCond'; src: url('../fonts/PTN77F-webfont.eot'); src: url('../fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/PTN77F-webfont.woff') format('woff'), - url('../fonts/PTN77F-webfont.ttf') format('truetype'), - url('../fonts/PTN77F-webfont.svg#pt_narrowbold') format('svg'); + url('../fonts/PTN77F-webfont.woff') format('woff'), + url('../fonts/PTN77F-webfont.ttf') format('truetype'), + url('../fonts/PTN77F-webfont.svg#pt_narrowbold') format('svg'); font-weight: bold; font-style: normal; } @@ -76,9 +76,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'Caption'; src: url('../fonts/PTC55F-webfont.eot'); src: url('../fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/PTC55F-webfont.woff') format('woff'), - url('../fonts/PTC55F-webfont.ttf') format('truetype'), - url('../fonts/PTC55F-webfont.svg#pt_sans_captionregular') format('svg'); + url('../fonts/PTC55F-webfont.woff') format('woff'), + url('../fonts/PTC55F-webfont.ttf') format('truetype'), + url('../fonts/PTC55F-webfont.svg#pt_sans_captionregular') format('svg'); font-weight: normal; font-style: normal; } @@ -87,9 +87,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'Caption'; src: url('../fonts/PTC75F-webfont.eot'); src: url('../fonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/PTC75F-webfont.woff') format('woff'), - url('../fonts/PTC75F-webfont.ttf') format('truetype'), - url('../fonts/PTC75F-webfont.svg#pt_sans_captionbold') format('svg'); + url('../fonts/PTC75F-webfont.woff') format('woff'), + url('../fonts/PTC75F-webfont.ttf') format('truetype'), + url('../fonts/PTC75F-webfont.svg#pt_sans_captionbold') format('svg'); font-weight: normal; font-style: italic; } @@ -99,9 +99,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'Title'; src: url('../fonts/TrajanPro-Regular.eot'); src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'), - url('../fonts/TrajanPro-Regular.woff') format('woff'), - url('../fonts/TrajanPro-Regular.ttf') format('truetype'), - url('../fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg'); + url('../fonts/TrajanPro-Regular.woff') format('woff'), + url('../fonts/TrajanPro-Regular.ttf') format('truetype'), + url('../fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg'); font-weight: normal; font-style: normal; } @@ -111,9 +111,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'Title'; src: url('../fonts/Cinzel-Regular.eot'); src: url('../fonts/Cinzel-Regular.eot?#iefix') format('embedded-opentype'), - url('../fonts/Cinzel-Regular.woff') format('woff'), - url('../fonts/Cinzel-Regular.ttf') format('truetype'), - url('../fonts/Cinzel-Regular.svg#Cinzel-Regular') format('svg'); + url('../fonts/Cinzel-Regular.woff') format('woff'), + url('../fonts/Cinzel-Regular.ttf') format('truetype'), + url('../fonts/Cinzel-Regular.svg#Cinzel-Regular') format('svg'); font-weight: normal; font-style: normal; } @@ -122,9 +122,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel font-family: 'Special'; src: url('../fonts/Georgia-webfont.eot'); src: url('../fonts/Georgia-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/Georgia-webfont.woff') format('woff'), - url('../fonts/Georgia-webfont.ttf') format('truetype'), - url('../fonts/Georgia-webfont.svg#Georgia-webfont') format('svg'); + url('../fonts/Georgia-webfont.woff') format('woff'), + url('../fonts/Georgia-webfont.ttf') format('truetype'), + url('../fonts/Georgia-webfont.svg#Georgia-webfont') format('svg'); font-weight: normal; font-style: normal; } @@ -138,6 +138,11 @@ We are using some Webfonts. The fonts are from the Fontsquirrel @media screen { + * { + box-sizing: border-box; + } + + /* Styles for Screenreaders */ @@ -151,20 +156,12 @@ We are using some Webfonts. The fonts are from the Fontsquirrel */ - - * { - box-sizing: border-box; - } - .hidden.accessibility { - position: absolute; - top: auto; - left: -99999em; - - width: 1px; - height: 1px; - + top : auto; + left : -99999em; + width : 1px; + height : 1px; overflow: hidden; } @@ -172,45 +169,28 @@ We are using some Webfonts. The fonts are from the Fontsquirrel * Mixin class for the gradient. */ .mixin-gradient { - background-image: -ie-linear-gradient( - top, - @color-gradient1 @dim-gradient-light, - @color-gradient2 @dim-gradient-dark); - background-image: -moz-linear-gradient( - top, - @color-gradient1@dim-gradient-light, - @color-gradient2 @dim-gradient-dark); - background-image: -o-linear-gradient( - top, - @color-gradient1@dim-gradient-light, - @color-gradient2 @dim-gradient-dark); - background-image: -webkit-linear-gradient( - top, - @color-gradient1@dim-gradient-light, - @color-gradient2 @dim-gradient-dark); - background-image: linear-gradient( - top, - @color-gradient1@dim-gradient-light, - @color-gradient2 @dim-gradient-dark); + background-image: -ie-linear-gradient(top, @color-gradient1 @dim-gradient-light, @color-gradient2 @dim-gradient-dark); + background-image: -moz-linear-gradient(top, @color-gradient1 @dim-gradient-light, @color-gradient2 @dim-gradient-dark); + background-image: -o-linear-gradient(top, @color-gradient1 @dim-gradient-light, @color-gradient2 @dim-gradient-dark); + background-image: -webkit-linear-gradient(top, @color-gradient1 @dim-gradient-light, @color-gradient2 @dim-gradient-dark); + background-image: linear-gradient(top, @color-gradient1 @dim-gradient-light, @color-gradient2 @dim-gradient-dark); } html { - margin: 0; - + margin : 0; position: relative; } body { - /* - Textured background from subtlepatterns.com - */ + /* Flexbox container for header, nav, breadcrumbs-top, main-wrapper, + and footer (and debug pannel & cookie-notice at top) */ + display: flex; + flex-flow: column nowrap; + min-height:100vh; //necessay to achieve a sticky footer at the bottom + /* Textured background from subtlepatterns.com */ background-image: url("../images/foil.png"); - - margin: 0 0 @dim-footer-height 0; - - min-height: 100%; - - padding: 0; + margin : 0 ; + padding : 0; div#cookie-notice { display: none; @@ -220,100 +200,83 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div#cookie-notice { background-color: #fff; /*background-color: rgba(255,255,255,0.9);*/ - - border: 2px solid @color-nav-background2; - - display: block; - - position: absolute; - left: 0; - top: 0; - - /*height: 4em;*/ - /*width: 100%;*/ - - margin: 0.5em; - - padding: 1em 2em; + border : 2px solid @color-nav-background2; + display : block; + position : absolute; + left : 0; + top : 0; + margin : 0.5em; + padding : 1em 2em; a { - margin-left: 0.5em; - + margin-left : 0.5em; text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } button { background-color: @color-main-background; - - border: 1px solid @color-nav-background2; - border-radius: 0.25em; - - color: @color-nav-background2; - - font-weight: bold; - - margin-left: 0.5em; + border : 1px solid @color-nav-background2; + border-radius : 0.25em; + color : @color-nav-background2; + font-weight : bold; + margin-left : 0.5em; } } } } header { - margin: 0; + /* is a flexbox item of body! */ + + /* header takes the complete width of the viewport without any + restriction. Width restrictions are introduces by inner wrapper */ + background-color: @color-header-background; + margin : 0; padding: 0; - /* - Styles for the blue bar in the header containing the language selector - and the service menu. - */ + /* Styles for the blue bar in the header containing the language selector + * and the service menu. + * Takes the complete width of the viewport to create a blue overall + * background for the bar. + */ #service-panel { - .mixin-gradient(); - - border-top: @dim-header-border-top solid #fff; - - box-shadow: 0 0 20px 0 @color-service-panel-shadow; - - color: @color-service-panel; - - font-family: "TextCond", serif; + box-shadow : 0 0 20px 0 @color-service-panel-shadow; + color : @color-service-panel; + font-family : "TextCond", serif; font-variant: small-caps; - - height: 3.5em + @dim-header-border-top; - - margin: 0; - padding: 0; + height : 2.8em; + margin : 0; + padding : 0; #service-panel-wrapper { - - margin-left: auto; + /* Restricts the width of the service panel bar */ + margin-left : auto; margin-right: auto; - - max-width: @dim-page-width; + max-width : @dim-page-width; div#language-switcher { position: relative; button { background-color: transparent; - - border: 1px solid @color-service-panel; - border-radius: 0.5em; - - color: @color-service-panel; - - font-size: 1.5em; - - margin-top: 0.5em; - margin-left: 0.5em; + border : 1px solid @color-service-panel; + border-radius : 0.5em; + color : @color-service-panel; + font-size : 1.1em; + margin-top : 0.55em; + margin-left : 0.55em; span.fa { margin-right: 0.4em; @@ -321,18 +284,14 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } ul { - display: none; - + display : none; background-color: @color-service-panel-background2; - - z-index: 999; + z-index : 999; } } div#shortcuts { - button { - - } + button {} ul { display: none; @@ -340,11 +299,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } ul { - list-style: none; - - margin: 0; - - padding-left: 1em; + list-style : none; + margin : 0; + padding-left : 1em; padding-right: 1em; li { @@ -352,14 +309,17 @@ We are using some Webfonts. The fonts are from the Fontsquirrel a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { background-color: transparent; - color: @color-service-panel; + color : @color-service-panel; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { background-color: transparent; - color: @color-service-panel-active; + color : @color-service-panel-active; } } } @@ -369,19 +329,15 @@ We are using some Webfonts. The fonts are from the Fontsquirrel .header-logo { background-color: @color-header-background; - margin-left: auto; margin-right: auto; - text-align: center; - img { margin-top: 1em; } p { color: @color-brand-text; - font-family: "Title", serif; font-size: 2.5em; font-variant: small-caps; @@ -395,41 +351,33 @@ We are using some Webfonts. The fonts are from the Fontsquirrel nav#main-navigation { .mixin-gradient(); - - background-color: transparent; - - border: none; - - margin-bottom: 0; - - padding-top: 0; - padding-bottom: 0; - - width: 100%; - /*height: 2.8em;*/ + background-color: transparent; // chrome! + border : none; + margin-bottom : 0; + padding-top : 0; + padding-bottom : 0; + width : 100%; + /* NOTE: Bug (Dec. 2018) + * Chrome, Firefox, iOS, and Android browsers expand the blue navigation + * bar downwards, Safari Mac OSx does not. + */ + min-height : 2.8em !important ; div#nav-wrapper { - margin-left: auto; - margin-right: auto; - - max-width: @dim-page-width; - - padding-bottom: 0.5em; - - text-align: center; + margin-left : auto; + margin-right : auto; + max-width : @dim-page-width; + padding-bottom: 0.0em; + text-align : center; button { background-color: transparent; + border : 1px solid @color-nav; + border-radius : 0.2em; + color : @color-nav; + font-size : 1.9em; + margin-top : 0.20em; - border: 1px solid @color-nav; - border-radius: 0.2em; - - color: @color-nav; - - font-size: 2em; - - margin-top: 0.5em; - margin-left: 0.5em; span.fa { margin-right: 0.4em; @@ -438,25 +386,20 @@ We are using some Webfonts. The fonts are from the Fontsquirrel ul.home-link { li { - border-left: none !important; - border-right: none; - - padding-left: 0.5em; + border-left : none !important; + border-right : none; + padding-left : 0.5em; padding-right: 0.5em; } } ul { - display: none; - - list-style: none; - - margin-top: 0.75em; + display : none; + list-style : none; + margin-top : 0.75em; margin-bottom: 0.75em; - - padding-left: 0; - - text-align: center; + padding-left : 0; + text-align : center; li { border-right: 1px solid @color-gradient2; @@ -465,63 +408,39 @@ We are using some Webfonts. The fonts are from the Fontsquirrel border-left: 1px solid @color-gradient2; } - /*padding: 0.4em 0.9em;*/ - - /*&.active { - border: 1px solid @color-nav-active; - border-radius: 0.5em; - - margin-left: 0.5em; - margin-right: 0.5em; - } - - &.active > a { - - &:link, &:visited { - color: @color-nav-active; - } - - }*/ - - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { /*background-color: transparent;*/ background-color: @color-gradient2; - - color: @color-nav-active; + color : @color-nav-active; } a { - display: block; - - font-family: 'TextCond', sans-serif; - font-size: 1.2em; - font-variant: small-caps; - font-weight: bold; - - /*margin-left: 0.2em;*/ - - /*padding: 0.4em 0.25em;*/ - /*padding: 0.4em 0.9em;*/ - + display : block; + font-family : 'TextCond', sans-serif; + font-size : 1.2em; + font-variant : small-caps; + font-weight : bold; text-decoration: none; + width : 100%; + height : 100%; - width: 100%; - height: 100%; - - &:link, &:visited { + &:link, + &:visited { color: @color-nav; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { /*background-color: transparent;*/ background-color: @color-gradient2; - - color: @color-nav-active; + color : @color-nav-active; } span { display: block; - padding: 0.4em 0.9em; } } @@ -533,60 +452,57 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div#breadcrumbs-top { background-color: @color-main-background; background-image: url("../images/foil.png"); - - font-size: 1.2em; - - padding-top: 1em; + font-size : 1.2em; + padding-top : 1em; + max-width : @dim-page-width; + margin-left : auto; + margin-right : auto; + width: 100%; div#breadcrumbs-top-wrapper { - margin-left: auto; - margin-right: auto; - - max-width: @dim-page-width; - + width: 100%; + margin-left : auto; + margin-right : auto; + max-width : @dim-page-width; padding-bottom: 0.6em; .breadcrumb-prefix { - font-family: 'TextCond', sans-serif; - font-size: 0.9em; + font-family : 'TextCond', sans-serif; + font-size : 0.9em; font-variant: small-caps; - margin-right: 0.6em; - - padding-top: 0.6em; + padding-top : 0.6em; } ol { - display: inline; - - list-style: none; - + display : inline; + list-style : none; padding-left: 0; li { - display: inline; - - font-family: 'TextCond', sans-serif; - font-size: 0.9em; - + display : inline; + font-family : 'TextCond', sans-serif; + font-size : 0.9em; padding-left: 0; a { - &:link, &:visited { + &:link, + &:visited { color: @color-breadcrumb-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-breadcrumb-link-hover; } } } li + li::before { - color: @color-breadcrumb-separator; - content: "/ "; - - padding-left: 0.4em; + color : @color-breadcrumb-separator; + content : "/ "; + padding-left : 0.4em; padding-right: 0.4em; } } @@ -594,40 +510,37 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } div#main-wrapper { - margin-left: 1em; - margin-right: 1em; + /* main-wrapper is flex child of body */ + flex : 1; + width : 100%; + max-width : @dim-page-width; + margin-left : auto; + margin-right: auto; } .mixin-main { background-color: @color-main-background; - - border-radius: 0 0 0.5em 0.5em; - - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - - padding: 1em; + border-radius : 0 0 0.5em 0.5em; + box-shadow : 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); + padding : 1em; } main { article { .mixin-main(); - border-radius: 0.5em; + margin-bottom: 2em; } div.address { - /*.mixin-main();*/ - - font-family: 'Text', sans-serif; - + font-family : 'Text', sans-serif; margin-bottom: 2em; pre.addresstext { font-family: 'Text', sans-serif; - - margin-top: 0; + margin-top : 0; } } @@ -639,7 +552,6 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.service { dl { /*.mixin-main();*/ - font-family: 'text', sans-serif; dt { @@ -647,13 +559,12 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } dd { - margin-left: 0; + margin-left : 0; margin-bottom: 0.5em; &.description-of-minutes { pre { - margin-top: 0; - + margin-top : 0; font-family: 'Test'; } } @@ -661,11 +572,14 @@ We are using some Webfonts. The fonts are from the Fontsquirrel a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -675,17 +589,18 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.bookmark-url { /*.mixin-main();*/ - - font-family: 'Text', sans-serif; - + font-family : 'Text', sans-serif; margin-bottom: 2em; a { - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -698,13 +613,11 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.address { /*.mixin-main();*/ - margin-bottom: 2em; pre.addresstext { font-family: 'Text', sans-serif; - - margin-top: 0; + margin-top : 0; } } } @@ -726,22 +639,18 @@ We are using some Webfonts. The fonts are from the Fontsquirrel input[type="submit"] { background-color: @color-main-background; - - border: 1px solid @color-main-link; - border-radius: 0.3em; - - color: @color-main-link; - - font-weight: bold; - - padding: 0.2em 0.4em; + border : 1px solid @color-main-link; + border-radius : 0.3em; + color : @color-main-link; + font-weight : bold; + padding : 0.2em 0.4em; } input[type="submit"] { - &:focus, &:hover { + &:focus, + &:hover { border-color: @color-main-link-hover; - - color: @color-main-link-hover; + color : @color-main-link-hover; } } @@ -754,18 +663,15 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.formitem { /*.mixin-main();*/ - margin-bottom: 2em; span.label { - display: block; - + display : block; font-weight: bold; } span.label.mandatory::after { - content: "*"; - + content : "*"; font-weight: bold; } } @@ -776,33 +682,31 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.fsi-links { /*.mixin-main();*/ - - margin-top: 2em; + margin-top : 2em; margin-bottom: 2em; - - text-align: center; + text-align : center; a { /*.mixin-main();*/ - - margin-left: 4em; - margin-right: 4em; - - padding-left: 2em; - padding-right: 2em; - + margin-left : 4em; + margin-right : 4em; + padding-left : 2em; + padding-right : 2em; text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } - &.stream::before, - &.download::before { + &.download::before, + &.stream::before { font-family: "FontAwesome"; } @@ -818,39 +722,35 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.government-uid { /*.mixin-main();*/ - margin-bottom: 1em; } div.image { div.image-data { - /*.mixin-main();*/ - - display: -webkit-flex; - display: flex; - + display : -webkit-flex; + display : flex; margin-bottom: 2em; a.thumbnail { -webkit-flex: 1; - flex: 1; - - text-align: center; + flex : 1; + text-align : center; } table { -webkit-flex: 1; - flex: 1; + flex : 1; + border : none; - border: none; - - td, th, tr { + td, + th, + tr { border: none; } th { - text-align: left; + text-align : left; font-weight: bold; } @@ -863,26 +763,21 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.lead { /*.mixin-main();*/ - - font-weight: bold; + font-weight : bold; margin-bottom: 1em; - } - div.lead, div.main { + div.lead, + div.main { font-family: 'Text', sans-serif; } div.main { /*background-color: @color-main-background;*/ - /*border-radius: 0.5em;*/ - /*box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);*/ - margin-bottom: 0; - - padding: 1em; + padding : 1em; :first-child { margin-top: 0; @@ -893,80 +788,34 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } } - div.nav-quicklinks { - .mixin-main(); - - margin-bottom: 2em; - - dl { - dt { - a { - - - font-size: 1.2em; - font-weight: bold; - - text-decoration: none; - - &:link, &:visited { - color: @color-main-link; - } - - &:active, &:focus, &:hover { - color: @color-main-link-hover; - } - } - } - - dd { - margin-top: 0.5em; - margin-left: 0; - - padding-left: 0; - } - } - } - div.news-date { background-color: @color-main-background; - - border: 1px solid @color-nav-background2; - border-radius: 0.4em; - - color: @color-nav-background2; - - float: right; - - font-weight: bold; - - margin: 0.3em; - - padding: 0.5em; + border : 1px solid @color-nav-background2; + border-radius : 0.4em; + color : @color-nav-background2; + float : right; + font-weight : bold; + margin : 0.3em; + padding : 0.5em; } div.notes { - border: thin ridge @color-main-notes-border; + border : thin ridge @color-main-notes-border; border-radius: 0.5em; - - float: right; - - font-size: 0.85em; - - margin: 1em; - - padding: 1em; - - width: 18em; + float : right; + font-size : 0.85em; + margin : 1em; + padding : 1em; + width : 18em; } div.person { div.address { /*.mixin-main();*/ - margin-bottom: 2em; p { - margin-top: 0; + margin-top : 0; margin-bottom: 0; } @@ -979,15 +828,13 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.pressrelease { div.contactinfo { /*.mixin-main();*/ - border-top-left-radius: 0; border-top-left-radius: 0; } div.referencecode { /*.mixin-main();*/ - - margin-top: 1em; + margin-top : 1em; margin-bottom: 2em; } } @@ -996,43 +843,43 @@ We are using some Webfonts. The fonts are from the Fontsquirrel margin-top: 0; ul.related-links { - border-bottom-left-radius: 0.5em; + border-bottom-left-radius : 0.5em; border-bottom-right-radius: 0; } ul.file-attachments { - border-bottom-left-radius: 0; + border-bottom-left-radius : 0; border-bottom-right-radius: 0.5em; } } - div.scipublication, - div.journal { - - div.data { - - } + div.journal, + div.scipublication { + div.data {} dl { /*.mixin-main();*/ dt { - font-weight: bold; + font-weight : bold; margin-bottom: 0.2em; } dd { - margin-left: 0; + margin-left : 0; margin-bottom: 0.7em; a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -1040,32 +887,27 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } div:last-child, - table:last-child, - ul:last-child { + table:last-child, + ul:last-child { margin-bottom: 2em; } div.export-links { - margin-top: 0; h2 { - border-top-left-radius: 0.5em; + border-top-left-radius : 0.5em; border-top-right-radius: 0.5em; - - padding-left: 0.3em; - padding-right: 0.3em; + padding-left : 0.3em; + padding-right : 0.3em; } ul { /*.mixin-main();*/ - - border-top-left-radius: 0; + border-top-left-radius : 0; border-top-right-radius: 0; - - list-style: none; - - text-align: center; + list-style : none; + text-align : center; li { line-height: 1.3em; @@ -1073,11 +915,14 @@ We are using some Webfonts. The fonts are from the Fontsquirrel a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -1091,18 +936,15 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.textinfo { /*.mixin-main();*/ - - border-top-left-radius: 0; + border-top-left-radius : 0; border-top-right-radius: 0; } ul.articles { /*.mixin-main();*/ - - border-top-left-radius: 0; + border-top-left-radius : 0; border-top-right-radius: 0; - - list-style: none; + list-style : none; li { margin-bottom: 0.8em; @@ -1110,13 +952,15 @@ We are using some Webfonts. The fonts are from the Fontsquirrel a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:hover, &:focus { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; - } } } @@ -1128,26 +972,25 @@ We are using some Webfonts. The fonts are from the Fontsquirrel table.library-signatures { /*.mixin-main();*/ - - border-top-left-radius: 0; + border-top-left-radius : 0; border-top-right-radius: 0; - - width: 100%; + width : 100%; tr { - th { - - } + th {} td { a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:hover, &:focus { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -1159,29 +1002,30 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.sciorga { div.tab { /*.mixin-main();*/ - border-top-left-radius: 0; - - margin-bottom: 2em; + margin-bottom : 2em; div.addendum, div.shortdesc { - font-weight: bold; - + font-weight : bold; margin-bottom: 1em; } + div.funding, div.members, - div.scicontact, - div.funding { + div.scicontact { + a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -1197,27 +1041,27 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } h2 { - font-size: 1.5em; - + font-size : 1.5em; margin-bottom: 0.5em; } ul { - list-style: none; - - margin-top: 0; - + list-style : none; + margin-top : 0; padding-left: 0; li { a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -1231,46 +1075,34 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } ul.nav.nav-tabs { - /*background-color: @color-nav-background2; - - border-top-left-radius: 0.5em; - border-top-right-radius: 0.5em;*/ - - list-style: none; - + list-style : none; margin-bottom: 0; - - padding: 0; + padding : 0; li { - background-color: @color-nav-background2; - - border-top-left-radius: 0.5em; + background-color : @color-nav-background2; + border-top-left-radius : 0.5em; border-top-right-radius: 0.5em; - - box-shadow: 0.2em 0 0 0 rgba(0, 0, 0, 0.35); - - display: inline-block; - - margin-left: 0; - margin-right: 0; - + box-shadow : 0.2em 0 0 0 rgba(0, 0, 0, 0.35); + display : inline-block; + margin-left : 0; + margin-right : 0; /*padding: 0.6em 1em;*/ a { - display: inline-block; - - font-weight: bold; - - padding: 0.6em 1em; - + display : inline-block; + font-weight : bold; + padding : 0.6em 1em; text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-nav; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-nav-active; } } @@ -1280,11 +1112,14 @@ We are using some Webfonts. The fonts are from the Fontsquirrel background-color: @color-main-background; a { - &:link, &:visited { + &:link, + &:visited { color: @color-main-link-hover; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -1295,7 +1130,6 @@ We are using some Webfonts. The fonts are from the Fontsquirrel div.series { div.abstract { /*.mixin-main();*/ - margin-bottom: 1em; } @@ -1305,23 +1139,16 @@ We are using some Webfonts. The fonts are from the Fontsquirrel form { background-color: @color-main-background; - - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - - padding: 1em; - - margin-bottom: 0; + box-shadow : 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); + padding : 1em; + margin-bottom : 0; label { - display: block; - + display : block; font-weight: bold; - - margin-top: 0.5em; + margin-top : 0.5em; } } - - } div.service { @@ -1329,7 +1156,6 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } dl.event-details { - /*.mixin-main();*/ dt { @@ -1337,63 +1163,48 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } dd { - margin-left: 0; + margin-left : 0; margin-bottom: 1em; - - padding-left: 0; + padding-left : 0; } } h1 { - color: @color-brand-text; - - font-family: "TextCond", sans-serif; - font-size: 2em; + color : @color-brand-text; + font-family : "TextCond", sans-serif; + font-size : 2em; font-variant: small-caps; - font-weight: normal; - - margin-top: 1em; + font-weight : normal; + margin-top : 1em; } h2 { - font-size: 1.8em; + font-size : 1.8em; font-variant: small-caps; } h2.subheading { .mixin-gradient(); - - background-color: @color-nav-background2; - - border-top-left-radius: 0.5em; + background-color : @color-nav-background2; + border-top-left-radius : 0.5em; border-top-right-radius: 0.5em; - - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0,0,0,0.35); - - clear: both; - - color: @color-nav; - - font-family: 'TextCond'; - font-size: 1.2em; - font-weight: bold; - font-variant: small-caps; - - margin-bottom: 0; - - padding-top: 0.4em; - padding-bottom: 0.4em; - - text-align: center; + box-shadow : 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); + clear : both; + color : @color-nav; + font-family : 'TextCond'; + font-size : 1.2em; + font-weight : bold; + font-variant : small-caps; + margin-bottom : 0; + padding-top : 0.4em; + padding-bottom : 0.4em; + text-align : center; } article h2.subheading { - border-radius: 0.5em; - - box-shadow: none; - - margin-top: 0; + box-shadow : none; + margin-top : 0; margin-bottom: 0.5em; } @@ -1402,46 +1213,39 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } h3 { - font-family: 'TextCond'; - font-size: 1.6em; + font-family : 'TextCond'; + font-size : 1.6em; font-variant: small-caps; } h4 { - font-family: 'TextCond'; - font-size: 1.4em; + font-family : 'TextCond'; + font-size : 1.4em; font-variant: small-caps; - } h5 { - font-family: 'TextCond'; - font-size: 1.2em; + font-family : 'TextCond'; + font-size : 1.2em; font-variant: small-caps; } h6 { - font-family: 'TextCond'; - font-size: 1.0em; + font-family : 'TextCond'; + font-size : 1.0em; font-variant: small-caps; - font-weight: bold; + font-weight : bold; } figure { - margin: 0; - + margin : 0; padding: 0; - figure { - float: left; - - margin: 1em 1.5em 1.5em 1em; - + figure { // figure is supposed to be left aligned! + float : left; + margin : 1.5em 1.5em 1.5em 0em; position: relative; - - width: 150px; - - + width : 150px; } figure + figure { @@ -1451,19 +1255,14 @@ We are using some Webfonts. The fonts are from the Fontsquirrel &.multiple, &.single { a::after { - background-color: rgba(0,0,0,0.5); - - border: 1px solid rgba(0,0,0,0.75); - - color: #fff; - - font-family: "FontAwesome"; - - padding: 0.1em 0.2em;; - - position: absolute; - left: 0; - top: 0; + background-color: rgba(0, 0, 0, 0.5); + border : 1px solid rgba(0, 0, 0, 0.75); + color : #fff; + font-family : "FontAwesome"; + padding : 0.1em 0.2em; + position : absolute; + left : 0; + top : 0; } } @@ -1489,55 +1288,40 @@ We are using some Webfonts. The fonts are from the Fontsquirrel ul.news-list, ul.related-links, ul.file-attachments { - /*background-color: @color-main-background;*/ - /*.mixin-main(); - - border-bottom-left-radius: 0.5em; - border-bottom-right-radius: 0.5em;*/ - - box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); - - list-style: none; - - margin-top: 0; + box-shadow : 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); + list-style : none; + margin-top : 0; margin-bottom: 3em; - - padding-left: 0; - - /*padding: 1em;*/ + padding-left : 0; li { /*position: relative;*/ - background-color: @color-main-background; - - padding: 0.5em; + padding : 0.5em; a { - font-size: 1.2em; - font-weight: bold; - + font-size : 1.2em; + font-weight : bold; text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } .event-date { - border: thin solid @color-brand-text; - - float: left; - - font-weight: bold; - - margin-right: 0.75em; - + border : thin solid @color-brand-text; + float : left; + font-weight : bold; + margin-right : 0.75em; vertical-align: middle; div { @@ -1546,53 +1330,34 @@ We are using some Webfonts. The fonts are from the Fontsquirrel .day { background-color: @color-brand-text; - - color: #fff; - - padding: 0.3em 0.75em 0.1em 0.75em; + color : #fff; + padding : 0.3em 0.75em 0.1em 0.75em; } .month { background-color: #fff; - - color: @color-brand-text; - - padding: 0.1em 0.75em 0.3em 0.75em; + color : @color-brand-text; + padding : 0.1em 0.75em 0.3em 0.75em; } } .lead { background-color: transparent; - - border-radius: 0; - - box-shadow: none; - - padding: 0; - - font-weight: normal; + border-radius : 0; + box-shadow : none; + padding : 0; + font-weight : normal; } .news-date { - border: thin solid @color-brand-text; - border-radius: 0.75em; - - color: @color-brand-text; - - float: right; - - font-weight: bold; - - height: 1.5em; - - line-height: 1em; - - padding: 0.3em 0.75em; - - /*position: absolute; - right: 0; - top: 0.5em;*/ - + border : thin solid @color-brand-text; + border-radius : 0.75em; + color : @color-brand-text; + float : right; + font-weight : bold; + height : 1.5em; + line-height : 1em; + padding : 0.3em 0.75em; vertical-align: middle; } @@ -1601,8 +1366,7 @@ We are using some Webfonts. The fonts are from the Fontsquirrel margin-top: 0.3em; dt { - display: inline-block; - + display : inline-block; font-weight: bold; &::after { @@ -1611,13 +1375,12 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } dd { - display: inline-block; - - margin-left: 0; + display : inline-block; + margin-left : 0; margin-right: 1em; a { - font-size: 1em; + font-size : 1em; font-weight: normal; } } @@ -1651,38 +1414,36 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } } - li:nth-last-child(n+2) { //All but last child - border-bottom: 1px solid #ddd; + li:nth-last-child(n+2) { + //All but last child + border-bottom: 1px solid #ddd; } } ul.mpa-paginator { - - list-style: none; - - text-align: center; - + list-style : none; + text-align : center; margin-bottom: 3em; li { /*.mixin-main();*/ - - display: inline; - - margin-left: 1em; - margin-right: 1em; - - padding-left: 2em; + display : inline; + margin-left : 1em; + margin-right : 1em; + padding-left : 2em; padding-right: 2em; a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } @@ -1692,14 +1453,12 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } &.prev::before { - content: "\f0a8"; - + content : "\f0a8"; margin-right: 0.2em; } &.next::after { - content: "\f0a9"; - + content : "\f0a9"; margin-left: 0.2em; } } @@ -1708,39 +1467,30 @@ We are using some Webfonts. The fonts are from the Fontsquirrel ul.mpa-toc { /*.mixin-main();*/ - /*background-color: @color-nav-background2;*/ - - border-top-left-radius: 0.5em; + border-top-left-radius : 0.5em; border-top-right-radius: 0.5em; - /*box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);*/ - - -moz-column-count: 2; - -webkit-column-count: 2; - column-count: 2; - - list-style: none; - - min-height: 11em; - - /*padding: 1em;*/ + -moz-column-count : 2; + -webkit-column-count : 2; + column-count : 2; + list-style : none; + min-height : 11em; li { - /*display: inline;*/ a { - font-weight: bold; - + font-weight : bold; text-decoration: none; - &:link, &:visited { - /*color: @color-nav;*/ + &:link, + &:visited { color: @color-main-link; } - &:active, &:focus, &:hover { - /*color: @color-nav-active;*/ + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -1748,7 +1498,6 @@ We are using some Webfonts. The fonts are from the Fontsquirrel li.active { a { - /*color: @color-nav-active;*/ color: @color-main-link-hover; } } @@ -1756,7 +1505,6 @@ We are using some Webfonts. The fonts are from the Fontsquirrel ul.sitemap { .mixin-main(); - list-style: none; ul { @@ -1773,7 +1521,9 @@ We are using some Webfonts. The fonts are from the Fontsquirrel color: @color-main-link-visited; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-main-link-hover; } } @@ -1782,168 +1532,199 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } main.welcome { - - aside { - - - /*ul { - margin-top: 0; - }*/ - - } - + aside {} } nav.subnav { - display: none; - + display : none; font-family: 'Text', sans-serif; - font-size: 1.15em; + font-size : 1.15em; font-weight: normal; - margin-left: 2em; - - padding-top: 1em; + padding-top: 0.5em; + padding-bottom: 0.5em; ul { background-color: @color-main-background; - - border-radius: 0.5em; - - list-style: none; - - padding-left: 0; + border : 1px solid @color-brand-text; + border-radius : 0.5em; + color : @color-brand-text; + list-style : none; + padding : 0.6em 0.4em 0.6em 0.4em; li { width: 100%; a { - border-radius: 0.5em; - - display: block; - - line-height: 2em; - - padding: 0.2em 1em; - - position: relative; - + border-radius : 0.5em; + display : block; + line-height : 1.3em; + padding : 0.2em 1em; + position : relative; text-decoration: none; + width : 100%; - width: 100%; - &:link, &:visited { - color: @color-subnav-link; + + &:link, + &:visited { + color: @color-brand-text; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { background-color: @color-subnav-link-hover-background; - color: @color-subnav-link-hover; + color : @color-subnav-link-hover; } - - } } + a::before { + font-family: "FontAwesome"; + font-weight: bold; + margin-right: 0.6em; + content : "\f0a4"; // hand-point-right + } + li.active > a { background-color: @color-subnav-link-hover-background; - color: @color-subnav-link-hover; + color : @color-subnav-link-hover; } li.active ul { margin-left: 2em; } + + } + } + + div.nav-quicklinks { + // nav-quicklinks is a flex item of body + max-width : @dim-page-width; + width : 100%; + margin-top : auto; + margin-bottom: 1em; + margin-right : auto; + margin-left : auto; + .mixin-main(); + padding : 0.0em; + border-top-left-radius : 0.5em; + border-top-right-radius: 0.5em; + + h2.subheading { + .mixin-gradient(); + background-color : @color-nav-background2; + border-top-left-radius : 0.5em; + border-top-right-radius: 0.5em; + box-shadow : 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35); + clear : both; + color : @color-nav; + font-family : "TextCond", sans-serif; + font-size : 1.2em; + font-weight : bold; + font-variant : small-caps; + margin-top : 0em; + margin-bottom : 0; + padding-top : 0.4em; + padding-bottom : 0.4em; + text-align : center; } + dl { + padding : 0 0.4em; + + dt { + a { + font-size : 1.2em; + font-weight : bold; + text-decoration: none; + + &:link, + &:visited { + color: @color-main-link; + } + + &:active, + &:focus, + &:hover { + color: @color-main-link-hover; + } + } + } + + dd { + margin-top : 0.5em; + margin-left : 0; + padding-left: 1.0em; + } + } } footer { - background-image: -moz-linear-gradient( - 90deg, - @color-footer-background1 0%, - @color-footer-background2 100%); - background-image: -ms-linear-gradient( - 90deg, - @color-footer-background1 0%, - @color-footer-background2 100%); - background-image: -webkit-linear-gradient( - 90deg, - @color-footer-background1 0%, - @color-footer-background2 100%); - background-image: linear-gradient( - 0deg, - @color-footer-background1 0%, - @color-footer-background2 100%); + // footer is a flex item of body + margin:auto auto 0 auto; //to achieve a sticky footer at bottom - border-top: 3px solid @color-footer-border; + background-image: -moz-linear-gradient(90deg, @color-footer-background1 0%, @color-footer-background2 100%); + background-image: -ms-linear-gradient(90deg, @color-footer-background1 0%, @color-footer-background2 100%); + background-image: -webkit-linear-gradient(90deg, @color-footer-background1 0%, @color-footer-background2 100%); + background-image: linear-gradient(0deg, @color-footer-background1 0%, @color-footer-background2 100%); - font-size: 1em; - - height: @dim-footer-height; - width: 100%; - - position: absolute; - left: 0; - bottom: 0; + border-top : 3px solid @color-footer-border; + font-size : 1em; + height : @dim-footer-height; + width : 100%; #footer-wrapper { - margin-left: auto; + margin-left : auto; margin-right: auto; - - max-width: @dim-page-width; - - position: relative; + max-width : @dim-page-width; + position : relative; #breadcrumbs-bottom { - font-size: 1.2em; - + font-size : 1.2em; padding-top: 1em; .breadcrumb-prefix { - color: @color-footer; - - font-family: 'TextCond', sans-serif; - font-size: 0.9em; + color : @color-footer; + font-family : 'TextCond', sans-serif; + font-size : 0.9em; font-variant: small-caps; - margin-right: 0.6em; - - padding-top: 0.6em; + padding-top : 0.6em; } ol { - display: inline; - - list-style: none; - + display : inline; + list-style : none; padding-left: 0; li { - display: inline; - - font-family: 'TextCond', sans-serif; - font-size: 0.9em; - + display : inline; + font-family : 'TextCond', sans-serif; + font-size : 0.9em; padding-left: 0; a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { color: @color-footer-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-footer-link-hover; } } } li + li::before { - color: @color-footer; - content: "/ "; - - padding-left: 0.4em; + color : @color-footer; + content : "/ "; + padding-left : 0.4em; padding-right: 0.4em; } } @@ -1955,13 +1736,16 @@ We are using some Webfonts. The fonts are from the Fontsquirrel a { text-decoration: none; - &:link, &:visited { + &:link, + &:visited { img { filter: url(../images/filters.svg#grayscale); } } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { img { filter: none; } @@ -1975,302 +1759,39 @@ We are using some Webfonts. The fonts are from the Fontsquirrel ul#footer-links { list-style: none; - - position: absolute; - top: 2em; - right: 0; + position : absolute; + top : 2em; + right : 0.3em; li { display: inline; + margin-right: 0.6em; a { background-color: transparent; - font-family: 'TextCond', sans-serif; + font-family : 'TextCond', sans-serif; + font-variant : small-caps; + text-decoration : none; - font-variant: small-caps; - - text-decoration: none; - - &:link, &:visited { + &:link, + &:visited { color: @color-footer-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-footer-link-hover; } } } - li:first-child { - margin-right: 0.6em; + li:last-child { + margin-right: 0.0em; } } } } - - @media(max-width: 350px) { - header { - .header-logo img { - max-width: 90%; - } - } - } - - @media(max-width: 30em) { - header { - #shortcuts { - display: none; - } - } - - nav#main-navigation { - ul { - display: none; - } - } - - div#breadcrumbs-top { - display: none; - } - } - - @media(min-width: 60em) { - nav#main-navigation { - - div#nav-wrapper { - display: table; - - height: 100%; - - margin-left: auto; - margin-right: auto; - - padding-bottom: 0; - - text-align: center; - - vertical-align: middle; - - ul { - display: table-cell; - - height: 100%; - - vertical-align: middle; - - li { - display: table-cell; - - height: 100%; - - vertical-align: middle; - - &.active { - border: none; - } - } - - ul { - display: none; - } - } - } - } - - nav.subnav { - display: block; - } - - } - - @media(min-width: 64em) { - header { - #service-panel { - height: 2.8em + @dim-header-border-top; - - #service-panel-wrapper { - display: flex; - - div { - padding-top: 0.8em; - - &#language-switcher { - flex: 1; - - button { - display: none; - } - - ul { - background-color: transparent; - - display: block; - - margin-left: 0; - - padding-left: 0; - - li { - margin-left: 1em; - } - } - } - - &#shortcuts { - flex: 1; - - text-align: right; - - button { - display: none; - } - - ul { - display: block; - - margin-right: 0; - padding-right: 0; - - li { - margin-right: 1em; - } - } - } - - ul { - li { - display: inline-block; - } - } - } - } - } - } - - nav#main-navigation { - button { - display: none; - } - - ul { - margin-left: 0; - margin-right: 0; - - padding-left: 0; - padding-right: 0; - - list-style: none; - - li { - display: inline; - } - } - } - - div#breadcrumbs-top { - - font-size: 1em; - - padding-left: 0; - - } - - div#main-wrapper { - display: -webkit-flex; - display: flex; - - max-width: @dim-page-width; - - margin-left: auto; - margin-right: auto; - - main { - -webkit-flex: 3; - flex: 3; - - /*max-width: 60em;*/ - /*margin-left: auto;*/ - /*margin-right: auto;*/ - - div.related-links-file-attachments { - display: -webkit-flex; - display: flex; - - ul { - -webkit-flex: 1; - flex: 1; - } - } - } - - nav.subnav { - -webkit-flex: 1; - flex: 1; - } - } - - main { - dl.event-details { - -moz-column-count: 2; - -webkit-column-count: 2; - column-count: 2; - } - - div.scipublication { - div.data { - display: -webkit-flex; - display: flex; - - dl { - -webkit-flex: 3; - flex: 3; - - -moz-column-count: 2; - -webkit-column-count: 2; - column-count: 2; - } - - div.export-links { - -webkit-flex: 1; - flex: 1; - order: 2; - - margin-left: 2em; - } - } - } - } - - main.welcome { - display: -webkit-flex; - display: flex; - - div#left { - -webkit-flex: 3; - flex: 3; - } - - aside { - margin-top: 1em; - margin-left: 2em; - - -webkit-flex: 1; - flex :1; - } - } - } - - @media(max-width: @dim-page-width) { - div#breadcrumbs-top { - margin-left: 1em; - margin-right: 1em; - } - - div#main-wrapper { - margin-left: 1em; - margin-right: 1em; - } - } } @media print { @@ -2287,87 +1808,73 @@ We are using some Webfonts. The fonts are from the Fontsquirrel } div.header-logo { - margin-left: auto; + margin-left : auto; margin-right: auto; - - text-align: center; + text-align : center; p { - color: @color-brand-text; - - font-family: "Title", serif; - font-size: 2.5em; + color : @color-brand-text; + font-family : "Title", serif; + font-size : 2.5em; font-variant: small-caps; - - margin: 0 1em 0 0.6em; - - text-align: center; + margin : 0 1em 0 0.6em; + text-align : center; } - } div#breadcrumbs-top { background-color: @color-main-background; background-image: url("../images/foil.png"); - - font-size: 1.2em; - - padding-top: 1em; + font-size : 1.2em; + padding-top : 1em; div#breadcrumbs-top-wrapper { - margin-left: auto; - margin-right: auto; - - max-width: @dim-page-width; - + margin-left : auto; + margin-right : auto; + max-width : @dim-page-width; padding-bottom: 0.6em; .breadcrumb-prefix { - font-family: 'TextCond', sans-serif; - font-size: 0.9em; + font-family : 'TextCond', sans-serif; + font-size : 0.9em; font-variant: small-caps; - margin-right: 0.6em; - - padding-top: 0.6em; + padding-top : 0.6em; } ol { - display: inline; - - list-style: none; - + display : inline; + list-style : none; padding-left: 0; li { - display: inline; - - font-family: 'TextCond', sans-serif; - font-size: 0.9em; - + display : inline; + font-family : 'TextCond', sans-serif; + font-size : 0.9em; padding-left: 0; a { - &:link, &:visited { + &:link, + &:visited { color: @color-breadcrumb-link; } - &:active, &:focus, &:hover { + &:active, + &:focus, + &:hover { color: @color-breadcrumb-link-hover; } } } li + li::before { - color: @color-breadcrumb-separator; - content: "/ "; - - padding-left: 0.4em; + color : @color-breadcrumb-separator; + content : "/ "; + padding-left : 0.4em; padding-right: 0.4em; } } } - } nav { @@ -2378,3 +1885,5 @@ We are using some Webfonts. The fonts are from the Fontsquirrel display: none; } } + +@import "media-breaks.less"; diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/less/media-breaks.less b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/less/media-breaks.less new file mode 100644 index 000000000..1f3cfc0c9 --- /dev/null +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/less/media-breaks.less @@ -0,0 +1,300 @@ +/* Common styles are "mobile first" and arrange the site elements one + * underneath each other and display the mobile navigation and selection + * boxes. */ + +/* For large displays we rearrange a desktop design with 2 columns and + * traditional navigation menue */ +@media(min-width: 780px) { //oder 1024? + + header { + #service-panel { + + #service-panel-wrapper { + display: flex; + + div { + padding-top: 0.8em; + + &#language-switcher { + flex: 1; + + button { + display: none; + } + + ul { + background-color: transparent; + display : block; + margin-left : 0; + padding-left : 0; + + li { + margin-left: 1em; + } + } + } + + &#shortcuts { + flex : 1; + text-align: right; + + button { + display: none; + } + + ul { + display : block; + margin-right : 0; + padding-right: 0; + + li { + margin-right: 1em; + } + } + } + + ul { + li { + display: inline-block; + } + } + } + } + } + } + + nav#main-navigation { + button { + display: none; + } + + div#nav-wrapper { + display : table; + height : 100%; + margin-left : auto; + margin-right : auto; + padding-bottom: 0; + text-align : center; + vertical-align: middle; + + ul { + display : table-cell; + height : 100%; + vertical-align: middle; + + li { + display : table-cell; + height : 100%; + vertical-align: middle; + + &.active { + border: none; + } + } + + ul { //submenu items + display: none; + } + } + } + + ul { // eigentlich ueberfluessig + margin-left : 0; + margin-right : 0; + padding-left : 0; + padding-right: 0; + list-style : none; + + li { + display: inline; + } + } + } + + div#breadcrumbs-top { + font-size : 1em; + padding-left: 0; + } + + div#main-wrapper { + display : -webkit-flex; + display : flex; + max-width : @dim-page-width; + margin-left : auto; + margin-right: auto; + + main { + -webkit-flex: 3; + flex : 3; + /*max-width: 60em;*/ + /*margin-left: auto;*/ + /*margin-right: auto;*/ + div.related-links-file-attachments { + display: -webkit-flex; + display: flex; + + ul { + -webkit-flex: 1; + flex : 1; + } + } + } + + nav.subnav { + -webkit-flex: 1; + flex : 1; + display:block //testweise + } + } + + main { + dl.event-details { + -moz-column-count : 2; + -webkit-column-count: 2; + column-count : 2; + } + + div.scipublication { + div.data { + display: -webkit-flex; + display: flex; + + dl { + -webkit-flex : 3; + flex : 3; + -moz-column-count : 2; + -webkit-column-count: 2; + column-count : 2; + } + + div.export-links { + -webkit-flex: 1; + flex : 1; + order : 2; + margin-left : 2em; + } + } + } + } + + main.welcome { + display: -webkit-flex; + display: flex; + + div#left { + -webkit-flex: 3; + flex : 3; + } + + aside { + margin-top : 1em; + margin-left : 2em; + -webkit-flex: 1; + flex : 1; + } + } +} // media(min-width: 780px) + + + +/* With display width smaller as the @dim-page-width restriction we add a bit + of padding @dim-page-width currently 1280px */ +@media(max-width: @dim-page-width) { + + div#breadcrumbs-top { + padding-left : 0.3em; + padding-right: 0.3em; + } + + div#main-wrapper { + padding-left : 0.3em; + padding-right: 0.3em; + } + + div.nav-quicklinks { + padding-left : +0.3em; + padding-right: +0.3em; + + dl { + padding : +0 +0.3em; + } + } + + footer { + #footer-wrapper { + padding-left : 0.3em; + padding-right: 0.3em; + + #breadcrumbs-bottom { + // margin-left : 1em; + // margin-right: 1em; + } + + div#footer-logo-wrapper { + // margin-left : 1em; + } + + ul#footer-links { + right: 0.3 em; + } + } + + ul#footer-links { + right: 0.3 em; + } + } +} + + +/* mobile displays */ +@media(max-width: 480px) { + + header { + #service-panel { + height: 30%; + + #service-panel-wrapper { + + div#language-switcher { + + button { + font-size : 0.85em; + } + } + } + } + + .header-logo { + height: 60%; + + img { + width: 22%; + } + + p { + display: none; + } + } + //#shortcuts { + // display: none; + //} + } + + nav#main-navigation { + min-height: 30%; + + div#nav-wrapper { + height: 30%; + + button { + font-size : 1.4em; + margin-top : 0.08em; + margin-left : 0.35em; + } + } + } + + div#breadcrumbs-top { + display: none; + } +} diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/styles/style.less b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/style.less new file mode 100644 index 000000000..2fafc5662 --- /dev/null +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/styles/style.less @@ -0,0 +1,17 @@ +/* This file is just a starter for the less compiler. Is is used by the + javascript based onthefly compiler during development as well as the + java based compiler during the theme publication. + + It contains just an import statement which refers to + the less file which defines the file for the selected + theme variant. + + Modify the import statement accordingly! +*/ +// @import "libre-blue.less"; // the default graphical variant + +@import "aplaws.less"; // aplaws project site +// @import "libreccm.less"; // Libre Foundation site +// @import "librecms.less"; // librecms project site +// @import "scicms-def.less"; // ScientificCMS distribution default theme +// @import "scicms.less"; // ScientificCMS project site diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/content-items/sciproject-list.xml b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/content-items/sciproject-list.xml index 9e562654d..c19cccbdf 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/content-items/sciproject-list.xml +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/content-items/sciproject-list.xml @@ -46,12 +46,18 @@
- + + + + + + +
@@ -60,4 +66,4 @@
- \ No newline at end of file + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/fragments/navigation-quick-links.xml b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/fragments/navigation-quick-links.xml index 0d2566fdb..6ad8314f7 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/fragments/navigation-quick-links.xml +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/fragments/navigation-quick-links.xml @@ -1,15 +1,15 @@ - - - + +

page/layout/nav-quicklinks

-
+
@@ -23,6 +23,6 @@
- - + + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/layout.xml b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/layout.xml index a0906f82b..60030bbe8 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/layout.xml +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/layout.xml @@ -1,13 +1,13 @@ - @@ -17,12 +17,12 @@ layout/page/head/title - + - -
- + - - - + - - + +
- + + + + - + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/navigation.xml b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/navigation.xml index 7793d7a69..5af48e5cd 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/navigation.xml +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/navigation.xml @@ -2,64 +2,69 @@ - + - +

- + - - -
    - -
  • - -
    • -     -
- - -
- + - - + - - - + - + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/welcome.xml b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/welcome.xml index 4234dd052..fa9df95c7 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/templates/welcome.xml +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/templates/welcome.xml @@ -2,64 +2,62 @@ - +
- +

- + - - -

- layout/page/main/newsList -

-
    - -
  • - -
    • -     -
- -
- + - - - +
- - - - + - - + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/texts/_README_ b/ccm-ldn-aplaws/web/themes/aplaws-default/texts/_README_ index c12272ac3..96433ed30 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/texts/_README_ +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/texts/_README_ @@ -1 +1,14 @@ -This directory contains static texts in the theme +This directory contains static texts in the theme. + +There are variants for some theme variants: + +An example is global.xml. There are variants available: + +global-libreblue.xml, for the default variant. + +global-aplaws.xml, for aplaws + + +Copy the respective file into its base name, global.xml +(or create a symbolic link it your application containes +supports this). diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/texts/global.xml b/ccm-ldn-aplaws/web/themes/aplaws-default/texts/global.xml index 2690c0cd8..96dcd0f77 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/texts/global.xml +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/texts/global.xml @@ -182,5 +182,5 @@ p.m. p.m. - + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/user/user.xsl b/ccm-ldn-aplaws/web/themes/aplaws-default/user/user.xsl index 1598ed17e..f75b80891 100644 --- a/ccm-ldn-aplaws/web/themes/aplaws-default/user/user.xsl +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/user/user.xsl @@ -4,9 +4,9 @@ ]> - - - - - \ No newline at end of file + + + + + + diff --git a/ccm-ldn-aplaws/web/themes/aplaws-default/user/utils.xsl b/ccm-ldn-aplaws/web/themes/aplaws-default/user/utils.xsl new file mode 100644 index 000000000..f2fc4125a --- /dev/null +++ b/ccm-ldn-aplaws/web/themes/aplaws-default/user/utils.xsl @@ -0,0 +1,53 @@ + + + + +]> + + + + + + + + + + + + + + + + + + + + +