#CACHE{24*3600} [(#REM) Ce squelette definit les styles du formulaire d'upload et des éléments alentours Note: l'entete "Vary:" sert a repousser l'entete par defaut "Vary: Cookie,Accept-Encoding", qui est (un peu) genant en cas de "rotation du cookie de session" apres un changement d'IP (effet de clignotement). ATTENTION: il faut absolument le charset sinon Firefox croit que c'est du text/html ! Il n'y a pas de ltr fournit dans l'environnement car on utilise direction_css donc : - on développe comme si on était toujours en left to right - on fait attention à rajouter les directions (padding-left, margin-right) qui seront remplacées en cas d'utilisation dans une langue rtl ] #CACHE{24*3600,cache-client} #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15} #HTTP_HEADER{Vary: Accept-Encoding} #SET{claire,#edf3fe} #SET{foncee,#3874b0} /* remember to define focus styles! */ :focus { outline: 0; } #fileupload object.swfupload{ position:absolute; left:0; } fieldset.flash { width: 375px; margin: 10px 5px; background-color: #ededed; border:none; } #em_form_upload{ margin:0 auto; } #em_message_attente{ display:none; } .upload_response { color: #909D01; font: bold 18px arial, sans-serif; margin-bottom: 5px; } .infos_videos,.infos_videos_right{ width:47%; border-right:1px solid #ccc; padding:1%; float:left; } .infos_videos_right{ border:none; } .infos_videos ul{ list-style-type:none; padding-left:15px; } object.swfupload{ cursor:pointer; } #em_message_avant_upload{ border:3px solid #E6E6E6; background:#fff; padding:5px; } .previsu_document h2{ margin:0 0 10px; } .previsu_document{ position:relative; background-color:#fff; padding:5px; margin:10px 0; } .previsu_document .em_next_prev{ float:right; } .previsu_document .spip_logos{ height:auto; } noscript.alternative_js{ display: block; background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966; margin: 10px 25px; padding: 10px 15px; } #em_upload_document #em_form_upload.formulaire_spip ul li{ padding:10px; } #em_upload_document #em_form_upload.formulaire_spip ul li#divSWFUploadUI{ padding:0px; } .em_logo_documents{ overflow:hidden; } .em_infos_documents,.em_infos_documents .type_infos{ overflow:hidden; } .em_infos_documents .type_infos{ text-align:right; } .em_infos_documents .type_infos div{ display:inline; text-align:right; } .actions-documents{ float:right; text-align:right; overflow:auto; } .actions-documents a{ display:block; float:left; margin:3px; } .actions-documents .bouton_rotation{ width:15px; height:15px; text-indent:3000em; overflow:hidden; } .actions-documents .bouton_tourner-gauche{ background:url(#CHEMIN_IMAGE{tourner-gauche-12.png}) no-repeat left center; } .actions-documents .bouton_tourner-demi-tour{ background:url(#CHEMIN_IMAGE{tourner-180-12.png}) no-repeat left center; } .actions-documents .bouton_tourner-droite{ background:url(#CHEMIN_IMAGE{tourner-droite-12.png}) no-repeat left center; } .actions-documents .em_image_zoom{ background:transparent url(#CHEMIN{images/ico_image_zoom.png}) no-repeat; background-position: 0 -20px; width:16px; height:17px; text-indent:3000em; overflow:hidden; } .actions-documents .em_image_zoom:hover{ background:transparent url(#CHEMIN{images/ico_image_zoom.png}) no-repeat top left; } .actions-documents .legende_add{ background:transparent url(#CHEMIN{images/new.png}) no-repeat top left; width:15px; height:15px; text-indent:3000em; overflow:hidden; } .ui-fileupload{ position:relative; } .ui-fileupload .drag_upload_message_container{ position:absolute; width:100%; top:0; left:0; background:#fff; background-color:rgba(255,255,255,.7); height:100%; box-shadow: 0 0 10px 0px #CCCCCC inset; } .ui-fileupload .drag_upload_message_container .drag_upload_message{ position:absolute; top:50%; left:5%; font-size:30px; text-align:center; line-height: 1em; margin-top: -1em; width:90%; color:#969696; } .formulaire_spip .info_document_icone{ position:absolute; right:0; top:0; margin:5px; margin-top:.5em; text-align:right; z-index:2000; } .formulaire_spip .info_document_icone > a{ padding:3px; background:url(#CHEMIN_IMAGE{information-16}) right center no-repeat; width:16px; height:16px; display:block; color:transparent; float:right; } .formulaire_spip .info_document_icone .infos_document{ text-align:left; padding:3px; margin:2.5em 0; clear:both; background-color:rgb(255,255,255); background-color:rgba(255,255,255,.9); border:2px solid #666; max-height:220px; overflow:auto; } .formulaire_spip .info_document_icone .infos_document .spip_logos{ float:none; } #formulaire_media_edition_lot{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #formulaire_media_edition_lot .selection_documents, #navigation_liste{ width:50%;float:left;padding:0; } #formulaire_media_edition_lot .selection_documents{ width:49%; } #formulaire_media_edition_lot .selection_documents .editer_liste_medias{ clear:both; overflow:auto; } #formulaire_media_edition_lot .selection_documents label{ margin-left:0; float: none; } #liste_medias_publication #navigation_liste ul{ clear:both; } #liste_medias_publication .item, .selection_documents .choix{ position:relative; background:#000; width:49%; margin-top:2%; float:left; clear:none; padding:0; } #liste_medias_publication .item:nth-child(even), .selection_documents .choix:nth-child(even){ float:right; } .selection_documents .choix label{ width:100%; } .selection_documents > label{ float:none; display:block; margin:10px 0; width:100%; } .formulaire_media_edition_lot > form > div > ul, .formulaire_media_edition_lot > form > div > div > ul{ padding:0; margin:0; border:none; } .selection_documents .choix .spip_logos, #liste_medias_publication .item .spip_logos{ width:96%; margin:2%; padding:0; vertical-align:bottom; float:none; border:none; height:auto; background-color:#fff; } .selection_documents .choix.selected, #liste_medias_publication li.on{ background:#4EBAFF; } #formulaire_media_edition_lot .edition_par_lot, #edition_emballe_media{ width:49%; float:right; margin:1em 0; } .content #liste_medias_publication .formulaire_spip{ max-width:100%; overflow:hidden; word-wrap: break-word; } #formulaire_media_edition_lot .boutons{ clear:both; } #liste_medias_publication{ margin-top:15px; overflow:auto; } form .edition_par_lot textarea { -moz-box-sizing: border-box; box-sizing:border-box; width: 100%; } form .edition_par_lot .markItUp .markItUpContainer .markItUpHeader{ width:inherit; } #liste_medias_publication .selection_statut{ border:none; margin-left:0; list-style-type:none; } #liste_medias_publication li.item a{ display:block; } .formulaire_spip .selection_documents .editer_medias{ margin:1em 0; padding:0; } .formulaire_spip .selection_documents .choix label{ display:block; position:relative; overflow:auto; margin:0; cursor:pointer; } .formulaire_spip .selection_documents .choix input{ display:none; } #liste_medias_publication span.titre_media, .selection_documents .choix .titre{ display:block; position:absolute; bottom:0; left:0; background:rgb(0,0,0); background:rgba(0,0,0,.8); color:#fff; width:96%; padding:2%; overflow:hidden; } #liste_medias_publication li.on .titre_media, .selection_documents .choix.selected .titre{ background-color:#4EBAFF; } .selection_documents .choix .erreur_message{ position:absolute; background:rgb(0,0,0); background:rgba(0,0,0,.8); width:96%; top:25%; margin:2%; } #liste_medias_publication li.on .spip_logos{ border-color:#4EBAFF; } #liste_medias_publication a:hover .titre_media, #liste_medias_publication li.on:hover .titre_media, .selection_documents .choix:hover .titre{ background-color:#FC575E; } #liste_medias_publication li.item:hover, .selection_documents .choix:hover { background-color:#FC575E; } .previsu_document .em_vignette a.mediabox{display:block} .previsu_document .em_vignette img{ max-width:100%; height:auto; margin:0; float:none; } #edition_emballe_media .previsu_document .em_vignette img{ width:100%; } #SET{fond,prive/#VALEUR|basename{'.html'}} [(#INCLURE{fond=#GET{fond},env,couleur_claire,couleur_foncee,lang,ltr,claire=#GET{claire},foncee=#GET{foncee},left=#GET{left},right=#GET{right},rtl=#GET{rtl},dir=#GET{dir},font-size=#GET{font-size},line-height=#GET{line-height},margin-bottom=#GET{margin-bottom},text-indent=#GET{text-indent},font-family=#GET{font-family},background-color=#GET{background-color},color=#GET{color}})]