Template:Imperial/09/TopNavigationCSS

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<style>
<style>
 +
#accordion {
 +
width: 600px;
 +
height: 100px;
 +
position:relative !important;
 +
        float: left;
 +
display:block;
 +
background-image:url(http://charlesfracchia.com/igemWiki/SlideUp/images/aston.jpg);
 +
background-repeat:no-repeat;
 +
background-position:top left;
 +
        z-index: 7;
 +
}
 +
 +
h3 {
 +
padding: 6px 6px 4px 35px;
 +
margin: 0;
 +
color:#fff;
 +
border-bottom:1px solid #333333;
 +
cursor:pointer;
 +
display:block;
 +
background-image:url(http://charlesfracchia.com/igemWiki/SlideUp/images/tab-left.gif);
 +
background-position:top left;
 +
background-repeat:no-repeat;
 +
}
-
#accordion {
+
#visible {
-
border: 1px solid #1F669B;
+
background-image:url(http://charlesfracchia.com/igemWiki/SlideUp/images/tab-left-active.gif);
-
width: 600px;
+
border-bottom:1px solid #DA1074;
-
height: 100px;
+
}
-
position:relative !important;
+
-
                        float: left;
+
-
display:block;
+
-
background-image:url(http://charlesfracchia.com/igemWiki/SlideUp/images/aston.jpg);
+
-
background-repeat:no-repeat;
+
-
background-position:top left;
+
-
                        z-index: 7;
+
-
}
+
-
h3 {
+
.panel_body {
-
padding: 6px 6px 4px 35px;
+
height:150px;
-
margin: 0;
+
background-color:#333333;
-
color:#fff;
+
display:block;
-
border-bottom:1px solid #333333;
+
position:relative;
-
cursor:pointer;
+
color:#FFFFFF;
-
display:block;
+
}
-
background-image:url(http://charlesfracchia.com/igemWiki/SlideUp/images/tab-left.gif);
+
-
background-position:top left;
+
-
background-repeat:no-repeat;
+
-
}
+
-
#visible {
+
.panel_body div {
-
background-image:url(http://charlesfracchia.com/igemWiki/SlideUp/images/tab-left-active.gif);
+
padding:3px 5px;
-
border-bottom:1px solid #DA1074;
+
}
-
}
+
-
.panel_body {
+
.panel{
-
height:150px;
+
bottom:0px;
-
background-color:#333333;
+
margin:0px;
-
display:block;
+
padding:0px;
-
position:relative;
+
background-image:url(images/tab-right.gif);
-
color:#FFFFFF;
+
background-position:top right;
-
}
+
background-repeat:repeat-x;
-
+
background-color:#333333;
-
.panel_body div {
+
}
-
padding:3px 5px;
+
.wrapper{
-
}
+
bottom:0px;
-
+
position:absolute;
-
.panel{
+
}
-
bottom:0px;
+
</style>
-
margin:0px;
+
-
padding:0px;
+
-
background-image:url(images/tab-right.gif);
+
-
background-position:top right;
+
-
background-repeat:repeat-x;
+
-
background-color:#333333;
+
-
}
+
-
.wrapper{
+
-
bottom:0px;
+
-
position:absolute;
+
-
}
+
-
+
-
</style>
+
</html>
</html>

Revision as of 13:48, 18 October 2009

Retrieved from "http://2009.igem.org/Template:Imperial/09/TopNavigationCSS"