"
Team:UESTC Life/css/style dock.css
From 2013.igem.org
| Line 1: | Line 1: | ||
#dock { | #dock { | ||
| - | + | display: block; | |
| - | + | ||
/* margin: 30px auto; */ | /* margin: 30px auto; */ | ||
margin: 0px auto; | margin: 0px auto; | ||
| Line 10: | Line 9: | ||
#dock ul { | #dock ul { | ||
| - | margin: 0px | + | margin: 0px 60px; |
padding: 0px; | padding: 0px; | ||
list-style: none; | list-style: none; | ||
| Line 52: | Line 51: | ||
position: relative; | position: relative; | ||
overflow: visible; | overflow: visible; | ||
| - | + | ||
} | } | ||
| Line 79: | Line 78: | ||
padding-top: 40px; | padding-top: 40px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
| - | overflow: visible;top: | + | overflow: visible; top: -10px;/* 注释内容2 */ |
} | } | ||
| Line 95: | Line 94: | ||
padding: 4px 12px; | padding: 4px 12px; | ||
background-color: #ddd;/* 注释内容2 */ | background-color: #ddd;/* 注释内容2 */ | ||
| - | + | top: 30px;/* 注释内容2 */ | |
| - | opacity: | + | opacity: 0.; |
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; | ||
margin: 0px auto; | margin: 0px auto; | ||
| - | top: - | + | top: -0px; |
border-radius: 10px; | border-radius: 10px; | ||
| Line 109: | Line 108: | ||
#dock li a:hover span { | #dock li a:hover span { | ||
| - | display: inline-block;top: | + | display: inline-block;top: 20px;/* 注释内容2 */ |
| + | } | ||
#dock li a:hover span:after { | #dock li a:hover span:after { | ||
| Line 115: | Line 115: | ||
height: 9px; | height: 9px; | ||
color: transparent; | color: transparent; | ||
| - | + | /* 注释内容2 */ background: transparent url("https://static.igem.org/mediawiki/2013/2/25/Uestclifebiot_span.png") center top no-repeat; | |
position: absolute; | position: absolute; | ||
content: ""; | content: ""; | ||
| Line 134: | Line 134: | ||
border: 0px none; | border: 0px none; | ||
/* margin-bottom: 15px; */ | /* margin-bottom: 15px; */ | ||
| - | margin-bottom: | + | margin-bottom: 5px; |
box-reflect: below 1px gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.1))); | box-reflect: below 1px gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.1))); | ||
Revision as of 14:30, 28 August 2013
- dock {
display: block;
/* margin: 30px auto; */ margin: 0px auto; width: 100%; text-align: center; overflow: hidden; }
- dock ul {
margin: 0px 60px;
padding: 0px;
list-style: none;
height: 198px;
line-height: 198px;
text-align: center;
white-space: nowrap;
display: inline-block;
/* background: url("
") bottom left repeat-x; */
}
- dock ul:before,
- dock ul:after {
content: ""; color: transparent; display: inline-block; width: 0px; padding-top: 60px; margin-top: -60px; vertical-align: bottom; }
- dock ul:before {
padding-left: 60px;
margin-left: -60px;
/* background: url("
") bottom left repeat-x; */
}
- dock ul:after {
padding-right: 60px;
margin-right: -60px;
/* background: url("
") bottom right repeat-x; */
}
/* Dock Icons */
- dock li {
display: inline-block; vertical-align: bottom; margin: 0px; padding: 0px; position: relative; overflow: visible;
}
- dock li.seperator {
background: url("
") bottom left no-repeat;
width: 20px;
height: 158px;
position: relative;
vertical-align: bottom;
}
- dock li a {
height: 153px; width: 48px; display: inline-block; text-align: center; position: relative; vertical-align: bottom; text-decoration: none; color: black; white-space: normal; letter-spacing: normal; line-height: 1.3em; text-align: center; font-family: Arial; padding-top: 40px; margin-bottom: 5px; overflow: visible; top: -10px;/* 注释内容2 */ }
body.no_js #dock li a:hover { width: 128px !important; }
- dock li a span {
position: relative; line-height: 1.3em; display: none; text-align: center; font-weight: bold; font-size: 200%; padding: 4px 12px; background-color: #ddd;/* 注释内容2 */ top: 30px;/* 注释内容2 */ opacity: 0.; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
margin: 0px auto;
top: -0px;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
- dock li a:hover span {
display: inline-block;top: 20px;/* 注释内容2 */ }
- dock li a:hover span:after {
display: block;
height: 9px;
color: transparent;
/* 注释内容2 */ background: transparent url("
") center top no-repeat;
position: absolute;
content: "";
text-align: center;
margin: 0px;
padding: 0px;
width: 100%;
margin-left: -16px;
}
- dock li a img {
height: auto; width: 100%; position: absolute; left: 0px; bottom: 10px; text-align: center; border: 0px none; /* margin-bottom: 15px; */ margin-bottom: 5px;
box-reflect: below 1px gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.1))); -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.1))); -moz-box-reflect: below 1px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.1))); }
