integration/css/common.css
changeset 84 0c699d2767f8
parent 73 475e5fb0ea2b
child 86 4857ac3892e3
equal deleted inserted replaced
83:fa742e491ce1 84:0c699d2767f8
   207 	width: 960px;
   207 	width: 960px;
   208 	min-height: 750px;
   208 	min-height: 750px;
   209 }
   209 }
   210 /* popin */
   210 /* popin */
   211 .popin{
   211 .popin{
   212 	padding-top: 12px;
   212 	margin-top: 12px;
   213 	position: absolute;
   213 	position: absolute;
   214 	top: 0;
   214 	top: 0;
   215 	z-index: 10;
   215 	z-index: 10;
       
   216     display: none;
   216 }
   217 }
   217 .pointer{
   218 .pointer{
   218 	position: absolute;
   219 	position: absolute;
   219 	width: 20px;
   220 	width: 20px;
   220 	height: 13px;
   221 	height: 13px;
   221 	background: url(../img/popin-triangle.png);
   222 	background: url(../img/popin-triangle.png);
   222 	top: 0;
   223 	top: -12px;
   223 }
   224 }
   224 .popin-content{
   225 .popin-content{
   225 	padding: 8px;
   226 	padding: 8px;
   226 	border: 1px solid #867a97;
   227 	border: 1px solid #867a97;
   227 	background: url(../img/bg-jaune.png);
   228 	background: url(../img/bg-jaune.png);
   240 .popin-content input[type=password] {
   241 .popin-content input[type=password] {
   241     line-height: 20px;
   242     line-height: 20px;
   242     height: 20px;
   243     height: 20px;
   243 }
   244 }
   244 /* popin - user */
   245 /* popin - user */
   245 
       
   246 .popin {
       
   247     display: none;
       
   248 }
       
   249 
       
   250 .user.popin{
   246 .user.popin{
   251 	top: 55px;
   247 	top: 55px;
   252 	right: 0;
   248 	right: 0;
   253 }
   249 }
   254 .user.popin .pointer{
   250 .user.popin .pointer{
   379 .video-item{
   375 .video-item{
   380 	width: 300px;
   376 	width: 300px;
   381 	float: left;
   377 	float: left;
   382 	margin-right: 20px;
   378 	margin-right: 20px;
   383 }
   379 }
   384 
       
   385 .video-item h3{
   380 .video-item h3{
   386 	font-size: 12px;
   381 	font-size: 12px;
   387 }
       
   388 .video-item h3 strong{
       
   389 	font-weight: 600;
       
   390 }
       
   391 .video-item h3 span{
       
   392 	color: #de2500;
       
   393 }
   382 }
   394 .video-item .screenshot{
   383 .video-item .screenshot{
   395 	display: inline-block;
   384 	display: inline-block;
   396 	margin-bottom: 8px;
   385 	margin-bottom: 8px;
   397 }
   386 	background: #ffffff;
   398 .video-item h3 a{
   387 }
   399 	border-bottom: 1px solid #bababa;
   388 .video-item .screenshot:hover {
   400 	display: inline-block;
   389     opacity: .8; filter:alpha(opacity=80);
   401     line-height: 12px;
   390 } 
   402 }
   391 .video-item a.author{
   403 .video-item h3 a:hover{
   392     color: #7628DF; text-decoration: underline;
   404 	border-bottom: none;
   393 }
       
   394 .video-item a.author:hover{
       
   395     text-decoration: none;
       
   396 }
       
   397 .video-item a.title{
       
   398     color: #30036D; font-weight: 600; text-decoration: none;
       
   399 }
       
   400 .video-item a.title:hover{
       
   401     text-decoration: underline;
       
   402 }
       
   403 .video-item .duration {
       
   404     color: #C81000;
   405 }
   405 }
   406 .pagination{
   406 .pagination{
   407 	text-align: center;
   407 	text-align: center;
   408 }
   408 }
   409 .pagination a{
   409 .pagination a{