diff --git themes/corolla/base-rtl.css themes/corolla/base-rtl.css new file mode 100644 index 0000000..a04d032 --- /dev/null +++ themes/corolla/base-rtl.css @@ -0,0 +1,29 @@ +/* $Id$ */ + +blockquote { + margin: 20px 20px 20px 0; + padding: 0 15px 0 0; + border-left: none; + border-right: 7px solid #e25401; +} +ul { + margin: 0 15px 0 0; +} +ul.inline li { + margin: 0 0 0 10px; +} +ol { + margin: 0 15px 0 0; +} +th, +td { + text-align: right; +} +caption { + text-align: right; +} +input.form-button, +input.form-submit { + margin: 0 0 0 5px; +} + diff --git themes/corolla/base.css themes/corolla/base.css new file mode 100644 index 0000000..f419ae0 --- /dev/null +++ themes/corolla/base.css @@ -0,0 +1,460 @@ +/* $Id$ */ + +/** +* Properties inherited by all elements +*/ +html { + line-height: 1.5; + font-size: 0.75em; + font-family: "Arial", "FreeSans", sans-serif; + word-wrap: break-word; +} + +/** +* Headers +*/ +h1 { + margin: 9px 0 9px; + font-size: 2em; + font-family: "Trebuchet MS", "FreeSans", sans-serif; + line-height: 1.1; +} +h2 { + margin: 17px 0 7px; + padding: 0 0 4px 0; + font-family: "Trebuchet MS", "FreeSans", sans-serif; + font-size: 1.333em; + font-weight: 700; + line-height: 1.3; + letter-spacing: -0.4px; + text-transform: uppercase; + color: #779125; + border-bottom: 1px dashed #2e2e2e; +} +h3 { + font-family: "Trebuchet MS", "FreeSans", sans-serif; + margin: 20px 0 12px; + font-size: 1.333em; +} +h4 { + margin: 7px 0 10px 0; + font-size: 1.5em; +} +h5 { + font-size: 1em; + margin: 12px 0 8px 0; + font-weight: 700; +} +h6 { + font-family: "Verdana", "Helvetica", "Arial", "FreeSans", sans-serif; + margin: 12px 0 8px 0; + font-size: 0.833em; + font-weight: 700; +} +h1 + *, +h2 + *, +h3 + *, +h4 + *, +h5 + *, +h6 + * { + margin-top: 0; +} + +/** +* Block elements +*/ +p { + margin: 14px 0; +} +p:first-child { + margin-top: 0; +} +p:last-child { + margin-bottom: 0; +} +pre { + margin: 10px 0; + padding: 15px; + background-color: #fafafa; + border: 1px solid #e5e5e5; + font-family: "Courier", "Courier New", monospace; + white-space: pre-wrap; + overflow: hidden; +} +blockquote { + margin: 20px 0 20px 20px; /* LTR */ + padding: 0 0 0 15px; /* LTR */ + color: #808080; + border-left: 7px solid #e25401; /* LTR */ + quotes: none; +} +img { +} +.block-system-main .img { + float: left; +} +hr { + height: 1px; + border: 1px solid gray; +} + +/** +* Inline elements +*/ +strong { + font-weight: 700; +} +em { + font-style: normal; + font-weight: 700; +} +kbd { + background-color: #f1eed4; + border:1px outset #575757; + color:#333333; + padding:2px 7px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +abbr[title], +dfn[title], +acronym[title] { + border-bottom: 1px solid #bf8060; +} +samp, +var, +code { + background-color: #efefef; +} +ins { + text-decoration: underline; +} +del { + text-decoration: line-through; +} +sub { + vertical-align: sub; +} +sup { + vertical-align: super +} +tt { + font-family: "Courier", "Courier New", monospace; +} +b { + font-weight: 700; +} +i { + font-style: italic; +} +*::selection { + background-color: #2e2e2e; + color: #ffffff; +} +*::-moz-selection { + background-color: #2e2e2e; + color: #ffffff; +} + +/** +* Lists +*/ +ul, +ol, +dl { + list-style-position: inside; +} +ul li, +ol li, +dl dt, +dl dd { +} +p + ul { + margin-top: 5px; +} +ul { + list-style: disc inside none; + margin: 0 0 0 15px; /* LTR */ +} +li { +} +li > ul { + margin-top: 8px; +} +ul.inline li { + display: inline; + margin: 0 10px 0 0; /* LTR */ +} +ul.links li { + padding: 0; +} +li.expanded > ul { +} +ol { + list-style: decimal inside none; + margin: 0 0 0 15px; /* LTR */ +} +dt { + margin-top: 5px; + font-weight: 900; +} +dd { +} + +/** +* Links +*/ +a { + text-decoration: none; + border-bottom: 1px solid #cfdde5; +} +a:hover, +a:focus { + border-bottom-color: #e25401; +} +a::selection { + background-color: #086782; + color: #ffffff; +} +a::-moz-selection { + background-color: #086782; + color: #ffffff; +} + +/** +* Tables +*/ +table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; +} +th, +td { + padding: 10px 14px; + text-align: left; /* LTR */ + vertical-align: middle; +} +th, +thead, +thead th { + background-color: #333333; + color: #fcfcf8; + border: none; +} +tr, +tr.even, +tr.odd { + border-bottom: 1px solid #cccccc; + background: none; +} +caption { + margin-bottom: 5px; + text-align: left; /* LTR */ +} + +/** +* Forms +*/ +/* Wrappers, labels and helpers */ +.fieldset-wrapper { +} +fieldset { + margin: 15px 0; + padding: 13px 20px; + background-color: #fbfbfb; + border: 1px solid #e1e1e1; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +legend { + margin-left: -8px; + padding: 1px 8px 1px 9px; + background-color: #086782; + color: #ffffff; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.form-item { + margin: 10px 0; +} +legend + .form-item { + margin-top: 0; +} +fieldset .form-item:first-child { + margin-top: 0; +} +.form-item:last-child { + margin-bottom: 0px; +} +.form-item .description { + background-color: #f5f9fa; + border: 1px solid #deeaec; + font-size: 0.917em; + margin: 9px 0 21px; + padding: 2px 6px; +} +.form-item label { + vertical-align: middle; + font-size: 0.9em; + font-weight: 300; +} +label.option { + display: inline; + font-weight: normal; + color: inherit; + margin-left: 3px; +} +span.form-required { + font-weight: 700; + color: #e25401; +} +.container-inline div, +.container-inline label { + display: block; +} +/* Text inputs */ +input.form-text, +input.form-password, +input.form-file, +textarea { + padding: 6px; + font-family: inherit; + font-size: inherit; + line-height: inherit; + color: inherit; + background-color: #fafafa; + border: 1px solid #cccccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -khtml-box-sizing: border-box; + box-sizing: border-box; +} +fieldset input.form-text, +fieldset input.form-password, +input.form-file, +textarea { + background-color: #fdfdfd; +} +input.form-text:focus, +input.form-password:focus, +input.form-file:focus, +textarea:focus { + border: 1px solid #a5a5a5!important; + background-color: #ffffff; +} +input.form-text, +input.form-password, +input.form-file { + width: 100%; + max-width: 320px; +} +textarea { + width: 100%; + height: 230px; + resize: vertical; +} +/* Choice inputs */ +select { + padding: 4px; + width: 100%!important; + max-width: 230px; +} + +.form-radios, +.form-checkboxes { + margin: 3px 0; +} +.form-item-choice { + padding: 3px 0; +} +.form-radios label, +.form-checkboxes label, +.form-item-choice label { + font-size: 1em; +} +.form-item.form-type-radio, +.form-item.form-type-checkbox { + margin: 4px 0; +} +input.form-checkbox, +input.form-radio { + display: inline; + vertical-align: middle; +} + +/* Buttons */ +input.form-button, +input.form-submit { + margin: 0 5px 0 0; /* LTR */ + padding: 5px 11px; + background: url(images/button.png) repeat-x top left; + color: #414141; + border: 1px solid #cccccc; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + cursor: pointer; +} +input.form-button:hover, +input.form-submit:hover, +input.form-button:focus, +input.form-submit:focus { + border-color: #666666!important; +} +/* Disabled inputs */ +input[disabled="disabled"] { + background-color: #eaeaea; +} +/* Higlight required form items if user has forgotten to fill them */ +input.error, +textarea.error, +select.error { + background-color: #fefaf8; + border: 1px solid #f4b09e; +} +input.error:focus, +textarea.error:focus, +select.error:focus { + background-color: #fef7f5; + border: 1px solid #d43308!important; +} + +/* +** Undo +*/ +/* a { border-bottom: 1px solid #CFDDE5; } */ +body.page-admin a, +a#logo, +#site-name a, +#main-links li a, +#navigation li a, +#sidebar-first a, +#sidebar-second a, +.node h1.node-title a, +.node h2.node-title a, +ul.pager li a, +.block ul li a, +.node .meta a, +.element-invisible, +a.feed-icon, +.comment h3.title a, +.user-picture a, +ul.action-links li a, +legend a, +th a, +thead a, +#forum td.container .name a, +a.tabledrag-handle, +ul.contextual-links li a, +.overlay .ui-dialog-titlebar a, +a.contextual-links-trigger { + border-bottom: none; +} + diff --git themes/corolla/book-navigation.tpl.php themes/corolla/book-navigation.tpl.php new file mode 100644 index 0000000..0b296af --- /dev/null +++ themes/corolla/book-navigation.tpl.php @@ -0,0 +1,58 @@ + + +
+ + + + + + +
+ diff --git themes/corolla/color/color.inc themes/corolla/color/color.inc new file mode 100644 index 0000000..fe8ea56 --- /dev/null +++ themes/corolla/color/color.inc @@ -0,0 +1,124 @@ + array( + 'base' => t("Base"), + 'background' => t("Background"), + 'text' => t('Text'), + 'link' => t('Link'), + 'linkhover' => t('Hovered Link'), + 'slogan' => t('Slogan'), + 'navigation' => t('Navigation'), + 'blocktitle' => t('Block title'), + 'border' => t('Border'), + 'borderstrong' => t('Border strong'), + ), + + // Pre-defined color schemes. + 'schemes' => array( + 'default' => array( + 'title' => t('Default'), + 'colors' => array( + 'base' => '#ffffff', + 'background' => '#f8f8f8', + 'text' => '#2e2e2e', + 'link' => '#086782', + 'linkhover' => '#e25401', + 'slogan' => '#e25400', + 'navigation' => '#2e2e2d', + 'blocktitle' => '#779125', + 'border' => '#e1e1e1', + 'borderstrong' => '#c4c4c4', + ), + ), + 'green' => array( + 'title' => t('Green'), + 'colors' => array( + 'base' => '#ffffff', + 'background' => '#fbfcf2', + 'text' => '#4a4a4a', + 'link' => '#0a80a1', + 'linkhover' => '#de4c01', + 'slogan' => '#819521', + 'navigation' => '#819521', + 'blocktitle' => '#779125', + 'border' => '#e8f0be', + 'borderstrong' => '#d0dc93', + ), + ), + 'blue' => array( + 'title' => t('Blue'), + 'colors' => array( + 'base' => '#ffffff', + 'background' => '#fbfcfd', + 'text' => '#63565f', + 'link' => '#017292', + 'linkhover' => '#e63f19', + 'slogan' => '#36788c', + 'navigation' => '#36788c', + 'blocktitle' => '#779125', + 'border' => '#d5e2e7', + 'borderstrong' => '#b7ced7', + ), + ), + 'purple' => array( + 'title' => t('Purple'), + 'colors' => array( + 'base' => '#ffffff', + 'background' => '#fefafb', + 'text' => '#2e2e2e', + 'link' => '#6c0d28', + 'linkhover' => '#83a80e', + 'slogan' => '#e25401', + 'navigation' => '#6c0d28', + 'blocktitle' => '#e25401', + 'border' => '#f7d6e2', + 'borderstrong' => '#d9a3b7', + ), + ), + ), + + // Images to copy over. + 'copy' => array( + 'logo.png', + ), + + // CSS files (excluding @import) to rewrite with new color scheme. + 'css' => array( + 'colors.css', + ), + + // 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('link', 'text'), + ), + ), + + // 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_image' => 'color/preview.png', + 'preview_css' => 'color/preview.css', + 'preview_js' => 'color/preview.js', + 'preview_html' => 'color/preview.html', + + // Base file for image generation. + 'base_image' => 'color/base.png', +); diff --git themes/corolla/color/preview.css themes/corolla/color/preview.css new file mode 100644 index 0000000..30260ae --- /dev/null +++ themes/corolla/color/preview.css @@ -0,0 +1,105 @@ +/* $Id$ */ + +#wrapper-p { + position: relative; + font-size: 8px; + line-height: 1; + width: 500px; + height: 300px; + background-color: #f8f8f8; + border: 1px solid #e1e1e1; +} +#wrapper-p * { + margin: 0; + padding: 0; + line-height: 1; + font-weight: 300; + font-family: "Arial", sans-serif; +} +/* navigation */ +#navigation-p { + width: 500px; + height: 20px; + margin: 0; +} +#navigation-p ul { + list-style: none; + margin-left: 55px; +} +#navigation-p li { + color: white; + display: inline-block; + margin: 4px 5px 4px 0; +} +/* branding */ +#branding-p { + position: absolute; + left: 60px; + top: 35px; +} +#name-p { + font-size: 22px; + font-family: "Trebuchet MS", sans-serif; + letter-spacing: -1px; + margin: 0; +} +#slogan-p { + line-height: 1; + font-family: "Trebuchet MS", sans-serif; + color: #e76111; + text-transform: uppercase; + font-size: 10px; + margin-top: 3px; +} +/* page */ +#page-p { + position: absolute; + left: 50px; + top: 85px; + width: 250px; + height: 184px; + padding: 15px; + background: #ffffff; + border: 1px solid #e1e1e1; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} +#page-p p { + font-size: 10px; + line-height: 14px; + margin-bottom: 10px; +} +#page a { +} +#page a:hover { +} +/* sidebar */ +#sidebar-p { + width: 100px; + height: 400px; + position: absolute; + left: 343px; + top: 90px; +} +#sidebar-p .block-title-p { + font-family: "Trebuchet MS", sans-serif; + font-size: 10px; + padding-bottom: 3px; + margin-bottom: 5px; + border-bottom: 1px solid black; + color: #779125; + font-weight: 700; + text-transform: uppercase; +} +#sidebar-p ul { + margin-bottom: 15px; + list-style: none; +} +#sidebar-p ul li { + margin: 4px 0; +} +#sidebar-p p { + line-height: 11px; +} + diff --git themes/corolla/color/preview.html themes/corolla/color/preview.html new file mode 100644 index 0000000..2bffdc5 --- /dev/null +++ themes/corolla/color/preview.html @@ -0,0 +1,38 @@ +
+ + + +
+
Site name
+
This is sample slogan
+
+ +
+

Shines, outside even toy admin. Available part popular replace though for imagine unlikely first add flow bolt, developer concrete. Rooted. Webmin integrate no, things keep just many you too determine stored.

+

Naturally details blocks use segregated functions. What articles types—even. Already of, no. Every several varied, no start.

+
+ + + +
diff --git themes/corolla/color/preview.js themes/corolla/color/preview.js new file mode 100644 index 0000000..459d3e8 --- /dev/null +++ themes/corolla/color/preview.js @@ -0,0 +1,26 @@ +/* $Id$ */ + +(function ($) { + Drupal.color = { + logoChanged: false, + callback: function(context, settings, form, farb, height, width) { + + // Background + $('#preview-p', form).css('backgroundColor', $('#palette input[name="palette[background]"]', form).val()); + + // Navigation + $('#navigation-p', form).css('backgroundColor', $('#palette input[name="palette[navigation]"]', form).val()); + + // Site slogan + $('#site-slogan-p', form).css('color', $('#palette input[name="palette[slogan]"]', form).val()); + + // Border + $('#page-p', form).css('border-color', $('#palette input[name="palette[border]"]', form).val()); + + // Text + $('#preview #preview-main h2, #preview #preview-main p', form).css('color', $('#palette input[name="palette[text]"]', form).val()); + $('#preview #preview-content a', form).css('color', $('#palette input[name="palette[link]"]', form).val()); + } + + }; +})(jQuery); diff --git themes/corolla/colors.css themes/corolla/colors.css new file mode 100644 index 0000000..20d803e --- /dev/null +++ themes/corolla/colors.css @@ -0,0 +1,50 @@ +/* $Id$ */ + +/* background */ +body { + background-color: #f8f8f8; +} +#navigation li.active { + background-color: #f8f8f8; +} +/* text (black) */ +body { + color: #2e2e2e; +} +/* link (blue) */ +a { + color: #086782; +} +/* link hovered (orange) */ +a:hover, +a:focus { + color: #e25401; +} +/* navigation (black) */ +#navigation-wrapper { + background-color: #2e2e2d; +} +#main-links li.expanded ul { + background-color: #2e2e2d; +} +/* slogan (orange) */ +#site-slogan { + color: #e25400; +} +#site-slogan::selection { + background-color: #e25400; +} +#site-slogan::-moz-selection { + background-color: #e25400; +} +/* border (gray) */ +#page { + border: 1px solid #e1e1e1; +} +/* border strong (dark gray) */ +#sidebar-first input, +#sidebar-second input { + border: 1px solid #c4c4c4; +} + + diff --git themes/corolla/comment-wrapper.tpl.php themes/corolla/comment-wrapper.tpl.php new file mode 100644 index 0000000..05bde64 --- /dev/null +++ themes/corolla/comment-wrapper.tpl.php @@ -0,0 +1,51 @@ + +
comment_count == 0): ?>class="no-comments"> +
> + type != 'forum' && !empty($content['comments'])): ?> + +

+ comment_count, '1 comment', '@count comments'); ?> +

+ + + + + +

+
+ +
+ +
+
diff --git themes/corolla/comment.tpl.php themes/corolla/comment.tpl.php new file mode 100644 index 0000000..8ea75df --- /dev/null +++ themes/corolla/comment.tpl.php @@ -0,0 +1,88 @@ +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. + * - $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() + */ +?> +
> + +
+ + + + +

>

+ + + +
+ $author, '@date' => $created)); ?> +
+ +
+ + + +
+ +
+ + + +
diff --git themes/corolla/corolla.info themes/corolla/corolla.info new file mode 100644 index 0000000..864af59 --- /dev/null +++ themes/corolla/corolla.info @@ -0,0 +1,23 @@ +; $Id$ + +name = Corolla +description = Corolla theme. +version = VERSION +core = 7.x +engine = phptemplate + +stylesheets[all][] = reset.css +stylesheets[all][] = base.css +stylesheets[all][] = style.css +stylesheets[all][] = colors.css +stylesheets[print][] = print.css + +regions[sidebar_first] = First sidebar +regions[sidebar_second] = Second sidebar +regions[content] = Content +regions[help] = Help +regions[page_top] = Page top +regions[page_bottom] = Page bottom + +settings[shortcut_module_link] = 1 + diff --git themes/corolla/forum-icon.tpl.php themes/corolla/forum-icon.tpl.php new file mode 100644 index 0000000..288d3a8 --- /dev/null +++ themes/corolla/forum-icon.tpl.php @@ -0,0 +1,25 @@ + + + + + + $directory . "/images/forum-$icon.png", 'alt' => 'Default avatar')); ?> + + + + diff --git themes/corolla/forum-list.tpl.php themes/corolla/forum-list.tpl.php new file mode 100644 index 0000000..b9bfdf4 --- /dev/null +++ themes/corolla/forum-list.tpl.php @@ -0,0 +1,72 @@ +is_container: Is TRUE if the forum can contain other forums. Is + * FALSE if the forum can contain only topics. + * - $forum->depth: How deep the forum is in the current hierarchy. + * - $forum->zebra: 'even' or 'odd' string used for row class. + * - $forum->name: The name of the forum. + * - $forum->link: The URL to link to this forum. + * - $forum->description: The description of this forum. + * - $forum->new_topics: True if the forum contains unread posts. + * - $forum->new_url: A URL to the forum's unread posts. + * - $forum->new_text: Text for the above URL which tells how many new posts. + * - $forum->old_topics: A count of posts that have already been read. + * - $forum->num_posts: The total number of posts in the forum. + * - $forum->last_reply: Text representing the last time a forum was posted or + * commented in. + * + * @see template_preprocess_forum_list() + * @see theme_forum_list() + */ +?> + + + + + + + + + + + $forum): ?> + + + is_container): ?> + + + + + + + +
is_container ? 'colspan="4" class="container"' : 'class="forum"'; ?>> + + ', $forum->depth); ?> + + description): ?> +
description; ?>
+ + ', $forum->depth); ?> +
+ num_topics ?> + new_topics): ?> +
+ new_text; ?> + +
num_posts ?>last_reply ?>
diff --git themes/corolla/ie6.css themes/corolla/ie6.css new file mode 100644 index 0000000..c17e11e --- /dev/null +++ themes/corolla/ie6.css @@ -0,0 +1,12 @@ +/* $Id$ */ + +/* Hide transparent PNGs */ +body { + background-image: none; +} +#navigation li a:hover, +#main-links li a:active, +#main-links li a:focus { + background: none; +} + diff --git themes/corolla/ie7.css themes/corolla/ie7.css new file mode 100644 index 0000000..7ff90c4 --- /dev/null +++ themes/corolla/ie7.css @@ -0,0 +1,99 @@ +/* $Id$ */ + +/* +* Reimplement the layout using fixed units +*/ +/* 3-column layout */ +body.two-sidebars #navigation, +body.two-sidebars #header, +body.two-sidebars #main { + width: 980px; +} +/* 2-column layout */ +body.one-sidebar #navigation, +body.one-sidebar #header, +body.one-sidebar #main { + width: 960px; +} +/* 1 column layout */ +body.no-sidebars #navigation, +body.no-sidebars #header, +body.no-sidebars #main { + width: 800px; +} +/* Admin layout */ +body.page-admin #main { + width: 960px; +} + + +/* Bug: layout breaks in RTL mode */ +#content-wrapper, +#sidebar-first-wrapper, +#sidebar-second-wrapper { + position: relative; +} +/* Bug: sidebar links not clickable in RTL mode */ +#sidebar-first-wrapper a, +#sidebar-second-wrapper a { + hasLayout: true; +} +/* Bug: no borders on tr elements */ +td, th { + border-bottom: 1px solid #cccccc; +} +/* Bug: misalignd menus in blocks */ +.block ul.menu, +.block ul.links, +.block .item-list ul { + list-style-position: outside; +} + +/* +* Fix issues caused by lack of support for last-child pseudoclass +*/ +fieldset.filter-wrapper { + margin-top: -14px; +} + +/* +* Fix issues caused by lack of support for display: inline-block property +*/ +#navigation li, +.field-type-taxonomy-term-reference .field-label, +.field-type-taxonomy-term-reference .field-item, +.field-type-taxonomy-term-reference .field-items, +.tabs ul.tabs li { + hasLayout: true; + display: inline; +} + +/* +* Fix issues caused by lack of support for border box model +*/ +textarea { + padding: 0; +} +input { + padding: 5px 0!important; +} + +/* +* Fix issues caused by lack of support for inherit value +*/ +#navigation li a.active, +#site-name a { + color: #2e2e2e; +} + +/* +* Fix issues caused by lack of support for CSS tables +*/ +/* branding */ +a#logo { + float: left; +} +#name-and-slogan { + float: left; +} + diff --git themes/corolla/ie8.css themes/corolla/ie8.css new file mode 100644 index 0000000..605760b --- /dev/null +++ themes/corolla/ie8.css @@ -0,0 +1,22 @@ +/* $Id$ */ + +textarea { + overflow: auto; +} +legend { + margin-bottom: 15px; + margin-top: -20px; +} +select { + padding: 0; +} +html.js fieldset.collapsed legend { + margin-top: -10px; +} +fieldset.filter-wrapper { + margin-top: -14px; +} +.node ul.links { + display: inline; +} + diff --git themes/corolla/maintenance-page.tpl.php themes/corolla/maintenance-page.tpl.php new file mode 100644 index 0000000..e3810a7 --- /dev/null +++ themes/corolla/maintenance-page.tpl.php @@ -0,0 +1,75 @@ + + + + + + + <?php print $head_title; ?> + + + + + + +
+ +
+ +
+
+ +
+ +

