Team:UESTC/pop.css

From 2013.igem.org

(Difference between revisions)
(Created page with ".pop { position: absolute; display: inline; } .pop .pop_menu { display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .pop .pop_toggle { ba...")
 
(10 intermediate revisions not shown)
Line 1: Line 1:
.pop {
.pop {
-
  position: absolute;
+
    width:20px;
-
   display: inline; }
+
    position: relative;
 +
    top: 0px;
 +
    left: 0px;
 +
   display: block; }
   .pop .pop_menu {
   .pop .pop_menu {
     display: none;
     display: none;
Line 9: Line 12:
     background-image: url(https://static.igem.org/mediawiki/2013/6/6f/UESTC_pin.png);
     background-image: url(https://static.igem.org/mediawiki/2013/6/6f/UESTC_pin.png);
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
     background-position: center center;
+
     position: absolute;
-
     width: 20px;
+
     width: 29px;
-
     height: 20px;
+
     height: 14px;
     overflow: hidden;
     overflow: hidden;
     cursor: pointer; }
     cursor: pointer; }
Line 17: Line 20:
.active .pop_menu {
.active .pop_menu {
   display: block;
   display: block;
-
   background-color: #F594A2;
+
   background-color: #FFFFFF;
-
   color: #fff;
+
   text-align:center;
 +
  font-size:16px;
   position: absolute;
   position: absolute;
-
   padding: .6em;
+
   padding: 5px;
-
   width: 12em; }
+
   width: 17em; }
 +
#mem10_content {
 +
    width: 34em;
 +
}
   .active .pop_menu a {
   .active .pop_menu a {
-
     color: #fff; }
+
     color: blue; }
.active .pop_toggle {
.active .pop_toggle {
   z-index: 2000;
   z-index: 2000;
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
 +
  display:
   left: 0;
   left: 0;
   background-image: url(https://static.igem.org/mediawiki/2013/9/9e/UESTC_pin_over.png); }
   background-image: url(https://static.igem.org/mediawiki/2013/9/9e/UESTC_pin_over.png); }

Latest revision as of 07:58, 26 October 2013

.pop { 

   width:20px;
   position: relative;
   top: 0px;
   left: 0px;
 display: block; }
 .pop .pop_menu {
   display: none;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px; }
 .pop .pop_toggle {
   background-image: url(UESTC_pin.png);
   background-repeat: no-repeat;
   position: absolute;
   width: 29px;
   height: 14px;
   overflow: hidden;
   cursor: pointer; }

.active .pop_menu { 

 display: block;
 background-color: #FFFFFF;
 text-align:center;
 font-size:16px;
 position: absolute;
 padding: 5px;
 width: 17em; }
  1. mem10_content { 
   width: 34em;

} 

 .active .pop_menu a {
   color: blue; }

.active .pop_toggle { 

 z-index: 2000;
 position: absolute;
 top: 0;
 display:
 left: 0;
 background-image: url(UESTC_pin_over.png); }
Retrieved from "http://2013.igem.org/Team:UESTC/pop.css"