Initial import.
git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portal/liferay62-plugins/d4science-responsive-theme@128706 82a268e6-3cf1-43bd-a215-b396298e98cf
|
@ -0,0 +1,32 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<classpath>
|
||||||
|
<classpathentry kind="src" output="target/classes" path="src/main/java">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="optional" value="true"/>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry excluding="**" kind="src" output="target/classes" path="src/main/resources">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="src" output="target/test-classes" path="src/test/java">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="optional" value="true"/>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
<attribute name="org.eclipse.jst.component.dependency" value="/WEB-INF/lib"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="output" path="target/classes"/>
|
||||||
|
</classpath>
|
|
@ -0,0 +1,42 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<projectDescription>
|
||||||
|
<name>d4science-responsive-theme</name>
|
||||||
|
<comment></comment>
|
||||||
|
<projects>
|
||||||
|
</projects>
|
||||||
|
<buildSpec>
|
||||||
|
<buildCommand>
|
||||||
|
<name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
|
||||||
|
<arguments>
|
||||||
|
</arguments>
|
||||||
|
</buildCommand>
|
||||||
|
<buildCommand>
|
||||||
|
<name>org.eclipse.jdt.core.javabuilder</name>
|
||||||
|
<arguments>
|
||||||
|
</arguments>
|
||||||
|
</buildCommand>
|
||||||
|
<buildCommand>
|
||||||
|
<name>org.eclipse.wst.common.project.facet.core.builder</name>
|
||||||
|
<arguments>
|
||||||
|
</arguments>
|
||||||
|
</buildCommand>
|
||||||
|
<buildCommand>
|
||||||
|
<name>org.eclipse.wst.validation.validationbuilder</name>
|
||||||
|
<arguments>
|
||||||
|
</arguments>
|
||||||
|
</buildCommand>
|
||||||
|
<buildCommand>
|
||||||
|
<name>org.eclipse.m2e.core.maven2Builder</name>
|
||||||
|
<arguments>
|
||||||
|
</arguments>
|
||||||
|
</buildCommand>
|
||||||
|
</buildSpec>
|
||||||
|
<natures>
|
||||||
|
<nature>org.eclipse.jem.workbench.JavaEMFNature</nature>
|
||||||
|
<nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature>
|
||||||
|
<nature>org.eclipse.jdt.core.javanature</nature>
|
||||||
|
<nature>org.eclipse.m2e.core.maven2Nature</nature>
|
||||||
|
<nature>org.eclipse.wst.common.project.facet.core.nature</nature>
|
||||||
|
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
|
||||||
|
</natures>
|
||||||
|
</projectDescription>
|
|
@ -0,0 +1,12 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<classpath>
|
||||||
|
<classpathentry kind="src" path="src/main/webapp"/>
|
||||||
|
<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.JRE_CONTAINER"/>
|
||||||
|
<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.WebProject">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="hide" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.baseBrowserLibrary"/>
|
||||||
|
<classpathentry kind="output" path=""/>
|
||||||
|
</classpath>
|
|
@ -0,0 +1,2 @@
|
||||||
|
eclipse.preferences.version=1
|
||||||
|
encoding//src/main/resources=UTF-8
|
|
@ -0,0 +1,8 @@
|
||||||
|
eclipse.preferences.version=1
|
||||||
|
org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
|
||||||
|
org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.5
|
||||||
|
org.eclipse.jdt.core.compiler.compliance=1.5
|
||||||
|
org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
|
||||||
|
org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
|
||||||
|
org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning
|
||||||
|
org.eclipse.jdt.core.compiler.source=1.5
|
|
@ -0,0 +1,4 @@
|
||||||
|
activeProfiles=Liferay-v6.2-CE-(Tomcat-7)-(2)
|
||||||
|
eclipse.preferences.version=1
|
||||||
|
resolveWorkspaceProjects=true
|
||||||
|
version=1
|
|
@ -0,0 +1,12 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
|
||||||
|
<wb-module deploy-name="d4science-responsive-theme">
|
||||||
|
<wb-resource deploy-path="/" source-path="/target/m2e-wtp/web-resources"/>
|
||||||
|
<wb-resource deploy-path="/" source-path="/target/m2e-liferay/theme-resources"/>
|
||||||
|
<wb-resource deploy-path="/" source-path="/src/main/webapp" tag="defaultRootSource"/>
|
||||||
|
<wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/>
|
||||||
|
<wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/resources"/>
|
||||||
|
<wb-resource deploy-path="/WEB-INF/classes" source-path="/src/test/java"/>
|
||||||
|
<property name="context-root" value="d4science-responsive-theme"/>
|
||||||
|
<property name="java-output-path" value="/d4science-responsive-theme/target/classes"/>
|
||||||
|
</wb-module>
|
||||||
|
</project-modules>
|
|
@ -0,0 +1,8 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<faceted-project>
|
||||||
|
<fixed facet="wst.jsdt.web"/>
|
||||||
|
<installed facet="java" version="1.5"/>
|
||||||
|
<installed facet="jst.web" version="2.4"/>
|
||||||
|
<installed facet="liferay.theme" version="6.0"/>
|
||||||
|
<installed facet="wst.jsdt.web" version="1.0"/>
|
||||||
|
</faceted-project>
|
|
@ -0,0 +1 @@
|
||||||
|
org.eclipse.wst.jsdt.launching.baseBrowserLibrary
|
|
@ -0,0 +1 @@
|
||||||
|
Window
|
|
@ -0,0 +1,2 @@
|
||||||
|
disabled=06target
|
||||||
|
eclipse.preferences.version=1
|
|
@ -0,0 +1,107 @@
|
||||||
|
<?xml version="1.0"?>
|
||||||
|
|
||||||
|
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
|
||||||
|
<modelVersion>4.0.0</modelVersion>
|
||||||
|
<groupId>org.gcube.portal.liferay</groupId>
|
||||||
|
<artifactId>d4science-responsive-theme</artifactId>
|
||||||
|
<packaging>war</packaging>
|
||||||
|
<name>d4science-responsive-theme Theme</name>
|
||||||
|
<version>6.3.0-SNAPSHOT</version>
|
||||||
|
<build>
|
||||||
|
<plugins>
|
||||||
|
<plugin>
|
||||||
|
<groupId>com.liferay.maven.plugins</groupId>
|
||||||
|
<artifactId>liferay-maven-plugin</artifactId>
|
||||||
|
<version>${liferay.maven.plugin.version}</version>
|
||||||
|
<executions>
|
||||||
|
<execution>
|
||||||
|
<phase>generate-sources</phase>
|
||||||
|
<goals>
|
||||||
|
<goal>theme-merge</goal>
|
||||||
|
<goal>build-css</goal>
|
||||||
|
<goal>build-thumbnail</goal>
|
||||||
|
</goals>
|
||||||
|
</execution>
|
||||||
|
</executions>
|
||||||
|
<configuration>
|
||||||
|
<autoDeployDir>${liferay.auto.deploy.dir}</autoDeployDir>
|
||||||
|
<appServerDeployDir>${liferay.app.server.deploy.dir}</appServerDeployDir>
|
||||||
|
<appServerLibGlobalDir>${liferay.app.server.lib.global.dir}</appServerLibGlobalDir>
|
||||||
|
<appServerPortalDir>${liferay.app.server.portal.dir}</appServerPortalDir>
|
||||||
|
<liferayVersion>${liferay.version}</liferayVersion>
|
||||||
|
<parentTheme>${liferay.theme.parent}</parentTheme>
|
||||||
|
<pluginType>theme</pluginType>
|
||||||
|
<themeType>${liferay.theme.type}</themeType>
|
||||||
|
</configuration>
|
||||||
|
</plugin>
|
||||||
|
<plugin>
|
||||||
|
<artifactId>maven-resources-plugin</artifactId>
|
||||||
|
<version>2.5</version>
|
||||||
|
<configuration>
|
||||||
|
<encoding>UTF-8</encoding>
|
||||||
|
</configuration>
|
||||||
|
</plugin>
|
||||||
|
</plugins>
|
||||||
|
</build>
|
||||||
|
<dependencies>
|
||||||
|
<dependency>
|
||||||
|
<groupId>com.liferay.portal</groupId>
|
||||||
|
<artifactId>portal-service</artifactId>
|
||||||
|
<version>${liferay.version}</version>
|
||||||
|
<scope>provided</scope>
|
||||||
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>com.liferay.portal</groupId>
|
||||||
|
<artifactId>util-bridges</artifactId>
|
||||||
|
<version>${liferay.version}</version>
|
||||||
|
<scope>provided</scope>
|
||||||
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>com.liferay.portal</groupId>
|
||||||
|
<artifactId>util-taglib</artifactId>
|
||||||
|
<version>${liferay.version}</version>
|
||||||
|
<scope>provided</scope>
|
||||||
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>com.liferay.portal</groupId>
|
||||||
|
<artifactId>util-java</artifactId>
|
||||||
|
<version>${liferay.version}</version>
|
||||||
|
<scope>provided</scope>
|
||||||
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>javax.portlet</groupId>
|
||||||
|
<artifactId>portlet-api</artifactId>
|
||||||
|
<version>2.0</version>
|
||||||
|
<scope>provided</scope>
|
||||||
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>javax.servlet</groupId>
|
||||||
|
<artifactId>servlet-api</artifactId>
|
||||||
|
<version>2.4</version>
|
||||||
|
<scope>provided</scope>
|
||||||
|
</dependency>
|
||||||
|
<dependency>
|
||||||
|
<groupId>javax.servlet.jsp</groupId>
|
||||||
|
<artifactId>jsp-api</artifactId>
|
||||||
|
<version>2.0</version>
|
||||||
|
<scope>provided</scope>
|
||||||
|
</dependency>
|
||||||
|
</dependencies>
|
||||||
|
<properties>
|
||||||
|
<liferay.theme.parent>classic</liferay.theme.parent>
|
||||||
|
<liferay.theme.type>vm</liferay.theme.type>
|
||||||
|
</properties>
|
||||||
|
<profiles>
|
||||||
|
<profile>
|
||||||
|
<id>Liferay-v6.2-CE-(Tomcat-7)-(2)</id>
|
||||||
|
<properties>
|
||||||
|
<liferay.version>6.2.5</liferay.version>
|
||||||
|
<liferay.maven.plugin.version>6.2.5</liferay.maven.plugin.version>
|
||||||
|
<liferay.auto.deploy.dir>/Users/massi/portal/liferay-portal-6.2-ce-ga6/deploy</liferay.auto.deploy.dir>
|
||||||
|
<liferay.app.server.deploy.dir>/Users/massi/portal/liferay-portal-6.2-ce-ga6/tomcat-7.0.62/webapps</liferay.app.server.deploy.dir>
|
||||||
|
<liferay.app.server.lib.global.dir>/Users/massi/portal/liferay-portal-6.2-ce-ga6/tomcat-7.0.62/lib/ext</liferay.app.server.lib.global.dir>
|
||||||
|
<liferay.app.server.portal.dir>/Users/massi/portal/liferay-portal-6.2-ce-ga6/tomcat-7.0.62/webapps/ROOT</liferay.app.server.portal.dir>
|
||||||
|
</properties>
|
||||||
|
</profile>
|
||||||
|
</profiles>
|
||||||
|
</project>
|
|
@ -0,0 +1,2 @@
|
||||||
|
See http://www.liferay.com/community/wiki/-/wiki/Main/Resources+Importer+Web
|
||||||
|
for more information about the Resources Importer.
|
|
@ -0,0 +1,22 @@
|
||||||
|
{
|
||||||
|
"layouts": [
|
||||||
|
{
|
||||||
|
"columns": [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"portletId": "58"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"portletId": "47"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"friendlyURL": "/home",
|
||||||
|
"name": "Welcome",
|
||||||
|
"title": "Welcome"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"layoutTemplateId": "2_columns_ii"
|
||||||
|
}
|
|
@ -0,0 +1,9 @@
|
||||||
|
<?xml version="1.0"?>
|
||||||
|
<!DOCTYPE look-and-feel PUBLIC "-//Liferay//DTD Look and Feel 6.2.0//EN" "http://www.liferay.com/dtd/liferay-look-and-feel_6_2_0.dtd">
|
||||||
|
|
||||||
|
<look-and-feel>
|
||||||
|
<compatibility>
|
||||||
|
<version>6.2.5+</version>
|
||||||
|
</compatibility>
|
||||||
|
<theme id="d4science-responsive" name="d4science-responsive-theme" />
|
||||||
|
</look-and-feel>
|
|
@ -0,0 +1,9 @@
|
||||||
|
name=d4science-responsive-theme
|
||||||
|
module-group-id=liferay
|
||||||
|
module-incremental-version=1
|
||||||
|
tags=
|
||||||
|
short-description=
|
||||||
|
change-log=
|
||||||
|
page-url=http://www.gcube-system.org
|
||||||
|
author=Massimiliano Assante
|
||||||
|
licenses=EUPL
|
|
@ -0,0 +1,4 @@
|
||||||
|
<?xml version="1.0"?>
|
||||||
|
|
||||||
|
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
|
||||||
|
</web-app>
|
|
@ -0,0 +1,48 @@
|
||||||
|
$gray: #555;
|
||||||
|
$white: #FFF;
|
||||||
|
|
||||||
|
$linkColor: #0AF;
|
||||||
|
$linkColorHover: darken($linkColor, 15%);
|
||||||
|
|
||||||
|
$baseBorderRadius: 2px;
|
||||||
|
$borderRadiusLarge: 3px;
|
||||||
|
$borderRadiusSmall: 2px;
|
||||||
|
|
||||||
|
$btnBackground: #F6F6F6;
|
||||||
|
$btnBackgroundHighlight: #EAEAEA;
|
||||||
|
$btnBorder: #CFCFCF;
|
||||||
|
$btnDangerBackground: #F53924;
|
||||||
|
$btnDangerBackgroundHighlight: #ED2C17;
|
||||||
|
$btnInfoBackground: #00CFFF;
|
||||||
|
$btnInfoBackgroundHighlight: darken($btnInfoBackground, 4%);
|
||||||
|
$btnPrimaryBackground: #54AAFF;
|
||||||
|
$btnPrimaryBackgroundHighlight: #4A96E8;
|
||||||
|
$btnSuccessBackground: #0ECD27;
|
||||||
|
$btnSuccessBackgroundHighlight: #0ABA1D;
|
||||||
|
$btnWarningBackground: #FFA658;
|
||||||
|
$btnWarningBackgroundHighlight: #F49645;
|
||||||
|
|
||||||
|
$dropdownLinkBackgroundActive: lighten($linkColor, 5%);
|
||||||
|
$dropdownLinkBackgroundHover: darken(#3ECAF4, 10%);
|
||||||
|
$dropdownLinkColorActive: $white;
|
||||||
|
|
||||||
|
$navbarBackground: #F3F3F3;
|
||||||
|
$navbarBackgroundHighlight: #F9F9F9;
|
||||||
|
$navbarBorder: #DDDDDD;
|
||||||
|
$navbarLinkBackgroundActive: lighten($navbarBackground, 25%);
|
||||||
|
$navbarLinkColor: $gray;
|
||||||
|
$navbarLinkColorHover: $linkColorHover;
|
||||||
|
$navbarText: $navbarLinkColor;
|
||||||
|
|
||||||
|
$errorBackground: #FEE5E2;
|
||||||
|
$errorBorder: #FCACA5;
|
||||||
|
$errorText: #B50303;
|
||||||
|
$infoBackground: #CEF1FC;
|
||||||
|
$infoBorder: darken($infoBackground, 10%);
|
||||||
|
$infoText: #12718F;
|
||||||
|
$successBackground: #F1FBD1;
|
||||||
|
$successBorder: #BCE830;
|
||||||
|
$successText: #488F06;
|
||||||
|
$warningBackground: #FFFBDC;
|
||||||
|
$warningBorder: #F1D875;
|
||||||
|
$warningText: #BF7900;
|
|
@ -0,0 +1,921 @@
|
||||||
|
/* Author: Massimiliano Assante, ISTI-CNR */
|
||||||
|
/* License: EUPL */
|
||||||
|
|
||||||
|
@import "compass";
|
||||||
|
@import "mixins";
|
||||||
|
|
||||||
|
@import url(custom_common.css);
|
||||||
|
|
||||||
|
$dockbarGradientEnd: #FFF;
|
||||||
|
$dockbarGradientStart: #FFF;
|
||||||
|
|
||||||
|
$dockbarOpenGradientEnd: #0993DD;
|
||||||
|
$dockbarOpenGradientStart: #0EA6F9;
|
||||||
|
|
||||||
|
$navbarGradientStart: #0271BE;
|
||||||
|
$navbarGradientEnd: #0271BE;
|
||||||
|
|
||||||
|
$footerFontColor: #FFF;
|
||||||
|
|
||||||
|
/* --- Custom vars, styles and mixins **/
|
||||||
|
|
||||||
|
@mixin navbarGradient($start, $end) {
|
||||||
|
background: #0271BE;
|
||||||
|
background-image: -moz-linear-gradient(top, $start 0%, $end 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, $start), color-stop(1, $end));
|
||||||
|
background-image: -webkit-linear-gradient(top, $start 0%, $end 100%);
|
||||||
|
background-image: linear-gradient(to bottom, $start 0%, $end 100%);
|
||||||
|
background-image: -ms-linear-gradient(top, $start 0%, $end 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin navbar-border-radius($radius) {
|
||||||
|
-webkit-border-radius: $radius !important;
|
||||||
|
-moz-border-radius: $radius !important;
|
||||||
|
-ms-border-radius: $radius !important;
|
||||||
|
border-radius: $radius !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin portlet-border-radius($radius) {
|
||||||
|
-webkit-border-radius: $radius !important;
|
||||||
|
-moz-border-radius: $radius !important;
|
||||||
|
-ms-border-radius: $radius !important;
|
||||||
|
border-radius: $radius !important;
|
||||||
|
}
|
||||||
|
@mixin navbar-transition($transition...) {
|
||||||
|
-moz-transition: $transition;
|
||||||
|
-o-transition: $transition;
|
||||||
|
-webkit-transition: $transition;
|
||||||
|
transition: $transition;
|
||||||
|
}
|
||||||
|
|
||||||
|
$navbarSelected: #019AD3;
|
||||||
|
$navbarHover: #4CB5D2;
|
||||||
|
$dockbarCustomColor: #FFF;
|
||||||
|
|
||||||
|
body {
|
||||||
|
padding-top: 0px !important;
|
||||||
|
}
|
||||||
|
.aui body {
|
||||||
|
@include respond-to(phone, tablet) {
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
div#wrapper {
|
||||||
|
@include respond-to(desktop) {
|
||||||
|
padding: 2em 3em 0;
|
||||||
|
}
|
||||||
|
background: #EEE url(@theme_image_path@/custom/body_bg.png) center top repeat-x;
|
||||||
|
background-position: 0px -65px;
|
||||||
|
min-height: 750px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aui .row {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header#banner {
|
||||||
|
margin-top: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aui .btn {
|
||||||
|
@include portlet-border-radius(5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aui ul, .aui ol {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
/* For GXT tree compatibility */
|
||||||
|
.aui span.x-tree3-node-text {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
/* end GXT tree compatibility */
|
||||||
|
|
||||||
|
@media (min-width : 1024px) {
|
||||||
|
|
||||||
|
/* For making default portlet padding narrow-er */
|
||||||
|
.aui .row-fluid [class*="span"] {
|
||||||
|
margin-left: 1%;
|
||||||
|
}
|
||||||
|
.aui .row-fluid [class*="span"]:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.aui .row-fluid .span3 {
|
||||||
|
width: 24.2%;
|
||||||
|
}
|
||||||
|
.aui .row-fluid .span4 {
|
||||||
|
width: 33%;
|
||||||
|
}
|
||||||
|
.aui .row-fluid .span5 {
|
||||||
|
width: 41.65%
|
||||||
|
}
|
||||||
|
.aui .row-fluid .span6 {
|
||||||
|
width: 49.5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* useful in phone mode */
|
||||||
|
.aui .dockbar .navbar-inner .container .btn-navbar .user-avatar-image {
|
||||||
|
position: relative;
|
||||||
|
top: 2px;
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
}
|
||||||
|
/* when user is signed out remove the dockbar v space*/
|
||||||
|
body.signed-in {
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.signed-out {
|
||||||
|
div#wrapper {
|
||||||
|
background-position: 0px 0px;
|
||||||
|
}
|
||||||
|
header#banner {
|
||||||
|
margin-top: -15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
div.custom-footer-container a {
|
||||||
|
font: 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
&:hover {
|
||||||
|
color: #FFF;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
&:visited {
|
||||||
|
color: #FFF;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
border-top: 6px solid #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* --- End Custom */
|
||||||
|
|
||||||
|
/* ---------- Base styles ---------- */
|
||||||
|
|
||||||
|
.aui {
|
||||||
|
.separator {
|
||||||
|
border-color: #BFBFBF transparent #FFF;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-title {
|
||||||
|
a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-name {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#skip-to-content:focus {
|
||||||
|
clip: rect(auto auto auto auto);
|
||||||
|
margin-top: 35px;
|
||||||
|
right: 5px;
|
||||||
|
z-index: 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sign-in {
|
||||||
|
background: url(@theme_image_path@/common/key.png) no-repeat 3px 50%;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 5px 5px 5px 25px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: -1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.redirected-to-message {
|
||||||
|
margin-right: 10px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
background: #ECFBFF;
|
||||||
|
border: 1px solid #ADE5FA;
|
||||||
|
color: #8D8D8D;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-navigation {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
|
||||||
|
.lfr-nav-item {
|
||||||
|
span, a {
|
||||||
|
@include ellipsis;
|
||||||
|
|
||||||
|
max-width: 300px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.taglib-portal-message {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Dockbar ---------- */
|
||||||
|
|
||||||
|
.dockbar {
|
||||||
|
&.navbar {
|
||||||
|
.nav {
|
||||||
|
li {
|
||||||
|
&.dropdown {
|
||||||
|
&.active {
|
||||||
|
.dropdown-toggle {
|
||||||
|
color: #999;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.staging-toggle .dropdown-menu {
|
||||||
|
background-color: #55B8EC;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> li {
|
||||||
|
> a {
|
||||||
|
margin: 0 5px 0 0;
|
||||||
|
padding: 6px 10px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #2FA4F5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-button {
|
||||||
|
top: 9px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
margin-top: -4px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.staging-bar {
|
||||||
|
.staging-toggle {
|
||||||
|
color: #FFF;
|
||||||
|
|
||||||
|
li a {
|
||||||
|
color: #FFF;
|
||||||
|
font-weight: 300;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-link {
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-customization-bar .btn {
|
||||||
|
border-color: transparent;
|
||||||
|
|
||||||
|
&:hover, &:focus {
|
||||||
|
background: transparent;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar, .dockbar-split .dockbar {
|
||||||
|
.navbar-inner {
|
||||||
|
background-color: $dockbarGradientStart;
|
||||||
|
|
||||||
|
@include background-image(linear-gradient($dockbarGradientStart 0%, $dockbarGradientStart 47%, $dockbarGradientEnd 100%));
|
||||||
|
background: $dockbarGradientStart url(@theme_image_path@/custom/d4science_32x32.png) no-repeat 50% 50%;
|
||||||
|
|
||||||
|
@include respond-to(phone) {
|
||||||
|
background: $dockbarGradientStart url(@theme_image_path@/custom/d4science_32x32.png) no-repeat 90% 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
> li {
|
||||||
|
background-color: $dockbarGradientStart;
|
||||||
|
|
||||||
|
@include background-image(linear-gradient($dockbarGradientStart 0%, $dockbarGradientStart 47%, $dockbarGradientEnd 100%));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar-split .dockbar {
|
||||||
|
|
||||||
|
.info-button {
|
||||||
|
top: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inner {
|
||||||
|
.nav-account-controls {
|
||||||
|
|
||||||
|
|
||||||
|
&.nav-account-controls-notice {
|
||||||
|
top: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-add-controls {
|
||||||
|
background: transparent;
|
||||||
|
border-top-width: 0;
|
||||||
|
|
||||||
|
&.nav-add-controls-notice {
|
||||||
|
top: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> li {
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
@include background-image(none);
|
||||||
|
|
||||||
|
> a {
|
||||||
|
background: #45CBF5;
|
||||||
|
line-height: inherit;
|
||||||
|
padding: 6px 8px;
|
||||||
|
|
||||||
|
@include respond-to(phone, tablet) {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #5BBAE8;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.toggle-controls-link {
|
||||||
|
background: #92F545;
|
||||||
|
|
||||||
|
@include respond-to(phone, tablet) {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-customization-bar {
|
||||||
|
background-color: #6DA4E4;
|
||||||
|
background-color: rgba(109, 168, 228, 0.9);
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-customization-bar-text {
|
||||||
|
height: 43px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.staging-bar {
|
||||||
|
margin: 6px 0;
|
||||||
|
|
||||||
|
> li {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* Customization dockbar*/
|
||||||
|
.dockbar.navbar-static-top {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 300;
|
||||||
|
@include respond-to(phone,tablet) {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar-split .dockbar .navbar-inner .nav > li > a,
|
||||||
|
.dockbar .navbar-inner .nav > li > a,
|
||||||
|
.dockbar .navbar-inner .nav-collapse > .nav > li > a {
|
||||||
|
color: #999;
|
||||||
|
font-weight: 400;
|
||||||
|
&:hover {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar .navbar-inner .container .btn-navbar {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar.navbar .nav > li > input#searchbox {
|
||||||
|
margin: 8px 0 0;
|
||||||
|
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 200;
|
||||||
|
@include navbar-border-radius(5px);
|
||||||
|
border: 1px solid #cccccc;
|
||||||
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||||
|
@include navbar-transition(border linear 0.2s, box-shadow linear 0.2s);
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
/* when search box is phone or tablet*/
|
||||||
|
span .btn.btn-navbar input#searchbox-phone {
|
||||||
|
width: 148px;
|
||||||
|
@include navbar-border-radius(5px);
|
||||||
|
@include navbar-transition(border linear 0.2s, box-shadow linear 0.2s);
|
||||||
|
}
|
||||||
|
span .btn.btn-navbar input#searchbox-phone {
|
||||||
|
@include navbar-border-radius(5px);
|
||||||
|
@include navbar-transition(border linear 0.2s, box-shadow linear 0.2s);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Main navigation ---------- */
|
||||||
|
|
||||||
|
#navigation {
|
||||||
|
.add-page-editor {
|
||||||
|
input {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand {
|
||||||
|
margin-left: 0;
|
||||||
|
padding: 0 20px 0 0;
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: 40px;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
li {
|
||||||
|
&.dropdown {
|
||||||
|
> .dropdown-toggle {
|
||||||
|
padding-right: 0;
|
||||||
|
|
||||||
|
.caret {
|
||||||
|
border-bottom-color: #FFF;
|
||||||
|
border-top-color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.open {
|
||||||
|
> a {
|
||||||
|
background-color: $navbarHover;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active > a {
|
||||||
|
background-color: $navbarSelected;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> li > a {
|
||||||
|
padding: 8px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
background: $navbarSelected;
|
||||||
|
border-width: 0;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
&:after, &:before {
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #FFF;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: none;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inner {
|
||||||
|
@include navbarGradient($navbarGradientStart, $navbarGradientEnd);
|
||||||
|
@include navbar-border-radius(5px);
|
||||||
|
border-width: 0px;
|
||||||
|
min-height: 36px;
|
||||||
|
|
||||||
|
li a {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-pages {
|
||||||
|
.delete-tab {
|
||||||
|
background: #555;
|
||||||
|
border: 2px solid #FFF;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 16px;
|
||||||
|
padding: 4px;
|
||||||
|
right: -10px;
|
||||||
|
top: 0;
|
||||||
|
z-index: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lfr-nav-item .lfr-nav-child-toggle {
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
|
i {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include respond-to(phone, tablet) {
|
||||||
|
line-height: 1em;
|
||||||
|
padding: 14px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.drag-handle {
|
||||||
|
background-color: rgba(255, 255, 255, 0.75);
|
||||||
|
color: #009AE5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Breadcrumbs ---------- */
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background-color: #FAFAFA;
|
||||||
|
}
|
||||||
|
|
||||||
|
#breadcrumbs {
|
||||||
|
margin-bottom: 45px;
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Portlet wrapper and icons ---------- */
|
||||||
|
|
||||||
|
.portlet {
|
||||||
|
border: 1px solid #e1e8ed;
|
||||||
|
@include portlet-border-radius(6px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-content, .portlet-minimized .portlet-content-container {
|
||||||
|
border-top-width: 0;
|
||||||
|
padding: 12px 10px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-topper {
|
||||||
|
background: #fff;
|
||||||
|
color: #01497C;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
.portlet-title {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 2.2;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
i, span img {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-topper-toolbar {
|
||||||
|
font-size: 0.8em;
|
||||||
|
margin: -10px 0 0;
|
||||||
|
padding: 0;
|
||||||
|
right: 10px;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lfr-configurator-visibility .portlet-topper {
|
||||||
|
background-color: #A9A9A9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signed-in.controls-visible .portlet-title {
|
||||||
|
padding-right: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-asset-publisher .asset-title, .portlet-asset-publisher .header-title, .portlet-asset-publisher li.title-list, .portlet-blogs .entry-title, .portlet-blogs .header-title, .portlet-message-boards .header-title {
|
||||||
|
@include hyphenation;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-asset-publisher .asset-content, .portlet-asset-publisher .asset-summary, .portlet-blogs .entry-body, .portlet-journal-content .journal-content-article, .portlet-message-boards .thread-body {
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-actions {
|
||||||
|
list-style: none;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
float: left;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-icons {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-maximized .portlet-icons {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu > li.portlet-close > a {
|
||||||
|
color: #C00;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
&:focus, &:hover {
|
||||||
|
background-color: #C00;
|
||||||
|
background-image: none;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Set password reminder portlet ---------- */
|
||||||
|
|
||||||
|
.update-reminder-query {
|
||||||
|
.control-group {
|
||||||
|
max-width: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reminder-query-answer {
|
||||||
|
height: 30px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reminder-query-question {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Staging bar ---------- */
|
||||||
|
|
||||||
|
.navbar-inner .nav.staging-bar {
|
||||||
|
border-top-width: 0;
|
||||||
|
position: static;
|
||||||
|
|
||||||
|
li {
|
||||||
|
.page-variations {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 8px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li.dropdown {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-staging-bar {
|
||||||
|
.row-fluid .layout-revision-info {
|
||||||
|
.layout-revision-version {
|
||||||
|
label {
|
||||||
|
color: #B6DDF5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.label-submit {
|
||||||
|
background-color: #469DE3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-branch-selector, .layout-set-branch-selector {
|
||||||
|
.icon-caret-down {
|
||||||
|
background-color: #469DE3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-variations-options, .site-pages-variation-options {
|
||||||
|
.lfr-icon-menu {
|
||||||
|
background-color: #50AFE9;
|
||||||
|
|
||||||
|
.icon-globe, .icon-file {
|
||||||
|
background-color: #469DE3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Footer ---------- */
|
||||||
|
|
||||||
|
.custom-footer-container {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-footer-right {
|
||||||
|
text-align: right;
|
||||||
|
float: right;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-footer {
|
||||||
|
background-color: #555;
|
||||||
|
height: 120px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Hudcrumbs ---------- */
|
||||||
|
|
||||||
|
.lfr-hudcrumbs {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
z-index: 300;
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
background: #414445;
|
||||||
|
background: rgba(0, 0, 0, 0.8);
|
||||||
|
|
||||||
|
li {
|
||||||
|
a, span {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Miscellaneous ---------- */
|
||||||
|
|
||||||
|
.lfr-panel-container {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lfr-portlet-title-editable-content .field {
|
||||||
|
display: inline;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-journal-content .lfr-icon-actions {
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Extras ---------- */
|
||||||
|
|
||||||
|
#navigation {
|
||||||
|
.nav {
|
||||||
|
li {
|
||||||
|
&.open {
|
||||||
|
> a {
|
||||||
|
@include box-shadow(none);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
@include border-radius(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
> .active > a {
|
||||||
|
background-color: $dockbarGradientStart;
|
||||||
|
|
||||||
|
@include background-image(linear-gradient($dockbarGradientStart 0%, $dockbarGradientStart 47%, $dockbarGradientEnd 100%));
|
||||||
|
@include box-shadow(none);
|
||||||
|
@include filter-gradient($dockbarGradientStart, $dockbarGradientEnd, vertical);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inner {
|
||||||
|
@include border-radius(0);
|
||||||
|
@include box-shadow(none);
|
||||||
|
|
||||||
|
li a {
|
||||||
|
@include text-shadow(none);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.update-reminder-query .reminder-query-answer {
|
||||||
|
@include box-sizing(border-box);
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-pages .delete-tab {
|
||||||
|
@include border-radius(50%);
|
||||||
|
@include text-shadow(none);
|
||||||
|
@include transition(opacity 0.3s ease);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include box-shadow(0 1px 1px -1px #000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
%portlet-action-bar-custom {
|
||||||
|
@include border-radius(20px);
|
||||||
|
@include box-shadow(inset 0 1px 3px #000);
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-borderless-bar {
|
||||||
|
@extend %portlet-action-bar-custom;
|
||||||
|
|
||||||
|
.portlet-actions {
|
||||||
|
@include box-shadow(inset 2px 1px 2px #000);
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-title-default {
|
||||||
|
@include box-shadow(inset -2px 1px 2px #000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-content, .portlet-minimized .portlet-content-container {
|
||||||
|
@include border-radius(0 0 3px 3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-content {
|
||||||
|
.lfr-icon-actions {
|
||||||
|
@extend %portlet-action-bar-custom;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-minimized {
|
||||||
|
.portlet-content {
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-topper {
|
||||||
|
@include border-radius(3px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-nested-portlets .portlet-body {
|
||||||
|
.portlet, .portlet-borderless-container {
|
||||||
|
@include box-shadow(none);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-topper {
|
||||||
|
@include border-radius(3px 3px 0 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar .staging-bar .staging-toggle > a {
|
||||||
|
@include border-radius(3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar-split .dockbar {
|
||||||
|
.navbar-inner {
|
||||||
|
@include box-shadow(none);
|
||||||
|
@include text-shadow(none);
|
||||||
|
|
||||||
|
@include respond-to(phone, tablet) {
|
||||||
|
background-color: $dockbarGradientStart;
|
||||||
|
|
||||||
|
@include background-image(linear-gradient($dockbarGradientStart, $dockbarGradientEnd));
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
li.dropdown.open {
|
||||||
|
> .dropdown-toggle {
|
||||||
|
background-color: $dockbarOpenGradientStart;
|
||||||
|
|
||||||
|
@include background-image(linear-gradient($dockbarOpenGradientStart, $dockbarOpenGradientEnd));
|
||||||
|
@include box-shadow(none);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li.dropdown.active {
|
||||||
|
> .staging-link.dropdown-toggle {
|
||||||
|
background-color: #55B8EC;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lfr-hudcrumbs {
|
||||||
|
ul {
|
||||||
|
@include border-top-left-radius(0);
|
||||||
|
@include border-top-right-radius(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb li {
|
||||||
|
a, span {
|
||||||
|
@include text-shadow(-1px -1px #000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- IE8 ---------- */
|
||||||
|
|
||||||
|
&.ie8 {
|
||||||
|
.dockbar-split .dockbar .navbar-inner .info-button a {
|
||||||
|
margin-top: -2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,967 @@
|
||||||
|
@import "aui/alloy-font-awesome/scss/mixins-alloy";
|
||||||
|
@import "aui/alloy-font-awesome/scss/variables";
|
||||||
|
@import "compass";
|
||||||
|
@import "compass/css3/user-interface";
|
||||||
|
@import "mixins";
|
||||||
|
|
||||||
|
@import url(custom_responsive.css);
|
||||||
|
|
||||||
|
.aui {
|
||||||
|
body {
|
||||||
|
color: #555;
|
||||||
|
font-weight: 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #3B5998;
|
||||||
|
font-weight: 200;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #3B5998;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert, .portlet-msg-alert, .portlet-msg-error, .portlet-msg-help, .portlet-msg-info, .portlet-msg-progress, .portlet-msg-success {
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table {
|
||||||
|
font-size: 15px;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
td {
|
||||||
|
background-color: #F9F9F9;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead th {
|
||||||
|
background-color: #F0EFEF;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-sort-liner a {
|
||||||
|
color: #555;
|
||||||
|
font-weight: normal;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-striped tbody > tr:nth-child(odd) {
|
||||||
|
> td, > th {
|
||||||
|
background-color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-hover tbody tr:hover {
|
||||||
|
> td, > th {
|
||||||
|
background-color: #EDF8FD;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea, .uneditable-input {
|
||||||
|
border: 1px solid #DDD;
|
||||||
|
color: #8D8D8D;
|
||||||
|
font-weight: 200;
|
||||||
|
margin-bottom: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="submit"] {
|
||||||
|
margin-bottom: 11px;
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"].search-query {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
color: #555;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
line-height: 27px;
|
||||||
|
}
|
||||||
|
|
||||||
|
select:focus {
|
||||||
|
border: 1px solid rgba(0, 172, 255, 0.8);
|
||||||
|
outline: 5px auto rgba(82, 168, 236, 0.6);
|
||||||
|
outline-offset: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-search, .lfr-translation-manager-selector {
|
||||||
|
.control-group-inline {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-wrapper .btn {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.disabled, .btn[disabled] {
|
||||||
|
@include opacity(0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-link {
|
||||||
|
color: #0078b2;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:focus, &:hover {
|
||||||
|
color: #009AE5;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
> i {
|
||||||
|
height: auto;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.control-group {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
|
.input-resource-wrapper {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lfr-ddm-container, .portlet-staging-bar {
|
||||||
|
.control-group {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include respond-to(phone) {
|
||||||
|
.form-search .input-append {
|
||||||
|
.btn {
|
||||||
|
font-size: 0;
|
||||||
|
padding: 4px 19px 0;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: $search;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
@include icon-FontAwesome();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar .nav > li > a {
|
||||||
|
&:focus, &:hover {
|
||||||
|
color: #009AE5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lfr-tree .tree-node .tree-node-selected .tree-label {
|
||||||
|
background: #E4F5FC;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Main ---------- */
|
||||||
|
|
||||||
|
.previous-level {
|
||||||
|
&:focus {
|
||||||
|
color: #0A68CD;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #8CD3FC;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo, .logo:hover {
|
||||||
|
color: #333;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet, .portlet-borderless-container {
|
||||||
|
background: #FFF;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-title {
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-nested-portlets .portlet-body .portlet {
|
||||||
|
border: 1px solid #E5E5E5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-borderless-container {
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-options {
|
||||||
|
.dropdown-toggle .caret {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Help icon ---------- */
|
||||||
|
|
||||||
|
.taglib-icon-help {
|
||||||
|
img {
|
||||||
|
@include opacity(0.5);
|
||||||
|
|
||||||
|
vertical-align: top;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include opacity(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Dockbar ---------- */
|
||||||
|
|
||||||
|
.dockbar-split {
|
||||||
|
.dockbar {
|
||||||
|
.nav {
|
||||||
|
li.dropdown {
|
||||||
|
> .dropdown-toggle {
|
||||||
|
@extend %dockbar-caret;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.open, &.active, &.open.active {
|
||||||
|
> .dropdown-toggle {
|
||||||
|
background-color: transparent;
|
||||||
|
color: #FFF;
|
||||||
|
|
||||||
|
@extend %dockbar-caret;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inner {
|
||||||
|
background: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.dockbar-ready .dockbar .navbar-inner {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar {
|
||||||
|
&.navbar .navbar-inner {
|
||||||
|
min-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inner {
|
||||||
|
background: #333;
|
||||||
|
|
||||||
|
.container .btn-navbar {
|
||||||
|
color: #FFF;
|
||||||
|
|
||||||
|
.user-avatar-image {
|
||||||
|
position: relative;
|
||||||
|
top: 2px;
|
||||||
|
width: 28px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
> li {
|
||||||
|
> a {
|
||||||
|
color: #FFF;
|
||||||
|
line-height: 31px;
|
||||||
|
|
||||||
|
&:focus, &:hover {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active > a {
|
||||||
|
color: #FFF;
|
||||||
|
|
||||||
|
&, &:hover, &:focus {
|
||||||
|
background: #0066B3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
%dockbar-caret {
|
||||||
|
&, &:hover {
|
||||||
|
.caret {
|
||||||
|
border-bottom-color: #FFF;
|
||||||
|
border-top-color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li.dropdown {
|
||||||
|
> .dropdown-toggle {
|
||||||
|
@extend %dockbar-caret;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.open, &.active, &.open.active {
|
||||||
|
> .dropdown-toggle {
|
||||||
|
background-color: #3EA9DB;
|
||||||
|
color: #FFF;
|
||||||
|
|
||||||
|
@extend %dockbar-caret;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu, .site-administration-menu {
|
||||||
|
background: #009AE5;
|
||||||
|
border-width: 0;
|
||||||
|
left: 0;
|
||||||
|
margin: 0;
|
||||||
|
right: auto;
|
||||||
|
|
||||||
|
> li > a {
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-weight: 300;
|
||||||
|
|
||||||
|
&:focus, &:hover {
|
||||||
|
background: #2FA4F5;
|
||||||
|
@include filter-gradient(#2FA4F5, #2FA4F5, vertical);
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-spacer {
|
||||||
|
margin-right: 17px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li.active > a {
|
||||||
|
background: #3B6DCC;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
max-height: 300px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
&:after, &:before {
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li.dropdown.user-avatar {
|
||||||
|
.dropdown-menu {
|
||||||
|
left: auto;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-account-controls li ul li a:hover i {
|
||||||
|
background-image: none;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider-vertical {
|
||||||
|
border-left-color: #222;
|
||||||
|
border-right-color: #555;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-view-taglib .lfr-header-row-content .select-all-entries {
|
||||||
|
left: 7px;
|
||||||
|
top: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
.btn-group, .navbar-search {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-navbar {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .btn-navbar {
|
||||||
|
background: transparent;
|
||||||
|
border-color: #DDD;
|
||||||
|
|
||||||
|
&:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
|
||||||
|
background-color: #DDD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-bar {
|
||||||
|
background: #656565;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-caret-down {
|
||||||
|
background: #27A7EB;
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
font-size: 14px;
|
||||||
|
height: auto;
|
||||||
|
margin-left: 5px;
|
||||||
|
padding: 1px 4px;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav > li.open > a {
|
||||||
|
background-color: #FFF;
|
||||||
|
color: #555;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-inner {
|
||||||
|
min-height: 47px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Nav#Navigation ---------- */
|
||||||
|
|
||||||
|
.modify-pages .delete-tab {
|
||||||
|
background: #555;
|
||||||
|
border: 2px solid #FFF;
|
||||||
|
color: #FFF;
|
||||||
|
font-size: 16px;
|
||||||
|
padding: 4px;
|
||||||
|
right: -10px;
|
||||||
|
top: 0;
|
||||||
|
z-index: 300;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include box-shadow(0 1px 1px -1px #000)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Breadcrumbs ---------- */
|
||||||
|
|
||||||
|
.breadcrumb {
|
||||||
|
padding: 3px 15px 2px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
a {
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
@include ellipsis;
|
||||||
|
|
||||||
|
line-height: normal;
|
||||||
|
max-width: 300px;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.divider {
|
||||||
|
color: #999;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.last {
|
||||||
|
a {
|
||||||
|
color: #676767;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.divider {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.only .divider {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.breadcrumb-horizontal {
|
||||||
|
@include respond-to(phone) {
|
||||||
|
padding-left: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
&.only, &.first, &.last, &.current-parent {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.breadcrumb-truncate {
|
||||||
|
&.only, &.first a, &.last a, &.active, &.current-parent a {
|
||||||
|
max-width: 65px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.current-parent:before {
|
||||||
|
color: #999;
|
||||||
|
content: ' ... / ';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Form navigator ---------- */
|
||||||
|
|
||||||
|
.taglib-form-navigator > .form-steps > ul.form-navigator.well .tab {
|
||||||
|
&.active {
|
||||||
|
.tab-label {
|
||||||
|
.message {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.number {
|
||||||
|
background: #60BFEF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-icon {
|
||||||
|
color: #60BFEF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.section-error .tab-label .message {
|
||||||
|
color: #B50303;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-label {
|
||||||
|
.message {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.number {
|
||||||
|
background: #CCC;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include respond-to(phone, tablet) {
|
||||||
|
.taglib-form-navigator {
|
||||||
|
.form-navigator-content {
|
||||||
|
clear: both;
|
||||||
|
float: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-navigator.nav.well {
|
||||||
|
border-width: 1px 0 0;
|
||||||
|
|
||||||
|
@include box-shadow(none);
|
||||||
|
|
||||||
|
clear: both;
|
||||||
|
float: none;
|
||||||
|
margin: 1em 0 0;
|
||||||
|
padding: 1em 0.5em;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
> li {
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
> a {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.1em 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nobr {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Hidden accessible ---------- */
|
||||||
|
|
||||||
|
#banner h2, #banner h3, .site-breadcrumbs h1 {
|
||||||
|
clip: rect(0 0 0 0);
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.opens-new-window-accessible {
|
||||||
|
background: url(@theme_image_path@/common/open_window.png) no-repeat 0 50%;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0;
|
||||||
|
height: 11px;
|
||||||
|
margin-left: 2px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-indent: -9999px;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-header {
|
||||||
|
background-color: #E5E5E5;
|
||||||
|
border: solid #DDD;
|
||||||
|
border-width: 1px 0;
|
||||||
|
|
||||||
|
@include ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion .accordion-group {
|
||||||
|
.accordion-heading .accordion-toggle {
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggler-content-expanded {
|
||||||
|
border-width: 1px 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
%toggler-header-icon-base {
|
||||||
|
content: $chevron-sign-right;
|
||||||
|
|
||||||
|
@include icon-FontAwesome();
|
||||||
|
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
%toggler-header-icon-expanded {
|
||||||
|
content: $chevron-sign-down;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion-group {
|
||||||
|
border-width: 0;
|
||||||
|
|
||||||
|
.accordion-heading {
|
||||||
|
background: none no-repeat 0 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.accordion-toggle {
|
||||||
|
&, &:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.toggler-header-collapsed, &.toggler-header-expanded {
|
||||||
|
background-image: none;
|
||||||
|
|
||||||
|
.accordion-toggle:before {
|
||||||
|
@extend %toggler-header-icon-base;
|
||||||
|
|
||||||
|
@include opacity(0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.toggler-header-collapsed {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.accordion-toggle:after {
|
||||||
|
content: '';
|
||||||
|
margin-left: 10px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.toggler-header-expanded .accordion-toggle:before {
|
||||||
|
@extend %toggler-header-icon-expanded;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggler-content-expanded {
|
||||||
|
border: 1px solid $borderColor;
|
||||||
|
|
||||||
|
.accordion-inner {
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.lfr-panel-extended {
|
||||||
|
border-width: 1px;
|
||||||
|
|
||||||
|
.accordion-heading {
|
||||||
|
background: #F2F2F2;
|
||||||
|
overflow: hidden;
|
||||||
|
position: static;
|
||||||
|
|
||||||
|
.accordion-toggle {
|
||||||
|
color: #999;
|
||||||
|
padding-left: 8px;
|
||||||
|
|
||||||
|
&:after, &:before {
|
||||||
|
float: right;
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion-heading .accordion-toggle {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggler-content-collapsed {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.yui3-skin-sam .yui3-widget-mask {
|
||||||
|
background-color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ie {
|
||||||
|
.dockbar, #navigation {
|
||||||
|
.navbar-inner {
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ie6, &.ie7 {
|
||||||
|
.accordion-group .accordion-heading {
|
||||||
|
background: none no-repeat 0 50%;
|
||||||
|
|
||||||
|
&.toggler-header-collapsed {
|
||||||
|
background-image: url(../images/arrows/05_right.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.toggler-header-expanded {
|
||||||
|
background-image: url(../images/arrows/05_down.png);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Side accordion navigations ---------- */
|
||||||
|
|
||||||
|
.add-content-menu, .lfr-edit-layout-panel, .panel-page-menu .portlet-borderless-container {
|
||||||
|
.accordion {
|
||||||
|
background: #FFF;
|
||||||
|
border: solid #D3D3D3;
|
||||||
|
border-width: 0 1px;
|
||||||
|
|
||||||
|
.accordion-group {
|
||||||
|
border-width: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
.accordion-heading {
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
.accordion-toggle {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 300;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion-inner {
|
||||||
|
background: #FCFCFC;
|
||||||
|
border: solid #D3D3D3;
|
||||||
|
border-width: 0 0 1px 0;
|
||||||
|
padding: 6px 0 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggler-header {
|
||||||
|
background: #F2F2F2;
|
||||||
|
border: solid #D3D3D3;
|
||||||
|
border-width: 1px 0;
|
||||||
|
margin-top: -1px;
|
||||||
|
padding: 6px 10px;
|
||||||
|
|
||||||
|
@include user-select(none);
|
||||||
|
|
||||||
|
.accordion-toggle {
|
||||||
|
background: #F2F2F2 url(../images/arrows/13_right.png) no-repeat 100% -20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggler-header-collapsed .accordion-toggle {
|
||||||
|
background-position: 100% 0;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggler-header-expanded .accordion-toggle:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggler-content-expanded {
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lfr-add-panel {
|
||||||
|
.add-content-menu {
|
||||||
|
.lfr-content-item {
|
||||||
|
color: #009AE5;
|
||||||
|
|
||||||
|
&:focus, &:hover {
|
||||||
|
background-color: #E5F5FC;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.lfr-portlet-used {
|
||||||
|
color: #BBB;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lfr-page-template .lfr-page-template-title {
|
||||||
|
&.toggler-header-collapsed, &.toggler-header-expanded {
|
||||||
|
&:before {
|
||||||
|
@extend %toggler-header-icon-base;
|
||||||
|
|
||||||
|
color: #8D8D8D;
|
||||||
|
position: absolute;
|
||||||
|
right: 5px;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.toggler-header-expanded {
|
||||||
|
&:before {
|
||||||
|
@extend %toggler-header-icon-expanded;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
&:before {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lfr-add-panel, .lfr-device-preview-panel, .lfr-edit-layout-panel {
|
||||||
|
&.lfr-admin-panel h1 {
|
||||||
|
color: #009AE5;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 26px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- CKEditor ---------- */
|
||||||
|
|
||||||
|
.html-editor.portlet-message-boards {
|
||||||
|
a {
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Extras ---------- */
|
||||||
|
|
||||||
|
.breadcrumb > li {
|
||||||
|
@include text-shadow(none);
|
||||||
|
}
|
||||||
|
|
||||||
|
.taglib-form-navigator > .form-steps > ul.form-navigator.well .tab {
|
||||||
|
&.section-error, &.section-success {
|
||||||
|
.tab-label .number {
|
||||||
|
@include transition-duration(0.25s);
|
||||||
|
@include transition-property(box-shadow);
|
||||||
|
@include transition-timing-function(ease-out);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.section-error .tab-label .number {
|
||||||
|
@include box-shadow(0 0 5px 0 #B50303);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.section-success .tab-label .number {
|
||||||
|
@include box-shadow(0 0 5px 0 #488F06);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-label {
|
||||||
|
&:hover, &:focus {
|
||||||
|
.number {
|
||||||
|
@include box-shadow(0 0 5px 0 #60BFEF);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.modify-pages .delete-tab {
|
||||||
|
@include border-radius(50%);
|
||||||
|
@include text-shadow(none);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-header {
|
||||||
|
background-color: #FFF;
|
||||||
|
|
||||||
|
@include background-image(linear-gradient(#FFF 0%, #F2F2F2 100%));
|
||||||
|
}
|
||||||
|
|
||||||
|
.portlet-options {
|
||||||
|
&, &.open {
|
||||||
|
.dropdown-toggle {
|
||||||
|
@include box-shadow(none);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table {
|
||||||
|
@include border-radius(5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
input.search-query {
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tagselector-focused .tagselector-content .textboxlistentry-holder {
|
||||||
|
@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6));
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar {
|
||||||
|
.nav {
|
||||||
|
> li {
|
||||||
|
> a {
|
||||||
|
@include text-shadow(none);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li.dropdown {
|
||||||
|
.dropdown-menu {
|
||||||
|
@include border-radius(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .btn, .nav li.dropdown.user-avatar {
|
||||||
|
.user-avatar-image {
|
||||||
|
@include border-radius(50%);
|
||||||
|
@include box-shadow(0 0 0 2px #5594E0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
.container .btn {
|
||||||
|
&, .icon-bar {
|
||||||
|
@include box-shadow(0 1px 0 #FFF);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-caret-down {
|
||||||
|
@include border-radius(50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
> li.open > a {
|
||||||
|
@include box-shadow(inset 0 3px 8px rgba(0, 0, 0, 0.125));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dockbar .container .btn {
|
||||||
|
@include box-shadow(none);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.yui3-skin-sam .yui3-widget-mask {
|
||||||
|
@include opacity(0.8);
|
||||||
|
}
|
||||||
|
}
|
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 54 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 274 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 250 KiB |
After Width: | Height: | Size: 9.9 KiB |
|
@ -0,0 +1,5 @@
|
||||||
|
#* This text, as part of a multi-line comment, is not visible
|
||||||
|
|
||||||
|
#set ($css_class = "${css_class} dockbar-split")
|
||||||
|
|
||||||
|
*#
|
|
@ -0,0 +1,64 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
#parse ($init)
|
||||||
|
|
||||||
|
<html class="$root_css_class" dir="#language ("lang.dir")" lang="$w3c_language_id">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>$the_title - D4Science.org</title>
|
||||||
|
|
||||||
|
<meta content="initial-scale=1.0, width=device-width" name="viewport" />
|
||||||
|
|
||||||
|
$theme.include($top_head_include)
|
||||||
|
<script type="text/javascript" src="$javascript_folder/jquery-1.12.0.min.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="$css_class">
|
||||||
|
|
||||||
|
<a href="#main-content" id="skip-to-content">#language ("skip-to-content")</a>
|
||||||
|
|
||||||
|
$theme.include($body_top_include)
|
||||||
|
|
||||||
|
#if($is_signed_in)
|
||||||
|
#dockbar()
|
||||||
|
#end
|
||||||
|
|
||||||
|
<div class="container-fluid" id="wrapper">
|
||||||
|
<header id="banner" role="banner">
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div id="content">
|
||||||
|
<!-- nav id="breadcrumbs">#breadcrumbs()</nav -->
|
||||||
|
|
||||||
|
#if ($selectable)
|
||||||
|
$theme.include($content_include)
|
||||||
|
#else
|
||||||
|
$portletDisplay.recycle()
|
||||||
|
|
||||||
|
$portletDisplay.setTitle($the_title)
|
||||||
|
|
||||||
|
$theme.wrapPortlet("portlet.vm", $content_include)
|
||||||
|
#end
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="custom-footer">
|
||||||
|
<div class="custom-footer-container">
|
||||||
|
<a target="_blank" href="https://www.d4science.org/contact-us">Contact Us</a> |
|
||||||
|
<a href="/web/guest/terms-of-use">Terms of Use</a> |
|
||||||
|
<a href="/web/guest/cookie-policy">Cookies Policy</a> |
|
||||||
|
<a target="_blank" href="https://www.iubenda.com/privacy-policy/441050">Privacy Policy</a> |
|
||||||
|
<a target="_blank" href="http://www.liferay.com" title="liferay website">Liferay Portal</a> |
|
||||||
|
<a target="_blank" href="http://www.d4science.org">D4Science Org Website</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
$theme.include($body_bottom_include)
|
||||||
|
|
||||||
|
$theme.include($bottom_include)
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
|
@ -0,0 +1,25 @@
|
||||||
|
#set ($portlet_display = $portletDisplay)
|
||||||
|
|
||||||
|
#set ($portlet_id = $htmlUtil.escapeAttribute($portlet_display.getId()))
|
||||||
|
#set ($portlet_title = $htmlUtil.escape($portlet_display.getTitle()))
|
||||||
|
#set ($portlet_back_url = $htmlUtil.escapeHREF($portlet_display.getURLBack()))
|
||||||
|
|
||||||
|
<section class="portlet" id="portlet_$portlet_id">
|
||||||
|
<header class="portlet-topper">
|
||||||
|
<h1 class="portlet-title">
|
||||||
|
$theme.portletIconPortlet() <span class="portlet-title-text">$portlet_title</span>
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<menu class="portlet-topper-toolbar" id="portlet-topper-toolbar_$portlet_id" type="toolbar">
|
||||||
|
#if ($portlet_display.isShowBackIcon())
|
||||||
|
<a class="portlet-icon-back" href="$portlet_back_url">#language ("return-to-full-page")</a>
|
||||||
|
#else
|
||||||
|
$theme.portletIconOptions()
|
||||||
|
#end
|
||||||
|
</menu>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="portlet-content">
|
||||||
|
$portlet_display.writeContent($writer)
|
||||||
|
</div>
|
||||||
|
</section>
|