Index: CHANGELOG.txt =================================================================== RCS file: /cvs/drupal/drupal/CHANGELOG.txt,v retrieving revision 1.317 diff -u -p -r1.317 CHANGELOG.txt --- CHANGELOG.txt 21 Jul 2009 07:09:46 -0000 1.317 +++ CHANGELOG.txt 21 Jul 2009 11:19:06 -0000 @@ -93,6 +93,7 @@ Drupal 7.0, xxxx-xx-xx (development vers on as contributed themes (http://drupal.org/project/bluemarine, http://drupal.org/project/chameleon and http://drupal.org/project/pushbutton). * Added Stark theme to make analyzing Drupal's default HTML and CSS easier. + * Added Slate theme as the default administration interface theme. - File handling: * Files are now first class Drupal objects with file_load(), file_save(), and file_validate() functions and corresponding hooks. Index: themes/slate/ie6.css =================================================================== RCS file: themes/slate/ie6.css diff -N themes/slate/ie6.css --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ themes/slate/ie6.css 21 Jul 2009 11:19:06 -0000 @@ -0,0 +1,9 @@ +/* $Id$ */ + +ul.menu li, +ul.menu li a, +ul.links li, +ul.links li a, +#page { + height: 1%; +} Index: themes/slate/page.tpl.php =================================================================== RCS file: themes/slate/page.tpl.php diff -N themes/slate/page.tpl.php --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ themes/slate/page.tpl.php 21 Jul 2009 11:19:06 -0000 @@ -0,0 +1,60 @@ + +> + + <?php print $head_title; ?> + + + + + + + + +
+ +
+ + + +
+ +
+ + +
+
+

+ +
+ +
+ + +
+ +
+ +
+ +
+ +
+ + +
+ + + +
+ + + + + Index: themes/slate/reset.css =================================================================== RCS file: themes/slate/reset.css diff -N themes/slate/reset.css --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ themes/slate/reset.css 21 Jul 2009 11:19:06 -0000 @@ -0,0 +1,272 @@ +/* $Id$ */ + +/** + * Reset ============================================================== + * Based on http://meyerweb.com/eric/tools/css/reset + */ + +html, +body, + +/* Structures */ +div, +span, +applet, +object, +iframe, + +/* Text */ +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, + +/* Lists */ +dl, +dt, +dd, +ol, +ul, +li, + +/* Forms */ +fieldset, +form, +input, +select, +textarea, +label, +legend, + +/* Tables */ +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, + +/* Drupal: system-menus.css */ +ul.menu, +ul.menu li, +li.expanded, +li.collapsed, +li.leaf, +li a.active, +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, +dl.multiselect dd.b, +dl.multiselect dd.b .form-item, +dl.multiselect dd.b select, +dl.multiselect dd.a, +dl.multiselect dd.a .form-item, +dl.multiselect dt, +dl.multiselect dd, +dl.multiselect .form-item, +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, +html.js fieldset.collapsible legend a, +html.js fieldset.collapsed legend a, +.resizable-textarea { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; + line-height: inherit; + text-align: left; +} + + +/* Drupal: system-menus.css */ +ul.menu, +ul.menu li, +li.expanded, +li.collapsed, +li.leaf, +li a.active, +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 define focus styles! */ +:focus { + outline: 0; +} + +/* 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, +body { + font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +/** + * 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://www.positioniseverything.net/easyclearing.html + */ +div.form-item:after, +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; +} + +div.form-item, +ul.links, +div.admin-panel .body, +.clearfix { + display: inline-block; +} + +/* Hides from IE-mac \*/ +* html div.form-item, +* html ul.links, +* html div.admin-panel .body, +* html .clearfix { + height: 1%; +} + +div.form-item, +ul.links, +div.admin-panel .body, +.clearfix { + display: block; +} +/* End hide from IE-mac */ Index: themes/slate/screenshot.png =================================================================== RCS file: themes/slate/screenshot.png diff -N themes/slate/screenshot.png Binary files /dev/null and screenshot.png differ Index: themes/slate/slate.info =================================================================== RCS file: themes/slate/slate.info diff -N themes/slate/slate.info --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ themes/slate/slate.info 21 Jul 2009 11:19:06 -0000 @@ -0,0 +1,15 @@ +; $Id$ +name = Slate +description = A simple one-column, tableless, fluid width administration theme. +core = 7.x +version = VERSION +engine = phptemplate +stylesheets[screen][] = reset.css +stylesheets[screen][] = style.css +stylesheets[all][] = vertical-tabs.css +regions[content] = Content +regions[header] = Header +regions[footer] = Footer +regions[highlight] = Highlighted content +regions[help] = Help +regions[page_top] = Page top Index: themes/slate/style.css =================================================================== RCS file: themes/slate/style.css diff -N themes/slate/style.css --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ themes/slate/style.css 21 Jul 2009 11:19:06 -0000 @@ -0,0 +1,763 @@ +/* $Id$ */ + +/** + * Generic elements + */ +body { + color: #000; + background: #fff; + font-style: normal; + line-height: 20px; + font-size: 0.8em; + font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; +} + +a { + color: #0074BD; + text-decoration: none; +} + +div.box, p { + margin: 0 0 20px; +} + +hr { + display: none; +} + +legend { + font-weight: bold; +} + +#content h1, +#content h2, +#content h3, +#content h4, +#content h5, +#content h6 { + font-size: 15px; + font-weight: bold; + margin: 10px 0; +} + +#content dl { + margin: 0 0 20px; +} + +#content dl dd, +#content dl dl { + margin-left: 20px; + margin-bottom: 10px; +} + +/** + * Branding. + */ +#branding { + overflow: hidden; + padding: 20px 40px 0 40px; + position: relative; + background-color: #e0e0d8; +} + +#branding div.back-to-site { + background: url(images/arrow-prev.png) no-repeat left center; + padding-left: 8px; + font-size: 11px; +} + +#branding div.breadcrumb { + float: left; + font-size: 12px; +} + +#branding div.block { + position: relative; + float: right; + width: 240px; + padding-left: 10px; + background: #333; +} + +#branding div.block form label { + display: none; +} + +#branding div.block form div.form-item { + float: left; + border: 0; + margin: 0; + padding: 0; +} + +#branding div.block form input.form-text { + width: 140px; + margin-right: 10px; +} + +#branding div.block form input.form-submit { + text-align: center; + width: 80px; +} + +/** + * Breadcrumbs. + */ +div.breadcrumb a { + padding: 0 10px 0 0; + color: #fff; +} + +/** + * Help. + */ +#help { + font-size: 0.9em; +} + +#help p { + margin: 0 0 10px; +} + +#help div.more-help-link { + text-align: right; +} + +/** + * Console. + */ +#console div.messages { + padding: 9px; + margin: 0 0 10px; + color: #036; + background: #bdf; + border: 1px solid #ace; +} + +#console div.warning { + color: #840; + background: #fe6; + border-color: #ed5; +} + +#console div.error { + color: #fff; + background: #e63; + border-color: #d52; +} + +#console div.status { + color: #360; + background: #cf8; + border-color: #be7; +} + +/** + * Page title. + */ +#page-title { + background: #333; + padding-top: 20px; +} + +#branding h1.page-title { + color: #000; + padding-bottom: 10px; + font-size: 18px; + font-weight: normal; + float: left; +} + +/** + * Console. + */ +#page .console { + border-top: 1px solid #ccc; + padding: 9px 0 10px; +} + +/** + * Tabs. + */ +ul.primary { + float: right; + border-bottom: none; + margin: 0 0 -10px 0; + padding: 3px 0 0 8px; + line-height: 30px; + text-transform: uppercase; + font-size: 12px; +} + +ul.primary li { + display: inline; + list-style: none; +} + +ul.primary li a, +ul.primary li a:active, +ul.primary li a:visited { + background-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; + color: #000; + font-weight: bold; + padding: 7px 20px 5px 20px; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #a6a7a2; +} + +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; +} + +ul.secondary { + float: none; + clear: both; + font-size: 12px; + padding: 5px 20px 4px; + line-height: 20px; + overflow: hidden; + border-bottom: 1px solid #ccc; + background: #fff; +} + +ul.secondary li { + float: right; + padding-left: 10px; +} + +ul.secondary li a { + color: #05a; +} + +ul.secondary li a, +ul.secondary li a:hover, +ul.secondary li.active a, +ul.secondary li.active a.active { + padding: 0 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; +} + +ul.secondary li.active a, +ul.secondary li.active a.active { + color: #fff; + background: #666; +} + +/** + * Page layout. + */ +#page { + padding-bottom: 40px; + margin-right: 40px; + margin-left: 40px; + position: relative; +} + +#footer { + text-align: right; + border-top: 1px solid #ccc; + padding: 5px; + font-size: 12px; +} + +#content { + min-height: 180px; + padding: 20px 0; + background: #fff; + color: #333; +} + +#content ul.menu li, +#content ul.menu li a, +#secondary-links ul.links li, +#secondary-links ul.links li a { + float: left; +} + +#content ul.menu li, +#secondary-links ul.links li { + padding: 0 10px 10px 0; +} + +#content ul.menu li a, +#secondary-links ul.links li a { + font-size: 9px; + line-height: 10px; + background: #777; + color: #fff; + text-align: center; + padding: 5px; + height: 55px; + width: 80px; + overflow: hidden; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +#secondary-links ul.links li a:hover { + background: #999; +} + +#content ul.menu li a { + background: #f8f8f8; + color: #05a; +} + +#content ul.menu li a:hover { + background: #eee; +} + +#secondary-links ul.links li.active-trail a, +#secondary-links ul.links li a.active { + background: #333; +} + +#content ul.admin-list li a span.icon, +#content ul.menu li a span.icon, +#secondary-links ul.links li a span.icon { + margin: 0 auto 5px; + display: block; + width: 30px; + height: 30px; +} + +#content ul.node-type-list li, +#content ul.admin-list li { + position: relative; + padding-left: 40px; + padding-bottom: 9px; + border-bottom: 1px solid #ccc; + margin-left: 0; + margin-bottom: 10px; +} + +#content ul.admin-list li:last-child { + border-bottom: none; +} + +#content ul.admin-list li a span.icon { + position: absolute; + left: 0; + top: 0; +} + +#content ul.node-type-list .label { + font-size: 15px; +} + +#content ul.node-type-list li { + padding-left: 30px; + background: url(images/list-item.png) no-repeat; +} + +/** + * Tables. + */ +table { + width: 100%; + font-size: 12px; + margin: 0 0 10px; + border: 1px solid #bebfb9; + border-top: 0; +} + +table.system-status-report th, +table td, +table th { + vertical-align: middle; + padding: 8px 5px 8px 10px; +} + +table.system-status-report th { + padding-left: 30px; +} + +table.system-status-report tr.ok > * { + background-color: #dfd; +} + +table.system-status-report tr.info > * { + background-color: #bdf; +} + +table.system-status-report tr.warning > * { + background-color: #ffd; +} + +table.system-status-report tr.error > * { + background-color: #fdd; +} + +tr.even, tr.odd { + border-width: 0 1px 0 1px; + border-style: solid; + border-color: #bebfb9; + background: #f3f4ee; +} + +tr.odd { + background: #fff; +} + +table th { + font-size: 12px; + text-transform: uppercase; + background: #e1e2dc; + font-weight: normal; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #bebfb9; + padding: 3px 3px 3px 10px; +} + +table th.active { + background: #bdbeb9; +} + +table th a { + display: block; +} + +table th.active img { + float: right; + margin-top: 3px; +} + +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; +} + +/* Pager */ +.short-pager { + float: right; + margin-top: 2em; +} + +.short-pager div { + display: inline; + margin-left: 1em; +} + +.short-pager .short-pager-total { + font-size: 0.8em; + color: #5d5d5d; +} + +.short-pager .short-pager-prev { + background: url(images/arrow-prev.png) no-repeat center left; + padding-left: 10px; +} + +.short-pager .short-pager-next { + background: url(images/arrow-next.png) no-repeat center right; + padding-right: 10px; +} + +/* This whole portion is to accommodate the correct order of next/last pager links. */ +#content ul.pager li.last { + position: absolute; + right: 0; +} + +#content ul.pager li.pager-current, +#content ul.pager li.pager-item { + position: static; +} + +/** + * Forms. + */ + +/* Fieldsets & Form items */ +fieldset { + border: 1px solid #ccc; + padding: 9px; + margin: 0 0 10px; +} + +fieldset.collapsed { + background: transparent; +} + +fieldset fieldset { + background: #fff; +} + +fieldset fieldset fieldset { + background: #f8f8f8; +} + +html.js fieldset.collapsible .fieldset-wrapper { + overflow: visible; +} + +div.form-item { + padding: 9px; + margin: 0 0 10px; +} + +.filter-wrapper div.form-item, +div.teaser-checkbox div.form-item, +div.form-item div.form-item, +fieldset div.form-item { + padding: 5px 0; + margin: 0; + border: 0; +} + +.text-format-wrapper .form-item { + padding-bottom: 0; +} + +div.form-item label { + margin: 0; + padding: 0; +} + +form label, +fieldset legend { + text-transform: uppercase; +} + +div.form-item label.option { + text-transform: none; +} + +div.form-item label.option { + font-size: 12px; +} +div.form-item label.option input { + vertical-align: middle; +} + +/* Filter */ +.filter-wrapper { + border-top: 0; + width: 95%; + padding: 10px 2px 10px 2px; +} + +.filter-wrapper > div { + padding-right: 6px; + padding-left: 6px; +} + +.filter-wrapper div.form-item, +.filter-wrapper .filter-guidelines, +.filter-wrapper .filter-help { + font-size: 12px; + padding: 0; +} + +ul.tips, +div.description, +div.form-item div.description { + margin: 5px 0; + line-height: 15px; + font-size: 12px; + color: #666; +} + +/* Form buttons */ +button { + position: relative; + border: 0; + padding: 0; + cursor: pointer; + overflow: visible; /* Removes extra side padding in IE. */ +} +button::-moz-focus-inner { + border: none; /* Overrides extra padding in Firefox. */ +} + +button span { + position: relative; + display: block; + white-space: nowrap; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* Safari and Google Chrome only - fix margins */ + button span { + margin-top: -1px; + } +} + +button.form-submit { + color: #333; + margin-right:5px; + font-size: 1.3em; + text-align: center; + background: transparent url(images/button-standard-right.png) no-repeat right top; + padding-right: 12px; +} + +button.form-submit span { + padding: 3px 0 0 12px; + height: 27px; + background: transparent url(images/button-standard-left.png) no-repeat left top; + color: #5a5a5a; +} + +button.form-submit.form-button-emphasized { + background: transparent url(images/button-emphasized-right.png) no-repeat right top; +} + +button.form-submit.form-button-emphasized span { + background: transparent url(images/button-emphasized-left.png) no-repeat left top; + color: #00273f; +} + +input.form-autocomplete, +input.form-text, +textarea.form-textarea, +select.form-select { + padding: 2px; + border: 1px solid #ccc; + border-top-color: #999; + background: #fff; + color: #333; +} + +input.form-text: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; +} + +/* Exceptions */ +#diff-inline-form select, +#content 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; +} + +#content div.admin-panel h3 { + font-size: 12px; + text-transform: uppercase; + margin: 0 0 10px; + padding-bottom: 9px; + border-bottom: 1px solid #ccc; +} + +.container-inline fieldset { + display: block; +} + +/* admin/content/node and admin/user/user */ +#content dl.multiselect, +#content dl.multiselect dt, +#content dl.multiselect dd { + margin: 0 10px 0 0; +} + +#content dl.multiselect select { + font-size: 12px; + background: #fff; + border: 1px solid #ccc; +} + +/* 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: 12px/30px Lucida Grande, Lucida Sans Unicode, sans-serif; +} + +div.admin-options label, +div.admin-options div.form-item { + margin-right: 10px; + float: left; +} + +div.admin-options div.form-item { + padding: 0; + border: 0; +} + +/* Overlay theming */ +body.overlay { + background: #fff; +} + +body.overlay #branding, +body.overlay #page-title, +body.overlay #page #left, +body.overlay #page #footer { + display: none; +} + +body.overlay #page { + margin: 0; + padding: 0; +} + +body.overlay #content { + padding: 20px; +} Index: themes/slate/template.php =================================================================== RCS file: themes/slate/template.php diff -N themes/slate/template.php --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ themes/slate/template.php 21 Jul 2009 11:19:06 -0000 @@ -0,0 +1,138 @@ + 'links main-menu')) : FALSE; + $vars['secondary_nav'] = isset($vars['secondary_menu']) ? theme('links', $vars['secondary_menu'], array('class' => 'links secondary-menu')) : FALSE; + $vars['ie_styles'] = ''; + $vars['back_to_site'] = l(t('Back to the live site'), ''); +} + +/** + * Display the list of available node types for node creation. + */ +function slate_node_add_list($content) { + $output = ''; + if ($content) { + $output = ''; + } + return $output; +} + +/** + * Override of theme_admin_block_content(). + */ +function slate_admin_block_content($content) { + $output = ''; + if (!empty($content)) { + foreach ($content as $key => $item) { + $id = str_replace('/', '-', $item['href']); + $class = ' path-' . $id; + + $content[$key]['title'] = "{$item['title']}"; + $content[$key]['localized_options']['html'] = TRUE; + if (!empty($content[$key]['localized_options']['attributes']['class'])) { + $content[$key]['localized_options']['attributes']['class'] .= $class; + } + else { + $content[$key]['localized_options']['attributes']['class'] = $class; + } + } + $output = system_admin_compact_mode() ? '