extra.css

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

html
	background: none

body
	padding: 0

#wedge
	border-width: 0 1px

#header
	gradient: rgb(216, 205, 165), rgba(205, 216, 185, .3) // Fallback
	background: linear-gradient(220deg, rgba(216, 205, 165, .66), rgba(205, 216, 185, .1)), linear-gradient(150deg, rgba(216, 205, 165, .66), rgba(205, 216, 185, .1))

#top_section
	padding: 8px 15px

#m_profile extends img.avatar

#edge
	padding: 5px 0

#linktree
	padding: 0 0 10px

#sidebar
	background: none
	border: 0

@remove #sitenews + #linktree:not(:empty)
	margin-top: -7px

body #sidebar .column
	padding: 10px 20px

#wedge, #header, #footer
	border-radius: 0

@if android, ios
	.note
		padding: 3px 5px 1px
@endif

.postheader extends .clearfix
	display: block
	width: auto
	padding: 8px 12px 5px
	@if $can_sticky
		top: 0
		z-index: 999 // Any elements that create a new stacking context, such as action buttons, would trigger a bug otherwise.
		position: sticky // If the browser supports it, it's all for the best!
	@endif
	background: #edefed // 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

// It screws up search popups though, so let's counter that...
#search_popup
	padding: 0

#search_form
	padding-top: 3px

.topic_details
	font-size: 110%

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

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

#basicinfo h4
	font: 400 110%/105% $subject_font

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

$big_font = Roboto Light, sans-serif-light, Segoe UI, Arial, sans-serif
$head_font = Roboto Light, sans-serif-light, Segoe UI, Arial, sans-serif
$mimenu_font_size = 18px/28px
$horizontal_content_padding = 10px
$head_font_size = 1.3em/1.3em
$main_font_size = 15px/130%
$post_bg = $post_bg2