Difference between revisions of "Team:Tianjin/CSS Home"

Revision as of 06:09, 1 September 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; }

1. 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; }

1. flash_control { position: fixed; z-index: 999; 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; }

1. flash_control a i { display: block; height: 100%; width: 100%; }
2. content {margin:0 !important}
3. flash_control .icon-down, #flash_control .icon-up { visibility: hidden; }

   #flash_control .icon-down i { background-position: -1579px 0; height: 51px; width: 51px;z-index: 999 }
       #flash_control .icon-down i:hover { background-position: -1396px 0; height: 51px; width: 51px; }

1. 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; }

1. 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; }

1. 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; }

1. flash_control .on .icon-down, #flash_control .on .icon-up { visibility: visible; }
2. flash_control .on .icon-play i { display: block; }
3. flash_control .on .icon-pause i { display: none; }

html, body { overflow: hidden; min-width: 989px; min-height: 600px; } body { position: relative; z-index: 1;background-color: #000; } .flash li { position: absolute; overflow: hidden; z-index: 601; left: 0; } .flash .default { z-index: 605; } .flash img { width: 100%; height: 100%; }