div+css网站
/common.css/ @charset "utf-8"; /*css重置*/ body,div,dl,dt,ui,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} ul{list-style:none;} *.cf{zoom:1; padding:0;} /*公用样式*/ body{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#121212;line-height:20px;} a{color:#3576AB;text-decoration: none;} a:hover{color:#3576AB; text-decoration:none;} .fl{float:left;display:inline;} .fr{float:right;display:inline;} .w950{width:950px; margin:0 auto;} .borderbom{border-bottom:1px solid #EAEAEA;} input,label{vertical-align:middle;} /*主体内容最外层样式*/ #bd{padding:40px 0 0;} /*主要内容和侧栏样式*/ #bd .con{width:590px; overflow:hidden;} #bd .side{width:310px;overflow:hidden;} /*页面广告公共样式*/ #bd .ad{margin:0 0 10px;} #bd .ad img{display:block;} /*每个版块的头部内容的公共样式*/ .hd{height:50px;line-height:50px;} .hd h2{font-size:14px; font-weight:normal;} .hd span{margin:0 0 0 15px;} .hd span a{margin:0 15px 0 0; font-size:12px;} .hd span a:hover{color:#fff;background-color:#8fc1e9;} /*每个版块的主要内容的公共样式*/ .bd{position: relative;padding:18px 0;height: auto;overflow: hidden;} /*网站中评分星星的样式*/ .star{background:url(../img/midstars.gif) no-repeat 0 0; display:inline-block; *zoom:1;*display:inline; width:55px;height:11px;overflow:hidden;margin:0 5px;} .star10{background-position:0 0;} .star9{background-position:0 -11px;} .star8{background-position:0 -22px;} .star7{background-position:0 -33px;} .star6{background-position:0 -44px;} .star5{background-position:0 -55px;} .star4{background-position:0 -66px;} .star3{background-position:0 -77px;} .star2{background-position:0 -88px;} .star1{background-position:0 -99px;} .star0{background-position:0 -110px;} .bigstar{background:url() no-repeat 0 0; display:inline-block; *zoom:1;*display:inline; width:75px;height:14px;overflow:hidden;margin:0 5px;} .bigstar10{background-position:0 0;} .bigstar9{background-position:0 -14px;} .bigstar8{background-position:0 -28px;} .bigstar7{background-position:0 -42px;} .bigstar6{background-position:0 -56px;} .bigstar5{background-position:0 -70px;} .bigstar4{background-position:0 -84px;} .bigstar3{background-position:0 -98px;} .bigstar2{background-position:0 -112px;} .bigstar1{background-position:0 -136px;} .bigstar0{background-position:0 -140px;} .minstar{background:url() no-repeat 0 0; display:inline-block; *zoom:1;*display:inline; width:45px;height:9px;overflow:hidden;margin:0 5px;} .minstar5{background-position:0 0;} .minstar4{background-position:0 -9px;} .minstar3{background-position:0 -18px;} .minstar2{background-position:0 -27px;} .minstar1{background-position:0 -36px;} .minstar0{background-position:0 -45px;} /*页面图文列表的公共样式*/ .piclist li{float:left; display:inline;text-align:center;} .piclist li img{display:block;} .piclist li h3{font-weight:normal;margin:12px 0 10px; font-size:12px;} .piclist li .score{color:#F54D06; text-align:center;} .pic-text li{float:left;} .pic-text li img{float:left; display:inline;margin:0 10px 0 0;} .pic-text li h3{font-size:14px; margin:0 0 10px;font-weight:normal;} .pic-text li .score{color:#666;} /*播放器按钮样式*/ .play{background:url(../img/play_btn.png) no-repeat 50% 50%;} /head.css/ @charset "utf-8"; /*head*/ #hd{background-color:#EFF2F5;} #hd .nav{background-color:#535751;height:28px; line-height:28px;} #hd .nav a{color:#D6D6D4; margin:0 10px;} #hd .nav a:hover{color:#fff;} #hd .logo-search{border-bottom:1px solid #E3EBEC; padding:20px 0;} #hd .logo-search h1{background:url(../img/lg_movie_a12_2.png) no-repeat left top; width:115px; height:27px; overflow:hidden;float:left;margin:0 42px 0 0;} #hd .logo-search h1 a{display:block;width:100%;height:100%;text-indent:-999em;} #hd .logo-search input{border:0;} #hd .logo-search .searchBox{background:url(../img/nav_mv_bg.png) no-repeat left top; width:470px;height:31px;line-height:30px;padding:0 10px 2px; font-size:12px; color:#BABABA;} #hd .logo-search .searchBtn{background:url(../img/nav_mv_bg.png) no-repeat 0 -40px;width:37px;height:33px;text-indent:-999em;cursor:pointer; margin-left:-2px;} #hd .sub-nav{height:38px;line-height:38px;} #hd .sub-nav a{margin:0 18px 0 0; padding:11px 18px;} #hd .sub-nav a:hover{color:#fff; background-color:#00a0e9;} #bd{padding:40px 0 0;} #bd .list .bd{padding:5px;} /*底部样式*/ #ft{float:left;color:#999; padding:0 0 30px; margin-left:470px;line-height:30px; border-top:1px dashed #ddd; font-family:Arial;} #ft .fleft{float:left;} #ft a{margin:0 5px;} /*content.css*/ @charset "utf-8"; /*选票购座*/ .buyBtn{background:url(../img/buyBtn.gif) no-repeat 0 0; width:90px;height:24px; border:0;color:#fff; font-size:12px;text-align:center; line-height:24px;margin:10px 0 0 ;cursor:pointer; background-color:#00a0e9;} /*正在热映中的滚动按钮样式*/ .now .scroll-btn{width:100px; height:18px; line-height:18px;overflow:hidden;margin:20px 0 0;} .now .scroll-btn a{float:right;background:url(../img/slide_swithc_2.png) no-repeat left top;width:18px;height:18px;margin:0 0 0 5px;text-indent:-999em;} .now .scroll-btn .prev{background-position:0 0;} .now .scroll-btn .prev:hover{background-position:0 -18px;} .now .scroll-btn .next{background-position:-18px 0;} .now .scroll-btn .next:hover{background-position:-18px -18px;} .now .scroll-btn .num{float:right;margin:0 10px 0 0;color:#666; } /*正在热映视频海报样式*/ .now .piclist{width:700px;text-align:center; } .now .piclist li{margin:0 24px 0 0;width:128px;} .now .piclist li img{width:128px;height:180px;} .now .piclist li h3{font-size:14px;} .now .piclist li h3 a{color:#333;} /*近期热门视频海报样式*/ .hot .piclist{width:700px;} .hot .piclist li{margin:0 24px 0 0; width:128px;} .hot .piclist li img{width:128px; height:148px;} /*热门豆列版块中用户评论列表样式*/ .user .pic-text li{width:250px;margin:0 0 20px 0; line-height:24px;} .user .pic-text li h3,pic-text li p{margin:0 0 0 60px;} .user .pic-text li p{color:#666;} /*最受欢迎的影评样式*/ .comment .bd{padding-top:0} .comment .pic-text li{padding:25px 0;} /*影院搜索版块样式*/ .search-cinema{position:relative;float:left;background-color:#F5F3D2; padding:12px; margin:0;} .search-cinema .like-select{width:67px;margin:0 5px 0 0; color:#666; line-height:24px;} .search-cinema .like-select .city{width:60px; height:24px; background:url(../img/city_select_arrow.png) no-repeat 50px center #fff;border:1px solid #E0E0E0; padding:0 0 0 5px;cursor:pointer;} .search-cinema .like-select ul{padding:0 5px; background-color:#fff;border:1px solid #E0E0E0;width:55px;display:none;} .search-cinema .search{float:left;border:1px solid #E0E0E0;width:212px; height:24px;background-color:#fff;} .search-cinema .search .searchBox{border:0;font-size:12px;color:#BFBFBF; width:170px; height:22px;line-height:22px;padding:0 5px;} .search-cinema .search .searchBtn{border:0;text-indent:-999em; background:url(../img/focus_search.png) -12px 0;width:12px;height:12px;cursor:pointer; } /*每个关键词所在的li标签的样式*/ .class,.list,.top,.contact{position: relative;float: left;} .class ul li{float:left;line-height:28px; padding:0 10px;} .class ul li:hover{background-color:#ccc;color:#fff;} /*本周口碑榜样式*/ .list{width:310px;} .list ul li{border-bottom:1px solid #EAEAEA; height:33px; line-height:33px;} .list ul li span{display:inline-block;*zoom:1;*display:inline;width:20px;text-align:center;} /*豆瓣视频TOP250版块样式*/ .top .piclist{width:700px;} .top .piclist li{margin:0 11px 0 0; width:68px;} .top .piclist li img{width:68px;height:98px;} /*合作联系板块样式*/ .contact{line-height:24px;} .contact .client{background:url(../img/client_bg.gif) no-repeat 0 0; width:290px;height:40px;padding:15px 10px;margin:30px 0 0;} .contact .client h3{font-size:16px;margin:0 0 0 60px;} .contact .client h3 a{color:#214E92;} .contact .client p{color:#4D4D4D; margin:0 0 0 60px;} /*视频信息评分样式*/ .intro-star h2{color:#494949; font-size:25px;line-height:36px;} .intro-star h2 span{color:#888;} .intro-star .cover{width:310px;} .intro-star .cover img{float:left;} .intro-star .cover ul{margin:0 0 0 112px;color:#666;} .intro-star .cover ui li span{color:#111;} .intro-star .film-star{width:150px;} .intro-star .film-star .total{font-size:14px;color:#F54D06;} .intro-star .film-star ul li{font-size:10px;height:14px; line-height:14px;margin:0 0 4px 0;} .intro-star .film-star ul .scale{background:#F5CBAD; display:inline-block;*zoom:1;*display:inline;height:14px;margin:0 3px 0 0;} .intro-star .film-star .num{margin:10px 0 5px 5px;} /*视频评分/写评论样式*/ .mystar{margin:25px 0 0;} .mystar .recommend{width:40px;height:19px;text-align:center;line-height:19px;float:right; background:#F2F8F2; border:1px solid #E3F1ED;} .mystar .recommend a{color:#4F946E;} .mystar .op1 a{background:url(../img/btn.gif) no-repeat 0 center; display:inline-block;*zoom:1;*display:inline;width:49px;height:22px;line-height:21px;margin:0 10px 0 0; text-align:center;color:#000;} .mystar .op1 .givestar{vertical-align:middle;} .graystar{background:url(../img/nst.gif) no-repeat 0 center;display:inline-block;*zoom:1;*display:inline;width:15px;height:15px;vertical-align:middle;cursor:pointer;} .mystar .op2{margin:5px 0 30px 0;} .mystar .op2 a{margin:0 10px 0 0;padding:0 0 0 17px;} .mystar .op2 .brief{background:url(../img/short-comment.gif) no-repeat 0 50%;} .mystar .op2 .long{background:url(../img/add-review.gif) no-repeat 0 50%;} .mystar .op2 .share{background:url(../img/a1.png) no-repeat 100% 50%;padding:0 10px 0 0;} /*剧情简介样式*/ .synopsis h3{font-weight:normal;color:#007722;font-size:15px;} .synopsis .bd{padding:5px 0 30px;} .synopsis .bd p{text-indent:2em} /*预告片和图片的样式*/ .pic h3{font-weight:normal; color:#007722;font-size:15px;} .pic h3 span{font-size:12px;color:#666;} .pic h3 span a{margin:0 5px;} .pic .bd{padding:5px 0 30px;} .pic .bd p{text-indent:2em;} .pic .bd .piclist li{position:relative;margin:0 2px 0 0;} .pic .bd .piclist .play{width:178px;height:100px;position:absolute;top:0;left:0;cursor:pointer;} /*短评的样式*/ .filmbrief h3{font-weight:normal;color:#007722;font-size:15px;} .filmbrief h3 .isay{height:26px;text-align:center;line-height:26px;background:#FAE9DA;color:#CA6445;padding:0 10px;font-size:12px;} .filmbrief h3 span{font-size:12px;color:#666;} .filmbrief h3 span a{margin:0 5px;} .filmbrief .bd{padding:5px 0 30px;} .filmbrief .bd dl{margin:0 0 8px 0;} .filmbrief .bd dd,.filmbrief .bd dt{border-bottom:1px dashed #ddd;padding:8px 0;} .filmbrief .name em{color:#666;} /*影评样式*/ .filmlong h3{font-weight:normal;color:#007722;font-size:15px;} .filmlong h3 .isay{height:26px;text-align:center;line-height:26px;background:#FAE9DA;color:#CA6445;padding:0 10px; font-size:12px;} .filmlong h3 span{font-size:12px;color:#666;} .filmlong h3 span a{margin:0 5px;} .filmlong .bd{padding:10px 0 30px;} .filmlong .bd .comm dt{background:#F0F3F5;height:36px;line-height:36px;} .filmlong .bd .comm dt img{float:left;margin:0 15px 0 0;display:inline;} .filmlong .bd .comm dt h3{background:url(../img/review-expand.png) no-repeat right center;margin:0 20px 0 0;} .filmlong .bd .comm .dd{padding:10px 0 0;} .filmlong .name .em{color:#666;margin:0 0 0 5px;} .filmlong .ope{padding:10px 0 20px;color:#666;} .filmlong .ope a{margin:0 0 0 2px;} /*选票购座样式*/ .buy{background:#F0F3F5;padding:20px 0 10px;margin:0 0 40px 0;} .buy a{display:block;background:#268DCD;color:#fff;width:160px;height:30px;line-height:30px;text-align:center;margin:0 auto;} .buy p{text-align:center;color:#999;line-height:30px;}
转载于:https://www.cnblogs.com/kk723518/p/4816108.html
2248
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最受欢迎的影评更多热门影评
"情怀肥大症"的病理分析
《我是歌手》第二季第一场，韩磊夺冠，韦唯第二，曹格邓紫棋分居第五第六，于是网友开战了， 一方为曹格叫屈，一方说韩磊就是好来就是好。六零后的韩与九零后的邓，到底哪个更好？ 二者仅仅是风格之别无从比较，还是说风格归风格，艺术上的高低总是.....（全文）
"情怀肥大症"的病理分析
《我是歌手》第二季第一场，韩磊夺冠，韦唯第二，曹格邓紫棋分居第五第六，于是网友开战了， 一方为曹格叫屈，一方说韩磊就是好来就是好。六零后的韩与九零后的邓，到底哪个更好？ 二者仅仅是风格之别无从比较，还是说风格归风格，艺术上的高低总是.....（全文）