Team:Bilkent UNAM Turkey/css/tabbedContent.css

From 2011.igem.org

(Difference between revisions)
 
(66 intermediate revisions not shown)
Line 1: Line 1:
-
.tabbed_content {
 
-
background-color: #000000;
 
-
width: 620px;
 
-
}
 
-
 
.tabs {
.tabs {
-
height: 62px;
+
height: 100px;
position: relative;
position: relative;
 +
background-image: url(https://static.igem.org/mediawiki/2011/5/5c/Tnt.gif);
}
}
.tabs .moving_bg {
.tabs .moving_bg {
padding: 15px;
padding: 15px;
-
background-color:#7F822A;
+
/*background-color:#7F822A;*/
-
background-image:url(https://2011.igem.org/File:Arrow_down_green.gif?action=raw);
+
background-image:url(https://static.igem.org/mediawiki/2011/5/5b/Alg.gif);
position: absolute;
position: absolute;
width: 125px;
width: 125px;
z-index: 190;
z-index: 190;
left: 0;
left: 0;
-
padding-bottom: 29px;
+
padding-bottom: 40px;
background-position: bottom left;
background-position: bottom left;
background-repeat: no-repeat;
background-repeat: no-repeat;
Line 25: Line 21:
display: block;
display: block;
float: left;
float: left;
-
padding: 15px;
+
padding:15px;
 +
padding-top: 40px;
width: 125px;
width: 125px;
color: #ffffff;
color: #ffffff;
Line 31: Line 28:
z-index: 200;
z-index: 200;
position: relative;
position: relative;
-
cursor: pointer;
+
cursor:default;
}
}
.tabbed_content .slide_content {
.tabbed_content .slide_content {
overflow: hidden;
overflow: hidden;
-
background-color: #000000;
 
padding: 20px 0 20px 20px;
padding: 20px 0 20px 20px;
-
position: relative;
+
width: 940px;
-
width: 600px;
+
position: fixed;
 +
margin-top: 5px;
 +
 
}
}
.tabslider {
.tabslider {
-
width: 5000px;
+
width: 7200px;
}
}
.tabslider ul {
.tabslider ul {
float: left;
float: left;
-
width: 560px;
+
width: 900px;
 +
height: 410px;
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
margin-right: 40px;
margin-right: 40px;
-
color: #aaaaaa;
+
/* color: #aaaaaa;*/
 +
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: #ffffff;
+
color: green;
-
text-decoration: none;
+
}
}
.tabslider ul a:hover {
.tabslider ul a:hover {
color: #aaaaaa;
color: #aaaaaa;
 +
}
 +
.tabslider ul p {
 +
/* color: #aaaaaa;*/
 +
}
 +
.tabslider ul h2 {
 +
/* color: #aaaaaa;*/
 +
}
 +
.tabslider ul h3 {
 +
/* color: #aaaaaa;*/
}
}
Line 67: Line 78:
padding-bottom: 7px;
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;
}
}

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; }

Retrieved from "http://2011.igem.org/Team:Bilkent_UNAM_Turkey/css/tabbedContent.css"