summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorlogaritmisk2012-10-05 07:35:54 (GMT)
committer logaritmisk2012-10-05 07:35:54 (GMT)
commit906782dc8ea05bd22a3d7e7f70aaecaf33f03fc7 (patch)
tree010b728bae92ac8e693b31a304bcd95f133fb3b5
first commitmaster
-rw-r--r--barmimik.info10
-rw-r--r--color/base.pngbin0 -> 106 bytes
-rw-r--r--color/color.inc132
-rw-r--r--color/preview.css200
-rw-r--r--color/preview.html65
-rw-r--r--color/preview.js39
-rw-r--r--color/preview.pngbin0 -> 106 bytes
-rw-r--r--css/colors.css58
-rw-r--r--css/ie-rtl.css48
-rw-r--r--css/ie.css63
-rw-r--r--css/ie6.css18
-rw-r--r--css/layout-rtl.css22
-rw-r--r--css/layout.css100
-rw-r--r--css/maintenance-page.css67
-rw-r--r--css/print.css46
-rw-r--r--css/style-rtl.css276
-rw-r--r--css/style.css1650
-rw-r--r--images/add.pngbin0 -> 94 bytes
-rw-r--r--images/buttons.pngbin0 -> 831 bytes
-rw-r--r--images/comment-arrow-rtl.gifbin0 -> 97 bytes
-rw-r--r--images/comment-arrow.gifbin0 -> 97 bytes
-rw-r--r--images/search-button.pngbin0 -> 725 bytes
-rw-r--r--images/tabs-border.pngbin0 -> 83 bytes
-rw-r--r--logo.pngbin0 -> 3479 bytes
-rw-r--r--plugins/content_types/pane_navigation.inc29
-rw-r--r--plugins/layouts/barmimik/barmimik.inc39
-rw-r--r--plugins/layouts/barmimik/barmimik.tpl.php21
-rw-r--r--screenshot.pngbin0 -> 19658 bytes
-rw-r--r--template.php156
-rw-r--r--templates/comment-wrapper.tpl.php51
-rw-r--r--templates/comment.tpl.php105
-rw-r--r--templates/maintenance-page.tpl.php66
-rw-r--r--templates/node.tpl.php124
-rw-r--r--templates/page.tpl.php247
34 files changed, 3632 insertions, 0 deletions
diff --git a/barmimik.info b/barmimik.info
new file mode 100644
index 0000000..18b15fc
--- /dev/null
+++ b/barmimik.info
@@ -0,0 +1,10 @@
+name = Barmimik
+description = A flexible, recolorable theme with many regions that works with Panels Everywhere.
+core = 7.x
+
+stylesheets[all][] = css/layout.css
+stylesheets[all][] = css/style.css
+stylesheets[all][] = css/colors.css
+stylesheets[print][] = css/print.css
+
+plugins[panels][layouts] = plugins/layouts
diff --git a/color/base.png b/color/base.png
new file mode 100644
index 0000000..58cc088
--- /dev/null
+++ b/color/base.png
Binary files differ
diff --git a/color/color.inc b/color/color.inc
new file mode 100644
index 0000000..7c29f50
--- /dev/null
+++ b/color/color.inc
@@ -0,0 +1,132 @@
+<?php
+
+// Put the logo path into JavaScript for the live preview.
+drupal_add_js(array('color' => array('logo' => theme_get_setting('logo', 'bartik'))), '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',
+);
diff --git a/color/preview.css b/color/preview.css
new file mode 100644
index 0000000..48a4a83
--- /dev/null
+++ b/color/preview.css
@@ -0,0 +1,200 @@
+
+/* ---------- 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;
+}
diff --git a/color/preview.html b/color/preview.html
new file mode 100644
index 0000000..52ea566
--- /dev/null
+++ b/color/preview.html
@@ -0,0 +1,65 @@
+<div id="preview">
+
+ <div id="preview-header">
+ <div id="preview-logo"><img src="../../../themes/bartik/logo.png" alt="Site Logo" /></div>
+ <div id="preview-site-name">Bartik</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>
diff --git a/color/preview.js b/color/preview.js
new file mode 100644
index 0000000..b40bcf7
--- /dev/null
+++ b/color/preview.js
@@ -0,0 +1,39 @@
+
+(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);
diff --git a/color/preview.png b/color/preview.png
new file mode 100644
index 0000000..58cc088
--- /dev/null
+++ b/color/preview.png
Binary files differ
diff --git a/css/colors.css b/css/colors.css
new file mode 100644
index 0000000..fd83374
--- /dev/null
+++ b/css/colors.css
@@ -0,0 +1,58 @@
+
+/* ---------- 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;
+}
+.sidebar .block {
+ background-color: #f6f6f2;
+ border-color: #f9f9f9;
+}
+#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;
+}
diff --git a/css/ie-rtl.css b/css/ie-rtl.css
new file mode 100644
index 0000000..6358bf3
--- /dev/null
+++ b/css/ie-rtl.css
@@ -0,0 +1,48 @@
+
+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;
+}
diff --git a/css/ie.css b/css/ie.css
new file mode 100644
index 0000000..7a65833
--- /dev/null
+++ b/css/ie.css
@@ -0,0 +1,63 @@
+
+.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;
+}
diff --git a/css/ie6.css b/css/ie6.css
new file mode 100644
index 0000000..435fab0
--- /dev/null
+++ b/css/ie6.css
@@ -0,0 +1,18 @@
+
+#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;
+}
diff --git a/css/layout-rtl.css b/css/layout-rtl.css
new file mode 100644
index 0000000..fa81e4f
--- /dev/null
+++ b/css/layout-rtl.css
@@ -0,0 +1,22 @@
+
+/* ---------- 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;
+}
diff --git a/css/layout.css b/css/layout.css
new file mode 100644
index 0000000..b561f4c
--- /dev/null
+++ b/css/layout.css
@@ -0,0 +1,100 @@
+
+/* ---------- Basic Layout Styles ----------- */
+
+html,
+body,
+#page {
+ height: 100%;
+}
+#page-wrapper {
+ min-height: 100%;
+ min-width: 960px;
+}
+#header div.section,
+#featured div.section,
+#messages div.section,
+#main,
+#triptych,
+#footer-columns,
+#footer {
+ width: 960px;
+ margin-left: auto;
+ margin-right: auto;
+}
+#header div.section {
+ position: relative;
+}
+.region-header {
+ float: right; /* LTR */
+ margin: 0 5px 10px;
+}
+.with-secondary-menu .region-header {
+ margin-top: 3em;
+}
+.without-secondary-menu .region-header {
+ margin-top: 15px;
+}
+#secondary-menu {
+ position: absolute;
+ right: 0; /* LTR */
+ top: 0;
+ width: 480px;
+}
+#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 {
+ display: inline;
+ float: left; /* LTR */
+ position: relative;
+}
+.one-sidebar #content {
+ width: 720px;
+}
+.two-sidebars #content {
+ width: 480px;
+}
+.no-sidebars #content {
+ width: 960px;
+ float: none;
+}
+#sidebar-first,
+#sidebar-second {
+ width: 240px;
+}
+#main-wrapper {
+ min-height: 300px;
+}
+#content .section,
+.sidebar .section {
+ padding: 0 15px;
+}
+#breadcrumb {
+ margin: 0 15px;
+}
+.region-triptych-first,
+.region-triptych-middle,
+.region-triptych-last {
+ margin: 20px 20px 30px;
+ width: 280px;
+}
+#footer-wrapper {
+ padding: 35px 5px 30px;
+}
+.region-footer-firstcolumn,
+.region-footer-secondcolumn,
+.region-footer-thirdcolumn,
+.region-footer-fourthcolumn {
+ padding: 0 10px;
+ width: 220px;
+}
+#footer {
+ width: 940px;
+ min-width: 920px;
+}
diff --git a/css/maintenance-page.css b/css/maintenance-page.css
new file mode 100644
index 0000000..c13c77b
--- /dev/null
+++ b/css/maintenance-page.css
@@ -0,0 +1,67 @@
+
+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;
+}
diff --git a/css/print.css b/css/print.css
new file mode 100644
index 0000000..61ca3fa
--- /dev/null
+++ b/css/print.css
@@ -0,0 +1,46 @@
+
+/* ---------- 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;
+}
diff --git a/css/style-rtl.css b/css/style-rtl.css
new file mode 100644
index 0000000..3bb02ca
--- /dev/null
+++ b/css/style-rtl.css
@@ -0,0 +1,276 @@
+
+/* ------------------ Reset Styles ------------------ */
+
+caption,
+th,
+td {
+ text-align: right;
+}
+blockquote {
+ border-left: none;
+ border-right: 4px solid #afafaf;
+}
+blockquote:before {
+ content: "\201D";
+}
+blockquote:after {
+ content: "\201C";
+}
+tr td,
+tr th {
+ text-align: right;
+}
+
+/* ------------------ List Styles ------------------ */
+
+.region-content ul,
+.region-content ol {
+ padding: 2.5em 0 0.25em 0;
+}
+.item-list ul li {
+ padding: 0.2em 0 0 0.5em;
+}
+ul.tips {
+ padding: 0 1.25em 0 0;
+}
+.block ol,
+.block ul {
+ padding: 0 1em 0.25em 0;
+}
+
+/* ------------------ Header ------------------ */
+
+#logo {
+ padding: 15px 10px 15px 15px;
+}
+#logo,
+#name-and-slogan,
+.region-header .block,
+.region-header #block-user-login .form-item,
+.region-header #block-user-login .item-list li {
+ float: right;
+}
+#name-and-slogan {
+ margin: 0 15px 30px 0;
+}
+.region-header .form-text {
+ margin-left: 2px;
+ margin-right: 0;
+}
+.region-header #block-user-login .item-list li.last {
+ padding-left: 0;
+ padding-right: 0.5em;
+}
+.region-header #block-user-login ul.openid-links li.last {
+ padding-right: 0;
+}
+.region-header #user-login-form li.openid-link a,
+.region-header #user-login li.openid-link a {
+ background-position: right -3px;
+ padding-left: 0;
+ padding-right: 20px;
+}
+
+/* --------------- Main Menu ------------ */
+
+#main-menu ul.links li,
+#main-menu ul.links li a {
+ float: right;
+}
+
+/* --------------- Secondary Menu ------------ */
+
+#secondary-menu-links {
+ float: left;
+}
+
+/* ----------------- Content ------------------ */
+
+.submitted .user-picture img {
+ float: right;
+ margin-left: 5px;
+ margin-right: 0;
+}
+.field-type-taxonomy-term-reference .field-label {
+ padding-left: 5px;
+ padding-right: 0;
+}
+.field-type-taxonomy-term-reference ul.links li {
+ padding: 0 0 0 1em;
+ float: right;
+}
+.link-wrapper {
+ text-align: left;
+ margin-right: 236px;
+ margin-left: 0;
+}
+
+/* ----------------- Comments ----------------- */
+
+.comment .user-picture img {
+ margin-right: 0;
+}
+.comment .attribution {
+ float: right;
+ padding: 0 0 0 30px;
+}
+.comment .comment-arrow {
+ background-image: url(../images/comment-arrow-rtl.gif);
+ margin-left: 0;
+ margin-right: -47px;
+}
+.comment .indented {
+ margin-right: 40px;
+ margin-left: 0;
+}
+.comment ul.links li {
+ padding: 0 0 0.5em;
+}
+.comment-unpublished {
+ margin-left: 5px;
+ margin-right: 0;
+ padding: 5px 5px 5px 2px;
+}
+
+/* -------------- Password Meter ------------- */
+
+#password-strength {
+ left: auto;
+ margin-top: 2em;
+ right: 16em;
+}
+#password-strength-text {
+ margin-top: 0;
+ float: left;
+}
+.form-item-pass-pass2 label {
+ clear: right;
+}
+
+/* ----------------- Buttons ------------------ */
+
+input.form-submit,
+a.button {
+ margin-right: 0;
+ margin-left: 0.6em;
+}
+
+/* --------------- Search Form ---------------- */
+
+#search-form input#edit-keys,
+#block-search-form .form-item-search-block-form input {
+ float: right;
+ margin-left: 5px;
+ margin-right: 0;
+}
+
+/* ------------------ Footer ------------------ */
+
+#footer-columns ul {
+ padding-right: 0;
+}
+#footer-columns li a {
+ padding: 0.8em 20px 0.8em 2px;
+}
+#footer li a {
+ float: right;
+ border-left: 1px solid #555;
+ border-color: rgba(255, 255, 255, 0.15);
+ border-right: none;
+}
+#footer li.first a {
+ padding-right: 0;
+ padding-left: 12px;
+}
+#footer li.last a {
+ padding-left: 0;
+ padding-right: 12px;
+ border-left: none;
+}
+
+/* --------------- System Tabs --------------- */
+
+.tabs ul.primary li {
+ margin: 0 0 0 5px;
+ float: right;
+ zoom: 1;
+}
+.tabs ul.secondary li {
+ float: right;
+}
+.tabs ul.secondary li:first-child {
+ padding-right: 0;
+}
+.tabs ul.secondary li:last-child {
+ border-left: none;
+}
+ul.action-links li a {
+ background-position: right center;
+ padding-left: 0;
+ padding-right: 15px;
+}
+
+/* -------------- Form Elements ------------- */
+
+.fieldset-legend span.summary {
+ margin-left: 0;
+}
+#user-profile-form input#edit-submit {
+ margin-left: 0;
+}
+.password-suggestions ul li {
+ margin-right: 1.2em;
+ margin-left: 0;
+}
+
+/* Animated throbber */
+html.js input.form-autocomplete {
+ background-position: 1% 4px;
+}
+html.js input.throbbing {
+ background-position: 1% -16px;
+}
+
+/* Comment form */
+.comment-form label {
+ float: right;
+}
+.comment-form .form-type-checkbox,
+.comment-form .form-radios,
+.comment-form .form-item .description {
+ margin-left: 0;
+ margin-right: 120px;
+}
+#edit-actions input {
+ margin-left: 0.6em;
+ margin-right: 0;
+}
+
+/* -------------- Shortcut Links ------------- */
+
+.shortcut-wrapper h1#page-title {
+ float: right;
+}
+
+/* ---------- Poll ----------- */
+
+.poll .vote-form {
+ text-align: right;
+}
+.poll .total {
+ text-align: left;
+}
+
+/* ---------- Color Form ----------- */
+
+.color-form #palette {
+ margin-left: 0;
+ margin-right: 20px;
+}
+.color-form .form-item label {
+ float: right;
+}
+.color-form #palette .lock {
+ right: -20px;
+ left: 0;
+}
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..8e95202
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,1650 @@
+
+/* ---------- Overall Specifications ---------- */
+
+body {
+ line-height: 1.5;
+ font-size: 87.5%;
+ word-wrap: break-word;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+}
+a:link,
+a:visited {
+ text-decoration: none;
+}
+a:hover,
+a:active,
+a:focus {
+ text-decoration: underline;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 1.0em 0 0.5em;
+ font-weight: inherit;
+}
+h1 {
+ font-size: 1.357em;
+ color: #000;
+}
+h2 {
+ font-size: 1.143em;
+}
+p {
+ margin: 0 0 1.2em;
+}
+del {
+ text-decoration: line-through;
+}
+tr.odd {
+ background-color: #dddddd;
+}
+img {
+ outline: 0;
+}
+code,
+pre,
+kbd,
+samp,
+var {
+ padding: 0 0.4em;
+ font-size: 0.77em;
+ font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New";
+}
+code {
+ background-color: #f2f2f2;
+ background-color: rgba(40, 40, 0, 0.06);
+}
+pre code,
+pre kbd,
+pre samp,
+pre var,
+kbd kbd,
+kbd samp,
+code var {
+ font-size: 100%;
+ background-color: transparent;
+}
+pre code,
+pre samp,
+pre var {
+ padding: 0;
+}
+.description code {
+ font-size: 1em;
+}
+kbd {
+ background-color: #f2f2f2;
+ border: 1px outset #575757;
+ margin: 0 3px;
+ color: #666;
+ display: inline-block;
+ padding: 0 6px;
+ -khtml-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+}
+pre {
+ background-color: #f2f2f2;
+ background-color: rgba(40, 40, 0, 0.06);
+ margin: 10px 0;
+ overflow: hidden;
+ padding: 15px;
+ white-space: pre-wrap;
+}
+
+
+/* ------------------ Fonts ------------------ */
+
+body,
+#site-slogan,
+.ui-widget,
+.comment-form label {
+ font-family: Georgia, "Times New Roman", Times, serif;
+}
+#header,
+#footer-wrapper,
+#skip-link,
+ul.contextual-links,
+ul.links,
+ul.primary,
+.item-list .pager,
+div.field-type-taxonomy-term-reference,
+div.messages,
+div.meta,
+p.comment-time,
+table,
+.breadcrumb {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+input,
+textarea,
+select,
+a.button {
+ font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
+}
+
+/* ------------------ Reset Styles ------------------ */
+
+caption {
+ text-align: left; /* LTR */
+ font-weight: normal;
+}
+blockquote {
+ background: #f7f7f7;
+ border-left: 1px solid #bbb;
+ font-style: italic;
+ margin: 1.5em 10px;
+ padding: 0.5em 10px;
+}
+blockquote:before {
+ color: #bbb;
+ content: "\201C";
+ font-size: 3em;
+ line-height: 0.1em;
+ margin-right: 0.2em;
+ vertical-align: -.4em;
+}
+blockquote:after {
+ color: #bbb;
+ content: "\201D";
+ font-size: 3em;
+ line-height: 0.1em;
+ vertical-align: -.45em;
+}
+blockquote > p:first-child {
+ display: inline;
+}
+a.feed-icon {
+ display: inline-block;
+ padding: 15px 0 0 0;
+}
+
+/* ------------------ Table Styles ------------------ */
+
+table {
+ border: 0;
+ border-spacing: 0;
+ font-size: 0.857em;
+ margin: 10px 0;
+ width: 100%;
+}
+table table {
+ font-size: 1em;
+}
+#footer-wrapper table {
+ font-size: 1em;
+}
+table tr th {
+ background: #757575;
+ background: rgba(0, 0, 0, 0.51);
+ border-bottom-style: none;
+}
+table tr th,
+table tr th a,
+table tr th a:hover {
+ color: #FFF;
+ font-weight: bold;
+}
+table tbody tr th {
+ vertical-align: top;
+}
+tr td,
+tr th {
+ padding: 4px 9px;
+ border: 1px solid #fff;
+ text-align: left; /* LTR */
+}
+#footer-wrapper tr td,
+#footer-wrapper tr th {
+ border-color: #555;
+ border-color: rgba(255, 255, 255, 0.18);
+}
+tr.odd {
+ background: #e4e4e4;
+ background: rgba(0, 0, 0, 0.105);
+}
+tr,
+tr.even {
+ background: #efefef;
+ background: rgba(0, 0, 0, 0.063);
+}
+table ul.links {
+ margin: 0;
+ padding: 0;
+ font-size: 1em;
+}
+table ul.links li {
+ padding: 0 1em 0 0;
+}
+
+/* ------------------ List Styles ------------------ */
+
+.block ol,
+.block ul {
+ margin: 0;
+ padding: 0 0 0.25em 1em; /* LTR */
+}
+.contextual-links-wrapper {
+ font-size: small !important;
+}
+ul.contextual-links {
+ font-size: 0.923em;
+}
+.contextual-links-wrapper a {
+ text-shadow: 0 0 0 !important;
+}
+.item-list .pager {
+ font-size: 0.929em;
+}
+ul.menu li {
+ margin: 0;
+}
+.region-content ul,
+.region-content ol {
+ margin: 1em 0;
+ padding: 0 0 0.25em 2.5em; /* LTR */
+}
+.item-list ul li {
+ margin: 0;
+ padding: 0.2em 0.5em 0 0; /* LTR */
+}
+ul.tips {
+ padding: 0 0 0 1.25em; /* LTR */
+}
+
+/* ------------------ Header ------------------ */
+#skip-link {
+ left: 50%;
+ margin-left: -5.25em;
+ margin-top: 0;
+ position: absolute;
+ width: auto;
+ z-index: 50;
+}
+#skip-link a,
+#skip-link a:link,
+#skip-link a:visited {
+ background: #444;
+ background: rgba(0, 0, 0, 0.6);
+ color: #fff;
+ display: block;
+ font-size: 0.94em;
+ line-height: 1.7;
+ padding: 1px 10px 2px 10px;
+ text-decoration: none;
+ -khtml-border-radius: 0 0 10px 10px;
+ -moz-border-radius: 0 0 10px 10px;
+ -webkit-border-top-left-radius: 0;
+ -webkit-border-top-right-radius: 0;
+ -webkit-border-bottom-left-radius: 10px;
+ -webkit-border-bottom-right-radius: 10px;
+ border-radius: 0 0 10px 10px;
+}
+#skip-link a:hover,
+#skip-link a:active,
+#skip-link a:focus {
+ outline: 0;
+}
+#logo {
+ float: left; /* LTR */
+ padding: 15px 15px 15px 10px; /* LTR */
+}
+#name-and-slogan {
+ float: left; /* LTR */
+ padding-top: 34px;
+ margin: 0 0 30px 15px; /* LTR */
+}
+#site-name {
+ font-size: 1.821em;
+ color: #686868;
+ line-height: 1;
+}
+h1#site-name {
+ margin: 0;
+}
+#site-name a {
+ font-weight: normal;
+}
+#site-slogan {
+ font-size: 0.929em;
+ margin-top: 7px;
+ word-spacing: 0.1em;
+ font-style: italic;
+}
+/* Region header blocks. */
+.region-header .block {
+ font-size: 0.857em;
+ float: left; /* LTR */
+ margin: 0 10px;
+ padding: 0;
+}
+.region-header .block .content {
+ margin: 0;
+ padding: 0;
+}
+.region-header .block ul {
+ margin: 0;
+ padding: 0;
+}
+.region-header .block li {
+ list-style: none;
+ list-style-image: none;
+ padding: 0;
+}
+.region-header .form-text {
+ background: #fefefe;
+ background: rgba(255, 255, 255, 0.7);
+ border-color: #ccc;
+ border-color: rgba(255, 255, 255, 0.3);
+ margin-right: 2px; /* LTR */
+ width: 120px;
+}
+.region-header .form-text:hover,
+.region-header .form-text:focus,
+.region-header .form-text:active {
+ background: #fff;
+ background: rgba(255, 255, 255, 0.8);
+}
+.region-header .form-required {
+ color: #eee;
+ color: rgba(255, 255, 255, 0.7);
+}
+/* Region header block menus. */
+.region-header .block-menu {
+ border: 1px solid;
+ border-color: #eee;
+ border-color: rgba(255, 255, 255, 0.2);
+ padding: 0;
+ width: 208px;
+}
+.region-header .block-menu li a {
+ display: block;
+ border-bottom: 1px solid;
+ border-bottom-color: #eee;
+ border-bottom-color: rgba(255, 255, 255, 0.2);
+ padding: 3px 7px;
+}
+.region-header .block-menu li a:hover,
+.region-header .block-menu li a:focus,
+.region-header .block-menu li a:active {
+ text-decoration: none;
+ background: rgba(255, 255, 255, 0.15);
+}
+.region-header .block-menu li.last a {
+ border-bottom: 0;
+}
+/* User Login block in the header region */
+.region-header #block-user-login {
+ width: auto;
+}
+.region-header #block-user-login .content {
+ margin-top: 2px;
+}
+.region-header #block-user-login .form-item {
+ float: left; /* LTR */
+ margin: 0;
+ padding: 0;
+}
+.region-header #block-user-login div.item-list,
+.region-header #block-user-login div.description {
+ font-size: 0.916em;
+ margin: 0;
+}
+.region-header #block-user-login div.item-list {
+ clear: both;
+}
+.region-header #block-user-login div.description {
+ display: inline;
+}
+.region-header #block-user-login .item-list ul {
+ padding: 0;
+ line-height: 1;
+}
+.region-header #block-user-login .item-list li {
+ list-style: none;
+ float: left; /* LTR */
+ padding: 3px 0 1px;
+}
+.region-header #block-user-login .item-list li.last {
+ padding-left: 0.5em; /* LTR */
+}
+.region-header #block-user-login ul.openid-links li.last {
+ padding-left: 0; /* LTR */
+}
+.region-header #user-login-form li.openid-link a,
+.region-header #user-login li.openid-link a {
+ padding-left: 20px; /* LTR */
+}
+.region-header #block-user-login .form-actions {
+ margin: 4px 0 0;
+ padding: 0;
+ clear: both;
+}
+.region-header #block-user-login input.form-submit {
+ border: 1px solid;
+ border-color: #ccc;
+ border-color: rgba(255, 255, 255, 0.5);
+ background: #eee;
+ background: rgba(255, 255, 255, 0.7);
+ margin: 4px 0;
+ padding: 3px 8px;
+}
+.region-header #block-user-login input.form-submit:hover,
+.region-header #block-user-login input.form-submit:focus {
+ background: #fff;
+ background: rgba(255, 255, 255, 0.9);
+}
+/* Search block in region header. */
+.region-header #block-search-form {
+ width: 208px;
+}
+.region-header #block-search-form .form-text {
+ width: 154px;
+}
+/* Language switcher block in region header. */
+.region-header .block-locale ul li {
+ display: inline;
+ padding: 0 0.5em;
+}
+
+/* --------------- Main Menu ------------ */
+
+#main-menu {
+ clear: both;
+}
+#main-menu-links {
+ font-size: 0.929em;
+ margin: 0;
+ padding: 0 15px;
+}
+#main-menu-links li {
+ float: left; /* LTR */
+ list-style: none;
+ padding: 0 1px;
+ margin: 0 1px;
+}
+#main-menu-links a {
+ color: #333;
+ background: #ccc;
+ background: rgba(255, 255, 255, 0.7);
+ float: left; /* LTR */
+ height: 2.4em;
+ line-height: 2.4em;
+ padding: 0 0.8em;
+ text-decoration: none;
+ text-shadow: 0 1px #eee;
+ -khtml-border-radius-topleft: 8px;
+ -khtml-border-radius-topright: 8px;
+ -moz-border-radius-topleft: 8px;
+ -moz-border-radius-topright: 8px;
+ -webkit-border-top-left-radius: 8px;
+ -webkit-border-top-right-radius: 8px;
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+#main-menu-links a:hover,
+#main-menu-links a:focus {
+ background: #f6f6f2;
+ background: rgba(255, 255, 255, 0.95);
+}
+#main-menu-links a:active {
+ background: #b3b3b3;
+ background: rgba(255, 255, 255, 1);
+}
+#main-menu-links li a.active {
+ border-bottom: none;
+}
+.featured #main-menu-links li a:active,
+.featured #main-menu-links li a.active {
+ background: #f0f0f0;
+ background: rgba(240, 240, 240, 1.0);
+}
+
+/* --------------- Secondary Menu ------------ */
+
+#secondary-menu-links {
+ float: right; /* LTR */
+ font-size: 0.929em;
+ margin: 10px 10px 0;
+}
+#secondary-menu-links a:hover,
+#secondary-menu-links a:focus {
+ text-decoration: underline;
+}
+
+/* ------------------- Main ------------------- */
+
+#main {
+ margin-top: 20px;
+ margin-bottom: 40px;
+}
+
+/* ----------------- Featured ----------------- */
+
+#featured {
+ text-align: center;
+ font-size: 1.643em;
+ font-weight: normal;
+ line-height: 1.4;
+ padding: 20px 0 45px;
+ margin: 0;
+ background: #f0f0f0;
+ background: rgba(30, 50, 10, 0.08);
+ border-bottom: 1px solid #e7e7e7;
+ text-shadow: 1px 1px #fff;
+}
+#featured h2 {
+ font-size: 1.174em;
+ line-height: 1;
+}
+#featured p {
+ margin: 0;
+ padding: 0;
+}
+
+/* --------------- Highlighted ---------------- */
+
+#highlighted {
+ border-bottom: 1px solid #d3d7d9;
+ font-size: 120%;
+}
+
+/* ------------------- Help ------------------- */
+
+.region-help {
+ border: 1px solid #d3d7d9;
+ padding: 0 1.5em;
+ margin-bottom: 30px;
+}
+
+/* ----------------- Content ------------------ */
+
+.content {
+ margin-top: 10px;
+}
+h1#page-title {
+ font-size: 2em;
+ line-height: 1;
+}
+#content h2 {
+ margin-bottom: 2px;
+ font-size: 1.429em;
+ line-height: 1.4;
+}
+.node .content {
+ font-size: 1.071em;
+}
+.node-teaser .content {
+ font-size: 1em;
+}
+.node-teaser h2 {
+ margin-top: 0;
+ padding-top: 0.5em;
+}
+.node-teaser h2 a {
+ color: #181818;
+}
+.node-teaser {
+ border-bottom: 1px solid #d3d7d9;
+ margin-bottom: 30px;
+ padding-bottom: 15px;
+}
+.node-sticky {
+ background: #f9f9f9;
+ background: rgba(0, 0, 0, 0.024);
+ border: 1px solid #d3d7d9;
+ padding: 0 15px 15px;
+}
+.node-full {
+ background: none;
+ border: none;
+ padding: 0;
+}
+.node-teaser .content {
+ clear: none;
+ line-height: 1.6;
+}
+.meta {
+ font-size: 0.857em;
+ color: #68696b;
+ margin-bottom: -5px;
+}
+.submitted .user-picture img {
+ float: left; /* LTR */
+ height: 20px;
+ margin: 1px 5px 0 0; /* LTR */
+}
+.field-type-taxonomy-term-reference {
+ margin: 0 0 1.2em;
+}
+.field-type-taxonomy-term-reference .field-label {
+ font-weight: normal;
+ margin: 0;
+ padding-right: 5px; /* LTR */
+}
+.field-type-taxonomy-term-reference .field-label,
+.field-type-taxonomy-term-reference ul.links {
+ font-size: 0.8em;
+}
+.node-teaser .field-type-taxonomy-term-reference .field-label,
+.node-teaser .field-type-taxonomy-term-reference ul.links {
+ font-size: 0.821em;
+}
+.field-type-taxonomy-term-reference ul.links {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+.field-type-taxonomy-term-reference ul.links li {
+ float: left; /* LTR */
+ padding: 0 1em 0 0; /* LTR */
+ white-space: nowrap;
+}
+.link-wrapper {
+ text-align: right;
+}
+.field-type-image img,
+.user-picture img {
+ margin: 0 0 1em;
+}
+ul.links {
+ color: #68696b;
+ font-size: 0.821em;
+}
+.node-unpublished {
+ margin: -20px -15px 0;
+ padding: 20px 15px 0;
+}
+.node-unpublished .comment-text .comment-arrow {
+ border-left: 1px solid #fff4f4;
+ border-right: 1px solid #fff4f4;
+}
+
+/* ----------------- Comments ----------------- */
+
+.comment h2.title {
+ margin-bottom: 1em;
+}
+.comment div.user-picture img {
+ margin-left: 0; /* LTR */
+}
+.comment {
+ margin-bottom: 20px;
+ display: table;
+ vertical-align: top;
+}
+.comment .attribution {
+ display: table-cell;
+ padding: 0 30px 0 0; /* LTR */
+ vertical-align: top;
+ overflow: hidden;
+}
+.comment .attribution img {
+ margin: 0;
+ border: 1px solid #d3d7d9;
+}
+.comment .attribution .username {
+ white-space: nowrap;
+}
+.comment .submitted p {
+ margin: 4px 0;
+ font-size: 1.071em;
+ line-height: 1.2;
+}
+.comment .submitted .comment-time {
+ font-size: 0.786em;
+ color: #68696b;
+}
+.comment .submitted .comment-permalink {
+ font-size: 0.786em;
+ text-transform: lowercase;
+}
+.comment .content {
+ font-size: 0.929em;
+ line-height: 1.6;
+}
+.comment .comment-arrow {
+ background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */
+ border-left: 1px solid;
+ border-right: 1px solid;
+ height: 40px;
+ margin-left: -47px; /* LTR */
+ margin-top: 10px;
+ position: absolute;
+ width: 20px;
+}
+.comment .comment-text {
+ padding: 10px 25px;
+ border: 1px solid #d3d7d9;
+ display: table-cell;
+ vertical-align: top;
+ position: relative;
+ width: 100%;
+}
+.comment .indented {
+ margin-left: 40px; /* LTR */
+}
+.comment ul.links {
+ padding: 0 0 0.25em 0;
+}
+.comment ul.links li {
+ padding: 0 0.5em 0 0; /* LTR */
+}
+.comment-unpublished {
+ margin-right: 5px; /* LTR */
+ padding: 5px 2px 5px 5px; /* LTR */
+}
+.comment-unpublished .comment-text .comment-arrow {
+ border-left: 1px solid #fff4f4;
+ border-right: 1px solid #fff4f4;
+}
+
+/* ------------------ Sidebar ----------------- */
+.sidebar .section {
+ padding-top: 10px;
+}
+.sidebar .block {
+ border: 1px solid;
+ padding: 15px 20px;
+ margin: 0 0 20px;
+}
+.sidebar h2 {
+ margin: 0 0 0.5em;
+ border-bottom: 1px solid #d6d6d6;
+ padding-bottom: 5px;
+ text-shadow: 0 1px 0 #fff;
+ font-size: 1.071em;
+ line-height: 1.2;
+}
+.sidebar .block .content {
+ font-size: 0.914em;
+ line-height: 1.4;
+}
+.sidebar tbody {
+ border: none;
+}
+.sidebar tr.even,
+.sidebar tr.odd {
+ background: none;
+ border-bottom: 1px solid #d6d6d6;
+}
+
+/* ----------------- Triptych ----------------- */
+
+#triptych-wrapper {
+ background-color: #f0f0f0;
+ background: rgba(30, 50, 10, 0.08);
+ border-top: 1px solid #e7e7e7;
+}
+#triptych h2 {
+ color: #000;
+ font-size: 1.714em;
+ margin-bottom: 0.8em;
+ text-shadow: 0 1px 0 #fff;
+ text-align: center;
+ line-height: 1;
+}
+#triptych .block {
+ margin-bottom: 2em;
+ padding-bottom: 2em;
+ border-bottom: 1px solid #dfdfdf;
+ line-height: 1.3;
+}
+#triptych .block.last {
+ border-bottom: none;
+}
+#triptych .block ul li,
+#triptych .block ol li {
+ list-style: none;
+}
+#triptych .block ul,
+#triptych .block ol {
+ padding-left: 0;
+}
+#triptych #block-user-login .form-text {
+ width: 185px;
+}
+#triptych #block-user-online p {
+ margin-bottom: 0;
+}
+#triptych #block-node-syndicate h2 {
+ overflow: hidden;
+ width: 0;
+ height: 0;
+}
+#triptych-last #block-node-syndicate {
+ text-align: right;
+}
+#triptych #block-search-form .form-type-textfield input {
+ width: 185px;
+}
+#triptych-middle #block-system-powered-by {
+ text-align: center;
+}
+#triptych-last #block-system-powered-by {
+ text-align: right;
+}
+
+/* ------------------ Footer ------------------ */
+
+#footer-wrapper {
+ color: #c0c0c0;
+ color: rgba(255, 255, 255, 0.65);
+ font-size: 0.857em;
+}
+#footer-wrapper a {
+ color: #fcfcfc;
+ color: rgba(255, 255, 255, 0.8);
+}
+#footer-wrapper a:hover,
+#footer-wrapper a:focus {
+ color: #fefefe;
+ color: rgba(255, 255, 255, 0.95);
+ text-decoration: underline;
+}
+#footer-wrapper .block {
+ margin: 20px 0;
+ border: 1px solid #444;
+ border-color: rgba(255, 255, 255, 0.1);
+ padding: 10px;
+}
+#footer-columns .block-menu,
+#footer .block {
+ margin: 0;
+ padding: 0;
+ border: none;
+}
+#footer .block {
+ margin: 0.5em 0;
+}
+#footer .block .content {
+ padding: 0.5em 0;
+ margin-top: 0;
+}
+#footer .block h2 {
+ margin: 0;
+}
+#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;
+}
+#footer-columns .content {
+ margin-top: 0;
+}
+#footer-columns p {
+ margin-top: 1em;
+}
+#footer-columns .content ul {
+ list-style: none;
+ padding-left: 0; /* LTR */
+ margin-left: 0;
+}
+#footer-columns .content li {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+#footer-columns .content li a {
+ display: block;
+ border-bottom: 1px solid #555;
+ border-color: rgba(255, 255, 255, 0.15);
+ line-height: 1.2;
+ padding: 0.8em 2px 0.8em 20px; /* LTR */
+ text-indent: -15px;
+}
+#footer-columns .content li a:hover,
+#footer-columns .content li a:focus {
+ background-color: #1f1f21;
+ background-color: rgba(255, 255, 255, 0.05);
+ text-decoration: none;
+}
+#footer {
+ letter-spacing: 0.2px;
+ margin-top: 30px;
+ border-top: 1px solid #555;
+ border-color: rgba(255, 255, 255, 0.15);
+}
+#footer .region {
+ margin-top: 20px;
+}
+#footer .block {
+ clear: both;
+}
+#footer ul,
+#footer li {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+#footer li a {
+ float: left; /* LTR */
+ padding: 0 12px;
+ display: block;
+ border-right: 1px solid #555; /* LTR */
+ border-color: rgba(255, 255, 255, 0.15);
+}
+#footer li.first a {
+ padding-left: 0; /* LTR */
+}
+#footer li.last a {
+ padding-right: 0; /* LTR */
+ border-right: none; /* LTR */
+}
+#footer-wrapper tr.odd {
+ background-color: transparent;
+}
+#footer-wrapper tr.even {
+ background-color: #2c2c2c;
+ background-color: rgba(0, 0, 0, 0.15);
+}
+
+/* --------------- System Tabs --------------- */
+
+.tabs {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ margin-bottom: 20px;
+}
+.tabs ul.primary {
+ padding: 0 3px;
+ margin: 0;
+ overflow: hidden;
+ border: none;
+ background: transparent url(../images/tabs-border.png) repeat-x left bottom;
+}
+.tabs ul.primary li {
+ display: block;
+ float: left; /* LTR */
+ vertical-align: bottom;
+ margin: 0 5px 0 0; /* LTR */
+}
+.tabs ul.primary li.active a {
+ border-bottom: 1px solid #ffffff;
+}
+.tabs ul.primary li a {
+ color: #000;
+ background-color: #ededed;
+ height: 1.8em;
+ line-height: 1.9;
+ display: block;
+ font-size: 0.929em;
+ float: left; /* not LTR */
+ padding: 0 10px 3px;
+ margin: 0;
+ text-shadow: 0 1px 0 #fff;
+ -khtml-border-radius-topleft: 6px;
+ -moz-border-radius-topleft: 6px;
+ -webkit-border-top-left-radius: 6px;
+ border-top-left-radius: 6px;
+ -khtml-border-radius-topright: 6px;
+ -moz-border-radius-topright: 6px;
+ -webkit-border-top-right-radius: 6px;
+ border-top-right-radius: 6px;
+}
+.tabs ul.primary li.active a {
+ background-color: #ffffff;
+}
+.tabs ul.secondary {
+ border-bottom: none;
+ padding: 0.5em 0;
+}
+.tabs ul.secondary li {
+ display: block;
+ float: left; /* LTR */
+}
+.tabs ul.secondary li:last-child {
+ border-right: none; /* LTR */
+}
+.tabs ul.secondary li:first-child {
+ padding-left: 0; /* LTR */
+}
+.tabs ul.secondary li a {
+ padding: 0.25em 0.5em;
+}
+.tabs ul.secondary li a.active {
+ background: #f2f2f2;
+ border-bottom: none;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ border-radius: 5px;
+}
+ul.action-links {
+ list-style: none;
+ margin: 5px;
+ padding: 0.5em 1em;
+}
+ul.action-links li {
+ display: inline-block;
+ margin-left: 10px;
+}
+ul.action-links li a {
+ padding-left: 15px;
+ background: url(../images/add.png) no-repeat left center;
+ margin: 0 10px 0 0;
+}
+
+/* ---------------- Messages ----------------- */
+
+#messages {
+ padding: 20px 0 5px;
+ margin: 0 auto;
+}
+.featured #messages {
+ background: #f0f0f0;
+ background: rgba(30, 50, 10, 0.08);
+}
+div.messages {
+ margin: 8px 15px;
+}
+
+/* -------------- Breadcrumbs -------------- */
+
+.breadcrumb {
+ font-size: 0.929em;
+}
+
+/* -------------- User Profile -------------- */
+
+.profile .user-picture {
+ float: none;
+}
+
+/* -------------- Password Meter ------------- */
+
+.confirm-parent,
+.password-parent {
+ width: 34em;
+}
+.password-parent,
+div.form-item div.password-suggestions {
+ position: relative;
+}
+.password-strength-text,
+.password-strength-title,
+div.password-confirm {
+ font-size: 0.82em;
+}
+.password-strength-text {
+ margin-top: 0.2em;
+}
+div.password-confirm {
+ margin-top: 2.2em;
+ width: 20.73em;
+}
+
+/* ---------------- Buttons ---------------- */
+
+input.form-submit,
+a.button {
+ background: #fff url(../images/buttons.png) 0 0 repeat-x;
+ border: 1px solid #e4e4e4;
+ border-bottom: 1px solid #b4b4b4;
+ border-left-color: #d2d2d2;
+ border-right-color: #d2d2d2;
+ color: #3a3a3a;
+ cursor: pointer;
+ font-size: 0.929em;
+ font-weight: normal;
+ text-align: center;
+ margin-bottom: 1em;
+ margin-right: 0.6em; /* LTR */
+ padding: 4px 17px;
+ -khtml-border-radius: 15px;
+ -moz-border-radius: 20px;
+ -webkit-border-radius: 15px;
+ border-radius: 15px;
+}
+a.button:link,
+a.button:visited,
+a.button:hover,
+a.button:focus,
+a.button:active {
+ text-decoration: none;
+ color: #5a5a5a;
+}
+
+/* -------------- Form Elements ------------- */
+
+fieldset {
+ background: #ffffff;
+ border: 1px solid #cccccc;
+ margin-top: 10px;
+ margin-bottom: 32px;
+ padding: 0 0 10px;
+ position: relative;
+ top: 12px; /* Offsets the negative margin of legends */
+ -khtml-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+.fieldset-wrapper {
+ margin-top: 25px;
+}
+.node-form .vertical-tabs .fieldset-wrapper {
+ margin-top: 0;
+}
+.filter-wrapper {
+ top: 0;
+ padding: 1em 0 0.2em;
+ -khtml-border-radius-topright: 0;
+ -khtml-border-radius-topleft: 0;
+ -moz-border-radius-topright: 0;
+ -moz-border-radius-topleft: 0;
+ -webkit-border-top-left-radius: 0;
+ -webkit-border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.filter-help a {
+ font-size: 0.857em;
+ padding: 2px 20px 0;
+}
+.filter-wrapper .form-item label {
+ margin-right: 10px;
+}
+.filter-wrapper .form-item {
+ padding: 0 0 0.5em 0.5em;
+}
+.filter-guidelines {
+ padding: 0 1.5em 0 0.5em;
+}
+fieldset.collapsed {
+ background: transparent;
+ -khtml-border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+fieldset legend {
+ background: #dbdbdb;
+ border: 1px solid #ccc;
+ border-bottom: none;
+ color: #3b3b3b;
+ display: block;
+ height: 2em;
+ left: -1px; /* LTR */
+ font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
+ line-height: 2;
+ padding: 0;
+ position: absolute;
+ text-indent: 10px;
+ text-shadow: 0 1px 0 #fff;
+ top: -12px;
+ width: 100%;
+ -khtml-border-radius-topleft: 4px;
+ -moz-border-radius-topleft: 4px;
+ -webkit-border-top-left-radius: 4px;
+ border-top-left-radius: 4px;
+ -khtml-border-radius-topright: 4px;
+ -moz-border-radius-topright: 4px;
+ -webkit-border-top-right-radius: 4px;
+ border-top-right-radius: 4px;
+}
+fieldset.collapsed legend {
+ -khtml-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+fieldset legend a {
+ color: #3b3b3b;
+}
+fieldset legend a:hover,
+fieldset legend a:focus,
+fieldset legend a:active {
+ color: #000;
+}
+fieldset .fieldset-wrapper {
+ padding: 0 10px;
+}
+fieldset .fieldset-description {
+ margin-top: 5px;
+ margin-bottom: 1em;
+ line-height: 1.4;
+ color: #3c3c3c;
+ font-style: italic;
+}
+input {
+ margin: 2px 0;
+ padding: 4px;
+}
+input,
+textarea {
+ font-size: 0.929em;
+}
+textarea {
+ line-height: 1.5;
+}
+textarea.form-textarea,
+select.form-select {
+ padding: 4px;
+}
+input.form-text,
+textarea.form-textarea,
+select.form-select {
+ border: 1px solid #ccc;
+}
+input.form-submit:hover,
+input.form-submit:focus {
+ background: #dedede;
+}
+.password-suggestions ul li {
+ margin-left: 1.2em; /* LTR */
+}
+.form-item {
+ margin-bottom: 1em;
+ margin-top: 2px;
+}
+.form-item label {
+ font-size: 0.929em;
+}
+.form-type-radio label,
+.form-type-checkbox label {
+ margin-left: 4px;
+}
+.form-type-radio .description,
+.form-type-checkbox .description {
+ margin-left: 2px;
+}
+.form-actions {
+ padding-top: 10px;
+}
+/* Contact Form */
+.contact-form #edit-name {
+ width: 75%;
+ -khtml-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+.contact-form #edit-mail {
+ width: 75%;
+ -khtml-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+.contact-form #edit-subject {
+ width: 75%;
+ -khtml-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+.contact-form #edit-message {
+ width: 76.3%;
+ -khtml-border-top-left-radius: 4px;
+ -khtml-border-top-right-radius: 4px;
+ -moz-border-radius-topleft: 4px;
+ -moz-border-radius-topright: 4px;
+ -webkit-border-top-left-radius: 4px;
+ -webkit-border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.contact-form .resizable-textarea .grippie {
+ width: 76%;
+ -khtml-border-bottom-left-radius: 4px;
+ -khtml-border-bottom-right-radius: 4px;
+ -moz-border-radius-bottomleft: 4px;
+ -moz-border-radius-bottomright: 4px;
+ -webkit-border-bottom-left-radius: 4px;
+ -webkit-border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+/* Disabled form elements */
+input.form-button-disabled,
+input.form-button-disabled:hover,
+input.form-button-disabled:focus,
+input.form-button-disabled:active,
+.form-disabled input,
+.form-disabled select,
+.form-disabled textarea {
+ background: #ededed;
+ border-color: #bbb;
+ color: #717171;
+}
+.form-disabled .grippie {
+ background-color: #ededed;
+ border-color: #bbb;
+}
+.form-disabled label {
+ color: #717171;
+}
+
+/* Animated throbber */
+html.js input.form-autocomplete {
+ background-position: 100% 4px; /* LTR */
+}
+html.js input.throbbing {
+ background-position: 100% -16px; /* LTR */
+}
+
+/* Comment form */
+.comment-form label {
+ float: left; /* LTR */
+ font-size: 0.929em;
+ width: 120px;
+}
+.comment-form input,
+.comment-form .form-select {
+ margin: 0;
+ -khtml-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+.comment-form .form-type-textarea label {
+ float: none;
+}
+.comment-form .form-item,
+.comment-form .form-radios,
+.comment-form .form-type-checkbox,
+.comment-form .form-select {
+ margin-bottom: 10px;
+ overflow: hidden;
+}
+.comment-form .form-type-checkbox,
+.comment-form .form-radios {
+ margin-left: 120px; /* LTR */
+}
+.comment-form .form-type-checkbox label,
+.comment-form .form-radios label {
+ float: none;
+ margin-top: 0;
+}
+.comment-form input.form-file {
+ width: auto;
+}
+.no-sidebars .comment-form .form-text {
+ width: 800px;
+}
+.one-sidebar .comment-form .form-text {
+ width: 500px;
+}
+.two-sidebars .comment-form .form-text {
+ width: 320px;
+}
+.comment-form .form-item .description {
+ font-size: 0.786em;
+ line-height: 1.2;
+ margin-left: 120px; /* LTR */
+}
+#content h2.comment-form {
+ margin-bottom: 0.5em;
+}
+.comment-form .form-textarea {
+ -khtml-border-radius-topleft: 4px;
+ -khtml-border-radius-topright: 4px;
+ -moz-border-radius-topleft: 4px;
+ -moz-border-radius-topright: 4px;
+ -webkit-border-top-left-radius: 4px;
+ -webkit-border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+.comment-form fieldset.filter-wrapper .fieldset-wrapper,
+.comment-form .text-format-wrapper .form-item {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.filter-wrapper label {
+ width: auto;
+ float: none;
+}
+.filter-wrapper .form-select {
+ min-width: 120px;
+}
+.comment-form fieldset.filter-wrapper .tips {
+ font-size: 0.786em;
+}
+#comment-body-add-more-wrapper .form-type-textarea label {
+ margin-bottom: 0.4em;
+}
+#edit-actions input {
+ margin-right: 0.6em; /* LTR */
+}
+
+/* -------------- Other Overrides ------------- */
+
+div.password-suggestions {
+ border: 0;
+}
+.ui-widget-overlay {
+ background: #222222;
+ opacity: 0.7;
+}
+div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
+ padding: 1em;
+}
+#forum .name {
+ font-size: 1.083em;
+}
+#forum .description {
+ font-size: 1em;
+}
+
+/* --------------- Search Form ---------------- */
+
+#block-search-form {
+ padding-bottom: 7px;
+}
+#block-search-form .content {
+ margin-top: 0;
+}
+#search-form input#edit-keys,
+#block-search-form .form-item-search-block-form input {
+ float: left; /* LTR */
+ font-size: 1em;
+ height: 1.143em;
+ margin-right: 5px;
+ width: 9em;
+}
+#search-block-form input.form-submit,
+#search-form input.form-submit {
+ margin-left: 0;
+ margin-right: 0;
+ height: 25px;
+ width: 34px;
+ padding: 0;
+ cursor: pointer;
+ text-indent: -9999px;
+ border-color: #e4e4e4 #d2d2d2 #b4b4b4;
+ background: url(../images/search-button.png) no-repeat center top;
+ overflow: hidden;
+}
+#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 bottom;
+}
+#search-form .form-item-keys label {
+ display: block;
+}
+
+/* --------------- Search Results ---------------- */
+ol.search-results {
+ padding-left: 0;
+}
+.search-results li {
+ border-bottom: 1px solid #d3d7d9;
+ padding-bottom: 0.4285em;
+ margin-bottom: 0.5em;
+}
+.search-results li:last-child {
+ border-bottom: none;
+ padding-bottom: 0;
+ margin-bottom: 1em;
+}
+.search-results .search-snippet-info {
+ padding-left: 0;
+}
+
+/* -------------- Shortcut Links -------------- */
+
+.shortcut-wrapper {
+ margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
+}
+.shortcut-wrapper h1#page-title {
+ float: left; /* LTR */
+ margin: 0;
+}
+div.add-or-remove-shortcuts {
+ padding-top: 0.9em;
+}
+.overlay div.add-or-remove-shortcuts {
+ padding-top: 0.8em;
+}
+
+/* ---------- Admin-specific Theming ---------- */
+
+.page-admin #content img {
+ margin-right: 15px; /* LTR */
+}
+.page-admin #content .simpletest-image img {
+ margin: 0;
+}
+.page-admin-structure-block-demo .block-region {
+ background: #ffff66;
+ border: 1px dotted #9f9e00;
+ color: #000;
+ font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
+ margin: 5px;
+ padding: 5px;
+ text-align: center;
+ text-shadow: none;
+}
+.page-admin-structure-block-demo #featured .block-region {
+ font-size: 0.55em;
+}
+.page-admin-structure-block-demo #header .block-region {
+ width: 500px;
+}
+.page-admin #admin-dblog img {
+ margin: 0 5px;
+}
+/* Fix spacing when Seven is used in the overlay. */
+#system-theme-settings fieldset {
+ padding: 0;
+}
+#system-theme-settings fieldset .fieldset-legend {
+ margin-top: 0;
+}
+/* Configuration. */
+div.admin .right,
+div.admin .left {
+ width: 49%;
+ margin: 0;
+}
+div.admin-panel {
+ background: #fbfbfb;
+ border: 1px solid #ccc;
+ margin: 10px 0;
+ padding: 0 5px 5px;
+}
+div.admin-panel h3 {
+ margin: 16px 7px;
+}
+div.admin-panel dt {
+ border-top: 1px solid #ccc;
+ padding: 7px 0 0;
+}
+div.admin-panel dd {
+ margin: 0 0 10px;
+}
+div.admin-panel .description {
+ margin: 0 0 14px 7px;
+}
+
+/* ---------- Overlay layout styles ----------- */
+
+.overlay #main,
+.overlay #content {
+ width: auto;
+ float: none;
+}
+.overlay #page {
+ padding: 0 2em;
+}
+.overlay .region-page-top,
+.overlay #header,
+.overlay #page-title,
+.overlay #featured,
+.overlay #sidebar-first,
+.overlay #triptych-wrapper,
+.overlay #footer-wrapper {
+ display: none;
+}
+.overlay-processed .field-type-image {
+ display: block;
+ float: none;
+}
+.overlay #messages {
+ width: auto;
+}
+
+/* ---------- Poll ----------- */
+
+.node .poll {
+ margin: 2em 0;
+}
+.node .poll #edit-choice {
+ margin: 0 0 1.5em;
+}
+.poll .vote-form {
+ text-align: left; /* LTR */
+}
+.poll .vote-form .choices {
+ margin: 0;
+}
+.poll .percent {
+ font-size: 0.857em;
+ font-style: italic;
+ margin-bottom: 3em;
+ margin-top: -3.2em;
+ float: right;
+ text-align: right;
+}
+.poll .text {
+ clear: right;
+ margin-right: 2.25em;
+}
+.poll .total {
+ font-size: 0.929em;
+ font-style: italic;
+ text-align: right; /* LTR */
+ clear: both;
+}
+.node .poll {
+ margin: 1.8em 0 0;
+}
+.node .poll .text {
+ margin-right: 6.75em;
+}
+.node .poll #edit-choice {
+ margin: 0 0 1.2em;
+}
+.poll .bar .foreground {
+ background-color: #666;
+}
+#footer-wrapper .poll .bar {
+ background-color: #666;
+}
+#footer-wrapper .poll .bar .foreground {
+ background-color: #ddd;
+}
diff --git a/images/add.png b/images/add.png
new file mode 100644
index 0000000..3e167eb
--- /dev/null
+++ b/images/add.png
Binary files differ
diff --git a/images/buttons.png b/images/buttons.png
new file mode 100644
index 0000000..c4b6df5
--- /dev/null
+++ b/images/buttons.png
Binary files differ
diff --git a/images/comment-arrow-rtl.gif b/images/comment-arrow-rtl.gif
new file mode 100644
index 0000000..b597e65
--- /dev/null
+++ b/images/comment-arrow-rtl.gif
Binary files differ
diff --git a/images/comment-arrow.gif b/images/comment-arrow.gif
new file mode 100644
index 0000000..ce48d0c
--- /dev/null
+++ b/images/comment-arrow.gif
Binary files differ
diff --git a/images/search-button.png b/images/search-button.png
new file mode 100644
index 0000000..c6e820a
--- /dev/null
+++ b/images/search-button.png
Binary files differ
diff --git a/images/tabs-border.png b/images/tabs-border.png
new file mode 100644
index 0000000..25f9535
--- /dev/null
+++ b/images/tabs-border.png
Binary files differ
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000..0ada453
--- /dev/null
+++ b/logo.png
Binary files differ
diff --git a/plugins/content_types/pane_navigation.inc b/plugins/content_types/pane_navigation.inc
new file mode 100644
index 0000000..5c64b0d
--- /dev/null
+++ b/plugins/content_types/pane_navigation.inc
@@ -0,0 +1,29 @@
+<?php
+
+/**
+ * @file
+ * Plugin to handle the 'page' content type which allows the standard page
+ * template variables to be embedded into a panel.
+ */
+
+$plugin = array(
+ 'title' => t('Page navigation'),
+ 'single' => TRUE,
+ 'icon' => 'icon_page.png',
+ 'description' => t('A general page navigation block that includes primary links, secondary links and breadcrumb. This can be easily modified by overriding pane-navigation.tpl.php in your theme.'),
+ 'category' => t('Page elements'),
+ 'render last' => TRUE,
+);
+
+function panels_everywhere_pane_navigation_content_type_render($subtype, $conf, $panel_args) {
+ $block = new stdClass();
+ $block->content = theme('pane_navigation');
+ return $block;
+}
+
+function panels_everywhere_pane_navigation_content_type_admin_info($subtype, $conf) {
+ $block = new stdClass();
+ $block->title = t('Page primary navigation and breadcrumb');
+ $block->content = t('A general page navigation block that includes primary links, secondary links and breadcrumb. This can be easily modified by overriding pane-navigation.tpl.php in your theme.');
+ return $block;
+}
diff --git a/plugins/layouts/barmimik/barmimik.inc b/plugins/layouts/barmimik/barmimik.inc
new file mode 100644
index 0000000..34f3da0
--- /dev/null
+++ b/plugins/layouts/barmimik/barmimik.inc
@@ -0,0 +1,39 @@
+<?php
+
+/**
+ * Implementation of hook_panels_layouts().
+ */
+$plugin = array(
+ 'title' => t('Barmimik'),
+ 'category' => t('Theme: Barmimik'),
+ //'icon' => 'tinsel.png',
+ 'theme' => 'barmimik',
+ //'admin theme' => 'barmimik_admin',
+ // 'css' => 'tinsel.css',
+ //'admin css' => 'tinsel-admin.css',
+ 'regions' => array(
+ 'header' => t('Header'),
+ 'content' => t('Content'),
+ 'footer' => t('Footer'),
+ ),
+);
+
+/**
+ * Override or insert barmimik variables into the templates.
+ */
+function template_preprocess_barmimik(&$vars) {
+ /*
+ $vars['barmimik_classes'] = '';
+ if ($vars['content']['left'] != '' && $vars['content']['right'] != '') {
+ $vars['barmimik_classes'] = 'sidebars';
+ }
+ else {
+ if ($vars['content']['left'] != '') {
+ $vars['barmimik_classes'] .= ' sidebar-left';
+ }
+ if ($vars['content']['right'] != '') {
+ $vars['barmimik_classes'] .= ' sidebar-right';
+ }
+ }
+ */
+}
diff --git a/plugins/layouts/barmimik/barmimik.tpl.php b/plugins/layouts/barmimik/barmimik.tpl.php
new file mode 100644
index 0000000..05e1bab
--- /dev/null
+++ b/plugins/layouts/barmimik/barmimik.tpl.php
@@ -0,0 +1,21 @@
+<div id="page-wrapper">
+ <div id="page">
+ <div id="header">
+ <?php print $content['header']; ?>
+ </div>
+ <div id="main-wrapper" class="clearfix">
+ <div id="main" class="clearfix">
+ <div id="content" class="column">
+ <div class="section">
+ <?php print $content['content']; ?>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="footer-wrapper">
+ <div class="section">
+ <?php print $content['footer']; ?>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/screenshot.png b/screenshot.png
new file mode 100644
index 0000000..34734ef
--- /dev/null
+++ b/screenshot.png
Binary files differ
diff --git a/template.php b/template.php
new file mode 100644
index 0000000..2632095
--- /dev/null
+++ b/template.php
@@ -0,0 +1,156 @@
+<?php
+
+/**
+ * Add body classes if certain regions have content.
+ */
+function barmimik_preprocess_html(&$variables) {
+ if (!empty($variables['page']['featured'])) {
+ $variables['classes_array'][] = 'featured';
+ }
+
+ if (!empty($variables['page']['triptych_first'])
+ || !empty($variables['page']['triptych_middle'])
+ || !empty($variables['page']['triptych_last'])) {
+ $variables['classes_array'][] = 'triptych';
+ }
+
+ if (!empty($variables['page']['footer_firstcolumn'])
+ || !empty($variables['page']['footer_secondcolumn'])
+ || !empty($variables['page']['footer_thirdcolumn'])
+ || !empty($variables['page']['footer_fourthcolumn'])) {
+ $variables['classes_array'][] = 'footer-columns';
+ }
+
+ // Add conditional stylesheets for IE
+ drupal_add_css(path_to_theme() . '/css/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'preprocess' => FALSE));
+ drupal_add_css(path_to_theme() . '/css/ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'IE 6', '!IE' => FALSE), 'preprocess' => FALSE));
+}
+
+/**
+ * Override or insert variables into the page template for HTML output.
+ */
+function barmimik_process_html(&$variables) {
+ // Hook into color.module.
+ if (module_exists('color')) {
+ _color_html_alter($variables);
+ }
+}
+
+/**
+ * Override or insert variables into the page template.
+ */
+function barmimik_process_page(&$variables) {
+ // Hook into color.module.
+ if (module_exists('color')) {
+ _color_page_alter($variables);
+ }
+ // Always print the site name and slogan, but if they are toggled off, we'll
+ // just hide them visually.
+ $variables['hide_site_name'] = theme_get_setting('toggle_name') ? FALSE : TRUE;
+ $variables['hide_site_slogan'] = theme_get_setting('toggle_slogan') ? FALSE : TRUE;
+ if ($variables['hide_site_name']) {
+ // If toggle_name is FALSE, the site_name will be empty, so we rebuild it.
+ $variables['site_name'] = filter_xss_admin(variable_get('site_name', 'Drupal'));
+ }
+ if ($variables['hide_site_slogan']) {
+ // If toggle_site_slogan is FALSE, the site_slogan will be empty, so we rebuild it.
+ $variables['site_slogan'] = filter_xss_admin(variable_get('site_slogan', ''));
+ }
+ // Since the title and the shortcut link are both block level elements,
+ // positioning them next to each other is much simpler with a wrapper div.
+ if (!empty($variables['title_suffix']['add_or_remove_shortcut']) && $variables['title']) {
+ // Add a wrapper div using the title_prefix and title_suffix render elements.
+ $variables['title_prefix']['shortcut_wrapper'] = array(
+ '#markup' => '<div class="shortcut-wrapper clearfix">',
+ '#weight' => 100,
+ );
+ $variables['title_suffix']['shortcut_wrapper'] = array(
+ '#markup' => '</div>',
+ '#weight' => -99,
+ );
+ // Make sure the shortcut link is the first item in title_suffix.
+ $variables['title_suffix']['add_or_remove_shortcut']['#weight'] = -100;
+ }
+}
+
+/**
+ * Implements hook_preprocess_maintenance_page().
+ */
+function barmimik_preprocess_maintenance_page(&$variables) {
+ // By default, site_name is set to Drupal if no db connection is available
+ // or during site installation. Setting site_name to an empty string makes
+ // the site and update pages look cleaner.
+ // @see template_preprocess_maintenance_page
+ if (!$variables['db_is_active']) {
+ $variables['site_name'] = '';
+ }
+ drupal_add_css(drupal_get_path('theme', 'barmimik') . '/css/maintenance-page.css');
+}
+
+/**
+ * Override or insert variables into the maintenance page template.
+ */
+function barmimik_process_maintenance_page(&$variables) {
+ // Always print the site name and slogan, but if they are toggled off, we'll
+ // just hide them visually.
+ $variables['hide_site_name'] = theme_get_setting('toggle_name') ? FALSE : TRUE;
+ $variables['hide_site_slogan'] = theme_get_setting('toggle_slogan') ? FALSE : TRUE;
+ if ($variables['hide_site_name']) {
+ // If toggle_name is FALSE, the site_name will be empty, so we rebuild it.
+ $variables['site_name'] = filter_xss_admin(variable_get('site_name', 'Drupal'));
+ }
+ if ($variables['hide_site_slogan']) {
+ // If toggle_site_slogan is FALSE, the site_slogan will be empty, so we rebuild it.
+ $variables['site_slogan'] = filter_xss_admin(variable_get('site_slogan', ''));
+ }
+}
+
+/**
+ * Override or insert variables into the node template.
+ */
+function barmimik_preprocess_node(&$variables) {
+ if ($variables['view_mode'] == 'full' && node_is_page($variables['node'])) {
+ $variables['classes_array'][] = 'node-full';
+ }
+}
+
+/**
+ * Override or insert variables into the block template.
+ */
+function barmimik_preprocess_block(&$variables) {
+ // In the header region visually hide block titles.
+ if ($variables['block']->region == 'header') {
+ $variables['title_attributes_array']['class'][] = 'element-invisible';
+ }
+}
+
+/**
+ * Implements theme_menu_tree().
+ */
+function barmimik_menu_tree($variables) {
+ return '<ul class="menu clearfix">' . $variables['tree'] . '</ul>';
+}
+
+/**
+ * Implements theme_field__field_type().
+ */
+function barmimik_field__taxonomy_term_reference($variables) {
+ $output = '';
+
+ // Render the label, if it's not hidden.
+ if (!$variables['label_hidden']) {
+ $output .= '<h3 class="field-label">' . $variables['label'] . ': </h3>';
+ }
+
+ // Render the items.
+ $output .= ($variables['element']['#label_display'] == 'inline') ? '<ul class="links inline">' : '<ul class="links">';
+ foreach ($variables['items'] as $delta => $item) {
+ $output .= '<li class="taxonomy-term-reference-' . $delta . '"' . $variables['item_attributes'][$delta] . '>' . drupal_render($item) . '</li>';
+ }
+ $output .= '</ul>';
+
+ // Render the top-level DIV.
+ $output = '<div class="' . $variables['classes'] . (!in_array('clearfix', $variables['classes_array']) ? ' clearfix' : '') . '"' . $variables['attributes'] .'>' . $output . '</div>';
+
+ return $output;
+}
diff --git a/templates/comment-wrapper.tpl.php b/templates/comment-wrapper.tpl.php
new file mode 100644
index 0000000..864dc41
--- /dev/null
+++ b/templates/comment-wrapper.tpl.php
@@ -0,0 +1,51 @@
+<?php
+
+/**
+ * @file
+ * Bartik's theme implementation to provide an HTML container for comments.
+ *
+ * Available variables:
+ * - $content: The array of content-related elements for the node. Use
+ * render($content) to print them all, or
+ * print a subset such as render($content['comment_form']).
+ * - $classes: String of classes that can be used to style contextually through
+ * CSS. It can be manipulated through the variable $classes_array from
+ * preprocess functions. The default value has the following:
+ * - comment-wrapper: The current template type, i.e., "theming hook".
+ * - $title_prefix (array): An array containing additional output populated by
+ * modules, intended to be displayed in front of the main title tag that
+ * appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ * modules, intended to be displayed after the main title tag that appears in
+ * the template.
+ *
+ * The following variables are provided for contextual information.
+ * - $node: Node object the comments are attached to.
+ * The constants below the variables show the possible values and should be
+ * used for comparison.
+ * - $display_mode
+ * - COMMENT_MODE_FLAT
+ * - COMMENT_MODE_THREADED
+ *
+ * Other variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ * into a string within the variable $classes.
+ *
+ * @see template_preprocess_comment_wrapper()
+ * @see theme_comment_wrapper()
+ */
+?>
+<div id="comments" class="<?php print $classes; ?>"<?php print $attributes; ?>>
+ <?php if ($content['comments'] && $node->type != 'forum'): ?>
+ <?php print render($title_prefix); ?>
+ <h2 class="title"><?php print t('Comments'); ?></h2>
+ <?php print render($title_suffix); ?>
+ <?php endif; ?>
+
+ <?php print render($content['comments']); ?>
+
+ <?php if ($content['comment_form']): ?>
+ <h2 class="title comment-form"><?php print t('Add new comment'); ?></h2>
+ <?php print render($content['comment_form']); ?>
+ <?php endif; ?>
+</div>
diff --git a/templates/comment.tpl.php b/templates/comment.tpl.php
new file mode 100644
index 0000000..d64487d
--- /dev/null
+++ b/templates/comment.tpl.php
@@ -0,0 +1,105 @@
+<?php
+
+/**
+ * @file
+ * Bartik's theme implementation for comments.
+ *
+ * Available variables:
+ * - $author: Comment author. Can be link or plain text.
+ * - $content: An array of comment items. Use render($content) to print them all, or
+ * print a subset such as render($content['field_example']). Use
+ * hide($content['field_example']) to temporarily suppress the printing of a
+ * given element.
+ * - $created: Formatted date and time for when the comment was created.
+ * Preprocess functions can reformat it by calling format_date() with the
+ * desired parameters on the $comment->created variable.
+ * - $changed: Formatted date and time for when the comment was last changed.
+ * Preprocess functions can reformat it by calling format_date() with the
+ * desired parameters on the $comment->changed variable.
+ * - $new: New comment marker.
+ * - $permalink: Comment permalink.
+ * - $submitted: Submission information created from $author and $created during
+ * template_preprocess_comment().
+ * - $picture: Authors picture.
+ * - $signature: Authors signature.
+ * - $status: Comment status. Possible values are:
+ * comment-unpublished, comment-published or comment-preview.
+ * - $title: Linked title.
+ * - $classes: String of classes that can be used to style contextually through
+ * CSS. It can be manipulated through the variable $classes_array from
+ * preprocess functions. The default values can be one or more of the following:
+ * - comment: The current template type, i.e., "theming hook".
+ * - comment-by-anonymous: Comment by an unregistered user.
+ * - comment-by-node-author: Comment by the author of the parent node.
+ * - comment-preview: When previewing a new or edited comment.
+ * The following applies only to viewers who are registered users:
+ * - comment-unpublished: An unpublished comment visible only to administrators.
+ * - comment-by-viewer: Comment by the user currently viewing the page.
+ * - comment-new: New comment since last the visit.
+ * - $title_prefix (array): An array containing additional output populated by
+ * modules, intended to be displayed in front of the main title tag that
+ * appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ * modules, intended to be displayed after the main title tag that appears in
+ * the template.
+ *
+ * These two variables are provided for context:
+ * - $comment: Full comment object.
+ * - $node: Node object the comments are attached to.
+ *
+ * Other variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ * into a string within the variable $classes.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_comment()
+ * @see template_process()
+ * @see theme_comment()
+ */
+?>
+<div class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
+
+ <div class="attribution">
+
+ <?php print $picture; ?>
+
+ <div class="submitted">
+ <p class="commenter-name">
+ <?php print $author; ?>
+ </p>
+ <p class="comment-time">
+ <?php print $created; ?>
+ </p>
+ <p class="comment-permalink">
+ <?php print $permalink; ?>
+ </p>
+ </div>
+ </div>
+
+ <div class="comment-text">
+ <div class="comment-arrow"></div>
+
+ <?php if ($new): ?>
+ <span class="new"><?php print $new; ?></span>
+ <?php endif; ?>
+
+ <?php print render($title_prefix); ?>
+ <h3<?php print $title_attributes; ?>><?php print $title; ?></h3>
+ <?php print render($title_suffix); ?>
+
+ <div class="content"<?php print $content_attributes; ?>>
+ <?php
+ // We hide the comments and links now so that we can render them later.
+ hide($content['links']);
+ print render($content);
+ ?>
+ <?php if ($signature): ?>
+ <div class="user-signature clearfix">
+ <?php print $signature; ?>
+ </div>
+ <?php endif; ?>
+ </div> <!-- /.content -->
+
+ <?php print render($content['links']); ?>
+ </div> <!-- /.comment-text -->
+</div>
diff --git a/templates/maintenance-page.tpl.php b/templates/maintenance-page.tpl.php
new file mode 100644
index 0000000..6deef1e
--- /dev/null
+++ b/templates/maintenance-page.tpl.php
@@ -0,0 +1,66 @@
+<?php
+
+/**
+ * @file
+ * Implementation to display a single Drupal page while offline.
+ *
+ * All the available variables are mirrored in page.tpl.php.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_maintenance_page()
+ * @see bartik_process_maintenance_page()
+ */
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" lang="<?php print $language->language; ?>" dir="<?php print $language->dir; ?>">
+<head>
+ <?php print $head; ?>
+ <title><?php print $head_title; ?></title>
+ <?php print $styles; ?>
+ <?php print $scripts; ?>
+</head>
+<body class="<?php print $classes; ?>" <?php print $attributes;?>>
+
+ <div id="skip-link">
+ <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
+ </div>
+
+ <div id="page-wrapper"><div id="page">
+
+ <div id="header"><div class="section clearfix">
+ <?php if ($site_name || $site_slogan): ?>
+ <div id="name-and-slogan"<?php if ($hide_site_name && $hide_site_slogan) { print ' class="element-invisible"'; } ?>>
+ <?php if ($site_name): ?>
+ <div id="site-name"<?php if ($hide_site_name) { print ' class="element-invisible"'; } ?>>
+ <strong>
+ <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>
+ </strong>
+ </div>
+ <?php endif; ?>
+ <?php if ($site_slogan): ?>
+ <div id="site-slogan"<?php if ($hide_site_slogan) { print ' class="element-invisible"'; } ?>>
+ <?php print $site_slogan; ?>
+ </div>
+ <?php endif; ?>
+ </div> <!-- /#name-and-slogan -->
+ <?php endif; ?>
+ </div></div> <!-- /.section, /#header -->
+
+ <div id="main-wrapper"><div id="main" class="clearfix">
+ <div id="content" class="column"><div class="section">
+ <a id="main-content"></a>
+ <?php if ($title): ?><h1 class="title" id="page-title"><?php print $title; ?></h1><?php endif; ?>
+ <?php print $content; ?>
+ <?php if ($messages): ?>
+ <div id="messages"><div class="section clearfix">
+ <?php print $messages; ?>
+ </div></div> <!-- /.section, /#messages -->
+ <?php endif; ?>
+ </div></div> <!-- /.section, /#content -->
+ </div></div> <!-- /#main, /#main-wrapper -->
+
+ </div></div> <!-- /#page, /#page-wrapper -->
+
+</body>
+</html>
diff --git a/templates/node.tpl.php b/templates/node.tpl.php
new file mode 100644
index 0000000..f215b47
--- /dev/null
+++ b/templates/node.tpl.php
@@ -0,0 +1,124 @@
+<?php
+
+/**
+ * @file
+ * Bartik's theme implementation to display a node.
+ *
+ * Available variables:
+ * - $title: the (sanitized) title of the node.
+ * - $content: An array of node items. Use render($content) to print them all,
+ * or print a subset such as render($content['field_example']). Use
+ * hide($content['field_example']) to temporarily suppress the printing of a
+ * given element.
+ * - $user_picture: The node author's picture from user-picture.tpl.php.
+ * - $date: Formatted creation date. Preprocess functions can reformat it by
+ * calling format_date() with the desired parameters on the $created variable.
+ * - $name: Themed username of node author output from theme_username().
+ * - $node_url: Direct url of the current node.
+ * - $display_submitted: Whether submission information should be displayed.
+ * - $submitted: Submission information created from $name and $date during
+ * template_preprocess_node().
+ * - $classes: String of classes that can be used to style contextually through
+ * CSS. It can be manipulated through the variable $classes_array from
+ * preprocess functions. The default values can be one or more of the
+ * following:
+ * - node: The current template type, i.e., "theming hook".
+ * - node-[type]: The current node type. For example, if the node is a
+ * "Blog entry" it would result in "node-blog". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - node-teaser: Nodes in teaser form.
+ * - node-preview: Nodes in preview mode.
+ * The following are controlled through the node publishing options.
+ * - node-promoted: Nodes promoted to the front page.
+ * - node-sticky: Nodes ordered above other non-sticky nodes in teaser
+ * listings.
+ * - node-unpublished: Unpublished nodes visible only to administrators.
+ * - $title_prefix (array): An array containing additional output populated by
+ * modules, intended to be displayed in front of the main title tag that
+ * appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ * modules, intended to be displayed after the main title tag that appears in
+ * the template.
+ *
+ * Other variables:
+ * - $node: Full node object. Contains data that may not be safe.
+ * - $type: Node type, i.e. story, page, blog, etc.
+ * - $comment_count: Number of comments attached to the node.
+ * - $uid: User ID of the node author.
+ * - $created: Time the node was published formatted in Unix timestamp.
+ * - $classes_array: Array of html class attribute values. It is flattened
+ * into a string within the variable $classes.
+ * - $zebra: Outputs either "even" or "odd". Useful for zebra striping in
+ * teaser listings.
+ * - $id: Position of the node. Increments each time it's output.
+ *
+ * Node status variables:
+ * - $view_mode: View mode, e.g. 'full', 'teaser'...
+ * - $teaser: Flag for the teaser state (shortcut for $view_mode == 'teaser').
+ * - $page: Flag for the full page state.
+ * - $promote: Flag for front page promotion state.
+ * - $sticky: Flags for sticky post setting.
+ * - $status: Flag for published status.
+ * - $comment: State of comment settings for the node.
+ * - $readmore: Flags true if the teaser content of the node cannot hold the
+ * main body content.
+ * - $is_front: Flags true when presented in the front page.
+ * - $logged_in: Flags true when the current user is a logged-in member.
+ * - $is_admin: Flags true when the current user is an administrator.
+ *
+ * Field variables: for each field instance attached to the node a corresponding
+ * variable is defined, e.g. $node->body becomes $body. When needing to access
+ * a field's raw values, developers/themers are strongly encouraged to use these
+ * variables. Otherwise they will have to explicitly specify the desired field
+ * language, e.g. $node->body['en'], thus overriding any language negotiation
+ * rule that was previously applied.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_node()
+ * @see template_process()
+ */
+?>
+<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
+
+ <?php print render($title_prefix); ?>
+ <?php if (!$page): ?>
+ <h2<?php print $title_attributes; ?>>
+ <a href="<?php print $node_url; ?>"><?php print $title; ?></a>
+ </h2>
+ <?php endif; ?>
+ <?php print render($title_suffix); ?>
+
+ <?php if ($display_submitted): ?>
+ <div class="meta submitted">
+ <?php print $user_picture; ?>
+ <?php print $submitted; ?>
+ </div>
+ <?php endif; ?>
+
+ <div class="content clearfix"<?php print $content_attributes; ?>>
+ <?php
+ // We hide the comments and links now so that we can render them later.
+ hide($content['comments']);
+ hide($content['links']);
+ print render($content);
+ ?>
+ </div>
+
+ <?php
+ // Remove the "Add new comment" link on the teaser page or if the comment
+ // form is being displayed on the same page.
+ if ($teaser || !empty($content['comments']['comment_form'])) {
+ unset($content['links']['comment']['#links']['comment-add']);
+ }
+ // Only display the wrapper div if there are links.
+ $links = render($content['links']);
+ if ($links):
+ ?>
+ <div class="link-wrapper">
+ <?php print $links; ?>
+ </div>
+ <?php endif; ?>
+
+ <?php print render($content['comments']); ?>
+
+</div>
diff --git a/templates/page.tpl.php b/templates/page.tpl.php
new file mode 100644
index 0000000..62f58d7
--- /dev/null
+++ b/templates/page.tpl.php
@@ -0,0 +1,247 @@
+<?php
+
+/**
+ * @file
+ * Bartik's theme implementation to display a single Drupal page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.tpl.php template normally located in the
+ * modules/system directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - $base_path: The base URL path of the Drupal installation. At the very
+ * least, this will always default to /.
+ * - $directory: The directory the template is located in, e.g. modules/system
+ * or themes/bartik.
+ * - $is_front: TRUE if the current page is the front page.
+ * - $logged_in: TRUE if the user is registered and signed in.
+ * - $is_admin: TRUE if the user has permission to access administration pages.
+ *
+ * Site identity:
+ * - $front_page: The URL of the front page. Use this instead of $base_path,
+ * when linking to the front page. This includes the language domain or
+ * prefix.
+ * - $logo: The path to the logo image, as defined in theme configuration.
+ * - $site_name: The name of the site, empty when display has been disabled
+ * in theme settings.
+ * - $site_slogan: The slogan of the site, empty when display has been disabled
+ * in theme settings.
+ * - $hide_site_name: TRUE if the site name has been toggled off on the theme
+ * settings page. If hidden, the "element-invisible" class is added to make
+ * the site name visually hidden, but still accessible.
+ * - $hide_site_slogan: TRUE if the site slogan has been toggled off on the
+ * theme settings page. If hidden, the "element-invisible" class is added to
+ * make the site slogan visually hidden, but still accessible.
+ *
+ * Navigation:
+ * - $main_menu (array): An array containing the Main menu links for the
+ * site, if they have been configured.
+ * - $secondary_menu (array): An array containing the Secondary menu links for
+ * the site, if they have been configured.
+ * - $breadcrumb: The breadcrumb trail for the current page.
+ *
+ * Page content (in order of occurrence in the default page.tpl.php):
+ * - $title_prefix (array): An array containing additional output populated by
+ * modules, intended to be displayed in front of the main title tag that
+ * appears in the template.
+ * - $title: The page title, for use in the actual HTML content.
+ * - $title_suffix (array): An array containing additional output populated by
+ * modules, intended to be displayed after the main title tag that appears in
+ * the template.
+ * - $messages: HTML for status and error messages. Should be displayed
+ * prominently.
+ * - $tabs (array): Tabs linking to any sub-pages beneath the current page
+ * (e.g., the view and edit tabs when displaying a node).
+ * - $action_links (array): Actions local to the page, such as 'Add menu' on the
+ * menu administration interface.
+ * - $feed_icons: A string of all feed icons for the current page.
+ * - $node: The node object, if there is an automatically-loaded node
+ * associated with the page, and the node ID is the second argument
+ * in the page's path (e.g. node/12345 and node/12345/revisions, but not
+ * comment/reply/12345).
+ *
+ * Regions:
+ * - $page['header']: Items for the header region.
+ * - $page['featured']: Items for the featured region.
+ * - $page['highlighted']: Items for the highlighted content region.
+ * - $page['help']: Dynamic help text, mostly for admin pages.
+ * - $page['content']: The main content of the current page.
+ * - $page['sidebar_first']: Items for the first sidebar.
+ * - $page['triptych_first']: Items for the first triptych.
+ * - $page['triptych_middle']: Items for the middle triptych.
+ * - $page['triptych_last']: Items for the last triptych.
+ * - $page['footer_firstcolumn']: Items for the first footer column.
+ * - $page['footer_secondcolumn']: Items for the second footer column.
+ * - $page['footer_thirdcolumn']: Items for the third footer column.
+ * - $page['footer_fourthcolumn']: Items for the fourth footer column.
+ * - $page['footer']: Items for the footer region.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_page()
+ * @see template_process()
+ * @see bartik_process_page()
+ * @see html.tpl.php
+ */
+?>
+<div id="page-wrapper"><div id="page">
+
+ <div id="header" class="<?php print $secondary_menu ? 'with-secondary-menu': 'without-secondary-menu'; ?>"><div class="section clearfix">
+
+ <?php if ($logo): ?>
+ <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo">
+ <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
+ </a>
+ <?php endif; ?>
+
+ <?php if ($site_name || $site_slogan): ?>
+ <div id="name-and-slogan"<?php if ($hide_site_name && $hide_site_slogan) { print ' class="element-invisible"'; } ?>>
+
+ <?php if ($site_name): ?>
+ <?php if ($title): ?>
+ <div id="site-name"<?php if ($hide_site_name) { print ' class="element-invisible"'; } ?>>
+ <strong>
+ <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>
+ </strong>
+ </div>
+ <?php else: /* Use h1 when the content title is empty */ ?>
+ <h1 id="site-name"<?php if ($hide_site_name) { print ' class="element-invisible"'; } ?>>
+ <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>
+ </h1>
+ <?php endif; ?>
+ <?php endif; ?>
+
+ <?php if ($site_slogan): ?>
+ <div id="site-slogan"<?php if ($hide_site_slogan) { print ' class="element-invisible"'; } ?>>
+ <?php print $site_slogan; ?>
+ </div>
+ <?php endif; ?>
+
+ </div> <!-- /#name-and-slogan -->
+ <?php endif; ?>
+
+ <?php print render($page['header']); ?>
+
+ <?php if ($main_menu): ?>
+ <div id="main-menu" class="navigation">
+ <?php print theme('links__system_main_menu', array(
+ 'links' => $main_menu,
+ 'attributes' => array(
+ 'id' => 'main-menu-links',
+ 'class' => array('links', 'clearfix'),
+ ),
+ 'heading' => array(
+ 'text' => t('Main menu'),
+ 'level' => 'h2',
+ 'class' => array('element-invisible'),
+ ),
+ )); ?>
+ </div> <!-- /#main-menu -->
+ <?php endif; ?>
+
+ <?php if ($secondary_menu): ?>
+ <div id="secondary-menu" class="navigation">
+ <?php print theme('links__system_secondary_menu', array(
+ 'links' => $secondary_menu,
+ 'attributes' => array(
+ 'id' => 'secondary-menu-links',
+ 'class' => array('links', 'inline', 'clearfix'),
+ ),
+ 'heading' => array(
+ 'text' => t('Secondary menu'),
+ 'level' => 'h2',
+ 'class' => array('element-invisible'),
+ ),
+ )); ?>
+ </div> <!-- /#secondary-menu -->
+ <?php endif; ?>
+
+ </div></div> <!-- /.section, /#header -->
+
+ <?php if ($messages): ?>
+ <div id="messages"><div class="section clearfix">
+ <?php print $messages; ?>
+ </div></div> <!-- /.section, /#messages -->
+ <?php endif; ?>
+
+ <?php if ($page['featured']): ?>
+ <div id="featured"><div class="section clearfix">
+ <?php print render($page['featured']); ?>
+ </div></div> <!-- /.section, /#featured -->
+ <?php endif; ?>
+
+ <div id="main-wrapper" class="clearfix"><div id="main" class="clearfix">
+
+ <?php if ($breadcrumb): ?>
+ <div id="breadcrumb"><?php print $breadcrumb; ?></div>
+ <?php endif; ?>
+
+ <?php if ($page['sidebar_first']): ?>
+ <div id="sidebar-first" class="column sidebar"><div class="section">
+ <?php print render($page['sidebar_first']); ?>
+ </div></div> <!-- /.section, /#sidebar-first -->
+ <?php endif; ?>
+
+ <div id="content" class="column"><div class="section">
+ <?php if ($page['highlighted']): ?><div id="highlighted"><?php print render($page['highlighted']); ?></div><?php endif; ?>
+ <a id="main-content"></a>
+ <?php print render($title_prefix); ?>
+ <?php if ($title): ?>
+ <h1 class="title" id="page-title">
+ <?php print $title; ?>
+ </h1>
+ <?php endif; ?>
+ <?php print render($title_suffix); ?>
+ <?php if ($tabs): ?>
+ <div class="tabs">
+ <?php print render($tabs); ?>
+ </div>
+ <?php endif; ?>
+ <?php print render($page['help']); ?>
+ <?php if ($action_links): ?>
+ <ul class="action-links">
+ <?php print render($action_links); ?>
+ </ul>
+ <?php endif; ?>
+ <?php print render($page['content']); ?>
+ <?php print $feed_icons; ?>
+
+ </div></div> <!-- /.section, /#content -->
+
+ <?php if ($page['sidebar_second']): ?>
+ <div id="sidebar-second" class="column sidebar"><div class="section">
+ <?php print render($page['sidebar_second']); ?>
+ </div></div> <!-- /.section, /#sidebar-second -->
+ <?php endif; ?>
+
+ </div></div> <!-- /#main, /#main-wrapper -->
+
+ <?php if ($page['triptych_first'] || $page['triptych_middle'] || $page['triptych_last']): ?>
+ <div id="triptych-wrapper"><div id="triptych" class="clearfix">
+ <?php print render($page['triptych_first']); ?>
+ <?php print render($page['triptych_middle']); ?>
+ <?php print render($page['triptych_last']); ?>
+ </div></div> <!-- /#triptych, /#triptych-wrapper -->
+ <?php endif; ?>
+
+ <div id="footer-wrapper"><div class="section">
+
+ <?php if ($page['footer_firstcolumn'] || $page['footer_secondcolumn'] || $page['footer_thirdcolumn'] || $page['footer_fourthcolumn']): ?>
+ <div id="footer-columns" class="clearfix">
+ <?php print render($page['footer_firstcolumn']); ?>
+ <?php print render($page['footer_secondcolumn']); ?>
+ <?php print render($page['footer_thirdcolumn']); ?>
+ <?php print render($page['footer_fourthcolumn']); ?>
+ </div> <!-- /#footer-columns -->
+ <?php endif; ?>
+
+ <?php if ($page['footer']): ?>
+ <div id="footer" class="clearfix">
+ <?php print render($page['footer']); ?>
+ </div> <!-- /#footer -->
+ <?php endif; ?>
+
+ </div></div> <!-- /.section, /#footer-wrapper -->
+
+</div></div> <!-- /#page, /#page-wrapper -->