Team:UESTC/pop.css

From 2013.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 3: Line 3:
     position: relative;
     position: relative;
     top: 0px;
     top: 0px;
-
     left: 150px;
+
     left: 0px;
   display: block; }
   display: block; }
   .pop .pop_menu {
   .pop .pop_menu {
Line 12: 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: 29px;
     width: 29px;
     height: 14px;
     height: 14px;
Line 21: Line 21:
   display: block;
   display: block;
   background-color: #FFFFFF;
   background-color: #FFFFFF;
-
   text-align:justify ;
+
   text-align:center;
 +
  font-size:16px;
   position: absolute;
   position: absolute;
-
   padding: .6em;
+
   padding: 5px;
-
   width: 20em; }
+
   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;

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