+ + + +
+ +
+
+ diff --git themes/corolla/node--book.tpl.php themes/corolla/node--book.tpl.php new file mode 100644 index 0000000..55848ee --- /dev/null +++ themes/corolla/node--book.tpl.php @@ -0,0 +1,108 @@ +body becomes $body. When needing to access + * a field's raw values, developers/themers are strongly encouraged to use these + * variables. Otherwise they will have to explicitly specify the desired field + * language, e.g. $node->body['en'], thus overriding any language negotiation + * rule that was previously applied. + * + * @see template_preprocess() + * @see template_preprocess_node() + * @see template_process() + */ +?> +
> + +
+ + + +

>

+ + + + +
+ $name, '!datetime' => $date)); ?> +
+ + +
+ +
> + + +
+ + + +
diff --git themes/corolla/node.tpl.php themes/corolla/node.tpl.php new file mode 100644 index 0000000..d55d22a --- /dev/null +++ themes/corolla/node.tpl.php @@ -0,0 +1,110 @@ +body becomes $body. When needing to access + * a field's raw values, developers/themers are strongly encouraged to use these + * variables. Otherwise they will have to explicitly specify the desired field + * language, e.g. $node->body['en'], thus overriding any language negotiation + * rule that was previously applied. + * + * @see template_preprocess() + * @see template_preprocess_node() + * @see template_process() + */ +?> +
> + +
+ + +

