Wp css

From ThaiiS Note (Wiki)

Contents 1 calendar 2 imags on post & page 3 hilight with conditions 4 current class 5 bullet

calendar

/*calendar*/

#wp-calendar {
	width: 180px;
}

table#wp-calendar {
	border-collapse: collapse;
	text-align: center;
	font-size: 100%;
	margin-bottom: 0px;
}
table#wp-calendar a {font: normal 100% Verdana; color: #215c97; border: 1px solid #215c97;}
table#wp-calendar caption {
	font-weight: bold;
	background-color: #9ECBC6;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
table#wp-calendar th {font: bold 100% Verdana;}
table#wp-calendar th, td {
	width: 15px;
	height: 15px;
	background-color: #EDF4DF;
}
/*end*/

imags on post & page

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	margin-right: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

hilight with conditions

    <ul>
      <li><a <?php if(is_home()){echo ("class=\"hilight\"");} ?> href="<?php bloginfo('url'); ?>">HOME</a></li>
      <li><a <?php if(is_page('about')){echo ("class=\"hilight\"");} ?> href="<?php bloginfo('url'); ?>/about">ABOUT US</a></li>
      <li><a <?php if(in_category('4')|| is_category('4')){echo ("class=\"hilight\"");} ?> href="<?php bloginfo('url'); ?>/category/products">PRODUCTS</a></li>
      <li><a <?php if(in_category('3')|| is_category('3')){echo ("class=\"hilight\"");} ?> href="<?php bloginfo('url'); ?>/category/fair">FAIR</a></li>
      <li><a <?php if(is_page('showroom')){echo ("class=\"hilight\"");} ?>  href="<?php bloginfo('url'); ?>/showroom">SHOWROOM</a></li>
      <li><a <?php if(is_page('contact')){echo ("class=\"hilight\"");} ?> href="<?php bloginfo('url'); ?>/contact">CONTACT US</a></li>
    </ul>

current class

.pagenav { … } /* the outermost list item; contains whole list */
.page-item-2 { … } /* item for Page ID 2 */
.page_item { … } /* any Page item */
.current_page_item { … } /* the current Page */
.current_page_parent { … } /* parent of the current Page */
.current_page_ancestor { … } /* any ancestor of the current Page */

bullet

.storycontent ul li {
	list-style-type: disc;
	font-size: 13px;
	margin-top: 3px;
}
.storycontent ul {
	padding-left: 20px;
}
.storycontent ol li {
	list-style-type: decimal;
	font-size: 13px;
	margin-top: 3px;
}
.storycontent ol {
	padding-left: 20px;
}