diff --git a/themes/bartik/.DS_Store b/themes/bartik/.DS_Store new file mode 100644 index 0000000..be9f1d9 Binary files /dev/null and b/themes/bartik/.DS_Store differ diff --git a/themes/bartik/bartik.info b/themes/bartik/bartik.info new file mode 100644 index 0000000..5f4a973 --- /dev/null +++ b/themes/bartik/bartik.info @@ -0,0 +1,39 @@ +; $Id$ + +name = Bartik +description = A flexible, recolorable theme with many regions. +package = Core +version = VERSION +core = 7.x +engine = phptemplate + +stylesheets[all][] = css/layout.css +stylesheets[all][] = css/style.css +stylesheets[all][] = css/colors.css +stylesheets[print][] = css/print.css +stylesheets[all][] = css/maintenance-page.css + +scripts[] = scripts/search.js + +regions[header] = Header +regions[help] = Help +regions[page_top] = Page top +regions[page_bottom] = Page bottom +regions[highlight] = 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] = 1 diff --git a/themes/bartik/color/base.png b/themes/bartik/color/base.png new file mode 100644 index 0000000..8a9cf7d Binary files /dev/null and b/themes/bartik/color/base.png differ diff --git a/themes/bartik/color/color.inc b/themes/bartik/color/color.inc new file mode 100755 index 0000000..6aaeea2 --- /dev/null +++ b/themes/bartik/color/color.inc @@ -0,0 +1,134 @@ + array('logo' => theme_get_setting('logo', 'bartik'))), 'setting'); + +$info = array( + // Available colors and color labels used in theme. + 'fields' => array( + 'bg' => t('Main background'), + 'link' => t('Link color'), + 'top' => t('Header top'), + 'bottom' => t('Header bottom'), + 'text' => t('Text color'), + 'sidebar' => t('Sidebar background'), + 'sidebarborders' => t('Sidebar borders'), + 'footer' => t('Footer background'), + 'titleslogan' => t('Title and slogan'), + ), + // Pre-defined color schemes. + 'schemes' => array( + 'default' => array( + 'title' => t('Bartik (Default)'), + 'colors' => array( + 'bg' => '#ffffff', + 'link' => '#0073b6', + 'top' => '#4a4a4a', + 'bottom' => '#4e4e4e', + 'text' => '#3b3b3b', + 'sidebar' => '#feffff', + 'sidebarborders' => '#d0d0d0', + 'footer' => '#161617', + 'titleslogan' => '#fffeff', + ), + ), + 'Blue Lagoon' => array( + 'title' => t('Blue Lagoon'), + 'colors' => array( + 'bg' => '#ffffff', + 'link' => '#288CC9', + 'top' => '#0779bf', + 'bottom' => '#48a9e4', + 'text' => '#3b3b3b', + 'sidebar' => '#f6f6f2', + 'sidebarborders' => '#f9f9f9', + 'footer' => '#2d1e0f', + 'titleslogan' => '#fffeff', + ), + ), + 'Firehouse' => array( + 'title' => t('Firehouse'), + 'colors' => array( + 'bg' => '#ffffff', + 'link' => '#d6121f', + 'top' => '#cd2d2d', + 'bottom' => '#cf3535', + 'text' => '#3b3b3b', + 'sidebar' => '#f1f1f1', + 'sidebarborders' => '#c2c2c2', + 'footer' => '#1f1d1c', + 'titleslogan' => '#fffeff', + ), + ), + 'Plum' => array( + 'title' => t('Plum'), + 'colors' => array( + 'bg' => '#fffdf7', + 'link' => '#9d408d', + 'top' => '#4c1c58', + 'bottom' => '#593662', + 'text' => '#301313', + 'sidebar' => '#f8f3e7', + 'sidebarborders' => '#e4e3d4', + 'footer' => '#2C2C28', + 'titleslogan' => '#fffeff', + ), + ), + 'Ice' => array( + 'title' => t('Ice'), + 'colors' => array( + 'bg' => '#ffffff', + 'link' => '#0f75b4', + 'top' => '#d0d0d0', + 'bottom' => '#c2c4c5', + 'text' => '#585858', + 'sidebar' => '#feffff', + 'sidebarborders' => '#cccccc', + 'footer' => '#24272c', + 'titleslogan' => '#0b0b0b', + ), + ), + ), + + // 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_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 a/themes/bartik/color/preview.css b/themes/bartik/color/preview.css new file mode 100644 index 0000000..cb95c19 --- /dev/null +++ b/themes/bartik/color/preview.css @@ -0,0 +1,62 @@ +/* $Id$ */ + +/* Bring in the rest of the theme's CSS styles. */ +@import url("../css/style.css"); + +/* From color.css. */ +#preview, #preview-header { + background-color: #000000; +} +/* Undoing Seven's reset. */ +#preview #preview-header #preview-logo img { + border: 0; +} + +/* ---------- Basic Preview Styles ----------- */ + +#preview { + width: 640px; + overflow: hidden; + font-size: 1em; +} +#preview #preview-header div.section, +#preview #preview-navigation div.section, +#preview #preview-featured div.section, +#preview #preview-main { + width: 960px; + margin-left: auto; + margin-right: auto; + padding: 0 20px; +} +#preview #preview-content, +#preview .sidebar { + display: inline; + float: left; /* LTR */ + position: relative; +} +#preview #preview-content { + width: 720px; +} +#preview .sidebar { + width: 240px; +} +#preview #preview-content .section, +.sidebar .section { + padding: 0 10px; +} +#preview #footer-wrapper { + padding: 35px 20px 30px; +} +#preview #footer-firstcolumn, +#preview #footer-secondcolumn, +#preview #footer-thirdcolumn, +#preview #footer-fourthcolumn { + padding: 0 10px; + width: 220px; + display: inline; + float: left; /* LTR */ + position: relative; +} +#preview #footer { + width: 940px; +} diff --git a/themes/bartik/color/preview.html b/themes/bartik/color/preview.html new file mode 100644 index 0000000..13537ed --- /dev/null +++ b/themes/bartik/color/preview.html @@ -0,0 +1,105 @@ +
+
+
+ +
+
+ Bartik +
+
+
+
+
+
+ +
+
+ +

+ Lorem ipsum dolor +

+
+
+
+
+
+
+
+
+

+ Sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor + in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, + sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
diff --git a/themes/bartik/color/preview.js b/themes/bartik/color/preview.js new file mode 100644 index 0000000..7365f6f --- /dev/null +++ b/themes/bartik/color/preview.js @@ -0,0 +1,37 @@ +/* $Id$ */ + +(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; + } + + // Solid background. + $('#preview', form).css('backgroundColor', $('#palette input[name="palette[bg]"]', form).val()); + + // Text preview. + $('#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()); + + // Sidebar background. + $('#preview .sidebar .block', form).css('background-color', $('#palette input[name="palette[sidebar]"]', form).val()); + + // Footer background. + $('#preview #footer-wrapper', form).css('background-color', $('#palette input[name="palette[footer]"]', form).val()); + + $('#preview .sidebar .block', form).css('border-color', $('#palette input[name="palette[sidebarborders]"]', 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-name-and-slogan a', form).css('color', $('#palette input[name="palette[titleslogan]"]', form).val()); + } + }; +})(jQuery); diff --git a/themes/bartik/color/preview.png b/themes/bartik/color/preview.png new file mode 100644 index 0000000..8018ed9 Binary files /dev/null and b/themes/bartik/color/preview.png differ diff --git a/themes/bartik/css/colors.css b/themes/bartik/css/colors.css new file mode 100644 index 0000000..e49ee5d --- /dev/null +++ b/themes/bartik/css/colors.css @@ -0,0 +1,46 @@ +/* $Id$ */ + +/* ---------- Color Module Styles ----------- */ + +body { + background-color: #161617; + color: #ffffff; +} +html, +#page-wrapper, +body.overlay { + background-color: #ffffff; + color: #3b3b3b; +} +#navigation ul.links li.active-trail a { + background: #ffffff; +} +.tabs ul.primary li a.active { + background-color: #ffffff; +} +#header { + background-color: #4e4e4e; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a4a4a), to(#4e4e4e)); + background-image: -moz-linear-gradient(-90deg, #4a4a4a, #4e4e4e); +} +a { + color: #0073b6; +} +a:hover, +a:focus { + color: #018fe2; +} +a:active { + color: #23aeff; +} +.sidebar .block { + background-color: #feffff; + border-color: #d0d0d0; +} +#footer-wrapper { + background: #161617; +} +#header #name-and-slogan, +#header #name-and-slogan a { + color: #fffeff; +} diff --git a/themes/bartik/css/ie-rtl.css b/themes/bartik/css/ie-rtl.css new file mode 100644 index 0000000..6b5d435 --- /dev/null +++ b/themes/bartik/css/ie-rtl.css @@ -0,0 +1,11 @@ +/* $Id: ie-rtl.css,v 1.2 2010/05/18 02:32:53 jensimmons Exp $ */ + +fieldset legend { + left: 6px; +} +.tabs ul.primary li a.active { + padding: 0 10px 0 7px; +} +ul.action-links li a { + zoom: 1; +} diff --git a/themes/bartik/css/ie.css b/themes/bartik/css/ie.css new file mode 100644 index 0000000..4c8003a --- /dev/null +++ b/themes/bartik/css/ie.css @@ -0,0 +1,24 @@ +/* $Id$ */ + +.block { + zoom: 1; +} +input.form-text { + font-family: sans-serif; +} +#password-strength-text { + margin-top: 0; +} +fieldset legend { + left: -8px; + padding: 0; +} +.tabs ul.primary { + height: auto; +} +.tabs ul.primary li a.active { + padding: 0 7px 0 10px; /* LTR */ +} +#footer-wrapper #footer .block { + height: 100%; +} diff --git a/themes/bartik/css/ie6.css b/themes/bartik/css/ie6.css new file mode 100644 index 0000000..f49745a --- /dev/null +++ b/themes/bartik/css/ie6.css @@ -0,0 +1,11 @@ +/* $Id$ */ + +#content { + overflow: hidden; +} +.form-item-search-block-form { + width: 50%; +} +.tabs ul.primary { + zoom: 1; +} diff --git a/themes/bartik/css/layout-rtl.css b/themes/bartik/css/layout-rtl.css new file mode 100644 index 0000000..c245ef8 --- /dev/null +++ b/themes/bartik/css/layout-rtl.css @@ -0,0 +1,15 @@ +/* $Id$ */ + +/* ---------- Basic Layout RTL Styles ----------- */ + +#content, +.sidebar, +#triptych-first, +#triptych-middle, +#triptych-last, +#footer-firstcolumn, +#footer-secondcolumn, +#footer-thirdcolumn, +#footer-fourthcolumn { + float: right; +} diff --git a/themes/bartik/css/layout.css b/themes/bartik/css/layout.css new file mode 100644 index 0000000..577b2b7 --- /dev/null +++ b/themes/bartik/css/layout.css @@ -0,0 +1,73 @@ +/* $Id$ */ + +/* ---------- Basic Layout Styles ----------- */ + +#header div.section, +#navigation div.section, +#featured div.section, +#messages, +#main, +#triptych, +#footer-columns, +#footer { + width: 960px; + margin-left: auto; + margin-right: auto; +} +#content, +.sidebar, +#triptych-first, +#triptych-middle, +#triptych-last, +#footer-firstcolumn, +#footer-secondcolumn, +#footer-thirdcolumn, +#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 { + width: 240px; +} +#main-wrapper { + min-height: 500px; +} +#messages div.section, +#content .section, +.sidebar .section { + padding: 0 15px; +} +#breadcrumb { + margin: 0 15px; +} +#triptych-first, +#triptych-middle, +#triptych-last { + margin: 20px 20px 30px; + width: 280px; +} +#footer-wrapper { + padding: 35px 5px 30px; +} +#footer-firstcolumn, +#footer-secondcolumn, +#footer-thirdcolumn, +#footer-fourthcolumn { + padding: 0 10px; + width: 220px; +} +#footer { + width: 940px; + min-width: 920px; +} diff --git a/themes/bartik/css/maintenance-page.css b/themes/bartik/css/maintenance-page.css new file mode 100644 index 0000000..ed72127 --- /dev/null +++ b/themes/bartik/css/maintenance-page.css @@ -0,0 +1,62 @@ +/* $Id$ */ + +body.maintenance-page { + background-color: #fff; + color: #000; +} +.maintenance-page #page-wrapper { + margin-left: auto; + margin-right: auto; + width: 800px; + border: 1px solid #cbcbcb; + 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 #navigation div.section, +.maintenance-page #messages, +.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 #header #name-and-slogan { + margin-bottom: 50px; + padding-top: 20px; + font-size: 90%; +} +.maintenance-page #header, +.maintenance-page #header a, +.maintenance-page #header a:hover, +.maintenance-page #header 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.section { + padding: 0; +} diff --git a/themes/bartik/css/print.css b/themes/bartik/css/print.css new file mode 100644 index 0000000..6e85314 --- /dev/null +++ b/themes/bartik/css/print.css @@ -0,0 +1,47 @@ +/* $Id$ */ + +/* ---------- 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; +} diff --git a/themes/bartik/css/style-rtl.css b/themes/bartik/css/style-rtl.css new file mode 100644 index 0000000..19b23cf --- /dev/null +++ b/themes/bartik/css/style-rtl.css @@ -0,0 +1,254 @@ +/* $Id$ */ + +/* ------------------ 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"; +} + +/* ------------------ 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; +} + +/* ------------------ Header ------------------ */ + +#header #logo { + float: right; + padding: 15px 0 15px 30px; +} +/* Menus when in the header region. */ +#header div.block-menu, +#header div#block-system-main-menu, +#header div#block-system-secondary-menu { + float: right; +} +#header .block-menu li a, +#header #block-system-main-menu li a, +#header #block-system-secondary-menu li a { + float: right; + border-left: 1px solid #555; + + border-right: none; +} +#header .block-menu li.first a, +#header #block-system-main-menu li.first a, +#header #block-system-secondary-menu li.first a { + padding-right: 0; + padding-left: 12px; +} +#header .block-menu li.last a, +#header #block-system-main-menu li.last a, +#header #block-system-secondary-menu li.last a { + padding-left: 0; + padding-right: 12px; + border-left: none; +} +#header #block-search-form { + float: left; +} +#header #block-user-login { + left: 2%; + right: auto; + float: left; +} +#header #block-user-login .form-text { + margin-left: 5px; +} +#header #block-user-login .item-list ul li { + margin: 0 15px 0 5px; +} +#header #block-user-login .userbox { + margin-right: 10px; +} + +/* --------------- Main Navigation ------------ */ + +#navigation ul.links li.first { + padding-right: 2px; + padding-left: 0; +} + +/* ----------------- Content ------------------ */ + +#block-system-main .submitted .user-picture img { + float: right; + margin-left: 5px; + margin-right: 0; +} +#block-system-main div.field-name-taxonomy-tags div.field-label, +#block-system-main div.field-name-taxonomy-tags div.field-items, +#block-system-main div.field-name-taxonomy-tags div.field-item { + float: right; + padding-left: 10px; + padding-right: 0; +} +#block-system-main .link-wrapper { + margin-right: 236px; + margin-left: 0; +} + +/* ----------------- Comments ----------------- */ + +#comment-wrapper div.user-picture img { + margin-right: 0; +} +#comments .attribution { + float: right; +} +#comments .comment-arrow { + background: url(../images/comment-arrow-rtl.png); + margin-right: -45px; +} +#comments .comment-text { + margin-right: 140px; + margin-left: 0; +} +#comments .indented { + margin-right: 40px; + margin-left: 0; +} + +/* -------------- 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; +} + +/* ------------------ 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 .form-type-textfield label, +#comment-form .form-type-item label { + float: right; +} +#comment-form .form-type-textfield input, +#comment-form .form-item .username { + float: left; +} +#comment-form .form-item .description { + float: left; +} + +/* -------------- 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; +} diff --git a/themes/bartik/css/style-rtl.css.orig b/themes/bartik/css/style-rtl.css.orig new file mode 100644 index 0000000..ebf0f88 --- /dev/null +++ b/themes/bartik/css/style-rtl.css.orig @@ -0,0 +1,241 @@ +/* $Id$ */ + +/* ------------------ 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"; +} + +/* ------------------ 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; +} + +/* ------------------ Header ------------------ */ + +#header #logo { + float: right; + padding: 15px 0 15px 30px; +} +/* Menus when in the header region. */ +#header div.block-menu, +#header div#block-system-main-menu, +#header div#block-system-secondary-menu { + float: right; +} +#header .block-menu li a, +#header #block-system-main-menu li a, +#header #block-system-secondary-menu li a { + float: right; + border-left: 1px solid #555; + + border-right: none; +} +#header .block-menu li.first a, +#header #block-system-main-menu li.first a, +#header #block-system-secondary-menu li.first a { + padding-right: 0; + padding-left: 12px; +} +#header .block-menu li.last a, +#header #block-system-main-menu li.last a, +#header #block-system-secondary-menu li.last a { + padding-left: 0; + padding-right: 12px; + border-left: none; +} +#header #block-search-form { + float: left; +} +#header #block-user-login { + left: 2%; + right: auto; + float: left; +} +#header #block-user-login .form-text { + margin-left: 5px; +} +#header #block-user-login .item-list ul li { + margin: 0 15px 0 5px; +} +#header #block-user-login .userbox { + margin-right: 10px; +} + +/* --------------- Main Navigation ------------ */ + +#navigation ul.links li.first { + padding-right: 2px; + padding-left: 0; +} + +/* ----------------- Content ------------------ */ + +#block-system-main .submitted .user-picture img { + float: right; + margin-left: 5px; + margin-right: 0; +} +#block-system-main div.field-name-taxonomy-tags div.field-label, +#block-system-main div.field-name-taxonomy-tags div.field-items, +#block-system-main div.field-name-taxonomy-tags div.field-item { + float: right; + padding-left: 10px; + padding-right: 0; +} +#block-system-main .link-wrapper { + margin-right: 236px; + margin-left: 0; +} + +/* ----------------- Comments ----------------- */ + +#comment-wrapper div.user-picture img { + margin-right: 0; +} +#comments .attribution { + float: right; +} +#comments .comment-arrow { + background: url(../images/comment-arrow-rtl.png); + margin-right: -45px; +} +#comments .comment-text { + margin-right: 140px; + margin-left: 0; +} +#comments .indented { + margin-right: 40px; + margin-left: 0; +} + +/* -------------- 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; +} + +/* ------------------ 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; +} + +/* -------------- 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; +} diff --git a/themes/bartik/css/style.css b/themes/bartik/css/style.css new file mode 100644 index 0000000..34c2c1f --- /dev/null +++ b/themes/bartik/css/style.css @@ -0,0 +1,1333 @@ +/* $Id$ */ + +/* ---------- Overall Specifications ---------- */ + +body, +#preview { + background-color: #fff; + line-height: 1.4em; + font-size: 0.8em; + word-wrap: break-word; + margin: 0; + padding: 0; + border: 0; + outline: 0; +} +a:link, +a:visited { + text-decoration: none; +} +h1, +h2, +h3, +h4, +h5, +h6, +#preview h1, +#preview h2, +#preview h3, +#preview h4, +#preview h5, +#preview h6 { + margin: 1.0em 0 0.5em; + font-weight: inherit; +} +h1, +#preview h1 { + font-size: 140%; + color: #000; +} +h2, +#preview h1 { + font-size: 120%; +} +p, +#preview p { + margin: 0 0 1.2em; +} +del { + text-decoration: line-through; +} +tr.odd { + background-color: #dddddd; +} +img, +#preview img { + outline: 0; +} + +/* ------------------ Fonts ------------------ */ + +body, +#preview, +#header #site-slogan, +.ui-widget { + font-family: Georgia, "Times New Roman", Times, serif; +} +#header, +#footer-wrapper, +#preview #preview-header, +ul.contextual-links, +ul.links, +ul.primary, +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: .5em 10px; +} +blockquote:before { + color: #bbb; + content: "\201C"; + font-size: 3em; + line-height: .1em; + margin-right: .2em; + vertical-align: -.4em; +} +blockquote:after { + color: #bbb; + content: "\201D"; + font-size: 3em; + line-height: .1em; + vertical-align: -.45em; +} +blockquote :first-child { + display: inline; +} +a.feed-icon { + display: inline-block; + padding: 15px 0 0 0; +} + +/* ------------------ Table Styles ------------------ */ + +table { + border-spacing: 0; + font-size: 0.85em; + width: 100%; + margin: 10px 0; +} +#footer-wrapper table { + font-size: 1em; +} +table tr th { + background-color: #757575; + border-bottom-style: none; +} +table thead tr th, +table thead tr th a, +table thead tr th a:hover { + color: #FFF; + font-weight: bold; +} +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-color: #e4e4e4; +} +tr, +tr.even { + background-color: #efefef; +} +#block-system-main table ul.links { + font-size: 1em; + margin: 0; + padding: 0; +} +#block-system-main table ul.links li { + padding: 0 1em 0 0; +} + +/* ------------------ List Styles ------------------ */ + +.block ul { + margin: 0; +} +ul.contextual-links { + font-size: 90%; +} +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 { + position: absolute; + top: -9999px; +} +#header, +#preview #preview-header { + color: #fff; +} +#header a, +#preview #preview-header a { + color: #fff; +} +#header a:hover, +#header a:focus { + color: #b5b7b9; +} +#header a:active { + color: #adb0bf; +} +#header #logo, +#preview #preview-header #preview-logo { + float: left; /* LTR */ + padding: 15px 30px 15px 0; /* LTR */ +} +#header #name-and-slogan, +#preview #preview-header #preview-name-and-slogan { + padding-top: 38px; + margin-bottom: 30px; +} +#header #site-name, +#preview #preview-header #preview-site-name { + font-size: 200%; + color: #686868; +} +#header h1#site-name, +#preview #preview-header h1#preview-site-name { + margin: 0; +} +#header #site-name a, +#preview-header #preview-site-name a { + font-weight: normal; +} +#header #site-slogan { + margin-top: 7px; + font-size: 100%; + word-spacing: 0.1em; + font-style: italic; +} +/* Menus when in the header region. */ +#header div.block-menu, +#header div#block-system-main-menu, +#header div#block-system-secondary-menu { + height: 1.1em; + margin: 10px 0; + font-size: 120%; + float: left; /* LTR */ + width: 75%; +} +#header .block ul, /* Any menu block in the header region. */ +#header .block li { + list-style: none; + margin: 0; + padding: 0; +} +#header .block-menu li a, +#header #block-system-main-menu li a, +#header #block-system-secondary-menu li a { + float: left; /* LTR */ + padding: 0 12px; + display: block; + border-right: 1px solid #555; /* LTR */ +} +#header .block-menu li.first a, +#header #block-system-main-menu li.first a, +#header #block-system-secondary-menu li.first a { + padding-left: 0; /* LTR */ +} +#header .block-menu li.last a, +#header #block-system-main-menu li.last a, +#header #block-system-secondary-menu li.last a { + padding-right: 0; /* LTR */ + border-right: none; /* LTR */ +} +#header #block-search-form { /* Search block in the Header region. */ + float: right; /* LTR */ + width: 24%; + margin: 8px 0; +} +#header #block-user-login { /* Login block in the Header region. */ + display: block; + position: absolute; + top: 0; + right: 2%; /* LTR */ + background: #464748; + color: #fff; + float: right; /* LTR */ + font-size: 13px; + padding: 4px 10px 5px; + text-transform: uppercase; + font-size: 80%; +} +#header #block-user-login a { + color: #fff; + font-size: 90%; +} +#header #block-user-login .form-item label { + display: inline; + font-weight: normal; +} +#header #block-user-login .form-item { + display: inline; + font-weight: normal; +} +#header #block-user-login .form-text { + margin-right: 5px; /* LTR */ +} +#header #block-user-login .form-item label .form-required { + display: none; +} +#header #block-user-login div.item-list, +#header #block-user-login .item-list ul { + display: inline; +} +#header #block-user-login .item-list ul li { + display: inline; + margin: 0 5px 0 15px; /* LTR */ +} +#header #block-user-login div.item-list { + margin-top: 5px; + font-style: italic; + font-size: 130%; + text-transform: none; +} +#header #block-user-login .userbox { + margin-left: 10px; /* LTR */ +} +#header #block-user-login input.form-submit { + color: #fff; + background: #929599; + border: 1px solid #73767c; + padding: 1px; + text-transform: uppercase; + margin-top: 1px; + position: relative; + display: inline; +} +#header #block-user-login #user-login-form div.item-list { /* Hide create new account + email replacement password links. */ + display: none; +} + +/* --------------- Main Navigation ------------ */ + +#navigation { + padding: 0 15px; + clear: both; +} +#navigation a { + color: #d9d9d9; + padding: 0.6em 1em 0.4em; +} +#navigation ul { + padding: 2px 0; +} +#navigation ul.links { + font-size: 105%; + padding: 0.6em 0.6em 4px; +} +#navigation ul.links li 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; +} +#navigation ul.links li a:hover, +#navigation ul.links li a:focus { + background: #fff; + background: rgba(255, 255, 255, 0.95); +} +#navigation ul.links li a:active { + background: #b3b3b3; + background: rgba(255, 255, 255, 1); +} +#navigation ul.links li.active-trail a { + border-bottom: none; +} +.featured #navigation ul.links li.active-trail a { + background: #f0f0f0; + background: rgba(240, 240, 240, 1.0); +} +#navigation ul.links li { + display: inline; + list-style-type: none; + padding: 0.6em 0 0.4em; +} +#navigation ul.links li.first { + padding-left: 2px; /* LTR */ +} + +/* ------------------- Main ------------------- */ + +#main, +#preview #preview-main { + margin-top: 20px; + margin-bottom: 40px; +} + +/* ----------------- Featured ----------------- */ + +#featured { + text-align: center; + font-size: 180%; + font-weight: normal; + line-height: 1.4em; + padding: 50px 0 45px; + margin: 0; + background: #f0f0f0; + border-bottom: 1px solid #e7e7e7; + text-shadow: 1px 1px #fff; +} +#featured p { + margin: 0; + padding: 0; +} + +/* ----------------- Content ------------------ */ + +.content { + margin-top: 1em; +} +#block-system-main, +#preview #preview-block-system-main { + font-size: 115%; + line-height: 1.5em; +} +body.page-admin-appearance-settings-bartik #block-system-main { + font-size: 100%; +} +h1#page-title, +#preview h1#preview-page-title { + font-size: 220%; + line-height: 1.2em; +} +#block-system-main h2, +#preview #preview-block-system-main h2 { + margin-bottom: 2px; + font-size: 137%; + line-height: 1.4em; +} +#block-system-main .node-teaser h2 a { + color: #181818; +} +#block-system-main .node-teaser { + border-bottom: 1px solid #d3d7d9; + margin-bottom: 30px; + padding-bottom: 15px; +} +#block-system-main .node-teaser .content { + font-size: 92%; + line-height: 1.65em; + color: #3b3b3b; + clear: none; +} +#block-system-main .meta { + font-size: 80%; + color: #68696b; + margin-bottom: -5px; +} +* html #block-system-main .meta { + margin-bottom: 10px; +} +*:first-child+html #block-system-main .meta { + margin-bottom: 10px; +} +#block-system-main .submitted .user-picture img { + float: left; /* LTR */ + height: 20px; + margin: 1px 5px 0 0; /* LTR */ +} +#block-system-main div.field-type-taxonomy-term-reference div.field-label, +#block-system-main div.field-type-taxonomy-term-reference div.field-items, +#block-system-main div.field-type-taxonomy-term-reference div.field-item { + display: inline; + float: left; /* LTR */ + padding-right: 10px; /* LTR */ + font-weight: normal; +} +#block-system-main div.field-name-field-tags div.field-label { + font-size: 86%; + color: #68696b; +} +#block-system-main div.field-name-field-tags div.field-items, +#block-system-main div.field-name-field-tags div.field-item { + font-size: 95%; +} +#block-system-main div.field-name-field-tags a:hover, +#block-system-main div.field-name-field-tags a:focus { + text-decoration: underline; +} +#block-system-main .link-wrapper { + text-align: center; +} +#block-system-main ul.links { + color: #68696b; + font-size: 80%; +} +#block-system-main .field-type-image img, +#block-system-main .user-picture img { + margin: 0 0 1em; +} + +/* ----------------- Comments ----------------- */ + +#comment-wrapper { + border-top: 1px solid #d3d7d9; + padding-top: 15px; +} +#comments h2.title { + margin-bottom: 1em; +} +#comments div.user-picture img { + margin-left: 0; /* LTR */ +} +#comments .comment { + margin-bottom: 20px; +} +#comments .attribution { + float: left; /* LTR */ + width: 110px; +} +#comments .attribution img { + margin: 0; + border: 1px solid #d3d7d9; +} +#comments .submitted p { + margin: 4px 0; + font-size: 110%; + line-height: 1.2em; +} +#comments .submitted .comment-time { + font-size: 70%; + color: #68696b; +} +#comments .content { + font-size: 90%; +} +#comments .comment-arrow { + background: url(../images/comment-arrow.png); /* LTR */ + height: 40px; + width: 20px; + margin-left: -45px; /* LTR */ + margin-top: 10px; + position: absolute; +} +#comments .comment-text { + margin-left: 140px; /* LTR */ + padding: 10px 25px; + border: 1px solid #d3d7d9; +} +#comments .indented { + margin-left: 40px; /* LTR */ +} + +/* ------------------ Sidebar ----------------- */ + +.sidebar .block { + border: 1px solid; + padding: 15px 20px; + margin: 20px 0; +} +.sidebar h2, +#preview .sidebar h2 { + margin: 0 0 0.5em; + border-bottom: 1px solid #d6d6d6; + padding-bottom: 5px; + text-shadow: 0 1px 0 #fff; +} +.sidebar tbody { + border: none; +} +.sidebar tr.even, +.sidebar tr.odd { + background: none; + border-bottom: 1px solid #d6d6d6; +} + +/* ----------------- Triptych ----------------- */ + +#triptych-wrapper { + background-color: #fafafa; + background: rgba(40,40,0,0.08); +} +#triptych h2 { + color: #000; + font-size: 194%; + margin-bottom: .8em; + text-shadow: 0px 1px 0 #fff; + text-align: center; + line-height: 1.2em; +} +#triptych .block { + margin-bottom: 2em; + padding-bottom: 2em; + border-bottom: 1px solid #dfdfdf; +} +#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: 90%; +} +#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 div.block { + margin: 20px 0; + border: 1px solid #444; + border-color: rgba(255,255,255,0.1); + padding: 10px; +} +#footer-wrapper #block-system-main-menu, +#footer-wrapper #block-system-secondary-menu, +#footer-wrapper .section div.block-menu, +#footer-wrapper #footer .block { + margin: 0; + padding: 0; + border: none; +} +#footer-wrapper #footer .block, +#footer-wrapper #footer .block .content { + overflow: hidden; + margin: .5em 0; +} +#footer-wrapper #footer .block h2 { + margin: 0; +} +#footer-wrapper ul#secondary-menu { + margin: 1em 0; +} +#footer-columns h2 { + border-bottom: 1px solid #555; + border-color: rgba(255,255,255,0.15); + font-size: 104%; + 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.2em; + 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,.05); + text-decoration: none; +} +#footer { + font-size: 92%; + 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 a.active { + border-bottom: 1px solid #fff; +} +.tabs ul.primary li a { + color: #000; + background-color: #ededed; + height: 1.8em; + line-height: 1.8em; + display: block; + 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.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: .25em .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: .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; +} +div.messages { + padding: 1.2em 2em 1em; + margin: 8px 0; +} +div.status, tr.status { + background-color: #c7ffc0; + border: 1px solid #89d47f; +} +div.warning, tr.warning { + background-color: #fcfca7; + border: 1px solid #e1c46b; +} +div.error, tr.error { + background-color: #ffcccc; + border: 1px solid #fb6b6b; +} + +/* -------------- Breadcrumbs -------------- */ + +.breadcrumb { + font-size:92%; +} + +/* -------------- User Profile -------------- */ + +.profile .user-picture { + float: none; +} + +/* -------------- Password Meter ------------- */ + +.password-parent, +div.form-item div.password-suggestions { + position: relative; + width: auto; +} +#password-strength { + float: none; + left: 16em; + position: absolute; + width: 11.5em; +} +#password-strength-text, +.password-strength-title, +div.password-confirm { + font-size: 0.82em; +} +#password-strength-text { + margin-top: 0.2em; +} + +/* ---------------- 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: 90%; + font-weight: normal; + text-align: center; + margin-bottom: 1em; + 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: 20px; + padding: 0 0 10px; + position: relative; + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.fieldset-wrapper { + margin-top: 25px; +} +.filter-wrapper { + -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; +} +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: 2em; + 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; +} +input { + margin: 2px 0; + padding: 4px; +} +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: 90%; +} +.form-radio { + margin-right: 4px; +} +fieldset .description { + margin-top: 5px; + line-height: 1.4em; + color: #3c3c3c; + font-style: italic; +} +.form-actions { + padding-top: 10px; +} + +/* 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 .form-item { + overflow: hidden; + margin-bottom: .8em; +} +#comment-form .form-type-textfield label, +#comment-form .form-type-item label { + float: left; /* LTR */ +} +#comment-form .form-type-textfield input, +#comment-form .form-item .username { + float: right; /* LTR */ + width: 75%; + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +#comment-form .form-item .description { + font-size: .75em; + line-height: 1em; + float: right; /* LTR */ + width: 76%; +} +#comment-form .form-textarea { + -khtml-border-radius-topleft: 4px; + -khtml-border-radius-topright: 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topleft: 4px; + -moz-border-radius-topright: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +#comment-form fieldset.filter-wrapper { + padding-bottom: 10px; +} +#comment-form fieldset.filter-wrapper .fieldset-wrapper, +#comment-form .text-format-wrapper .form-item { + margin-top: 0; + margin-bottom: 0; +} +#comment-form fieldset.filter-wrapper .tips { + font-size: .75em; +} + +/* -------------- 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 tr td.forum { + padding-left: 35px; +} + +/* --------------- Search Form ---------------- */ + +#block-search-form .content { + margin-top: 0; +} +#block-search-form .form-item-search-block-form input { + width: 70%; +} +.region-content #block-search-form .form-item-search-block-form input, +.region-footer #block-search-form .form-item-search-block-form input { + width: auto; +} +#block-search-form #edit-actions { + float: right; +} +.region-content #block-search-form #edit-actions, +.region-footer #block-search-form #edit-actions { + float: none; +} +#block-search-form .form-actions { + padding-top: 0; +} +#search-block-form input.form-submit, +#search-form input.form-submit { + height: 24px; + width: 14px; + overflow: hidden; + cursor: pointer; + text-indent: -9999px; + border: none; + background: url(../images/search-button.png) no-repeat left center; +} + +/* -------------- 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 #block-system-main img { + margin-right: 15px; /* LTR */ +} +.page-admin-structure-block-demo .block-region { + color: #000000; +} +.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: 0px 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 #skip-link, +.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: 86%; + font-style: italic; + margin-bottom: 3em; + margin-top: -3.2em; + float: right; + text-align: right; +} +.poll .text { + clear: right; +} +.poll .total { + font-size: 95%; + font-style: italic; + text-align: right; /* LTR */ + clear: both; +} +.poll .form-item label { + font-size: 100%; +} +.node .poll { + margin: 1.8em 0 0; +} +.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; +} + +/* ---------- Color Form ----------- */ + +.color-form #placeholder { + position: static; + width: 195px; +} +.overlay .color-form #placeholder { + position: absolute; +} +.color-form #palette { + margin-left: 20px; /* LTR */ +} +.color-form .form-item { + border: 1px solid #fbfbfb; + margin: 0; + padding: .5em; + position: relative; + max-width: 350px; + -khtml-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +.color-form .form-item label { + float: left; /* LTR */ + font-size: 1em; + width: 150px; +} +.color-form .form-item.item-selected { + background-color: #eeeeee; + border: 1px solid #cfcfcf; +} +.color-form #palette .lock { + position: absolute; + top: 5px; + left: -20px; /* LTR */ +} +.color-form #preview { + font-size: .85em; +} +.overlay #preview #footer-wrapper { + display: block; +} diff --git a/themes/bartik/css/style.css.orig b/themes/bartik/css/style.css.orig new file mode 100644 index 0000000..b20ed52 --- /dev/null +++ b/themes/bartik/css/style.css.orig @@ -0,0 +1,1281 @@ +/* $Id$ */ + +/* ---------- Overall Specifications ---------- */ + +body, +#preview { + background-color: #fff; + line-height: 1.4em; + font-size: 0.8em; + word-wrap: break-word; + margin: 0; + padding: 0; + border: 0; + outline: 0; +} +a:link, +a:visited { + text-decoration: none; +} +h1, +h2, +h3, +h4, +h5, +h6, +#preview h1, +#preview h2, +#preview h3, +#preview h4, +#preview h5, +#preview h6 { + margin: 1.0em 0 0.5em; + font-weight: inherit; +} +h1, +#preview h1 { + font-size: 140%; + color: #000; +} +h2, +#preview h1 { + font-size: 120%; +} +p, +#preview p { + margin: 0 0 1.8em; +} +del { + text-decoration: line-through; +} +tr.odd { + background-color: #dddddd; +} +img, +#preview img { + outline: 0; +} + +/* ------------------ Fonts ------------------ */ + +body, +#preview, +#header #site-slogan, +.ui-widget { + font-family: Georgia, "Times New Roman", Times, serif; +} +#header, +#footer-wrapper, +#preview #preview-header, +ul.contextual-links, +ul.links, +ul.primary, +div.field-type-taxonomy-term-reference, +div.messages, +div.meta, +p.comment-time, +table { + 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: .5em 10px; +} +blockquote:before { + color: #bbb; + content: "\201C"; + font-size: 3em; + line-height: .1em; + margin-right: .2em; + vertical-align: -.4em; +} +blockquote:after { + color: #bbb; + content: "\201D"; + font-size: 3em; + line-height: .1em; + vertical-align: -.45em; +} +blockquote :first-child { + display: inline; +} +a.feed-icon { + display: inline-block; + padding: 15px 0 0 0; +} + +/* ------------------ Table Styles ------------------ */ + +table { + border-spacing: 0; + font-size: 0.85em; + width: 100%; + margin: 10px 0; +} +#footer-wrapper table { + font-size: 1em; +} +table tr th { + background-color: #757575; + border-bottom-style: none; +} +table thead tr th, +table thead tr th a, +table thead tr th a:hover { + color: #FFF; + font-weight: bold; +} +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-color: #e4e4e4; +} +tr, +tr.even { + background-color: #efefef; +} +#block-system-main table ul.links { + font-size: 1em; + margin: 0; + padding: 0; +} +#block-system-main table ul.links li { + padding: 0 1em 0 0; +} + +/* ------------------ List Styles ------------------ */ + +.block ul { + margin: 0; +} +ul.contextual-links { + font-size: 90%; +} +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 { + position: absolute; + top: -9999px; +} +#header, +#preview #preview-header { + color: #fff; +} +#header a, +#preview #preview-header a { + color: #fff; +} +#header a:hover, +#header a:focus { + color: #b5b7b9; +} +#header a:active { + color: #adb0bf; +} +#header #logo, +#preview #preview-header #preview-logo { + float: left; /* LTR */ + padding: 15px 30px 15px 0; /* LTR */ +} +#header #name-and-slogan, +#preview #preview-header #preview-name-and-slogan { + padding-top: 38px; + margin-bottom: 30px; +} +#header #site-name, +#preview #preview-header #preview-site-name { + font-size: 200%; + color: #686868; +} +#header h1#site-name, +#preview #preview-header h1#preview-site-name { + margin: 0; +} +#header #site-name a, +#preview-header #preview-site-name a { + font-weight: normal; +} +#header #site-slogan { + margin-top: 7px; + font-size: 100%; + word-spacing: 0.1em; + font-style: italic; +} +/* Menus when in the header region. */ +#header div.block-menu, +#header div#block-system-main-menu, +#header div#block-system-secondary-menu { + height: 1.1em; + margin: 10px 0; + font-size: 120%; + float: left; /* LTR */ + width: 75%; +} +#header .block ul, /* Any menu block in the header region. */ +#header .block li { + list-style: none; + margin: 0; + padding: 0; +} +#header .block-menu li a, +#header #block-system-main-menu li a, +#header #block-system-secondary-menu li a { + float: left; /* LTR */ + padding: 0 12px; + display: block; + border-right: 1px solid #555; /* LTR */ +} +#header .block-menu li.first a, +#header #block-system-main-menu li.first a, +#header #block-system-secondary-menu li.first a { + padding-left: 0; /* LTR */ +} +#header .block-menu li.last a, +#header #block-system-main-menu li.last a, +#header #block-system-secondary-menu li.last a { + padding-right: 0; /* LTR */ + border-right: none; /* LTR */ +} +#header #block-search-form { /* Search block in the Header region. */ + float: right; /* LTR */ + width: 24%; + margin: 8px 0; +} +#header #block-user-login { /* Login block in the Header region. */ + display: block; + position: absolute; + top: 0; + right: 2%; /* LTR */ + background: #464748; + color: #fff; + float: right; /* LTR */ + font-size: 13px; + padding: 4px 10px 5px; + text-transform: uppercase; + font-size: 80%; +} +#header #block-user-login a { + color: #fff; + font-size: 90%; +} +#header #block-user-login .form-item label { + display: inline; + font-weight: normal; +} +#header #block-user-login .form-item { + display: inline; + font-weight: normal; +} +#header #block-user-login .form-text { + margin-right: 5px; /* LTR */ +} +#header #block-user-login .form-item label .form-required { + display: none; +} +#header #block-user-login div.item-list, +#header #block-user-login .item-list ul { + display: inline; +} +#header #block-user-login .item-list ul li { + display: inline; + margin: 0 5px 0 15px; /* LTR */ +} +#header #block-user-login div.item-list { + margin-top: 5px; + font-style: italic; + font-size: 130%; + text-transform: none; +} +#header #block-user-login .userbox { + margin-left: 10px; /* LTR */ +} +#header #block-user-login input.form-submit { + color: #fff; + background: #929599; + border: 1px solid #73767c; + padding: 1px; + text-transform: uppercase; + margin-top: 1px; + position: relative; + display: inline; +} +#header #block-user-login #user-login-form div.item-list { /* Hide create new account + email replacement password links. */ + display: none; +} + +/* --------------- Main Navigation ------------ */ + +#navigation { + padding: 0 15px; + clear: both; +} +#navigation a { + color: #d9d9d9; + padding: 0.6em 1em 0.4em; +} +#navigation ul { + padding: 2px 0; +} +#navigation ul.links { + font-size: 105%; + padding: 0.6em 0.6em 4px; +} +#navigation ul.links li 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; +} +#navigation ul.links li a:hover, +#navigation ul.links li a:focus { + background: #fff; + background: rgba(255, 255, 255, 0.95); +} +#navigation ul.links li a:active { + background: #b3b3b3; + background: rgba(255, 255, 255, 1); +} +#navigation ul.links li.active-trail a { + border-bottom: none; +} +.featured #navigation ul.links li.active-trail a { + background: #f0f0f0; + background: rgba(240, 240, 240, 1.0); +} +#navigation ul.links li { + display: inline; + list-style-type: none; + padding: 0.6em 0 0.4em; +} +#navigation ul.links li.first { + padding-left: 2px; /* LTR */ +} + +/* ------------------- Main ------------------- */ + +#main, +#preview #preview-main { + margin-top: 20px; + margin-bottom: 40px; +} + +/* ----------------- Featured ----------------- */ + +#featured { + text-align: center; + font-size: 180%; + font-weight: normal; + line-height: 1.4em; + padding: 50px 0 45px; + margin: 0; + background: #f0f0f0; + border-bottom: 1px solid #e7e7e7; + text-shadow: 1px 1px #fff; +} +#featured p { + margin: 0; + padding: 0; +} + +/* ----------------- Content ------------------ */ + +.content { + margin-top: 1em; +} +#block-system-main, +#preview #preview-block-system-main { + font-size: 115%; + line-height: 1.5em; +} +body.page-admin-appearance-settings-bartik #block-system-main { + font-size: 100%; +} +h1#page-title, +#preview h1#preview-page-title { + font-size: 220%; + line-height: 1.2em; +} +#block-system-main h2, +#preview #preview-block-system-main h2 { + margin-bottom: 2px; + font-size: 137%; + line-height: 1.4em; +} +#block-system-main .node-teaser h2 a { + color: #181818; +} +#block-system-main .node-teaser { + border-bottom: 1px solid #d3d7d9; + margin-bottom: 30px; + padding-bottom: 15px; +} +#block-system-main .node-teaser .content { + font-size: 92%; + line-height: 1.65em; + color: #3b3b3b; + clear: none; +} +#block-system-main .meta { + font-size: 80%; + color: #a8a8a8; + margin-bottom: -5px; +} +* html #block-system-main .meta { + margin-bottom: 10px; +} +*:first-child+html #block-system-main .meta { + margin-bottom: 10px; +} +#block-system-main .submitted .user-picture img { + float: left; /* LTR */ + height: 20px; + margin: 1px 5px 0 0; /* LTR */ +} +#block-system-main div.field-type-taxonomy-term-reference div.field-label, +#block-system-main div.field-type-taxonomy-term-reference div.field-items, +#block-system-main div.field-type-taxonomy-term-reference div.field-item { + display: inline; + float: left; /* LTR */ + padding-right: 10px; /* LTR */ + font-weight: normal; +} +#block-system-main div.field-name-taxonomy-tags div.field-label { + font-size: 86%; + color: #68696b; +} +#block-system-main div.field-name-taxonomy-tags div.field-items, +#block-system-main div.field-name-taxonomy-tags div.field-item { + font-size: 95%; +} +#block-system-main div.field-name-taxonomy-tags a:hover, +#block-system-main div.field-name-taxonomy-tags a:focus { + text-decoration: underline; +} +#block-system-main .link-wrapper { + text-align: center; +} +#block-system-main ul.links { + color: #68696b; + font-size: 80%; +} +#block-system-main .field-type-image img, +#block-system-main .user-picture img { + border: 1px solid #d3d7d9; + margin: 0; +} + +/* ----------------- Comments ----------------- */ + +#comment-wrapper { + border-top: 1px solid #d3d7d9; + padding-top: 15px; +} +#comments h2.title { + margin-bottom: 1em; +} +#comments div.user-picture img { + margin-left: 0; /* LTR */ +} +#comments .comment { + margin-bottom: 20px; +} +#comments .attribution { + float: left; /* LTR */ + width: 110px; +} +#comments .attribution img { + margin: 0; + border: 1px solid #d3d7d9; +} +#comments .submitted p { + margin: 4px 0; + font-size: 110%; + line-height: 1.2em; +} +#comments .submitted .comment-time { + font-size: 70%; + color: #68696b; +} +#comments .content { + font-size: 90%; +} +#comments .comment-arrow { + background: url(../images/comment-arrow.png); /* LTR */ + height: 40px; + width: 20px; + margin-left: -45px; /* LTR */ + margin-top: 10px; + position: absolute; +} +#comments .comment-text { + margin-left: 140px; /* LTR */ + padding: 10px 25px; + border: 1px solid #d3d7d9; +} +#comments .indented { + margin-left: 40px; /* LTR */ +} + +/* ------------------ Sidebar ----------------- */ + +.sidebar .block { + border: 1px solid; + padding: 15px 20px; + margin: 20px 0; +} +.sidebar h2, +#preview .sidebar h2 { + margin: 0 0 0.5em; + border-bottom: 1px solid #d6d6d6; + padding-bottom: 5px; + text-shadow: 0 1px 0 #fff; +} +.sidebar tbody { + border: none; +} +.sidebar tr.even, +.sidebar tr.odd { + background: none; + border-bottom: 1px solid #d6d6d6; +} + +/* ----------------- Triptych ----------------- */ + +#triptych-wrapper { + background-color: #fafafa; + background: rgba(40,40,0,0.08); +} +#triptych h2 { + color: #000; + font-size: 194%; + margin-bottom: .8em; + text-shadow: 0px 1px 0 #fff; + text-align: center; + line-height: 1.2em; +} +#triptych .block { + margin-bottom: 2em; + padding-bottom: 2em; + border-bottom: 1px solid #dfdfdf; +} +#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: 90%; +} +#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 div.block { + margin: 20px 0; + border: 1px solid #444; + border-color: rgba(255,255,255,0.1); + padding: 10px; +} +#footer-wrapper #block-system-main-menu, +#footer-wrapper #block-system-secondary-menu, +#footer-wrapper .section div.block-menu, +#footer-wrapper #footer .block { + margin: 0; + padding: 0; + border: none; +} +#footer-wrapper #footer .block, +#footer-wrapper #footer .block .content { + overflow: hidden; + margin: .5em 0; +} +#footer-wrapper #footer .block h2 { + margin: 0; +} +#footer-wrapper ul#secondary-menu { + margin: 1em 0; +} +#footer-columns h2 { + border-bottom: 1px solid #555; + border-color: rgba(255,255,255,0.15); + font-size: 104%; + 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.2em; + 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,.05); + text-decoration: none; +} +#footer { + font-size: 92%; + 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 a.active { + border-bottom: 1px solid #fff; +} +.tabs ul.primary li a { + color: #000; + background-color: #ededed; + height: 1.8em; + line-height: 1.8em; + display: block; + 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.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: .25em .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: .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; +} +div.messages { + padding: 1.2em 2em 1em; + margin: 8px 0; +} +div.status, tr.status { + background-color: #c7ffc0; + border: 1px solid #89d47f; +} +div.warning, tr.warning { + background-color: #fcfca7; + border: 1px solid #e1c46b; +} +div.error, tr.error { + background-color: #ffcccc; + border: 1px solid #fb6b6b; +} + +/* -------------- User Profile -------------- */ + +.profile .user-picture { + float: none; +} + +/* -------------- Password Meter ------------- */ + +.password-parent, +div.form-item div.password-suggestions { + position: relative; + width: auto; +} +#password-strength { + float: none; + left: 16em; + position: absolute; + width: 11.5em; +} +#password-strength-text, +.password-strength-title, +div.password-confirm { + font-size: 0.82em; +} +#password-strength-text { + margin-top: 0.2em; +} + +/* ---------------- 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: 90%; + font-weight: normal; + text-align: center; + margin-bottom: 1em; + 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: 20px; + padding: 0 0 10px; + position: relative; + -khtml-border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.fieldset-wrapper { + margin-top: 25px; +} +.filter-wrapper { + -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; +} +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: 2em; + 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; +} +input { + margin: 2px 0; + padding: 4px; +} +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: 90%; +} +.form-radio { + margin-right: 4px; +} +fieldset .description { + margin-top: 5px; + line-height: 1.4em; + color: #3c3c3c; + font-style: italic; +} +.form-actions { + padding-top: 10px; +} + +/* Animated throbber */ +html.js input.form-autocomplete { + background-position: 100% 4px; /* LTR */ +} +html.js input.throbbing { + background-position: 100% -16px; /* 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 tr td.forum { + padding-left: 35px; +} + +/* --------------- Search Form ---------------- */ + +#block-search-form .content { + margin-top: 0; +} +#block-search-form .form-item-search-block-form input { + width: 70%; +} +.region-content #block-search-form .form-item-search-block-form input, +.region-footer #block-search-form .form-item-search-block-form input { + width: auto; +} +#block-search-form #edit-actions { + float: right; +} +.region-content #block-search-form #edit-actions, +.region-footer #block-search-form #edit-actions { + float: none; +} +#block-search-form .form-actions { + padding-top: 0; +} +#search-block-form input.form-submit, +#search-form input.form-submit { + height: 24px; + width: 14px; + overflow: hidden; + cursor: pointer; + text-indent: -9999px; + border: none; + background: url(../images/search-button.png) no-repeat left center; +} + +/* -------------- 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 #block-system-main img { + margin-right: 15px; /* LTR */ +} +.page-admin-structure-block-demo .block-region { + color: #000000; +} +.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: 0px 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 #skip-link, +.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: 86%; + font-style: italic; + margin-bottom: 3em; + margin-top: -3.2em; + float: right; + text-align: right; +} +.poll .text { + clear: right; +} +.poll .total { + font-size: 95%; + font-style: italic; + text-align: right; /* LTR */ + clear: both; +} +.poll .form-item label { + font-size: 100%; +} +.node .poll { + margin: 1.8em 0 0; +} +.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; +} + +/* ---------- Color Form ----------- */ + +.color-form #placeholder { + position: static; + width: 195px; +} +.overlay .color-form #placeholder { + position: absolute; +} +.color-form #palette { + margin-left: 20px; /* LTR */ +} +.color-form .form-item { + border: 1px solid #fbfbfb; + margin: 0; + padding: .5em; + position: relative; + max-width: 350px; + -khtml-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +.color-form .form-item label { + float: left; /* LTR */ + font-size: 1em; + width: 150px; +} +.color-form .form-item.item-selected { + background-color: #eeeeee; + border: 1px solid #cfcfcf; +} +.color-form #palette .lock { + position: absolute; + top: 5px; + left: -20px; /* LTR */ +} +.color-form #preview { + font-size: .85em; +} +.overlay #preview #footer-wrapper { + display: block; +} diff --git a/themes/bartik/images/add.png b/themes/bartik/images/add.png new file mode 100644 index 0000000..e1a2c39 Binary files /dev/null and b/themes/bartik/images/add.png differ diff --git a/themes/bartik/images/buttons.png b/themes/bartik/images/buttons.png new file mode 100644 index 0000000..5ef49fd Binary files /dev/null and b/themes/bartik/images/buttons.png differ diff --git a/themes/bartik/images/comment-arrow-rtl.png b/themes/bartik/images/comment-arrow-rtl.png new file mode 100644 index 0000000..55250f5 Binary files /dev/null and b/themes/bartik/images/comment-arrow-rtl.png differ diff --git a/themes/bartik/images/comment-arrow.png b/themes/bartik/images/comment-arrow.png new file mode 100644 index 0000000..6242aa5 Binary files /dev/null and b/themes/bartik/images/comment-arrow.png differ diff --git a/themes/bartik/images/footer-background.jpg b/themes/bartik/images/footer-background.jpg new file mode 100644 index 0000000..7d43675 Binary files /dev/null and b/themes/bartik/images/footer-background.jpg differ diff --git a/themes/bartik/images/search-button.png b/themes/bartik/images/search-button.png new file mode 100644 index 0000000..08a28b2 Binary files /dev/null and b/themes/bartik/images/search-button.png differ diff --git a/themes/bartik/images/tabs-border.png b/themes/bartik/images/tabs-border.png new file mode 100644 index 0000000..db0b5d0 Binary files /dev/null and b/themes/bartik/images/tabs-border.png differ diff --git a/themes/bartik/logo.png b/themes/bartik/logo.png new file mode 100644 index 0000000..00c9073 Binary files /dev/null and b/themes/bartik/logo.png differ diff --git a/themes/bartik/screenshot.png b/themes/bartik/screenshot.png new file mode 100644 index 0000000..784aff1 Binary files /dev/null and b/themes/bartik/screenshot.png differ diff --git a/themes/bartik/scripts/search.js b/themes/bartik/scripts/search.js new file mode 100644 index 0000000..c97fc8e --- /dev/null +++ b/themes/bartik/scripts/search.js @@ -0,0 +1,26 @@ +// $Id$ +(function ($) { + + Drupal.behaviors.bartik = { + attach: function(context) { + + $('#search-block-form input[type=text]').val(Drupal.t('Search')); + + $('#search-block-form input[type=text]').focus(function(){ + $(this).addClass('has-focus'); + if ($(this).val() == Drupal.t('Search')) { + $(this).val(''); + } + }); + + $('#search-block-form input[type=text]').blur(function(){ + $(this).removeClass('has-focus'); + if ($(this).val() == '') { + $(this).val(Drupal.t('Search')); + } + }); + } + + }; + +})(jQuery); diff --git a/themes/bartik/template.php b/themes/bartik/template.php new file mode 100644 index 0000000..cc02203 --- /dev/null +++ b/themes/bartik/template.php @@ -0,0 +1,138 @@ + CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'preprocess' => FALSE)); + drupal_add_css(path_to_theme() . '/css/ie6.css', array('weight' => 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' => '
', + '#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; + } +} + +/** + * 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 block template. + */ +function bartik_preprocess_block(&$variables) { + // In the header region, visually hide the title of any menu block or of the + // user login block, but leave it accessible. + if ($variables['block']->region == 'header' && ($variables['block']->module == 'menu' || $variables['block']->module == 'user' && $variables['block']->delta == 'login')) { + $variables['title_attributes_array']['class'][] = 'element-invisible'; + } + // Set "first" and "last" classes. + if ($variables['block']->position_first){ + $variables['classes_array'][] = 'first'; + } + if ($variables['block']->position_last){ + $variables['classes_array'][] = 'last'; + } + // Set "odd" & "even" classes. + $variables['classes_array'][] = $variables['block']->position % 2 == 0 ? 'odd' : 'even'; +} + +/** + * Implements hook_page_alter(). + */ +function bartik_page_alter(&$page) { + // Determine the position and count of blocks within regions. + foreach ($page as &$region) { + // Make sure this is a "region" element. + if (is_array($region) && isset($region['#region'])) { + $i = 0; + foreach ($region as &$block) { + // Make sure this is a "block" element. + if (is_array($block) && isset($block['#block'])) { + $block['#block']->position = $i++; + // Set a flag for "first" and "last" blocks. + $block['#block']->position_first = ($block['#block']->position == 0); + $block['#block']->position_last = FALSE; + $last_block =& $block; + } + } + $last_block['#block']->position_last = TRUE; + $region['#block_count'] = $i; + } + } +} diff --git a/themes/bartik/templates/comment-wrapper.tpl.php b/themes/bartik/templates/comment-wrapper.tpl.php new file mode 100644 index 0000000..66e9e79 --- /dev/null +++ b/themes/bartik/templates/comment-wrapper.tpl.php @@ -0,0 +1,54 @@ + +
+
> + type != 'forum'): ?> + +

+ + + + + + +

+ + +
+
diff --git a/themes/bartik/templates/comment.tpl.php b/themes/bartik/templates/comment.tpl.php new file mode 100644 index 0000000..07555da --- /dev/null +++ b/themes/bartik/templates/comment.tpl.php @@ -0,0 +1,102 @@ +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() + */ +?> +
> + +
+ + + +
+ +

+ +

+

+ +

+
+
+ +
+
+ + + + + + + > + + +
> + + +
+ +
+ +
+ + +
+
diff --git a/themes/bartik/templates/maintenance-page.tpl.php b/themes/bartik/templates/maintenance-page.tpl.php new file mode 100644 index 0000000..57e40a0 --- /dev/null +++ b/themes/bartik/templates/maintenance-page.tpl.php @@ -0,0 +1,93 @@ + + + + + + + <?php print $head_title; ?> + + + +> + + + +
+ + + +
+ +
+
+ + +

+ +

+ + + + +
+ +
+ + +
+ + +
+ +
+ + + + diff --git a/themes/bartik/templates/node.tpl.php b/themes/bartik/templates/node.tpl.php new file mode 100644 index 0000000..e3ada69 --- /dev/null +++ b/themes/bartik/templates/node.tpl.php @@ -0,0 +1,126 @@ +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 a/themes/bartik/templates/page.tpl.php b/themes/bartik/templates/page.tpl.php new file mode 100644 index 0000000..87f6a73 --- /dev/null +++ b/themes/bartik/templates/page.tpl.php @@ -0,0 +1,280 @@ + +
+ + + + +
+ +
+ + + + + + +
+ + + + + + + + + + +
+
+ + + +

+ +

+ + + +
+ +
+ + + +
    + +
+ + + + +
+ + + + + +
+ + +
+ + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + +
+ + + + +