www/plugins-dist/medias/prive/style_prive_plugin_medias.html

   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 .sourceup {}
  34 .formulaire_joindre_document .infos {}
  35 .formulaire_joindre_document .deballer_zip ul {font-size:0.9em;}
  36 .formulaire_joindre_document .deballer_zip ul ul {font-size:1em;}
  37 .formulaire_joindre_document .deballer_zip ol {padding-#GET{left}:0;margin:0;word-wrap:break-word;}
  38 .lat .formulaire_joindre_document .deballer_zip ol {max-width: 185px;}
  39
  40 .formulaire_joindre_document .deballer_zip .editer_options_upload_zip li {padding:0;}
  41 .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .erreur_message {margin-bottom:1em;}
  42 #navigation .formulaire_joindre_document .sourceup, #extra .formulaire_joindre_document .sourceup {font-size:0.9em;}
  43 #navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip > label,
  44 #extra .formulaire_joindre_document .deballer_zip .editer_options_upload_zip > label {float:none;}
  45 #navigation .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .choix input,
  46 #extra .formulaire_joindre_document .deballer_zip .editer_options_upload_zip .choix input {vertical-align:top;}
  47
  48 .formulaire_joindre_document .editer_fichier input.file {display:block;}
  49 .formulaire_joindre_document .editer_refdoc_joindre input.text {width:50%;}
  50
  51 .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;}
  52 .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;}
  53 .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;}
  54
  55 .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;}
  56
  57 .choix-type, .choix-type li {display:inline;list-style:none;margin:0;padding:0;}
  58 .choix-type {margin:1em 0;padding:0;}
  59
  60 a.bouton_fermer {display:block;text-align:#GET{right};}
  61
  62 .galerie { float: none; width: 100%; padding:0;}
  63 .galerie .pagination {clear:both;}
  64 .galerie table { width: 100%; border: none; }
  65 .galerie table thead { background: [#(#GET{foncee}|couleur_foncer)];color:#fff; }
  66 .galerie table tbody tr:hover { background: [#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
  67 .galerie table td { min-height: 100px; vertical-align: top; }
  68 .galerie table th, .galerie table td { padding: 0.5em .3em; border-bottom: 1px solid #ccc; }
  69 .galerie table th.id { text-align: right; }
  70 .galerie table td.id { width: 80px; text-align: right; vertical-align: top; line-height: normal; }
  71 .galerie table td.id strong { font-size: 1.6em; color: #666; font-weight: normal; }
  72 .galerie table td.statut { width: 9px; }
  73 .galerie table td.logo { width: 250px; overflow: hidden; }
  74 .galerie table td.logo img { /*border: 1px solid #666;*/ }
  75 .galerie table .fichier {font-size:0.8em;width:250px;overflow:hidden;font-style:italic;}
  76
  77 .galerie table td.exif { width: 140px;  }
  78 .galerie table td.exif small { display: inline; }
  79 .galerie table td.exif .extension {}
  80 .galerie table td.exif .dimensions { font-size: .9em; }
  81 .galerie table td.exif .taille { font-size: .9em; font-weight: bold; color: #666; }
  82 .galerie table td.exif .date { font-size: .9em; }
  83 .galerie table td.descriptif { }
  84
  85 .galerie table .supprimer {display:block;font-size:0.8em;margin-top:1em;}
  86
  87 .galerie.media-image h2 { background: url(#CHEMIN_IMAGE{media-image-32.png}) no-repeat center left; padding: 6px;padding-left: 40px;}
  88 .galerie.media-audio h2 { background: url(#CHEMIN_IMAGE{media-audio-32.png}) no-repeat center left; padding: 6px;padding-left: 40px;}
  89 .galerie.media-video h2 { background: url(#CHEMIN_IMAGE{media-video-32.png}) no-repeat center left; padding: 6px;padding-left: 40px;}
  90
  91 .galerie table td.exif { background-repeat: no-repeat; background-position: top right; }
  92
  93 .popin-choisir_document {}
  94 .popin-choisir_document .onglets_simple.second {display:none;}
  95 .popin-choisir_document .galerie table td.id  {width:40px;}
  96 .popin-choisir_document .galerie table td.logo  {width:200px;}
  97 .popin-choisir_document .galerie table td.exif {width:120px;}
  98 .popin-choisir_document .galerie table td.descriptif {max-width:150px;}
  99 .popin-choisir_document .galerie table td {word-wrap: break-word;}
 100
 101 .spip_documents_legende {border:1px solid #GET{foncee};text-align:center;font-size:0.9em;margin:0 0 1em;}
 102 .spip_documents_legende dt {background:#GET{foncee};color:#fff;padding:5px 3px;font-weight:bold;}
 103 .spip_documents_legende dd {padding:3px 0;margin:0;}
 104 .spip_documents_legende dd.vignette {margin:5px 0;}
 105
 106 .document_utilisations li.item {position:relative;padding-#GET{right}:24px;}
 107 .document_utilisations li.item .vu {position:absolute;top:0;right:0;}
 108
 109
 110 .pagination .tris {float:left;}
 111
 112 p.actions {clear:both;}
 113
 114 #documents_joints {margin-top:25px;}
 115 #documents_joints .item {text-align:center;margin-bottom:25px;padding:0;border:1px solid #GET{foncee};overflow:visible;}
 116 #documents_joints .item.image {background:#fff;}
 117 #documents_joints .item.document {background:#ddd;}
 118 #documents_joints .item .infos {padding:6px;}
 119 #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;}
 120 #documents_joints .item .titrem .fichier {display:block;color:#fff;overflow:hidden;}
 121 #documents_joints .item .titrem .titre {display:block;color:#000;}
 122 #documents_joints .item .titrem .image_loading {position:absolute;bottom:-20px;right:0;}
 123 #documents_joints .item .type {font-size:x-small;}
 124 #documents_joints .item .raccourcis {font-size:x-small;padding:2px;}
 125 #documents_joints .item .raccourcis span {display:block;font-weight:bold;text-align:left;}
 126 #documents_joints .item div.mode {text-align:right;}
 127 #documents_joints .item .actions {display:block;text-align:right;font-size:x-small;}
 128 .lte7 #documents_joints .item div.mode button,.lte7 #documents_joints .item .actions button {font-size: 11px;}
 129 #documents_joints .item .tourner {display:block;float:#GET{right};}
 130 #documents_joints .item .tourner button {padding:1px;border:1px solid #eee;display:block;}
 131 #documents_joints .item .tourner button img {margin:0px;}
 132
 133 #documents_joints .item .actions > *,
 134 #documents_joints .item .tourner,
 135 #documents_joints .item .mode {opacity:0.1;-moz-opacity:0.1;}
 136 #documents_joints .item .actions a.editbox {visibility:visible;opacity:1;-moz-opacity:1;font-weight:bold;}
 137 #documents_joints .item:hover .actions > *,
 138 #documents_joints .item:hover .tourner,
 139 #documents_joints .item:hover .mode,
 140 #documents_joints .item.hover .actions > *,
 141 #documents_joints .item.hover .tourner,
 142 #documents_joints .item.hover .mode {visibility:visible;opacity:1;-moz-opacity:1;}
 143
 144 #portfolios {}
 145 #portfolios h3 {background-color:#GET{claire};padding:2px 10px;color:#000;margin-bottom:0;}
 146 #portfolios .liste_items {margin-top:0;}
 147 #portfolios .item {clear:both;padding-#GET{left}:160px;padding-#GET{right}:2px;}
 148 #portfolios .item .tourner {display:block;float:#GET{right};}
 149 #portfolios .item .tourner button {border:1px solid #999;padding:0;display:block;float:#GET{left};margin-#GET{left}:4px;}
 150
 151 #portfolios .item .vignette {margin-#GET{left}:-160px; width: 150px; text-align: center; float:#GET{left};}
 152 .ie6 #portfolios .item .spip_logos {display:inline;position:relative;}
 153 #portfolios .item .titrem {margin:0 0 5px;font-size:1em;}
 154 #portfolios .item .titrem .fichier {font-weight:normal;font-size:0.9em;font-style:italic;}
 155 #portfolios .item .titrem .titre {display:block;font-size:1.1em;}
 156 #portfolios .item .infos {display:block;float:#GET{left};}
 157 #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;}
 158 #portfolios .item .actions {display:block;float:#GET{right};clear:#GET{right};position:relative;}
 159 #portfolios .item div.mode,#portfolios .item .actions,
 160 #portfolios .item div.mode button,#portfolios .item .actions button {font-size:x-small;}
 161
 162 #portfolios .item .actions > *,
 163 #portfolios .item .tourner,
 164 #portfolios .item .mode {opacity:0.1;-moz-opacity:0.1;}
 165 #portfolios .item .actions a.editbox {visibility:visible;opacity:1;-moz-opacity:1;font-weight:bold;}
 166 #portfolios .item:hover .actions > *,
 167 #portfolios .item:hover .tourner,
 168 #portfolios .item:hover .mode {visibility:visible;opacity:1;-moz-opacity:1;z-index:1000;background:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];}
 169 #portfolios .item.hover .actions > *,
 170 #portfolios .item.hover .tourner,
 171 #portfolios .item.hover .mode {visibility:visible;opacity:1;-moz-opacity:1;z-index:1000;}
 172
 173 #portfolios .item .titre > .sanstitre {opacity:0.1;-moz-opacity:0.1;}
 174
 175 #portfolios .tout_supprimer span {display:block;text-align:#GET{right};}
 176
 177 .item.vu_oui {background:#f9f9f9;}