[SPIP][PLUGINS] v3.0-->v3.2
[lhc/web/www.git] / www / plugins-dist / medias / prive / style_prive_plugin_medias.html
index a17554c..ba5a227 100644 (file)
 .formulaire_editer_document .editer_apercu .tourner {display:block;float:#GET{right};}
 .formulaire_editer_document .editer_apercu .tourner input.image {padding:5px;border:1px solid #eee;}
 
+.formulaire_joindre_document {margin-top: 0}
 .formulaire_joindre_document .sourceup {}
 .formulaire_joindre_document .infos {}
 .formulaire_joindre_document .deballer_zip ul {font-size:0.9em;}
 .formulaire_joindre_document .deballer_zip ul ul {font-size:1em;}
 .formulaire_joindre_document .deballer_zip ol {padding-#GET{left}:0;margin:0;word-wrap:break-word;}
+.lat .formulaire_joindre_document { margin-top: [(#ENV{margin-bottom}|strmult{1.5})em]; }
 .lat .formulaire_joindre_document .deballer_zip ol {max-width: 185px;}
 
 .formulaire_joindre_document .deballer_zip .editer_options_upload_zip li {padding:0;}
 .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .erreur_message {margin-bottom:1em;}
-#navigation .formulaire_joindre_document .sourceup, #extra .formulaire_joindre_document .sourceup {font-size:0.9em;}
+#navigation .formulaire_joindre_document .sourceup, #extra .formulaire_joindre_document .sourceup {font-size:0.85em;}
 #navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip > label,
 #extra .formulaire_joindre_document .deballer_zip .editer_options_upload_zip > label {float:none;}
 #navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .choix input,
 .onglets_simple .medias .audio a,.onglets_simple .medias .audio strong {padding-left:27px;background: url(#CHEMIN_IMAGE{media-audio-16.png}) no-repeat 5px center;}
 .onglets_simple .medias .video a,.onglets_simple .medias .video strong {padding-left:27px;background: url(#CHEMIN_IMAGE{media-video-16.png}) no-repeat 5px center;}
 
-.onglets_simple.second ul.distant li.first,.onglets_simple.second ul.brises li.first,.onglets_simple.second ul.sanstitre li.first {margin-#GET{left}:10px;}
+.onglets_simple.second ul.distant li.first,.onglets_simple.second ul.brises li.first,.onglets_simple.second ul.sanstitre li.first {margin-#GET{left}:30px;}
 
 .choix-type, .choix-type li {display:inline;list-style:none;margin:0;padding:0;}
 .choix-type {margin:1em 0;padding:0;}
 
+
 a.bouton_fermer {display:block;text-align:#GET{right};}
 
-.galerie { float: none; width: 100%; padding:0;}
-.galerie .pagination {clear:both;}
-.galerie table { width: 100%; border: none; }
-.galerie table thead { background: [#(#GET{foncee}|couleur_foncer)];color:#fff; }
+.galerie { float: none; width: 100%; padding:0;margin-bottom: #ENV{margin-bottom};}
+.galerie .pagination {clear:both;font-size:0.95em;}
+.galerie .pagination + .pagination {border-top: 0;margin-top:-1px;}
+.galerie table { width: 100%; border: none; margin-bottom: 0}
+.galerie table thead,.galerie table thead th  { background: #e5e5e5;background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e0e0e0));background-image: -webkit-linear-gradient(top, #f0f0f0, #e0e0e0);background-image: -moz-linear-gradient(top, #f0f0f0, #e0e0e0);background-image: -ms-linear-gradient(top, #f0f0f0, #e0e0e0);background-image: -o-linear-gradient(top, #f0f0f0, #e0e0e0);background-image: linear-gradient(top, #f0f0f0, #e0e0e0);filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#e0e0e0');}
 .galerie table tbody tr:hover { background: [#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
 .galerie table td { min-height: 100px; vertical-align: top; }
 .galerie table th, .galerie table td { padding: 0.5em .3em; border-bottom: 1px solid #ccc; }
@@ -123,7 +127,7 @@ p.actions {clear:both;}
 #documents_joints .item .type {font-size:x-small;}
 #documents_joints .item .raccourcis {font-size:x-small;padding:2px;}
 #documents_joints .item .raccourcis span {display:block;font-weight:bold;text-align:left;}
-#documents_joints .item div.mode {text-align:right;}
+#documents_joints .item div.mode {text-align:right;font-size:x-small;}
 #documents_joints .item .actions {display:block;text-align:right;font-size:x-small;}
 .lte7 #documents_joints .item div.mode button,.lte7 #documents_joints .item .actions button {font-size: 11px;}
 #documents_joints .item .tourner {display:block;float:#GET{right};}
@@ -132,46 +136,225 @@ p.actions {clear:both;}
 
 #documents_joints .item .actions > *,
 #documents_joints .item .tourner,
-#documents_joints .item .mode {opacity:0.1;-moz-opacity:0.1;}
-#documents_joints .item .actions a.editbox {visibility:visible;opacity:1;-moz-opacity:1;font-weight:bold;}
+#documents_joints .item .mode {opacity:0.4;}
+#documents_joints .item .actions .deplacer-modifier {visibility:visible;opacity:1;font-weight:bold;}
 #documents_joints .item:hover .actions > *,
 #documents_joints .item:hover .tourner,
 #documents_joints .item:hover .mode,
 #documents_joints .item.hover .actions > *,
 #documents_joints .item.hover .tourner,
-#documents_joints .item.hover .mode {visibility:visible;opacity:1;-moz-opacity:1;}
-
-#portfolios {}
-#portfolios h3 {background-color:#GET{claire};padding:2px 10px;color:#000;margin-bottom:0;}
-#portfolios .liste_items {margin-top:0;}
-#portfolios .item {clear:both;padding-#GET{left}:160px;padding-#GET{right}:2px;}
-#portfolios .item .tourner {display:block;float:#GET{right};}
-#portfolios .item .tourner button {border:1px solid #999;padding:0;display:block;float:#GET{left};margin-#GET{left}:4px;}
-
-#portfolios .item .vignette {margin-#GET{left}:-160px; width: 150px; text-align: center; float:#GET{left};}
-.ie6 #portfolios .item .spip_logos {display:inline;position:relative;}
-#portfolios .item .titrem {margin:0 0 5px;font-size:1em;}
-#portfolios .item .titrem .fichier {font-weight:normal;font-size:0.9em;font-style:italic;}
-#portfolios .item .titrem .titre {display:block;font-size:1.1em;}
-#portfolios .item .infos {display:block;float:#GET{left};}
-#portfolios .item div.mode {display:block;float:#GET{right};clear:#GET{right};margin-top:-1.5em;position:relative;padding:0.2em 0.2em 0;padding-#GET{right}:0;}
-#portfolios .item .actions {display:block;float:#GET{right};clear:#GET{right};position:relative;}
-#portfolios .item div.mode,#portfolios .item .actions,
-#portfolios .item div.mode button,#portfolios .item .actions button {font-size:x-small;}
-
-#portfolios .item .actions > *,
-#portfolios .item .tourner,
-#portfolios .item .mode {opacity:0.1;-moz-opacity:0.1;}
-#portfolios .item .actions a.editbox {visibility:visible;opacity:1;-moz-opacity:1;font-weight:bold;}
-#portfolios .item:hover .actions > *,
-#portfolios .item:hover .tourner,
-#portfolios .item:hover .mode {visibility:visible;opacity:1;-moz-opacity:1;z-index:1000;background:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];}
-#portfolios .item.hover .actions > *,
-#portfolios .item.hover .tourner,
-#portfolios .item.hover .mode {visibility:visible;opacity:1;-moz-opacity:1;z-index:1000;}
-
-#portfolios .item .titre > .sanstitre {opacity:0.1;-moz-opacity:0.1;}
-
-#portfolios .tout_supprimer span {display:block;text-align:#GET{right};}
-
-.item.vu_oui {background:#f9f9f9;}
\ No newline at end of file
+#documents_joints .item.hover .mode {visibility:visible;opacity:1;}
+
+.portfolios {}
+.portfolios h3 {background-color:#GET{claire};padding:2px 10px;color:#000;margin-bottom:0;}
+.portfolios .liste_items {margin-top:0;}
+.portfolios .liste_items .pagination { clear:both; width:100%; }
+.portfolios .liste_items > .pagination:first-child {  margin-top:0; margin-bottom:.6925em; }
+.portfolios .item { clear:both; }
+.portfolios .item .presentation { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; width:100%; }
+.portfolios .item .vignette { width: 150px; min-width:150px; text-align: center; }
+.portfolios .item .descriptions {  display:-webkit-box;  display:-ms-flexbox;  display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-#GET{right}: 0.6925em; margin-#GET{left}:1em; width: 100%; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; }
+.portfolios .item .titrem .vu { float:left; margin-#GET{right}:4px; }
+.portfolios .item .titrem {margin:0 0 5px;font-size:1em;}
+.portfolios .item .titrem .fichier {font-weight:normal;font-size:0.9em; font-style:italic; display:block; }
+.portfolios .item .titrem .titre {display:block;font-size:1.1em;}
+.portfolios .item .descriptif { color:#444; margin-bottom:.6925em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
+.portfolios .item .infos .permanentes {
+       display: block;
+       padding:2px 4px; margin-top:.5em; color:rgba(0,0,0,.8);
+       border-top:1px solid rgba(100, 100, 100, .1);
+       border-bottom:1px solid rgba(100, 100, 100, .1);
+}
+.portfolios .item .infos .lien_details { float:#GET{right}; cursor:pointer; }
+.portfolios .item .infos .detaillees { display:none; }
+.portfolios .item .infos .detaillees table.compact:first-child tr { border-top:0; }
+.portfolios .item table.compact { background-color:rgba(255,255,255,.6); }
+.portfolios .item table.compact th,
+.portfolios .item table.compact td { padding:.3em .3em; }
+.portfolios .item table.compact tr { border-top:1px solid rgba(100, 100, 100, .1); border-bottom:1px solid rgba(100, 100, 100, .1);  }
+.portfolios .item table.compact tr:nth-child(2n) td,
+.portfolios .item table.compact tr:nth-child(2n) th { background:none; }
+.portfolios .item .infos .credits .vide {  font-style:italic; opacity:.5; }
+.portfolios .item div.mode {display:inline-block; clear:#GET{right};}
+.portfolios .item .actions { clear:both; overflow:visible; margin-top:.6925em; padding-#GET{right}: .6925em; margin-bottom:-3px; }
+.portfolios .item div.mode,
+.portfolios .item .actions,
+.portfolios .item div.mode button,
+.portfolios .item .actions button {text-align: #GET{left}; clear: none;}
+.portfolios .item div.mode button,
+.portfolios .item .actions button {display: inline;}
+
+.portfolios .item .actions > *,
+.portfolios .item .mode {opacity:0.4;}
+.portfolios .item .actions .deplacer-modifier { visibility: visible; opacity: 1; float: #GET{right}; font-weight: bold; }
+.portfolios .item:hover .actions > *,
+.portfolios .item:hover .mode,
+.portfolios .item.hover .actions > *,
+.portfolios .item.hover .mode {visibility:visible;opacity:1;z-index:1000;}
+
+.portfolios .item .titre > .sanstitre,
+.portfolios .item .titre > .sanstitre + .fichier {opacity:0.4;}
+
+.portfolios .actions-liste { clear:both; margin-top:.6925em; display:block; }
+.portfolios .actions-liste > * {display:inline; }
+.portfolios .tout_supprimer span {display:block; text-align:#GET{right};}
+
+.item.vu_oui {background:#f9f9f9;}
+
+.deplacer-document-placeholder { height:130px; }
+.deplacer-document { margin-#GET{right}:0.5em; float: #GET{left}; margin-top:1px; cursor:move; }
+.document-en-mouvement { cursor:move; }
+
+
+/* Types d'affichages des listes de douments */
+h3 .affichages {
+       float:#GET{right};
+}
+
+.affichages .icone {
+       width:16px;
+       height:16px;
+       margin:0;
+       padding:2px;
+       display:inline-block;
+       background:rgba(255, 255, 255, 0.5) center center no-repeat;
+       border-radius:3px;
+       cursor:pointer;
+}
+.affichages .icone + .icone {
+       margin-#GET{left}:5px;
+}
+.affichages .icone.grand {
+       background-image: url([(#CHEMIN_IMAGE{documents-liste-16.png})]);
+}
+.affichages .icone.liste {
+       background-image: url([(#CHEMIN_IMAGE{documents-liste-courte-16.png})]);
+}
+.affichages .icone.cases {
+       background-image: url([(#CHEMIN_IMAGE{documents-cases-16.png})]);
+}
+.affichages .icone.on {
+       background-color:rgba(255, 255, 255, 0.9);
+}
+.affichages .icone.on:hover,
+.affichages .icone:hover {
+       background-color:rgba(255, 255, 255, 1);
+}
+
+/* Liste courte de documents */
+.portfolios .documents_liste .item  {
+       position:relative;
+       padding:7px;
+       display:flex;
+}
+.portfolios .documents_liste .item .vignette {
+       width:65px;
+       min-width: 65px;
+}
+.portfolios .documents_liste .item .vignette img {
+       max-height: 36px;
+       max-width:65px;
+       height:auto;
+       width:auto;
+}
+.portfolios .documents_liste .item .presentation {
+       -webkit-box-align:center;
+           -ms-flex-align:center;
+               align-items:center;
+       -webkit-box-flex:1;
+           -ms-flex-positive:1;
+               flex-grow:1;
+       overflow:hidden;
+}
+.portfolios .item .descriptions {  overflow: hidden; }
+.portfolios .documents_liste .item .infos,
+.portfolios .documents_liste .item .descriptif,
+.portfolios .documents_liste .item .mode,
+.portfolios .documents_liste .item .actions > * {
+       display:none;
+}
+.portfolios .documents_liste .item .titrem {
+       margin-bottom:0;
+}
+.portfolios .documents_liste .item .titrem .fichier,
+.portfolios .documents_liste .item .titrem .titre {
+       max-height:2.4em;
+       line-height:1.2em;
+       overflow:hidden;
+       white-space: nowrap;
+       display:block;
+       text-overflow:ellipsis; /* necessite des overflow:hidden; sur les parents */
+}
+.portfolios .documents_liste .item .actions {
+       align-items:center;
+       text-align:#GET{right};
+       padding-#GET{right}:0;
+       min-width:80px;
+}
+.portfolios .documents_liste .item .actions .deplacer-modifier {
+       display:inline-block;
+       float:none;
+       margin-#GET{right}:0;
+}
+.documents_liste .deplacer-document-placeholder { height:40px; }
+
+
+/* Grille en cases des documents. */
+.portfolios .documents_cases .sortable {
+       display:-webkit-box;
+       display:-ms-flexbox;
+       display:flex;
+       -ms-flex-wrap: wrap;
+           flex-wrap: wrap;
+}
+.portfolios .documents_cases .item {
+       padding: 2px;
+       margin: 2px;
+       border:1px solid #eee;
+       border-radius:5px;
+       width:113px;
+       height:130px;
+       display:-webkit-box;
+       display:-ms-flexbox;
+       display:flex;
+       -webkit-box-orient:vertical;
+       -webkit-box-direction:normal;
+           -ms-flex-direction:column;
+               flex-direction:column;
+       -webkit-box-align:center;
+           -ms-flex-align:center;
+               align-items:center;
+}
+.portfolios .documents_cases .item .presentation { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
+.portfolios .documents_cases .item .descriptions,
+.portfolios .documents_cases .item .mode,
+.portfolios .documents_cases .item .actions > * {
+       display:none;
+}
+.portfolios .documents_cases .item .actions .deplacer-modifier  { display:block; width:100%;}
+.portfolios .documents_cases .item .actions .editbox  { float:right; }
+.documents_cases .deplacer-document-placeholder { height:130px; width:113px; padding: 2px; margin: 2px;}
+
+.portfolios .documents_cases .item .vignette {
+       width:auto;
+       height:auto;
+       min-width:auto;
+}
+.portfolios .documents_cases .item .vignette img {
+       max-height: 95px;
+       max-width:110px;
+       width: auto;
+       height: auto;
+}
+
+.portfolios .documents_cases .item .actions {
+       display:block;
+       width:100%;
+       margin-bottom:0;
+       box-sizing:border-box;
+       padding: 2px 5px 1px 5px;
+}
+.portfolios .documents_cases .tout_supprimer {
+       -ms-flex-preferred-size: 100%;
+           flex-basis: 100%;
+}
\ No newline at end of file