forked from Montoya/blueprint-plugin---tabs
-
Notifications
You must be signed in to change notification settings - Fork 1
/
screen.css
64 lines (59 loc) · 1.35 KB
/
screen.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
/* -----------------------------------------------------------------------
Tabs Plugin 0.2 for the Blueprint CSS Framework
http://blueprintcss.org
* Copyright (c) 2008-Present. Refer to the main Blueprint license.
* See README for instructions on how to use this plugin.
* For credits and origins, see AUTHORS.
----------------------------------------------------------------------- */
.tabs {
border-bottom:1px solid #ccc;
height:auto;
margin:0 0 .75em 0;
overflow:auto;
padding-left:0;
}
* html .tabs { height:1%; /* fixing IE 6 */ }
.tabs li {
border:1px solid #ccc;
border-bottom:none;
float:left;
line-height:1.5;
list-style-type:none;
margin:0 .25em 0 0;
padding:0;
}
.tabs li a {
background:#ddd;
border:1px solid #eee;
border-bottom:none;
color:#222;
cursor:pointer;
display:block;
float:left;
font-weight:bold;
padding:.15em .33em .25em .33em;
}
.tabs li a.selected {
background:#666;
border:1px solid #666;
border-bottom:none;
color:#fff;
cursor:default;
}
.tabs li a, .tabs li a:focus, .tabs li a:hover {
text-decoration:none;
}
.tabs li a:focus, .tabs li a:hover {
color:#555;
outline:none;
}
.tabs li a.selected:focus, .tabs li a.selected:hover {
color:#fafafa;
}
.tabs li.label {
border:none;
font-weight:bold;
line-height:1.5;
margin-right:.5em;
padding:.25em .33em .25em .33em;
}