thd/web/css/flashplayer.css
changeset 104 8e4fe6f3337d
parent 103 d2af8a210f5d
child 105 c8f710cd1fb1
equal deleted inserted replaced
103:d2af8a210f5d 104:8e4fe6f3337d
     1 /*main player=========== */
       
     2 .player-ba {
       
     3 	margin: 0;
       
     4 	padding: 0;
       
     5 	display: block;
       
     6 	width:720px;
       
     7 	height:405px;
       
     8 	text-align:center;
       
     9 }
       
    10 
       
    11 
       
    12 /* info area============ */
       
    13 .player-ba .infos {
       
    14   position: relative;
       
    15   height:40px;
       
    16   background:#000 url(../images/global/gradient/h80.png) repeat-x;
       
    17   opacity:0.7;
       
    18   color:#FFFFFF;
       
    19   margin: 0;	
       
    20   text-align:left;
       
    21   padding:10px 10px;
       
    22   font-family:arial,"bitstream vera sans","trebuchet ms";
       
    23   font-size:18px;
       
    24 }
       
    25 
       
    26 
       
    27 /* tag area============= */
       
    28 .player-ba .tags {
       
    29   position:relative;
       
    30   top: 130px;
       
    31   height:70px;
       
    32   background:#000 url(../images/global/gradient/h80.png) repeat-x;
       
    33   opacity:0.7;
       
    34   color:#FFFFFF;
       
    35   margin: 83px 0px 0px 0px;
       
    36   text-align:left;
       
    37   font-family:arial,"bitstream vera sans","trebuchet ms";
       
    38   font-size:18px;
       
    39 }
       
    40 
       
    41 
       
    42 .infos a.title {
       
    43   font-size: 24px;
       
    44   font-weight: normal;
       
    45   font-family: georgia;
       
    46   color: #FFFFFF;
       
    47 }
       
    48 
       
    49 .film-infos {
       
    50   font-size: 12px;
       
    51   line-height: auto;
       
    52   font-weight: normal;
       
    53   font-family: arial, verdana, sans-serif;
       
    54   color: #FFFFFF;
       
    55 }
       
    56 
       
    57 .infos b {
       
    58   font-weight: normal;
       
    59   color: #CCCCCC;
       
    60 }
       
    61 
       
    62 .player-ba .tags .head {
       
    63   padding: 5px;
       
    64   font-size: 14px;
       
    65   font-weight: normal;
       
    66   font-family: georgia;
       
    67   color: #FFFFFF;
       
    68 }
       
    69 
       
    70 .player-ba #play {
       
    71   position: relative;
       
    72   top: 100px;
       
    73   	/*background:#000000 url(images/buttons/btn_play.png) no-repeat;*/
       
    74 }
       
    75 
       
    76 
       
    77 
       
    78 /* PLAYERS LIST */
       
    79 .player-item {
       
    80 	margin: 0;
       
    81 	padding: 0;
       
    82 	display: block;
       
    83 	width:337px;
       
    84 	height:190px;
       
    85 	text-align:center;
       
    86 	cursor: pointer;
       
    87 }
       
    88 .player-item .infos a.title {
       
    89   font-size: 20px;
       
    90   font-weight: normal;
       
    91   font-family: georgia;
       
    92   color: #FFFFFF;
       
    93 }
       
    94 .player-item .infos {
       
    95   position: relative;
       
    96   top:0px;
       
    97   height:30px;
       
    98   background:#000 url(../images/global/gradient/h80.png) repeat-x;
       
    99   opacity:0.8;
       
   100   color:#999999;
       
   101   margin: 0;	
       
   102   text-align:left;
       
   103   padding:4px 4px;
       
   104   font-family:arial,"bitstream vera sans","trebuchet ms";
       
   105   font-size:12px;
       
   106   z-index: 1000;
       
   107 }
       
   108 .player-item .infos .film-infos {
       
   109 font-size:11px;
       
   110 }
       
   111 .player-item #play {
       
   112   position: relative;
       
   113   top: 30px;
       
   114   	/*background:#000000 url(images/buttons/btn_play.png) no-repeat;*/
       
   115 }
       
   116 .player-item .tags {
       
   117   position:relative;
       
   118   top: 22px;
       
   119   height:55px;
       
   120   background:#000 url(../images/global/gradient/h80.png) repeat-x;
       
   121   opacity:0.8;
       
   122   color:#FFFFFF;
       
   123   margin: 33px 0px 0px 0px;
       
   124   text-align:left;
       
   125   font-family:arial,"bitstream vera sans","trebuchet ms";
       
   126   font-size:14px;
       
   127   z-index: 1000;
       
   128 }
       
   129 .player-item .tags .head {
       
   130   padding: 5px;
       
   131   font-size: 12px;
       
   132   font-weight: normal;
       
   133   font-family: georgia;
       
   134   color: #FFFFFF;
       
   135 }
       
   136 
       
   137 
       
   138 /* Tags */
       
   139 .player-item ul.tag-list:after {
       
   140   content: ".";
       
   141   display: block;
       
   142   height: 0;
       
   143   overflow: hidden;
       
   144   clear: both;
       
   145   visibility: hidden;
       
   146 }
       
   147 
       
   148 .player-item ul.tag-list li {
       
   149   float: left;
       
   150   padding: 2px 5px;
       
   151   margin: 0;
       
   152 }
       
   153 
       
   154 .player-item ul.tag-list li a {
       
   155   display: block;
       
   156   font-family: Georgia, "Times New Roman", Times,serif;
       
   157   font-weight: normal;
       
   158   line-height: 16px;
       
   159   color: #666666;
       
   160 }
       
   161 
       
   162 .player-item ul.tag-list li.tag-score-1 a {
       
   163 	font-size: 10px;
       
   164 	color: #666666;
       
   165 }
       
   166 
       
   167 .player-item ul.tag-list li.tag-score-2 a {
       
   168   font-size: 12px;
       
   169   color: #666666;
       
   170 }
       
   171 
       
   172 .player-item ul.tag-list li.tag-score-3 a {
       
   173   font-size: 12px;
       
   174   color: #999999;
       
   175   font-weight: bold;
       
   176 }
       
   177 
       
   178 .player-item ul.tag-list li.tag-score-4 a {
       
   179   font-size: 14px;
       
   180   color: #CCCCCC;
       
   181 }
       
   182 
       
   183 .player-item ul.tag-list li.tag-score-5 a {
       
   184   font-size: 16px;
       
   185   color: #FFFFFF;
       
   186 }