www/plugins-dist/forum/prive/style_prive_plugin_forum.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 .onglets_simple ul.statut_forum li.publie strong,.onglets_simple ul.statut_forum li.publie a {background-image:url(#CHEMIN_IMAGE{forum-statut-publie-24.png});padding-#GET{left}:27px;}
  24 .onglets_simple ul.statut_forum li.off strong,.onglets_simple ul.statut_forum li.off a {background-image:url(#CHEMIN_IMAGE{forum-statut-off-24.png});padding-#GET{left}:27px;}
  25 .onglets_simple ul.statut_forum li.spam strong,.onglets_simple ul.statut_forum li.spam a {background-image:url(#CHEMIN_IMAGE{forum-statut-spam-24.png});padding-#GET{left}:27px;}
  26 .onglets_simple ul.statut_forum li.prop strong,.onglets_simple ul.statut_forum li.prop a {background-image:url(#CHEMIN_IMAGE{forum-statut-prop-24.png});padding-#GET{left}:27px;}
  27
  28 .onglets_simple ul.statut_forum li.prive strong,.onglets_simple ul.statut_forum li.prive a {background-image:url(#CHEMIN_IMAGE{forum-statut-prive-24.png});padding-#GET{left}:27px;}
  29 .onglets_simple ul.statut_forum li.privadm strong,.onglets_simple ul.statut_forum li.privadm a {background-image:url(#CHEMIN_IMAGE{forum-statut-privadm-24.png});padding-#GET{left}:27px;}
  30 .onglets_simple ul.statut_forum li.privrac strong,.onglets_simple ul.statut_forum li.privrac a {background-image:url(#CHEMIN_IMAGE{forum-statut-privrac-24.png});padding-#GET{left}:27px;}
  31 .onglets_simple ul.statut_forum li.privoff strong,.onglets_simple ul.statut_forum li.privoff a {background-image:url(#CHEMIN_IMAGE{forum-statut-privoff-24.png});padding-#GET{left}:27px;}
  32
  33 .controler_forum .annule_filtre {float:#GET{right};}
  34 .controler_forum #actiongroup button {width:100%;margin:5px 0;}
  35
  36 /* Habillage des forums en liste pour moderation
  37 ---------------------------------------------- */
  38 ul.forums li.item { margin: 15px 0; padding: 0 0 .8em 0; background: #eee url(#CHEMIN_IMAGE{forum-bg-item-64.png}); border: 1px solid #ccc; border-top: 8px solid #ccc; position:relative;}
  39 ul.forums li.item:hover { background-color: #e9e9e9; }
  40
  41 ul.forums li.statut_publie { background-image: none; border-color: #B2BF6B; }
  42 ul.forums li.statut_off,
  43 ul.forums li.statut_privoff,
  44 ul.forums li.statut_off:hover,
  45 ul.forums li.statut_privoff:hover { background-color: #edd3d3; border-color: #FF5F5F; }
  46 ul.forums li.statut_spam,
  47 ul.forums li.statut_spam:hover  { background-color: #ddd; border-color: #666; }
  48 ul.forums li.statut_prop,
  49 ul.forums li.statut_prop:hover { background-color: #FFFBEF; border-color: #EFCA68; }
  50
  51 ul.forums li .cartouche { min-height: 30px; padding: 5px; padding-#GET{left}: 30px; border-bottom: 1px solid #eee; }
  52 ul.forums li .cartouche .numero {position: absolute;right: 5px;font-size: 1.5em;color:#bbb;font-weight: bold;font-style: italic;}
  53 ul.forums li.statut_off .cartouche,
  54 ul.forums li.statut_privoff .cartouche { border-color: #edd3d3; }
  55 ul.forums li.statut_spam .cartouche { border-color: #ddd; }
  56 ul.forums li.statut_prop .cartouche { border-color: #FFFBEF; }
  57 ul.forums li .cartouche h3 {font-size:1.1em;margin-bottom:0.25em;}
  58 ul.forums li .cartouche .date,ul.forums li .cartouche .par {display:inline;}
  59 ul.forums li .cartouche .info_statut {display:block;float:#GET{left};margin-#GET{left}:-30px;position:relative;display:inline;}
  60 ul.forums li .cartouche .reponse_a {font-weight:bold;}
  61 ul.forums li .cartouche .reponse_a a {font-weight:normal;}
  62 ul.forums li .cartouche .lien_admin {display:block;}
  63 ul.forums li .cartouche .statut{ float:right; width:20%; font-style:italic; text-align:right; }
  64
  65 ul.forums li.item .texte,ul.forums li.item .site,ul.forums li.item .urls { margin: 0; padding: 0 30px;max-height:15em;overflow-y:auto;}
  66 ul.forums li.item .urls {border-top:1px dotted #eee;color:#666;word-wrap:break-word;}
  67 ul.forums li.item .urls h4 {margin:0;cursor:hand;cursor:pointer;}
  68 ul.forums li.item .texte p { margin: 0; padding: .8em 0; }
  69
  70 ul.forums >li.item .actions.moderer {padding-top:5px;padding-bottom:5px;margin-#GET{right}:5px;background:url(#CHEMIN_IMAGE{actions-filigrane-24.png}) no-repeat bottom right;padding-#GET{right}:30px;}
  71 ul.forums >li.item .actions.moderer > div {visibility:hidden;}
  72 ul.forums >li.item:hover .actions.moderer > div,ul.forums >li.item.hover .actions.moderer > div{visibility:visible;}
  73
  74 ul.forums li .actions .bruler input.submit {color:#af976d;}
  75 ul.forums li .actions .supprimer input.submit {color:#cf4d4d;}
  76 ul.forums li .checkbox {position:absolute;top:50%;left:1px;}
  77
  78 /* controle des forums : afficher les liens */
  79 .controle a {
  80         position: relative !important;
  81         left:0 !important;
  82         right:0 !important;
  83         top:0 !important;
  84         bottom: 0 !important;
  85 }
  86 .controle a:after {     display: inline; content: " [\27a0" attr(href) "]";}
  87
  88 /* Habillage des forums en thread pour participation
  89 ---------------------------------------------- */
  90 .repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }
  91
  92 /* Habillage des forums */
  93 ul.forum { display: block; clear: both; margin: 0; padding: 0; font-size:11px; }
  94 ul.forum, ul.forum ul { list-style: none; }
  95 .forum-fil { margin-top: 1.50em; }
  96 .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
  97 .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
  98 .forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
  99 .forum-texte .hyperlien {}
 100 .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }
 101
 102 /* Boite d'un forum : eclaircissement progressif des bords */
 103 #SET{border,#GET{foncee}}
 104 ul .forum-message { background:#fff; border: 1px solid #GET{border}; margin: 0; padding: 0; margin-bottom: 1em; }
 105 #SET{border,##GET{border}|couleur_eclaircir}
 106 ul ul .forum-message { border: 1px solid #GET{border}; }
 107 #SET{border,##GET{border}|couleur_eclaircir}
 108 ul ul ul .forum-message { border: 1px solid #GET{border}; }
 109 #SET{border,##GET{border}|couleur_eclaircir}
 110 ul ul ul ul .forum-message { border: 1px solid #GET{border}; }
 111 #SET{border,##GET{border}|couleur_eclaircir}
 112 ul ul ul ul ul .forum-message { border: 1px solid #GET{border}; }
 113 #SET{border,##GET{border}|couleur_eclaircir}
 114 ul ul ul ul ul ul .forum-message { border: 1px dotted #GET{border}; }
 115
 116 /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
 117 #SET{fond,##GET{claire}|couleur_eclaircir}
 118 ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #GET{fond}; }
 119 #SET{fond,##GET{fond}|couleur_eclaircir}
 120 ul ul .forum-chapo { background: #GET{fond}; }
 121 #SET{fond,##GET{fond}|couleur_eclaircir}
 122 ul ul ul .forum-chapo { background: #GET{fond}; }
 123 #SET{fond,##GET{fond}|couleur_eclaircir}
 124 ul ul ul ul .forum-chapo { background: #GET{fond}; border-bottom: 1px dotted #E0E0E0; }
 125 #SET{fond,##GET{fond}|couleur_eclaircir}
 126 ul ul ul ul ul .forum-chapo { background: #GET{fond}; }
 127
 128
 129 /* ?? */
 130 /*
 131 a.icone36.suivi-forum-24 { width: 100px; }
 132 .cadre-forum { background-color: #fff; border: 1px solid #aaa; margin-bottom: 0; }
 133 .cadre-forum div.cadre-titre { background-color: #GET{claire}; border-bottom: 1px solid #aaa; color: #000; }
 134 .cadre-thread-forum { background-color: #eee; border: 1px solid #ccc; border-top: 0; margin-bottom: 0; }
 135 .cadre-thread-forum div.cadre-titre { background-color: #ccc; color: #000; }
 136 */
 137 [(#REM) </style>]