summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAlex Pott2013-07-23 23:31:40 (GMT)
committerAlex Pott2013-07-23 23:31:40 (GMT)
commit7272a7119f8a6835d89661cf94f98b22e673d72b (patch)
tree32a70a2a1e5b65a772f78e2d74bd5625f0cc766f
parent2a1e1472c10f68d26e7e12609922c8ee285d968d (diff)
Issue #1986400 by echoz, ironkiat, oresh, ideogram_nl, ry5n: Table style update.
-rw-r--r--core/themes/seven/images/arrow-asc-active.pngbin0 -> 154 bytes
-rw-r--r--core/themes/seven/images/arrow-asc.pngbin88 -> 154 bytes
-rw-r--r--core/themes/seven/images/arrow-desc-active.pngbin0 -> 158 bytes
-rw-r--r--core/themes/seven/images/arrow-desc.pngbin95 -> 158 bytes
-rw-r--r--core/themes/seven/seven.theme4
-rw-r--r--core/themes/seven/style.css127
6 files changed, 74 insertions, 57 deletions
diff --git a/core/themes/seven/images/arrow-asc-active.png b/core/themes/seven/images/arrow-asc-active.png
new file mode 100644
index 0000000..7536eee
--- /dev/null
+++ b/core/themes/seven/images/arrow-asc-active.png
Binary files differ
diff --git a/core/themes/seven/images/arrow-asc.png b/core/themes/seven/images/arrow-asc.png
index d25b8dd..56d2728 100644
--- a/core/themes/seven/images/arrow-asc.png
+++ b/core/themes/seven/images/arrow-asc.png
Binary files differ
diff --git a/core/themes/seven/images/arrow-desc-active.png b/core/themes/seven/images/arrow-desc-active.png
new file mode 100644
index 0000000..f1bf910
--- /dev/null
+++ b/core/themes/seven/images/arrow-desc-active.png
Binary files differ
diff --git a/core/themes/seven/images/arrow-desc.png b/core/themes/seven/images/arrow-desc.png
index 2feade9..eaf80c5 100644
--- a/core/themes/seven/images/arrow-desc.png
+++ b/core/themes/seven/images/arrow-desc.png
Binary files differ
diff --git a/core/themes/seven/seven.theme b/core/themes/seven/seven.theme
index f77eb69..3dc83ac 100644
--- a/core/themes/seven/seven.theme
+++ b/core/themes/seven/seven.theme
@@ -133,8 +133,8 @@ function seven_tablesort_indicator($variables) {
'#theme' => 'image',
'#uri' => $image_uri,
'#alt' => $text,
- '#width' => 13,
- '#height' => 13,
+ '#width' => 9,
+ '#height' => 5,
'#title' => $text,
);
return drupal_render($image);
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 3e66ac7..f8a1b45 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -487,83 +487,100 @@ div.submitted {
*/
table {
width: 100%;
- font-size: 0.923em;
margin: 0 0 10px;
- border-right: 1px solid #bebfb9;
- border-bottom: 1px solid #bebfb9;
+ font-size: 0.923em;
}
-table td,
-table th {
- vertical-align: middle;
- padding: 8px 10px;
- border: 0;
- color: #000;
+th {
+ padding: 10px 12px;
+ background: #f5f5f2;
+ border: solid #bfbfba;
+ border-width: 1px 0;
+ color: #333;
+ text-align: left; /* LTR */
+ text-transform: uppercase;
}
-tr.even,
-tr.odd {
- border-width: 0 1px 0 1px;
- border-style: solid;
- border-color: #bebfb9;
- background: #f3f4ee;
+[dir="rtl"] th {
+ text-align: right;
}
-tr.odd {
- background: #fff;
+tbody tr {
+ border-bottom: 1px solid #e6e4df;
}
-tr.drag {
- background: #fe7;
+tbody tr:hover {
+ background: #f7fcff;
}
-tr.drag-previous {
- background: #ffb;
+td,
+th {
+ vertical-align: middle;
}
-table th {
- text-transform: uppercase;
- background: #e1e2dc;
- font-weight: normal;
- border-width: 1px;
- border-style: solid;
- border-color: #bebfb9;
- padding: 3px 10px;
+td {
+ padding: 10px 12px;
+ text-align: left; /* LTR */
}
-table th.active {
- background: #bdbeb9;
+[dir="rtl"] td {
+ text-align: right;
}
-table th a {
- display: block;
+th > a {
position: relative;
+ display: block;
+ color: #0074bd;
+ text-decoration: none;
}
-table th.active a {
- padding: 0 25px 0 0; /* LTR */
+
+/* 1. Must match negative bottom padding of the parent <th> */
+th > a:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ bottom: -10px; /* 1. */
+ left: 0;
+ right: 0;
+ border-bottom: 2px solid transparent;
+ transition: all 0.1s;
}
-[dir="rtl"] table th.active a {
- padding: 0 0 0 25px;
+th.active > a {
+ color: #004875;
}
-table th.active img {
+th.active img {
position: absolute;
- top: 3px;
- right: 3px; /* LTR */
+ right: 0; /* LTR */
+ top: 50%;
}
-[dir="rtl"] table th.active img {
- left: 3px;
+[dir="rtl"] th.active img {
right: auto;
+ left: 0;
}
-/**
- * Force browsers to calculate the width of a 'select all' TH element.
- */
-table th.select-all {
- width: 1px;
+th.active > a:after {
+ border-bottom-color: #004875;
+}
+th > a:focus,
+th > a:hover,
+th.active > a:focus,
+th.active > a:hover {
+ color: #008ee6;
+ text-decoration: none;
}
-table td.active {
- background: #e9e9dd;
+th > a:focus:after,
+th > a:hover:after,
+th.active > a:focus:after,
+th.active > a:hover:after {
+ border-bottom-color: #008ee6;
}
-table tr.odd td.active {
- background: #f3f4ee;
+td .item-list ul {
+ margin: 0;
}
-table tr.selected td.active,
-table tr.selected td {
- background: #ffc;
- border-color: #eeb;
+td.active {
+ background: none;
}
+/* Force browsers to calculate the width of a 'select all' TH element. */
+th.select-all {
+ width: 1px;
+}
+
+/**
+ * Status report table.
+ */
table.system-status-report tr {
border-top: 1px solid #ccc;
border-left: 1px solid #bebfb9;