Template:Team:HokkaidoU Japan/About Us/CSS

From 2014.igem.org

(Difference between revisions)
Line 77: Line 77:
.show-sone{
.show-sone{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 96: Line 96:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 104: Line 104:
.overlay-content-sone{
.overlay-content-sone{
     color: white;
     color: white;
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 111: Line 111:
.show-hana{
.show-hana{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 119: Line 119:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 129: Line 129:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 137: Line 137:
.overlay-content-hana{
.overlay-content-hana{
     color: white;
     color: white;
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 144: Line 144:
.show-ryotaro{
.show-ryotaro{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 152: Line 152:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 162: Line 162:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 171: Line 171:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 178: Line 178:
.show-ayano{
.show-ayano{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 186: Line 186:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 196: Line 196:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 205: Line 205:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 212: Line 212:
.show-naoya{
.show-naoya{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 220: Line 220:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 230: Line 230:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 239: Line 239:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 246: Line 246:
.show-osamu{
.show-osamu{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 254: Line 254:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 264: Line 264:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 273: Line 273:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 280: Line 280:
.show-eri{
.show-eri{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 288: Line 288:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 298: Line 298:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 307: Line 307:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 314: Line 314:
.show-tori{
.show-tori{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 322: Line 322:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 332: Line 332:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 341: Line 341:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 348: Line 348:
.show-mami{
.show-mami{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 356: Line 356:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 366: Line 366:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 375: Line 375:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 382: Line 382:
.show-tamaro{
.show-tamaro{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 390: Line 390:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 400: Line 400:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 409: Line 409:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 416: Line 416:
.show-sanbon{
.show-sanbon{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 424: Line 424:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 434: Line 434:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 443: Line 443:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 450: Line 450:
.show-liu{
.show-liu{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 458: Line 458:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 468: Line 468:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 477: Line 477:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 484: Line 484:
.show-shehata{
.show-shehata{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 492: Line 492:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 502: Line 502:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 511: Line 511:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 518: Line 518:
.show-kensuke{
.show-kensuke{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 526: Line 526:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 536: Line 536:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 545: Line 545:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 552: Line 552:
.show-itoh{
.show-itoh{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 560: Line 560:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 570: Line 570:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 579: Line 579:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;
Line 586: Line 586:
.show-kawahata{
.show-kawahata{
     cursor: pointer;
     cursor: pointer;
-
     position: absolute;
+
     position: relative;
}
}
   
   
Line 594: Line 594:
     color: white;
     color: white;
     height: 200px;
     height: 200px;
-
     position: absolute;
+
     position: relative;
     width:500px;
     width:500px;
     display:none; left:-30%;
     display:none; left:-30%;
Line 604: Line 604:
border: 8px solid transparent;
border: 8px solid transparent;
border-bottom-color: #000;
border-bottom-color: #000;
-
position: absolute;
+
position: relative;
right: 50%;
right: 50%;
top: -6px;
top: -6px;
Line 613: Line 613:
     color: white;
     color: white;
      
      
-
     position: absolute;
+
     position: relative;
     margin: 40px auto;
     margin: 40px auto;
     width 100%; text-align:center; top: -20px;
     width 100%; text-align:center; top: -20px;

Revision as of 11:09, 29 September 2014