Skip to content
Snippets Groups Projects
Commit 78834471 authored by Anthony Bretaudeau's avatar Anthony Bretaudeau
Browse files

first import

parents
No related branches found
No related tags found
No related merge requests found
# BIPAA theme for Tripl
Written for use with the ![the official tripal docker image](https://github.com/erasche/docker-tripal)
## Configuration
The theme can be configured using environment variables, which can be configured from the docker-compose.yml file.
```yaml
version: "2"
services:
web:
image: tripal:latest
[...]
environment:
SITE_NAME: "Spodoptera frugiperda" # Set this to the name of the species
ENABLE_BLAST: 1 # 1 to add links to blast form, 0 to disable it
ENABLE_JBROWSE: 1 # 1 to add links to jbrowse, 0 to disable it
ENABLE_APOLLO: 1 # 1 to add links to apollo, 0 to disable it
JBROWSE_LINKS: "SFRU_RICE>rice" # correspondance between contig name prefix and jbrowse dataset id, example: "SFRU_RICE>rice_1;SFRU_CORN>corn_2"
# By default APOLLO_LINKS == JBROWSE_LINKS
APOLLO_LINKS: "SFRU_RICE>rice" # correspondance between contig name prefix and apollo dataset id, example: "SFRU_RICE>rice_1;SFRU_CORN>corn_2"
[...]
```
name = bipaa
description = Theme for BIPAA platform
package = Core
version = VERSION
core = 7.x
stylesheets[all][] = css/style.css
stylesheets[all][] = css/colors.css
stylesheets[print][] = css/print.css
stylesheets[all][] = css/bipaa/css.css
stylesheets[all][] = css/bipaa/genricons.css
stylesheets[all][] = css/bipaa/style.css
scripts[] = js/jquery.js
scripts[] = js/jquery-migrate.js
scripts[] = js/functions.js
scripts[] = js/imagesloaded.js
scripts[] = js/masonry.js
scripts[] = js/jquery_002.js
scripts[] = js/functions_002.js
regions[header] = Header
regions[help] = Help
regions[page_top] = Page top
regions[page_bottom] = Page bottom
regions[highlighted] = Highlighted
regions[featured] = Featured
regions[content] = Content
regions[sidebar_first] = Sidebar first
regions[sidebar_second] = Sidebar second
regions[triptych_first] = Triptych first
regions[triptych_middle] = Triptych middle
regions[triptych_last] = Triptych last
regions[footer_firstcolumn] = Footer first column
regions[footer_secondcolumn] = Footer second column
regions[footer_thirdcolumn] = Footer third column
regions[footer_fourthcolumn] = Footer fourth column
regions[footer] = Footer
settings[shortcut_module_link] = 0
color/base.png

106 B

<?php
// Put the logo path into JavaScript for the live preview.
drupal_add_js(array('color' => array('logo' => theme_get_setting('logo', 'bipaa'))), 'setting');
$info = array(
// Available colors and color labels used in theme.
'fields' => array(
'top' => t('Header top'),
'bottom' => t('Header bottom'),
'bg' => t('Main background'),
'sidebar' => t('Sidebar background'),
'sidebarborders' => t('Sidebar borders'),
'footer' => t('Footer background'),
'titleslogan' => t('Title and slogan'),
'text' => t('Text color'),
'link' => t('Link color'),
),
// Pre-defined color schemes.
'schemes' => array(
'default' => array(
'title' => t('Blue Lagoon (default)'),
'colors' => array(
'top' => '#0779bf',
'bottom' => '#48a9e4',
'bg' => '#ffffff',
'sidebar' => '#f6f6f2',
'sidebarborders' => '#f9f9f9',
'footer' => '#292929',
'titleslogan' => '#fffeff',
'text' => '#3b3b3b',
'link' => '#0071B3',
),
),
'firehouse' => array(
'title' => t('Firehouse'),
'colors' => array(
'top' => '#cd2d2d',
'bottom' => '#cf3535',
'bg' => '#ffffff',
'sidebar' => '#f1f4f0',
'sidebarborders' => '#ededed',
'footer' => '#1f1d1c',
'titleslogan' => '#fffeff',
'text' => '#3b3b3b',
'link' => '#d6121f',
),
),
'ice' => array(
'title' => t('Ice'),
'colors' => array(
'top' => '#d0d0d0',
'bottom' => '#c2c4c5',
'bg' => '#ffffff',
'sidebar' => '#ffffff',
'sidebarborders' => '#cccccc',
'footer' => '#24272c',
'titleslogan' => '#000000',
'text' => '#4a4a4a',
'link' => '#019dbf',
),
),
'plum' => array(
'title' => t('Plum'),
'colors' => array(
'top' => '#4c1c58',
'bottom' => '#593662',
'bg' => '#fffdf7',
'sidebar' => '#edede7',
'sidebarborders' => '#e7e7e7',
'footer' => '#2c2c28',
'titleslogan' => '#ffffff',
'text' => '#301313',
'link' => '#9d408d',
),
),
'slate' => array(
'title' => t('Slate'),
'colors' => array(
'top' => '#4a4a4a',
'bottom' => '#4e4e4e',
'bg' => '#ffffff',
'sidebar' => '#ffffff',
'sidebarborders' => '#d0d0d0',
'footer' => '#161617',
'titleslogan' => '#ffffff',
'text' => '#3b3b3b',
'link' => '#0073b6',
),
),
),
// CSS files (excluding @import) to rewrite with new color scheme.
'css' => array(
'css/colors.css',
),
// Files to copy.
'copy' => array(
'logo.png',
),
// Gradient definitions.
'gradients' => array(
array(
// (x, y, width, height).
'dimension' => array(0, 0, 0, 0),
// Direction of gradient ('vertical' or 'horizontal').
'direction' => 'vertical',
// Keys of colors to use for the gradient.
'colors' => array('top', 'bottom'),
),
),
// Color areas to fill (x, y, width, height).
'fill' => array(),
// Coordinates of all the theme slices (x, y, width, height)
// with their filename as used in the stylesheet.
'slices' => array(),
// Reference color used for blending. Matches the base.png's colors.
'blend_target' => '#ffffff',
// Preview files.
'preview_css' => 'color/preview.css',
'preview_js' => 'color/preview.js',
'preview_html' => 'color/preview.html',
// Base file for image generation.
'base_image' => 'color/base.png',
);
/* ---------- Color form ----------- */
#color_scheme_form #palette .form-item {
width: 25em;
}
#color_scheme_form #palette .form-item label {
width: 15em;
}
/* ---------- Preview Styles ----------- */
html.js #preview {
clear: both;
float: none !important;
}
#preview {
background-color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 1.5;
overflow: hidden;
word-wrap: break-word;
margin-bottom: 10px;
}
#preview-header {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
}
#preview-logo {
float: left;
padding: 15px 15px 15px 10px;
}
#preview-site-name {
color: #686868;
font-weight: normal;
font-size: 1.821em;
line-height: 1;
margin-bottom: 30px;
margin-left: 15px;
padding-top: 34px;
}
#preview-main-menu {
clear: both;
padding: 0 15px 3px;
}
#preview-main-menu-links a {
color: #d9d9d9;
padding: 0.6em 1em 0.4em;
}
#preview-main-menu-links {
font-size: 0.929em;
margin: 0;
padding: 0;
}
#preview-main-menu-links a {
color: #333;
background: #ccc;
background: rgba(255, 255, 255, 0.7);
text-shadow: 0 1px #eee;
-khtml-border-radius-topleft: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
border-top-left-radius: 8px;
-khtml-border-radius-topright: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
border-top-right-radius: 8px;
}
#preview-main-menu-links a:hover,
#preview-main-menu-links a:focus {
background: #fff;
background: rgba(255, 255, 255, 0.95);
}
#preview-main-menu-links a:active {
background: #b3b3b3;
background: rgba(255, 255, 255, 1);
}
#preview-main-menu-links li a.active {
border-bottom: none;
}
#preview-main-menu-links li {
display: inline;
list-style-type: none;
padding: 0.6em 0 0.4em;
}
#preview-sidebar,
#preview-content {
display: inline;
float: left;
position: relative;
}
#preview-sidebar {
margin-left: 15px;
width: 210px;
}
#preview-content {
margin-left: 30px;
width: 26.5em;
}
#preview-sidebar .preview-block {
border: 1px solid;
margin: 20px 0;
padding: 15px 20px;
}
#preview-sidebar h2 {
border-bottom: 1px solid #d6d6d6;
font-size: 1.071em;
font-weight: normal;
line-height: 1.2;
margin: 0 0 0.5em;
padding-bottom: 5px;
text-shadow: 0 1px 0 #fff;
}
#preview .preview-block .preview-content {
margin-top: 1em;
}
#preview .preview-block-menu .preview-content,
#preview .preview-block-menu .preview-content ul {
margin-top: 0;
}
#preview-main {
margin-bottom: 40px;
margin-top: 20px;
}
#preview-page-title {
font-size: 2em;
font-weight: normal;
line-height: 1;
margin: 1em 0 0.5em;
}
#preview-footer-wrapper {
color: #c0c0c0;
color: rgba(255, 255, 255, 0.65);
display: block !important;
font-size: 0.857em;
padding: 20px 20px 25px;
}
#preview-footer-wrapper a {
color: #fcfcfc;
color: rgba(255, 255, 255, 0.8);
}
#preview-footer-wrapper a:hover,
#preview-footer-wrapper a:focus {
color: #fefefe;
color: rgba(255, 255, 255, 0.95);
text-decoration: underline;
}
#preview-footer-wrapper .preview-footer-column {
display: inline;
float: left;
padding: 0 10px;
position: relative;
width: 220px;
}
#preview-footer-wrapper .preview-block {
border: 1px solid #444;
border-color: rgba(255, 255, 255, 0.1);
margin: 20px 0;
padding: 10px;
}
#preview-footer-columns .preview-block-menu {
border: none;
margin: 0;
padding: 0;
}
#preview-footer-columns h2 {
border-bottom: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
font-size: 1em;
margin-bottom: 0;
padding-bottom: 3px;
text-transform: uppercase;
}
#preview-footer-columns .preview-content {
margin-top: 0;
}
#preview-footer-columns .preview-content ul {
margin-left: 0;
padding-left: 0;
}
#preview-footer-columns .preview-content li {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#preview-footer-columns .preview-content li a {
border-bottom: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
display: block;
line-height: 1.2;
padding: 0.8em 2px 0.8em 20px;
text-indent: -15px;
}
#preview-footer-columns .preview-content li a:hover,
#preview-footer-columns .preview-content li a:focus {
background-color: #1f1f21;
background-color: rgba(255, 255, 255, 0.05);
text-decoration: none;
}
<div id="preview">
<div id="preview-header">
<div id="preview-logo"><img src="../../../themes/bipaa/logo.png" alt="Site Logo" /></div>
<div id="preview-site-name">Bipaa</div>
<div id="preview-main-menu">
<ul id="preview-main-menu-links">
<li><a>Home</a></li>
<li><a>Te Quidne</a></li>
<li><a>Vel Torqueo Quae Erat</a></li>
</ul>
</div>
</div>
<div id="preview-main" class="clearfix">
<div id="preview-sidebar">
<div id="preview-block" class="preview-block">
<h2>Etiam est risus</h2>
<div class="preview-content">
Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
Laboris nisi ut aliquip ex ea.
</div>
</div>
</div>
<div id="preview-content">
<h1 id="preview-page-title">Lorem ipsum dolor</h1>
<div id="preview-node">
<div class="preview-content">
Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
commodo consequat. Maecenas id porttitor Ut enim ad minim veniam, quis nostr udfelis.
</div>
</div>
</div>
</div>
<div id="preview-footer-wrapper">
<div id="preview-footer-columns" class="clearfix">
<div class="preview-footer-column">
<div class="preview-block">
<h2>Etiam est risus</h2>
<div class="content">
Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
Laboris nisi ut aliquip ex ea.
</div>
</div>
</div>
<div class="preview-footer-column">
<div class="preview-block preview-block-menu">
<h2>Erisus dolor</h2>
<div class="preview-content">
<ul>
<li><a>Donec placerat</a></li>
<li><a>Nullam nibh dolor</a></li>
<li><a>Blandit sed</a></li>
<li><a>Fermentum id</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
(function ($) {
Drupal.color = {
logoChanged: false,
callback: function(context, settings, form, farb, height, width) {
// Change the logo to be the real one.
if (!this.logoChanged) {
$('#preview #preview-logo img').attr('src', Drupal.settings.color.logo);
this.logoChanged = true;
}
// Remove the logo if the setting is toggled off.
if (Drupal.settings.color.logo == null) {
$('div').remove('#preview-logo');
}
// Solid background.
$('#preview', form).css('backgroundColor', $('#palette input[name="palette[bg]"]', form).val());
// Text preview.
$('#preview #preview-main h2, #preview .preview-content', form).css('color', $('#palette input[name="palette[text]"]', form).val());
$('#preview #preview-content a', form).css('color', $('#palette input[name="palette[link]"]', form).val());
// Sidebar block.
$('#preview #preview-sidebar #preview-block', form).css('background-color', $('#palette input[name="palette[sidebar]"]', form).val());
$('#preview #preview-sidebar #preview-block', form).css('border-color', $('#palette input[name="palette[sidebarborders]"]', form).val());
// Footer wrapper background.
$('#preview #preview-footer-wrapper', form).css('background-color', $('#palette input[name="palette[footer]"]', form).val());
// CSS3 Gradients.
var gradient_start = $('#palette input[name="palette[top]"]', form).val();
var gradient_end = $('#palette input[name="palette[bottom]"]', form).val();
$('#preview #preview-header', form).attr('style', "background-color: " + gradient_start + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_start + "), to(" + gradient_end + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_start + ", " + gradient_end + ");");
$('#preview #preview-site-name', form).css('color', $('#palette input[name="palette[titleslogan]"]', form).val());
}
};
})(jQuery);
color/preview.png