>

+ + + + +
+ $name, '!datetime' => $date)); ?> +
+ +
+ +
> + + +
+ + + + +
diff --git themes/corolla/page.tpl.php themes/corolla/page.tpl.php new file mode 100644 index 0000000..8a75520 --- /dev/null +++ themes/corolla/page.tpl.php @@ -0,0 +1,186 @@ + + + + + + + +
+ +
+ +
+
+ +
+ + +
+
+ +
+ +
+
+ + + + + +

+ + + + + + + + +
+ + +
+ $secondary_menu, + 'attributes' => array( + 'class' => array('links'), + ), + 'heading' => array( + 'text' => t('Secondary menu'), + 'level' => 'h2', + 'class' => array('element-invisible'), + ), + )); ?> +
+ + +
+
+ + + + + + + + + + +
+
+
+ diff --git themes/corolla/poll-bar--block.tpl.php themes/corolla/poll-bar--block.tpl.php new file mode 100644 index 0000000..c901d5f --- /dev/null +++ themes/corolla/poll-bar--block.tpl.php @@ -0,0 +1,29 @@ + + +
+
+
+
%
+
+
+
+
+
diff --git themes/corolla/poll-bar.tpl.php themes/corolla/poll-bar.tpl.php new file mode 100644 index 0000000..c901d5f --- /dev/null +++ themes/corolla/poll-bar.tpl.php @@ -0,0 +1,29 @@ + + +
+
+
+
%
+
+
+
+
+
diff --git themes/corolla/print.css themes/corolla/print.css new file mode 100644 index 0000000..3a44bcc --- /dev/null +++ themes/corolla/print.css @@ -0,0 +1,73 @@ +/* $Id$ */ + +/* +* Wrappers +*/ +body, +#main-wrapper, +#main, +#content-wrapper, +#content, +#page { + margin: 0!important; + padding: 0!important; + min-width: 0!important; + max-width: none!important; + width: 100%!important; + border: none!important; + background: none!important; +} + +/* +* Elements +*/ +/* Styles inherited by all elements */ +body { + font-size: 10pt; + color: #000000; + word-spacing: 1.1pt; + line-height: 1.4; +} +body * { + font-family: "Times New Roman", serif!important; +} +/* Headers */ +h1 { + font-size: 20pt; +} +h2 { + font-size: 16pt; +} +h3 { + font-size: 14pt; +} +h4, +h5, +h6 { + font-size: 12pt; +} +/* Links */ +a { + border-bottom: 1px solid #cfdde5; +} + +/* +* Hidden +*/ +#toolbar, +#navigation-wrapper, +#header-wrapper, +.breadcrumb, +ul.links, +.messages, +.tabs, +#sidebar-first, +#sidebar-second, +#secondary-menu, +ul.pager, +a.feed-icon, +h2#add-comment-form, +form#comment-form { + display: none!important; +} + diff --git themes/corolla/profile-listing.tpl.php themes/corolla/profile-listing.tpl.php new file mode 100644 index 0000000..00dd155 --- /dev/null +++ themes/corolla/profile-listing.tpl.php @@ -0,0 +1,54 @@ +title: Title of the profile field. + * - $field->value: Value of the profile field. + * - $field->type: Type of the profile field, i.e., checkbox, textfield, + * textarea, selection, list, url or date. + * + * Since $profile is keyed, a direct print of the field is possible. Not + * all accounts may have a value for a profile so do a check first. If a field + * of "last_name" was set for the site, the following can be used. + * + * + *
+ * title; ?>:
+ * value; ?> + *
+ * + * + * @see template_preprocess_profile_listing() + */ +?> +
+ +
+ +
+ + + + +
+ value; ?> +
+ + +
diff --git themes/corolla/reset.css themes/corolla/reset.css new file mode 100644 index 0000000..201c5bb --- /dev/null +++ themes/corolla/reset.css @@ -0,0 +1,77 @@ +/* $Id$ */ + +/** +* Reset user agent stylesheets +*/ +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, +input, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + margin: 0; + padding: 0; + background: transparent; + font-weight: 300; + border: 0; + outline: 0; + vertical-align: baseline; +} + diff --git themes/corolla/style-rtl.css themes/corolla/style-rtl.css new file mode 100644 index 0000000..39fb9f2 --- /dev/null +++ themes/corolla/style-rtl.css @@ -0,0 +1,101 @@ +/* $Id$ */ + +#content-wrapper, +#sidebar-first, +#sidebar-second { + float: right; +} +body.two-sidebars .region-sidebar-first, +body.two-sidebars .region-sidebar-second { + margin: 1px 23px 0 1px; +} +#navigation { + padding: 3px 6px 0 0; +} +#branding { + padding: 50px 30px 47px 20px; + margin-bottom: 7px; +} +a#logo { + padding: 0 0 0 15px; +} +#content a.feed-icon { + float: left; +} +.node ul.links.inline li { + margin: 0 0 0 8px; +} +div.item-list ul li { + margin-right: 0; +} +#comments-wrapper .indented { + margin: 0 30px 0 0; +} +.comment .user-picture { + float: left; + margin: 0 10px 10px 0; +} +.node .user-picture { + float: right; + margin: 0 0 8px 10px; +} +.page-links .page-next { + float: left; + text-align: left; +} +.book-navigation .page-previous { + text-align: right; +} +.poll .vote-form { + text-align: right; +} +.profile .user-picture { + float: left; +} +#password-strength { + float: left; +} +.password-strength-title { + float: none; +} +#password-strength-text { + float: left; +} +a.tabledrag-handle { + margin: 0 0 0 10px; +} +a.tabledrag-handle .handle { + margin: 0 0 0 14px; +} +table img { + margin: 0 7px 0 0; +} +html.js input.form-autocomplete { + background-position: 2% 6px; +} +html.js input.throbbing { + background-position: 2% -14px; +} +html.js fieldset.collapsible legend { + padding: 2px 14px 2px 0; +} +html.js fieldset.collapsible legend a { + padding: 0 0 0 15px; + background: url("images/arrow-down-white.png") no-repeat left 4px; +} +html.js fieldset.collapsed legend a { + background: url(images/arrow-left-white.png) no-repeat left 4px; +} +.theme-selector { + margin: 0 0 20px 25px; +} +.theme-info li { + padding: 0 0 0 10px; +} +.admin .left { + float: right; +} +.admin .right { + float: left; +} + diff --git themes/corolla/style.css themes/corolla/style.css new file mode 100644 index 0000000..90010e7 --- /dev/null +++ themes/corolla/style.css @@ -0,0 +1,1330 @@ +/* $Id$ */ + +/* +** Layout +*/ +#content-wrapper, +#sidebar-first, +#sidebar-second { + float: left; /* LTR */ +} +/* 3-column layout */ +body.two-sidebars #navigation, +body.two-sidebars #header, +body.two-sidebars #main { + margin: 0 auto; + max-width: 1200px; + min-width: 850px; + width: 83%; +} +body.two-sidebars #content-wrapper { + width: 52%; +} +body.two-sidebars #sidebar-first, +body.two-sidebars #sidebar-second { + width: 24%; +} +body.two-sidebars .region-sidebar-first, +body.two-sidebars .region-sidebar-second { + margin: 1px 1px 0 23px; +} +/* 2-column layout */ +body.one-sidebar #navigation, +body.one-sidebar #header, +body.one-sidebar #main { + margin: 0 auto; + max-width: 1000px; + min-width: 700px; + width: 75%; +} +body.one-sidebar #content-wrapper { + width: 71.5%; +} +body.one-sidebar #sidebar-first, +body.one-sidebar #sidebar-second { + width: 28%; +} +body.one-sidebar.sidebar-first .region-sidebar-first, +body.one-sidebar.sidebar-second .region-sidebar-second { + margin: 1px 1px 0 23px; /* LTR */ +} +/* 1 column layout */ +body.no-sidebars #navigation, +body.no-sidebars #header, +body.no-sidebars #main { + margin: 0 auto; + max-width: 900px; + min-width: 300px; + width: 65%; +} +/* Admin layout */ +body.page-admin #main, +body.overlay #main { + margin: 0 auto; + width: 90%; + max-width: 1200px; + min-width: 300px; +} +body.page-admin #content-wrapper, +body.overlay #content-wrapper { + width: 100%; + float: none; +} +body.page-admin #sidebar-first, +body.page-admin #sidebar-second, +body.page-admin #navigation-wrapper, +body.page-admin #header-wrapper, +body.page-admin #secondary-menu, +body.overlay #sidebar-first, +body.overlay #sidebar-second, +body.overlay #navigation-wrapper, +body.overlay #header-wrapper, +body.overlay #secondary-menu { + display: none; +} +/* Mobile */ +@media only screen and (max-device-width: 480px) { + #navigation, + #header, + #main { + width: 100%!important; + } +} +/* Prevent collision with browser chrome */ +#navigation-wrapper, +#header-wrapper, +#main-wrapper { + padding: 0 15px; +} +/* Prevent big images from overflowing the containers */ +#content, +#sidebar-first, +#sidebar-second { + overflow: hidden; +} + +/* +** Wrappers +*/ +html { + height: 100%; +} +body { + background: url(images/noise.png) repeat top left; +} +#main { + min-height: 300px; +} +#page { + background-color: #ffffff; + border-radius: 6px; + margin-bottom: 7px; + padding: 25px 30px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; +} + +/* +** Skip link +*/ +#skip-link { + height: 0; + overflow: hidden; + padding: 0; + position: absolute; +} + +/* +** Branding +*/ +#branding { + margin-bottom: 7px; + padding: 50px 20px 47px 30px; /* LTR */ +} +a#logo { + display: table-cell; + padding: 0 15px 0 0; /* LTR */ + vertical-align: middle; +} +a#logo img { + margin: 0; + vertical-align: middle; +} +#name-and-slogan { + display: table-cell; + vertical-align: middle; +} +#site-name { + line-height: 1; + font-size: 4.583em; + margin: 0; + padding: 0; +} +#site-name a { + color: inherit; + font-family: "Trebuchet MS", "Bitstream Vera Sans", "FreeSans", sans-serif; + letter-spacing: -3px; +} +#site-name a::-moz-selection { + background-color: #2e2e2e; + color: #ffffff; +} +#site-name a::selection { + background-color: #2e2e2e; + color: #ffffff; +} +#site-slogan { + font-family: "Trebuchet MS", "FreeSans", sans-serif; + font-size: 1.167em; + font-weight: 700; + margin-top: 2px; + text-transform: uppercase; +} + +/* +* Menus +*/ +/* Navigation */ +#navigation { + padding: 3px 0 0 6px; /* LTR */ +} +#navigation ul { + margin: 0; +} +#navigation li { + display: inline-block; +} +#navigation li a { + color: #ffffff; + display: block; + margin: 0; + padding: 8px 15px 11px; + opacity: 0.95; +} +#navigation li a:hover, +#navigation li a:active, +#navigation li a:focus { + background: url(images/menu-hover.png) repeat top left; + outline: none; +} +#navigation li.active { + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +#navigation li.active a { + color: inherit; + font-weight: 700; + opacity: 1; +} +/* Secondary menu */ +#secondary-menu { + font-size: 0.95em; + margin: 0 0 9px 8px; +} +#secondary-menu h2 { + border: none; + height: 0; + overflow: hidden; + padding: 0; + position: absolute; +} +#secondary-menu ul { + margin: 0; +} +#secondary-menu ul li { + display: inline; + margin: 0 9px 0 0; /* LTR */ +} +/* other */ +div.item-list ul li { + list-style: none; + margin-left: 0; /* LTR */ +} + +/** + * Block module + */ +.block { + font-size: 0.95em; + margin-bottom: 25px; +} +.block:last-child { + margin-bottom: 15px; +} +.block + #block-system-main { + margin-top: 15px; +} +.block h2 { + font-size: 1.45em; + margin: 0 0 15px 0; +} +.block h2::selection { + color: #ffffff; + background-color: #779125; +} +.block h2::-moz-selection { + background-color: #779125; + color: #ffffff; +} +.block li { + margin: 6px 0; +} +.block .more-link { + margin: 6px 0; +} +.block th, +.block td { + padding: 7px 0px; +} +.block input.form-text, +.block input.form-password, +.block input.form-file { + max-width: 400px; + width: 100%; +} + +/** + * Node module + */ +.node { + border-bottom: 1px dashed #CCCCCC; + margin-bottom: 15px; + padding-bottom: 15px; +} +.node:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} +.term-listing-heading + .node { + margin-top: 0; +} +.node-header { + margin-bottom: 16px; +} +h1.page-title, +.node h2.node-title { + border-bottom: none; + color: #2e2e2e; + font-size: 2.167em; + line-height: 1; + margin: 0; + padding: 0; + text-transform: none; +} +.node h1.node-title a, +.node h2.node-title a { + color: inherit; +} +.node-title a::-moz-selection { + background-color: #2e2e2e; + color: #ffffff; +} +.node-title a::selection { + background-color: #2e2e2e; + color: #ffffff; +} +.node h1.node-title a:hover, +.node h2.node-title a:hover { + background: none; + color: #e25401; +} +.node h1.node-title a:focus, +.node h2.node-title a:focus { + color: #e25401; +} +.node .meta { + line-height: 1; + color: #696969; + margin-top: 3px; +} +.node .meta a:focus { + outline-color: #444444; +} +.node .user-picture { + float: left; /* LTR */ + margin: 0 10px 8px 0; /* LTR */ +} +.node .user-picture a { + display: block; +} +.node .user-picture img { + border: 1px solid #cccccc; + padding: 2px; + width: 50px; +} +.node .field-name-body { + margin-bottom: 14px; +} + + +/* "Read more" and "X comments" links */ +.node .links-wrapper { + margin: 4px 0; +} +.node ul.links { + display: inline; + margin-left: 0; +} +.node ul.links.inline li { + margin: 0 8px 0 0; /* LTR */ +} + +/** + * Comment module + */ +#comments-wrapper { + margin-top: 20px; +} +#comments-wrapper .indented { + margin: 0 0 0 30px; /* LTR */ +} +.comment { + border-bottom: 1px solid #CCCCCC; + margin: 20px 0; + padding: 0 0 16px 0; +} +.comment .header { + display: block; + margin-bottom: 14px; +} +.comment .user-picture { + float: right; /* LTR */ + margin: 0 0 10px 10px; /* LTR */ +} +.comment .user-picture img { + background-color: #fcfcfc; + border: 1px solid #cccccc; + padding: 2px; + width: 28px; +} +.comment h3.title { + line-height: 1; + border: none; + padding: 0; + margin: 0 0 5px 0; + text-transform: none; +} +.comment h3.title a { + color: inherit; + font-weight: 700; +} +.comment h3.title a:hover { + color: #E25401 #e25401; +} +.comment .meta { + font-size: 0.917em; + margin: 1px 0 0 0; +} +.comment ul.links { + display: block; + margin: 8px 0 0; +} +.comment ul.links li a { + text-transform: capitalize; +} +.no-comments #comment-form-wrapper { + margin-left: 0; +} +form#comment-form #edit-actions { + margin: 0; +} + +/** + * Book module + */ +.node-book ul.links { + margin: 0 0 14px 0; +} +.book-navigation .menu { + border: none; + padding: 15px 0 15px 25px; +} +.book-navigation .page-links { + width: 100%; + margin-top: 20px; + padding: 13px 0; + border-bottom: none; +} +#book-outline { + min-width: 0; +} + +/** + * Aggregator module + */ +#content a.feed-icon { + float: right; /* LTR */ + z-index: 99; + position: relative; + bottom: -10px; +} +#content a.feed-icon img { + margin: 0; +} + +/** + * Field module + */ +/* Taxonomy terms */ +.field-type-taxonomy-term-reference .field-label { + color: #808080; + display: inline-block; + font-weight: 700; +} +.field-type-taxonomy-term-reference .field-items { + display: inline-block; +} +.field-type-taxonomy-term-reference .field-item { + display: inline-block; + margin-right: 5px; +} +.field-type-taxonomy-term-reference .field-item:after { + content: ","; +} +.field-type-taxonomy-term-reference .field-item:last-child:after { + content: normal; +} +/* Images */ +.field-type-image { + float: left; + clear: left; + margin: 15px 15px 15px 0; +} +.field-type-image, +.field-type-image img { + max-width: 300px; +} +.field-type-image a { + border: none; +} + +/** + * Filter module + */ +fieldset.filter-wrapper { + margin: 0 0 12px 0; + border-top: none; + width: auto; +} +.filter-help { + float: right; /* LTR */ + margin: 10px 0 0; +} +.filter-help a { + background: none; + padding-right: 0; +} +.filter-guidelines { + padding-top: 6px; +} +.filter-guidelines ul { + margin: 0; +} +body.page-filter-tips #block-system-main ul { + margin: 0; + list-style: none; +} +body.page-filter-tips #block-system-main li { + margin: 10px 0; +} +body.page-filter-tips #block-system-main table { + margin: 10px 0; +} +.tips { + font-size: 1em; +} + +/** + * Forum module + */ +body.page-forum ul.action-links { + margin: 9px 0; +} +#forum td.container { + border-top: 1px solid #2E2E2E; + border-bottom: 1px solid #2E2E2E; +} +#forum td.container .name a { + font-family: "Trebuchet MS", "Bitstream Vera Sans", "FreeSans", sans-serif; + font-size: 1.25em; + text-transform: uppercase; + line-height: 1.3; + padding: 0 0 4px 0; + color: inherit; +} +#forum td.container .name a:hover { + color: #e25400; +} +#forum td { + padding: 13px 14px; + vertical-align: top; +} +#forum > table { + margin-top: 0; +} +#forum tr td.forum { + background: none; + padding-left: 0; +} +#forum .description { + line-height: 1.5; + margin: 4px 0 0 0; + font-size: 1em; +} +#forum div.indent { + margin: 0 0 0 15px; +} + +/** + * OpenID module + */ +/* user login form */ +#block-user-login .item-list { + margin-top: 10px; +} +#user-login-form li.openid-link , +#user-login li.openid-link, +#user-login-form li.openid-processed { + margin-left: 0; +} +#block-user-login .description { + margin-bottom: 10px; +} +.form-item-openid-identifier { + margin: 10px 0; + display: block; +} +#edit-openid-identifier { + background-position: 6px 50%; + padding-left: 25px; +} + +/** + * Poll module + */ +.poll .bar-wrapper { + margin-bottom: 14px; +} +.poll .text { + float: left; + margin-bottom: 3px; +} +.poll .percent { + float: right; + margin-bottom: 3px; +} +.poll .bar { + background-color: #fafafa; + border: 1px solid #cccccc; + height: 18px; +} +.poll .bar .foreground { + background-color: #e25401; + height: 18px; +} +.vote-form .form-item-choice { + margin: 6px 0; + padding: 0; +} +.vote-form .title { + font-weight: 700; + line-height: 1.5; +} +.vote-form .form-radios { + margin: 13px 0 9px 0; +} +.poll .vote-form { + text-align: left; /* LTR */ +} +.poll .vote-form .choices { + display: block; +} +.poll .total { + text-align: left; +} + +/** + * Profile and User modules + */ +.profile { + margin: 0; +} +.profile dd { + margin-left: 0; +} +.profile dt { + margin: 0; +} +.profile h3 { + border-bottom: 1px solid #EBEBEB; + padding-bottom: 4px; + margin-bottom: 10px; + margin-top: 17px; +} +.profile .user-picture { + float: right; /* LTR */ + margin-top: 45px; +} +/* User list */ +body.page-profile .user-picture { + display: inline-block; + margin: 0; + vertical-align: top; + float: none; +} +body.page-profile .user-picture img { + width: 20px; + margin: 2px 0 0 10px; +} +body.page-profile .name { + display: inline-block; + line-height: 2.2; +} + +/** + * Search module + */ +.search-results p { + margin-bottom: 4px; +} +.search-results dd { + margin: 5px 0 20px 0; +} +.search-snippet strong { + background-color: #e25400; + color: #ffffff; + padding: 0 4px; +} + +/** + * Overlay module + */ +body.overlay { + background-color: transparent; +} +#overlay-container { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + -webkit-border-top-right-radius: 0px; + -moz-border-radius-topright: 0px; + border-top-right-radius: 0px; +} +body.overlay #main-wrapper, +body.overlay #main { + padding: 0!important; + width: 100%; +} +body.overlay #main { + width: 100%!important; + padding: 0 20px; +} +body.overlay #page { + border: none; + padding-bottom: 0; +} +body.overlay h1.page-title { + display: none; +} +.overlay .ui-dialog-title { + font-size: 2.333em; + padding: 0 0 6px; +} + +/** + * DBlog module + */ +form#dblog-filter-form .form-item { + display: inline-block; + vertical-align: top; + margin-right: 15px; + margin-top: 0; +} +#dblog-filter-form select { + width: 100%; +} +#dblog-filter-form .form-actions { + padding: 6px 0; +} +tr.dblog-user { + background: #ffd; +} +tr.dblog-user .active { + background: #eed; +} +tr.dblog-content { + background: #fffee9; +} +tr.dblog-content .active { + background: #fffcc3; +} +tr.dblog-page-not-found, +tr.dblog-access-denied { + background: #f3fcdb; +} +tr.dblog-page-not-found .active, +tr.dblog-access-denied .active { + background: #def2a9; +} +tr.dblog-error { + background: #fce8dd; +} +tr.dblog-error .active { + background: #fad4c0; +} + +/* +* Shortcut module +*/ +.shortcut-wrapper h1.page-title { + display: inline-block; +} +.shortcut-wrapper .add-or-remove-shortcuts { + display: inline-block; +} +div.add-or-remove-shortcuts a:hover span.text { + left: 6px; +} +div.add-or-remove-shortcuts a span.text { + -moz-border-radius-bottomright:5px; + -moz-border-radius-topright:5px; + background-color: #5f605b; + color: #ffffff; + cursor: pointer; + display: block; + font-size: 10px; + line-height: 12px; + padding-right: 6px; + visibility: hidden; +} +div.add-or-remove-shortcuts a:hover span.text { + visibility: visible; + line-height: 12px!important; +} +.shortcut-wrapper h1.page-title { + margin-right: 6px; +} +div.add-or-remove-shortcuts a span.icon { + margin: 0; +} + +/* +* Contextual links module +*/ +div.contextual-links-wrapper { + z-index: 20; +} +#content .contextual-links-wrapper a.contextual-links-trigger { + background-color: #ffffff; +} +a.contextual-links-trigger { + margin: 0!important; + padding: 0!important; +} +ul.contextual-links li a { + font-size: 12px; + color:#333333 !important; + display:block; + margin: 0; + padding: 5px 5px; +} +a.contextual-links-trigger { + border: transparent 1px solid; +} + +/* +* Color module +*/ +#palette .form-item { + width: auto; +} +.color-form .form-item { + height: 3em; +} +#palette .item-selected { + background: none; +} + +/* +* System module +*/ +/* Tabs */ +.tabs { + margin: 12px 0; +} +.tabs ul.tabs { + margin: 0; + padding: 0; + border: none; + white-space: normal; +} +.tabs ul.tabs li { + display: inline-block; + padding: 0; +} +.tabs ul.tabs li a { + background-color: #f5f4f3; + border: 1px solid #cccccc; + color: inherit; + display: block; + margin: 0; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.tabs ul.tabs li.active a { + background-color: #ffffff; +} +.tabs ul.tabs li a:hover, +.tabs ul.tabs li a:active, +.tabs ul.tabs li a:focus { + outline: none; + opacity: 0.8; + border-color: #666666; +} +.tabs ul.tabs li a:hover { + opacity: 0.8; +} +.tabs ul.primary li { + margin: 3px 3px 3px 0; +} +.tabs ul.primary li a { + padding: 7px 15px; +} +.tabs ul.secondary { + margin: 2px 0 6px; + padding: 0; + border: none; + white-space: normal; +} +.tabs ul.secondary li { + margin: 3px 3px 3px 0; + border: none; +} +.tabs ul.secondary li a { + font-size: 11px; + padding: 3px 12px; +} + +/* Vertical tabs */ +div.vertical-tabs { + border: 1px solid #cccccc; +} +div.vertical-tabs ul.vertical-tabs-list li { + background: #f5f4f3; +} +.vertical-tabs-panes { + padding: 9px 5px; +} +div.vertical-tabs fieldset { + background: none; +} +ul.vertical-tabs-list li a { + background-color: #f5f4f3; + display: block; + border: none; + padding: 7px 12px; + color: inherit; +} +ul.vertical-tabs-list li.selected a { + background-color: #ffffff; +} +/* Pagers */ +.item-list ul.pager { + margin: 15px 0 2px 0; + text-align: left; +} +.item-list ul.pager li { + margin: 0 6px; + padding: 0; +} +ul.pager a.active { + color: #086782; +} +ul.pager li.pager-previous { + padding-right: 8px; +} +ul.pager li.pager-next { + padding-left: 8px; +} +/* Breadcrumbs */ +#breadcrumb { + margin: 0 0 10px 0; +} +#breadcrumb .separator { + margin: 0 5px; +} +.breadcrumb { + padding: 0; +} +/* Markers (e.g. "new", "updated") */ +.marker { + color: #e25401; + text-transform: capitalize; + margin-left: 3px; +} +.marker:before { + content: "("; +} +.marker:after { + content: ")"; +} +/* Action links (e.g. "Add new Forum topic") */ +ul.action-links { + margin: 6px 0; +} +ul.action-links li { + list-style: none; + display: block; +} +ul.action-links li a { + padding-left: 15px; + background: url(images/action-link.png) no-repeat left center; +} +/* Messages */ +#messages { + margin: 10px 0; +} +#messages:first-child { + margin-top: 0; +} +div.messages { + padding: 7px 12px; + margin: 0 0 15px 0; + color: #ffffff; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.messages em { + font-weight: 300; +} +.messages.status { + color: #ffffff; + background-color: #74950a; +} +.messages.warning { + color: #ffffff; + background-color: #e89c00; +} +.messages.error { + color: #ffffff; + background: #d53400; +} +.messages a { + color: #ffffff; + text-decoration: underline; +} +/* Collapsing fieldsets */ +html.js fieldset.collapsible legend { + padding: 2px 4px 2px 10px; /* LTR */ +} +html.js fieldset.collapsible legend a { + padding: 0 15px 0 0; /* LTR */ + color: #ffffff; + background: url("images/arrow-down-white.png") no-repeat right 4px; /* LTR */ +} +html.js fieldset.collapsed legend a { + background: url(images/arrow-right-white.png) no-repeat right 4px; /* LTR */ +} +html.js fieldset.collapsed .fieldset-wrapper, +html.js fieldset.collapsed .action { + display: none; +} +html.js fieldset.collapsed { + padding: 5px 20px; +} +html.js fieldset.collapsed { + border-width: 1px; + margin-bottom: 15px; +} +/* form autocompletion */ +html.js input.form-autocomplete { + background-position: 99% 6px; /* LTR */ +} +html.js input.throbbing { + background-position: 99% -14px; /* LTR */ +} +/* Resizable textareas */ +.resizable-textarea { + width: 100%; +} +.resizable-textarea .grippie { + height: 9px; + width: 100%; + background: #cccccc url(images/grippie.png) no-repeat center 2px; + border: 1px solid #cccccc; + border-top-width: 0; + cursor: s-resize; + margin-top: -6px; + position: relative; /* required in RTL mode */ + margin-right: 0!important; /* textarea.js sets unncessary margin here */ + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -khtml-box-sizing: border-box; + box-sizing: border-box; +} +/* Table drag and drop */ +.draggable a.tabledrag-handle { + margin: 0 12px 0 0; + padding: 0; +} +tr.drag { + background-color: #f3fbfe; +} +tr.drag-previous { + background-color: #f8fdfe; +} +span.tabledrag-changed { + font-size: 13px; + margin-left: 3px; + color: red; +} +/* Table sort */ +th a, +thead a { + color: #ffffff!important; +} +th a:hover, +thead a:hover { + color: #ffffff; +} +table img { + margin: 0 0 0 7px; /* LTR */ +} +/* Password strength indicator */ +.password-parent { + width: 420px; +} +#password-strength { + float: right; /* LTR */ + margin-top: 16px; +} +#password-strength-text { + float: right; + font-weight: bold; +} +div.password-confirm { + visibility: hidden; +} +#password-indicator { + border: 1px solid #989898; + margin-top: 3px; + background-color: #f5f5f5; + height: 8px; +} +#password-indicator div { + height: 100%; + width: 0%; + background-color: #9eb42c; +} +input.password-confirm, +input.password-field { + width: 16em; + margin-bottom: 0.4em; +} +.password-confirm { + display: inline; + padding-left: 1em; +} +.form-item .password-suggestions { + padding: 8px 9px; + margin: 10px 0; + background-color: #f3fcdb; + border: 1px solid #b8e643; +} +.password-suggestions ul { + margin: 8px 0 0 9px; +} +/* utility classes */ +.element-invisible { + padding: 0; +} + +/* +** Admin pages +*/ +/* admin/structure/block and admin/people/permissions*/ +tr.region-title td, +table#permissions td.module { + border-bottom: 1px solid #2E2E2E; + border-top: 1px solid #2E2E2E; + color: #779125; + font-family: "Trebuchet MS", "Bitstream Vera Sans", "FreeSans", sans-serif; + font-size: 13px; + font-weight: 700; + letter-spacing: 1px; + text-transform: uppercase; +} +tr.region-populated { + display: none; +} +/* admin/config */ +div.admin .left, +.admin .right { + margin: 0; + width: 49%; +} +div.admin-panel { + margin: 0 0 9px 0; + padding: 5px 0 10px; + border-bottom: 1px dashed black; +} +div.admin-panel h3 { + margin-top: 5px; +} +.admin-panel:last-child { + border-bottom: none; +} +/* admin/help/ */ +body.page-admin-help dd { + margin-bottom: 12px; +} +/* admin/config/regional/date-time */ +td .form-item { + margin: 4px 0; +} +/* admin//fields */ +.label-add-new-field, +.label-add-existing-field { + display: inline-block; + vertical-align: middle; +} +/* admin/config/people/ip-blocking */ +form#system-ip-blocking-form { + margin-bottom: 15px; +} +/* admin/config */ +div.admin-panel .body { + padding: 0; +} +/* admin/reports/updates */ +table.version tr { + margin: 10px 0; +} +td.version-links li { + display: inline; + margin: 0 0 0 10px; +} +table.update tr, +table.update td { + border-top: 1px solid #2E2E2E; + border-bottom: 1px solid #2E2E2E; +} +body.page-admin-reports-updates h3 { + margin-bottom: 0; +} +/* node//edit */ +#edit-field-image { + float: none; +} +/* admin forms */ +body.page-admin label { + font-weight: 700; +} +#edit-actions { + vertical-align: top; + margin: 10px 0; +} +.fieldset-description { + margin-bottom: 6px; +} +body.page-admin input { + width: auto; +} +.multiselect .form-item { + display: inline-block; + margin: 0 10px 0 0; +} +dl.multiselect dt, +dl.multiselect dd { + float: none; +} +#user-admin-buttons { + margin-left: 0; + margin-right: 0; +} +form#system-actions-manage-form { + margin-top: 30px; +} +table + input { + margin-top: 10px!important; +} +legend + .fieldset-wrapper { + margin-top: 0; +} +dl.multiselect dd .form-item { + margin-bottom: 30px; +} +dl.multiselect dd .form-item label { + margin-top: 2px; +} +.node-form #edit-poll-more { + margin-top: 10px; +} +/* other */ +td.block { + background: inherit; + border: none; + margin: 0; +} +h1 em { + font-weight: 300; +} +h1 em:before { + content: "«"; +} +h1 em:after { + content: "»"; +} +td.edit, +td.delete { + padding-left: 7px; +} +dl.admin-list dd { + margin: 0 0 11px 0; +} +dl.multiselect label { + text-transform: capitalize; +} +dl.multiselect dd { + line-height: normal; + margin-left: 0; +} +#block-system-help { + background-color: #f5f9fa; + border: 1px solid #b3cfd4; + margin: 15px 0; + padding: 12px 16px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +#block-system-help .contextual-links-wrapper a.contextual-links-trigger { + background-color: #f5f9fa; +} +#user-admin-buttons, +#node-admin-buttons { + margin-top: 10px; +} +.compact-link { + margin-bottom: 5px; +} +.node-type-list dt { + margin-top: 11px; +} +body.page-admin .block { + font-size: inherit; +} +fieldset .action { + margin-top: 7px; +} +#dashboard #disabled-blocks h2 { + color: #ffffff; +} + diff --git themes/corolla/template.php themes/corolla/template.php new file mode 100644 index 0000000..d18e2d2 --- /dev/null +++ themes/corolla/template.php @@ -0,0 +1,131 @@ +\n" . '' . "\n" . "\n"; + $variables['styles'] .= "\n\n"; + $variables['styles'] .= "\n\n"; +} + +/** + * Implements template_process_page(). + */ +function corolla_process_page(&$variables) { + + // 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']) ) { + // Add a wrapper div using the title_prefix and title_suffix render elements. + $variables['title_prefix']['shortcut_wrapper'] = array( + '#markup' => '
', + '#weight' => 100, + ); + $variables['title_suffix']['shortcut_wrapper'] = array( + '#markup' => '
', + '#weight' => -99, + ); + // Make sure the shortcut link is the first item in title_suffix. + $variables['title_suffix']['add_or_remove_shortcut']['#weight'] = -100; + } +} + + +/** + * Implements template_preprocess_block(). + */ +function corolla_preprocess_block(&$variables) { + + // Remove "block" class from "Main page content" block + if ($variables['block']->module == 'system' && $variables['block']->delta == 'main') { + unset($variables['classes_array']['0']); + } +} + +/** + * Overrides theme_breadcrumb(). + */ +function corolla_breadcrumb($variables) { + + // Wrap separator with span element. + if (!empty($variables['breadcrumb'])) { + // Provide a navigational heading to give context for breadcrumb links to + // screen-reader users. Make the heading invisible with .element-invisible. + $output = '

