Muestra los estilos personalizados

Los estilos personalizados se aplican a través de un objeto insertado en el constructor Sidenotes .

Las "claves" son claves de objeto que representan elementos DOM, mientras que las "propiedades" son propiedades CSS compatibles con la clave en particular. Por ejemplo, para personalizar el estilo de blockBtn (que es el botón que inicia la ventana emergente Notas), se debe construir un objeto como:

var styles = { 
   'blockBtn': { 
      'fontColor': '#555', 
      'fontSize': '18px' 
   } 
}; 
new Livefyre.Sidenotes({ 
   customStyles: styles, 
      ...  
})
Clave Propiedades Descripción
anonymousAvatar "altura", "anchura" Imagen de avatar anónima, a la izquierda del editor de área de texto.
blockBtn ‘fontColor’, ‘fontSize’, ‘left’, ‘position’, ‘right’, ‘top’ El "icono del lanzador" situado junto a los elementos especificados como tabla de sidenote.
blockBtnActive ‘fontColor’, ‘fontSize’, ‘left’, ‘position’, ‘right’, ‘top’ Icono del iniciador cuando esté en estado activo.
commentAvatar "altura", "anchura" Imagen de avatar a la izquierda de las notas de nivel superior.
commentBody "fontColor", "fontFamily", "fontSize", "fontWeight", "lineHeight" Cuerpo de texto de las notas con subprocesos.
commentDisplayName "fontColor", "fontFamily", "fontSize", "fontWeight", "lineHeight" Mostrar el nombre del usuario que ha dejado una nota.
commentDownvote "fontColor", "fontSize" Botón para rechazar una nota.
commentReplyExpand "backgroundColor", "borderColor", "borderWidth", "fontColor", "fontFamily", "fontSize", "fontWeight", "lineHeight" Botón para expandir subprocesos con un gran número de respuestas.
commentTags "fontColor", "fontFamily", "fontSize", "fontWeight", "lineHeight" Etiquetas sobre un usuario en una nota.
commentUpvote "fontColor", "fontSize" Botón de voto superior de una nota.
editorTextarea "height", "width", "fontColor", "fontFamily", "fontSize", "fontWeight", "lineHeight" Cuadro de entrada del área de texto para dejar notas.
mediaBlockBtn ‘fontColor’, ‘fontSize’, ‘left’, ‘position’, ‘right’, ‘top’ Icono de lanzador de contenido multimedia al principio de un elemento multimedia (img, vídeo).
mediaBlockBtnActive ‘fontColor’, ‘fontSize’, ‘left’, ‘position’, ‘right’, ‘top’ Icono del lanzador de medios en estado activo.
numSidenotes "fontColor", "fontFamily", "fontSize", "fontWeight", "lineHeight", "backgroundColor", "borderColor", "borderWidth", "height", "width" Botón en el que se puede hacer clic que muestra el número de notas en la colección.
numSidenotesPopover "fontColor", "fontFamily", "fontSize", "fontWeight", "lineHeight", "backgroundColor", "borderColor", "borderWidth", "height", "width" Pase con una breve explicación de Sidenotes para el usuario.
popover "backgroundColor" La ventana emergente que aparece cuando se invoca el icono del lanzador.
popoverArrowLeft "backgroundImage", "height", "left", "right", "top", "width" Elemento de flecha izquierda en la ventana emergente que señala al elemento DOM que contiene un icono de lanzador.
popoverArrorRight "backgroundImage", "height", "left", "right", "top", "width" Elemento de flecha derecha en la ventana emergente que señala al elemento DOM que contiene un icono de lanzador.
popoverArrowTop "backgroundImage", "height", "left", "right", "top", "width" Elemento de flecha superior en la ventana emergente que señala al elemento DOM que contiene un icono de lanzador.
replyAvatar "altura", "anchura" Imagen de avatar a la izquierda de las notas de nivel de respuesta.
streamPoweredBy "backgroundColor", "borderColor", "lineHeight" Pie de página "Powered by" en la ventana emergente.
streamQueueButton "backgroundColor", "borderColor", "borderWidth", "fontColor", "fontFamily", "fontSize", "fontWeight", "lineHeight" Botón para indicar cuándo las notas nuevas se transmiten a una ventana emergente.
userAvatar "altura", "anchura" Imagen de avatar del usuario autenticado, a la izquierda del editor de área de texto.

En esta página