Wiki CSS LinuxFR

Licence CC By‑SA.
Étiquettes :
0
20
nov.
2011

Actuellement, LinuxFr alpha ressemble à cela : https://alpha.linuxfr.org

Des CSS peuvent être ajoutées sur https://alpha.linuxfr.org/stylesheet/modifier (il faut être loggué)

Toutes les css n'ont pas encore été portées pour la nouvelle version de LinuxFr :/ De nouvelles suggestions sont les bienvenues aussi :-)

Liste Initiale de css

évènement (en lien avec distro ou environnement de bureau)

  • FreeBSD-dlfp.css [original]
  • dlfp_debian.css [original]
  • kde.css
  • lucidlynx.css [original]
  • opensuse.css [original]
  • rootix-linuxfr-ubuntu-8.10-black.css [original] /!\ obsolète /!\
  • rootix-linuxfr-ubuntu-8.10-red-ibex.css [original] /!\ obsolète /!\
  • rootix-linuxfr-ubuntu-8.10-red.css [original]
  • zazooo_fedora.css [original] ## CSS générique
  • N97.css [original]
  • crevette.css [original]
  • geeko.css
  • gr3mi.css [original]
  • kaiska.css [original]
  • lordcow.css [original]
  • nightgrey.css [original]
  • original.css
  • rootix-linuxfr-1.css [original]
  • rootix.css [original] /!\ obsolète /!\
  • springtime.css [original]
  • yneveu.css [original]
  • zenburn.css [original]

Nouvelles CSS suggérées ou proposées

ajouter son nom (ou équipe) prenant en charge une nouvelle CSS, en donnant un lien vers un exemple (voire le suivi)

  • bmo (opensuse) https://github.com/nono/linuxfr.org/issues#issue/53
    • lien css : bmo-perso.pagesperso-orange.fr/linuxfr/alpha/opensuse
  • barmic
    • css
    • voir l'avancement: linuxfr.indefero.net/p/concours-barmic/timeline/
  • yellowiscool vintage css
    • bordel.unevu.com/alphalinuxfr/bis/blue.css
    • bordel.unevu.com/alphalinuxfr/blue.css
  • 0WtP0
    • Making small changes on the current default css so people stop complaining about it.
    • lien css : linuxfr.indefero.net/p/0wtp0/source/file/master/original_quickfix.css
    • voir l'avancement : linuxfr.indefero.net/p/0wtp0/timeline/
  • Sygne
    • css
    • lien css : souffles.eu/dlfp.css
  • 2PetitsVerres
    • alpha.linuxfr.org/users/2petitsverres/journaux/css-en-cours-de-dev
    • lien css : linuxfr.indefero.net/p/concours-yoda222/source/file/master/RonRonnement.css
  • yggdras
    • linuxfr.indefero.net/p/concours-yggdras/source/file/master/kaiska-new.css
    • version avec texte réduit en largeur: linuxfr.indefero.net/p/concours-yggdras/source/file/master/kaiska-short.css

demande d'amélioration des CSS et suivi des bugs

cf. https://github.com/nono/linuxfr.org/issues/labels/CSS, voir aussi les journaux https://alpha.linuxfr.org/tags/css/public qui en parlent (si le tag a bien été ajouté).

Liste des classes CSS de pygments

Pygments est utilisé pour la coloration syntaxique du code, mais il utilise des noms de classe très courts. La feuille de style par défaut peut être utilisé en ajoutant la ligne suivante dans la CSS:

@import url('https://alpha.linuxfr.org/stylesheets/pygments/colorful.css');

Sinon, voici la liste des classes de pygments :

.hll Highlight
.c Comment
.err Error
.k Keyword
.o Operator
.cm Comment.Multiline
.cp Comment.Preproc
.c1 Comment.Single
.cs Comment.Special
.gd Generic.Deleted
.ge Generic.Emph
.gr Generic.Error
.gh Generic.Heading
.gi Generic.Inserted
.go Generic.Output
.gp Generic.Prompt
.gs Generic.Strong
.gu Generic.Subheading
.gt Generic.Traceback
.kc Keyword.Constant
.kd Keyword.Declaration
.kn Keyword.Namespace
.kp Keyword.Pseudo
.kr Keyword.Reserved
.kt Keyword.Type
.m Literal.Number
.s Literal.String
.na Name.Attribute
.nb Name.Builtin
.nc Name.Class
.no Name.Constant
.nd Name.Decorator
.ni Name.Entity
.ne Name.Exception
.nf Name.Function
.nl Name.Label
.nn Name.Namespace
.nt Name.Tag
.nv Name.Variable
.ow Operator.Word
.w Text.Whitespace
.mf Literal.Number.Float
.mh Literal.Number.Hex
.mi Literal.Number.Integer
.mo Literal.Number.Oct
.sb Literal.String.Backtick
.sc Literal.String.Char
.sd Literal.String.Doc
.s2 Literal.String.Double
.se Literal.String.Escape
.sh Literal.String.Heredoc
.si Literal.String.Interpol
.sx Literal.String.Other
.sr Literal.String.Regex
.s1 Literal.String.Single
.ss Literal.String.Symbol
.bp Name.Builtin.Pseudo
.vc Name.Variable.Class
.vg Name.Variable.Global
.vi Name.Variable.Instance
.il Literal.Number.Integer.Long

markitup

Markitup est l'éditeur de markup utilisé sur les textarea. Pour le personnaliser, le plus simple est de suivre les instructions de la doc officiellle.

tests de non-régression

navigateurs :

  • epiphany
  • firefox
  • chromium
  • konqueror

pages :

vérification conformité

Envoyer un commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.