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

Line 1: Line 1:
a, body, div, img, ol, i { border: 0;  padding: 0; font-size: 100%; }
+
a, body, div, img, ol, i { font-size: 100%; }
 
html, body { width:100%;height: 100%; }
 
html, body { width:100%;height: 100%; }
 
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
 
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

Revision as of 13:35, 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; }

  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(images/icon-sd26986d847.png) 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: 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; }
  1. flash_control a i { display: block; height: 100%; width: 100%; }
  2. 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; }
  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; } .flash li { position: absolute; overflow: hidden; z-index: 601; left: 0; } .flash .default { z-index: 605; } .flash img { width: 100%; height: 100%; }