From 0b181e9a4ddf009f531cc36f76af9d6dfb6ab4ce Mon Sep 17 00:00:00 2001
From: Mary Evans <lazydaisy@visible-expression.co.uk>
Date: Tue, 12 Aug 2014 00:59:16 +0100
Subject: [PATCH] MDL-45031 theme_base: Added style/tabs.css and updated
 config.php

also removed tabtree css from style/core.css to style/tabs.css.
---
 theme/base/config.php     |  1 +
 theme/base/style/core.css |  1 -
 theme/base/style/tabs.css | 77 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 78 insertions(+), 1 deletion(-)
 create mode 100644 theme/base/style/tabs.css

diff --git a/theme/base/config.php b/theme/base/config.php
index bc3ac364a15..4ed4937aca7 100644
--- a/theme/base/config.php
+++ b/theme/base/config.php
@@ -48,6 +48,7 @@ $THEME->sheets = array(
     'message',
     'question',
     'user',
+    'tabs',
     'filemanager'
 );
 
diff --git a/theme/base/style/core.css b/theme/base/style/core.css
index 5ae2d89d86c..37bfb7598d9 100644
--- a/theme/base/style/core.css
+++ b/theme/base/style/core.css
@@ -60,7 +60,6 @@ a.dimmed_text:visited,
 .course-content .section li.activity,
 .sitetopic .section li.movehere,
 .course-content .section li.movehere,
-.tabtree li {list-style: none;margin:0;padding:0;}
 
 .course-content .current {background:#E3E3E3;}
 
diff --git a/theme/base/style/tabs.css b/theme/base/style/tabs.css
new file mode 100644
index 00000000000..748d2359519
--- /dev/null
+++ b/theme/base/style/tabs.css
@@ -0,0 +1,77 @@
+/* Tabs */
+.tabtree ul {
+    text-align: center;
+}
+.tabtree li {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.tabtree .tabrow0 {
+    width: 100%;
+    margin: 1em 0;
+}
+.tabtree .tabrow0 li.here {
+    font-weight: bold;
+}
+.tabtree .tabrow0 li.here a {
+    position: relative;
+    z-index: 102;
+}
+.tabtree .tabrow0 li a {
+    background: #f7f7f7;
+    padding: 8px 10px 5px;
+    border-width: 2px 2px 0;
+    border-style: solid;
+    border-color: #ddd;
+    margin: 0 1px 0 0;
+}
+.tabtree .tabrow0 .here a {
+    background-color: #fff;
+}
+.tabtree .tabrow0 li a:hover {
+    background-color: #fff;
+}
+.tabtree .tabrow0 ul,
+.tabtree .tabrow0 div {
+    font-weight: normal;
+    border-top: 2px solid #ddd;
+    padding: 0.25em 0;
+    margin: 0;
+}
+.tabtree .tabrow0 li.here .empty {
+    display: block;
+    height: 1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 100%;
+    bottom: -4px;
+}
+.tabtree .tabrow0 .tabrow1 {
+    padding: 5px 0 2px;
+    margin-top: 1px;
+}
+.tabtree .tabrow1 li a,
+.tabtree .tabrow1 li a:link,
+.tabtree .tabrow1 li a:hover,
+.tabtree .tabrow1 li a span,
+.tabtree .tabrow1 li a:link span,
+.tabtree .tabrow1 li a:hover span {
+    padding: 0 10px;
+    border: 0 none;
+}
+.tabtree a.nolink,
+.tabtree a.nolink:hover,
+.tabtree .here ul a.nolink,
+.tabtree .here ul a.nolink:hover {
+    color: #888;
+    text-decoration: none;
+}
+.tabtree .here a.nolink,
+.tabtree .here a.nolink:hover,
+.tabtree .here ul .here a.nolink,
+.tabtree .here ul .here a.nolink:hover {
+    color: #000;
+    text-decoration: none;
+}