"
Team:Bilkent UNAM Turkey/css/tabbedContent1.css
From 2011.igem.org
| (9 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
height: 100px; | height: 100px; | ||
position: relative; | position: relative; | ||
| - | + | ||
} | } | ||
.tabs .moving_bg { | .tabs .moving_bg { | ||
padding: 15px; | padding: 15px; | ||
| - | /*background-color:#7F822A; | + | /*background-color:#7F822A; |
| - | background-image:url( | + | background-image:url(buraya link);*/ |
position: absolute; | position: absolute; | ||
width: 75px; | width: 75px; | ||
| Line 28: | Line 28: | ||
z-index: 200; | z-index: 200; | ||
position: relative; | position: relative; | ||
| - | cursor: | + | cursor:default; |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
.tabbed_content .slide_content { | .tabbed_content .slide_content { | ||
| Line 39: | Line 36: | ||
position: fixed; | position: fixed; | ||
margin-top: 5px; | margin-top: 5px; | ||
| - | + | ||
} | } | ||
| Line 56: | Line 53: | ||
overflow: auto; | overflow: auto; | ||
} | } | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
.tabslider ul a { | .tabslider ul a { | ||
color: green; | color: green; | ||
Latest revision as of 19:46, 21 September 2011
.tabs { height: 100px; position: relative;
}
.tabs .moving_bg { padding: 15px; /*background-color:#7F822A; background-image:url(buraya link);*/ position: absolute; width: 75px; z-index: 190; left: 0; padding-bottom: 40px; background-position: bottom left; background-repeat: no-repeat; }
.tabs .tab_item { display: block; float: left; padding:15px; padding-top: 40px; width: 75px; color: #ffffff; text-align: center; z-index: 200; position: relative; cursor:default; } .tabbed_content .slide_content { overflow: hidden; padding: 20px 0 20px 20px; width: 940px; position: fixed; margin-top: 5px;
}
.tabslider { width: 7200px; }
.tabslider ul { float: left; width: 900px; height: 415px; margin: 0px; padding: 0px; margin-right: 40px; /* color: #aaaaaa;*/ overflow: auto; }
.tabslider ul a { color: green; }
.tabslider ul a:hover { color: #aaaaaa; } .tabslider ul p { /* color: #aaaaaa;*/ } .tabslider ul h2 { /* color: #aaaaaa;*/ } .tabslider ul h3 { /* color: #aaaaaa;*/ }
.tabslider ul li { padding-bottom: 7px;
} .sliding_menu { display: none; float: left; margin-top :15px; padding-top: 0px; width: 75px; color: blue; text-align: center; /*z-index: 199;*/ position: absolute; background-color:gray;
/* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6
} .sliding_menu .sliding_item { display: block; color: white; }
