Archive Module

Print screen without additional CSS

 

Archief module

 

 

Structure with Classes and ID's

 

div.moduletable_archivelist
	h3
	ul.archive-module_archivelist li a

 

 

CSS

 

/* ----------------------------------------------------------
   Module Archived articles moduleclass suffix = _archivelist
------------------------------------------------------------- */
div.moduletable_archivelist {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;	
	border-bottom: 1px #999 solid;
}

div.moduletable_archivelist h3 {
	display: block;
	padding: 2px 5px 2px 5px;
	background-color: #ff0000;
	color: #fff;
}

div.moduletable_archivelist ul.archive-module_archivelist {
	list-style: none;
	padding: 0;
}

div.moduletable_archivelist ul.archive-module_archivelist li {
	list-style: none;
	padding: 0;
	margin: 2px 0 0 0;
}

div.moduletable_archivelist ul.archive-module_archivelist li a {
	display: block;
	background-color: #e5e5e5;
	padding: 4px;
	text-decoration: none;
}

div.moduletable_archivelist ul.archive-module_archivelist li a:hover {
	display: block;
	background-color: #ccc;
	padding: 4px;
	text-decoration: none;
}

 

 

Print screen after applying CSS

 

Archief module

Comments (0)
Post a commment or ask a question!
Your Contact Details:
Comment:
Security
Please input the anti-spam code that you can read in the image.