/* $Id$ */
/**
* @file
* Message Styling
*
* Sensible styling for Drupal's error/warning/status messages.
*/
<?php
$messages = dcss('messages');
$css = array('selectors' => array('div.messages', 'div.status', 'div.warning'), 'styles' => array('min-height: 21px', 'margin: 0 1em 5px 1em', 'padding: 5px', 'color' => $messages['default']['color'], 'background-color' => $messages['default']['background_color'], 'border' => implode(' ', $messages['default']['border'])));
if (!empty($messages['use_images'])) {
$css['styles'][] = "background-image: url(" . dcss_url('../images/messages-status.png', 'zendcss') . ")";
$css['styles']['padding'] = '5px 5px 5px 35px';
$css['styles'][] = 'background-position: 5px 5px';
$css['styles'][] = 'background-repeat: no-repeat';
}
echo theme('dcss_css', $css);
$css = array('selector' => 'div.warning', 'styles' => array('border-color' => $messages['warning']['border_color']));
if (!empty($messages['use_images'])) {
$css['styles'][] = "background-image: url(" . dcss_url('../images/messages-warning.png', 'zendcss') . ")";
}
echo theme('dcss_css', $css);
$css = array('selectors' => array('div.warning', 'tr.warning'), 'styles' => array('color' => $messages['warning']['color'], 'background-color' => $messages['warning']['background_color']));
echo theme('dcss_css', $css);
$css = array('selector' => 'div.error', 'styles' => array('border-color' => $messages['error']['border_color']));
if (!empty($messages['use_images'])) {
$css['styles'][] = "background-image: url(" . dcss_url('../images/messages-error.png', 'zendcss') . ")";
}
echo theme('dcss_css', $css);
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><%=title%></title>
<?php
dcss('style');
dcss('comments');
dcss('tooltipster');
dcss('nav');
dcss('OpenSans');
dcss('font-awesome');
dcss('font-awesome.extend');
dcss('big-device', '(min-width: 1100px)');
dcss('medium-device', '(max-width: 960px)');
dcss('small-device', '(max-width: 800px)');
dcss('mini-device', '(max-width: 600px)');
?>
<script src="<?php
echo js('jquery');
?>
"></script>
<script src="<?php
echo js('extendPrototype');
?>
"></script>
<script src="<?php
echo js('jquery.tooltipster.min');
?>
"></script>
<script src="<?php
echo js('template');
padding: 0;
}
dd {
margin: 0 0 0 2em;
padding: 0;
}
/*
* Links
*
* The order of link states are based on Eric Meyer's article:
* http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
*/
<?php
$links = dcss('links');
foreach (array('link', 'visited', 'hover_focus' => array('a:hover', 'a:focus'), 'active') as $key => $selector) {
$css = array('styles' => array());
if (is_array($selector)) {
$css['selectors'] = $selector;
} else {
$css['selector'] = 'a:' . $selector;
$key = $selector;
}
if (!empty($links[$key]['color'])) {
$css['styles']['color'] = $links[$key]['color'];
}
if (!empty($links[$key]['text_decoration'])) {
$css['styles']['text-decoration'] = $links[$key]['text_decoration'];
}
if (!empty($css['styles'])) {
/* $Id$ */
/**
* @file
* Page Background Styling
*
* The default layout method of Zen doesn't give themers equal-height columns.
* However, equal-height columns are difficult to achieve and totally
* unnecessary. Instead, use the Faux Columns method described in the following
* ALA article:
* http://www.alistapart.com/articles/fauxcolumns/
*/
<?php
$selectors = array('body' => 'body', 'footer' => '#footer', 'page' => '#page', 'header' => '#header', 'header_section' => '#header .section', 'footer_section' => '#footer .section', 'main' => '#main', 'page_wrapper' => '#page-wrapper');
$colors = dcss('colors');
if ($colors) {
foreach ($colors as $key => $values) {
$css = array('selector' => $selectors[$key], 'styles' => array());
foreach ($values as $type => $color) {
if (!empty($color)) {
switch ($type) {
case 'font':
$css['styles']['color'] = $color;
break;
case 'background':
$css['styles']['background-color'] = $color;
break;
}
}
}
