Team:NEAU-Harbin/Sandbox

From 2014.igem.org

(Difference between revisions)
Line 428: Line 428:
}
}
</style>
</style>
-
 
+
<!--mini-tx begin-->
 +
<style>
 +
.mini-tx img
 +
{
 +
width: 40px;
 +
height: 40px;
 +
padding: 3px 4px 3px 0px;
 +
}
 +
.mini-tx a:first-child img
 +
{
 +
width: 83px;
 +
height:83px;
 +
float:left;
 +
padding: 3px 10px 3px 3px;
 +
}</style>
 +
<style>
 +
img
 +
{
 +
-webkit-transition: all .25s  ease-out;
 +
-moz-transition: all .25s  ease-out;
 +
-o-transition: all .25s  ease-out;
 +
}
 +
img:hover
 +
{
 +
/*
 +
-webkit-filter: blur(2px);
 +
-moz-filter: blur(2px);
 +
-o-filter: blur(2px);
 +
*/
 +
-webkit-transform:rotate(360deg);
 +
-moz-transform:rotate(360deg);
 +
-o-transform:rotate(360deg);
 +
-webkit-transition: all .25s  ease-out;
 +
-moz-transition: all .25s  ease-out;
 +
-o-transition: all .25s  ease-out;
 +
}</style>
 +
<style>
 +
.ceTitle {
 +
margin: 3px;
 +
background: #F4F5F9;
 +
padding: 3px 3px 3px 3px;
 +
width: 242px;
 +
}
 +
.ceTitle a, .beTitle a {
 +
color: #555;
 +
font-weight: 700;
 +
text-shadow: 1px 1px 1px white;
 +
}
 +
</style>
 +
<!--mini-tx end-->
</head>
</head>
Line 503: Line 552:
</div>
</div>
<h1>Members</h1>
<h1>Members</h1>
-
<div id="square"></div><p><a href="#example1">123</a></p>
+
<div class="ceTitle">
-
<br /><!-- 空行 -->
+
<div class="mini-tx">  
-
<div id="square"></div><p><a href="#example2">abc</a></p>
+
<a href="#"><img src="http://t.williamgates.net/image-81AE_53DE7AAA.jpg" title="石岩"/></a>
-
<hr />
+
<a href="#"><img src="http://t.williamgates.net/image-81AE_53DE7AAA.jpg" title="石岩"/></a>
-
<div id="square"></div><p></p>
+
<a href="#"><img src="http://t.williamgates.net/image-81AE_53DE7AAA.jpg" title="石岩"/></a>
-
<div id="square"></div>
+
<a href="#"><img src="http://t.williamgates.net/image-81AE_53DE7AAA.jpg" title="石岩"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-81AE_53DE7AAA.jpg" title="石岩"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-81AE_53DE7AAA.jpg" title="石岩"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
<a href="#"><img src="http://t.williamgates.net/image-BE8C_53DE8BAE.jpg" title="吴雨蒙"/></a>
 +
</div>
 +
</div>
 +
<!-- ↑↑↑↑↑正文↑↑↑↑↑ -->
<div class="tgt"><div id="example1"><h1>biaoti</h1><p>123456789123456789123456789234567823456789234567892345678934567893456789415431543453254354324325432543245325432</p></div>
<div class="tgt"><div id="example1"><h1>biaoti</h1><p>123456789123456789123456789234567823456789234567892345678934567893456789415431543453254354324325432543245325432</p></div>
<div id="example2"><h1>title</h1><p>dfgsghfdgdsgfdsgfdsgfdjhgjnbvcxzcvbxgdfzxvcvhcgxfdzghcjvgfhjvgcfxhcjvgfchjgfchjfgcjgchvjgdghfxvvbxbxbvbbvxvbxvb</p></div></div>
<div id="example2"><h1>title</h1><p>dfgsghfdgdsgfdsgfdsgfdjhgjnbvcxzcvbxgdfzxvcvhcgxfdzghcjvgfhjvgcfxhcjvgfchjgfchjfgcjgchvjgdghfxvvbxbxbvbbvxvbxvb</p></div></div>

Revision as of 19:30, 3 August 2014

<!DOCTYPE html>

Notebook

-

-

-

-

-

-

-

-

Hover Me

  • Link 51
  • Link 52
  • Link 53
  • Link 54
  • Link 55
  • Link 56
  • Link 57

Members

biaoti

123456789123456789123456789234567823456789234567892345678934567893456789415431543453254354324325432543245325432

title

dfgsghfdgdsgfdsgfdsgfdjhgjnbvcxzcvbxgdfzxvcvhcgxfdzghcjvgfhjvgcfxhcjvgfchjgfchjfgcjgchvjgdghfxvvbxbxbvbbvxvbxvb