An example of customizing the 'list' display style.
|
<style type="text/css">
span.pagepeer {
font: x-small verdana;
}
span.pagepeer a.title {
color: #303080;
font-weight: bold;
text-decoration: underline;
}
span.pagepeer a:hover {
text-decoration: none;
}
span.pagepeer li {
margin-bottom: 10px;
list-style-type: none;
}
span.pagepeer span {
display: block;
}
</style> |
|
An example of customizing the 'list' display style.
|
<style type="text/css">
span.pagepeer a.title {
color: white;
font-weight: bold;
font: x-small verdana;
text-decoration: none;
margin: 5px;
}
span.pagepeer a.title:hover {
color: yellow;
text-decoration: none;
}
span.pagepeer ul {
width: 180px;
}
span.pagepeer li {
background-color: darkblue;
border: 1px solid darkblue;
margin-bottom: 5px;
list-style-type: none;
}
span.pagepeer span.url,
span.pagepeer span.desc {
background-color: #f0f0ff;
font: xx-small verdana;
display: block;
}
span.pagepeer span.title {
display: block;
padding: 2px;
}
span.pagepeer span.desc {
padding: 5px 5px 0 5px;
}
span.pagepeer span.url {
padding: 0 5px 5px 5px;
}
</style> |
|
An example of customizing the 'table' display style.
|
<style type="text/css">
span.pagepeer td {
padding-top: 20px
}
span.pagepeer span.title {
font-weight: bold;
}
span.pagepeer a.title{
color: purple;
}
span.pagepeer span.url,
span.pagepeer span.desc {
font: xx-small verdana;
display: block;
padding: 2px 0 0 0;
width: 200px;
}
</style> |
|
An example of customizing the 'list' display style.
|
<style type="text/css">
span.pagepeer {
color: green;
font: x-small verdana;
}
span.pagepeer a.title {
color: green;
font-weight: bold;
text-decoration: underline;
}
span.pagepeer a:hover {
text-decoration: none;
}
span.pagepeer li {
white-space: nowrap;
list-style-type: none;
display: inline;
}
span.pagepeer li:after {
content: ' | ';
}
span.pagepeer li:last-child:after {
content: ' ';
}
</style> |
|