Armazenar classes CSS

Classes CSS disponíveis para seus aplicativos Storify.

Use o CSS para personalizar seus aplicativos Storify para obter uma integração mais completa com sua página, simplesmente substituindo o CSS padrão por sua própria folha de estilos. Esta seção descreve as personalizações de CSS disponíveis.

Elementos do autor

Permite personalizar o estilo do avatar do autor da publicação, do nome do autor e do carimbo de data e hora.

Classe Descrição
.s-author-name Autor
.s-author-avatar O avatar do autor.
.s-img A imagem de avatar do autor.
.s-timestamp O carimbo de data e hora do conteúdo da data de publicação.

Elementos de cabeçalho

Permite personalizar a seção de cabeçalho da página de história.

Classe Descrição
.super-cabeçalho Cabeçalho principal
.outer-header Linha de cabeçalho principal 1
.s-countdown Temporizador de contagem regressiva da linha de cabeçalho principal 1
.s-vida Status "Ao vivo" da linha de cabeçalho principal 1
.base-header Linha de cabeçalho principal 2
.s-lista suspensa Linha de cabeçalho principal 2 Acionador suspenso Classificar.
.s-menu suspenso Linha de cabeçalho principal 2 Menu suspenso Classificar.
.s-dropdown-triangle Linha de cabeçalho principal 2 Curva o cursor do menu suspenso de classificação.
.s-drop-down-option Linha de cabeçalho principal 2 Item do menu suspenso Classificar.
.s-views Linha de cabeçalho principal 2 número de visualizações.
Botão .s-share Linha de cabeçalho principal 2 Botão Compartilhar.
.s-share-menu Linha de cabeçalho principal 2 Menu Compartilhar.

Elementos da postagem

Permite personalizar o estilo dos elementos da história da publicação.

Classe Descrição
.s-liveblog Contêiner do elemento da História inteira
.s-post O contêiner de postagem
.s-modal-content Contêiner pós-modal
.s-element-content Todos os elementos de conteúdo dentro de uma publicação
.s-element-text ul Elemento de texto
.s-element-text h2 Título do elemento de texto
.s-element-text p Parágrafo de elemento de texto
.s-element-text ul Lista não ordenada do elemento de texto
.s-element-text ol Lista ordenada do elemento de texto
.s-element-text li Itens da lista do elemento de texto
.s-element-text blockquote Blockquote
.s-element-text blockquote:before O ícone para o início de uma citação de bloco
.s-element-text blockquote:after O ícone para o fim de uma cota de bloqueio
.s-element-image Contêiner de elemento de imagem embutido
.s-img <img> elemento
.s-image-caption Legenda de imagens e vídeos encontrados nas redes sociais (por exemplo: Imagem do instagram)
.s-upload-image-caption Legenda para imagens e vídeos carregados por meio do editor de História
.s-element-video Elemento de vídeo
.s-element-quote Elemento de citação (por exemplo: Tweet com texto somente)
.s-element-quote-image Cotação c/elemento de imagem (ex: Tweet com imagem)
.s-element-quote-video Citar com elemento de vídeo (por exemplo: Tweet com vídeo)
.s-link-body Visualização de link dentro de uma citação (por exemplo: Tweet com visualização de link)

Elementos de rodapé

Permite personalizar a seção de rodapé de cada publicação individual.

Classe Descrição
.s-post-footer O rodapé da publicação.
.s-sidenotes a O botão Observações no rodapé da publicação.
.s-like O botão "Curtir" no rodapé da publicação.

Nesta página