Team:Bilkent UNAM Turkey/css/tabbedContent1.css

From 2011.igem.org

.tabs { height: 100px; position: relative;

}

.tabs .moving_bg { padding: 15px; /*background-color:#7F822A;*/ background-image:url(http://designertoday.com/images/Tutorials/2008/April/bm/creating_a_gif_animation_xara/animation.gif); 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:url(https://static.igem.org/mediawiki/igem.org/6/64/Cursor1.gif),default; } .tabs .tab_item a { cursor:url(https://static.igem.org/mediawiki/igem.org/6/64/Cursor1.gif),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; }

1. labworks{

background: url() no-repeat; position: relative; } .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; }