Difference between revisions of "Team:Tianjin/CSS Home"
Line 14: | Line 14: | ||
:root #flash_control a { filter: none\0/IE9; } | :root #flash_control a { filter: none\0/IE9; } | ||
#flash_control a i { display: block; height: 100%; width: 100%; } | #flash_control a i { display: block; height: 100%; width: 100%; } | ||
+ | #content {margin:0!} | ||
#flash_control .icon-down, #flash_control .icon-up { visibility: hidden; } | #flash_control .icon-down, #flash_control .icon-up { visibility: hidden; } | ||
#flash_control .icon-down i { background-position: -1579px 0; height: 51px; width: 51px; } | #flash_control .icon-down i { background-position: -1579px 0; height: 51px; width: 51px; } |
Revision as of 13:59, 31 August 2015
a, body, div, img, ol, i { font-size: 100%; } html, body { width:100%;height: 100%; } img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } ol { list-style: none; } li { display: list-item; }
- flash_control .icon-down i, #flash_control .icon-down i:hover, #flash_control .icon-play i, #flash_control .icon-play i:hover, #flash_control .icon-pause i, #flash_control .icon-pause i:hover, #flash_control .icon-up i, #flash_control .icon-up i:hover { background: url() no-repeat; }
- html, * html body { background-image: url(about:blank); background-attachment: fixed; zoom: 1; }
a { color: #262626; text-decoration: none; }
a:hover { color: #FF4503; text-decoration: underline; }
i { content: ; font-weight: 400; font-style: normal; text-decoration: none; } .home-full .flash { position: absolute; z-index: 600; }
- flash_control { position: fixed; z-index: 900; width: 51px; top: -9999em; right: 3em; }
#flash_control a { cursor: pointer; display: block; margin-bottom: 1px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#99000000', endColorstr='#99000000'); background: transparent; background: rgba(0,0,0,.6); }
- root #flash_control a { filter: none\0/IE9; }
- flash_control a i { display: block; height: 100%; width: 100%; }
- content {margin:0!}
- flash_control .icon-down, #flash_control .icon-up { visibility: hidden; }
#flash_control .icon-down i { background-position: -1579px 0; height: 51px; width: 51px; } #flash_control .icon-down i:hover { background-position: -1396px 0; height: 51px; width: 51px; }
- flash_control .icon-play i { background-position: -1518px 0; height: 51px; width: 51px; display: none; }
#flash_control .icon-play i:hover { background-position: -1335px 0; height: 51px; width: 51px; }
- flash_control .icon-pause i { background-position: -1457px 0; height: 51px; width: 51px; }
#flash_control .icon-pause i:hover { background-position: -1274px 0; height: 51px; width: 51px; }
- flash_control .icon-up i { background-position: -1152px 0; height: 51px; width: 51px; }
#flash_control .icon-up i:hover { background-position: -1213px 0; height: 51px; width: 51px; }
- flash_control .on .icon-down, #flash_control .on .icon-up { visibility: visible; }
- flash_control .on .icon-play i { display: block; }
- flash_control .on .icon-pause i { display: none; }
html, body { overflow: hidden; min-width: 989px; min-height: 600px; } body { position: relative; z-index: 1; } .flash li { position: absolute; overflow: hidden; z-index: 601; left: 0; } .flash .default { z-index: 605; } .flash img { width: 100%; height: 100%; }