Mercurial > hg > isophonics-drupal-site

annotate themes/isobartik/css/components/tabs.css @ 19:fa3358dc1485 tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents e11175134f4e
children
rev   line source
Chris@3 1 /* --------------- System Tabs --------------- */
Chris@3 2
Chris@3 3 div.tabs {
Chris@3 4 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Chris@3 5 margin-bottom: 20px;
Chris@3 6 }
Chris@3 7 .tabs ul.primary {
Chris@3 8 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Chris@3 9 }
Chris@3 10 .tabs ul.primary li a {
Chris@3 11 color: #000;
Chris@3 12 background-color: #ededed;
Chris@3 13 border-color: #bbb;
Chris@3 14 border-style: solid solid none solid;
Chris@3 15 border-width: 1px;
Chris@3 16 height: 1.8em;
Chris@3 17 line-height: 1.9;
Chris@3 18 display: block;
Chris@3 19 font-size: 0.929em;
Chris@3 20 padding: 0 10px 3px;
Chris@3 21 text-shadow: 0 1px 0 #fff;
Chris@3 22 }
Chris@3 23 .tabs ul.primary li.is-active a {
Chris@3 24 background-color: #ffffff;
Chris@3 25 border: 1px solid #bbb;
Chris@3 26 }
Chris@3 27 @media screen and (max-width: 37.5em) { /* 600px */
Chris@3 28 .tabs ul.primary {
Chris@3 29 border-bottom: 1px solid #bbb;
Chris@3 30 }
Chris@3 31 .tabs ul.primary li {
Chris@3 32 display: block;
Chris@3 33 margin: 0;
Chris@3 34 }
Chris@3 35 .tabs ul.primary li a {
Chris@3 36 padding: 5px 10px;
Chris@3 37 }
Chris@3 38 .tabs ul.primary li.is-active a {
Chris@3 39 border-bottom: none;
Chris@3 40 }
Chris@3 41 }
Chris@3 42 @media screen and (min-width: 37.5em) { /* 600px */
Chris@3 43 .tabs ul.primary {
Chris@3 44 border-collapse: collapse;
Chris@3 45 height: auto;
Chris@3 46 line-height: normal;
Chris@3 47 padding: 0 3px;
Chris@3 48 margin: 0;
Chris@3 49 overflow: hidden;
Chris@3 50 border: none;
Chris@3 51 background: transparent url(../../images/tabs-border.png) repeat-x left bottom;
Chris@3 52 white-space: nowrap;
Chris@3 53 }
Chris@3 54 .tabs ul.primary li {
Chris@3 55 display: block;
Chris@3 56 float: left; /* LTR */
Chris@3 57 vertical-align: bottom;
Chris@3 58 margin: 0 5px 0 0; /* LTR */
Chris@3 59 }
Chris@3 60 [dir="rtl"] .tabs ul.primary li {
Chris@3 61 margin: 0 0 0 5px;
Chris@3 62 float: right;
Chris@3 63 }
Chris@3 64 .tabs ul.primary li a {
Chris@3 65 float: left; /* not LTR */
Chris@3 66 border-top-left-radius: 6px;
Chris@3 67 border-top-right-radius: 6px;
Chris@3 68 }
Chris@3 69 .tabs ul.primary li.is-active a {
Chris@3 70 border-bottom: 1px solid #fff;
Chris@3 71 }
Chris@3 72 }
Chris@3 73 .tabs ul.secondary {
Chris@3 74 border-bottom: none;
Chris@3 75 margin: 5px;
Chris@3 76 padding: 0.5em 0;
Chris@3 77 overflow: hidden;
Chris@3 78 }
Chris@3 79 .tabs ul.secondary li {
Chris@3 80 border-right: 1px solid #ccc; /* LTR */
Chris@3 81 display: block;
Chris@3 82 float: left; /* LTR */
Chris@3 83 margin: 0;
Chris@3 84 padding: 0 1em;
Chris@3 85 }
Chris@3 86 [dir="rtl"] .tabs ul.secondary li {
Chris@3 87 border-left: 1px solid #ccc;
Chris@3 88 border-right: none;
Chris@3 89 float: right;
Chris@3 90 }
Chris@3 91 .tabs ul.secondary li:last-child {
Chris@3 92 border-right: none; /* LTR */
Chris@3 93 }
Chris@3 94 [dir="rtl"] .tabs ul.secondary li:last-child {
Chris@3 95 border-left: none;
Chris@3 96 }
Chris@3 97 .tabs ul.secondary li:first-child {
Chris@3 98 padding-left: 0; /* LTR */
Chris@3 99 }
Chris@3 100 [dir="rtl"] .tabs ul.secondary li:first-child {
Chris@3 101 padding-right: 0;
Chris@3 102 }
Chris@3 103 .tabs ul.secondary li a {
Chris@3 104 display: inline;
Chris@3 105 padding: 0.25em 0.5em;
Chris@3 106 text-decoration: none;
Chris@3 107 }
Chris@3 108 .tabs ul.secondary li a.is-active {
Chris@3 109 background: #f2f2f2;
Chris@3 110 border-bottom: none;
Chris@3 111 border-radius: 5px;
Chris@3 112 }