front_idill/src/mosaic/css/mosaic.less
changeset 93 417d4b573bc8
parent 85 b244a7bc0844
child 95 63aaf895ea3a
equal deleted inserted replaced
87:34afef0f9e18 93:417d4b573bc8
   295 }
   295 }
   296 
   296 
   297 /*
   297 /*
   298  * Panneau d'aide
   298  * Panneau d'aide
   299  */
   299  */
   300 #notify_help, #notify_credits
   300 #notify_help
   301 {
   301 {
   302 	position: absolute;
   302 	position: absolute;
   303 	margin: @notify-help-margin;
   303 	margin: @notify-help-margin;
   304 	border-style: solid;
   304 	border-style: solid;
   305 	border-width: @notify-help-border-width;
   305 	border-width: @notify-help-border-width;
   306 	border-color: #fff;
   306 	border-color: #fff;
   307 	background-color: @notify-help-background-color;
   307 	background-color: @notify-help-background-color;
       
   308 }
       
   309 
       
   310 /*
       
   311  * Crédits
       
   312  */
       
   313 #notify_credits
       
   314 {
       
   315 	position: absolute;
       
   316 	margin: @notify-help-margin;
       
   317 	padding: @notify-help-margin;
       
   318 	border-style: solid;
       
   319 	border-width: @notify-help-border-width;
       
   320 	border-color: #fff;
       
   321 	background-color: #D1D2D4;
       
   322 }
       
   323 
       
   324 /*
       
   325  * Flèches pour naviguer dans les crédits.
       
   326 */
       
   327 .credits_arrows, .help_details_arrows
       
   328 {
       
   329 	position: absolute;
       
   330 	width: 50px;
       
   331 	height: 50px;
       
   332 	background-size: 50px 50px;
       
   333 	background-repeat: no-repeat;
       
   334 	opacity: 0;
       
   335 }
       
   336 
       
   337 /*
       
   338  * Flèche du haut pour naviguer dans les crédits.
       
   339 */
       
   340 #credits_upArrow
       
   341 {
       
   342 	background-image: url('../../img/upArrow.png');
       
   343 }
       
   344 
       
   345 /*
       
   346  * Flèche du bas pour naviguer dans les crédits.
       
   347 */
       
   348 #credits_downArrow
       
   349 {
       
   350 	background-image: url('../../img/downArrow.png');
       
   351 }
       
   352 
       
   353 /*
       
   354  * Flèche du haut pour naviguer dans les détails du panneau d'aide.
       
   355 */
       
   356 #help_details_upArrow
       
   357 {
       
   358 	background-image: url('../../img/upArrow.png');
       
   359 }
       
   360 
       
   361 /*
       
   362  * Flèche du bas pour naviguer dans les détails du panneau d'aide.
       
   363 */
       
   364 #help_details_downArrow
       
   365 {
       
   366 	background-image: url('../../img/downArrow.png');
   308 }
   367 }
   309 
   368 
   310 /*
   369 /*
   311  * Colonne de recherche du panneau d'aide.
   370  * Colonne de recherche du panneau d'aide.
   312 */
   371 */
   480 	width: 50px;
   539 	width: 50px;
   481 	height: 50px;
   540 	height: 50px;
   482 	position: absolute;
   541 	position: absolute;
   483 	margin: 20px;
   542 	margin: 20px;
   484 }
   543 }
       
   544 
       
   545 #credits_title
       
   546 {
       
   547 	font-weight: bold;
       
   548 	font-size: 30px;
       
   549 }
       
   550 
       
   551 #credits_subtitle
       
   552 {
       
   553 	font-size: 25px;
       
   554 }
       
   555 
       
   556 .credits_film
       
   557 {
       
   558 	font-weight: bold;
       
   559 	font-size: 22px;
       
   560 }
       
   561 
       
   562 .credits_body
       
   563 {
       
   564 	font-size: 20px;
       
   565 }
       
   566 
       
   567 .credits_text
       
   568 {
       
   569 	color: #000000;
       
   570 }