CSS – Wordpress Paging footer – Maroon 01

By Juanita, on November 24, 2009

Code Programming Scripts

Tags: , , , , , ,


Please comment here to link to the site where you will use this theme. I do follow approved URLs

this theme is for the Wordpress plugin (that allows the display of numbered pages instead of the previous | next) found here by jenst.se

maroon1

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a
{
background-position: center left;
background-repeat: repeat-x;
padding: 0;
margin: 0;
border-style: none;
text-decoration: none;
font-weight: normal;
font-style: normal;
list-style: none;
text-transform: none;
text-indent: 0px;
font-variant: normal;
text-align: left;
line-height: 12px;
letter-spacing: 0px;
word-spacing: 0px;
font-size: 12px;
font-family: Arial;
color: white;
font-weight: bold;
}

#wp_page_numbers
{
margin-top: 10px;
width: 100%;
border-color: white;
border-width: 1px;
border-style: dashed;
background-position: center left;
background-repeat: repeat-x;
background-color: maroon;
color: silver;
}

#wp_page_numbers ul
{
width: 100%;
}

#wp_page_numbers li
{
float: left;
display: block;
}

#wp_page_numbers a
{
padding: 6px;
padding-left: 4px;
padding-right: 4px;
display: block;
}

#wp_page_numbers li a:hover
{
text-decoration: underline;
background-color: orange;
color: #000;
}

#wp_page_numbers li.space
{
padding: 6px;
}

#wp_page_numbers li.active_page a
{
background-position: center left;
background-repeat: repeat-x;
padding: 6px;
padding-left: 8px;
padding-right: 8px;
color: olive;
font-size: 115%;
}

#wp_page_numbers li.active_page a:hover
{
color: red;/* IE fix */
}

#wp_page_numbers li.page_info
{
float: left;
display: block;
padding: 6px;
padding-right: 8px;
font-size: 11px;
}



←
→

Leave a Reply

←
→
Get Adobe Flash playerPlugin by wpburn.com wordpress themes