Home » Joomla! » CSS Standard para Joomla!

CSS Standard para Joomla!

Aprende a editar el archivo CSS standard para Joomla!

Edita el archivo CSS standard para Joomla!

/* CSS Document */
/* CSS ESTANDAR PARA MAMBO 4.5.X PLANTILLAS */
/* Por Dinh Viet Hung (C) http://www.joomlart.com: Plantillas Gratis y Club 
profesional de plantillas */


/* AJUSTES POR DEFAULT */ 
/* Abajo puedes observar los ajustes que trae por defecto Mambo y que son
usados cuando ningún otro estilo ha sido definido.*/

body {}/* Estilo para la etiqueta del body de su sitio Web, controla la familia 
fonts de su página, el background, etc.*/
p {} /*formateo de todos los artículos con 
(division). Esto es un cath-all que sólo se aplica cuando ningún otro estilo ha sido definido.*/ td {} /*formateo de todos los artículos con la etiqueta . Este ajuste por defecto es usado cuando ningún otro estilo ha sido definido.*/ tr {} /*formateo de todos los artículos con la etiqueta . Este ajuste por defecto es usado cuando ningún otro estilo ha sido definido.*/ ul {} /*formateo de todos los artículos (lista no solicitada) con la etiqueta
    . Este ajuste por defecto es usado cuando ningún otro estilo ha sido definido.*/ a:link {} /* Estilo General de los enlaces*/ a:visited {} /*Estilo General para los enlaces visitados*/ a:hover {} /*Estilo General para cuando el puntero pasa por encima.*/ hr {} /* Línea horizontal en su plantilla*/ hr.separator {} /*separador de noticias ( ___ )*/ /* AJUSTES DE FORMAS */ .button {} /*boton*/ .inputbox {} /*campos de escritura de formularios, caja de campos.*/ .search {} /*El Formateo de
    que sostiene artículos de búsqueda: inputbox, palabra del search...*/ /* NAVEGACION/AJUSTES DE LOS MENUS, TOP MENU Y MAIN MENU, ETC., */ a.mainlevel{} /* Este estilo aplica para los elementos del MAIN en el menu */ a.mainlevel:link {} /*Todos los enlaces vistos normalmente.*/ a.mainlevel:visited {} /*Enlaces visitados edel menu principal*/ a.mainlevel:hover {} /*Vista de los enlaces cuando el puntero pasa por encima */ #active_menu {} /* Este estilo es para el elemento del menú cuando este está activo, hasta en una subposición en el main*/ ul#mainlevel-nav {} /*generalmente es usado para definir el estilo del top menu*/ ul#mainlevel-nav li{} /* define el estilo de los enlaces de una lista del top menu*/ #mainlevel-nav a:link {} /*enlaces vistos normalmente*/ #mainlevel-nav a:visited{} /*enlaces visitados */ #mainlevel-nav a:hover {} /*cuando el puntero del mouse pasa por encima*/ a.sublevel{} /* Esta estilización es para elementos del submenu que tienen a un PADRE (submenus)*/ /*(elemento subnivel) */ a.sublevel:link {} /*enlaces vistos normalmente*/ a.sublevel:visited {} /*enlaces visitados*/ a.sublevel:hover {} /*cuando el puntero del mouse pasa por encima*/ .pagenavbar {} /*Coloca el estilo para la navegación en el footer (pie de página) ("<< Start < Prev Next > End >>") cuando ellos no aparecen como hipervínculos (cuando solo existan unos artículos).*/ .pagenavbar:link {} /*Estilo para el footer de navegación; pie de página ("<< Start < Prev Next > End >>") cuando ellos hacen de hiper enlaces */ .pagenavbar:visited {} /*estilo que define cuando el enlace es visitado*/ .pagenav {} /* es el nombre implicado, esto es para formatear textos para aquellos "<< Start < Previous 1 Next > End >>" enlaces del footer */ a.pagenav:visited {} /*visitados*/ a.pagenav:hover {} /*cuando se pasa por encima de estos.*/ a.readon:link {} /*Estilo para el "Read More" (Leer Más…) Es el enlace que despliega en una página nueva los contenidos extensos de los artículos */ a.readon:hover {} /*cuando se pasa por encima del leer más..*/ a.readon:visited {} /*cuando es visitado*/ .back_button {} /*Estilo para el botón “Atrás”("BACK" button)*/ .pagenav_prev {} /*Estilo para el botón PREV*/ .pagenav_next {} /*Estilo para el botón NEXT*/ .latestnews ul {} /*Estilo para la lista de las últimas noticias (latest news) – por default, latest news es el modulo user1.*/ .latestnews li {}/* Estilo para los elementos en forma de lista del lates news*/ .mostread ul{} /*Estilo para la lista del modulo “más visto” – por defecto, más visto (most popular) es el modulo user2*/ .mostread li{}/*Estilo para los elementos en forma de lista del most popular*/ /* AJUSTE DE PAGINA REFERENTE A LOS CONTENIDOS*/ a.category:link {} /*enlaces*/ a.category:hover {} /*cuando se pasa por encima de ellos.*/ a.category:visited {}/*enlaces visitados.*/ .blogsection {} /* Formateo de los enlaces en Blog section */ .blog_more {} /*El "Más" (More) texto en blog section*/ a.blogsection:link {} /* Pone el formato del enlace*/ a.blogsection:visited {} /* mismo como encima, para poner el formato del enlace visitado*/ a.blogsection:hover {} /* mismo como encima, para poner el formato a los enlaces cuando el puntero del mouse pase sobre este*/ .componentheading {}/* Título del componente usado para desplegar el contenido, Blog, Contacs etc., .*/ .contentheading {} /* Título del contenido, artículo, etc. para ser mostrado.*/ .contentpane {} /* Tabla que sostiene toda la información que no son artículos (componentes, lista de categorías, formularios de contacto, etc).*/ .contentpaneopen {} /* Tabla que sostiene el texto actual para un artículo.*/ .contentpagetitle {} /*Título de los artículos*/ a.contentpagetitle:hover {} /*Título de los artículos cuando aparecen como enlaces */ a.contentpagetitle:link {} /*titulos vistos como enlaces.*/ a.contentpagetitle:visited {} /*titulos visitados.*/ .contentdescription {} /* Formateo de la "DESCRIPCION" de secciones, categorías (News/Weblinks/Latest news...) */ table.contenttoc {} /* Formatea la tabla, de las tablas de contenidos para páginas múltiples de contenido o artículos */ table.contenttoc td {} /* mismo como encima, usado para formatear el td y la tabla, como celdas */ table.contenttoc th {} /* mismo como encima, usado para formatear el th de "Tablas de Contenido" ( Artículos normales del Index)*/ table.contenttoc td.toclink {} /* mismo como encima, usado para formatear texto toc link texts*/ a.toclink:link {} /* mismo como encima, usado para formatear el estado del texto enlazado (toc link text status)*/ a.toclink:visited {} /* texto enlazado una vez visitado*/ a.toclink:hover {} /* texto enlazado cuando el puntero pasa encima de este*/ /* LISTADO DE SECCIONES MAMBO */ .sectiontableheader {} /* Esto es para estilizar la cabecera de las tables de la sección en una SECTION'es de la página. Ejemplo: cabecera de la tabla "Date" (fecha), "Item Title" ( título del artículo), "Author"(autor) y "Hits" (vistas)*/ .sectiontableentry1 {} /*Barra de color blanco.*/ .sectiontableentry2 {} /*Barra de color gris, por lo regular estas se vén en las polls, contactos etc.,.*/ /* FORMATEO DE LOS MODULOS DE MAMBO */ table.moduletable {} /* Formateo de la tabla del modulo */ table.moduletable th {} /* Formateo de la cabecera del modulo, y el título del modulo */ table.moduletable td {} /* Formateo de las celdas de la tabla, en la tabla del modulo */ /* MISCELANEOS */ /* Fechas , Autores*/ .createdate {} /* Para estilizar la fecha de creación del contenido /artículos, mostrado bajo el título del contenido */ .modifydate {} /* Formateo del texto "Last updated on" (“Ultima actualización en”) al final de los artículos/contenidos */ .small {} /* Formateo del texto "Written by:...." (Escrito por: ...)*/ .smalldark {}/*Encontrado en página de resultados de encuesta, para el formateo del texto " Number of Voters".. (Número de votos) */ /* Encuestas, Polls */ .poll {} /* formato del .td de la tabla de encuesta */ .pollstableborder {} /* pone las propiedades del borde en la tabla de la encuesta de votación */ /* Enlaces del Sitio, componente Weblinks */ .weblinks{} /* Para formatear los títulos enlazados bajo el "Weblinks" Sección en el frontend */ a.weblinks:hover {} /* mismo como encima, para los enlaces con el mouse encima del enlace */ /* Newsfeeds */ .newsfeedheading {} /* El título del newsfeed. NOTA: Este no afectará el título de noticias del newsfeed! */ .newsfeeddate {} /* La fecha en la newsfeed */ .fase4rdf {} /* Esto es el cuerpo del texto de la newsfeed */ /* Buscar página */ table.searchintro {} /* Esto es para formatear la caja cuando "Buscar palabra: la prueba devuelve 4 tiempos" la caja que aparece después de que usted ha insertado un valor de búsqueda. Aparece en el mainbody con los resultados de búsqueda */ /* MAMBO TABBED FRONTEND ADMIN INTERFACE */ /* El CSS de abajo define como el frontend la interface de administración cuando ha entrado al sistema */ .ontab {}/* Para estilizar los botones "Tab" (etiqueta) cuando sean editados los contenidos a través del front end como en la aministración. Este .ontab es la estilización para la etiqueta tab cuando esta esté activa o después de "pulsarse" */ .offtab {} /* mismo como encima, usado para estilizar los botnoes de etiqueta "Tab" cuando sean editados los contenidos a través del frontend. Esta es la estilización para la etiqueta tab cuando esta sea “No active” o cuando esta no sea “Pulsada” */ .tabpadding {} /* este estilo es usado poniendo el tamaño de la etiqueta en el susodicho*/ .tabheading {} /* No estoy seguro para cuando es usado. No he logrado encontrar nada relacionado con esto hasta el momento. */ .pagetext {} /* Este estilo es usado para estilizar el contenido de la edición de formas de contenido (cuando HTMLArea se instala y en todas sus formas + contenidos) en el frontend e Interface de Administración */ /* Fecha de elaboración: 18/12/2005 */ /* Traducción Proyecto Hispano*/ /* Aportación Alicante*/