' . t('You are here') . '

'; + $output .= ''; + return $output; + } +} + +/** + * Overrides theme_more_link(). + */ +function corolla_more_link($variables) { + + return ''; +} + +/** + * Overrides theme_status_messages(). + */ +function corolla_status_messages($variables) { + + $output = ''; + $status_heading = array( + 'status' => t('Status message'), + 'error' => t('Error message'), + 'warning' => t('Warning message'), + ); + + // Print serveral messages in separate divs. + foreach (drupal_get_messages($variables['display']) as $type => $messages) { + if (!empty($status_heading[$type])) { + $output .= '

' . $status_heading[$type] . "

\n"; + } + foreach ($messages as $message) { + $output .= '
'; + $output .= $message; + $output .= "
\n"; + } + } + + return $output; +} + +/** + * Overrides theme_tablesort_indicator(). + */ +function corolla_tablesort_indicator($variables) { + + // Use custom arrow images. + if ($variables['style'] == 'asc') { + return theme('image', array('path' => path_to_theme() . '/images/tablesort-ascending.png', 'alt' => t('sort ascending'), 'title' => t('sort ascending'))); + } + else { + return theme('image', array('path' => path_to_theme() . '/images/tablesort-descending.png', 'alt' => t('sort descending'), 'title' => t('sort descending'))); + } +}