tabwrangler/popup.css at master · dznz/tabwrangler · GitHub

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
body {
  min-width:400px;
  overflow-x:hidden;
  color:black;
  font-family:sans-serif;
  background-color:#ccc;
}

table.pretty {
  width:330px;
  font-size:.8em;
  margin-left:1px;
  margin-right:1px;
  background: whitesmoke;
  border-collapse: collapse;
}

table.pretty th, table.pretty td {
  border: 1px silver solid;
  padding: 0.2em;
}
table.pretty th {
  background: gainsboro;
  text-align: left;
}

table.pretty a {
  color: #0066cc;
  font-weight:bold;
}

table.pretty caption {
  margin-left: inherit;
  margin-right: inherit;
}

.smallgrey {
  font-size:.8em;color:#888;margin:0px
}

.smallgrey2 {
  font-size:.7em;color:#888;margin:0px
}


.smallhead {
  font-size:.9em;color:black;margin:0px;font-weight:bolder;
}

#idleButton {
  float:right;
  position:relative;
  top: -5px;
}
#idleButton.toggled {
  color: green;
}

#corralHolder {
  display:none;
  background-color:#fff;
  padding:12px;
}
#activeHolder {
  display:none;
  background-color:#fff;
  padding:12px;
}

#optionsHolder {
  display:none;
  background-color:#fff;
  padding:12px;
}


/* p {  */
/*     margin:0px; */
/*     padding:0px; */
/* } */

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: right; /* set to left, right or center */
margin-top: 1em; /* set margins as desired */
font: bold 12px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 0px solid white; /* set border COLOR as desired */
list-style-type: none;
padding-bottom:2px;
margin-bottom:0px;
margin-left:0px;
padding-right:15px
margin-right:15px;
width:300px;

}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */

}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a,body#tab5 li.tab5 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #666666; /* set selected tab link color as desired */
position: relative;
top: 1px;
/* must change with respect to padding (X) above and below */
font-style:italic;
font-weight:bolder;
font-size:12px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}

ul#tabnav li a { /* settings for all tab links */
padding: 2px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border-bottom: 2px solid #666666; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #666666; /* set unselected tab background color as desired */
color: white; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
padding-top:6px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}

ul#tabnav a:hover { /* settings for hover effect */
/*
color: #849c3c;
background-color:white;
font-weight:bolder;
border-bottom: 2px solid white;
*/
background-color: #fff; /* set selected tab background color as desired */
color: #666666; /* set selected tab link color as desired */
position: relative;
top: 1px;
/* must change with respect to padding (X) above and below */
font-style:italic;
wont-weight:bolder;
font-size:12px;
}

/* end css tabs */