106 B

/* latin-ext */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
src: local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v9/Qt2dUzVlMd1bCOcZXl06LPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 400;
src: local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v9/zfs6I-5mjWQ3nxqccMoL2A.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 700;
src: local('Bitter-Bold'), url(https://fonts.gstatic.com/s/bitter/v9/JGVZEP92dXgoQBG1CnQcfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 700;
src: local('Bitter-Bold'), url(https://fonts.gstatic.com/s/bitter/v9/evC1haE-MsorTl_A7_uSGVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGD_j0nMiB9fPhg_k1wdK2h0.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDRVvBvQIc1z78c__uoBcyI.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGOode0-EuMkY--TSyExeINg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDovqjS_dXPZszO_XltPdNg.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFxe-GPfKKFmiXaJ_Q0GFr8.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGEo0As1BFRXtCDhS66znb_k.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6E78GtRp3lhchupCJNw8t58.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Lpx497t94oDua8KfAL9f-E.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6MAjkyiewWYrWZc50I8hK7I.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM7YHq4FgHI02B8rPccK0FJQ.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM40tgx99jmYGv_xzYuwd1rU.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMxgy2Fsj5sj3EzlXpqVXRKo.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 700;
src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6J-EY3txTwhUdSs_eHhDaJM.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 700;
src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Kr3NmSntz3GE6rIpxOPZGY.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 700;
src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Nnl6YROR5rHLkdLoHwoOWA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
This diff is collapsed.
/*
Styles for older IE versions (previous to IE9).
*/
.genericon:before:hover,
.menu-toggle:after:hover,
.date a:before:hover,
.entry-meta .author a:before:hover,
.format-audio .entry-content:before:hover,
.comments-link a:before:hover,
.tags-links a:first-child:before:hover,
.categories-links a:first-child:before:hover,
.edit-link > a:before:hover,
.attachment-meta:before:hover,
.attachment-meta a:before:hover,
.comment-awaiting-moderation:before:hover,
.comment-reply-link:before:hover,
.comment-reply-title small a:before:hover,
.bypostauthor > .comment-body .fn:before:hover {
text-decoration: none;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
left: 100%;
}
.site-header .home-link {
max-width: 1040px;
}
.site-header .search-form [type="search"],
.site-header .search-form [type="text"] {
padding-top: 6px;
}
img.alignright {
margin-right: 0;
}
img.alignleft {
margin-left: 0;
}
.site-main .sidebar-inner {
width: 1040px;
}
.site-main .widget-area {
margin-right: 60px;
}
.format-image .entry-content .size-full {
margin: 0;
max-width: 604px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
max-width: none;
}
.gallery img {
width: auto;
}
.gallery-caption {
background: #000;
filter: alpha(opacity=0);
}
.gallery-item:hover .gallery-caption {
filter: alpha(opacity=70);
}
.comment {
clear: both;
}
.comment-meta,
.comment-content,
.comment-list .reply {
width: 480px;
}
.depth-2 .comment-meta,
.depth-2 .comment-content,
.comment-list .depth-2 .reply {
width: 460px;
}
.depth-3 .comment-meta,
.depth-3 .comment-content,
.comment-list .depth-3 .reply {
width: 440px;
}
.depth-4 .comment-meta,
.depth-4 .comment-content,
.comment-list .depth-4 .reply {
width: 420px;
}
.depth-5 .comment-meta,
.depth-5 .comment-content,
.comment-list .depth-5 .reply {
width: 400px;
}
.comment-meta {
margin-bottom: 0;
}
.widget {
background: #f7f5e7;
}
.site-footer .widget {
background: none;
}
/* Internet Explorer 8 */
.ie8 .site {
border: 0;
}
.ie8 img.size-full,
.ie8 img.size-large {
height: auto;
width: auto;
}
.ie8 .sidebar .entry-header,
.ie8 .sidebar .entry-content,
.ie8 .sidebar .entry-summary,
.ie8 .sidebar .entry-meta {
max-width: 724px;
}
.ie8 .author-info {
margin-left: 0;
}
.ie8 .paging-navigation .nav-previous .meta-nav {
padding: 5px 0 8px;
width: 40px;
}
.ie8 .paging-navigation .nav-next {
line-height: 1;
}
.ie8 .format-status .entry-content:before,
.ie8 .format-status .entry-meta:before {
content: none;
}
.ie8 .site-main .widget-area {
margin-right: 0;
}
/* Internet Explorer 7 */
.ie7 audio,
.ie7 canvas,
.ie7 video {
display: inline;
zoom: 1;
}
.ie7 legend {
margin-left: -7px;
}
.ie7 button,
.ie7 input,
.ie7 select,
.ie7 textarea {
vertical-align: middle;
}
.ie7 button,
.ie7 input[type="button"],
.ie7 input[type="reset"],
.ie7 input[type="submit"] {
overflow: visible;
}
.ie7 input[type="checkbox"],
.ie7 input[type="radio"] {
height: 13px;
width: 13px;
}
.ie7 .screen-reader-text {
clip: rect(1px 1px 1px 1px);
}
.ie7 .site-header {
position: relative;
z-index: 1;
}
.ie7 .main-navigation {
max-width: 930px;
padding-right: 150px;
}
.ie7 .nav-menu li a,
.ie7 .nav-menu li {
display: block;
float: left;
}
.ie7 .nav-menu ul {
top: 40px;
}
.ie7 .nav-menu .sub-menu,
.ie7 .nav-menu .children {
display: none;
overflow: visible;
}
.ie7 ul.nav-menu li:hover > ul,
.ie7 .nav-menu ul li:hover > ul {
display: block;
}
.ie7 .site-header .search-form [type="search"],
.ie7 .site-header .search-form [type="text"] {
background-color: #fff;
border: 2px solid #c3c0ab;
cursor: text;
height: 28px;
outline: 0;
width: 150px;
}
.ie7 .entry-header,
.ie7 .entry-content,
.ie7 .entry-summary,
.ie7 .entry-meta {
width: 604px;
}
.ie7 .format-status .entry-content,
.ie7 .format-status .entry-meta {
padding-left: 60px;
}
.ie7 .sidebar .format-status .entry-content,
.ie7 .sidebar .format-status .entry-meta {
padding-left: 60px;
}
.ie7 .sidebar .post-navigation .nav-links,
.ie7 .sidebar .paging-navigation .nav-links {
width: 604px;
}
.ie7 .paging-navigation .meta-nav {
padding: 0 0 10px;
vertical-align: middle;
width: 40px;
}
.ie7 .comments-title,
.ie7 .comment-list,
.ie7 .comment-reply-title,
.ie7 .comment-respond .comment-form {
width: 604px;
}
.ie7 .site-footer .widget-area {
max-width: none;
left: auto;
}
/* RTL for Internet Explorer 7 & 8 */
.rtl .format-audio .entry-content:before,
.rtl .comment-reply-link:before,
.rtl .comment-reply-login:before {
-ms-filter: "FlipH";
filter: FlipH;
}
This diff is collapsed.
/* ---------- Color Module Styles ----------- */
body,
body.overlay {
color: #3b3b3b;
}
.comment .comment-arrow {
border-color: #ffffff;
}
#page,
#main-wrapper,
#main-menu-links li a.active,
#main-menu-links li.active-trail a {
background: #ffffff;
}
.tabs ul.primary li a.active {
background-color: #ffffff;
}
.tabs ul.primary li.active a {
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
}
#header {
background-color: #48a9e4;
background-image: -moz-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
background-image: -ms-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
background-image: -o-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0779bf), color-stop(1, #48a9e4));
background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%);
}
a {
color: #0071B3;
}
a:hover,
a:focus {
color: #018fe2;
}
a:active {
color: #23aeff;
}
#page-wrapper,
#footer-wrapper {
background: #292929;
}
.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
color: #fffeff;
}
fieldset legend {
left: 6px;
}
ul.action-links li a,
#user-login-form li.openid-link a,
#user-login li.openid-link a {
zoom: 1;
}
.comment .attribution {
float: right;
}
.comment .comment-arrow {
position: absolute;
right: 25px;
}
.region-header .block,
.region-header #block-user-login .form-item {
float: none;
display: inline;
vertical-align: top;
}
.region-header #block-user-login .item-list li {
float: none;
}
.region-header #block-user-login .item-list li.last {
padding-right: 0;
}
#user-login-form li.openid-link a,
#user-login li.openid-link a {
background-position: right -3px;
padding-right: 20px;
zoom: 1;
}
#main-menu ul.links li {
margin: 0;
}
#main-menu ul.links li,
#main-menu ul.links li a {
display: inline;
float: none;
margin: 0;
zoom: 1;
}
#footer li {
display: inline;
float: none;
}
.block {
zoom: 1;
}
#password-strength-text {
margin-top: 0;
}
fieldset legend {
left: -8px;
padding: 0;
}
#footer-wrapper #footer .block {
height: 100%;
}
.comment .attribution {
display: inline-block;
position: relative;
float: left; /* LTR */
overflow: hidden;
}
.comment .comment-text {
display: inline-block;
width: auto;
}
#search-block-form input.form-submit,
#search-form input.form-submit {
text-transform: capitalize; /* Trigger text indent. */
height: 26px;
}
.meta {
margin-bottom: 10px;
}
.region-header .form-required {
color: #eee;
}
#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus {
background-position: center -25px;
}
.contact-form #edit-message {
width: 75%;
}
.contact-form .resizable-textarea .grippie {
width: 76.3%;
}
#footer li {
float: left; /* LTR */
}
#footer-wrapper {
color: #c0c0c0;
}
#footer-wrapper a {
color: #fcfcfc;
}
#footer-wrapper a:hover,
#footer-wrapper a:focus {
color: #fefefe;
}
.node-teaser {
margin-top: 10px;
}
#content {
overflow: hidden;
}
.form-item-search-block-form {
width: 50%;
}
.tabs ul.primary,
.region-header .block-menu li a,
.comment-form .form-item {
zoom: 1;
}
#block-search-form .form-item-search-block-form input {
width: 67%;
}
.node-teaser {
border-bottom: 1px solid #d3d7d9;
}
/* ---------- Basic Layout RTL Styles ----------- */
#content,
#sidebar-first,
#sidebar-second,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
float: right;
}
.region-header {
float: left;
}
#secondary-menu {
left: 0;
right: auto;
}
body.maintenance-page {
background-color: #fff;
color: #000;
}
.maintenance-page #page-wrapper {
background: #fff;
margin-left: auto;
margin-right: auto;
min-width: 0;
min-height: 0;
width: 800px;
border: 1px solid #ddd;
margin-top: 40px;
}
.maintenance-page #page {
margin: 20px 40px 40px;
}
.maintenance-page #main-wrapper {
min-height: inherit;
}
.maintenance-page #header,
.maintenance-page #messages,
.maintenance-page #main {
width: auto;
}
.maintenance-page #header div.section,
.maintenance-page #main {
width: 700px;
}
.maintenance-page #main {
margin: 0;
}
.maintenance-page #content .section {
padding: 0 0 0 10px;
}
.maintenance-page #header {
background-color: #fff;
background-image: none;
}
.maintenance-page #name-and-slogan {
margin-bottom: 50px;
margin-left: 0;
padding-top: 20px;
font-size: 90%;
}
.maintenance-page #name-and-slogan,
.maintenance-page #name-and-slogan a,
.maintenance-page #name-and-slogan a:hover,
.maintenance-page #name-and-slogan a:hover {
color: #777;
}
.maintenance-page h1#page-title {
line-height: 1em;
margin-top: 0;
}
.maintenance-page #messages {
padding: 0;
margin-top: 30px;
}
.maintenance-page #messages div.messages {
margin: 0;
}
.maintenance-page #messages div.section {
padding: 0;
width: auto;
}
/* ---------- General Layout ---------- */
body,
input,
textarea,
select {
color: #000;
background: none;
}
body.two-sidebars,
body.sidebar-first,
body.sidebar-second,
body {
width: 640px;
}
#sidebar-first,
#sidebar-second,
.navigation,
#toolbar,
#footer-wrapper,
.tabs,
.add-or-remove-shortcuts {
display: none;
}
.one-sidebar #content,
.two-sidebars #content {
width: 100%;
}
#triptych-wrapper {
width: 960px;
margin: 0;
padding: 0;
border: none;
}
#triptych-first, #triptych-middle, #triptych-last {
width: 250px;
}
/* ---------- Node Pages ---------- */
#comments .title,
#comments form,
.comment_forbidden {
display: none;
}
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment