source: spip-zone/_core_/branches/spip-3.1/plugins/medias/prive/style_prive_plugin_medias.html @ 100647

Last change on this file since 100647 was 100647, checked in by brunobergot@…, 3 years ago

report de r100646

Portfolio : marge basse sur le bloc .infos plutôt qu'une marge haute sur les éléments qui suivent

Permet d'éviter que les boutons soient collés aux infos quand _BOUTON_MODE_IMAGE est à false ; Ref ​https://core.spip.net/issues/3864

File size: 10.5 KB
Line 
1[(#REM)
2
3        Ce squelette definit les styles de l'espace prive
4
5        Note: l'entete "Vary:" sert a repousser l'entete par
6        defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
7        genant en cas de "rotation du cookie de session" apres
8        un changement d'IP (effet de clignotement).
9
10        ATTENTION: il faut absolument le charset sinon Firefox croit que
11        c'est du text/html !
12        <style>
13]
14#CACHE{3600*100,cache-client}
15#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
16#HTTP_HEADER{Vary: Accept-Encoding}
17
18#SET{claire,##ENV{couleur_claire,edf3fe}}
19#SET{foncee,##ENV{couleur_foncee,3874b0}}
20#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
21#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
22
23.formulaire_editer_document {margin-bottom: 0;}
24.formulaire_editer_document .editer_dimensions input {width:7em;}
25.formulaire_editer_document .editer_parent {padding-#GET{left}:10px;}
26.formulaire_editer_document .editer_parent label {margin-#GET{left}:0;display:block;float:left;padding:2px 0;}
27
28.formulaire_editer_document .taille_modifiee {display:block;color: red;}
29
30.formulaire_editer_document .editer_apercu .tourner {display:block;float:#GET{right};}
31.formulaire_editer_document .editer_apercu .tourner input.image {padding:5px;border:1px solid #eee;}
32
33.formulaire_joindre_document {margin-top: 0}
34.formulaire_joindre_document .sourceup {}
35.formulaire_joindre_document .infos {}
36.formulaire_joindre_document .deballer_zip ul {font-size:0.9em;}
37.formulaire_joindre_document .deballer_zip ul ul {font-size:1em;}
38.formulaire_joindre_document .deballer_zip ol {padding-#GET{left}:0;margin:0;word-wrap:break-word;}
39.lat .formulaire_joindre_document { margin-top: [(#ENV{margin-bottom}|mult{1.5})em]; }
40.lat .formulaire_joindre_document .deballer_zip ol {max-width: 185px;}
41
42.formulaire_joindre_document .deballer_zip .editer_options_upload_zip li {padding:0;}
43.formulaire_joindre_document .deballer_zip .editer_options_upload_zip .erreur_message {margin-bottom:1em;}
44#navigation .formulaire_joindre_document .sourceup, #extra .formulaire_joindre_document .sourceup {font-size:0.85em;}
45#navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip > label,
46#extra .formulaire_joindre_document .deballer_zip .editer_options_upload_zip > label {float:none;}
47#navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .choix input,
48#extra .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .choix input {vertical-align:top;}
49
50.formulaire_joindre_document .editer_fichier input.file {display:block;}
51.formulaire_joindre_document .editer_refdoc_joindre input.text {width:50%;}
52
53.onglets_simple .medias .image a,.onglets_simple .medias .image strong {padding-left:27px;background: url(#CHEMIN_IMAGE{media-image-16.png}) no-repeat 5px center;}
54.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;}
55.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;}
56
57.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;}
58
59.choix-type, .choix-type li {display:inline;list-style:none;margin:0;padding:0;}
60.choix-type {margin:1em 0;padding:0;}
61
62
63a.bouton_fermer {display:block;text-align:#GET{right};}
64
65.galerie { float: none; width: 100%; padding:0;margin-bottom: #ENV{margin-bottom};}
66.galerie .pagination {clear:both;font-size:0.95em;}
67.galerie .pagination + .pagination {border-top: 0;margin-top:-1px;}
68.galerie table { width: 100%; border: none; margin-bottom: 0}
69.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');}
70.galerie table tbody tr:hover { background: [#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
71.galerie table td { min-height: 100px; vertical-align: top; }
72.galerie table th, .galerie table td { padding: 0.5em .3em; border-bottom: 1px solid #ccc; }
73.galerie table th.id { text-align: right; }
74.galerie table td.id { width: 80px; text-align: right; vertical-align: top; line-height: normal; }
75.galerie table td.id strong { font-size: 1.6em; color: #666; font-weight: normal; }
76.galerie table td.statut { width: 9px; }
77.galerie table td.logo { width: 250px; overflow: hidden; }
78.galerie table td.logo img { /*border: 1px solid #666;*/ }
79.galerie table .fichier {font-size:0.8em;width:250px;overflow:hidden;font-style:italic;}
80
81.galerie table td.exif { width: 140px;  }
82.galerie table td.exif small { display: inline; }
83.galerie table td.exif .extension {}
84.galerie table td.exif .dimensions { font-size: .9em; }
85.galerie table td.exif .taille { font-size: .9em; font-weight: bold; color: #666; }
86.galerie table td.exif .date { font-size: .9em; }
87.galerie table td.descriptif { }
88
89.galerie table .supprimer {display:block;font-size:0.8em;margin-top:1em;}
90
91.galerie.media-image h2 { background: url(#CHEMIN_IMAGE{media-image-32.png}) no-repeat center left; padding: 6px;padding-left: 40px;}
92.galerie.media-audio h2 { background: url(#CHEMIN_IMAGE{media-audio-32.png}) no-repeat center left; padding: 6px;padding-left: 40px;}
93.galerie.media-video h2 { background: url(#CHEMIN_IMAGE{media-video-32.png}) no-repeat center left; padding: 6px;padding-left: 40px;}
94
95.galerie table td.exif { background-repeat: no-repeat; background-position: top right; }
96
97.popin-choisir_document {}
98.popin-choisir_document .onglets_simple.second {display:none;}
99.popin-choisir_document .galerie table td.id  {width:40px;}
100.popin-choisir_document .galerie table td.logo  {width:200px;}
101.popin-choisir_document .galerie table td.exif {width:120px;}
102.popin-choisir_document .galerie table td.descriptif {max-width:150px;}
103.popin-choisir_document .galerie table td {word-wrap: break-word;}
104
105.spip_documents_legende {border:1px solid #GET{foncee};text-align:center;font-size:0.9em;margin:0 0 1em;}
106.spip_documents_legende dt {background:#GET{foncee};color:#fff;padding:5px 3px;font-weight:bold;}
107.spip_documents_legende dd {padding:3px 0;margin:0;}
108.spip_documents_legende dd.vignette {margin:5px 0;}
109
110.document_utilisations li.item {position:relative;padding-#GET{right}:24px;}
111.document_utilisations li.item .vu {position:absolute;top:0;right:0;}
112
113
114.pagination .tris {float:left;}
115
116p.actions {clear:both;}
117
118#documents_joints {margin-top:25px;}
119#documents_joints .item {text-align:center;margin-bottom:25px;padding:0;border:1px solid #GET{foncee};overflow:visible;}
120#documents_joints .item.image {background:#fff;}
121#documents_joints .item.document {background:#ddd;}
122#documents_joints .item .infos {padding:6px;}
123#documents_joints .item .titrem {margin-top:0px;text-align:left;background:#GET{foncee};padding:5px;padding-left:16px;font-weight:bold;margin-bottom:5px;position:relative;font-size:x-small;word-wrap:break-word;}
124#documents_joints .item .titrem .fichier {display:block;color:#fff;overflow:hidden;}
125#documents_joints .item .titrem .titre {display:block;color:#000;}
126#documents_joints .item .titrem .image_loading {position:absolute;bottom:-20px;right:0;}
127#documents_joints .item .type {font-size:x-small;}
128#documents_joints .item .raccourcis {font-size:x-small;padding:2px;}
129#documents_joints .item .raccourcis span {display:block;font-weight:bold;text-align:left;}
130#documents_joints .item div.mode {text-align:right;font-size:x-small;}
131#documents_joints .item .actions {display:block;text-align:right;font-size:x-small;}
132.lte7 #documents_joints .item div.mode button,.lte7 #documents_joints .item .actions button {font-size: 11px;}
133#documents_joints .item .tourner {display:block;float:#GET{right};}
134#documents_joints .item .tourner button {padding:1px;border:1px solid #eee;display:block;}
135#documents_joints .item .tourner button img {margin:0px;}
136
137#documents_joints .item .actions > *,
138#documents_joints .item .tourner,
139#documents_joints .item .mode {opacity:0.1;}
140#documents_joints .item .actions a.editbox {visibility:visible;opacity:1;font-weight:bold;}
141#documents_joints .item:hover .actions > *,
142#documents_joints .item:hover .tourner,
143#documents_joints .item:hover .mode,
144#documents_joints .item.hover .actions > *,
145#documents_joints .item.hover .tourner,
146#documents_joints .item.hover .mode {visibility:visible;opacity:1;}
147
148.portfolios {}
149.portfolios h3 {background-color:#GET{claire};padding:2px 10px;color:#000;margin-bottom:0;}
150.portfolios .liste_items {margin-top:0;}
151.portfolios .item {clear:both;padding-#GET{left}:160px;padding-#GET{right}:2px;}
152.portfolios .item .tourner {display:block;float:#GET{right};}
153.portfolios .item .tourner button {border:1px solid #999;padding:0;display:block;float:#GET{left};margin-#GET{left}:4px;}
154
155.portfolios .item .vignette {margin-#GET{left}:-160px; width: 150px; text-align: center; float:#GET{left};}
156.ie6 .portfolios .item .spip_logo {display:inline;position:relative;}
157.portfolios .item .titrem {margin:0 0 5px;font-size:1em;}
158.portfolios .item .titrem .fichier {font-weight:normal;font-size:0.9em;font-style:italic;}
159.portfolios .item .titrem .titre {display:block;font-size:1.1em;}
160.portfolios .item .infos { display: block; margin-bottom: 1em; }
161.portfolios .item div.mode {display:inline-block;clear:#GET{right};}
162.portfolios .item .actions {display:inline;}
163.portfolios .item div.mode,
164.portfolios .item .actions,
165.portfolios .item div.mode button,
166.portfolios .item .actions button {text-align: left; clear: none;}
167.portfolios .item div.mode button,
168.portfolios .item .actions button {display: inline;}
169
170.portfolios .item .actions > *,
171.portfolios .item .tourner,
172.portfolios .item .mode {opacity:0.1;}
173.portfolios .item .actions a.editbox { visibility: visible; opacity: 1; float: right; font-weight: bold; }
174.portfolios .item:hover .actions > *,
175.portfolios .item:hover .tourner,
176.portfolios .item:hover .mode {visibility:visible;opacity:1;z-index:1000;}
177.portfolios .item.hover .actions > *,
178.portfolios .item.hover .tourner,
179.portfolios .item.hover .mode {visibility:visible;opacity:1;z-index:1000;}
180
181.portfolios .item .titre > .sanstitre {opacity:0.1;}
182
183.portfolios .tout_supprimer span {display:block;text-align:#GET{right};}
184
185.item.vu_oui {background:#f9f9f9;}
Note: See TracBrowser for help on using the repository browser.