extra.css

/*!
 * Wireless, a mobile-oriented skin for Wedge
 * © 2010 René-Gilles Deberdt, http://wedge.org
 */

#top_section
	padding: 8px 15px

body #sidebar .column
	padding: 10px 20px

.note
	padding: 2px 5px 3px

.postheader extends .clearfix
	display: block
	box-sizing: border-box
	width: auto
	padding: 8px 12px 5px
	background: rgba(0,0,0, .042) // Add a bit of contrast...

	h4
		display: inline
		margin-top, margin-left, vertical-align: 0
	h5
		display: inline
		line-height: 1.3em
		font-weight: 400
	h5:before
		content: "- "

	.pixelicons
		margin-top: -2px
	.mime
		vertical-align: 0

	// Force avatars to the left in regular posts.
	div.avatar
		display: table-cell
		width: 1%
		+ div
			display: table-cell
			vertical-align: middle
			width: 100%
	img.avatar
		width: auto
		max-height: 40px
		margin-right: 12px

.postarea
	display: block
	margin-left: 0

@remove .postarea
	padding: 0 15px

.post
	padding: 0 4px

.inner
	border-top: 0

.signature
	padding-left, padding-right: 8px

// We want really comfortable menu items for use in wireless devices.
.mimenu ul li
	padding: 8px
	height: auto

.topic_details
	font-size: 110%

.counter
	padding: .3em .5em .5em .2em

.poll dl
	padding: 1em 0 0
	dt, dd
		width: 90%

ul.nlist
	font-size: .8em
	line-height: 1.3em

@remove
	letter-spacing: -.25px

.blog reset

@replace
	font: 3.6em/1 $serif_font
	font: 2em/1 $serif_font

$mimenu_font_size = 18px/28px
$horizontal_content_padding = 10px
$head_font_size = 1.6em/1.3em
$main_font_size = 14.5px/130%