integration/css/common.css
changeset 73 475e5fb0ea2b
parent 65 60a1e58b0a08
child 84 0c699d2767f8
equal deleted inserted replaced
72:aa85db611fb7 73:475e5fb0ea2b
   461 .item-video .thumbnail{
   461 .item-video .thumbnail{
   462 	float: left;
   462 	float: left;
   463 	margin-right: 4px;
   463 	margin-right: 4px;
   464 	max-width: 80px;
   464 	max-width: 80px;
   465 	max-height: 60px;
   465 	max-height: 60px;
   466 	box-shadow: 2px 2px 2px #333333;
   466 	box-shadow: 1px 1px 2px #808080;
   467 }
   467 }
   468 .item-video .video-info{
   468 .item-video .video-info{
   469     margin-left: 88px;
   469     margin-left: 88px;
   470 }
   470 }
   471 .item-video .title-video{
   471 .item-video .title-video{
   484 }
   484 }
   485 .item-video .time-length span{
   485 .item-video .time-length span{
   486 	color: #de2500;
   486 	color: #de2500;
   487 }
   487 }
   488 .item-video .media-count-wrap {
   488 .item-video .media-count-wrap {
       
   489     display: none;
       
   490     height: 15px;
       
   491     left: 66px;
       
   492     position: absolute;
       
   493     text-align: right;
       
   494     top: 45px;
   489     width: 30px;
   495     width: 30px;
   490 	text-align: center;
       
   491 	position: absolute;
       
   492   	top: 45px;
       
   493   	left: 75px;
       
   494 	height: 15px;
       
   495 	display: none;
       
   496 }
   496 }
   497 .item-video .media-count{
   497 .item-video .media-count{
   498 	color: #FFF;
   498 	color: #FFF;
   499 	font-size: 10px;
   499 	font-size: 10px;
   500 	line-height: 15px;
   500 	line-height: 15px;
   501 	background-color: #ff00fc;
   501 	background-color: #ff00fc;
   502 	-webkit-border-radius: 4px;
   502 	-webkit-border-radius: 4px;
   503   	-moz-border-radius: 4px;
   503   	-moz-border-radius: 4px;
   504   	border-radius: 4px;
   504   	border-radius: 4px;
   505   	padding: 0 3px;
   505   	padding: 0 2px;
   506   	border: 1px solid #DE2500;
   506   	border: 1px solid #C81000;
       
   507   	text-shadow: 1px 1px 1px #330000;
   507 }
   508 }
   508 .item-video .subtitle{
   509 .item-video .subtitle{
   509 	margin-bottom: 2px;
   510 	margin-bottom: 2px;
   510 	color: #de2500;
   511 	color: #de2500;
   511 	font-size: 11px;
   512 	font-size: 11px;
   627 
   628 
   628 .video {
   629 .video {
   629 	background: #333333;
   630 	background: #333333;
   630 	position: relative;
   631 	position: relative;
   631 }
   632 }
   632 .video-wait  {
   633 .video-wait, .full-wait {
   633     display: none;
   634     left: 0; top: 0; width: 100%; height: 100%;
   634     position: absolute; left: 0; top: 0; width: 100%; height: 100%;
       
   635     background-color: rgba(120, 120, 140, .6);
   635     background-color: rgba(120, 120, 140, .6);
   636     background-image: url(../img/reel.gif);
   636     background-image: url(../img/reel.gif);
   637     background-position: center;
   637     background-position: center;
   638     background-repeat: no-repeat;
   638     background-repeat: no-repeat;
   639     z-index: 3;
   639 }
   640 }
   640 
       
   641 .video-wait {
       
   642     position: absolute; display: none; z-index: 3;
       
   643 }
       
   644 
       
   645 .full-wait {
       
   646     position: fixed; z-index: 300;
       
   647 }
       
   648 
   641 .widget {
   649 .widget {
   642     position: relative; 
   650     position: relative; 
   643 }
   651 }
   644 
   652 
   645 .segment-tooltip-wrapper {
   653 .segment-tooltip-wrapper {