http://naked.dustindiaz.com/ set it up three years ago. However I cannot live without CSS and decided not to participate this time.

Read on | CSS naked day (09-April)

Hi, one of the people commenting here asked for a way of displaying code in one of my themes.
For ages I have been using the following code and it worked flawless in connection with the code markup plugin for wordpress:

.primary pre#hack {
		white-space: pre-wrap;		/* css-3 */
		white-space: -moz-pre-wrap !important;		/* Mozilla, since 1999 */
		white-space: -pre-wrap;		/* Opera 4-6 */
		white-space: -o-pre-wrap;	/* Opera 7 */
		word-wrap: break-word;		/* Internet Explorer 5.5+ */
}

.primary pre {
  overflow: auto;
  cursor:pointer;
  position:relative;
}

.primary pre code {
  display: block;
  margin:10px;
  padding:4px;
  border:1px solid #ddd;
  background:#F5F5F5;
  font:10px Lucida Sans Typewriter, Courier, monospace;
}

.primary can be changed to what you need, e.g. .post or .entry

Usage within Wordpress
Simply go to the “code” editor of Wordpress and paste your code.
Surround it by a < pre > and < code > tag and add the id of “hack” to the < pre >.
(< pre id="hack" >< code > stuff here < / code > < / pre >

Read on | Show code on wordpress css

Today I worked on a template for another client and run into some strange bug. Well not really a bug, but more of an annoyance that took ten minutes to fix. In the lower part of a site near the commenting box two rectangle border showed up. Obviously this was caused by the input field and its CSS.

Here is the old css (excerpt)

input { border: 1px solid rgb(204, 204, 204); padding: 3px 6px; background: rgb(255, 255, 255) none repeat; color: rgb(102, 102, 102); }

and here a quick screencap of what the problem looked like:

I applied this quick CSS hack to my code to make the border disappear:

input[type="hidden"] { border: 0; padding: 0; margin: 0; background: white; }

(marked green in screencap)

Voila, the rectangles are gone. No more annoying borders around hidden input fields with CSS.

I hope this helped anyone. You can do a similar trick with the input property “submit” if you want to apply different CSS attributes to your input submit form only.

Read on | Want no border around input hidden field with css?