/* Global properties ======================================================== */ body { background:#6f599c; background-image:url(../images/bg.jpg) ; text-align:left; } /* Global Structure ============================================================= */ /* Header */ #header{ position:absolute; left:0px; top:5px; overflow:hidden; height:70px; font-family:Microsoft YaHei; font-weight: 900; font-size:40px; padding-bottom:5px; width: 100%; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } #myContent{ position:absolute; left:80px; top:130px; overflow:hidden; text-shadow: 2px 3px 3px #000; font-family:Microsoft YaHei; font-style:italic; font-weight:500; font-size:20px; color:#CCCCCC; } #container{ overflow:hidden; position:absolute; left:630px; top:220px; width:650px; opacity:0; filter:alpha(opacity=0.7) } #title{ position:absolute; left:28%; top:0px; padding:10px; overflow:hidden; text-shadow: 2px 3px 3px #222; color:#CCCCCC; } #footer { position:absolute; left:32%; top:91%; overflow:hidden; text-shadow: 2px 3px 3px #222; font-family:Microsoft YaHei; font-style:italic; font-size:20px; color:#CCCCCC; } #time{ position:absolute; left:750px; top:400px; overflow:hidden; } #show{ color:#CCCCCC; text-shadow: 2px 3px 3px #222; font-family:Microsoft YaHei; font-style:italic; font-size:20px; } #bg{ overflow:hidden; } .roundabout-holder { width:600px; height:400px; margin:0 auto; } .roundabout-moveable-item { width: 350px; height: 222px; cursor: pointer; border:3px solid #ccc; border:3px solid rgba(0, 0, 0, 0.08); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .roundabout-moveable-item img{ width:100%; } .roundabout-in-focus { border:3px solid rgba(0, 0, 0, 0.2); } ol, ul { list-style: none; } img { vertical-align:top; } .spanstyle{ color:#CCFF99; font-family:courier; text-shadow: 2px 2px 1px #222; font-style:italic; font-weight:600; font-size:20px; position:absolute; /* 绝对定位 */ top:-50px; overflow:hidden; }