Team:BIT/index.css
From 2014.igem.org
(Difference between revisions)
Line 18: | Line 18: | ||
-webkit-column-count:2; /* Safari and Chrome */ | -webkit-column-count:2; /* Safari and Chrome */ | ||
column-count:2; | column-count:2; | ||
- | margin-top: | + | margin-top: 250px; |
-moz-column-gap:200px; /* Firefox */ | -moz-column-gap:200px; /* Firefox */ | ||
-webkit-column-gap:200px; /* Safari and Chrome */ | -webkit-column-gap:200px; /* Safari and Chrome */ |
Revision as of 02:25, 21 August 2014
@charset "utf-8"; /* CSS Document */ body{ overflow:hidden}
- index_bg{ margin:50px 0 0 100px; z-index:-1;}
- project{position:absolute;top: 131px;left: 100px;}
- team{position:absolute;top: 50px;left: 365px;}
- human{position:absolute;top: 662px;left: 627px;}
- model{position:absolute;top: 550px;left: 365px;}
- notebook{position:absolute;top: 435px;left: 100px;}
- device{position:absolute;top: 133px;left: 627px;}
- inter{position:absolute;top: 446px;left: 627px;}
- footer1{ margin-top:0px;}
.news { -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */ column-count:2; margin-top: 250px; -moz-column-gap:200px; /* Firefox */ -webkit-column-gap:200px; /* Safari and Chrome */ column-gap:200px;
text-indent:2em;
text-align:justify;
color:#666;
}
- logo{ width:1024px; margin:auto; height:45px;}
- logo img{ position:absolute;left:485px;}
- address{width:1024px; height:50px; }
- others{
margin:auto 0; width:1024px; height:130px; margin-top:650px; position: relative; }
- address p{ text-align:center; line-height:10px;}
/*提示框*/
.tooltip p {
font-size:14px;
} .tooltip{ width:150px;
padding:10px; border-radius:3px;
z-index:1;
position:absolute; box-shadow:1px 1px 10px 0 #ccc; margin: -5000px 0 0 200px; background:rgba(255,255,255,0.7); -webkit-transition:margin .5s ease-in-out; -moz-transition:margin .5s ease-in-out;}
.arrow {
position:absolute; margin:10px 0 0 50px;
width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(255,255,255,0.7); }