User:Sifuentes anita

From 2014.igem.org

(Difference between revisions)
Line 102: Line 102:
}
}
 +
/* menu styling */
 +
#accordion-container {
 +
font-size: 13px;
 +
background: #ffffff;
 +
padding: 5px 10px 10px 10px;
 +
border: 1px solid #cccccc;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
border-radius: 5px;
 +
-moz-box-shadow: 0 5px 15px #cccccc;
 +
-webkit-box-shadow: 0 5px 15px #cccccc;
 +
box-shadow: 0 5px 15px #cccccc;
 +
}
-
#accordion-container {
+
.accordion-header {
-
font-size: 13px;
+
font-size: 16px;
-
background: #ffffff;
+
background: #ebebeb;
-
padding: 5px 10px 10px 10px;
+
margin: 5px 0 0 0;
-
border: 1px solid #cccccc;
+
padding: 5px 20px;
-
-moz-border-radius: 5px;
+
border: 1px solid #cccccc;
-
-webkit-border-radius: 5px;
+
cursor: pointer;
-
border-radius: 5px;
+
color: #666666;
-
-moz-box-shadow: 0 5px 15px #cccccc;
+
-moz-border-radius: 5px;
-
-webkit-box-shadow: 0 5px 15px #cccccc;
+
-webkit-border-radius: 5px;
-
box-shadow: 0 5px 15px #cccccc;
+
border-radius: 5px;
-
}
+
}
-
.accordion-header {
+
.active-header {
-
font-size: 16px;
+
-moz-border-radius: 5px 5px 0 0;
-
background: #ebebeb;
+
-webkit-border-radius: 5px 5px 0 0;
-
margin: 5px 0 0 0;
+
border-radius: 5px 5px 0 0;
-
padding: 5px 20px;
+
background: url(images/active-header.gif) #95cea0;
-
border: 1px solid #cccccc;
+
background-repeat: no-repeat;
-
cursor: pointer;
+
background-position: right 50%;
-
color: #666666;
+
}
-
-moz-border-radius: 5px;
+
-
-webkit-border-radius: 5px;
+
-
border-radius: 5px;
+
-
}
+
-
.active-header {
+
.active-header:hover {
-
-moz-border-radius: 5px 5px 0 0;
+
background: url(images/active-header.gif) #c1dfa6;
-
-webkit-border-radius: 5px 5px 0 0;
+
background-repeat: no-repeat;
-
border-radius: 5px 5px 0 0;
+
background-position: right 50%;
-
background: url(images/active-header.gif) #95cea0;
+
}
-
background-repeat: no-repeat;
+
-
background-position: right 50%;
+
-
}
+
-
.active-header:hover {
+
.inactive-header {
-
background: url(images/active-header.gif) #c1dfa6;
+
background: #ebebeb ;
-
background-repeat: no-repeat;
+
background-position: right 50%;
-
background-position: right 50%;
+
}
-
}
+
-
 
+
-
.inactive-header {
+
-
background: url(images/inactive-header.gif) #ebebeb ;
+
-
background-repeat: no-repeat;
+
-
background-position: right 50%;
+
-
}
+
.inactive-header:hover {
.inactive-header:hover {

Revision as of 18:41, 7 January 2015

right