Les styles de l'infobrol

La structure du site

  • body
    • id=brolExt
      • id=contentNavInfos
        • id=brolContent
          • class=brolItem
            • class=nav : les boutons de navigation page précédente et page suivante (début de page)
            • ... : le contenu principal de la page
            • class=nav : les boutons de navigation page précédente et page suivante (fin de page)
          • class=brolItem impn : partie sociale. Boutons d'interaction avec les réseaux sociaux, préférences de l'utilisateur, etc.
          • class=brolItem : sources et références
          • class=brolItem impn : infos sur le nuage de mots clés
            • class=tagcloud : le nuage de mots clés
          • class=brolItem : structure de la page (liens vers les titres de différents niveaux)
          • id=brolContentFooter :
            • id=brolPgeComment : les commentaires sur la page
            Informations diverses (date de publication, de dernière modification, certificat IDDN, etc.).
        • id=fullNav : les menus détaillés. Généralement affiché sous la forme d'une colone latérale.
          • class=brolInfoItem : un groupe de menus (selon la css, peut s'étendre et se réduire sur un click).
            • id=nom_du_groupe+T class=hideMen : titre du groupe de menus et lien pour étendre/réduire.
            • id=nom_du_groupe : les éléments du groupe de menus
          • class=brolInfoItem : groupe 2.
          • class=brolInfoItem : groupe 3...
        • id=mainNav : Le court menu principal. Généralement affiché en haut de page, sur toute la targeur, sous le brolHeader, juste avant le brolContent (contenu réel de la page)
          • id=mainMenu : les éléments du menu
        • id=brolHeader : affiché ou pas selon la css. Généralement une image en relation avec le chapitre dans lequel se trouve la page, et généralement affiché en haut et sur toute la largeur.
        • id=brolFooter : généralement affiché en bas de page et sous toute la largeur.

tab.css

Couleurs et fond utilisés principalement dans des tableaux. Aucune indication de layout.

NomUtlilisation en général
a1 
a2 
a3 
a4 
a5 
t1 
t2 
t3 
t4 
t5 
tEditModification
tNoAvertissement, refus, valeur hors norme, booléen à false
tOkValeur dans la plage acceptable
tViewInformation
tYesAccord, valeur vérifiée, booléen à true
  1. .tb{border:2px solid #fff}.rowb{border-top:2px solid #fff;border-bottom:2px solid #fff;border-left:0;border-right:0}.colbr{border-top:0;border-bottom:0;padding-top:2px;padding-bottom:2px;border-left:0;border-right:2px solid #fff}.rowbr{border-top:2px solid #fff;border-bottom:2px solid #fff;border-left:0;border-right:2px solid #fff}.t1{color:#E8EBF0;background:#7B849C;font-weight:bold}.t2{color:#000;background:#B5B5C6}.t3{color:#000;background:#C0C8D6}.t4{color:#000;background:#ccc}.t5{color:#f00;background:#bbb}.tEdit{color:#f00;background:#ccc}.tView{color:#090;background:#ccc}.tNo{color:#fff;background:#f00}.tOk{color:#000;background:#fc0}.tYes{color:#fff;background:#090}.a1{color:#900;background:#fff}.a2{color:#000;background:#fe0}.a3{color:#900;background:#fc0}.a4{color:#000;background:#f90}.a5{color:#fff;background:#f00}.dbe1{color:#000;background:#EDEEEF}.dbe2{color:#000;background-color:#E2E7E9}.dbe3{color:#000;background:#D3D9DE}.dbe4{color:#000;background:#C4CED5}.dbe5{color:#000;background:#B2C0CA}.dbe6{color:#000;background:#A3B5C3}.dbe7{color:#000;background:#92A6B6}.dbe8{color:#fff;background:#889EAF}.dbe9{color:#fff;background:#526D81}.dbe10{color:#fff;background:#3D586D}.dbe11{color:#fff;background:#2D475B}.dbe12{color:#fff;background:#182E40}.tab1-1,.tabh-1:hover{color:#fff;background:#1a9850}.tab1-2,.tabh-2:hover{color:#fff;background:#66bd63}.tab1-3,.tabh-3:hover{color:#000;background:#a6d96a}.tab1-4,.tabh-4:hover{color:#000;background:#d9ef8b}.tab1-5,.tabh-5:hover{color:#000;background:#ffffbf}.tab1-6,.tabh-6:hover{color:#000;background:#fee08b}.tab1-7,.tabh-7:hover{color:#000;background:#fdae61}.tab1-8,.tabh-8:hover{color:#fff;background:#f46d43}.tab1-9,.tabh-9:hover{color:#fff;background:#d73027}.tab1-10,.tabh-10:hover,.tabh-0:hover{color:#fff;background:#a50026 !important}.tab0{color:#000;background:#fff}.tab1-lnk{color:#55f;background:#fff;cursor:pointer}

cde.css

NomUtlilisation
CdeFondConteneur des différents styles Cdex, par exemple un div contenant le reste des infos, ou une cellule de tableau
Cde1SQL Update
Cde2SQL Select
Cde3 
Cde4SQL Delete
CdeCCommentaire
CdeHCommentaire en évidence
CdeWAvertissement
umlDélimite une classe UML
umlCAttAttribut UML
umlCMethMéthode UML
umlCNameNom de l'objet UML (cadre haut)
  1. .CdeFond{font:11px Arial,Helvetica,sans-serif;color:#000;background:#fff;border:#7F9DB9}.CdeW{font-size:12px;font-weight:bold;color:#FFF;background:#F00;border:1px solid #7F9DB9}.CdeC{font-style:italic;color:#537797}.CdeH{font-weight:bold;color:#99F}.Cde1{font-weight:bold;color:#F90}.Cde1-h{background:#F90;color:#000}.Cde2{font-weight:bold;color:#090}.Cde3{font-weight:normal;color:#369}.Cde4{font-weight:bold;color:#F00}.Cde4-h{background:#F00;color:#FFF}.uml{margin:15px 50px;border:1px solid #000;background:#fff;color:#000}.umlCName{font-weight:600;text-align:center;padding:5px}.umlCAtt,.umlCMeth{border-top:1px solid #000;padding:5px;background:#fff;color:#000}

office.css

  • lmdb
  • lxls
  • lwrd
  • lppt
  • lout
  • lexc
  • xls
  • mdb
  • out
  • exch
  1. .lmdb,.lxls,.lwrd,.lppt,.lout,.lexc{background-repeat:no-repeat !important;background-position:center left !important;padding:5px 35px !important}.lmdb{background-image:url("/img/file/logo-access-28.jpg") !important}.lxls{background-image:url("/img/file/logo-excel-28.jpg") !important}.lwrd{background-image:url("/img/file/logo-word-28.jpg") !important}.lppt{background-image:url("/img/file/logo-powerpoint-28.jpg") !important}.lout{background-image:url("/img/file/logo-outlook-28.jpg") !important}.lexc{background-image:url("/img/file/logo-exchange-28.jpg") !important}.xls{list-style:url("/img/file/f_xls.gif") !important;margin-left:-5px !important}.mdb{list-style:url("/img/file/f_mdb.gif") !important;margin-left:-5px !important}.out{list-style:url("/img/file/f_out.gif") !important;margin-left:-5px !important}.exch{list-style:url("/img/file/f_exch.gif") !important;margin-left:-5px !important}

Style de la page

Erreur

Exemple de message d'erreur avec titre par défaut

Titre du message d'erreur

Exemple de message d'erreur avec titre

Exemple de message d'erreur sans titre

Avertissement

Exemple de message d'avertissement

Information

Exemple de message d'information

Astuce

Exemple d'astuce

Remarque

Exemple de remarque

Exemple de question

Titre de niveau 1

Titre de niveau 2

Titre de niveau 3

Titre de niveau 4

Titre de niveau 5
Titre de niveau 6
<dt> Titre définition
<dd> Terme défini
<dt> Titre définition
<dd> Terme défini

Un exemple de texte qui contient une variable et une valeur, mais aussi une entrée clavier, une info en évidence.

  • Un élément en français
  • Et un autre élément en anglais

Nous pouvons aussi retrouver des termes traduits, comme , mais aussi des abréviations comme Prt Scr [Print Screen], ou des accronymes comme ASP [Active Server Pages]

brolInfoItem

brolInfoItemOver

brolItem

brolSubItem

brolTdItem

brolTdXItem

btnbi

com

cppsynt

descr

dispCde

error

fr

hi

imp

imp2

inact

info

infoDisp

infoTip

inlineprompt

inlinesynt

nextBtn

notSeen

nz

pageItem

pcde

prevBth

prompt

reply

seen

shMen

table

td

td2

thumb

tip

title

uk

userDate


Code css (Style général) (1 ligne) :
  1. body{font-size:95%}.impo,.noDisp{display:none}.brol-help{cursor:help}.content-area h1,body:not(.search-results) .content-area h2,body:not(.search-results) .content-area h3,body:not(.search-results) .content-area h4,body:not(.search-results) .content-area h5,body:not(.search-results) .content-area h6{clear:both;font-weight:700;margin:0;text-rendering:optimizeLegibility}.content-area h1:not(.entry-caption){display:block;padding:5px;font:bold;border:1px groove;background:#F93;color:#000;text-align:center;margin-bottom:5px}.content-area h1.entry-caption{display:block;padding:0;text-align:center}.content-area h2:not(.search-result){display:block;margin-bottom:5px !important;padding:2px;border:1px solid #000;background:#F93;color:#000;margin-top:40px !important}.content-area h3:not(.search-result){border-bottom:1px solid #F93;margin-top:20px !important}.content-area h3:not(.search-result),.content-area h4,.content-area h5,.content-area h6{display:block;color:#F93;margin-bottom:3px !important;margin-top:10px !important}.hi{background-color:#ffa;color:#333}.i{font-style:italic}.content-area q{font-style:italic;color:#666}.brol-cc-by,.brol-cc-nc,.brol-cc-sa,.brol-cc-nd{background-repeat:no-repeat;background-position:2px 50%;padding:2px 2px 2px 22px}a .brol-cc-by,a:hover .brol-cc-by,a .brol-cc-nc,a:hover .brol-cc-nc,a .brol-cc-sa,a:hover .brol-cc-sa,a .brol-cc-nd,a:hover .brol-cc-nd{text-decoration:none}.brol-cc-by{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAABn0lEQVQ4jaXVy2oUQRQG4C8tGuIlD6DRzMKJ6NLgW6iM4j0LXbkyG32AIBqv4DMY0J2LhOzcZj2K4gXvmECWgmgIKDgu6ozTljXB6A9Fd///X6fOqTrdTRlDOI0HeIHP+IR3wU1gsM/cP3AKi+jgB17hIRawFHwH73F0rUAVbod5BVcwWvCNYRpfwnsHG0oBb4bhMRqZdgStjBsJbwe38mCtKK+NrZl2WK/MQ5k2jCcx95e2EW+jhJ2FzOsBDxb0hrRFryOWE2G+WjAPYB8mcQF7g8txPWIch3vxsLtgnKhl1x1nCr5maPcrHMBHqewcWwpcvsfwRmq1/RW2S/31v1jCjkp5T/4ZFZaxq4/+UmqlLtrBlTCK5QqPImCzYFrAfO15Prgce6RGb1eYDfJsn5X/BufiOgubpBP+qlz6lF7LTBX0hlpjV/iGS9iMOWxbR2bDMWcIF/G9Lk5HFk/93uTjOB9jvMY38SzmXC6tNoBrYViVXqfSQY3hRni6r+yarXcMH/T2bVE62XV/YOsYlL7cM3ge2azG/V2c1OcX8BNJjG84K56osgAAAABJRU5ErkJggg==')}.brol-cc-nc{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAABx0lEQVQ4jZXV24uNURgG8N8MY5JTyo0SO+y5kFsX/odxHoyUKPfuXYgYx1L+A8qUJBJXiknDpSZyGOM8CleEYafwuVjvbrZlbcZTq7613ud9vve0vo8yZmIbLuAhPuI9nsXZdnS38f0D/RhHhZ94jGsYxus4r/AcG/8m1IkTQf6Cg1hS4PVgAJ+DexLTSoLHgjCC2hQyWRTcCsdz43opvTuYXXDeFyvHXNwN3zXNwy48RQNrC06rcB1D2IBZmb0mlWgstGwxWbcKt7FJqsuueHvVsoYKLz0Sts1wNjb9OI/vsX+Ld/iG1ViK3VJTctTDZ5A0Fi9bjMtwqiXiCqPYKU1CO7zCI1L7hwuEBbicpftVGpMSbuETTLQRbGIFrkqpN4WfYAemlwTHItx/oRNXsojfYD/mS7doFM6FsV4Q2SPdnpVhHwzuXlzEj9h/0NKU/tgcysTmRWpVti6ZbM7CiHBCy9jMkAZ7Aosz0S704gZuog8dGacmG2xYJw3wCOYUUp/K1evNjQMR9j0sLzjnqON++BwoETpwOAgN6TqVGtWDo8Fp1j4vw2/owwuTTRiX5vS/P7Ct6Ja6fwYPIppGPJ/GVm1+Ab8AnRGYNPrnzAAAAAAASUVORK5CYII=')}.brol-cc-sa{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAB1UlEQVQ4jZXVyWqUURAF4K/j0Agq4iYbNUHtZOfG4QEUF0qCIg4R9z6CWxGNcQBfwRmycOVGEFxFREQJilEUxygushCnGBCxXdz6k9s33UEPNM1/6lTdv6rO7aY9luEwbuAZvuIzXgd3BPUOufMwhEk08QcvcBtj+BB8E2+wb6FCXTgf4mmcRE8bXR+G8T20F7CoXcGzIRhH7z90sia0TZwrg3ul9h5heRHrxm5pptuK2Eo8jtzBilyCV9HC2ky8Chfxy9zcmniITZmuVxrRy6jlYAhPFaffyYrcl5byM56/YEOmHQn+AFyLh42ZYHNW7GjGr8fH4EczvhHcdZIt3mXBOm5mBQe14ljwM5JfK7zHc9LsxoqkLcFfQa2I7cwO68/4u/i2uE0CafADeBCJnTAv1oVPWFfwO7ALx7G6iG2N72mpzQo9UctonNQoClZtnc74fkwFf6ngZ5cyZL5tariVFZ2Q5jwdz1PSTanQYpulkrF/FK2vwFX81mrse1ot1qswNuyRrs94FMrRje1x+kJXb6CIGY43eFK8QSc08DRyTrQT1KQFVKYd0bqoCn04E5pq9u2sN4v9eGtuZpPSQv77BzZHXdr+ZWnDM/GZkOxySIe/gL/Y2JQJXdnEHgAAAABJRU5ErkJggg==')}.brol-cc-nd{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAABYUlEQVQ4ja3VMUscURQF4M+4RlHEKqQP6O+QNaiNaIwuadL6axTtAqYPaURQQcFC/4CNWGxiiNbZwAa0EYJrse/h28fOZtx44DHMueeeuW/mzn10xxDe4wt+oIEmLrCDj0FTCjVcoZWsG9xm3CWWexm9wEYQ3+MASxhNNBNYwF5ivIHBbobR7BeqJXYyh98hZzMP1kKggckSZhFTielqJEdwHci3TzCLmA+5VxiGD4HY7cMs4ihWWcFKID9nojW8KTD4ie3k/pP2O12E79pfdSxLOtHZJuk6ybTjga8P4A5/8DoTTeNVQYUNnGZcE4OVggQ4Q1H8b4+8Z9nyRODrFZxr914V+9mDxnsUkWImXM94bJu9Xtv4Bw6DR412Y8dhMNeHWWzsS7yM5Kr///Xe5cF0OJSpdDYU0MJWN0E6vlo4Vm58rSsYXxFLqOtsk1t9DNgUFY9HwDedR8DX8NCuR8ADRrN5hsU5KbUAAAAASUVORK5CYII=')}.stno{background:#fdc}.styes{background:#dfc}.stnoh{color:#fff;background:#f44}.styh{color:#fff;background:#191}.brol-img-left,.brol-img-right{display:block;margin-bottom:.8em;margin-top:.8em}.brol-img-left{float:left;margin-left:0;margin-right:.8em}.brol-img-right{float:right;margin-left:.8em;margin-right:0}.brol-img-header{display:block;margin-bottom:1.5em}.brol-fullwidth{width:100%;max-width:100%}.content-area table:not(.noborder),.content-area th:not(.noborder),.content-area td:not(.noborder){border:1px solid #d1d1d1}table.noborder,th.noborder,.noborder th td.noborder,.noborder td{border-collapse:collapse;border:0}.brol-pseudotable-wrapper{position:relative}.brol-pseudotable{display:table;border-collapse:collapse;width:auto}.brol-smalltable{font-size:13px;font-size:.8125rem}.brol-smalltable td{padding:.2em;word-wrap:normal}.brol-pseudorow{display:table-row}.brol-pseudotable-caption{display:table-caption;caption-side:top;text-align:center}.brol-pseudotgroup{display:table-row-group}.brol-pseudocell,.brol-pseudocell-th,.brol-pseudocell-rh{display:table-cell}.brol-pseudotable-wrapper:not(.brol-layout-only):not(.noborder) .brol-pseudocell:not(.brol-empty):not(.brol-rowcollapsed),.brol-pseudotable-wrapper:not(.brol-layout-only):not(.noborder) .brol-pseudorow:not(.brol-empty) .brol-pseudocell-th,.brol-pseudotable-wrapper:not(.brol-layout-only):not(.noborder) .brol-pseudocell-rh:not(.brol-empty):not(.brol-rowcollapsed){border:1px solid #9DACBF}.brol-pseudocell:not(.brol-empty):not(.brol-rowcollapsed),.brol-pseudorow:not(.brol-empty),.brol-pseudocell-th,.brol-pseudocell-rh:not(.brol-empty):not(.brol-rowcollapsed){padding:3px}.brol-pseudocell-rh,.brol-pseudocell-th{text-align:center;font:bold}.brol-pseudotable-wrapper:not(.brol-layout-only) .brol-rowcollapsed{border-top:1px solid #9DACBF;border-bottom:0}.brol-rowcollapsed{padding:3px}.brol-pseudotable-wrapper:not(.brol-layout-only):not(.noborder) .brol-empty,.brol-pseudotable-wrapper:not(.brol-layout-only):not(.noborder) .brol-empty-last,.brol-pseudotable-wrapper:not(.brol-layout-only):not(.noborder) .brol-rowcollapsed{border-right:1px solid #9DACBF;border-left:1px solid #9DACBF}.brol-empty,.brol-empty-last,.brol-rowcollapsed{width:100px}.brol-pseudotable-wrapper:not(.brol-layout-only):not(.noborder) .brol-empty-last{border-top:none !important;border-bottom:1px solid #9DACBF}.brol-pseudotable-wrapper:not(.brol-layout-only) .brol-empty{border-top:none !important;border-bottom:none !important}.table:not(.brol-layout-only),.brol-pseudotable-caption-col:not(.brol-layout-only){background:#9DACBF;color:#fff}.table,.brol-pseudotable-caption-col{border-spacing:2px;border-collapse:collapse}.table a,.brol-pseudotable-wrapper:not(.brol-layout-only) .brol-pseudocell-th a{color:#E1E6EC}.brol-layout-only{border:none !important}.td{background:#CCD3DD;color:#222}.td a,.td2 a{color:#1a50b8}.td2{background:#ECEEF0;color:#222}th,th a,thead td,.brol-pseudo-th,.brol-pseudocell-th,.brol-pseudocell-rh{background:#677E96;color:#fff}tfoot th,.brol-tfoot{background:#efefef;color:#555}tfoot td,tfoot td .td,tfoot td .td2{background:#efefef;color:#555}.td th,.td .brol-pseudocell-rh{font:bold;background:#AAB5C6;color:#333}.td2 th,.td2 .brol-pseudocell-rh{font:bold;background:#e6e8f2;color:#333}.brol-pseudotable-wrapper .brol-t-num,table .brol-t-num{text-align:right}:required{border:2px solid orange !important}input:required:invalid,input:focus:invalid,.brol-invalid{background-image:url("/img/sk/2016/invalid.png");background-position:right top;background-repeat:no-repeat}input:required:valid,.brol-valid{background-image:url("/img/sk/2016/valid.png");background-position:right top;background-repeat:no-repeat}dl{margin:0 auto;padding:0;width:80%}dt{margin-top:15px;padding:5px;font-weight:bold;background:#ddd}dd{margin:0;padding:5px;border:1px solid #ddd;background:#eee}q:before,blockquote:before,q:after,blockquote:after{content:""}q.fun,p.fun q{color:#558}p.fun,q.fun{background-image:url("/img/smiley/look_up.gif");background-position:0 50%;background-repeat:no-repeat;padding-left:24px}q.fun[title]:before{content:"(" attr(title) ") "}.dispCde{background:#CCD3DD;color:#222}.prompt,.cppsynt,code,.fct,.val,.cde,.struct,.cls,.nmsp,.meth,var,.frmla{font-family:Inconsolata,monospace}div.prompt,div.cppsynt,code,div.fct,div.val,div.cde,div.struct,div.cls,div.nmsp,div.meth,div.frmla{padding:5px}.frmla{background-color:#eaeaff}.brol-link{cursor:pointer}a.prevBtn{float:left}a.nextBtn{float:right}.nav{display:block;padding-bottom:30px}.menToc{text-align:center}.menToc ul{list-style:none;text-align:left;width:100%;padding:0;margin:0}.menToc ul li{margin:0;border:0;border-top:1px solid #eee}.menToc ul li a{display:block;padding:4px 8px 4px 8px;border:0;border-left:20px solid #aab;background:#fff;text-decoration:none;font-size:12px;font-weight:bold}.menToc ul li a:link{color:#005}.menToc ul li a:visited{color:#505}.menToc ul li a:hover{border-color:#ff9000}.menToc ul li a{border-color:#555;font-size:14px}.menToc ul li ul li a{padding-left:20px;border-color:#888;font-size:12px}.menToc ul li ul li a:hover{border-color:#fea201}.menToc ul li ul li ul li a{padding-left:40px;border-color:#aaa;font-size:10px}.menToc ul li ul li ul li a:hover{border-color:#fe5401}.menToc ul li ul li ul li ul li a{padding-left:60px;border-color:#ddd;font-weight:normal}.menToc ul li ul li ul li ul li a:hover{border-color:#fe01a2}.menToc ul li ul li ul li ul li ul li a{padding-left:80px;border-color:#fff}.menToc ul li ul li ul li ul li ul li a:hover{border-color:#dd01fe}.brol-toc1b ol{list-style:none}.brol-toc1a ol{counter-reset:brol-toc1b;margin-left:0;padding-left:0}.brol-toc1a ol>li{position:relative;margin:0 0 6px 2em;padding:4px 8px 4px 1.5rem;list-style:none;border-top:2px solid #f6f6f6}.brol-toc1a ol ol ol>li{padding:4px 8px 4px 2rem}.brol-toc1a ol ol ol ol>li{padding:4px 8px 4px 3rem}ol.brol-toc1b>li:before{content:counter(brol-toc1b, upper-latin);counter-increment:brol-toc1b;width:2em}.brol-toc1a ol>li:before{position:absolute;top:-2px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:8px;padding:4px;border-top:2px solid #f6f6f6;color:#8699B0;background:#f6f6f6;font-weight:bold;font-family:"Helvetica Neue",Arial,sans-serif;text-align:center}ol.brol-toc1b li ol{counter-reset:inner}ol.brol-toc1b ol li:before{content:counter(brol-toc1b, upper-latin) "." counters(inner, ".");counter-increment:inner;padding-right:5px}.brol-toc1b li ol,.brol-toc1b li ul{margin-top:6px}ol.brol-toc1b ol li:last-child{margin-bottom:0}.ta-c{text-align:center}.ta-l{text-align:left}.ta-r{text-align:right}.clearBoth,.table{clear:both}.msg_error{margin:.5em 0 .5em 0;background-repeat:no-repeat;background-position:10px 50%;padding:10px 10px 10px 50px}.msg_p{margin:.5em 0 .5em 0;padding:10px}.pm_notice,.msg_advanced,.msg_notice,.msg_warning,.msg_tip,.msg_remark,.msg_question,.msg_site,.msg_todo,.msg_goto,.goto{margin:.5em 0 .5em 0;background-repeat:no-repeat;background-position:10px 50%;padding:10px 10px 10px 36px}.msg_p .msg_t,.msg_advanced .msg_t,.msg_notice .msg_t,.msg_warning .msg_t,.msg_error .msg_t,.msg_tip .msg_t,.msg_remark .msg_t,.msg_question .msg_t,.msg_site .msg_t,.msg_todo .msg_t,.msg_goto .msg_t{margin:0 0 .2em 0}.msg_p,.msg_advanced,.msg_notice,.msg_tip,.msg_site,.msg_todo{background-color:#F5F5FF;color:#5B4D7E;border:.1em solid #EBE5FF}.msg_todo{background-image:url("/img/sk/msg_task.gif")}.msg_notice{background-image:url("/img/sk/msg_notice2.gif")}.msg_site{background-image:url("/img/sk/msg_site.gif")}.msg_goto{background-image:url("/img/sui.gif");background-color:#FEFEFE;color:#686868;border:.1em solid #EFEFEF}.msg_goto .msg_t{border-bottom:.1em solid #EFEFEF}.msg_p .msg_t,.msg_notice .msg_t,.msg_advanced .msg_t,.msg_site .msg_t{border-bottom:.1em solid #EBE5FF}.msg_tip{background-image:url("/img/sk/msg_tip.png")}.msg_advanced{background-image:url("/img/sk/msg_advanced.png")}.msg_advanced .hi,.msg_tip .hi{background-color:#F5F5FF;color:#5B4D7E}.msg_tip .msg_t{text-decoration:underline}.msg_remark{background-color:#FFFFDD;border:.1em solid #FFD700;background-image:url("/img/sk/msg_remark.gif")}.msg_remark .msg_t{text-decoration:underline}.msg_question{background-image:url("/img/sk/msg_question.png")}.msg_warning{color:#CC0000;background-color:#FFFFCC;border:.1em solid #CC0000;background-image:url("/img/sk/msg_warning.png")}.msg_warning .msg_t{border-bottom:.1em solid #cc0000}.msg_error{background-color:#FFFFCC;color:#ff0000;border:.1em solid #ff0000;background-image:url("/img/sk/msg_error.png")}.msg_error .msg_t{border-bottom:.1em solid #ff0000;font-weight:bold;text-align:center}.goto{background-image:url("/img/smiley/go.gif")}ul.brol-item-list{list-style:none;margin:0}.brol-item{border-top:1px solid #d1d1d1;padding:1.75em 0}.brol-item .brol-item-title{font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:16px;font-size:1rem;letter-spacing:.046875em;line-height:1.3125;margin:0 0 1.75em}.brol-item-title a{color:#1a1a1a}.brol-item-info .brol-item-main{font-size:16px;font-size:1rem;font-weight:900;line-height:1.75}.brol-item-info{color:#686868;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-size:.8125rem;line-height:1.61538462}.brolSubItem{border:1px solid inset;background:#f4f4f2;color:#555;margin:5px;padding:5px}.pcde,.cppsynt{border:1px solid #DBDBB0;padding:5px;background:#FBFBF8}.pcde,.inlinesynt{background:#dee7ed}.prompt{border:2px inset;padding:5px}.prompt,.inlineprompt{background:#000;color:#fff}.site-main>article.search-result{background:#EEE;color:#222;border-bottom:1px solid #d1d1d1;padding-left:5px}a.docStructBtn,a.topBtn{background-repeat:no-repeat;background-position:2px 50%;padding:2px 2px 2px 18px}#wpadminbar #ub-site-name>.ab-item:before{content:"\f333";top:2px}#wpadminbar #ub-site-info>.ab-item:before{content:"\f348";top:2px}a.docStructBtn{background-image:url("data:image/gif;base64,R0lGODlhEAAQAOYAALS70fj5/PT2+36PtJ2pxWd9qfL1+/b4/Pn6/IWcxIyXquLq+Oju+e/z+oqhyJCny5at0Z2y1qW52+fu+eju+O3y+qzB4bPH5o2Yqejv+erw+fH1+/D0+vb4++Hr+ODq9+Ps+OTs9+zy+u3y+fT3+4+aqJGbp+Hr9+Ps9+fv+enw+ejv+O/0+vL2+5ScpeXu+Ofv+Orx+fH2+/L2+vH2+vf6/JifojeYYKjOt3y4fZ6inqKlm6iol62rlLGukbWwjr21ibmyjL+2iP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEMALAAAAAAQABAAAAengENDQoSFhoSCgkAIjI2OQIlDQQg4NziOjEGRPwE3OTcBBQMEADU/kT4dlTgdB62tPpE9AiS1ArS0JD2RPDSrLTMGBhsyPJE7HJ43LKKkDTuROhWrFdUiIxU6kTYaMRrd3d4qNpEuKaswKwwTFBkukSUvyi/NAC8lkQogqyAoICAhQCiIhGGBhxMIPTxwkMCDiUhDMHyY+AFCIgwYIA65YEFCBI2CAgEAOw==")}a.topBtn{background-image:url("data:image/gif;base64,R0lGODlhEAAQAIcAAKZrEKdsEKluEKluEapwEatwEa1yEq91Eq91E7F4E7R6E7R6FLR7FLZ8FLZ9FLh/Fbl/FbqBFruBFryCFryDFr2EFvvdg/vgjvvhjvzgjvvknfvlnfzlnfzqr/3qr/zqsP3qsODf4/zww/3wwv3ww/311P321f711P711f755f765P765f797wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAACEALAAAAAAQABAAAAh1AEMIHEiwoEGBFSocNFiBBQuFCwVOSJFCxQoKESOcMGECRYkSEg4+IEFSxIgRJCEUdPABRAcQLT94kNmA4AIFChZo0LCBQ04GCw4myIDhQoYEEUMgsMDUwoGkBppaMJCUgNQCSQdIFZA0gNQASUMAGAsgbNiAADs=")}.brol-img{margin:10px}.brol-img-header{display:block;margin-left:auto;margin-right:auto}section#brol-photo-stream{display:flex;flex-wrap:wrap}section#brol-photo-stream::after{content:'';flex-grow:999999999}section#brol-photo-stream div.brol-photo-thumb{margin:2px;background-color:#aaa;position:relative}i{display:block}section#brol-photo-stream img{position:absolute;top:0;width:100%;vertical-align:bottom}@media print{.impo{display:inline !important}.impn,a.docStructBtn,a.topBtn,.noDisp{display:none !important}.content-area h1,.content-area h2,.content-area h3,.content-area h3,.content-area h4,.content-area h5,.content-area h6{clear:both;margin-left:0;margin-right:0;margin-bottom:10px;margin-top:40px;background-color:#ffffff;color:#000}.brol-pseudotable-wrapper{position:relative}.brol-pseudotable{display:table;background:none !important}.brol-pseudotable-caption{display:table-caption;caption-side:top;text-align:center}.brol-pseudotgroup{display:table-row-group}.brol-pseudorow{display:table-row;background:none !important}.brol-pseudocell,.brol-pseudocell-th,.brol-pseudocell-rh{display:table-cell;background:none !important}.brol-pseudotable-wrapper.brol-pseudocell:not(.brol-empty):not(.brol-rowcollapsed),.brol-pseudotable-wrapper.brol-pseudorow:not(.brol-empty).brol-pseudocell-th,.brol-pseudotable-wrapper.brol-pseudocell-rh:not(.brol-empty):not(.brol-rowcollapsed){padding:3px;border:1px solid #d1d1d1 !important}.brol-pseudocell-rh{text-align:center;font:bold}.brol-rowcollapsed{padding:3px;border-bottom:0;background:none !important}.brol-pseudotable-wrapper.brol-rowcollapsed{border-top:1px solid #d1d1d1 !important}.brol-empty,.brol-empty-last,.brol-rowcollapsed{width:100px;background:none !important}.brol-pseudotable-wrapper.brol-empty,.brol-pseudotable-wrapper.brol-empty-last,.brol-pseudotable-wrapper.brol-rowcollapsed{border-right:1px solid #d1d1d1 !important;border-left:1px solid #d1d1d1 !important}.brol-empty-last{border-top:none !important}.brol-pseudotable-wrapper.brol-empty-last{border-bottom:1px solid #d1d1d1 !important}.brol-empty{border-top:none !important;border-bottom:none !important}}

 

Document créé le 07/01/10 00:08, dernière modification le 18/07/17 09:54
Source du document imprimé : https://www.gaudry.be/info/style.html

L'infobrol est un site personnel dont le contenu n'engage que moi. Le texte est mis à disposition sous licence CreativeCommons(BY-NC-SA). Plus d'info sur les conditions d'utilisation et sur l'auteur.

Notes

  1.  Print Screen : correspond à « Impr. écran” en français

  2.  Prt Scr : “Print Screen” (en français, « Impr. écran ») La touche d'impression d'écran se situe souvent à droite de la touche F12, et permet de réaliser une capture d'écran, pour l'envoyer dans le presse-papiers.

  3.  ASP : Active Server Pages ensemble de logiciels développés par Microsoft et utilisés dans la programmation Web