File: tabs.css

package info (click to toggle)
shinken-mod-webui 1.0-3
  • links: PTS, VCS
  • area: main
  • in suites: jessie, jessie-kfreebsd
  • size: 14,136 kB
  • ctags: 2,980
  • sloc: python: 3,654; sh: 47; makefile: 19; sql: 3
file content (116 lines) | stat: -rw-r--r-- 2,872 bytes parent folder | download
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
/**
 *
 *
 **/
		div.domtab{

		}

		ul.domtabs{
			float:left;
			width:100%;
			margin:2em 0 0 0;
			list-style: none;
		}
		ul.domtabs li{
			float:left;
			margin: 0;
		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:100px;
			padding:5px 0 0 10px;
			display:block;
			color:#787878;
			height:3em;
			font-size: 13px;
			text-decoration:none;
			border: 1px solid #E3E3E5;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:30px;
		}
		ul.domtabs a:hover{
			background:#ffffff;
		}
		div.domtab div{
			clear:both;
			color:#fff;
			padding:1em 3em;
			border: 1px solid #E3E3E5;
		}
		div.domtab p{
			clear:both;
			color:#787878;

		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover {
			background:#FFF;
			color:#787878;
			font-weight: bold;
		}


		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			color:#787878;
			display:block;
			padding:1em .5em;
			font-weight:bold;
		}
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active {
			display:inline;
			padding:0;
			font-weight:normal;

		}

.tabmenu li{
	float: left;
	 display: inline;
}
/**
 *
 **/

#home {background-color:#ddd; position:relative; height:600px; width:600px; margin-bottom:10px; }
.feature { position:absolute; overflow:hidden; min-width : 300px; }
.feature img { border:none; }
#tabs { margin-left:0;margin-bottom:0;}
#tabs li {background-color:transparent;display:inline;float:none;list-style:none; }
#tabs li a {background-color:#edd; color:#333; display:inline; height:auto;padding:5px 20px;text-decoration:none;width:auto;}
#tabs li a.active { background-color:#ddd;color:#000; }




/* tabs structure */
.tab-container  { width:320px; background:#eee; padding:5px 10px;}
ul.tabs         { list-style-type:none; margin:0; padding:0; }
ul.tabs li      { float:left; margin:10px 5px 0 0; }
ul.tabs li a    { padding:5px 10px; border:1px solid #ddd; font-weight:bold; background:url(/static/images/tab-sprite.jpg) 0 0 repeat-x; color:#000; text-decoration:none; }
ul.tabs li a.active { border-color:#028433; background-position:0 -96px; color:#fff; } /* sprite! background position swap */
ul.tabs li a.active:hover   { text-decoration:none; cursor:default; background-position:0 -96px;}
ul.tabs li a:hover {background-position:0 -48px;}
ul.tabs li:hover    { text-decoration:underline;}
ul.tabs-content { margin:10px 0 0 0; padding:0; }
ul.tabs-content li  { height:0; overflow:hidden; margin:0; padding:0; }

/* clears floats */
div.clear       { clear:both; }

/* ie fixes */
* html ul.tabs-content li { float:left; } /* ie6 */
*+ html ul.tabs-content li { width:99%; float:left; } /* ie7 */