www.gusucode.com > 在线影院小偷程序联盟多风格后台版 3.2源码程序 > images/default1.css
/*------------------------------------------------------------------*/
/* 程序开发：小偷程序内容联盟网 */
/* 官方网址：www.fjqq.cn */
/* 风格名称：红色庆典(国庆60周年特别版) */
/* 风格设计：长发帅帅 QQ:529171 */
/* 发布日期：2009年9月22日 */
/*------------------------------------------------------------------*/
body { margin:1em 0; }
/*-------------------------------------------- 布局 */
#container { width:950px; margin:0 auto; clear:both; }
#header { margin:0 0 10px 0; }
#header ul { list-style:none; clear:both; }
#header ul li { float:left; }
#logo,#bar { height:55px; }
#logo { width:240px; float:left; text-align:center; }
#bar { width:710px; float:right; padding:15px 0 0 0; }
#bar input,#bar button { float:left; }
/* 导航 */
#navigation { clear:both; height:69px; background:url('all.gif') no-repeat 0 0; position:relative }
#menu,#sub { background:#5b87d6 url('all.gif') ; width:940px; margin-left:5px; position:relative }
#menu { height:36px; background-position: 0 -138px; font-size:13px; color:white; padding:0 0 0 5px; }
#menu li,#menu a { display:block; }
#menu li { margin:7px 0 0 0; line-height:29px; height:29px; margin-bottom:-5px; }
#menu a { font-weight:bold; color:white; padding:0 5px; text-decoration:none; }
#menu a:hover { color:yellow; }
#menu li.current a { background:white; color:#5b87d6; }
#sub { height:33px; background-position: 0 -174px;}
#sub li { line-height:30px; margin:0 0 0 10px; }
#sub a { font-weight:bold; }
#navigation .rb { position:absolute; right:0; top:0; background:url('all.gif') no-repeat 0 -69px; width:5px; height:69px }
/* 影片信息 */
#tabulation,#story { width:560px; height:280px; }
#tabulation ul { list-style:disc inside; font-size:14px; line-height:2.2em; }
#tabulation ul li { height:2.2em; vertical-align:middle; }
#tabulation ul .es { width:450px; white-space:nowrap; overflow: hidden; display:-moz-inline-box; display:inline-block; }
#tabulation a { text-decoration:underline; }
#tabulation a:hover { text-decoration:none; }
#tabulation ul li img { vertical-align:middle!important;vertical-align:baseline; }
/* 剧情介绍 */
#story { overflow-y:auto; padding:0 1em; width:530px; font-size:14px; line-height:1.8em; word-wrap:break-word; }
/* 播放器 */
#player { }
/* 当前位置 */
#guide { margin:10px 0 0 0; font-size:14px; }
#guide a { text-decoration:underline; }
#guide a:hover { text-decoration:none; }
/* 连载 */
#serial { background:url('all.gif') repeat-x 0 bottom; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:2px }
#serial ul { background:#ffdde7; list-style:none; padding:6px 20px; width:910px; }
#serial ul li { float:left; width:303px; height:2.2em; line-height:2.2em; color:white; position:relative; }
#serial ul li a { font-size:14px; color:#1E1E1E; width:240px; white-space:nowrap; overflow: hidden; display:-moz-inline-stack; display:inline-block; }
#serial ul li cite { position:absolute; top:0; background:url('all.gif') no-repeat right top; width:43px; height:17px; line-height:12px; text-align:center; font-size:10px; vertical-align: top }
#footer { text-align:center; font-size:14px; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:none; }
.pack { clear:both; margin:10px 0; }
/* 过滤 */
ul.pick { list-style:none; width:948px; padding:0 0 5px 3px; }
ul.pick li { float:left; background:url('all.gif') no-repeat 0 -277px; height:20px; border:1px solid #FF3333; margin-left:3px !important; margin-right:0 !important; margin-top:0 !important; margin-bottom:0 !important }
ul.pick li a { border:1px solid #FF3333; display:block; line-height:18px; padding:0 4px; color:white; text-decoration:none; }
ul.pick li a:hover { background:#FF3333 url('all.gif') no-repeat 0 -300px; border:1px solid #FF3333; text-decoration:none }
/*-------------------------------------------- column */
.column-1,.column-2,.column-3 { border:1px solid #BEBEBE; background:white; }
.column-3 { width:948px; position: relative; }
.column-1 { float:left; width:720px; }
.column-2 { float:right; width:220px; }
.column-1 ul, .column-2 ul { list-style:none; }
.column-1 ul { padding:0 0 0 2px; }
.column-1 ul li { width:143.6px; height:185px; text-align:center;float:left;margin:5px 0 0 16px;display:inline }
.column-1 ul img { width:120px; height:150px; display:block; margin:0 auto; }
.column-1 ul img { border-left:1px solid #EEEEEE; border-right:1px none #EEEEEE; border-top:1px solid #EEEEEE; border-bottom:1px none #EEEEEE; background:url('shadow.gif') no-repeat right bottom; padding-left:4px; padding-right:10px; padding-top:4px; padding-bottom:10px }
.column-1 ul li a img:hover { background:orange url('shadow.gif') no-repeat right bottom; }
.column-1 .mt { display:block; width:130px; white-space:nowrap; overflow: hidden; cursor:pointer; }
.column-2 ul { list-style: disc inside; line-height:26px; padding:0 5px 6px 5px; }
.column-2 ul li { position: relative; line-height:25px; height:25px; }
.column-2 ul li a { width:150px; white-space:nowrap; overflow: hidden; display:-moz-inline-stack; display:inline-block; }
.column-2 ul li a:hover { text-decoration:underline; color:red; }
.column-2 ul li cite { position: absolute; right:0; top:0; line-height:25px; height:25px; }
.column-1 ul { float:left;width:480px }
/*-------------------------------------------- list */
ul.grid,ul.gridIndex { list-style:none; }
ul.grid-2 { width:948px; }
ul.grid { width:720px; }
ul.grid li { height:170px; width:359px; text-align:left; float:left; border-bottom:1px solid #EEE;margin:5px 0 0 0 }
ul.grid li img { text-align:left; margin:0; }
ul.grid .thumb { float:left; padding:0 5px 0 5px; }
ul.grid .subject,ul.grid .info { display:block; width:210px; white-space:nowrap; overflow: hidden; line-height:2.6em; }
ul.grid .subject a { font-size:14px; font-weight:bold; color:#346ACC; }
ul.grid .subject a:link,
ul.grid .subject a:hover,
ul.grid .subject a:active { color:black }
ul.grid .subject a:visited { color:gray; }
ul.gridIndex { list-style:none;width:500px;float:left }
ul.gridIndex li { height:185px; width:500px; text-align:left; float:left; }
ul.gridIndex li img { text-align:left; margin:0; }
ul.gridIndex .thumb { float:left; padding:0 5px 0 5px; }
ul.gridIndex .subject,ul.gridIndex .info { display:block; width:350px; white-space:nowrap; overflow: hidden; line-height:2.6em; }
ul.gridIndex .subject a { font-size:14px; font-weight:bold; color:#346ACC; }
ul.gridIndex .subject a:link,
ul.gridIndex .subject a:hover,
ul.gridIndex .subject a:active { color:black }
ul.gridIndex .subject a:visited { color:gray; }
ul.gridIndex .button-p { margin:0 0 0 20px }
ul.listSide { line-height:24px;width:205px;float:right;display:inline;background:url('all.gif') no-repeat left -375px;; list-style-type:none; margin-left:8px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:25px; padding-right:0; padding-top:5px; padding-bottom:0 }
ul.listSide li { text-align:left;padding:0;margin:0;height:24px;width:200px;white-space:nowrap;overflow:hidden }
ul.grid-2 li { float:left; width:227px; line-height:2em; white-space:nowrap; overflow:hidden; margin:0 0 0 10px }
.grid-3 { border-spacing:1px; }
.grid-3 td,.grid-3 th { padding:0 5px; }
.grid-3 td { background:#EFF5FF; padding:3px 5px; border-bottom:1px solid #DDD; }
.grid-3 tbody tr.row td { background:white; }
.grid-3 thead th { line-height:20px; border-bottom:1px solid #DDD; color:gray; }
ul.list { list-style:none; width:948px; clear:both; margin:2px 0 0 0; }
ul.list li { float:left; width:70px; text-align:center; height:20px; border:1px solid #FF71A3; background:#FF3333 url('all.gif') no-repeat 0 -277px;; margin-left:6px; margin-right:0; margin-top:0; margin-bottom:5px }
ul.list li a { display:block; height:18px; line-height:18px; border:1px solid #FF3333; font-weight:bold; color:white; text-decoration:none; }
ul.list li a:link,ul.list li a:active { text-decoration:none; }
ul.list li a:hover { background:#FF3333 url('all.gif') no-repeat 0 -301px; border:1px solid #FF3333; text-decoration:none }
ul.list li a:visited { background:gray url('all.gif') no-repeat 0 -324px; border:1px solid #888; color:#666 }
/* 分页 */
#pages { background:#F6F6F6; height:26px; border-bottom:1px solid white; width:100%; clear:both; padding:4px 0 0 0; }
#pages ul { float:right; }
#pages li { width:auto; margin:0 .3em; height:20px; line-height:20px;background:#EEE url('all.gif') no-repeat 0 -319px; border:1px solid #FF71A3 }
#pages li a { display:block; padding:0 5px; border:1px solid #DDD; line-height:18px;text-decoration:none; font-weight:bold; }
#pages li a:hover { background:#FF894F url('all.gif') no-repeat 0 -299px; border:1px solid #FF3333; color:white }
#pages li.info,#pages li.current,
#pages li.current a,
#pages li.current a:hover { background:none; border:none; }
#pages li.current a:hover { color:red; }
/*-------------------------------------------- 元素 */
.head { background:url('all.gif') repeat-x 0 -240px; height:33px; font-size:14px; padding-left:0; padding-right:1em; padding-top:0; padding-bottom:0 }
.normal { background:#DDD; float:left; height:28px; line-height:28px; padding:0 1em; color:white; font-weight:normal; }
.title,.hover a { background:url('all.gif') no-repeat center -207px; float:left; height:33px; line-height:28px; color:white; font-weight:normal; padding-left:1em; padding-right:1em; padding-top:0; padding-bottom:0 }
.title-2 { background:url('all.gif') no-repeat center -342px; float:left; height:33px; line-height:28px; color:white; font-weight:bold; padding-left:1em; padding-right:1em; padding-top:0; padding-bottom:0 }
.type-title { line-height:29px; color:#c30765; font-weight:bold;; padding:0 1em; }
.helprow { padding:1em; line-height:2em; }
.helprow h3 { font-size:14px; font-weight:bold; color:#06C; }
.helprow ol { list-style-position: inside; margin:0 0 0 2em;}
.helplist { list-style:none; border:1px solid #CC0; background:#FFC; padding:4px;margin:0 0 1em 0; font-size:14px; }
.gap-3 { margin:5px 0 5px 5px; }
.gap-2 { margin:5px 5px 5px 0; }
.gap-ten { margin:10px 0 0 0; }
.dr { float:right; }
.dl { float:left; }
.des { line-height:28px; font-size:12px; color:blue; }
.des a { font-size:12px; color:blue; }
.into { font-size:12px; }
.into label { float:left; line-height:29px; }
.into input { margin:2px 0 0 0; }
.head .dr a { font-size:12px; line-height:30px; color: #CC33FF; font-weight:bold}
.type-red,.type-red a { color:red; }
.type-blue,.type-blue a { color:blue; }
.type-grey,.type-grey a { color:gray; }
.type-green,.type-green a { color:green; }
.type-orange,.type-orange a { color:orange; }
/*-------------------------------------------- 按扭 */
.submit { border:none; background:none; white-space:nowrap; width:60px; margin:-1px 0 0 0; }
.submit span { border:1px solid #FF71A3; display:block; background:url('all.gif') no-repeat 0 -277px; height:20px }
.submit div { border:1px solid #FF71A3; color:white; text-align:center; font-size:12px; height:18px; line-height:18px; }
.button-h,.button-h a { display:block; height:20px;height:20px; color:white; }
.button-h { background:url('all.gif') no-repeat 0 -300px; border:1px solid #FF71A3; float:right; height:20px;height:20px }
.button-h a { border:1px solid #DA0000; padding:0 8px; height:18px;height:18px; }
.button-p,.button-p a { display:block; }
.button-p { background:#FF3333 url('all.gif') no-repeat 0 -277px; border:1px solid #FF71A3; height:20px; width:80px; margin-left:180px; margin-right:0; margin-top:0; margin-bottom:0 }
.button-p a { border:1px solid #FF3333; line-height:18px; text-align:center; color:white; font-weight:bold; }
#lz a,#dm a,#zy a { font-size:12px; display:-moz-inline-stack; display:inline-block;height:18px; line-height:18px; padding:0 5px; background:#FF3333; border:1px solid #FF71A3; color:white; font-weight:bold; margin:3px 0 0 0; }
/*-------------------------------------------- Q&A */
ul.qa { list-style:disc inside; font-size:14px; padding:1em; line-height:2em; width:948px; }
ul.qa li { height:2em; }
ul.qa li.row { background:#FFC; }
ul.qa li a { font-weight:bold; color:blue; text-decoration:underline; }
ul.qa li a:hover { text-decoration:none; }
/*-------------------------------------------- 链接 */
#links { padding:.3em 1em; margin:0 0 10px 0; }
#links a { padding:0 .3em; }
/*-------------------------------------------- 广告 */
.pay,#links { border:1px solid #BEBEBE; background:white; clear:both; }
.pay { width:948px; overflow:hidden; }
.pay360 { border:1px solid #BEBEBE; width:360px; height:280px; }
.payside { text-align:center; }
/*-------------------------------------------- 清除浮动 */
.fix:after { content:"."; height:0; display:block; visibility:hidden; clear:both; }
/*-------------------------------------------- 新增加 */
#ent { width:950px }
#ent ul { height:auto;width:948px;float:none; }
#ent ul li { margin:5px 0 0 12px; }