/* $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; } } }