Commit 452f25e9 authored by Riccardo Padovani's avatar Riccardo Padovani

Removed unused themes

parent a8c266ce
name = Bartik
description = A flexible, recolorable theme with many regions.
package = Core
version = VERSION
core = 7.x
stylesheets[all][] = css/layout.css
stylesheets[all][] = css/style.css
stylesheets[all][] = css/colors.css
stylesheets[print][] = css/print.css
regions[header] = Header
regions[help] = Help
regions[page_top] = Page top
regions[page_bottom] = Page bottom
regions[highlighted] = Highlighted
regions[featured] = Featured
regions[content] = Content
regions[sidebar_first] = Sidebar first
regions[sidebar_second] = Sidebar second
regions[triptych_first] = Triptych first
regions[triptych_middle] = Triptych middle
regions[triptych_last] = Triptych last
regions[footer_firstcolumn] = Footer first column
regions[footer_secondcolumn] = Footer second column
regions[footer_thirdcolumn] = Footer third column
regions[footer_fourthcolumn] = Footer fourth column
regions[footer] = Footer
settings[shortcut_module_link] = 0
; Information added by Drupal.org packaging script on 2014-01-15
version = "7.26"
project = "drupal"
datestamp = "1389815930"
<?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',
);
/* ---------- Color form ----------- */
#color_scheme_form #palette .form-item {
width: 25em;
}
#color_scheme_form #palette .form-item label {
width: 15em;
}
/* ---------- Preview Styles ----------- */
html.js #preview {
clear: both;
float: none !important;
}
#preview {
background-color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 1.5;
overflow: hidden;
word-wrap: break-word;
margin-bottom: 10px;
}
#preview-header {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
}
#preview-logo {
float: left;
padding: 15px 15px 15px 10px;
}
#preview-site-name {
color: #686868;
font-weight: normal;
font-size: 1.821em;
line-height: 1;
margin-bottom: 30px;
margin-left: 15px;
padding-top: 34px;
}
#preview-main-menu {
clear: both;
padding: 0 15px 3px;
}
#preview-main-menu-links a {
color: #d9d9d9;
padding: 0.6em 1em 0.4em;
}
#preview-main-menu-links {
font-size: 0.929em;
margin: 0;
padding: 0;
}
#preview-main-menu-links a {
color: #333;
background: #ccc;
background: rgba(255, 255, 255, 0.7);
text-shadow: 0 1px #eee;
-khtml-border-radius-topleft: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
border-top-left-radius: 8px;
-khtml-border-radius-topright: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
border-top-right-radius: 8px;
}
#preview-main-menu-links a:hover,
#preview-main-menu-links a:focus {
background: #fff;
background: rgba(255, 255, 255, 0.95);
}
#preview-main-menu-links a:active {
background: #b3b3b3;
background: rgba(255, 255, 255, 1);
}
#preview-main-menu-links li a.active {
border-bottom: none;
}
#preview-main-menu-links li {
display: inline;
list-style-type: none;
padding: 0.6em 0 0.4em;
}
#preview-sidebar,
#preview-content {
display: inline;
float: left;
position: relative;
}
#preview-sidebar {
margin-left: 15px;
width: 210px;
}
#preview-content {
margin-left: 30px;
width: 26.5em;
}
#preview-sidebar .preview-block {
border: 1px solid;
margin: 20px 0;
padding: 15px 20px;
}
#preview-sidebar h2 {
border-bottom: 1px solid #d6d6d6;
font-size: 1.071em;
font-weight: normal;
line-height: 1.2;
margin: 0 0 0.5em;
padding-bottom: 5px;
text-shadow: 0 1px 0 #fff;
}
#preview .preview-block .preview-content {
margin-top: 1em;
}
#preview .preview-block-menu .preview-content,
#preview .preview-block-menu .preview-content ul {
margin-top: 0;
}
#preview-main {
margin-bottom: 40px;
margin-top: 20px;
}
#preview-page-title {
font-size: 2em;
font-weight: normal;
line-height: 1;
margin: 1em 0 0.5em;
}
#preview-footer-wrapper {
color: #c0c0c0;
color: rgba(255, 255, 255, 0.65);
display: block !important;
font-size: 0.857em;
padding: 20px 20px 25px;
}
#preview-footer-wrapper a {
color: #fcfcfc;
color: rgba(255, 255, 255, 0.8);
}
#preview-footer-wrapper a:hover,
#preview-footer-wrapper a:focus {
color: #fefefe;
color: rgba(255, 255, 255, 0.95);
text-decoration: underline;
}
#preview-footer-wrapper .preview-footer-column {
display: inline;
float: left;
padding: 0 10px;
position: relative;
width: 220px;
}
#preview-footer-wrapper .preview-block {
border: 1px solid #444;
border-color: rgba(255, 255, 255, 0.1);
margin: 20px 0;
padding: 10px;
}
#preview-footer-columns .preview-block-menu {
border: none;
margin: 0;
padding: 0;
}
#preview-footer-columns h2 {
border-bottom: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
font-size: 1em;
margin-bottom: 0;
padding-bottom: 3px;
text-transform: uppercase;
}
#preview-footer-columns .preview-content {
margin-top: 0;
}
#preview-footer-columns .preview-content ul {
margin-left: 0;
padding-left: 0;
}
#preview-footer-columns .preview-content li {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#preview-footer-columns .preview-content li a {
border-bottom: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
display: block;
line-height: 1.2;
padding: 0.8em 2px 0.8em 20px;
text-indent: -15px;
}
#preview-footer-columns .preview-content li a:hover,
#preview-footer-columns .preview-content li a:focus {
background-color: #1f1f21;
background-color: rgba(255, 255, 255, 0.05);
text-decoration: none;
}
<div id="preview">
<div id="preview-header">
<div id="preview-logo"><img src="../../../themes/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>
(function ($) {
Drupal.color = {
logoChanged: false,
callback: function(context, settings, form, farb, height, width) {
// Change the logo to be the real one.
if (!this.logoChanged) {
$('#preview #preview-logo img').attr('src', Drupal.settings.color.logo);
this.logoChanged = true;
}
// Remove the logo if the setting is toggled off.
if (Drupal.settings.color.logo == null) {
$('div').remove('#preview-logo');
}
// Solid background.
$('#preview', form).css('backgroundColor', $('#palette input[name="palette[bg]"]', form).val());
// Text preview.
$('#preview #preview-main h2, #preview .preview-content', form).css('color', $('#palette input[name="palette[text]"]', form).val());
$('#preview #preview-content a', form).css('color', $('#palette input[name="palette[link]"]', form).val());
// Sidebar block.
$('#preview #preview-sidebar #preview-block', form).css('background-color', $('#palette input[name="palette[sidebar]"]', form).val());
$('#preview #preview-sidebar #preview-block', form).css('border-color', $('#palette input[name="palette[sidebarborders]"]', form).val());
// Footer wrapper background.
$('#preview #preview-footer-wrapper', form).css('background-color', $('#palette input[name="palette[footer]"]', form).val());
// CSS3 Gradients.
var gradient_start = $('#palette input[name="palette[top]"]', form).val();
var gradient_end = $('#palette input[name="palette[bottom]"]', form).val();
$('#preview #preview-header', form).attr('style', "background-color: " + gradient_start + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_start + "), to(" + gradient_end + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_start + ", " + gradient_end + ");");
$('#preview #preview-site-name', form).css('color', $('#palette input[name="palette[titleslogan]"]', form).val());
}
};
})(jQuery);
/* ---------- Color 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;
}
fieldset legend {
left: 6px;
}
ul.action-links li a,
#user-login-form li.openid-link a,
#user-login li.openid-link a {
zoom: 1;
}
.comment .attribution {
float: right;
}
.comment .comment-arrow {
position: absolute;
right: 25px;
}
.region-header .block,
.region-header #block-user-login .form-item {
float: none;
display: inline;
vertical-align: top;
}
.region-header #block-user-login .item-list li {
float: none;
}
.region-header #block-user-login .item-list li.last {
padding-right: 0;
}
#user-login-form li.openid-link a,
#user-login li.openid-link a {
background-position: right -3px;
padding-right: 20px;
zoom: 1;
}
#main-menu ul.links li {
margin: 0;
}
#main-menu ul.links li,
#main-menu ul.links li a {
display: inline;
float: none;
margin: 0;
zoom: 1;
}
#footer li {
display: inline;
float: none;
}
.block {
zoom: 1;
}
#password-strength-text {
margin-top: 0;
}
fieldset legend {
left: -8px;
padding: 0;
}
#footer-wrapper #footer .block {
height: 100%;
}
.comment .attribution {
display: inline-block;
position: relative;
float: left; /* LTR */
overflow: hidden;
}
.comment .comment-text {
display: inline-block;
width: auto;
}
#search-block-form input.form-submit,
#search-form input.form-submit {
text-transform: capitalize; /* Trigger text indent. */
height: 26px;
}
.meta {
margin-bottom: 10px;
}
.region-header .form-required {
color: #eee;
}
#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus {
background-position: center -25px;
}
.contact-form #edit-message {
width: 75%;
}
.contact-form .resizable-textarea .grippie {
width: 76.3%;
}
#footer li {
float: left; /* LTR */
}
#footer-wrapper {
color: #c0c0c0;
}
#footer-wrapper a {
color: #fcfcfc;
}
#footer-wrapper a:hover,
#footer-wrapper a:focus {
color: #fefefe;
}
.node-teaser {
margin-top: 10px;
}
#content {
overflow: hidden;
}
.form-item-search-block-form {
width: 50%;
}
.tabs ul.primary,
.region-header .block-menu li a,
.comment-form .form-item {
zoom: 1;
}
#block-search-form .form-item-search-block-form input {
width: 67%;
}
.node-teaser {
border-bottom: 1px solid #d3d7d9;
}
/* ---------- Basic Layout RTL Styles ----------- */
#content,
#sidebar-first,
#sidebar-second,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
float: right;
}
.region-header {
float: left;
}
#secondary-menu {
left: 0;
right: auto;
}
/* ---------- 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;
}
body.maintenance-page {
background-color: #fff;
color: #000;
}
.maintenance-page #page-wrapper {
background: #fff;
margin-left: auto;
margin-right: auto;
min-width: 0;
min-height: 0;
width: 800px;
border: 1px solid #ddd;
margin-top: 40px;
}
.maintenance-page #page {
margin: 20px 40px 40px;
}
.maintenance-page #main-wrapper {
min-height: inherit;
}
.maintenance-page #header,
.maintenance-page #messages,
.maintenance-page #main {
width: auto;
}
.maintenance-page #header div.section,
.maintenance-page #main {
width: 700px;
}
.maintenance-page #main {
margin: 0;
}
.maintenance-page #content .section {
padding: 0 0 0 10px;
}
.maintenance-page #header {
background-color: #fff;
background-image: none;
}
.maintenance-page #name-and-slogan {
margin-bottom: 50px;
margin-left: 0;
padding-top: 20px;
font-size: 90%;
}
.maintenance-page #name-and-slogan,
.maintenance-page #name-and-slogan a,
.maintenance-page #name-and-slogan a:hover,
.maintenance-page #name-and-slogan a:hover {
color: #777;
}
.maintenance-page h1#page-title {
line-height: 1em;
margin-top: 0;
}
.maintenance-page #messages {
padding: 0;
margin-top: 30px;
}
.maintenance-page #messages div.messages {
margin: 0;
}
.maintenance-page #messages div.section {
padding: 0;
width: auto;
}
/* ---------- General Layout ---------- */
body,
input,
textarea,
select {
color: #000;
background: none;
}
body.two-sidebars,
body.sidebar-first,
body.sidebar-second,
body {
width: 640px;
}
#sidebar-first,
#sidebar-second,
.navigation,
#toolbar,
#footer-wrapper,
.tabs,
.add-or-remove-shortcuts {
display: none;
}
.one-sidebar #content,
.two-sidebars #content {
width: 100%;
}
#triptych-wrapper {
width: 960px;
margin: 0;
padding: 0;
border: none;
}
#triptych-first, #triptych-middle, #triptych-last {
width: 250px;
}
/* ---------- Node Pages ---------- */
#comments .title,
#comments form,
.comment_forbidden {
display: none;
}
/* ------------------ 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;
}
/* ---------- 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.857em;
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;
}
<?php
/**
* Add body classes if certain regions have content.
*/
function bartik_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 bartik_process_html(&$variables) {
// Hook into color.module.
if (module_exists('color')) {
_color_html_alter($variables);
}
}
/**
* Override or insert variables into the page template.
*/
function bartik_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 bartik_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', 'bartik') . '/css/maintenance-page.css');
}
/**
* Override or insert variables into the maintenance page template.
*/
function bartik_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 bartik_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 bartik_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 bartik_menu_tree($variables) {
return '<ul class="menu clearfix">' . $variables['tree'] . '</ul>';
}
/**
* Implements theme_field__field_type().
*/
function bartik_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;
}
<?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()
*/
?>
<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>
<?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>
<?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>
<?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; for example, "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; for example, 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; for example, "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; for example, $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; for example, $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>
<?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 -->
/* IE7 renders legends in nested fieldsets without a width. */
fieldset legend {
height: 1%;
}
/* IE renders absolute positioned legend where fieldset content starts. */
fieldset .fieldset-legend {
left: 0;
top: 0;
}
/* IE renders monospace font too big. */
code,
pre,
kbd {
font-size: 1em;
}
ul.menu li,
ul.menu li a,
ul.links li,
ul.links li a,
.action-links,
#page {
height: 1%;
}
#block-system-main ul.admin-list li a {
height: 1px;
position: relative;
display: block;
}
#block-system-main ul.admin-list li div.description a {
display: inline;
}
ul.tabs.primary {
padding: 0;
}
ul.primary li,
ul.primary li a,
ul.primary li.active a {
float: none !important;
display: inline;
}
ul.primary li,
ul.primary li a,
ul.primary li a.active,
ul.primary li a:active,
ul.primary li a:visited,
ul.primary li a:hover,
ul.primary li.active a {
zoom: 1;
position: relative;
}
ul.admin-list li {
position: static;
}
/**
* @file
* Seven styles for jQuery UI.
* Overrides /misc/ui/ui.theme.css.
*/
/**
* Component containers
*/
.ui-widget {
background: #fff;
}
.ui-widget-content {
border: solid 1px #ccc;
}
/**
* Interaction states
*/
.ui-state-default,
.ui-state-hover,
.ui-state-focus,
.ui-state-active {
outline: 0;
}
.ui-state-active {
font-weight: bold;
}
/**
* Interaction cues
*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
color: #840;
background: #fe6;
border: solid 1px #ed5;
}
.ui-state-error,
.ui-widget-content .ui-state-error {
color: #fff;
background: #e63;
border-color: #d52;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
}
/**
* Icons
*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
width: 16px;
height: 16px;
overflow: hidden;
background-repeat: no-repeat;
background-image: url(images/ui-icons-222222-256x240.png);
}
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons-222222-256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(images/ui-icons-888888-256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
background-image: url(images/ui-icons-454545-256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(images/ui-icons-800000-256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(images/ui-icons-ffffff-256x240.png);
}
.ui-widget p .ui-icon {
margin: 2px 3px 0 0;
}
/* positioning */
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-icon-carat-1-n { background-position: 0 0; }
/**
* Accordion
*/
.ui-accordion {
border: none;
}
.ui-accordion .ui-accordion-header {
border: solid 1px #ccc;
text-transform: uppercase;
}
.ui-accordion h3.ui-accordion-header,
#block-system-main h3.ui-accordion-header {
font-size: 1.1em;
margin: 10px 0;
}
#block-system-main .ui-accordion h3.ui-state-active,
.ui-accordion h3.ui-state-active {
margin-bottom: 0;
}
.ui-accordion .ui-accordion-header a {
display: block;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border: solid 1px #ccc;
border-top: 0;
}
/**
* Tabs
*/
.ui-tabs {
padding: 0;
}
.ui-tabs .ui-tabs-nav {
padding: 5px 10px 4px;
margin: 0;
line-height: 20px;
border-bottom: solid 1px #ccc;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
.ui-tabs .ui-tabs-nav li {
padding: 0 1em 0 10px;
margin: 0;
list-style: none;
}
.ui-tabs .ui-tabs-nav li a {
float: none;
padding: 0 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
color: #fff;
background: #666;
font-weight: normal;
}
/**
* Overlays
*/
.ui-widget-overlay {
background: #000;
opacity: .70;
filter: Alpha(Opacity=70);
}
/**
* Dialogs
*/
.ui-dialog {
background: #fff;
border: solid 1px #ccc;
padding: 0;
}
.ui-dialog .ui-dialog-titlebar {
font-weight: bold;
background: #e1e2dc;
}
.ui-dialog .ui-dialog-buttonpane {
border-width: 0;
}
.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
padding: 4px 17px;
color: #5a5a5a;
text-align: center;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: normal;
font-size: 1em;
border: 1px solid #e4e4e4;
border-bottom: 1px solid #b4b4b4;
border-left-color: #D2D2D2;
border-right-color: #D2D2D2;
background: url(images/buttons.png) 0 0 repeat-x;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.ui-dialog .ui-dialog-buttonpane button:active {
background: #666;
color: #fff;
border-color: #555;
text-shadow: #222 0px -1px 0px;
}
.overlay {
padding-right: 26px;
}
.overlay .ui-dialog-titlebar {
background: transparent;
}
/**
* Slider
*/
.ui-slider {
border: solid 1px #ccc;
}
.ui-slider .ui-slider-range {
background: #e4e4e4;
}
.ui-slider .ui-slider-handle {
border: 1px solid #e4e4e4;
border-bottom: 1px solid #b4b4b4;
border-left-color: #D2D2D2;
border-right-color: #D2D2D2;
background: url(images/buttons.png) 0 0 repeat-x;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.ui-slider a.ui-state-active,
.ui-slider .ui-slider-handle:active {
background: #666;
color: #fff;
border: solid 1px #555;
}
/**
* Progress Bar
*/
.ui-progressbar {
background: #e4e4e4;
height: 1.4em;
}
.ui-progressbar .ui-progressbar-value {
background: #0072b9 url(../../misc/progress.gif);
height: 1.5em;
}
/**
* Date Picker
*/
.ui-datepicker {
border: none;
}
.ui-datepicker td span, .ui-datepicker td a {
text-align: center;
}
.ui-datepicker .ui-state-highlight {
background: #E4E4E4;
border-color: #D2D2D2;
color: #000;
}
<!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>
<title><?php print $head_title; ?></title>
<?php print $head; ?>
<?php print $styles; ?>
<?php print $scripts; ?>
</head>
<body class="<?php print $classes; ?>">
<?php print $page_top; ?>
<div id="branding">
<?php if ($title): ?><h1 class="page-title"><?php print $title; ?></h1><?php endif; ?>
</div>
<div id="page">
<?php if ($sidebar_first): ?>
<div id="sidebar-first" class="sidebar">
<?php if ($logo): ?>
<img id="logo" src="<?php print $logo ?>" alt="<?php print $site_name ?>" />
<?php endif; ?>
<?php print $sidebar_first ?>
</div>
<?php endif; ?>
<div id="content" class="clearfix">
<?php if ($messages): ?>
<div id="console"><?php print $messages; ?></div>
<?php endif; ?>
<?php if ($help): ?>
<div id="help">
<?php print $help; ?>
</div>
<?php endif; ?>
<?php print $content; ?>
</div>
</div>
<?php print $page_bottom; ?>
</body>
</html>
<div id="branding" class="clearfix">
<?php print $breadcrumb; ?>
<?php print render($title_prefix); ?>
<?php if ($title): ?>
<h1 class="page-title"><?php print $title; ?></h1>
<?php endif; ?>
<?php print render($title_suffix); ?>
<?php print render($primary_local_tasks); ?>
</div>
<div id="page">
<?php if ($secondary_local_tasks): ?>
<div class="tabs-secondary clearfix"><?php print render($secondary_local_tasks); ?></div>
<?php endif; ?>
<div id="content" class="clearfix">
<div class="element-invisible"><a id="main-content"></a></div>
<?php if ($messages): ?>
<div id="console" class="clearfix"><?php print $messages; ?></div>
<?php endif; ?>
<?php if ($page['help']): ?>
<div id="help">
<?php print render($page['help']); ?>
</div>
<?php endif; ?>
<?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?>
<?php print render($page['content']); ?>
</div>
<div id="footer">
<?php print $feed_icons; ?>
</div>
</div>
/**
* Reset CSS styles.
*
* Based on Eric Meyer's "Reset CSS 1.0" tool from
* http://meyerweb.com/eric/tools/css/reset
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
select,
textarea,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
/* Drupal: system-menus.css */
td.menu-disabled,
ul.links,
ul.links.inline,
ul.links li,
.block ul,
/* Drupal: admin.css */
div.admin,
/* Drupal: system.css */
tr.even,
tr.odd,
tr.drag,
tbody,
tbody th,
thead th,
.breadcrumb,
.item-list .icon,
.item-list .title,
.item-list ul,
.item-list ul li,
ol.task-list li.active,
.form-item,
tr.odd .form-item,
tr.even .form-item,
.form-item .description,
.form-item label,
.form-item label.option,
.form-checkboxes,
.form-radios,
.form-checkboxes .form-item,
.form-radios .form-item,
.marker,
.form-required,
.more-link,
.more-help-link,
.item-list .pager,
.item-list .pager li,
.pager-current,
.tips,
ul.primary,
ul.primary li,
ul.primary li a,
ul.primary li.active a,
ul.primary li a:hover,
ul.secondary,
ul.secondary li,
ul.secondary a,
ul.secondary a.active,
.resizable-textarea {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* Drupal: system-menus.css */
ul.links,
ul.links.inline,
ul.links li,
.block ul,
ol,
ul,
.item-list ul,
.item-list ul li {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
/* Remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
border-collapse: collapse;
border-spacing: 0;
}
/**
* Font reset.
*
* Specifically targets form elements which browsers often times give
* special treatment.
*/
input,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
textarea {
font-size: 1em;
line-height: 1.538em;
}
/**
* Markup free clearing.
*
* Consider adding your own selectors to this instead of finding ways
* to sneak the clearfix class into Drupal's markup.
* From http://perishablepress.com/press/2009/12/06/new-clearfix-hack
*/
ul.links:after,
div.admin-panel .body:after,
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Exclude inline links from clearfix behavior */
ul.inline:after {
content: "";
display: none;
clear: none;
}
/* IE6 */
* html .form-item,
* html ul.links,
* html div.admin-panel .body,
* html .clearfix {
height: 1%;
}
/* IE7 */
*:first-child + html .form-item,
*:first-child + html ul.links,
*:first-child + html div.admin-panel .body,
*:first-child + html .clearfix {
min-height: 1%;
}
name = Seven
description = A simple one-column, tableless, fluid width administration theme.
package = Core
version = VERSION
core = 7.x
stylesheets[screen][] = reset.css
stylesheets[screen][] = style.css
settings[shortcut_module_link] = 1
regions[content] = Content
regions[help] = Help
regions[page_top] = Page top
regions[page_bottom] = Page bottom
regions[sidebar_first] = First sidebar
regions_hidden[] = sidebar_first
; Information added by Drupal.org packaging script on 2014-01-15
version = "7.26"
project = "drupal"
datestamp = "1389815930"
/**
* Generic elements.
*/
dl dd,
dl dl {
margin-right: 20px;
}
ul,
.block ul,
.item-list ul {
margin: 0.25em 1.5em 0.25em 0;
}
ol {
margin: 0.25em 2em 0.25em 0;
}
/**
* Skip link.
*/
#skip-link {
right: 50%;
margin-right: -5.25em;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
padding: 1px 10px 2px 10px;
}
/**
* Branding.
*/
#branding {
padding: 20px 20px 0 20px;
}
#branding div.block {
float: left;
padding-left: 0;
padding-right: 10px;
}
#branding div.block form div.form-item {
float: right;
}
#branding div.block form input.form-text {
margin-left: 10px;
margin-right: 0;
}
/**
* Help.
*/
#help div.more-help-link {
text-align: left;
}
/**
* Page title.
*/
#branding h1.page-title {
float: right;
}
/**
* Tabs.
*/
ul.primary li,
ul.primary li a:link,
ul.primary li a.active {
float: right;
}
ul.primary,
ul.secondary {
float: left;
}
ul.secondary li {
float: none;
}
ul.primary {
padding-top: 0;
}
/**
* Page layout.
*/
#page {
padding: 20px 0 40px 0;
margin-left: 40px;
margin-right: 40px;
}
#secondary-links ul.links li {
padding: 0 0 10px 10px;
}
ul.links li,
ul.inline li {
padding-left: 1em;
padding-right: 0;
}
ul.admin-list li {
padding: 9px 30px 0 0;
margin-right: 0;
background: url(images/list-item-rtl.png) no-repeat right 11px;
}
ul.admin-list li a {
margin-right: -30px;
margin-left: 0;
padding: 0 30px 4px 0;
}
ul.admin-list.compact li a {
margin-right: 0;
}
ul.admin-list li div.description a {
margin-right: 0;
}
/**
* Tables.
*/
table th.active a {
padding: 0 0 0 25px;
}
table th.active img {
left: 3px;
right: auto;
}
/**
* Exception for webkit bug with the right border of the last cell
* in some tables, since it's webkit only, we can use :last-child
*/
tr td:last-child {
border-left: 1px solid #bebfb9;
border-right: none;
}
/**
* Fieldsets.
*/
fieldset {
padding: 2.5em 0 0 0;
}
fieldset .fieldset-legend {
padding-right: 15px;
right: 0;
}
fieldset .fieldset-wrapper {
padding: 0 15px 13px 13px;
}
/* Filter */
.filter-wrapper .form-item,
.filter-wrapper .filter-guidelines,
.filter-wrapper .filter-help {
padding: 2px 0 0 0;
}
ul.tips li {
margin: 0.25em 1.5em 0.25em 0;
}
body div.form-type-radio div.description,
body div.form-type-checkbox div.description {
margin-left: 0;
margin-right: 1.5em;
}
input.form-submit,
a.button {
margin-left: 1em;
margin-right: 0;
}
ul.action-links li {
float: right;
margin: 0 0 0 1em;
}
ul.action-links a {
padding-left: 0;
padding-right: 15px;
background-position: right center;
}
/* Update options. */
div.admin-options label,
div.admin-options div.form-item {
margin-left: 10px;
margin-right: 0;
float: right;
}
/* Maintenance theming */
body.in-maintenance #sidebar-first {
float: right;
}
body.in-maintenance #content {
float: left;
padding-left: 20px;
padding-right: 0;
}
ol.task-list {
margin-right: 0;
}
ol.task-list li {
padding: 0.5em 20px 0.5em 1em;
}
ol.task-list li.active {
background: transparent url(images/task-item-rtl.png) no-repeat right 50%;
padding: 0.5em 20px 0.5em 1em;
}
/* Overlay theming */
.overlay #branding div.breadcrumb {
float: right;
}
.overlay ul.secondary {
margin: -1.4em 0 0.3em 0;
}
/* Shortcut theming */
div.add-or-remove-shortcuts {
float: none;
padding-left: 0;
padding-right: 6px;
}
/* Dashboard */
#dashboard div.block div.content {
padding: 10px 5px 5px 5px;
}
#dashboard div.block div.content ul.menu {
margin-right: 20px;
}
/* Recent content block */
#block-node-recent .more-link {
padding: 0 0 5px 5px;
}
/* User login block */
#user-login-form .openid-links {
margin-right: 0;
}
#user-login-form .openid-links .user-link {
margin-right: 1.5em;
}
/**
* Generic elements.
*/
body {
color: #000;
background: #fff;
font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
a {
color: #0074BD;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
hr {
margin: 0;
padding: 0;
border: none;
height: 1px;
background: #cccccc;
}
legend {
font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
margin: 10px 0;
}
h1 {
font-size: 1.538em;
}
h2 {
font-size: 1.385em;
}
h3 {
font-size: 1.231em;
}
h4 {
font-size: 1.154em;
}
h5,
h6 {
font-size: 1.077em;
}
p {
margin: 1em 0;
}
dl {
margin: 0 0 20px;
}
dl dd,
dl dl {
margin-left: 20px; /* LTR */
margin-bottom: 10px;
}
blockquote {
margin: 1em 40px;
}
address {
font-style: italic;
}
u,
ins {
text-decoration: underline;
}
s,
strike,
del {
text-decoration: line-through;
}
big {
font-size: larger;
}
small {
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
line-height: normal;
}
sup {
vertical-align: super;
font-size: smaller;
line-height: normal;
}
nobr {
white-space: nowrap;
}
abbr,
acronym {
border-bottom: dotted 1px;
}
ul,
.block ul,
.item-list ul {
list-style-type: disc;
list-style-image: none;
margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
.item-list .pager li {
padding: 0.5em;
}
.item-list ul li,
li.leaf,
ul.menu li {
list-style-type: disc;
list-style-image: none;
}
ul.menu li {
margin: 0;
}
ol {
list-style-type: decimal;
margin: 0.25em 0 0.25em 2em; /* LTR */
}
.item-list ul li.collapsed,
ul.menu li.collapsed {
list-style-image:url(../../misc/menu-collapsed.png);
list-style-type:disc;
}
.item-list ul li.expanded,
ul.menu li.expanded {
list-style-image:url(../../misc/menu-expanded.png);
list-style-type:circle;
}
quote,
code {
margin: .5em 0;
}
code,
pre,
kbd {
font-size: 1.231em;
}
pre {
margin: 0.5em 0;
white-space: pre-wrap;
}
/**
* Skip link.
*/
#skip-link {
margin-top: 0;
position: absolute;
left: 50%; /* LTR */
margin-left: -5.25em; /* LTR */
width: auto;
z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
display: block;
background: #444;
color: #fff;
font-size: 0.94em;
padding: 1px 10px 2px 10px; /* LTR */
text-decoration: none;
-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:focus,
#skip-link a:active {
outline: 0;
}
/**
* Branding.
*/
#branding {
overflow: hidden;
padding: 20px 20px 0 20px; /* LTR */
position: relative;
background-color: #e0e0d8;
}
#branding div.breadcrumb {
font-size: 0.846em;
padding-bottom: 5px;
}
#branding div.block {
position: relative;
float: right; /* LTR */
width: 240px;
padding-left: 10px; /* LTR */
background: #333;
}
#branding div.block form label {
display: none;
}
#branding div.block form div.form-item {
float: left; /* LTR */
border: 0;
margin: 0;
padding: 0;
}
#branding div.block form input.form-text {
width: 140px;
margin-right: 10px; /* LTR */
}
#branding div.block form input.form-submit {
text-align: center;
width: 80px;
}
/**
* Help.
*/
#help {
font-size: 0.923em;
margin-top: 1em;
}
#help p {
margin: 0 0 10px;
}
#help div.more-help-link {
text-align: right; /* LTR */
}
/**
* Page title.
*/
#page-title {
background: #333;
padding-top: 20px;
}
#branding h1.page-title {
color: #000;
margin: 0;
padding-bottom: 10px;
font-size: 1.385em;
font-weight: normal;
float: left; /* LTR */
}
/**
* Console.
*/
#console {
margin: 9px 0 10px;
}
/**
* Tabs.
*/
ul.primary {
float: right; /* LTR */
border-bottom: none;
text-transform: uppercase;
font-size: 0.923em;
height: 2.60em;
margin: 0;
padding-top: 0;
}
ul.primary li {
float: left; /* LTR */
list-style: none;
margin: 0 2px;
}
ul.primary li a:link,
ul.primary li a.active,
ul.primary li a:active,
ul.primary li a:visited,
ul.primary li a:hover,
ul.primary li.active a {
display: block;
float: left; /* LTR */
height: 2.60em;
line-height: 2.60em;
padding: 0 18px 8px;
background-color: #a6a7a2;
color: #000;
font-weight: bold;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #a6a7a2;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
border-radius: 8px 8px 0 0;
}
ul.primary li.active a,
ul.primary li.active a.active,
ul.primary li.active a:active,
ul.primary li.active a:visited {
background-color: #fff;
border-color: #c9cac4;
}
ul.primary li a:hover {
color: #fff;
}
ul.primary li.active a:hover {
color: #000;
}
.tabs-secondary {
clear: both;
}
ul.secondary {
float: right; /* LTR */
font-size: 0.923em;
padding: 0 3px 5px;
line-height: 1.385em;
overflow: hidden;
background-color: #fff;
}
ul.secondary li {
margin: 0 5px;
float: none; /* LTR */
}
ul.secondary li a {
background-color: #ddd;
color: #000;
display: inline-block;
}
ul.secondary li a,
ul.secondary li a:hover,
ul.secondary li.active a,
ul.secondary li.active a.active {
padding: 2px 10px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
ul.secondary li a:hover,
ul.secondary li.active a,
ul.secondary li.active a.active {
color: #fff;
background: #666;
}
#content {
clear: left;
}
/**
* Page layout.
*/
#page {
padding: 20px 0 40px 0; /* LTR */
margin-right: 40px; /* LTR */
margin-left: 40px; /* LTR */
background: #fff;
position: relative;
color: #333;
}
#secondary-links ul.links li {
padding: 0 10px 10px 0; /* LTR */
}
#secondary-links ul.links li a {
font-size: 0.923em;
background: #777;
color: #fff;
text-align: center;
padding: 5px;
height: 55px;
width: 80px;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#secondary-links ul.links li a:hover {
background: #999;
}
ul.links li,
ul.inline li {
padding-right: 1em; /* LTR */
}
ul.inline li {
display: inline;
}
#secondary-links ul.links li.active-trail a,
#secondary-links ul.links li a.active {
background: #333;
}
ul.admin-list li {
position: relative;
padding-left: 30px; /* LTR */
padding-top: 9px;
border-top: 1px solid #ccc;
margin-left: 0; /* LTR */
margin-bottom: 10px;
background: url(images/list-item.png) no-repeat 0 11px; /* LTR */
list-style-type: none;
list-style-image: none;
}
.admin-panel .item-list ul,
ul.admin-list {
margin: 0;
padding: 0;
}
.admin-panel .item-list ul,
ul.admin-list.compact {
margin: 8px 0;
}
.admin-panel .item-list li,
ul.admin-list.compact li {
border: none;
background: none;
margin: 0 0 0.75em;
line-height: 1;
padding: 0;
}
ul.admin-list li:last-child {
border-bottom: none;
}
ul.admin-list li a {
margin-left: -30px; /* LTR */
padding: 0 0 4px 30px; /* LTR */
min-height: 0;
}
ul.admin-list.compact li a {
margin-left: 0; /* LTR */
padding: 0;
}
ul.admin-list li div.description a {
margin-left: 0; /* LTR */
padding: 0;
min-height: inherit;
}
div.submitted {
color: #898989;
}
/**
* Tables.
*/
table {
width: 100%;
font-size: 0.923em;
margin: 0 0 10px;
border: 1px solid #bebfb9;
}
table td,
table th {
vertical-align: middle;
padding: 8px 10px;
border: 0;
color: #000;
}
tr.even,
tr.odd {
border-width: 0 1px 0 1px;
border-style: solid;
border-color: #bebfb9;
background: #f3f4ee;
}
tr.odd {
background: #fff;
}
tr.drag {
background: #fe7;
}
tr.drag-previous {
background: #ffb;
}
table th {
text-transform: uppercase;
background: #e1e2dc;
font-weight: normal;
border-width: 1px;
border-style: solid;
border-color: #bebfb9;
padding: 3px 10px;
}
/**
* Force browsers to calculate the width of a 'select all' TH element.
*/
table th.select-all {
width: 1px;
}
table th.active {
background: #bdbeb9;
}
table th a {
display: block;
position: relative;
}
table th.active a {
padding: 0 25px 0 0; /* LTR */
}
table th.active img {
position: absolute;
top: 3px;
right: 3px; /* LTR */
}
table td.active {
background: #e9e9dd;
}
table tr.odd td.active {
background: #f3f4ee;
}
table tr.selected td.active,
table tr.selected td {
background: #ffc;
border-color: #eeb;
}
table.system-status-report tr {
border-bottom: 1px solid #ccc;
}
table.system-status-report tr.ok {
color: #255b1e;
background-color: #e5ffe2;
}
table.system-status-report tr.info {
color: #040f37;
background-color: #bdf;
}
table.system-status-report tr.warning {
color: #840;
background-color: #fffce5;
}
table.system-status-report tr.error {
color: #8c2e0b;
background-color: #fef5f1;
}
/**
* Exception for webkit bug with the right border of the last cell
* in some tables, since it's webkit only, we can use :last-child
*/
tr td:last-child {
border-right: 1px solid #bebfb9; /* LTR */
}
/**
* Fieldsets.
*
* Fieldset legends are displayed like containers in Seven. However, several
* browsers do not support styling of LEGEND elements. To achieve the desired
* styling:
* - All fieldsets use 'position: relative'.
* - All legend labels are wrapped in a single span.fieldset-legend that uses
* 'position: absolute', which means that the LEGEND element itself is not
* rendered by browsers.
* - Due to using 'position: absolute', collapsed fieldsets do not have a
* height; the fieldset requires a 'padding-top' to make the absolute
* positioned .fieldset-legend appear as though it would have a height.
* - Various browsers are positioning the legend differently if there is a
* 'padding-left'/'padding-right' applied on a fieldset and inherit the
* positioning even to absolute positioned elements within; we therefore have
* to apply all padding to the inner .fieldset-wrapper instead.
*/
fieldset {
border: 1px solid #ccc;
padding: 2.5em 0 0 0; /* LTR */
position: relative;
margin: 1em 0;
}
fieldset .fieldset-legend {
margin-top: 0.5em;
padding-left: 15px; /* LTR */
position: absolute;
text-transform: uppercase;
}
fieldset .fieldset-wrapper {
padding: 0 13px 13px 15px; /* LTR */
}
fieldset.collapsed {
background-color: transparent;
}
html.js fieldset.collapsed {
border-width: 1px;
height: auto;
}
fieldset fieldset {
background-color: #fff;
}
fieldset fieldset fieldset {
background-color: #f8f8f8;
}
/**
* Form elements.
*/
.form-item {
padding: 9px 0;
margin: 0 0 10px;
}
.filter-wrapper .form-item,
div.teaser-checkbox .form-item,
.form-item .form-item {
padding: 5px 0;
margin: 0;
border: 0;
}
.form-type-checkbox {
padding: 0;
}
.text-format-wrapper .form-item {
padding-bottom: 0;
}
.form-item label {
margin: 0;
padding: 0;
}
.form-item label.option {
font-size: 0.923em;
text-transform: none;
}
.form-item label.option input {
vertical-align: middle;
}
.form-disabled input.form-autocomplete,
.form-disabled input.form-text,
.form-disabled input.form-file,
.form-disabled textarea.form-textarea,
.form-disabled select.form-select {
background-color: #eee;
color: #777;
}
/* Filter */
.filter-wrapper {
border-top: 0;
padding: 10px 2px;
}
.filter-wrapper .fieldset-wrapper {
padding: 0 6px;
}
.filter-wrapper .form-item,
.filter-wrapper .filter-guidelines,
.filter-wrapper .filter-help {
font-size: 0.923em;
padding: 2px 0 0 0; /* LTR */
}
ul.tips,
div.description,
.form-item div.description {
margin: 5px 0;
line-height: 1.231em;
font-size: 0.923em;
color: #666;
}
ul.tips li {
margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
body div.form-type-radio div.description,
body div.form-type-checkbox div.description {
margin-left: 1.5em; /* LTR */
}
input.form-submit,
a.button {
cursor: pointer;
padding: 4px 17px;
margin-bottom: 1em;
margin-right: 1em; /* LTR */
color: #5a5a5a;
text-align: center;
font-weight: normal;
font-size: 1.077em;
font-family: "Lucida Grande", Verdana, sans-serif;
border: 1px solid #e4e4e4;
border-bottom: 1px solid #b4b4b4;
border-left-color: #d2d2d2;
border-right-color: #d2d2d2;
background: url(images/buttons.png) 0 0 repeat-x;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
text-decoration: none;
color: #5a5a5a;
}
input.form-submit:active {
background: #666;
color: #fff;
border-color: #555;
text-shadow: #222 0 -1px 0;
}
input.form-button-disabled,
input.form-button-disabled:active {
background: #eee none;
border-color: #eee;
text-shadow: none;
color: #999;
}
input.form-autocomplete,
input.form-text,
input.form-file,
textarea.form-textarea,
select.form-select {
padding: 2px;
border: 1px solid #ccc;
border-top-color: #999;
background: #fff;
color: #333;
}
input.form-text:focus,
input.form-file:focus,
textarea.form-textarea:focus,
select.form-select:focus {
color: #000;
border-color: #ace;
}
html.js input.form-autocomplete {
background-position: 100% 4px;
}
html.js input.throbbing {
background-position: 100% -16px;
}
ul.action-links {
margin: 1em 0;
padding: 0 20px 0 20px; /* LTR */
list-style-type: none;
overflow: hidden;
}
ul.action-links li {
float: left; /* LTR */
margin: 0 1em 0 0; /* LTR */
}
ul.action-links a {
padding-left: 15px; /* LTR */
background: transparent url(images/add.png) no-repeat 0 center;
line-height: 30px;
}
/* Exceptions */
#diff-inline-form select,
div.filter-options select {
padding: 0;
}
/**
* System.
*/
div.admin .right,
div.admin .left {
width: 49%;
margin: 0;
}
div.admin-panel,
div.admin-panel .body {
padding: 0;
clear: left;
}
div.admin-panel {
margin: 0 0 20px;
padding: 9px;
background: #f8f8f8;
border: 1px solid #ccc;
}
div.admin-panel h3 {
font-size: 0.923em;
text-transform: uppercase;
margin: 0;
padding-bottom: 9px;
}
/* admin/appearance */
#system-themes-page h2 {
font-weight: normal;
text-transform: uppercase;
}
.theme-selector h3 {
font-weight: normal;
}
.theme-default h3 {
font-weight: bold;
}
.system-themes-list-enabled .theme-selector h3 {
margin-top: 0;
}
/* Update options. */
div.admin-options {
background: #f8f8f8;
line-height: 30px;
height: 30px;
padding: 9px;
border: 1px solid #ccc;
margin: 0 0 10px;
}
div.admin-options label {
text-transform: uppercase;
font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif;
}
div.admin-options label,
div.admin-options div.form-item {
margin-right: 10px; /* LTR */
float: left; /* LTR */
}
div.admin-options div.form-item {
padding: 0;
border: 0;
}
/* Update status */
.versions table.version {
border: none;
}
/* Maintenance theming */
body.in-maintenance #sidebar-first {
float: left; /* LTR */
width: 200px;
}
body.in-maintenance #content {
float: right; /* LTR */
width: 550px;
padding-right: 20px; /* LTR */
clear: none;
}
body.in-maintenance #page {
overflow: auto;
width: 770px;
margin: 0 auto;
padding-top: 2em;
}
body.in-maintenance #branding h1 {
width: 770px;
margin: 0 auto;
float: none;
}
body.in-maintenance .form-radios .form-type-radio {
padding: 2px 0;
}
body.in-maintenance div.form-item:after {
content: "";
display: none;
clear: none;
}
body.in-maintenance .form-submit {
display: block;
}
body.in-maintenance #logo {
margin-bottom: 1.5em;
max-width: 180px;
}
ol.task-list {
margin-left: 0; /* LTR */
list-style-type: none;
list-style-image: none;
}
ol.task-list li {
padding: 0.5em 1em 0.5em 20px; /* LTR */
color: #adadad;
}
ol.task-list li.active {
background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */
padding: 0.5em 1em 0.5em 20px; /* LTR */
color: #000;
}
ol.task-list li.done {
background: transparent url(images/task-check.png) no-repeat 0 50%;
color: green;
}
/* Overlay theming */
.overlay #branding {
background-color: #fff;
padding-top: 15px;
}
.overlay #branding h1.page-title,
.overlay #left,
.overlay #footer {
display: none;
}
.overlay #page {
margin: 0;
padding: 0 20px;
}
.overlay #branding div.breadcrumb {
float: left; /* LTR */
position: relative;
z-index: 10;
}
#overlay-tabs {
bottom: -1px;
font-size: 1.54em;
line-height: 1.54em;
margin: 0;
}
#overlay-tabs li {
margin: 0 -2px;
}
.overlay ul.secondary {
background: transparent none;
margin: -1.4em 0 0.3em 0; /* LTR */
overflow: visible;
}
.overlay #content {
padding: 0;
}
h1#overlay-title {
font-weight: normal;
}
/* Shortcut theming */
div.add-or-remove-shortcuts {
float: left; /* LTR */
padding-top: 6px;
padding-left: 6px; /* LTR */
}
/* Dashboard */
#dashboard .dashboard-region div.block h2 {
background: #E0E0D8;
}
#dashboard div.block h2 {
margin: 0;
font-size: 1em;
padding: 3px 10px;
}
#dashboard div.block div.content {
padding: 10px 5px 5px 5px; /* LTR */
}
#dashboard div.block div.content ul.menu {
margin-left: 20px; /* LTR */
}
#dashboard .dashboard-region .block {
border: #ccc 1px solid;
}
/* Field UI */
#field-display-overview input.field-formatter-settings-edit {
margin: 0;
padding: 1px 8px;
}
#field-display-overview tr.field-formatter-settings-changed {
background: #FFFFBB;
}
#field-display-overview tr.drag {
background: #FFEE77;
}
#field-display-overview tr.field-formatter-settings-editing {
background: #D5E9F2;
}
#field-display-overview .field-formatter-settings-edit-form .form-item {
margin: 10px 0;
}
#field-display-overview .field-formatter-settings-edit-form .form-submit {
margin-bottom: 0;
}
/* Recent content block */
#dashboard div#block-node-recent div.content {
padding: 0;
}
#block-node-recent table,
#block-node-recent tr {
border: none;
}
#block-node-recent .more-link {
padding: 0 5px 5px 0; /* LTR */
}
/* User login block */
#user-login-form .openid-links {
margin-left: 0; /* LTR */
}
#user-login-form .openid-links .user-link {
margin-left: 1.5em; /* LTR */
}
/* Disable overlay message */
#overlay-disable-message {
background-color: #addafc;
}
#overlay-disable-message a,
#overlay-disable-message a:visited {
color: #000;
}
#overlay-disable-message a:focus,
#overlay-disable-message a:active {
outline: none;
text-decoration: underline;
}
.overlay-disable-message-focused a {
padding: 0.4em 0.6em;
}
.overlay-disable-message-focused #overlay-dismiss-message {
background-color: #59a0d8;
color: #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
<?php
/**
* Override or insert variables into the maintenance page template.
*/
function seven_preprocess_maintenance_page(&$vars) {
// While markup for normal pages is split into page.tpl.php and html.tpl.php,
// the markup for the maintenance page is all in the single
// maintenance-page.tpl.php template. So, to have what's done in
// seven_preprocess_html() also happen on the maintenance page, it has to be
// called here.
seven_preprocess_html($vars);
}
/**
* Override or insert variables into the html template.
*/
function seven_preprocess_html(&$vars) {
// Add conditional CSS for IE8 and below.
drupal_add_css(path_to_theme() . '/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 8', '!IE' => FALSE), 'weight' => 999, 'preprocess' => FALSE));
// Add conditional CSS for IE7 and below.
drupal_add_css(path_to_theme() . '/ie7.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'weight' => 999, 'preprocess' => FALSE));
// Add conditional CSS for IE6.
drupal_add_css(path_to_theme() . '/ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 6', '!IE' => FALSE), 'weight' => 999, 'preprocess' => FALSE));
}
/**
* Override or insert variables into the page template.
*/
function seven_preprocess_page(&$vars) {
$vars['primary_local_tasks'] = $vars['tabs'];
unset($vars['primary_local_tasks']['#secondary']);
$vars['secondary_local_tasks'] = array(
'#theme' => 'menu_local_tasks',
'#secondary' => $vars['tabs']['#secondary'],
);
}
/**
* Display the list of available node types for node creation.
*/
function seven_node_add_list($variables) {
$content = $variables['content'];
$output = '';
if ($content) {
$output = '<ul class="admin-list">';
foreach ($content as $item) {
$output .= '<li class="clearfix">';
$output .= '<span class="label">' . l($item['title'], $item['href'], $item['localized_options']) . '</span>';
$output .= '<div class="description">' . filter_xss_admin($item['description']) . '</div>';
$output .= '</li>';
}
$output .= '</ul>';
}
else {
$output = '<p>' . t('You have not created any content types yet. Go to the <a href="@create-content">content type creation page</a> to add a new content type.', array('@create-content' => url('admin/structure/types/add'))) . '</p>';
}
return $output;
}
/**
* Overrides theme_admin_block_content().
*
* Use unordered list markup in both compact and extended mode.
*/
function seven_admin_block_content($variables) {
$content = $variables['content'];
$output = '';
if (!empty($content)) {
$output = system_admin_compact_mode() ? '<ul class="admin-list compact">' : '<ul class="admin-list">';
foreach ($content as $item) {
$output .= '<li class="leaf">';
$output .= l($item['title'], $item['href'], $item['localized_options']);
if (isset($item['description']) && !system_admin_compact_mode()) {
$output .= '<div class="description">' . filter_xss_admin($item['description']) . '</div>';
}
$output .= '</li>';
}
$output .= '</ul>';
}
return $output;
}
/**
* Override of theme_tablesort_indicator().
*
* Use our own image versions, so they show up as black and not gray on gray.
*/
function seven_tablesort_indicator($variables) {
$style = $variables['style'];
$theme_path = drupal_get_path('theme', 'seven');
if ($style == 'asc') {
return theme('image', array('path' => $theme_path . '/images/arrow-asc.png', 'alt' => t('sort ascending'), 'width' => 13, 'height' => 13, 'title' => t('sort ascending')));
}
else {
return theme('image', array('path' => $theme_path . '/images/arrow-desc.png', 'alt' => t('sort descending'), 'width' => 13, 'height' => 13, 'title' => t('sort descending')));
}
}
/**
* Implements hook_css_alter().
*/
function seven_css_alter(&$css) {
// Use Seven's vertical tabs style instead of the default one.
if (isset($css['misc/vertical-tabs.css'])) {
$css['misc/vertical-tabs.css']['data'] = drupal_get_path('theme', 'seven') . '/vertical-tabs.css';
$css['misc/vertical-tabs.css']['type'] = 'file';
}
if (isset($css['misc/vertical-tabs-rtl.css'])) {
$css['misc/vertical-tabs-rtl.css']['data'] = drupal_get_path('theme', 'seven') . '/vertical-tabs-rtl.css';
$css['misc/vertical-tabs-rtl.css']['type'] = 'file';
}
// Use Seven's jQuery UI theme style instead of the default one.
if (isset($css['misc/ui/jquery.ui.theme.css'])) {
$css['misc/ui/jquery.ui.theme.css']['data'] = drupal_get_path('theme', 'seven') . '/jquery.ui.theme.css';
$css['misc/ui/jquery.ui.theme.css']['type'] = 'file';
}
}
/**
* Override of misc/vertical-tabs-rtl.css.
*/
div.vertical-tabs {
background: #fff url(images/fc-rtl.png) repeat-y right 0;
}
div.vertical-tabs .vertical-tabs-list {
float: right;
margin: 0 0 -1px -100%;
}
div.vertical-tabs ul li.selected a,
div.vertical-tabs ul li.selected a:hover,
div.vertical-tabs ul li.selected a:focus,
div.vertical-tabs ul li.selected a:active {
border-left-color: #fff;
}
div.vertical-tabs .vertical-tabs-panes {
margin: 0 265px 0 0;
padding: 10px 0 10px 15px;
}
/**
* Override of misc/vertical-tabs.css.
*/
div.vertical-tabs {
background: #fff url(images/fc.png) repeat-y 0 0; /* LTR */
border: 1px solid #ccc;
margin: 10px 0;
position: relative;
}
fieldset.vertical-tabs-pane {
border: 0;
padding: 0;
margin: 0;
}
div.vertical-tabs .vertical-tabs-list {
border-bottom: 1px solid #ccc;
float: left; /* LTR */
font-size: 1em;
line-height: 1;
margin: 0 -100% -1px 0; /* LTR */
padding: 0;
width: 240px;
}
div.vertical-tabs ul li.vertical-tab-button {
list-style: none;
list-style-image: none;
margin: 0;
}
div.vertical-tabs ul li.vertical-tab-button a {
border-top: 1px solid #ccc;
display: block;
padding: 10px;
}
div.vertical-tabs ul li.first a {
border-top: 0;
}
div.vertical-tabs ul li.vertical-tab-button strong {
font-size: 0.923em;
}
div.vertical-tabs ul li.vertical-tab-button .summary {
color: #666;
display: block;
font-size: 0.846em;
padding-top: 0.4em;
}
div.vertical-tabs ul li.vertical-tab-button a:hover,
div.vertical-tabs ul li.vertical-tab-button a:focus {
background: #d5d5d5;
text-decoration: none;
outline: 0;
}
div.vertical-tabs ul li.selected a,
div.vertical-tabs ul li.selected a:hover,
div.vertical-tabs ul li.selected a:focus,
div.vertical-tabs ul li.selected a:active {
background: #fff;
border-right-color: #fff; /* LTR */
border-top: 1px solid #ccc;
}
div.vertical-tabs ul li.first.selected a,
div.vertical-tabs ul li.first.selected a:hover {
border-top: 0;
}
div.vertical-tabs ul li.selected a:focus strong {
text-decoration: underline;
}
div.vertical-tabs .vertical-tabs-panes {
margin: 0 0 0 265px; /* LTR */
padding: 10px 15px 10px 0; /* LTR */
}
fieldset.vertical-tabs-pane legend {
display: none;
}
fieldset.vertical-tabs-pane fieldset legend {
display: block;
}
.vertical-tabs-pane .fieldset-wrapper > div:first-child {
padding-top: 5px;
}
/**
* Prevent text inputs from overflowing when container is too narrow. "width" is
* applied to override hardcoded cols or size attributes and used in conjunction
* with "box-sizing" to prevent box model issues from occurring in most browsers.
*/
.vertical-tabs .form-type-textfield input {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
* html .vertical-tabs .form-type-textfield,
* html .vertical-tabs .form-textarea-wrapper {
width: 95%; /* IE6 */
}
ABOUT STARK
-----------
The Stark theme is provided for demonstration purposes; it uses Drupal's default
HTML markup and CSS styles. It can be used as a troubleshooting tool to
determine whether module-related CSS and JavaScript are interfering with a more
complex theme, and can be used by designers interested in studying Drupal's
default markup without the interference of changes commonly made by more complex
themes.
To avoid obscuring CSS added to the page by Drupal or a contrib module, the
Stark theme itself has no styling, except just enough CSS to arrange the page in
a traditional "Header, sidebars, content, and footer" layout. See the layout.css
file for more information.
ABOUT DRUPAL THEMING
--------------------
To learn how to build your own custom theme and override Drupal's default code,
see the Theming Guide: http://drupal.org/theme-guide
See the sites/all/themes/README.txt for more information on where to place your
custom themes to ensure easy maintenance and upgrades.
/**
* @file
* Stark layout method
*
* To avoid obscuring CSS added to the page by Drupal or a contrib module, the
* Stark theme itself has no styling, except just enough CSS to arrange the page
* in a traditional "Header, sidebars, content, and footer" layout.
*
* This layout method works reasonably well, but shouldn't be used on a
* production site because it can break. For example, if an over-large image
* (one that is wider than 20% of the viewport) is in the left sidebar, the
* image will overlap with the #content to the right. The exception to this
* is IE6 which will just hide the navigation block completely in these
* instances due to a positioning bug.
*/
#content,
#sidebar-first,
#sidebar-second {
float: left;
display: inline;
position: relative;
}
#content {
width: 100%;
}
body.sidebar-first #content {
width: 80%;
left: 20%; /* LTR */
}
body.sidebar-second #content {
width: 80%;
}
body.two-sidebars #content {
width: 60%;
left: 20%;
}
#sidebar-first {
width: 20%;
left: -80%; /* LTR */
}
body.two-sidebars #sidebar-first {
left: -60%; /* LTR */
}
#sidebar-second {
float: right; /* LTR */
width: 20%;
}
.section {
margin: 10px;
}
name = Stark
description = This theme demonstrates Drupal's default HTML markup and CSS styles. To learn how to build your own theme and override Drupal's default code, see the <a href="http://drupal.org/theme-guide">Theming Guide</a>.
package = Core
version = VERSION
core = 7.x
stylesheets[all][] = layout.css
; Information added by Drupal.org packaging script on 2014-01-15
version = "7.26"
project = "drupal"
datestamp = "1389815930"
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment