Commit 5a464668 authored by alexpott's avatar alexpott

Issue #2398445 by jp.stacey, LewisNyman, Manjit.Singh, pjbaert, emma.maria,...

Issue #2398445 by jp.stacey, LewisNyman, Manjit.Singh, pjbaert, emma.maria, ti2m: Clean up the "elements" component in Bartik
parent 0af67776
...@@ -15,6 +15,7 @@ global-styling: ...@@ -15,6 +15,7 @@ global-styling:
# @see https://www.drupal.org/node/2389735 # @see https://www.drupal.org/node/2389735
css/components/dropbutton.component.css: {} css/components/dropbutton.component.css: {}
css/components/featured-top.css: {} css/components/featured-top.css: {}
css/components/feed-icon.css: {}
css/components/form.css: {} css/components/form.css: {}
css/components/forum.css: {} css/components/forum.css: {}
css/components/header.css: {} css/components/header.css: {}
...@@ -35,6 +36,7 @@ global-styling: ...@@ -35,6 +36,7 @@ global-styling:
css/components/table.css: {} css/components/table.css: {}
css/components/tabs.css: {} css/components/tabs.css: {}
css/components/tips.css: {} css/components/tips.css: {}
css/components/toolbar.css: {}
css/components/featured-bottom.css: {} css/components/featured-bottom.css: {}
css/components/user.css: {} css/components/user.css: {}
# @see https://www.drupal.org/node/2389735 # @see https://www.drupal.org/node/2389735
......
/* ---------- Overall Specifications ---------- */ /**
* @file
* Overall specifications for Bartik.
*/
html { html {
height: 100%; height: 100%;
} }
...@@ -6,13 +10,11 @@ body { ...@@ -6,13 +10,11 @@ body {
min-height: 100%; min-height: 100%;
line-height: 1.5; line-height: 1.5;
word-wrap: break-word; word-wrap: break-word;
margin: 0;
padding: 0;
border: 0;
font-family: Georgia, "Times New Roman", Times, serif; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 87.5%; font-size: 87.5%;
} }
a { a,
a.link {
text-decoration: none; text-decoration: none;
border-bottom: 1px dotted; border-bottom: 1px dotted;
} }
...@@ -28,19 +30,14 @@ a:focus, ...@@ -28,19 +30,14 @@ a:focus,
.link { .link {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
.field-type-image a,
h1 a, h1 a,
h2 a, h2 a {
[role*=banner] a, border-bottom: none;
.feed-icon,
.contextual-links a,
.toolbar a {
border-bottom: none !important;
} }
/** /**
* Reusable heading classes are included to help modules change the styling of * Reusable heading classes are included to help modules change the styling of
* headings on a page without affecting accessibility * headings on a page without affecting accessibility.
*/ */
h1, h1,
.heading-a { .heading-a {
...@@ -90,8 +87,6 @@ del { ...@@ -90,8 +87,6 @@ del {
text-decoration: line-through; text-decoration: line-through;
} }
/* ------------------ Reset Styles ------------------ */
blockquote { blockquote {
background: #f7f7f7; background: #f7f7f7;
border-left: 1px solid #bbb; /* LTR */ border-left: 1px solid #bbb; /* LTR */
...@@ -109,7 +104,7 @@ blockquote:before { ...@@ -109,7 +104,7 @@ blockquote:before {
font-size: 3em; font-size: 3em;
line-height: 0.1em; line-height: 0.1em;
margin-right: 0.2em; /* LTR */ margin-right: 0.2em; /* LTR */
vertical-align: -.4em; vertical-align: -0.4em;
} }
[dir="rtl"] blockquote:before { [dir="rtl"] blockquote:before {
content: "\201D"; content: "\201D";
...@@ -121,7 +116,7 @@ blockquote:after { ...@@ -121,7 +116,7 @@ blockquote:after {
content: "\201D"; content: "\201D";
font-size: 3em; font-size: 3em;
line-height: 0.1em; line-height: 0.1em;
vertical-align: -.45em; vertical-align: -0.45em;
} }
[dir="rtl"] blockquote:after { [dir="rtl"] blockquote:after {
content: "\201C"; content: "\201C";
...@@ -129,12 +124,7 @@ blockquote:after { ...@@ -129,12 +124,7 @@ blockquote:after {
blockquote > p:first-child { blockquote > p:first-child {
display: inline; display: inline;
} }
a.feed-icon {
display: inline-block;
padding: 15px 0 0 0;
}
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
border: 0;
} }
...@@ -154,6 +154,9 @@ h1#page-title { ...@@ -154,6 +154,9 @@ h1#page-title {
.field-name-field-user-picture img { .field-name-field-user-picture img {
margin: 0 0 1em; margin: 0 0 1em;
} }
.field-type-image a {
border-bottom: none;
}
ul.links { ul.links {
color: #68696b; color: #68696b;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
......
/**
* @file
* Contextual links styles for Bartik.
*/
#header .contextual .trigger, #header .contextual .trigger,
.site-footer .contextual .trigger { .site-footer .contextual .trigger {
border: none; border: none;
} }
.contextual-region .contextual .contextual-links a { .contextual-region .contextual .contextual-links a {
border-bottom: none;
font-size: 0.923em; font-size: 0.923em;
text-shadow: 0 0 0 !important; text-shadow: 0 0 0;
} }
.contextual-links { .contextual-links {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
......
/**
* @file
* Feed icon styles for Bartik.
*/
.feed-icon {
border-bottom: none;
display: inline-block;
padding: 15px 0 0 0;
}
...@@ -248,6 +248,9 @@ h1.site-name { ...@@ -248,6 +248,9 @@ h1.site-name {
display: inline; display: inline;
padding: 0 0.5em; padding: 0 0.5em;
} }
[role*=banner] a {
border-bottom: none;
}
[dir="rtl"] #logo, [dir="rtl"] #logo,
[dir="rtl"] .site-logo, [dir="rtl"] .site-logo,
......
/**
* @file
* Toolbar module overrides for Bartik.
*/
.toolbar a {
border-bottom: none;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment