| New file |
|---|
| 0,0 → 1,990 |
|---|
| /* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */ |
| select { |
| background: #FFF; |
| } |
| /** Add css rules here for your application. */ |
| body,html { |
| height: 100%; |
| } |
| |
| body div { |
| font-family:arial; |
| } |
| |
| /** Example rules used by the template application (remove for your app) */ |
| h1 { |
| font-size: 2em; |
| font-weight: bold; |
| color: #777777; |
| margin: 0; |
| text-align: center; |
| } |
| |
| /*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/ |
| .sendButton { |
| display: block; |
| font-size: 16pt; |
| } |
| |
| /** Most GWT widgets already have a style name defined */ |
| .gwt-DialogBox { |
| width: 400px; |
| } |
| |
| .dialogVPanel { |
| margin: 5px; |
| } |
| |
| .serverResponseLabelError { |
| color: red; |
| } |
| |
| /** Erreur dans un formulaire de type texte **/ |
| .erreurFormTexte, .erreurFormTexte input { |
| background-color: red !important; |
| } |
| |
| /** Set ids using widget.getElement().setId("idOfElement") */ |
| #closeButton { |
| margin: 15px 6px 6px; |
| } |
| |
| #zoneTitre { |
| width:45%; |
| margin-top:13px; |
| } |
| #zoneLiens { |
| clear:both; |
| } |
| #zoneTitre h1 { |
| font-size:72px; |
| } |
| |
| |
| .titre2 { |
| color: #FD8C13; |
| font-size: 13px; |
| margin: 20px 0 10px; |
| padding: 0 0 0 25px; |
| text-transform: none; |
| font-weight: bold; |
| background: url(./img/troisCarre.png) no-repeat 0 8px; |
| } |
| |
| .boutonPlus { |
| border: none; |
| color: rgba(0, 0, 0, 0); |
| background: url("./img/zoom_in.png"); |
| width: 16px; |
| height: 16px; |
| cursor: pointer; |
| } |
| |
| .boutonMoins { |
| border: none; |
| color: rgba(0, 0, 0, 0); |
| background: url("./img/zoom_out.png"); |
| width: 16px; |
| height: 16px; |
| cursor: pointer; |
| } |
| .lienRetour { |
| display:inline-block; |
| } |
| .lienRetour a { |
| border: 1px solid #99C242 !important; |
| border-radius: 10px; |
| box-shadow: 1px 2px 2px #AAAAAA; |
| padding: 5px 5px 5px 23px; |
| background: url("./img/16x16/retour.png") no-repeat 5px 5px; |
| color: #598000; |
| cursor: pointer; |
| font-weight: bold; |
| text-decoration: none; |
| } |
| .lienRetour a:hover { |
| color:white !important; |
| background-color:#8EB533; |
| background: #8EB533 url("./img/16x16/retour_actif.png") no-repeat 3px 3px; |
| } |
| |
| #navigation { |
| } |
| |
| #navigation>div>div { |
| } |
| |
| #navigation>div>div:hover { |
| } |
| |
| #navigation a { |
| } |
| |
| #main { |
| width:1000px; |
| margin:0 auto; |
| } |
| |
| #contenu a { |
| border-bottom: 1px dotted #95AE5D; |
| color: #598000; |
| } |
| |
| #contenu a:hover { |
| border-bottom: 1px dotted #95AE5D; |
| color: #FD8C13; |
| } |
| |
| .labelLien { |
| border-bottom: 1px dotted #95AE5D; |
| line-height: 18px; |
| color: #598000; |
| cursor:pointer; |
| } |
| .labelLien:hover { |
| border-bottom: 1px dotted #95AE5D; |
| color: #FD8C13; |
| } |
| |
| .lien { |
| color: blue; |
| text-decoration: underline; |
| cursor: pointer |
| } |
| |
| .titre { |
| color: #FD8C13; |
| font-size: 15px; |
| margin: 20px 0 10px; |
| padding: 0 0 0 25px; |
| text-transform: uppercase; |
| font-weight: bold; |
| background: url(./img/troisCarre.png) no-repeat 0 8px; |
| } |
| |
| .titre3 { |
| color: #FD8C13; |
| font-size: 15px; |
| margin: 20px 0 10px; |
| font-weight: bold; |
| } |
| |
| .titre-minuscule { |
| color: #FD8C13; |
| font-size: 15px; |
| margin: 20px 0 10px; |
| padding: 0 0 0 25px; |
| font-weight: bold; |
| background: url(./img/troisCarre.png) no-repeat 0 8px; |
| } |
| |
| .sousTitre { |
| font-size: 15px; |
| font-weight: bold |
| } |
| |
| .petit { |
| font-size: 11px; |
| color: #888 |
| } |
| |
| .gris { |
| color: #888 |
| } |
| |
| .gras { |
| font-weight: bold |
| } |
| |
| .plein { |
| width: 100%; |
| } |
| |
| .tiers { |
| width: 30% |
| } |
| |
| .quart { |
| width: 25%; |
| } |
| |
| .actif { |
| background: #8EB533 |
| } |
| |
| .inactif { |
| background: white |
| } |
| |
| .gauche { |
| float: left |
| } |
| |
| .droite { |
| float: right |
| } |
| |
| .nettoyage { |
| clear: both |
| } |
| hr.nettoyage { |
| width:0; |
| height:0; |
| border:none; |
| } |
| hr { |
| border: none; |
| border-bottom: solid 1px #DDD; |
| border-top: solid 1px #AAA |
| } |
| |
| .gwt-SuggestBoxPopup { |
| z-index: 10000 |
| } |
| |
| .fenetreDefilante { |
| position: fixed; |
| margin: auto |
| } |
| |
| .overlay { |
| background-color: #777; |
| cursor: pointer; |
| display: block; |
| opacity: 0.7; |
| left: 0; |
| top: 0; |
| position: fixed; |
| width: 100%; |
| z-index: 1100; |
| height: 100% |
| } |
| |
| .overlayContenu { |
| cursor: pointer; |
| display: block; |
| opacity: 1; |
| left: 0; |
| top: 0; |
| position: fixed; |
| width: 100%; |
| z-index: 1200; |
| height: 100% |
| } |
| |
| .fermerOverlay { |
| z-index: 1210; |
| position: fixed; |
| width: 30px; |
| height: 30px; |
| background: url(./img/close.png) no-repeat 5px 0; |
| border: none; |
| color: white; |
| font-weight: bold; |
| cursor: pointer; |
| border: 1px dotted #95AE5D; |
| border-width: 0 0 1px 0; |
| padding-right: 30px |
| } |
| |
| .precedentOverlay:hover { |
| opacity: 1; |
| } |
| |
| .precedentOverlay { |
| display: block; |
| z-index: 1210; |
| position: fixed; |
| width: 30px; |
| height: 40px; |
| background: url(./img/precedent_overlay.png) no-repeat 50px 170px; |
| border: none; |
| color: white; |
| font-weight: bold; |
| cursor: pointer; |
| margin-top: -170px; |
| padding-bottom: 200px; |
| padding-left: 200px; |
| padding-top: 200px; |
| opacity: 0; |
| } |
| |
| .suivantOverlay:hover { |
| opacity: 1; |
| } |
| |
| .suivantOverlay { |
| display: block; |
| z-index: 1210; |
| position: fixed; |
| width: 30px; |
| height: 40px; |
| background: url(./img/suivant_overlay.png) no-repeat 90px 170px; |
| border: none; |
| color: white; |
| font-weight: bold; |
| cursor: pointer; |
| margin-top: -170px; |
| padding-bottom: 200px; |
| padding-right: 200px; |
| padding-top: 200px; |
| opacity: 0; |
| margin-left: -150px; |
| } |
| |
| .acceder-outil { |
| background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12; |
| text-decoration: none; |
| border: medium none; |
| border-radius: 10px 10px 10px 10px; |
| color: #6C6865; |
| font-size: 14px; |
| padding: 4px 10px 4px 30px; |
| cursor: pointer; |
| display: inline-block; |
| } |
| |
| .acceder-outil:hover { |
| color: #FD8C13; |
| } |
| |
| #contenu a.acceder-aide { |
| color:white; |
| } |
| .acceder-aide { |
| background: none repeat scroll 0 0 #3d5fbf; |
| border: medium none; |
| border-radius: 10px 10px 10px 10px; |
| color: white; |
| cursor: pointer; |
| display: inline-block; |
| font-size: 14px; |
| padding: 4px 10px; |
| text-decoration: none; |
| } |
| |
| .acceder-aide:hover { |
| border-bottom: 1px dotted #95AE5D; |
| color: #FD8C13; |
| } |
| |
| .colonne { |
| float: left; |
| } |
| |
| .ligne { |
| clear: left; |
| } |
| |
| .ombre-forte { |
| box-shadow: 2px 2px 2px #666; |
| -moz-box-shadow: 2px 2px 2px #666; |
| -webkit-box-shadow: 2px 2px 2px #666; |
| } |
| |
| .ombre-faible { |
| box-shadow: 2px 2px 2px #DDD; |
| -moz-box-shadow: 2px 2px 2px #DDD; |
| -webkit-box-shadow: 2px 2px 2px #DDD; |
| } |
| |
| .limiteMin { |
| min-width:870px; |
| } |
| |
| .limiteMax { |
| max-width:1150px; |
| margin:0 auto; |
| } |
| .limiteMaxResultat { |
| max-width:1000px; |
| margin:0 auto; |
| } |
| |
| .arrondi { |
| border-radius:10px; |
| -moz-border-radius:10px; |
| -webkit-border-radius:10px; |
| } |
| |
| .arrondi-faible { |
| border-radius:3px; |
| -moz-border-radius:3px; |
| -webkit-border-radius:3px; |
| } |
| |
| .bouton { |
| background: none repeat scroll 0 0 white; |
| border: 1px solid #99C242; |
| border-radius: 10px 10px 10px 10px; |
| box-shadow: 1px 2px 2px #AAAAAA; |
| color: #598000; |
| cursor: pointer; |
| font-size: 0.9em; |
| font-weight: bold; |
| padding: 5px; |
| } |
| |
| .bouton:hover { |
| background:#8EB533; |
| color:#FFF; |
| } |
| |
| .bouton-petit { |
| background: none repeat scroll 0 0 white; |
| border: 1px solid #99C242; |
| box-shadow: 1px 2px 2px #AAAAAA; |
| color: #598000; |
| cursor: pointer; |
| font-size: 11px; |
| font-weight: bold; |
| padding: 1px; |
| width:100px; |
| margin:0 5px; |
| } |
| |
| .bouton-petit:hover { |
| background:#8EB533; |
| color:#FFF; |
| } |
| |
| .votePrisEnCompteOui { |
| background:#8EB533; |
| position:absolute; |
| font-size:11px; |
| padding:5px; |
| margin-top:-30px; |
| border-radius:10px; |
| } |
| |
| .votePrisEnCompteNon, .voteSupprime { |
| background:#f06a6a; |
| position:absolute; |
| font-size:11px; |
| padding:5px; |
| margin-top:-30px; |
| border-radius:10px; |
| } |
| |
| .boutonVoteOuiDesactive { |
| background-image: url("img/pouce_haut_desactive.png") !important; |
| color:#999999; |
| cursor: default !important; |
| } |
| |
| .boutonVoteNonDesactive { |
| background-image: url("img/pouce_bas_desactive.png") !important; |
| color:#999999; |
| cursor: default !important; |
| } |
| |
| .chapeau { |
| color: #6C6865; |
| font-family: arial; |
| font-size: 13px; |
| font-weight: bold; |
| letter-spacing: 0; |
| line-height: 18px; |
| text-transform: none; |
| font-style:italic; |
| } |
| |
| .enfant { |
| background:#EEE; |
| margin-left:20px; |
| clear:both; |
| border-left:solid 1px; |
| padding-left:5px; |
| border-color:#DDD |
| } |
| |
| .image_determinee { |
| /*background: #333;*/ |
| } |
| |
| .image_non_determinee { |
| background: #CF1313 !important; |
| } |
| .suiteImages { |
| background:url(./img/suiteImages.png) 3px 0 no-repeat; |
| cursor:pointer; |
| color:rgba(0, 0, 0, 0) |
| } |
| |
| .propositionRetenue { |
| background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee; |
| border: 1px dotted green; |
| margin-bottom: 5px; |
| padding: 10px; |
| width: 550px; |
| } |
| |
| .propositionRetenuePetit { |
| background: url("img/proposition_validee.png") no-repeat scroll 0 0 #eee; |
| background-size: 20px 20px; |
| height: 23px; |
| width: 372px; |
| padding: 0; |
| margin: 0; |
| } |
| |
| .propostionRetenue .nomTaxonProposition { |
| font-weight: bold; |
| } |
| |
| .boutonValiderTaxon { |
| position: absolute; |
| margin-left: -3px; |
| margin-top: 15px; |
| padding: 3px 5px 0px; |
| font-size: 1.3em; |
| } |
| |
| .pointeur { |
| cursor: pointer; |
| } |
| .pointeur input { |
| cursor: pointer; |
| margin-right: 10px; |
| } |
| |
| .conteneurIntermediaireProposition { |
| display: table; |
| width: 95%; |
| } |
| |
| .boutonValider img { |
| cursor: pointer; |
| } |
| |
| .propositionValidable { |
| margin-left: 35px; |
| } |
| |
| .indicationPropositionInitiale { |
| font-weight : bold; |
| } |
| |
| .etoiles { |
| height: 26px; |
| margin-left: 38px; |
| margin-top: -2px; |
| width: 26px; |
| } |
| |
| .etoiles_0 { |
| background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px, |
| } |
| .etoiles_1 { |
| background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px, |
| } |
| .etoiles_2 { |
| background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px, |
| } |
| .etoiles_3 { |
| background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px; |
| } |
| .etoiles_4 { |
| background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px; |
| } |
| .etoiles_5 { |
| background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px; |
| } |
| |
| .boutonOK { |
| background:url("./img/tick.png") no-repeat; |
| width:15px; |
| height:15px; |
| display:block; |
| margin-top:2px; |
| border:none; |
| cursor:pointer; |
| } |
| |
| .enligne { |
| display:inline; |
| } |
| |
| .aide { |
| background:url(./img/information.png) no-repeat; |
| padding-left:20px; |
| } |
| |
| .lienListe { |
| background:url('./img/traitTela.jpg') no-repeat 0 0px; |
| cursor:pointer; |
| padding-left:31px; |
| padding-bottom:5px; |
| padding-top:2px; |
| border:none; |
| } |
| |
| .nombreVotes { |
| background:url('./img/user.png') no-repeat; |
| cursor: pointer; |
| } |
| |
| .notesVotes { |
| width: 196px; |
| margin-top: 3px; |
| /*border: solid white 1px;*/ |
| } |
| /*.notesVotes td { |
| border: solid white 1px; |
| }*/ |
| .notesVotes td.image { |
| text-align: left; |
| } |
| .notesVotes td.barre { |
| width: 135px; |
| } |
| .notesVotes td.votants { |
| width: 30px; |
| } |
| .notesVotes .avancement { |
| height: 5px; |
| background-color: #d0d0d0; |
| } |
| |
| img.etoile { |
| width: 16px; |
| } |
| |
| .chiffreDroite { |
| float: right; |
| margin-right: 10px; |
| } |
| |
| #contenu .lienRss a{ |
| padding-right:20px; |
| background:url('./img/rss.png') no-repeat right center; |
| cursor:pointer; |
| padding-bottom:1px; |
| border:none; |
| } |
| |
| .invisible { |
| visibility:hidden; |
| } |
| |
| .motCleCel { |
| display: inline-block; |
| margin-right: 3px; |
| border: 1px solid grey; |
| background-color: #B1BEBE; |
| padding-left: 2px; |
| padding-right: 2px; |
| line-height: 20px; |
| border-radius: 5px; |
| opacity:1; |
| color: black; |
| } |
| |
| div.motClePictoCoche { |
| background-color: #96B944; |
| } |
| |
| div.motclesPicto > div > span > input[type="checkbox"] { |
| opacity:0; |
| } |
| |
| span.texteMotClePicto label { |
| cursor: pointer; |
| } |
| |
| |
| /** FROM TELA */ |
| .importance1 { |
| margin:10px 0px 25px 0px; |
| background-color:#eaedcd; |
| padding:8px; |
| font-family:arial; |
| font-size:11px; |
| color:#3a3633; |
| border-radius:10px; |
| -moz-border-radius:10px; |
| -webkit-border-radius:10px; |
| box-shadow:7px 7px 11px #555; |
| -moz-box-shadow:2px 2px 5px #aaa; |
| -webkit-box-shadow:7px 7px 11px #aaa; |
| filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */ |
| zoom:1;/* pour ie8 */ |
| } |
| |
| .traitTela li { |
| background: url("https://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent; |
| font-family: arial; |
| font-size: 12px; |
| font-weight: bold; |
| color:#777; |
| list-style: none outside none; |
| padding: 10px 0 0 30px; |
| } |
| .connect { |
| width:130px; |
| margin:0; |
| padding:0; |
| } |
| |
| .contenuCentre { |
| text-align:center; |
| } |
| |
| |
| #zoneFooter{ |
| width:1000px; |
| margin:0 auto; |
| text-align:center; |
| color:#555; |
| font-family:arial; |
| font-size:11px; |
| font-weight:bold; |
| margin-top:30px; |
| } |
| |
| #zoneFooter a { |
| margin-right:30px; |
| |
| } |
| |
| .pictoplante-contact { |
| font-weight: normal; |
| } |
| |
| .pictoplante-contact a { |
| color: green; |
| text-decoration : none; |
| font-weight: bold; |
| } |
| |
| .pictoplante-contact a:visited { |
| color: #06BD1E; |
| text-decoration : none; |
| } |
| |
| .pictoplante-contact a:hover { |
| color: #FD8C13; |
| text-decoration : none; |
| } |
| /*----------------------------------------------------------------------------------------------------------*/ |
| /* ONGLETS */ |
| .zone-onglets { |
| margin-bottom:5px; |
| width:100%; |
| height:31px; |
| text-align:left; |
| border:solid 1px #AAA; |
| border-width:0 0 1px 0; |
| padding-left:5px; |
| } |
| .onglet { |
| border:solid 1px #AAA; |
| border-width:1px; |
| padding:3px 15px; |
| padding-top:6px; |
| padding-left:25px; |
| border-radius:12px 12px 0 0; |
| width:100px; |
| float:left; |
| background:#C2C0AD; |
| cursor:pointer; |
| height:21px; |
| font-size:16px; |
| color:#598000 |
| } |
| .onglet * { |
| cursor:pointer; |
| } |
| .onglet:hover { |
| background:#d0ccaa; |
| } |
| .onglet-actif { |
| font-weight:bold; |
| background:white; |
| color:#FD8C13; |
| text-transform:uppercase; |
| width:140px; |
| } |
| |
| .elementMasque { |
| background-color: #777; |
| cursor: default; |
| display: block; |
| opacity: 0.7; |
| left: 0; |
| top: 0; |
| position: relative; |
| width: 100%; |
| z-index: 1100; |
| height: 100% |
| } |
| |
| .ongletMonActivite { |
| background: url("./img/mon_flux.png") no-repeat scroll 50% 2px #C2C0AD; |
| width: 5px; |
| } |
| |
| .ongletMonActivite:hover { |
| background: url("./img/mon_flux.png") no-repeat scroll 50% 2px #d0ccaa; |
| } |
| |
| .ongletMonActivite.onglet-actif { |
| background: url("./img/mon_flux_actif.png") no-repeat scroll 10px 2px #FFFFFF; |
| width: 8px; |
| } |
| |
| .nbEvenementsMonActivite { |
| background-color: #fd8c13; |
| border-radius: 8px; |
| display: inline; |
| font-weight: bold; |
| height: 18px; |
| left: 5px; |
| margin: auto; |
| padding-left: 6px; |
| padding-right: 5px; |
| padding-top: 1px; |
| position: relative; |
| top: -7px; |
| } |
| |
| .onglet-actif .nbEvenementsMonActivite { |
| background: #d0ccaa; |
| color: #598000; |
| } |
| |
| .evenementsNouveaux { |
| font-weight: bold; |
| border: 1px solid #F2CE9F !important; |
| background-color: #F2CE9F !important; |
| } |
| |
| .listeEvenementsObs { |
| margin-bottom: 2px; |
| margin-top: 2px; |
| padding-left: 20px; |
| } |
| |
| .evtObsinfosComplementaires.evtObsCitation:before { |
| content: ": “"; |
| } |
| |
| .evtObsinfosComplementaires.evtObsAction:before { |
| content: ": "; |
| } |
| |
| .evtObsinfosComplementaires.evtObsCitation { |
| font-style: italic; |
| } |
| |
| .evtObsinfosComplementaires.evtObsCitation:after { |
| content: "”"; |
| } |
| |
| /*+---------------------------------------------------------------------------------------------------------*/ |
| /* ENTETE */ |
| |
| #zoneEntete { |
| width:1000px; |
| margin:0 auto; |
| min-height:230px; |
| } |
| #zoneEntete .acceder-aide { |
| color:white; |
| } |
| #zoneEntete .acceder-outil { |
| color:inherit; |
| } |
| #zoneTitre { |
| float:left; |
| height:50px; |
| width:50%; |
| margin:10px 0; |
| font-size:3.2em; |
| } |
| #zoneTitre a, #zoneTitre a:visited { |
| color:#777; |
| text-decoration:none; |
| } |
| #zoneTitre a:hover { |
| color:#FD8C13; |
| text-decoration:none; |
| border-bottom:1px dotted #95AE5D; |
| } |
| #zoneChapeau { |
| float:left; |
| height:130px; |
| width:52%; |
| } |
| #zoneLogos { |
| float:right; |
| height:50px; |
| width:50%; |
| text-align:center; |
| margin:10px 0; |
| } |
| |
| /*+---------------------------------------------------------------------------------------------------------*/ |
| /* LOGOS */ |
| .logo_tela { |
| padding-bottom:44px; |
| padding-left:145px; |
| background:url('./img/logos/tela.jpg'); |
| background-repeat: no-repeat; |
| background-position: bottom; |
| } |
| .logo_pn { |
| padding-bottom:35px; |
| padding-left:263px; |
| background:url('./img/logos/pn.jpg'); |
| } |
| .logo_ue { |
| padding-bottom:59px; |
| padding-left:103px; |
| background:url('./img/logos/ue.jpg'); |
| } |
| .logo_lr { |
| padding-bottom:59px; |
| padding-left:47px; |
| background:url('./img/logos/lr.jpg'); |
| } |
| .logo_nd { |
| padding-bottom:55px; |
| padding-left:148px; |
| background:url('./img/logos/nd.jpg'); |
| } |
| .logo_nh { |
| padding-bottom:46px; |
| padding-left:59px; |
| background:url('./img/logos/fnh.png'); |
| } |
| .logo_nh:hover { |
| padding-bottom:46px; |
| padding-left:59px; |
| background:url('./img/logos/fnh-hover.png'); |
| } |
| .logo_tela:hover { |
| background:url('./img/logos/tela_hover.jpg'); |
| background-repeat: no-repeat; |
| background-position: bottom; |
| } |
| .logo_pn:hover { |
| background:url('./img/logos/pn_hover.jpg'); |
| } |
| .logo_ue:hover { |
| background:url('./img/logos/ue_hover.jpg'); |
| } |
| .logo_lr:hover { |
| background:url('./img/logos/lr_hover.jpg'); |
| } |
| .logo_nd:hover { |
| background:url('./img/logos/nd_hover.jpg'); |
| } |
| |
| .erreurConfig { |
| width: 400px; |
| margin: 20px auto auto; |
| font-size: 16px; |
| color: #cc0000; |
| font-weight: bold; |
| } |