<- Le site   Contact - Auteur ->

Styles

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. /* CSS pour les tableaux */
  2. .t1{color:#E8EBF0;background:#7B849C;font-weight:bold;}
  3. .t2{color:#000;background:#B5B5C6;}
  4. .t3{color:#000;background:#C0C8D6;}
  5. .t4{color:#000;background:#ccc;}
  6. .t5{color:#f00;background:#bbb;}
  7. .tEdit{color:#f00;background:#ccc;}
  8. .tView{color:#090;background:#ccc;}
  9. .tNo{color:#fff;background:#f00;}
  10. .tOk{color:#000;background:#fc0;}
  11. .tYes{color:#fff;background:#090;}
  12. .a1{color:#900;background:#fff;}
  13. .a2{color:#000;background:#fe0;}
  14. .a3{color:#900;background:#fc0;}
  15. .a4{color:#000;background:#f90;}
  16. .a5{color:#fff;background:#f00;}
  17. .dbe1{color:#000;background:#EDEEEF;}
  18. .dbe2{color:#000;background-color:#E2E7E9;}
  19. .dbe3{color:#000;background:#D3D9DE;}
  20. .dbe4{color:#000;background:#C4CED5;}
  21. .dbe5{color:#000;background:#B2C0CA;}
  22. .dbe6{color:#000;background:#A3B5C3;}
  23. .dbe7{color:#000;background:#92A6B6;}
  24. .dbe8{color:#fff;background:#889EAF;}
  25. .dbe9{color:#fff;background:#526D81;}
  26. .dbe10{color:#fff;background:#3D586D;}
  27. .dbe11{color:#fff;background:#2D475B;}
  28. .dbe12{color:#fff;background:#182E40;}

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;}
  2. /*CdeW*/.CdeW{font-size:12px;font-weight:bold;color:#FFF;background:#F00;border:1px solid #7F9DB9;}
  3. /*comment*/.CdeC{font-style:italic;color:#537797;}
  4. /*hlp*/.CdeH{font-weight:bold;color:#99F;}
  5. /*avert - update*/.Cde1{font-weight:bold;color:#F90;}
  6. /*ok - insert*/.Cde2{font-weight:bold;color:#090;}
  7. .Cde3{font-weight:normal;color:#369;}
  8. /*del*/.Cde4{font-weight:bold;color:#F00;}
  9. .uml{margin:15px 50px;border:1px solid #000;background:#fff;color:#000;}
  10. .umlCName{font-weight:600;text-align:center;padding:5px;}
  11. .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. /* CSS Used to display icons */
  2. .lmdb,.lxls,.lwrd,.lppt,.lout,.lexc{background-repeat:no-repeat;background-position:center left;padding:5px 35px;}
  3. .lmdb{background-image:url("/img/file/logo-access-28.jpg");}
  4. .lxls{background-image:url("/img/file/logo-excel-28.jpg");}
  5. .lwrd{background-image:url("/img/file/logo-word-28.jpg");}
  6. .lppt{background-image:url("/img/file/logo-powerpoint-28.jpg");}
  7. .lout{background-image:url("/img/file/logo-outlook-28.jpg");}
  8. .lexc{background-image:url("/img/file/logo-exchange-28.jpg");}
  9. .xls{list-style:url("/img/file/f_xls.gif");margin-left:-5px;}
  10. .mdb{list-style:url("/img/file/f_mdb.gif");margin-left:-5px;}
  11. .out{list-style:url("/img/file/f_out.gif");margin-left:-5px;}
  12. .exch{list-style:url("/img/file/f_exch.gif");margin-left:-5px;}

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

h1

h2

h3

h4

h5
h6
<dt> Titre définition
<dd> Terme défini
<dt> Titre définition
<dd> Terme défini

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

  1. /* Gris-Orange CSS */
  2. @import "layout1.css";
  3. body{background:#9DACBF;}
  4. .brolItem,.actionsMenu a:hover,#mainMenu li a:hover,#mainMenu li#active a{background:#fff;color:#000;}
  5. .userDate:visited,a span.notSeen{color:#000;}
  6. .com,.com .hi{background:#DDECFE;color:#222;}
  7. div.menToc, div.ul,.com .comT,.comT .hi,div.menToc li,div.ul li,.actionsMenu li,tfoot td{background:#fff;}
  8. /*#contentNavInfos{background:#8699B0;border:1px solid #000;}*/
  9. /*#brolInfos{background:#eee;}*/
  10. #brolHeader{background:#eee;border:1px solid #000;}
  11. #imgHeader{border-bottom:1px solid #000;}
  12. #mainMenu{border-top:1px solid #333;}
  13. #mainMenu a{background:#DFE1D7;color:#000;}
  14. #mainMenu li a:hover{padding:1px 5px;border:1px inset;}
  15. #brolContentFooter{border:1px solid #333;background:#C4CDD9;}
  16. a,a q{text-decoration:none;}a:link{color:#00f;}a:visited,a:visited q{color:#77f;}
  17. .nav a:visited{color:#555;}
  18. a.prevBtn,a.nextBtn/*,a.topBtn*/{padding:2px;border:thin outset;background:#eee;color:#555;}
  19. /*a.topBtn{width:80px;text-align:center;}*/
  20. a.prevBtn:hover,a.nextBtn:hover/*,a.topBtn:hover*/{border:2px inset;background:#ddd;color:#000;}
  21. a span.notSeen{display:inline;text-decoration:none;}
  22. a:visited span.seen{color:#f00;}
  23. a.art:hover{background:#fff;}
  24. .userDate:hover{color:#f00;}
  25. .actionsMenuDiv{background:#9DACBF;color:#000;}
  26. .actionsMenu a,.actionsMenu a:visited{border:1px solid #333;border-top:1px solid #B6BAA3;background:#6D85A0;color:#fff;}
  27. .subActionsMenu a{background-color:#91A3B7;color:#000;}
  28. .actionsMenu li#active a{background:#DFE1D7;color:#000;}
  29. .brolItem{border:1px solid #000;}
  30. .brolInfoItem,.brolInfoItemOver{font-size:9px;line-height:11px;border:1px solid #000;}
  31. .brolInfoItem{background:#F5F5F3;}
  32. .brolInfoItemOver{background:#ddf;}
  33. .brolSubItem{border:1px solid inset;background:#E3E3DD;color:#555;}
  34. .navMen{font-size:9px;line-height:17px;margin:0;padding:0px 0px 0px 30px;list-style:outside url("/img/file/fc.gif");}
  35. .navMenActive{list-style:url("/img/file/fo.gif");}
  36. .subNavMen{list-style:url("/img/file/ff.gif");margin-left:-25px;@margin-left:10px;/*ie*/}
  37. .subNavMenActive{list-style:url("/img/file/ff_c.gif");}
  38. .fr{list-style:url("/img/file/flagfr.gif");margin-left:-5px;}
  39. .uk{list-style:url("/img/file/flaguk.gif");margin-left:-5px;}
  40. .hi{background-color:#ffa;color:#333;}
  41. .stno{background:#fdc;}.styes{background:#dfc;}/*bold not allowed!!!*/
  42. .stnoh{color:#fff;background:#f44;}.styh{color:#fff;background:#191;}/*bold not allowed!!!*/
  43. .table{background:#9DACBF;color:#fff;}.table a{color:#E1E6EC;}
  44. .td,.dispCde{background:#CCD3DD;color:#222;}.td a,.td2 a{color:#1a50b8;}
  45. .td2{background:#ECEEF0;color:#222;}
  46. th,thead td{background:#677E96;color:#fff;}
  47. tfoot th{background:#efefef;color:#555;}
  48. tfoot td{color:#555;}
  49. .td th{font:bold;background:#AAB5C6;color:#333;}
  50. .td2 th{font:bold;background:#e6e8f2;color:#333;}
  51. .inputtxt/*,.inputsel*/{border:1px solid #7f9db9;color:#000;}
  52. .inputtxt{font:bold;background:#ffd;}/*.inputsel{background:#ffd;}*/
  53. .inactive{color:#C0C0C0;}
  54. textarea.inactive{background:#eee;color:#77d;}
  55. .prompt{border:2px inset;}
  56. .prompt,.inlineprompt{background:#000;color:#fff;}
  57. .pcde,.cppsynt{border:1px solid #666;}
  58. .pcde,.inlinesynt{background:#D0DCE6;}
  59. .var,var{font-style: italic;}/*Only italic!!!*/
  60. /*struct:c structures;cls:classes;nmsp:packages,namespaces*/
  61. .fct,.var,.struct,var{color:#222;}.cls{color:#000;}.num{color:#CC3300;}.nmsp{color:#550;}
  62. .frmla{background-color:#eaeaff;}
  63. .file{color:#444;/*font-weight:400;*/}
  64. /*.file:before{content:'\2039';}
  65. .file:after{content:'\203a';}*/
  66. .cppsynt{background:#FBFBF8;}
  67. .error{color:#fff;background:#f00;}
  68. .reply{margin-left:10px;border-left:thin dotted #aab;}
  69. h1{display:block;padding:5px;font:bold;border:1px groove;background:#F93;color:#000;text-align:center;}
  70. h2{display:block;padding:2px;border:1px solid #000;background:#F93;color:#000;}
  71. h1 a,h1 a:active,h1 a:visited, h2 a,h2 a:active,h2 a:visited{color:#000;text-decoration:none;}
  72. h1 a:hover,h2 a:hover{color:#000;text-decoration:underline;}
  73. h3{border-bottom:1px solid #F93;}
  74. h3,h4,h5,h6{display:block;color:#F93;}
  75. .spacerL{display:block;height:200px;}.spacerM{display:block;height:100px;}
  76. .brolTdItem{display:block;@float:left;/*ie*/margin:5px;padding:5px;border:thin dotted #92B3C2;font-size:10px;line-height:12px;}
  77. .brolTdItem{width:45%;}html>body .brolTdItem{/*!ie*/width:95%;margin:5px auto;}
  78. .brolTdXlItem{width:95%;margin:5px auto;padding:5px;border:1px solid #92B3C2;}
  79. p{margin-bottom:20px;}
  80. p[class="pn"]{text-indent:20px;}
  81. p[class="f"]:first-letter{border:1px solid #eee;font-weight:900;font-size:150%;margin-right:3px !important;padding:3px !important;float:left !important;margin-right:0px;padding:0px ;float:none;}
  82. p[class="pf"]:first-letter{background:#eee;font-size:40px;float:left;}
  83. q,blockquote{font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}
  84. q{font-size:14px;line-height:16px;color:#444;}
  85. blockquote{font-size:14px;line-height:18px;color:#444;}
  86. .qf{font-size:20px;color:#9DACBF;}
  87. blockquote:first-letter{text-indent:-0.8em;}
  88. q:before,blockquote:before,q:after,blockquote:after{content:"";} 
  89. q.fun,p.fun q{color:#558;}
  90. p.fun q.fun{background-image:url("/img/smiley/look_up.gif");background-position:0 50%;background-repeat:no-repeat;padding-left:24px;}
  91. q.fun[title]:before{content:"(" attr(title) ") ";}
  92. dl{margin:0px auto;padding:0;width:80%;}
  93. dt{margin-top:15px;padding:5px;font-weight:bold;background:#ddd;}
  94. dd{margin:0;padding:5px;border:1px solid #ddd;background:#eee;}
  95. .thumb{border:1px solid #333333;}
  96. /*.bbtoolbar{display:block;border-left:3px solid #fff;}
  97. .btnbi{display:block;margin-top:3px;border-top:1px solid #fff;padding-left:5px;font-weight:bold;}*/
  98. .btnbi{display:block;margin-top:3px;border:1px groove;padding-left:5px;font-weight:bold;}
  99. a.infotip:hover span.tip{border:1px solid #9DACBF;background-color:#F5F5F3; color:#000;}
  100. span.tip hr{height:1px;color:#9DACBF;}
  101. div.menToc{padding-left:15px;color:#779;font-weight:bold;}
  102. div.menToc a:link{margin-left:5px;color:#00f;}
  103. div.menToc a:visited{color:#505;}
  104. div.menToc a:hover{margin-left:0px;padding-left:5px;color:#00f;;background:#8699B0;}
  105. div.menToc li,div.ul li{border:0px;padding-top:5px;}
  106. div.menToc ul{text-decoration:none;font-size:14px;list-style-type:upper-roman;}
  107. div.menToc ul:hover,div.menToc li a:hover,div.ul ul:hover{background-color:#ccd3dd;}
  108. div.menToc ul ul{font-weight:normal;font-size:12px;list-style-type:decimal;}
  109. div.menToc ul ul:hover,div.menToc li li a:hover,div.ul ul ul:hover{background-color:#BAC6DA;}
  110. div.menToc ul ul ul{font-size:10px;list-style-type:upper-alpha;}
  111. div.menToc ul ul ul:hover,div.menToc li li li a:hover,div.ul ul ul ul:hover{background-color:#ACBBD2;}
  112. div.menToc ul ul ul ul{list-style-type:lower-alpha;}
  113. div.menToc ul ul ul ul:hover,div.menToc li li li li a:hover,div.ul ul ul ul ul:hover{background-color:#9EB0CB;}
  114. div.menToc ul ul ul ul ul{list-style-type:lower-roman;}
  115. div.menToc ul ul ul ul ul:hover,div.menToc li li li li li a:hover,div.ul ul ul ul ul ul:hover{background-color:#8DA3C2;}
  116. div.menToc ul ul ul ul ul ul{list-style-type:disc;}
  117. a.docStructBtn,a.topBtn{background-repeat:no-repeat;background-position:2px 50%;padding:2px 2px 2px 18px;}
  118. a.docStructBtn{background-image:url("/img/sk/mSom1.gif");}
  119. a.topBtn{background-image:url("/img/sk/topBtn2.gif");}
  120. .psproblem,.psok,.psrun,.psstop,.pscase{background-repeat:no-repeat;padding:2px 2px 2px 18px;}
  121. li.psproblem,li.psok,li.psrun,li.psstop,li.pscase,ul.psn{list-style:none;}
  122. .psproblem{background-image:url("/img/sk/msg_remark.gif");}
  123. .psok{background-image:url("/img/sk/solution2.gif");}
  124. .psrun{background-image:url("/img/sk/threadrun.gif");}
  125. .psstop{background-image:url("/img/sk/threadstop.gif");}
  126. .pscase{background-image:url("/img/sk/pscase2.gif");}
  127. .msg_p,.msg_advanced,.msg_notice,.msg_tip,.msg_site,.msg_todo{background-color:#F5F5FF;color:#5B4D7E;border:0.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_p .msg_t,.msg_notice .msg_t,.msg_advanced .msg_t,.msg_site .msg_t{border-bottom:0.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:0.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:0.1em solid #CC0000;background-image:url("/img/sk/msg_warning.png");}.msg_warning .msg_t{border-bottom:0.1em solid #cc0000;}.msg_error{background-color:#FFFFCC;color:#ff0000;border:0.1em solid #ff0000;background-image:url("/img/sk/msg_error.png");}.msg_error .msg_t{border-bottom:0.1em solid #ff0000;font-weight:bold;text-align:center;}
  128. html>body .tagcloud a{line-height: 25px;padding: 0 3px;margin: 0;}
  129. html>body .tagcloud a:hover{color:#003;background:#9DACBF;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-border-top-left-radius: 5px; /* pour Chrome */-webkit-border-top-right-radius: 5px; /* pour Chrome */-webkit-border-bottom-left-radius: 5px; /* pour Chrome */-webkit-border-bottom-right-radius: 5px; /* pour Chrome */}
  130. a.tcld1{font-family:Verdana, Helvetica, sans-serif;}a.tcld2{font-family:Arial,Helvetica,sans-serif;}a.tcld3,a.tcld5{font-family:"Times New Roman", Times, serif;}a.tcld4,a.tcld9{font-family:"Alpha Geometrique", Critter, Cottonwood, fantasy;}a.tcld1{color:#000;font-style:italic;font-weight:bold;}a.tcld2{color:#333;font-weight:900;}a.tcld3{color:#666;font-weight:800;}a.tcld4{color:#999;font-style:italic;}a.tcld5{color:#000;font-weight:600;}a.tcld6{font-family:"Courier New", Courier, mono;color:#333;}a.tcld7{font-family:"Times New Roman", Times, sans-serif;color:#c0c0c0;}a.tcld8{font-family:"Times New Roman", Georgia, Serif;color:#444;font-weight:lighter;}a.tcld9{color:#ddd;font-style:italic;}
  131. a.tcldd{color:#c0c0c0;}.rcol0{color:#000;}a.rcol1{color:#ddc0c0;}a.rcol2{color:#c0c0a0;}a.rcol3{color:#c0a0c0;}a.rcol4{color:#a0c0c0;}a.rcol5{color:#a0a0c0;}

 

<- Le site   Contact - Auteur ->

Réseaux sociaux

|Plus d'options...

Vous pouvez modifier vos préférences dans votre profil pour ne plus afficher les interactions avec les réseaux sociaux sur ces pages.

 

Nuage de mots clés

10 mots clés dont 4 définis manuellement (plus d'information...).

Cascading StyleSheet cs CSS feuille de style feuille-de-style Gaudry Signaler une erreur style stylesheet Stéphane Gaudry

Vous pouvez modifier vos préférences dans votre profil pour ne plus afficher le nuage de mots clés.

 

Structure du document

Astuce pour imprimer les couleurs des cellules de tableaux : http://www.gaudry.be/ast-rf-450.html
Aucun commentaire pour cette page

© Ce document issu de l′infobrol est enregistré sous le certificat Cyber PrInterDeposit Digital Numbertection. Enregistrement IDDN n° 5329-10369
Document créé le 06/01/10 23:08, dernière modification le Vendredi 17 Juin 2011, 11:16
Source du document imprimé : http://www.gaudry.be/nav/css-info.html Document affiché 3 fois ce mois de Février.
St.Gaudry©07.01.02
Outils (masquer)
||
Recherche (afficher)
Recherche :

Utilisateur (masquer)
Navigation (masquer)
Apparence (afficher)
Stats (afficher)
15831 documents
451 astuces.
549 niouzes.
3099 definitions.
447 membres.
8114 messages.

Document genere en :
0,61 seconde

Mises à jour :
Mises à jour du site
Citation (masquer)
Un jour, Chuck Norris a perdu son alliance. Depuis c'est le bordel dans les terres du milieu...

Anonyme [Chuck Norris fact]
 
l'infobrol
Nous sommes le Jeudi 09 Février 2012, 22:03, toutes les heures sont au format GMT+1.00 Heure, heure d'hiver