Team:Bilkent UNAM Turkey/css/tabbedContent.css

From 2011.igem.org

(Difference between revisions)
m
 
(14 intermediate revisions not shown)
Line 28: Line 28:
z-index: 200;
z-index: 200;
position: relative;
position: relative;
-
cursor:url(https://static.igem.org/mediawiki/igem.org/6/64/Cursor1.gif),default;
+
cursor:default;
-
}
+
-
.tabs .tab_item a {
+
-
cursor:url(https://static.igem.org/mediawiki/igem.org/6/64/Cursor1.gif),default;
+
}
}
 +
.tabbed_content .slide_content {
.tabbed_content .slide_content {
overflow: hidden;
overflow: hidden;
padding: 20px 0 20px 20px;
padding: 20px 0 20px 20px;
-
width: 900px;
+
width: 940px;
position: fixed;
position: fixed;
-
margin-top: 40px;
+
margin-top: 5px;
}
}
Line 48: Line 46:
.tabslider ul {
.tabslider ul {
float: left;
float: left;
-
width: 850px;
+
width: 900px;
-
height: 310px;
+
height: 410px;
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
margin-right: 50px;
+
margin-right: 40px;
/* color: #aaaaaa;*/
/* color: #aaaaaa;*/
overflow: auto;
overflow: auto;
}
}
-
 
+
#labworks{
 +
background: url(https://static.igem.org/mediawiki/2011/e/ee/01089.jpg) no-repeat;
 +
position: relative;
 +
}
.tabslider ul a {
.tabslider ul a {
color: green;
color: green;
Line 88: Line 89:
/*z-index: 199;*/
/*z-index: 199;*/
position: absolute;
position: absolute;
-
background-color:gray;
+
background-color:#B65252;
/* for IE */
/* for IE */
-
filter:alpha(opacity=60);
+
filter:alpha(opacity=90);
/* CSS3 standard */
/* CSS3 standard */
-
opacity:0.6
+
opacity:0.9
}
}

Latest revision as of 21:21, 21 September 2011

.tabs { height: 100px; position: relative; background-image: url(Tnt.gif); }

.tabs .moving_bg { padding: 15px; /*background-color:#7F822A;*/ background-image:url(Alg.gif); position: absolute; width: 125px; 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: 125px; 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: 410px; margin: 0px; padding: 0px; margin-right: 40px; /* color: #aaaaaa;*/ overflow: auto; }

  1. labworks{

background: url(01089.jpg) 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: 125px; color: blue; text-align: center; /*z-index: 199;*/ position: absolute; background-color:#B65252;

/* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9

} .sliding_menu .sliding_item { display: block; color: white; }