The Original Hover Mini-Profile with colors & staff!

[leif]

I fixed the script. Sorry I moved ashkir.com to become private cloud.

Along with this, I am considering revamping this and cleaning up the code and doing a complete actual profile remodel. If interested let me know. Not sure if it's worth my time or not.

[notick]

leif I tried to understand your one and got far too confused, but found one that seemed similar, but simpler.
adoxographyv2.boards.net/thread/3667/act-redamancy I like the fact that your one can have the surround be the colour of the group the account is attached to. Is there a way that that would be able to be added into the one that's here.
I have tried contacting the owner but she's not been active in a month.

I understand that it's someone else's code, but I hope that it would be something simple to achieve what I would like.

[leif]

Adoxography uses the primary CSS that this code uses. They asked if they could use the code and I gave them permission to do so. This code in this thread is ProBoards' first hover mini profile. I finally cracked the code that gave everyone issues.

I don't have an account on Adoxography. But the code for this feature is:

CSS
div.admin div.mini-profile { border: 4px solid #b296bd; }
div.moderator div.mini-profile { border: 4px solid #b18ec0; }
div.icow div.mini-profile { border: 4px solid #97bdc7; }
div.govt div.mini-profile { border: 4px solid #77b1a1; }
div.hydra div.mini-profile { border: 4px solid #acca97; }
div.pyralis div.mini-profile { border: 4px solid #be889d; }
div.witchhunter div.mini-profile { border: 4px solid #c99382; }
div.adult div.mini-profile { border: 4px solid #97a3b1; }
div.magicalcreature div.mini-profile { border: 4px solid #a09696; }
div.student div.mini-profile { border: 4px solid #b1a572; }
div.child div.mini-profile { border: 4px solid #a78385; }

Top of mini profile:
<div class="{if $[user.group.name] == "Administrator"}
admin
{elseif $[user.group.name] == "Moderator"}
moderator
{elseif $[user.group.name] == "ICoW"}
icow
{elseif $[user.group.name] == "GovtEmployee"}
govt
{elseif $[user.group.name] == "HydraMember"}
hydra
{elseif $[user.group.name] == "Pyralis"}
pyralis
{elseif $[user.group.name] == "WitchHunter"}
witchhunter
{elseif $[user.group.name] == "Adult"}
adult
{elseif $[user.group.name] == "MagicalCreature"}
magicalcreature
{elseif $[user.group.name] == "Student"}
student
{elseif $[user.group.name] == "Child"}
child
{/if}">

Very bottom of mini profile
</div>

That's it. It's really that simple. The key is the CSS

notick

[notick]

Do add that in with the coding that's already there from the code I used on Adoxography and then change the group names and colours to match that of the Groups? Or do I need to modify bits in the code from Adoxography?

I've found the part of the code that changes the colour of the block where it changes the colour of the bar, but to a predeterimined colour; i.imgur.com/7BCil34.png leif

[leif]

you add it in with your current coding

[notick]

Odd. I have changed the colours and ensure the names are all correctly matching but it's not changing the colour.
You see if I did something wrong.

CSS

SPOILER: Click to show

@empty: ~"";

.rounded-corners(<span atuser="a" user_id="1929" class="wysiwyg-tagged-user user-link user-1929"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/1929" class="user-link js-user-link user-1929 group-0" itemprop="url" title="@a"><span itemprop="name">a</span></a></span></span>, <span atuser="b" user_id="53948" class="wysiwyg-tagged-user user-link user-53948"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/53948" class="user-link js-user-link user-53948 group-0" itemprop="url" title="@b"><span itemprop="name">b</span></a></span></span>, <span atuser="c" user_id="83795" class="wysiwyg-tagged-user user-link user-83795"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/83795" class="user-link js-user-link user-83795 group-0" itemprop="url" title="@c"><span itemprop="name">JASP!</span></a></span></span>, <span atuser="d" user_id="56291" class="wysiwyg-tagged-user user-link user-56291"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/56291" class="user-link js-user-link user-56291 group-0" itemprop="url" title="@d"><span itemprop="name">d</span></a></span></span>) {
border-radius: @arguments;
-moz-border-radius: @arguments;
-webkit-border-radius: @arguments;
}

.rounded-corners(<span atuser="a" user_id="1929" class="wysiwyg-tagged-user user-link user-1929"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/1929" class="user-link js-user-link user-1929 group-0" itemprop="url" title="@a"><span itemprop="name">a</span></a></span></span>, <span atuser="b" user_id="53948" class="wysiwyg-tagged-user user-link user-53948"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/53948" class="user-link js-user-link user-53948 group-0" itemprop="url" title="@b"><span itemprop="name">b</span></a></span></span>, <span atuser="c" user_id="83795" class="wysiwyg-tagged-user user-link user-83795"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/83795" class="user-link js-user-link user-83795 group-0" itemprop="url" title="@c"><span itemprop="name">JASP!</span></a></span></span>) {
border-radius: @arguments;
-moz-border-radius: @arguments;
-webkit-border-radius: @arguments;
}

.rounded-corners(<span atuser="a" user_id="1929" class="wysiwyg-tagged-user user-link user-1929"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/1929" class="user-link js-user-link user-1929 group-0" itemprop="url" title="@a"><span itemprop="name">a</span></a></span></span>, <span atuser="b" user_id="53948" class="wysiwyg-tagged-user user-link user-53948"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/53948" class="user-link js-user-link user-53948 group-0" itemprop="url" title="@b"><span itemprop="name">b</span></a></span></span>) {
border-radius: @arguments;
-moz-border-radius: @arguments;
-webkit-border-radius: @arguments;
}

.rounded-corners(<span atuser="a" user_id="1929" class="wysiwyg-tagged-user user-link user-1929"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/1929" class="user-link js-user-link user-1929 group-0" itemprop="url" title="@a"><span itemprop="name">a</span></a></span></span>: 5px) {
border-radius: @arguments;
-moz-border-radius: @arguments;
-webkit-border-radius: @arguments;
}

.box-shadow(<span atuser="h" user_id="7931" class="wysiwyg-tagged-user user-link user-7931"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/7931" class="user-link js-user-link user-7931 group-0" itemprop="url" title="@h"><span itemprop="name">StickHell</span></a></span></span>-shadow: 2px, <span atuser="v" user_id="1278" class="wysiwyg-tagged-user user-link user-1278"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/1278" class="user-link js-user-link user-1278 group-0" itemprop="url" title="@v"><span itemprop="name">V</span></a></span></span>-shadow: 2px, <span atuser="blur" user_id="234329" class="wysiwyg-tagged-user user-link user-234329"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/234329" class="user-link js-user-link user-234329 group-0" itemprop="url" title="@blur"><span itemprop="name">blur</span></a></span></span>: 2px, @box-shadow-color: #333333) {
box-shadow: @arguments;
-moz-box-shadow: @arguments;
-webkit-box-shadow: @arguments;
}

.box-sizing(@box-model: border-box) {
box-sizing: @arguments;
-moz-box-sizing: @arguments;
-webkit-box-sizing: @arguments;
-ms-box-sizing: @arguments;
}

.hsla-bgcolor-safe(transparent, <span atuser="alpha" user_id="10909" class="wysiwyg-tagged-user user-link user-10909"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/10909" class="user-link js-user-link user-10909 group-0" itemprop="url" title="@alpha"><span itemprop="name">Sargasso</span></a></span></span>) {
background-color: transparent;
}

.hsla-bgcolor-safe(<span atuser="color" user_id="41225" class="wysiwyg-tagged-user user-link user-41225"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/41225" class="user-link js-user-link user-41225 group-0" itemprop="url" title="@color"><span itemprop="name">color</span></a></span></span>, <span atuser="alpha" user_id="10909" class="wysiwyg-tagged-user user-link user-10909"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/10909" class="user-link js-user-link user-10909 group-0" itemprop="url" title="@alpha"><span itemprop="name">Sargasso</span></a></span></span>) when (iscolor(<span atuser="color" user_id="41225" class="wysiwyg-tagged-user user-link user-41225"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/41225" class="user-link js-user-link user-41225 group-0" itemprop="url" title="@color"><span itemprop="name">color</span></a></span></span>)) {
background-color: <span atuser="color" user_id="41225" class="wysiwyg-tagged-user user-link user-41225"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/41225" class="user-link js-user-link user-41225 group-0" itemprop="url" title="@color"><span itemprop="name">color</span></a></span></span>;
background-color: hsla(hue(<span atuser="color" user_id="41225" class="wysiwyg-tagged-user user-link user-41225"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/41225" class="user-link js-user-link user-41225 group-0" itemprop="url" title="@color"><span itemprop="name">color</span></a></span></span>), saturation(<span atuser="color" user_id="41225" class="wysiwyg-tagged-user user-link user-41225"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/41225" class="user-link js-user-link user-41225 group-0" itemprop="url" title="@color"><span itemprop="name">color</span></a></span></span>), lightness(<span atuser="color" user_id="41225" class="wysiwyg-tagged-user user-link user-41225"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/41225" class="user-link js-user-link user-41225 group-0" itemprop="url" title="@color"><span itemprop="name">color</span></a></span></span>), <span atuser="alpha" user_id="10909" class="wysiwyg-tagged-user user-link user-10909"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/10909" class="user-link js-user-link user-10909 group-0" itemprop="url" title="@alpha"><span itemprop="name">Sargasso</span></a></span></span>);
}

// Reference: http://www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/
.absolute-center() { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

/* Required for proper functioning of the Colors & Theme Creator */
@banner_height: 600px;
@banner_background_color: transparent;
@banner_background_image: none;
@banner_background_position: left center;
@banner_text_color: #ffffff;
@banner_text_align: left;
@wrapper_width: 1080px;
<span atuser="all" user_id="116246" class="wysiwyg-tagged-user user-link user-116246"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/116246" class="user-link js-user-link user-116246 group-0" itemprop="url" title="@all"><span itemprop="name">all</span></a></span></span>_gradients: none;
@body_background_image: url('//storage.proboards.com/7058825/images/sUPXQMhdNzrZzcApVDEa.jpg');

@body_background_color: #37323e;
@default_forum_text_color: #938c8f;
<span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_color: #b496ce;
<span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_visited_color: #b496ce;

@title_bar_background_color: #2c2d3e;
@title_text_color: #b496ce;
@title_buttons_background_color: #2c2d3e;
@title_buttons_color: #b496ce;

@buttons_background_color: #938c8f;
@buttons_text_color: #2c2d3e;

@container_background_color_1: #2c2d3e;
@container_text_color_1: #938c8f;
@container_background_color_2: #2c2d3e;
@container_text_color_2: #80708f;
@container_links_color: #b496ce;
@container_highlight_color: #2c2d3e;
@container_outer_border_color: #2c2d3e;
@container_inner_border_color: #2c2d3e;

@pagination_background_color: #2c2d3e;
@pagination_text_color: #b496ce;
@pagination_hover_color: #2c2d3e;
/* End required for proper functioning of the Colors & Theme Creator */


/**************************************************************************
*                             Global Styles                              *
**************************************************************************/

/* Common Elements and Classes */
@body_background_attachment: fixed;
@body_background_repeat: no-repeat;
@body_background_position: center top;
@default_forum_text_font_style: @empty;
@default_forum_text_font_weight: lighter;
@default_forum_text_font_size: 14px;
@default_forum_text_font_family: Corbel;
@default_forum_text_decoration: none;
@default_forum_text_case: none;
@default_forum_text_caps: inherit;
@bold_weight: 700;
@bold_size: @empty;
@italic_style: italic;
<span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_font: 100% @default_forum_text_font_family;
<span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_decoration: none;
<span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_active_color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_color;
<span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_active_decoration: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_decoration;
<span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_visited_decoration: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_decoration;
<span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_hover_color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_color;
<span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_hover_decoration: underline;
<span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_color: @empty;
<span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_font: 100% @default_forum_text_font_family;
<span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_decoration: @empty;
<span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_case: @empty;
<span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_caps: @empty;
<span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_color: @empty;
<span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_font: 140% @default_forum_text_font_family;
<span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_decoration: @empty;
<span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_case: @empty;
<span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_caps: @empty;
@timestamp_color: lighten(@container_text_color_1, 15%);
@timestamp_font: italic 85% @default_forum_text_font_family;
@description_color: @empty;
@description_font: italic 85% @default_forum_text_font_family;
@viewing_color: @empty;
@viewing_font: 75% @default_forum_text_font_family;
<span atuser="small" user_id="53239" class="wysiwyg-tagged-user user-link user-53239"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/53239" class="user-link js-user-link user-53239 group-0" itemprop="url" title="@small"><span itemprop="name">small</span></a></span></span>_desc_color: lighten(@default_forum_text_color, 15%);
<span atuser="small" user_id="53239" class="wysiwyg-tagged-user user-link user-53239"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/53239" class="user-link js-user-link user-53239 group-0" itemprop="url" title="@small"><span itemprop="name">small</span></a></span></span>_desc_font: 70% @default_forum_text_font_family;
<span atuser="shadow" user_id="11847" class="wysiwyg-tagged-user user-link user-11847"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11847" class="user-link js-user-link user-11847 group-0" itemprop="url" title="@shadow"><span itemprop="name">shadow</span></a></span></span>_color: #333333;
* { word-wrap: break-word; }
body { background-color: @body_background_color; background-image: @body_background_image; background-attachment: @body_background_attachment; background-repeat: @body_background_repeat; background-position: @body_background_position; line-height: 1.2; color: @default_forum_text_color; font-style: @default_forum_text_font_style; font-weight: @default_forum_text_font_weight; font-size: @default_forum_text_font_size; font-family: @default_forum_text_font_family; text-decoration: @default_forum_text_decoration; text-transform: @default_forum_text_case; font-variant: @default_forum_text_caps; }
#wrapper { width: @wrapper_width; margin: 0 auto; overflow-x: hidden; }
table { table-layout: fixed; }
a { cursor: pointer; color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_color; font: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_font; text-decoration: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_decoration; }
:visited { color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_visited_color; text-decoration: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_visited_decoration; }
a:hover { color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_hover_color; text-decoration: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_hover_decoration; }
a:active { color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_active_color; text-decoration: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_active_decoration; }
a.text { cursor: default; }
h1, h2 { color: <span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_color; font: <span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_font; text-decoration: <span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_decoration; text-transform: <span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_case; font-variant: <span atuser="h2" user_id="22645" class="wysiwyg-tagged-user user-link user-22645"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22645" class="user-link js-user-link user-22645 group-0" itemprop="url" title="@h2"><span itemprop="name">H</span></a></span></span>_caps; }
h3 { color: <span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_color; font: <span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_font; text-decoration: <span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_decoration; text-transform: <span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_case; font-variant: <span atuser="h3" user_id="52033" class="wysiwyg-tagged-user user-link user-52033"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/52033" class="user-link js-user-link user-52033 group-0" itemprop="url" title="@h3"><span itemprop="name">h3</span></a></span></span>_caps; }
abbr.time, .last-edited, #event_range .time { color: @timestamp_color; font: @timestamp_font; }
abbr.time.recent_time { font-weight: bold; font-style: normal; }
blockquote { display: block; margin: 15px 40px; }
sub, sup { font-size: 80%; }
.bold, b { font-weight: @bold_weight; font-size: @bold_size; }
.italic { font-style: @italic_style; }
.description { color: @description_color; font: @description_font; }
.viewing { color: @viewing_color; font: @viewing_font; }
.small { font: <span atuser="small" user_id="53239" class="wysiwyg-tagged-user user-link user-53239"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/53239" class="user-link js-user-link user-53239 group-0" itemprop="url" title="@small"><span itemprop="name">small</span></a></span></span>_desc_font; vertical-align: middle; }
.note { color: <span atuser="small" user_id="53239" class="wysiwyg-tagged-user user-link user-53239"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/53239" class="user-link js-user-link user-53239 group-0" itemprop="url" title="@small"><span itemprop="name">small</span></a></span></span>_desc_color; }
.placeholder, .placeholder-empty { color: #888888; }
.foot abbr.time, .small abbr.time { font-size: 100%; }
.pointer { cursor: pointer; }
.border-round { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(); }
.clear { clear: both; }
.float-right { float: right; }
.float-left { float: left; }
.hide, .spoiler { display: none; }
.absolute-hide { display: none; position: absolute; }
.block-item { display: block; }
.center { text-align: center; }
.no-right-margin { margin-right: 0px; }
.valigntt { vertical-align: text-top; }
.auto-overflow { overflow: auto; }
.inline-block { display: inline-block; }
.break-word { word-wrap: break-word; }
.nowrap { white-space: nowrap; }
.aria-hidden { width: 1px; height: 1px; overflow: hidden; text-indent: -1000px; position: absolute; top: 0; left: 0; display: block; }
.wysiwyg-textarea { width: 100%; height: 200px; }
.post-options, .message-options { display: none; }
.options_menu { max-width: 190px; }
.posting-options-list.options_menu { max-width: 100%; }
.options_menu li { height: 28px; }
.options_menu a { height: 20px; line-height: 20px !important; }
.options_menu hr { color: #AAAAAA; background-color: #AAAAAA; height: 1px; border: none; }
.controls .checkbox { display: none; }
.clickable { cursor: pointer; }

/* Generic Padding Classes */
.pad-all-thin { padding: 3px !important; }
.pad-all { padding: 5px !important; }
.pad-all-double { padding: 10px !important; }
.pad-all-thick { padding: 20px !important; }
.pad-sides-thin { padding: 0px 3px !important; }
.pad-sides { padding: 0px 5px !important; }
.pad-sides-double { padding: 0px 10px !important; }
.pad-sides-thick { padding: 0px 20px !important; }
.pad-top-bottom-thin { padding: 3px 0px !important; }
.pad-top-bottom { padding: 5px 0px !important; }
.pad-top-bottom-double { padding: 10px 0px !important; }
.pad-top-bottom-thick { padding: 20px 0px !important; }
.pad-top-thin { padding-top: 3px !important; }
.pad-top { padding-top: 5px !important; }
.pad-top-double { padding-top: 10px !important; }
.pad-top-thick { padding-top: 20px !important; }
.pad-right-thin { padding-right: 3px !important; }
.pad-right { padding-right: 5px !important; }
.pad-right-double { padding-right: 10px !important; }
.pad-right-thick { padding-right: 20px !important; }
.pad-bottom-thin { padding-bottom: 3px !important; }
.pad-bottom { padding-bottom: 5px !important; }
.pad-bottom-double { padding-bottom: 10px !important; }
.pad-bottom-thick { padding-bottom: 20px !important; }
.pad-left-thin { padding-left: 3px !important; }
.pad-left { padding-left: 5px !important; }
.pad-left-double { padding-left: 10px !important; }
.pad-left-thick { padding-left: 20px !important; }
.pad-all-sides-thick { padding: 5px 20px !important; }

/* Status Text */
@status_text_success_color: @container_text_color_1;
@status_text_failure_color: @container_text_color_1;
.saved { color: @status_text_success_color; }
.status-box { font-weight: 800; margin-left: 5px; .rounded-corners(); padding: 1px 5px; }
.status-box.error { background-color: @container_background_color_1; }
.status-box.saved { background-color: @container_background_color_1; }
.error { color: @status_text_failure_color; }
.flood-control { padding: 5px; color: @status_text_failure_color; }
.posting-errors { padding: 5px; color: @status_text_failure_color; }
.noscript-form-error { color: @status_text_failure_color; background: @container_background_color_1; font-weight: 800; .rounded-corners(); padding: 5px; margin: 0 0 10px 0; }
.ui-form-error { display: none; position: absolute; z-index: 9000; color: @container_text_color_1; border: 2px solid @status_text_failure_color; padding: 4px; font-size: 80%; background-color: @container_background_color_1; }
input.ui-error { background-color: @container_background_color_1; color: @status_text_failure_color; padding: 2px; }
.shoutbox_error { color: @status_text_failure_color; }


/* Header */
@banner_background_repeat: repeat;
@banner_text_font: normal normal bold 30px "Trebuchet MS", Verdana, Arial;
@banner_text_decoration: none;
@banner_text_case: none;
@banner_text_caps: normal;
@banner_text_shadow: 2px 2px 2px <span atuser="shadow" user_id="11847" class="wysiwyg-tagged-user user-link user-11847"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11847" class="user-link js-user-link user-11847 group-0" itemprop="url" title="@shadow"><span itemprop="name">shadow</span></a></span></span>_color;
header { display: block; position: relative; margin-bottom: 10px; }
#banner-container { display: table; width: 100%; }
#banner { display: table-cell; height: @banner_height; background-color: @banner_background_color; background-image: @banner_background_image; background-position: @banner_background_position; background-repeat: @banner_background_repeat; vertical-align: middle; padding: 0px 20px; text-align: @banner_text_align; overflow: hidden; }
a#logo { vertical-align: middle; color: @banner_text_color; text-shadow: @banner_text_shadow; text-decoration: @banner_text_decoration; font: @banner_text_font; font-variant: @banner_text_caps; text-transform: @banner_text_case; white-space: normal; word-break: break-all; }
a#logo:hover { color: @banner_text_color !important; text-decoration: @banner_text_decoration !important; }

/* Welcome Text / Login / Logout Links */
<span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_text_color: @title_text_color;
<span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_text_font: 1em "Trebuchet MS", Verdana, Arial;
<span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_text_shadow: none;
<span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_links_color: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_text_color;
<span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_links_font: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_text_font;
<span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_links_decoration: underline;
<span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_links_shadow: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_text_shadow;
#welcome { text-align: right; color: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_text_color; font: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_text_font; text-shadow: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_text_shadow; float: right; vertical-align: middle; line-height: 31px !important; }
#welcome a { color: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_links_color; text-decoration: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_links_decoration; text-shadow: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_links_shadow; font: <span atuser="welcome" user_id="35596" class="wysiwyg-tagged-user user-link user-35596"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/35596" class="user-link js-user-link user-35596 group-0" itemprop="url" title="@welcome"><span itemprop="name">Titan Girl</span></a></span></span>_links_font; }

/* Navigation Menu */
@nav_bar_background: center center repeat-x scroll;
@nav_bar_border: 1px none #031926;
@nav_bar_border_radius: 0;
@nav_bar_button_color: @title_text_color;
@nav_bar_button_font: 1em "Trebuchet MS", Verdana, Arial;
@nav_bar_button_decoration: none;
@nav_bar_button_shadow: none;
@nav_bar_button_background: @empty;
@nav_bar_button_hover_color: @nav_bar_button_color;
@nav_bar_button_hover_font: @nav_bar_button_font;
@nav_bar_button_hover_decoration: @nav_bar_button_decoration;
@nav_bar_button_hover_shadow: @nav_bar_button_shadow;
@nav_bar_button_hover_background: @nav_bar_button_background;
@nav_bar_button_current_color: @title_buttons_color;
@nav_bar_button_current_font: @nav_bar_button_font;
@nav_bar_button_current_decoration: @nav_bar_button_decoration;
@nav_bar_button_current_shadow: @nav_bar_button_shadow;
@nav_bar_button_current_background: @title_buttons_background_color <span atuser="all" user_id="116246" class="wysiwyg-tagged-user user-link user-116246"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/116246" class="user-link js-user-link user-116246 group-0" itemprop="url" title="@all"><span itemprop="name">all</span></a></span></span>_gradients center repeat-x;
@nav_bar_bubble_text_color: #000000;
@nav_bar_bubble_font: .8em "Trebuchet MS", Verdana, Arial;
@nav_bar_bubble_background: #FFFFFF;
@nav_bar_bubble_border_radius: 5px;
#navigation-menu { padding: 0 8px; background: @nav_bar_background; border: @nav_bar_border; .rounded-corners(@nav_bar_border_radius); }
#navigation-menu a { position: relative; }
#navigation-menu > ul, #navigation-menu > ul li { float: left; }
#navigation-menu > ul li a { display: inline-block; padding: 0 .75em; color: @nav_bar_button_color; font: @nav_bar_button_font; text-decoration: @nav_bar_button_decoration; text-shadow: @nav_bar_button_shadow; background: @nav_bar_button_background; line-height: 31px !important; }
#navigation-menu > ul li:hover a { color: @nav_bar_button_hover_color !important; font: @nav_bar_button_hover_font; text-decoration: @nav_bar_button_hover_decoration !important; text-shadow: @nav_bar_button_hover_shadow; background: @nav_bar_button_hover_background; line-height: 31px !important; }
#navigation-menu > ul li a.state-active { color: @nav_bar_button_current_color !important; font: @nav_bar_button_current_font; text-decoration: @nav_bar_button_current_decoration !important; text-shadow: @nav_bar_button_current_shadow; background: @nav_bar_button_current_background; line-height: 31px !important; }
#navigation-menu div.tip-holder { position: absolute; top: -8px; right: 3px; display: inline-block; }
#navigation-menu div.tip-holder div.tip-number { padding: 3px 7px 2px 7px; background-color: @nav_bar_bubble_background; .rounded-corners(@nav_bar_bubble_border_radius); font: @nav_bar_bubble_font; line-height: .8em; text-shadow: none; .box-shadow(2px, 2px, 2px, <span atuser="shadow" user_id="11847" class="wysiwyg-tagged-user user-link user-11847"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11847" class="user-link js-user-link user-11847 group-0" itemprop="url" title="@shadow"><span itemprop="name">shadow</span></a></span></span>_color); height: .8em; color: @nav_bar_bubble_text_color; }
#navigation-menu div.tip-holder span.tip { border-top: 4px solid @nav_bar_bubble_background; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 6px; }

/* Navigation Tree + Participated Button + News Bar */
@nav_tree_color: @container_text_color_1;
@nav_tree_font: .8em @default_forum_text_font_family;
@nav_tree_decoration: none;
@nav_tree_background_color: @container_background_color_1;
@nav_tree_border_width: 1px;
@nav_tree_border_style: none;
@nav_tree_border_color: #031926;
@nav_tree_border_radius: 0;
@nav_tree_hover_color: @container_text_color_1;
@nav_tree_hover_font: @nav_tree_font;
@nav_tree_hover_decoration: none;
@nav_tree_hover_background_color: @container_highlight_color;
.recent-threads-button, #navigation-tree { color: @nav_tree_color; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background: @nav_tree_background_color; margin-bottom: 10px; height: 20px; .rounded-corners(@nav_tree_border_radius); }
.recent-threads-button.new .new-icon { display: inline-block; }
#navigation-tree { overflow: hidden; }
#nav-tree { white-space: nowrap; }
.popup_html { position: absolute; top: 0; left: 0; z-index: 999999; }
#nav-tree ul { display: none; list-style-type: none; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); }
#nav-tree > li { display: inline-block; position: relative; height: 20px; }
#nav-tree > li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; }
#nav-tree > li:hover, #nav-tree .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color;  }
#nav-tree > li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
#nav-tree .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
#nav-tree > li:first-child { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
#nav-tree > li:first-child a { margin-left: -2px; }
#nav-tree .ui-menu { display: none; position: absolute; float: left; }
#nav-tree .ui-menu a { .rounded-corners(0px); }
#nav-tree .ui-menu li { position: relative; white-space: nowrap; padding: 2px 10px 2px 5px; }
#nav-tree .ui-menu li ul { display: none; z-index: 9999; position: absolute; }
#nav-tree .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; }
#nav-tree .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; }
#nav-tree li.new_span > a > .new-icon { float: none; display: inline-block; }
#nav-tree li.state-selected > a { font-weight: bold !important; }
#nav-tree .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; }
#nav-tree .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; }
#nav-tree > li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; }
#nav-tree > li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; }
.popup_html ul { display: none; list-style-type: none; border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); }
.popup_html li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; }
.popup_html li:hover, .popup_html .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color;  }
.popup_html li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
.popup_html .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
.popup_html li { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
.popup_html li a { margin-left: -2px; }
.popup_html .ui-menu { display: none; position: absolute; float: left; z-index: 11; }
.popup_html .ui-menu a { .rounded-corners(0px); overflow: hidden; max-width: 550px; }
.popup_html .ui-menu li { position: relative; white-space: nowrap; padding: 2px 15px 2px 5px; }
.popup_html .ui-menu li ul { display: none; z-index: 9999; position: absolute; }
.popup_html .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; }
.popup_html .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; }
.popup_html li.new_span > a > .new-icon { float: none; display: inline-block; }
.popup_html li.state-selected > a { font-weight: bold !important; }
.popup_html .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; }
.popup_html .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; }
.popup_html li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; }
.popup_html li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; }
/* Participated Button */
.recent-threads-button { font: @nav_tree_font; cursor: pointer; float: right; height: 14px; margin: 0 0 10px 10px; padding: 3px 6px 3px 6px; text-align: center; }
.recent-threads-button:hover { color: @nav_tree_hover_color; font: @nav_tree_hover_font; text-decoration: @nav_tree_hover_decoration; background-color: @nav_tree_hover_background_color; }
.recent-threads-button .new-icon { margin: 0px 5px 0px 0px; }
/* News Bar */
#news { color: @nav_tree_color; font: @nav_tree_font; text-decoration: @nav_tree_decoration; z-index: 9; height: 20px; background-color: @nav_tree_background_color; overflow: hidden; margin: 0 auto 10px; border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; .rounded-corners(@nav_tree_border_radius); }
#news .items { height: 20px; position: relative; overflow: hidden; }
#news .items > div > div { padding: 0 10px; line-height: 20px !important; }
#news .items div img { vertical-align: text-bottom; }
#news .nav { float: left; background-position: center; }
#news .nav > span { border-width: 0px 1px 0px 0px; border-style: solid; border-color: transparent; cursor: default; float: left; display: inline-block; padding: 0 3px; height: 20px; }
#news .nav > span.title { text-align: center; display: inline-block; height: 20px; padding: 0px 6px; line-height: 20px !important; }
#news .nav .arrow.left { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
#news .nav .arrow.left span { border-right-color: @nav_tree_border_color; }
#news .nav .arrow.right span { border-left-color: @nav_tree_border_color; }
#news .nav:hover { background-color: @nav_tree_hover_background_color; }
#news .nav:hover > span { border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; border-width: 0px @nav_tree_border_width 0px 0px; }
#news .nav:hover .arrow { background-color: @nav_tree_hover_background_color; }

/* Participated Dialog */
@participated_background: @container_background_color_1;
@participated_inner_border: 1px solid @container_inner_border_color;
@participated_text_color: @container_text_color_1;
@participated_text_font: @empty;
@participated_links_color: @empty;
@participated_links_font: @empty;
@participated_links_decoration: @empty;
@participated_subject_align: left;
@participated_last_post_align: right;
@participated_hover_background: @container_highlight_color;
@participated_hover_text_color: @empty;
@participated_hover_text_font: @empty;
@participated_hover_links_color: @empty;
@participated_hover_links_font: @empty;
@participated_hover_links_decoration: @empty;
#recent-threads { background: @participated_background; color: @participated_text_color; font: @participated_text_font; }
#recent-threads a { color: @participated_links_color; font: @participated_links_font; text-decoration: @participated_links_decoration; }
#recent-threads th { border-bottom: 1px solid; }
#recent-threads .subject { text-align: @participated_subject_align; }
#recent-threads .latest { text-align: @participated_last_post_align; }
#recent-threads th, #recent-threads td { border: @participated_inner_border; border-top-width: 0px; border-left-width: 0px; }
#recent-threads tbody tr:hover { color: @participated_hover_text_color; font: @participated_hover_text_font; background: @participated_hover_background; }
#recent-threads tbody tr:hover a { color: @participated_hover_links_color; font: @participated_hover_links_font; text-decoration: @participated_hover_links_decoration; }

/* Selection Dialogs */
#thread_listing, #conversation_listing { padding: 0; }

/* CSS Arrows */
.arrow { position: relative; display: inline-block; width: 10px; height: 10px; z-index: 10; }
.arrow > span { content: ''; position: absolute; left: 50%; top: 50%; display: block; border-color: transparent; border-style: solid; border-width: 4px; height: 0; width: 0; }
.arrow.up > span { margin-left: -4px; margin-top: -6px; border-bottom-color: @container_text_color_1; }
.arrow.right > span { margin-left: -2px; margin-top: -4px; border-left-color: @container_text_color_1; }
.arrow.down > span { margin-left: -4px; margin-top: -2px; border-top-color: @container_text_color_1; }
.arrow.left > span { margin-left: -7px; margin-top: -4px; border-right-color: @container_text_color_1; }
.arrow.big > span { border-width: 5px; }
.arrow.big.up > span { margin-left: -5px; margin-top: -7px; }
.arrow.big.right > span { margin-top: -5px; }
.arrow.big.down > span { margin-left: -5px; }
.arrow.big.left > span { margin-left: -8px; margin-top: -5px; }

/* Containers and Dialogs */
@title_bar_background_image: <span atuser="all" user_id="116246" class="wysiwyg-tagged-user user-link user-116246"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/116246" class="user-link js-user-link user-116246 group-0" itemprop="url" title="@all"><span itemprop="name">all</span></a></span></span>_gradients;
@title_bar_background_attachment: @empty;
@title_bar_background_repeat: repeat-x;
@title_bar_background_position: center top;
@title_bar_border: 2px none #031926;
@title_bar_border_radius: 0;
@title_text_font: normal bold 100% Corbel;
@title_text_decoration: @empty;
@title_text_transform: @empty;
@title_text_variant: @empty;
@title_text_align: @empty;
@title_text_shadow: @empty;
@title_buttons_background_image: <span atuser="all" user_id="116246" class="wysiwyg-tagged-user user-link user-116246"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/116246" class="user-link js-user-link user-116246 group-0" itemprop="url" title="@all"><span itemprop="name">all</span></a></span></span>_gradients;
@title_buttons_background_attachment: scroll;
@title_buttons_background_repeat: repeat-x;
@title_buttons_background_position: left center;
@title_buttons_font: 100% Corbel;
@title_buttons_decoration: @empty;
@title_buttons_hover_background: @empty;
@title_buttons_hover_color: @title_buttons_color;
@title_buttons_hover_font: @title_buttons_font;
@title_buttons_hover_decoration: @title_buttons_decoration;
@content_background: @container_background_color_1;
@content_border_width: 0 2px 2px 2px;
@content_border_style: none;
@content_border_radius: 0;
@content_area_background: @container_background_color_1;
@content_area_border: 2px solid #031926;
@content_area_border_radius: 0;
@content_area_text_color: @container_text_color_1;
@content_area_text_font: 1em Corbel;
@content_area_links_font: 1em Corbel;
@content_area_links_decoration: @empty;
<span atuser="action" user_id="22145" class="wysiwyg-tagged-user user-link user-22145"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22145" class="user-link js-user-link user-22145 group-0" itemprop="url" title="@action"><span itemprop="name">action</span></a></span></span>_bar_background: @container_inner_border_color;
<span atuser="action" user_id="22145" class="wysiwyg-tagged-user user-link user-22145"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22145" class="user-link js-user-link user-22145 group-0" itemprop="url" title="@action"><span itemprop="name">action</span></a></span></span>_bar_border: 1px solid @container_outer_border_color;
<span atuser="action" user_id="22145" class="wysiwyg-tagged-user user-link user-22145"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22145" class="user-link js-user-link user-22145 group-0" itemprop="url" title="@action"><span itemprop="name">action</span></a></span></span>_bar_border_radius: @empty;
.container > .title-bar { background-color: @title_bar_background_color; background-image: @title_bar_background_image; background-attachment: @title_bar_background_attachment; background-repeat: @title_bar_background_repeat; background-position: @title_bar_background_position; border: @title_bar_border; .rounded-corners(@title_bar_border_radius); }
.ui-dialog .ui-dialog-titlebar { padding: .3em 1em; position: relative; background-color: @title_bar_background_color; background-image: @title_bar_background_image; background-attachment: @title_bar_background_attachment; background-repeat: @title_bar_background_repeat; background-position: @title_bar_background_position; border: @title_bar_border; .rounded-corners(@title_bar_border_radius); }
.ui-dialog .ui-dialog-title { color: @title_text_color; font: @title_text_font; text-decoration: @title_text_decoration; font-variant: @title_text_variant; text-transform: @title_text_transform; text-align: @title_text_align; text-shadow: @title_text_shadow; float: left; margin: .1em 16px .2em 0; }
.container > .title-bar h1, .container > .title-bar h2, .container > .title-bar h3 { color: @title_text_color; font: @title_text_font; text-decoration: @title_text_decoration; font-variant: @title_text_variant; text-transform: @title_text_transform; text-align: @title_text_align; text-shadow: @title_text_shadow; }
.container > .title-bar > .controls li a, .container > .title-bar > .controls li div { color: @title_buttons_color; background-color: @title_buttons_background_color; background-image: @title_buttons_background_image; background-attachment: @title_buttons_background_attachment; background-repeat: @title_buttons_background_repeat; background-position: @title_buttons_background_position; font: @title_buttons_font; text-decoration: @title_buttons_decoration; height: 30px; line-height: 30px !important; padding: 0 10px; }
.container > .title-bar > .controls:hover li a, .container > .title-bar > .controls:hover li div { color: @title_buttons_hover_color !important; background: @title_buttons_hover_background; font: @title_buttons_hover_font; text-decoration: @title_buttons_hover_decoration !important; }
.container > .content, .ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-buttonpane, .container.copy .clone { color: @container_text_color_1; background: @content_background; border-width: @content_border_width; border-style: @content_border_style; border-color: @container_outer_border_color; border-top-width: 0px; padding: 0px; .rounded-corners(@content_border_radius); }
.content-box { background: @content_area_background; border: @content_area_border; .rounded-corners(@content_area_border_radius); color: @content_area_text_color; font: @content_area_text_font; }
.content-box a, .container a { color: @container_links_color; font: @content_area_links_font; text-decoration: @content_area_links_decoration; }
.container > .control-bar { background: <span atuser="action" user_id="22145" class="wysiwyg-tagged-user user-link user-22145"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22145" class="user-link js-user-link user-22145 group-0" itemprop="url" title="@action"><span itemprop="name">action</span></a></span></span>_bar_background; border: <span atuser="action" user_id="22145" class="wysiwyg-tagged-user user-link user-22145"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22145" class="user-link js-user-link user-22145 group-0" itemprop="url" title="@action"><span itemprop="name">action</span></a></span></span>_bar_border; border-top-width: 0px; border-bottom-width: 0px; .rounded-corners(<span atuser="action" user_id="22145" class="wysiwyg-tagged-user user-link user-22145"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/22145" class="user-link js-user-link user-22145 group-0" itemprop="url" title="@action"><span itemprop="name">action</span></a></span></span>_bar_border_radius); margin-bottom: 0px; }
.container { margin-bottom: 10px; color: @container_text_color_1; }
.container > .title-bar { min-height: 30px; padding: 0px 10px; }
.container > .title-bar h1, .container > .title-bar h2, .container > .title-bar h3 { line-height: 30px !important; display: inline; }
.container > .title-bar.bbcode { min-height: 30px; padding: 0px; }
.container > .title-bar.bbcode h2 { width: (@wrapper_width - 10); line-height: inherit !important; padding: 0px; display: block; }
*+html .container > .title-bar.bbcode h2 { line-height: 16px !important; }
.title_wrapper { padding: 7px 10px; overflow: hidden; }
.title_wrapper img { display: block; }
.container abbr.time { color: @timestamp_color; }
.container .note { color: lighten(@container_text_color_1, 15%); }
.container > .title-bar > .controls { float: right; }
.container > .control-bar > .controls { float: right; padding: 5px; color: #000000; }
.container > .content { overflow: hidden; }
.controls > li a { display: inline-block; }
.control-bar .ui-pagination { padding: 5px 5px 3px 10px; }
.control-bar > div.float-left { padding-left: 10px; padding-top: 8px; padding-bottom: 8px; }
.control-bar > div.float-left img { padding-right: 5px; }
.control-bar .controls ul { z-index: 233; }
.control-bar .controls .ui-selectMenu-box { margin-left: 10px; }
.control-bar .ui-search { padding-bottom: 5px !important; }
.ui-selectMenu-box { border: 1px solid darken(@container_inner_border_color, 20%); }
.ui-selectMenu-box .arrow.down > span { border-top-color: #000000; }
.ui-dialog { .rounded-corners(); .hsla-bgcolor-safe(@container_outer_border_color, .5); }
.ui-dialog .ui-dialog-titlebar-close:hover span, .ui-dialog .ui-dialog-titlebar-close:focus span { background-image:url('@{images_path}/ui-icons.png'); background-position: -20px, 0px; }
.ui-dialog div.ui-dialog-buttonpane.ui-widget-content { text-align: right; margin-top: 10px; padding: 0 0 0 10px; border-width: 1px; .rounded-corners(5px); }
.ui-dialog div.section { text-align: center; background-color: @container_background_color_1; border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(10px); padding: 10px; margin: 10px 0; }
.ui-search .search-input.filters-input { .rounded-corners(); }
.ui-search .search-input { line-height: 16px !important; padding: 2px; border-width: 1px; border-style: solid; border-color: darken(@container_inner_border_color, 20%); .rounded-corners(5px, 0, 0, 5px); }
.ui-search .search-filters-button { display: inline-block; width: auto; height: auto; margin-left: -2px; min-height: 19px; padding: 3px 4px 2px 4px; border-width: 1px 1px 1px 0px !important; border-style: solid; border-color: darken(@container_inner_border_color, 20%); .rounded-corners(0, 5px, 5px, 0); vertical-align: top; cursor: pointer; }
.ui-search .search-filters-button .icon { display: inline-block; width: auto; height: auto; }
.ui-search .search-filters-button.state-active { background: @title_buttons_color; }
.event_icon { cursor: pointer; }
.container.copy .clone { .rounded-corners(0px); border-collapse: inherit; border-bottom-width: 0px; }

/* Pagination Menus */
@pagination_micro_background_color: @pagination_background_color;
@pagination_micro_hover_color: @pagination_hover_color;
@pagination_micro_text_color: @pagination_text_color;
.ui-pagination { display: inline-block; overflow: hidden; }
.ui-pagination li { cursor: pointer; list-style: none; float: left; margin-right: 2px; }
.ui-pagination li:last-child { margin-right: 0px; }
.ui-pagination li > a, .ui-pagination li > div { .rounded-corners(3px); font-weight: bold; text-decoration: none; background-color: @pagination_background_color; border: 1px solid darken(@container_inner_border_color, 20%); color: @pagination_text_color; display: inline-block; padding: 4px 5px;  }
.ui-pagination li > a:hover, .ui-pagination li > div:hover { border-style: solid; text-decoration: none; background-color: @pagination_hover_color; color: @pagination_text_color; border-color: mix(@pagination_text_color, @pagination_background_color, 70%); }
.ui-pagination li.state-selected > a { border: 0px solid transparent; background-color: @pagination_text_color; color: @pagination_background_color; padding: 5px 6px; cursor: default; }
.ui-pagination li.state-disabled > a { cursor: default; padding: 4px 5px; border-width: 1px; border-style: solid; opacity: .5; filter: alpha(opacity=50); }
.ui-pagination li.state-disabled > a:hover { background-color: @pagination_background_color; border-color: mix(@pagination_text_color, @pagination_background_color, 40%); }
.ui-micro-pagination { overflow: hidden; font-size: 75%; margin-top: 3px; }
.ui-micro-pagination ul, .ui-micro-pagination ul li div { display: inline; }
.ui-micro-pagination ul li { list-style: none; display: inline; margin-right: 2px; }
.ui-micro-pagination ul li:last-child { margin-right: 0px; }
.ui-micro-pagination ul li > a { display: inline-block; text-decoration: none; padding: 0 3px; color: @pagination_micro_text_color; background-color: @pagination_micro_background_color; border: 1px solid mix(@pagination_text_color, @pagination_background_color, 40%); .rounded-corners(2px); }
.ui-micro-pagination ul li > a:hover { color: @pagination_micro_text_color; border: 1px solid mix(@pagination_text_color, @pagination_background_color, 70%); background-color: @pagination_micro_hover_color; }

/* Tabs */
@tabs_background: @container_inner_border_color none left center repeat-x;
@tabs_border: 1px solid @container_inner_border_color;
@tabs_border_radius: 5px 5px 0 0;
@tabs_unselected_background: @container_background_color_2;
@tabs_unselected_border: @empty;
@tabs_unselected_border_radius: 5px 5px 0 0;
@tabs_unselected_text_color: @container_links_color;
@tabs_unselected_text_font: 100% @default_forum_text_font_family;
@tabs_unselected_text_decoration: none;
@tabs_selected_background: @container_background_color_1;
@tabs_selected_border: @tabs_unselected_border;
@tabs_selected_border_radius: @tabs_unselected_border_radius;
@tabs_selected_text_color: @container_links_color;
@tabs_selected_text_font: @tabs_unselected_text_font;
@tabs_selected_text_decoration: @tabs_unselected_text_decoration;
@tabs_hover_background: @container_highlight_color;
@tabs_hover_border: @tabs_unselected_border;
@tabs_hover_border_radius: @tabs_unselected_border_radius;
@tabs_hover_text_color: @tabs_unselected_text_color;
@tabs_hover_text_font: @tabs_unselected_text_font;
@tabs_hover_text_decoration: @tabs_unselected_text_decoration;
.ui-tabMenu ul { background: @tabs_background; border: @tabs_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding: 5px 5px 0 5px; }
.ui-tabMenu ul li { height: 26px; list-style: none; float: left; top: 1px; margin: 0 2px 1px 0; position: relative; background: @tabs_unselected_background; border: @tabs_unselected_border; .rounded-corners(@tabs_border_radius); }
.ui-tabMenu ul li a { color: @tabs_unselected_text_color; font: @tabs_unselected_text_font; text-decoration: @tabs_unselected_text_decoration; float: left; padding: 5px 14px; white-space: nowrap; }
.ui-tabMenu ul li:hover { background: @tabs_hover_background; border: @tabs_hover_border; .rounded-corners(@tabs_hover_border_radius); }
.ui-tabMenu ul li:hover a { color: @tabs_hover_text_color; font: @tabs_hover_text_font; text-decoration: @tabs_hover_text_decoration; }
.ui-tabMenu ul li.ui-active { background: @tabs_selected_background; border: @tabs_selected_border; .rounded-corners(@tabs_selected_border_radius); }
.ui-tabMenu ul li.ui-active a { color: @tabs_selected_text_color; font: @tabs_selected_text_font; text-decoration: @tabs_selected_text_decoration; border-bottom: 1px solid @tabs_selected_background; }

/* Tables / Lists */
@lists_inner_border_width: 1px;
@lists_inner_border_style: solid;
@lists_background: @empty;
@lists_text_color: @container_text_color_1;
@lists_text_font: 1em Corbel;
@lists_links_color: @container_links_color;
@lists_links_font: 1em Corbel;
@lists_links_decoration: none;
@lists_hover_background_image: @empty;
@lists_hover_background_attachment: @empty;
@lists_hover_background_repeat: @empty;
@lists_hover_background_position: @empty;
@lists_hover_text_color: @lists_text_color;
@lists_hover_text_font: 1em Corbel;
@lists_hover_links_color: @lists_links_color;
@lists_hover_links_font: 1em Corbel;
@lists_hover_links_decoration: underline;
@lists_selected_background: @container_highlight_color;
@lists_selected_text_color: @lists_text_color;
@lists_selected_text_font: 1em Corbel;
@lists_selected_links_color: @lists_links_color;
@lists_selected_links_font: 1em Corbel;
@lists_selected_links_decoration: none;
table.list > thead > tr > th, table.list > tbody > tr > td { border-width: 0px @lists_inner_border_width @lists_inner_border_width 0px; border-style: @lists_inner_border_style; border-color: @container_inner_border_color; vertical-align: middle; padding: 10px; .box-sizing(); }
table.list { color: @lists_text_color; font: @lists_text_font; background: @lists_background; table-layout: fixed; font-size: 90%; width: 100%; .box-sizing(); }
.list a { color: @lists_links_color; font: @lists_links_font; text-decoration: @lists_links_decoration; }
.list .item.state-hover, .list .board.item:hover, #calendar-list .item:hover { color: @lists_hover_text_color; font: @lists_hover_text_font; background-color: @container_highlight_color; background-image: @lists_hover_background_image; background-attachment: @lists_hover_background_attachment; background-repeat: @lists_hover_background_repeat; background-position: @lists_hover_background_position; }
.list .item > .main.state-hover .link a, .list .item:hover > .main .link a { color: @lists_hover_links_color; font: @lists_hover_links_font; text-decoration: @lists_hover_links_decoration; }
.list .item.state-selected { color: @lists_selected_text_color; font: @lists_selected_text_font; background: @lists_selected_background; }
.list .item.state-selected a { color: @lists_selected_links_color; font: @lists_selected_links_font; text-decoration: @lists_selected_links_decoration; }
table.list > thead > tr > th { padding: 5px 10px; white-space: nowrap; }
table.list > thead > tr.last > td, table.list > tbody > tr.last > td { border-bottom-width: 0px; }
table.list > thead > tr > .last, table.list > tbody > tr > .last { border-right: none; }
table.list td.icon, table.list th.icon { width: 55px; text-align: center; }
table.list td.main, table.list th.main { padding: 10px 10px 10px 0px; }
table.list .checkbox { width: 25px; text-align: center; padding: 0px; border-right: none; }
table.list .checkbox-placeholder { border-right: none !important; }
.list .item > .main { cursor: pointer; overflow: hidden; }
.list .item .list-item-checkbox { visibility: hidden; }
.list .item.state-hover .list-item-checkbox, .list .item.state-selected .list-item-checkbox { visibility: visible; }
table.list abbr.time, table.list .last-edited { color: @timestamp_color; }

/* New Icons */
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_background: @title_buttons_background_color <span atuser="all" user_id="116246" class="wysiwyg-tagged-user user-link user-116246"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/116246" class="user-link js-user-link user-116246 group-0" itemprop="url" title="@all"><span itemprop="name">all</span></a></span></span>_gradients left center repeat-x;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_border: 1px solid darken(@title_buttons_background_color, 15%);
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_border_radius: 5px;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_transform: uppercase;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_color: @title_buttons_color;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_font: 7px Corbel;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_decoration: none;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_background: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_background;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_border: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_border;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_border_radius: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_border_radius;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_link_transform: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_transform;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_link_color: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_color;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_link_font: 1em Corbel;
<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_link_decoration: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_decoration;
.new-icon, .new-icon a { color: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_color !important; font: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_font; text-decoration: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_decoration; text-transform: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_link_transform; text-align: center; line-height: 10px !important; height: 10px; }
.new-icon { background: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_background; border: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_border; .rounded-corners(<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_border_radius); display: none; float: left; margin: 3px 5px 3px 0px; padding: 0px 1px; word-wrap: normal;
a { position: relative;
&:after { content: ""; padding: 16px; position: absolute; left: -8px; top: -8px; }
}
}
.new-icon:hover { background: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_background; border: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_border; .rounded-corners(<span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_border_radius); }
.new-icon:hover, .new-icon:hover a { color: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_link_color !important; font: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_link_font; text-decoration: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_link_decoration; text-transform: <span atuser="new" user_id="5151" class="wysiwyg-tagged-user user-link user-5151"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/5151" class="user-link js-user-link user-5151 group-0" itemprop="url" title="@new"><span itemprop="name">new</span></a></span></span>_hover_link_transform; }

/* Footer */
@footer_text_color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_color;
@footer_text_font: 0.8em Corbel;
@footer_text_decoration: none;
@footer_background: ~"";
@footer_border: ~"";
@footer_hover_color: @footer_text_color;
@footer_hover_font: normal normal 1em Corbel;
@footer_hover_decoration: @footer_text_decoration;
@footer_pipe_color: @default_forum_text_color;
@footer_copyright_color: @default_forum_text_color;
@footer_copyright_font: 0.8em Corbel;
@footer_pb_link_color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_color;
@footer_pb_link_font: 100% Corbel;
@footer_pb_link_decoration: none;
footer { text-align: center; display: block; background: @footer_background; border: @footer_border; padding-top: 5px; padding-bottom: 28px; }
footer .footer-links { margin: 0 auto; color: @footer_pipe_color; }
footer .footer-links a { color: @footer_text_color; text-decoration: @footer_text_decoration; font: @footer_text_font; }
footer .footer-links a:hover { color: @footer_hover_color; text-decoration: @footer_hover_decoration; font: @footer_hover_font; }
footer .footer-text { text-align: center; color: @footer_copyright_color; margin: 5px 0 0 0; font: @footer_copyright_font; }
footer .footer-text a { color: @footer_pb_link_color; text-decoration: @footer_pb_link_decoration; font: @footer_pb_link_font; }


/**************************************************************************
*                                 Pages                                  *
**************************************************************************/

/* Help */
.help-topics li { display: block; float: left; padding: 5px 10px; min-width: 280px; }
.help.content ul { margin-left: 31px; list-style-type: disc; }
.help.content ol { margin-left: 31px; list-style-type: decimal; }
.help.content ol li, .help.content ul li { padding: 2px 0; }
.help.content h1 { font-size: 18px; font-weight: bold; }
.help.content h2 { font-size: 16px; font-weight: bold; }
.help.content h3 { font-size: 14px; font-weight: bold; }
.help.content code { display: block; border: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_border; padding: 5px; margin: 0 16px; background: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_background; color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_text_color; font: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_text_font; white-space: pre-wrap; }

/* Search Page */
.search .content { padding: 10px 0px 0px 10px; }
.search .content form > div { padding: 10px; margin-right: 10px; margin-bottom: 10px; }
.search .header, #how { font-size: 14px; padding: 10px; }
.search .options-container { padding: 10px; width: 432px; font-size: 11px; margin-right: 10px; height: 200px; overflow: hidden; }
.search .options-container th { padding-bottom: 5px; font-size: 14px; text-align: left; font-weight: normal; }
.search .options-container td { padding: 5px 5px 5px 0; }
.search .footer { font-size: 14px; line-height: 20px !important; }
.search .footer input { float: right; }
.search .footer #transcription { width: 89%; font-size: 11px; }
.search .disabled { background-color: #DDDDDD; }
.search #what input, .search #where input, .search #who input { width: 230px; }
.search #who select { width: 235px; }
.search #when input { width: 80px; }
.search input[id*="-placeholder"] { cursor: pointer; }
#where-board-subboard, #where-without, #where-category, #who-member-group { display: none; }

/* Calendar Page */
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_background: @container_background_color_1;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_border: 1px solid @container_inner_border_color;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_border_radius: 10px;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_inner_border: 1px solid @container_inner_border_color;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_link_alignment: right;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_title_color: @container_text_color_1;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_title_font: @empty;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_day_background: @container_highlight_color;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_day_link_color: @container_links_color;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_day_link_font: @empty;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_day_link_decoration: @empty;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_cur_month_background: @container_background_color_2;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_cur_month_link_color: @container_links_color;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_cur_month_link_font: @empty;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_cur_month_link_decoration: @empty;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_month_background: @container_background_color_1;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_month_link_color: @container_text_color_1;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_month_link_font: @empty;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_month_link_decoration: @empty;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_title_border_radius: 10px 10px 0 0;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_align_icon: center;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_align_last: right;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_last_color: @empty;
<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_last_font: @empty;
.cal-box { background: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_background; border: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_border; .rounded-corners(<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_border_radius); width: 100%; border-collapse: separate; }
.cal-box th { padding: 3px 0px; }
.cal-box th, .cal-current-panel .cal-box td, #calendar-list .cal-box td { border: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_inner_border; border-top-width: 0px; border-left-width: 0px; }
.cal-box th, .cal-box th * { color: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_title_color; font: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_title_font; }
.cal-box .current-day .head, .cal-box .today .head, .ui-datepicker td.ui-datepicker-today a { background: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_day_background; }
.cal-box .current-day .head a, .cal-box .today .head a, .ui-datepicker td.ui-datepicker-today a { color: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_day_link_color; font: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_day_link_font; text-decoration: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_day_link_decoration; }
.cal-box .head { background: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_cur_month_background; }
.cal-box a { color: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_cur_month_link_color; font: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_cur_month_link_font; text-decoration: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_cur_month_link_decoration; }
.cal-box .off .head a { color: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_month_link_color; font: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_month_link_font; text-decoration: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_month_link_decoration; }
.cal-current-panel { vertical-align: top; }
.cal-current-panel .cal-box .last { border-right: none; }
.cal-current-panel .cal-box .last td { border-bottom: none; }
.cal-current-panel .body { min-height: 74px; height: 74px; padding-bottom: 15px; padding: 3px; overflow: hidden; }
.cal-current-panel .body a, .cal-current-panel .birthday-event { white-space: nowrap; }
.cal-current-panel .off .head { background: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_month_background; }
.cal-current-panel .head { text-align: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_link_alignment; cursor: pointer; padding-bottom: 3px; height: 16px; overflow: hidden; }
.cal-current-panel .head a { font-weight: bold; font-size: 12px; padding: 2px; overflow: hidden; }
.cal-preview-panel { width: 180px; padding-right: 10px; vertical-align: top; }
.cal-preview-panel .header th { border-right: none; }
.cal-preview-panel .header th a { color: @container_links_color; }
.cal-preview-panel td { padding: 2px 0px; }
.cal-preview-panel .weekdays td { padding-top: 5px; }
.cal-preview-panel .cal-box { table-layout: auto; width: 100%; text-align: center; padding-bottom: 10px; margin-bottom: 10px; }
.cal-preview-panel .cal-box .head { padding: 0px 1px 2px 0px; }
.cal-preview-panel .off .head { background-color: transparent; }
.cal-preview-panel a.has-events { font-weight: bold; }
#calendar-list { vertical-align: top; }
#calendar-list .new .new-icon { display: inline-block; }
#calendar-list table { table-layout: auto; }
#calendar-list table.cal-box td { border-width: 0px 0px 1px 0px; }
#calendar-list tr:last-child td { border-bottom: none; }
#calendar-list tr:first-child th { .rounded-corners(<span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_title_border_radius); }
#calendar-list th { padding: 5px 15px; text-align: left; border-right: none; }
#calendar-list td.icon { width: 60px; height: 60px; text-align: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_align_icon; border: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_inner_border; border-width: 0px 1px 1px 0px; }
#calendar-list td.main { cursor: pointer; padding: 0 10px; }
#calendar-list td.last_post { color: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_last_color; font: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_last_font; text-align: <span atuser="cal" user_id="21799" class="wysiwyg-tagged-user user-link user-21799"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/21799" class="user-link js-user-link user-21799 group-0" itemprop="url" title="@cal"><span itemprop="name">cal</span></a></span></span>_list_align_last; width: 250px; padding-right: 10px; }
.calendar .content { padding: 10px; }
.calendar .content > table { width: 100%; vertical-align: top; }
.calendar .content > table > tr > td { vertical-align: top; }
.calendar .control-bar .calendar-jump .button { float: left; }
.calendar .control-bar .calendar_go_button { display: none; margin: 0 5px 0 10px; }
#to-date-container { display: none; }
.ui-datepicker { .hsla-bgcolor-safe(@container_outer_border_color, .5); }
.ui-datepicker .ui-datepicker-header { background-color: @title_bar_background_color; background-image: <span atuser="all" user_id="116246" class="wysiwyg-tagged-user user-link user-116246"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/116246" class="user-link js-user-link user-116246 group-0" itemprop="url" title="@all"><span itemprop="name">all</span></a></span></span>_gradients; border-color: @container_outer_border_color; }
.ui-datepicker .ui-datepicker-title { color: @title_text_color; }
.ui-datepicker table { background-color: @container_background_color_1; border-color: @container_outer_border_color; }
.ie7 .calendar .control-bar .calendar_go_button { margin-left: 0; }
.ie7 .calendar .control-bar .controls .ui-selectMenu-box { margin-left: 0; margin-right: 10px; }

/* Members Page */
@members_background: @empty;
@members_text_color: @empty;
@members_text_font: @empty;
@members_text_align: left;
@members_align_name: left;
@members_align_username: left;
@members_align_rank: left;
@members_align_group: left;
@members_align_posts: left;
@members_align_date_registered: left;
@members_align_last_online: right;
.member { cursor: pointer; }
.members table.list { table-layout: fixed; }
.members thead { color: @members_text_color; font: @members_text_font; background: @members_background; }
.members th.sortable { cursor: pointer; overflow: hidden; text-align: @members_text_align; }
.members .name { width: 19%; text-align: @members_align_name; }
.members .username { width: 17%; text-align: @members_align_username; }
.members .rank { width: 16%; text-align: @members_align_rank; }
.members .group { width: 16%; text-align: @members_align_group; }
.members .posts { width: 8%; text-align: @members_align_posts; }
.members .date-registered { width: 18%; text-align: @members_align_date_registered; }
.members .last-online { width: 18%; text-align: @members_align_last_online; }
.members .last-online abbr.timestamp { font-size: 100%; }
.members .list-content td { word-wrap: break-word; overflow: hidden; padding: 3px 10px; .box-sizing(content-box); }
.members .list-content .checkbox { padding: 3px 0px 3px 7px; }

/* View Profile */
.show-user table { width: 100%; }
.show-user .controls > * { float: right; }
.show-user table.list { font-size: 100%; }
.show-user .heading th, .show-user .heading td { font-weight: bold; padding: 8px 0px; text-align: center; border-right: 0px; }
.show-user td.avatar, th.avatar { width: 81px; border-width: 1px 1px 0 0; padding: 3px; }
.show-user .list .main { border-right-width: 0; border-width: 1px 0 0 0;  padding: 5px 33px 5px 33px; }
.show-user .delete { width: 60px; padding: 5px 10px 5px 5px; border-width: 1px 1px 0 0; vertical-align: middle; text-align: right; }
.show-user .time-container { width: 22%; padding: 3px 10px 3px 3px; text-align: right; border-width: 1px 0 0 0; }
.show-user a.show-more { border-top: 1px solid @container_inner_border_color; display: block; font-weight: bold; padding: 8px 0px; text-align: center; }
.show-user .content-box { margin-bottom: 10px; overflow: hidden; }
.show-user .content-box:last-child { margin-bottom: 0px; }
.show-user .following { table-layout: auto; }
.show-user .center-col { padding: 10px; }
.show-user td.status-input input { width: 100%; }
.show-user td.status-submit { width: 120px; text-align: right; }
.show-user .headings { width: 175px; }
.show-user #center-column { vertical-align: top; }
.show-user #right-column { width: 180px; vertical-align: top; }
.show-user .right-col { width: 167px; margin-left: 10px; text-align: center; }
.show-user .social { width: 50%; float: left; }
.show-user .messengers span.label { width: 55px; display: inline-block; }
.show-user .mini-user { width: 75px; max-width: 75px; min-height: 90px; display: inline-block; overflow: hidden; padding: 4px 0px; vertical-align: top; text-align: center; }
.ie7 .show-user .mini-user { display: inline; margin-right: 10px; }
.show-user #status-bar { border-top: none !important; }
.show-user #status-bar td { border: none; }
.show-user #status-input-box input { width: 99%; }
.show-user .delete a { display: none; }
.show-user .notifications .main { padding: 10px 33px; }
.show-user .notifications .main .new-icon { display: inline-block; }
.show-user .friends-stats { float: right; }
.online-friends .mini-profile { margin-right: 10px; margin-bottom: 10px; vertical-align: top; display: inline-block; }
.offline-friends .micro-profile { float: left; text-align: left; margin-right: 10px; margin-bottom: 10px; }
.show-user .members-link-container { margin-bottom: 10px; }
.show-user .empty-result-message { text-align: center; padding-bottom: 25px; }
.show-user .groups td { border-width: 1px 1px 0px 0px; text-align: center; padding: 12px 0px; }
.show-user .groups td:first-child { text-align: left; padding-left: 20px; }
.show-user .groups td:last-child { border-right: 0px; }
.show-user .groups .group_desc { width: 40%; }
.show-user .groups .leaders { width: 25%; }
.show-user .groups .members { width: 10%; }
.show-user .groups .status { width: 15%; }
.show-user .groups .heading td { padding: 4px 0px; text-align: center; }
.show-user .badge-wish { text-align: center; height: 100px; margin-right: 10px; }
.show-user .badge-wish img { display: block; }
.show-user .visit-badge-store { text-align: center; width: 130px; }
.show-user .visit-badge-store .badge-store-text { width: 110px; height: 54px; margin: 10px auto 5px auto; }

.badge-thumbs { padding: 5px 130px 5px 5px !important; position: relative; min-height: 36px; }
.badge-thumbs .badge-thumb { margin: 5px; }
.badge-thumbs .button { position: absolute; top: 50%; right: 10px; margin-top: -13px; }

/* Edit Profile */
.big_username { font-size: 20pt; }
.edit-user .title { font-weight: bold; margin-bottom: 4px; }
.edit-user textarea { padding: 2px; margin: 0; }
.edit-user input, .edit-user select, .edit-user textarea { display: inline-block; zoom: 1; margin-top: 5px; }
.edit-user .content-box { margin: 10px; padding: 10px; }
.edit-user .content-box.options { position: relative; zoom: 1; }
.edit-user .content-box.options table { table-layout: auto; }
.edit-user .content-box.options td { padding: 9px 5px; }
.edit-user .content-box.options input[type="radio"] { margin-top: 0px; }
.edit-user .pad { padding: 10px; }
.edit-user .pad.info { padding-bottom: 0; clear: both; }
.edit-user .pad .username { font-size: 1em; font-weight: normal; margin-top: 14px; }
.edit-user .note { font-style: italic; font-size: 85%; }
.edit-user label { display: block; font-weight: 800; }
.edit-user .radio label, .edit-user .checkbox label { display: inline; font-weight: 400; }
.edit-user .avatar.content-box { padding: 10px 10px 0px 0px; }
.edit-user .avatar h4 { margin-bottom: 5px; }
.edit-user .user-search { padding-top: 3px; }
.edit-user .avatar { margin-bottom: 10px; }
.edit-user .notifications table { table-layout: auto; }
.edit-user .notifications th, .edit-user .notifications td { padding: 0px 5px; }
.edit-user .notifications th.description { width: 760px; }
.edit-user .edit_button_spacer { min-width: 275px; display: inline-block; }
#user_block_list .user-search-selection .ui-selectlist-item { float: none; clear: both; margin-bottom: 10px; }
#user_block_list .user-search-selection .ui-selectlist-item .block_list_options { float: left; width: 430px; padding-left: 20px; }
#user_block_list .selectlist-wrapper { float: left; position: relative; }
#user_block_list .block_list_options input { margin: 0 5px 5px 5px; padding: 0; height: 13px; }
#user_block_list .block_list_options label { position: relative; top: -2px; }
.edit-user #avatar-options .content-box { position: relative; margin: 10px 0px 0px 10px; float: left; min-height: 250px; padding: 10px; text-align: center; width: 150px; }
.edit-user #avatar-options .content-box.options { width: 100%; min-width: 279px; max-width: 350px; text-align: left; }
#forum-avatars-wrapper img:hover { border-width: 3px; border-style: solid; border-color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_color; .rounded-corners(); margin: -3px; }
#image-avatar-editor-container .wrapper { padding: 10px 5px 5px 5px; margin-top: 15px; }
.ie7 #image-avatar-editor-container .wrapper { width: 520px; }
#image-avatar-editor-container .wrapper.first { clear: both; margin-top: 10px; }
#image-avatar-editor-container span.fileupload-buttonbar { display: inline-block; margin: 10px 0; }
#image-avatar-editor-container .files { margin: 0; }
#image-avatar-editor-container #link-image { height: 18px; }
#image-avatar-editor-container #link-image.button { cursor: pointer; }
#forum-avatar-editor-container { padding: 0; }
#forum-avatars-wrapper { width: 510px; margin: 0 auto; padding: 10px; }
#forum-avatars-wrapper .avatar-wrapper { float: left; margin: 10px; }
#forum-avatars-wrapper img { max-height: 150px; max-width: 150px; }

/* Badge Options Tab */
#badge-options h4 { margin-top: 10px; }
#badge-options .badges-have .badge-thumbs { width: 240px; }
#badge-options .badges-dont-have .badge-thumbs { width: 110px; }
#badge-options .badge-thumbs { float: left; padding: 5px !important; }
#badge-options .badge-thumbs .badge-thumb, #badge-options .badge-thumbs .badge-icons { float: left; }
#badge-options .badge-icons img { margin: 5px 0 5px 10px; vertical-align: middle; }
#badge-options .badge-thumbs .badge-icons img, #badge-options .badge-thumbs .badge-icons input { margin: 5px 0 0 10px; width: 16px; height: 16px; }
#badge-options .badge-thumbs .badge-icons input { margin-top: 8px; padding: 0; }
#badge-options .badge-thumbs .small { vertical-align: bottom; }
#badge-options .badges-dont-have .badge-icons img { margin-top: 16px; }
#badge-options .badge-gift, #badge-options .badge-use-action { color: @container_text_color_1; }

/* Board List */
@board_names_color: @empty;
@board_names_font: normal bold 100% Corbel;
@board_desc_color: @empty;
@board_desc_font: normal lighter 100% Corbel;
@board_mod_color: @empty;
@board_mod_font: 75% Corbel;
@board_sub_color: @empty;
@board_sub_font: normal normal 1em Corbel;
@board_align_main: left;
@board_align_threads: center;
@board_align_posts: center;
@board_align_last_post: right;
.boards .main { width: 59%; text-align: @board_align_main; }
.boards .threads { width: 9%; text-align: @board_align_threads; white-space: nowrap; }
.boards .posts { width: 8%; text-align: @board_align_posts; white-space: nowrap; }
.boards .latest { width: 20%; text-align: @board_align_last_post; }
.boards .main.redirect { border-right: 0px; }
.boards .main .link a { color: @board_names_color; font: @board_names_font; }
.boards .main .description { color: @board_desc_color; font: @board_desc_font; padding-left: 0px; padding-bottom: 3px; }
.boards .main .moderators { color: @board_mod_color; font: @board_mod_font; padding-bottom: 3px; }
.boards .main .sub-boards { color: @board_sub_color; font: @board_sub_font; }
.boards table.list { table-layout: auto; }
.boards table.list th.main { padding-left: 10px; }
.boards table.list > tbody > tr > td { padding: 5px 10px; }
/* Board Password Page */
#password-wrapper { margin: 10px 0px; }
#password-wrapper div { display: inline-block; margin-right: 5px; }
#password-wrapper input { padding: 1px 6px 3px 6px; }

/* Thread List */
@thread_align_subject: left;
@thread_align_created_by: center;
@thread_align_replies: center;
@thread_align_views: center;
@thread_align_last_post: right;
.threads .main { width: 41%; text-align: @thread_align_subject; }
.threads .created-by { width: 14%; text-align: @thread_align_created_by; }
.threads .replies { width: 9%; text-align: @thread_align_replies; }
.threads .views { width: 8%; text-align: @thread_align_views; }
.threads .latest { width: 20%; text-align: @thread_align_last_post; cursor: pointer; }
.threads .icons { white-space: nowrap; }
.threads .control-icons img { padding-right: 5px; }
.threads .control-icons .lock_icon, .threads .control-icons .falling_icon, .threads .control-icons .event_icon, #bookmarks.threads .bookmark_icon { width: 0; padding-right: 0; }
.threads .checkbox { width: 2%; }
.threads .checkbox-placeholder { width: 5px; }
.threads .main table { table-layout: auto; }
.threads table.list { table-layout: auto; }
.threads .item.new .new-icon { display: inline-block; }
.threads .item.announcement.last > td { border-width: 0px 1px 10px 0px; border-style: solid; }
.threads .item.announcement.last > td.checkbox, .threads .item.announcement.last > td.last { border-right: none; }

/* Conversation List */
@conversation_align_created_by: center;
@conversation_align_replies: center;
@conversation_align_last_reply: right;
.conversations table.list { table-layout: auto; }
.conversations .created-by, .conversations .recipients { width: 17%; text-align: @conversation_align_created_by; }
.conversations .replies { width: 8%; text-align: @conversation_align_replies; }
.conversations .latest { width: 20%; text-align: @conversation_align_last_reply; padding-right: 10px; cursor: pointer; }
.conversations .checkbox { width: 24px; }
.conversations .item.new .new-icon { display: inline-block; }

/* Polls */
@polls_selection_border: 1px solid @container_inner_border_color;
@polls_selection_background: @container_highlight_color;
@polls_rank_default_background: #AAAAAA url('@{images_path}/gradients/bar.png') repeat-x left center;
@polls_rank_default_border: 1px solid #000000;
@polls_rank_default_border_radius: 5px;
@polls_rank_default_rank_color: #FFFFFF;
@polls_rank_default_rank_background: #000000;
@polls_rank_default_rank_border: 5px;
@polls_rank_first_background_color: #FFCC22;
@polls_rank_second_background_color: #66DDEE;
@polls_rank_third_background_color: #FF0000;
.ui-poll .results td .select-box { min-width: 15px; min-height: 15px; border: @polls_selection_border; }
.ui-poll .results tr.ui-selected { background: @polls_selection_background; }
.ui-poll .poll-vote-bar .bar { background: @polls_rank_default_background; border: @polls_rank_default_border; border-right-width: 0px; .rounded-corners(@polls_rank_default_border_radius, 0, 0, @polls_rank_default_border_radius); float: left; height: 17px; min-width: 5px; }
.ui-poll .poll-vote-bar .rank { float: left; background: @polls_rank_default_background; border: @polls_rank_default_border; border-left-width: 0px;  height: 17px; padding-left: 2px; .rounded-corners(0, @polls_rank_default_border_radius, @polls_rank_default_border_radius, 0); }
.ui-poll .poll-vote-bar .rank div { margin-right: 1px; margin-top: 1px; color: @polls_rank_default_rank_color; font-size: 80%; background: @polls_rank_default_rank_background; opacity: .5; filter: alpha(opacity=50); padding: 1px 2px; .rounded-corners(@polls_rank_default_rank_border); }
.ui-poll .poll-vote-bar.rank-1 .rank, .ui-poll .poll-vote-bar.rank-1 .bar { background-color: @polls_rank_first_background_color; }
.ui-poll .poll-vote-bar.rank-2 .rank, .ui-poll .poll-vote-bar.rank-2 .bar { background-color: @polls_rank_second_background_color; }
.ui-poll .poll-vote-bar.rank-3 .rank, .ui-poll .poll-vote-bar.rank-3 .bar { background-color: @polls_rank_third_background_color; }
.ui-poll { padding: 10px; }
.ui-poll table { table-layout: fixed; width: auto; }
.ui-poll .icon-poll { margin-right: 5px; }
.ui-poll .results { margin-bottom: 5px; }
.ui-poll .results td { padding: 5px; }
.ui-poll .results tr.ui-hover { background-color: @container_highlight_color; cursor: default; }
.ui-poll .results td:first-child { padding-right: 0px; }
.ui-poll .results .stats { float: left; margin-left: 5px; line-height: 18px !important; }
.ui-poll .voted ul { list-style: disc; padding-left: 20px; }
.ui-poll .vote-input { margin-top: 5px; }
.ui-poll .vote-input-cooldown { margin-left: 5px; margin-top: 2px; }
.ui-poll .poll-vote-bar { float: left; overflow: hidden; min-width: 10px; }
.ui-poll .results tr td .select-box img { visibility: hidden; display: block; }
.ui-poll .results tr.ui-selected td .select-box img { visibility: visible; }

/* Posts */
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_color: @container_background_color_1;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_image: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_attachment: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_repeat: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_position: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_text_color: @container_text_color_1;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_color: @container_background_color_2;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_image: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_attachment: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_repeat: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_position: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_text_color: @container_text_color_2;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_separator_border: 1px solid @container_inner_border_color;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_likes_color: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_likes_font: 80% @default_forum_text_font_family;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_header_border: 1px solid @container_inner_border_color;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_background: @container_background_color_1;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_border: 1px solid @container_inner_border_color;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_text_color: @container_text_color_1;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_text_font: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_edited_text_color: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_edited_text_font: 80% @default_forum_text_font_family;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_signatures_border: 1px solid @container_inner_border_color;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_signatures_text_color: @empty;
<span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_signatures_text_font: 80% @default_forum_text_font_family;
.posts .post, .post .quote div.quote div.quote_body, .post.even .quote div.quote_body { color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_text_color; background-color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_color; background-image: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_image; background-attachment: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_attachment; background-repeat: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_repeat; background-position: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_position; }
.posts .post.even, .post .quote div.quote_body, .post.even .quote div.quote div.quote_body { color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_text_color; background-color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_color; background-image: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_image; background-attachment: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_attachment; background-repeat: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_repeat; background-position: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_background_position; }
.post.item abbr.time, .post.item.even .quote abbr.time, .post.item .quote .quote abbr.time { color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_text_color; }
.post.item.even abbr.time, .post.item .quote abbr.time, .post.item.even .quote .quote abbr.time { color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_even_text_color; }
.posts .post .post-method { font-size: .8em; }
.posts span.labels { display: block; }
.posts span.labels .ui-label { padding: 5px 0 0 5px; display: inline-block; zoom: 1; }
.posts .poll { border-width: 0px 1px 10px 1px; border-style: solid; border-color: @container_inner_border_color; }
.posts .post table { width: 100%; }
.posts .post .left-panel { width: 225px; vertical-align: top; }
.posts .post .content { padding-left: 50px; vertical-align: top; }
.posts .post .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
.posts .post .content-head .info .date { margin-right: 7px; }
.posts .post .content-head .info .date, .posts .post .post-method { vertical-align: -7px; }
.posts .post.recent .content-head .info .date, .posts .post.recent .post-method { vertical-align: 0; }
.posts .post.recent .content-head .info { line-height: 13px !important; }
.posts .post .thread-link { display: none; }
.posts .post.recent .thread-link { display: block; }
.posts .post.recent .likes { vertical-align: 0px; }
.posts .post .content-head .controls { float: right; border-collapse: separate; }
.posts .post .content-head .controls > a { float: left; margin-left: 3px; padding-right: 5px; }
.posts .post .content-head .controls > a.likes-button { padding: 1px 6px 0px 6px; }
.posts .post .content-head .controls > a.likes-button img { margin-top: 2px; }
.posts .post .message { word-wrap: break-word; overflow-x: auto; overflow-y: hidden; margin-bottom: 1.3em; }
.posts .post .message table { width: inherit; }
.posts .post .message table td { padding: 3px; }
.posts .post .message ul {margin-left: 31px; list-style-type: disc;}
.posts .post .message ol {margin-left: 31px; list-style-type: decimal;}
.posts.summary .post .content-head .info { float: none; }
.posts .post.blocked .unblocked { display: none; }
.posts .post .content .thread-link { max-width: 450px; overflow: hidden; }
.posts.item .ui-pagination { padding-left: 0px; }
.likes { vertical-align: -7px; }
.posts #labels { display: none; text-align: right; padding: 5px; }
.posts .post > td, .posts .labels { border: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_separator_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }
.likes, .likes:hover { color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_likes_color; font: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_likes_font; }
.likes-button { padding: 4px 0px 0px 5px; display: none; }
.liked.likes { display: inline; }
.posts .post .content-head { border: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_header_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding-bottom: 5px; margin-bottom: 10px; }
.posts .post .message code { display: block; border: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_border; padding: 5px; margin-left: 16px; margin-right: 16px; background: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_background; color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_text_color; font: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_text_font; white-space: pre-wrap; }
.posts .post .foot { height: 1px; vertical-align: bottom; padding-left: 10px; }
.posts .post .foot .edited_by { text-align: right; color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_edited_text_color; font: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_edited_text_font; margin-top: 10px; }
.posts .post .foot .signature { color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_signatures_text_color; font: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_signatures_text_font; vertical-align: bottom; border: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }
.posts .bookmark_icon { padding-right: 5px; }
.quote_clear { clear: both; }

/* Message List */
@messages_odd_background: @container_background_color_1;
@messages_odd_text_color: @container_text_color_1;
@messages_even_background: @container_background_color_2;
@messages_even_text_color: @container_text_color_2;
@messages_header_border: 1px solid @container_inner_border_color;
@messages_participants_border: 1px solid @container_inner_border_color;
@messages_code_background: @container_background_color_1;
@messages_code_border: 1px solid @container_inner_border_color;
@messages_code_text_color: @container_text_color_1;
@messages_code_text_font: @empty;
@messages_signatures_border: 1px solid @container_inner_border_color;
@messages_signatures_text_color: @empty;
@messages_signatures_text_font: 80% @default_forum_text_font_family;
.messages .item { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item.even { color: @messages_even_text_color; background: @messages_even_background; }
.messages .item .quote div.quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item.even .quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background; }
.messages .item .quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background; }
.messages .item.even .quote div.quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background; }
.message.item abbr.time, .message.item.even .quote abbr.time, .message.item .quote .quote abbr.time { color: @messages_odd_text_color; }
.message.item.even abbr.time, .message.item .quote abbr.time, .message.item.even .quote .quote abbr.time { color: @messages_even_text_color; }
.messages .item .content-head { border: @messages_header_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding-bottom: 5px; margin-bottom: 10px; }
.messages .item table { width: 100%; }
.messages .item td { vertical-align: top; }
.messages .item > td { border-width: 0px 1px 1px 1px; border-style: solid; border-color: @container_inner_border_color; }
.messages .item .left-panel { width: 225px; }
.messages .item .content { padding-left: 50px; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
.messages .item .content table { width: inherit; }
.messages .item .content ul {margin-left: 31px; list-style-type: disc;}
.messages .item .content ol {margin-left: 31px; list-style-type: decimal;}
.messages .item .content .message { overflow-x: auto; overflow-y: hidden; margin-bottom: 1.3em; }
.messages .item .content .message table td { padding: 3px; }
.messages .item .content code { display: block; border: @messages_code_border; padding: 5px; margin-left: 16px; margin-right: 16px; background: @messages_code_background; color: @messages_code_text_color; font: @messages_code_text_font; white-space: pre-wrap; }
.messages .item .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
.messages .item .content-head .info .date { vertical-align: -7px; }
.messages .item .content-head .controls { float: right; }
.messages .item .content-head .controls > a { float: left; margin-left: 3px; padding-right: 5px; display: inline; }
.messages .item .foot { padding-left: 10px; vertical-align: bottom; }
.messages .item .foot .signature { text-align: left; color: @messages_signatures_text_color; font: @messages_signatures_text_font; vertical-align: bottom; border: @messages_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }
.message .post-method { vertical-align: -7px; font-size: .8em; }
.messages .conversation-labels { float: right; margin-right: 5px; margin-top: 5px; }
.messages.summary .message .content-head .info { width: 100%; }
.messages .message .controls { min-width: 100px; }
.messages .participants { padding: 5px 10px; border: @messages_participants_border; border-top-width: 0px; }
.posting-options-list, .messaging-options-list { display: none; }

/* Custom Pages */
.pbcpe-widget-title { color: @default_forum_text_color; }


/**************************************************************************
*                                Objects                                 *
**************************************************************************/

/* Micro Profiles */
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_background: @container_background_color_1;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_border: 1px solid @container_inner_border_color;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_border_radius: 5px;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_text_color: @empty;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_text_font: @empty;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_link_color: @empty;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_link_font: @empty;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_link_decoration: @empty;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_background: @container_background_color_1;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_border: 1px solid @container_inner_border_color;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_border_radius: 0 5px 5px 0;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_text_color: @container_text_color_1;
<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_text_font: bold 80% @default_forum_text_font_family;
.micro-profile { color: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_text_color; font: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_text_font; position: relative; height: 50px; width: 200px; display: inline-block; padding: 5px; margin-bottom: 3px; border: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_border; background: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_background; .rounded-corners(<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_border_radius); overflow: hidden; }
.grp_recipients_div li { color: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_text_color; font: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_text_font; position: relative; width: 240px; display: inline-block; margin: 3px; padding: 3px 22px 3px 5px; border: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_border; background: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_background; .rounded-corners(<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_border_radius); overflow: hidden; float: left; }
.micro-profile a, .grp_recipients_div li a { color: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_link_color; font: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_link_font; text-decoration: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_link_decoration; }
.user-search-selection .ui-selectlist-item .close { color: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_text_color; font: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_text_font; background: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_background; border: <span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_border; .rounded-corners(<span atuser="micro" user_id="89899" class="wysiwyg-tagged-user user-link user-89899"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/89899" class="user-link js-user-link user-89899 group-0" itemprop="url" title="@micro"><span itemprop="name">MicroJunk</span></a></span></span>_remove_border_radius); cursor: pointer; height: 35px; padding: 20px 3px 5px; position: absolute; right: 0px; }
.micro-profile .avatar { display: block; width: 50px; position: absolute; top: 5px; border-width: 0px; }
.micro-profile .info { width: 145px; overflow: hidden; position: absolute; top: 5px; left: 60px; }
.micro-profile .info input { width: 112px; }
.user-search-box { width: 200px; }
.user-search-selectlist { z-index: 99999; }
.user-search-selectlist .content { cursor: pointer; padding: 1px 0px; }
.user-search-selectlist .micro-profile .info { width: 200px; }
.user-search-selection .ui-selectlist-item { float: left; margin-right: 5px; }
.user-search-selection .ui-selectlist-item .micro-profile { .rounded-corners(5px, 0, 0, 5px); }
.user-search-displaybox { min-width: 250px; z-index: 99999; }
.user-search-displaybox .control-bar { border: none; }
.user-search-displaybox .control-bar .ui-pagination { padding: 5px; display: inherit; }
.user-search-selectlist .micro-profile { margin: 1px auto; display: inherit; }
.ie7 .user-search-pagination-note { margin: 5px 0; }
.ie7 .user-search-displaybox .control-bar { width: 350px; }
.ie7 .user-search-displaybox { min-width: 350px; }
.ie7 .user-search-selectlist .micro-profile { margin: 1px 68px 1px 67px; width: 198px; display: inline-block; }

/* Mini Profiles */
@mini_background: transparent;
@mini_border: 1px solid @container_inner_border_color;
@mini_border_radius: 10px;
@mini_text_align: left;
@mini_text_color: @container_text_color_1;
@mini_text_font: 1em Corbel;
@mini_links_color: @container_links_color;
@mini_links_font: 1em Corbel;
@mini_links_decoration: @empty;
@mini_avatar_align: center;
@mini_personal_text_color: @container_text_color_1;
@mini_personal_text_font: 75% Corbel;
@mini_personal_text_align: center;
@mini_info_text_color: @container_text_color_1;
@mini_info_text_font: 75% Corbel;
@mini_info_text_align: left;
@mini_even_background: @mini_background;
@mini_even_border: @mini_border;
@mini_even_border_radius: @mini_border_radius;
@mini_even_text_align: @mini_text_align;
@mini_even_text_color: @container_text_color_2;
@mini_even_text_font: @mini_text_font;
@mini_even_links_color: @container_links_color;
@mini_even_links_font: @mini_links_font;
@mini_even_links_decoration: @mini_links_decoration;
@mini_even_personal_text_color: @container_text_color_2;
@mini_even_personal_text_font: @mini_personal_text_font;
@mini_even_personal_text_align: @mini_personal_text_align;
@mini_even_info_text_color: @container_text_color_2;
@mini_even_info_text_font: @mini_info_text_font;
@mini_even_info_text_align: @mini_info_text_align;
@mini_warning_background: #AAAAAA url("@{images_path}/gradients/bar.png") repeat-x scroll left center;
@mini_warning_border: 1px solid #000000;
@mini_warning_border_radius: 5px;
@mini_warning_text_align: right;
@mini_warning_number_background_color: #000000;
@mini_warning_number_border_radius: 5px;
@mini_warning_number_text_color: #FFFFFF;
@mini_warning_number_text_font: @empty;
@mini_warning_number_text_decoration: @empty;
@mini_warning_low_background_color: #FFCC22;
@mini_warning_medium_background_color: #FF6611;
@mini_warning_high_background_color: #FF0000;
.mini-profile { color: @mini_text_color; font: @mini_text_font; background: @mini_background; border: @mini_border; .rounded-corners(@mini_border_radius); text-align: @mini_text_align; overflow: hidden; padding: 13px 10px; width: 200px; }
.mini-profile .info { color: @mini_info_text_color; font: @mini_info_text_font; text-align: @mini_info_text_align; }
div.mini-profile a { color: @mini_links_color; font: @mini_links_font; text-decoration: @mini_links_decoration; }
.even .mini-profile { color: @mini_even_text_color; font: @mini_even_text_font; background: @mini_even_background; border: @mini_even_border; .rounded-corners(@mini_even_border_radius); text-align: @mini_even_text_align; }
.even .mini-profile .personal-text { color: @mini_even_personal_text_color; font: @mini_even_personal_text_font; text-align: @mini_even_personal_text_align; }
.even div.mini-profile a { color: @mini_even_links_color; font: @mini_even_links_font; text-decoration: @mini_even_links_decoration; }
.warning-bar { background: @mini_warning_background; border: @mini_warning_border; .rounded-corners(@mini_warning_border_radius); padding-bottom: 2px; height: 14px; line-height: 100%; text-align: @mini_warning_text_align; min-width: 40px !important; }
.warning-bar .number { color: @mini_warning_number_text_color; font: @mini_warning_number_text_font; text-decoration: @mini_warning_number_text_decoration; background-color: @mini_warning_number_background_color; .rounded-corners(@mini_warning_number_border_radius); opacity: 0.5; font-size: 0.6em; margin-right: 1px; padding: 0px 2px 1px 2px; }
.warning-low { background-color: @mini_warning_low_background_color; background-position: center; }
.warning-medium { background-color: @mini_warning_medium_background_color; background-position: center; }
.warning-high { background-color: @mini_warning_high_background_color; background-position: center; }
.mini-profile .avatar { max-width: 200px; max-height: 300px; overflow-x: hidden; overflow-y: hidden; margin: auto; border-width: 0px; vertical-align: middle; }
.avatar-wrapper { display: table-cell; text-align: @mini_avatar_align; vertical-align: middle; }
.avatar-wrapper > div, #avatar-preview.flash_present.image_present > div { position: relative; }
.avatar-wrapper div object, .flash-avatar object, #avatar-preview.flash_present.image_present div object, .avatar-wrapper > div > img { position: absolute; top: 0; left: 0; }
.avatar-wrapper * { vertical-align: middle; }
.avatar_size_default, .avatar_size_default embed, .avatar_size_default object, .avatar_size_default > div, .avatar-wrapper.avatar_size_default > div > div { height: 150px; width: 150px; }
.avatar-wrapper > div > div { display: table-cell; vertical-align: middle; }
.avatar_size_default img, .avatar_size_default default { max-height: 100px; max-width: 100px; }
.avatar_size_medium, .avatar_size_medium embed, .avatar_size_medium object, .avatar_size_medium > div, .avatar-wrapper.avatar_size_medium > div > div { height: 75px; width: 75px; }
.avatar_size_medium img, .avatar_size_medium default { max-height: 75px; max-width: 75px; }
.avatar_size_small, .avatar_size_small embed, .avatar_size_small object, .avatar_size_small > div, .avatar-wrapper.avatar_size_small > div > div { height: 50px; width: 50px; }
.avatar_size_small img, .avatar_size_small default { max-height: 50px; max-width: 50px; }
.avatar_size_quote, .avatar_size_quote embed, .avatar_size_quote object, .avatar_size_quote > div, .avatar-wrapper.avatar_size_quote > div > div { height: 30px; width: 30px; }
.avatar_size_quote img, .avatar_size_quote default { max-height: 30px; max-width: 30px; }
#flash-avatar-preview .flash-avatar object { position: relative; }
#avatar-preview.flash_present div object { position: inherit; }
#avatar-preview.flash_present > div { position: inherit; }
#avatar-preview .hide { display: none; }
.avatar_size_placeholder { height: 150px; width: 150px; }
.mini-profile .badges img { height: 24px; width: 24px; }

/* Buttons */
@buttons_background_image: url('@{images_path}/gradients/light.png');
@buttons_background_attachment: @empty;
@buttons_background_repeat: repeat-x;
@buttons_background_position: center center;
@buttons_border: 2px none #031926;
@buttons_border_radius: 0;
@buttons_text_font: normal normal 12px Corbel;
@buttons_text_decoration: none;
@buttons_hover_background: lighten(@buttons_background_color, 5%) url('@{images_path}/gradients/top-light-40-trans.png') center repeat-x;
@buttons_hover_border: 1px solid darken(@buttons_background_color, 20%);
@buttons_hover_text_color: lighten(@buttons_text_color, 20%);
@buttons_hover_text_font: 1em Corbel;
@buttons_hover_text_decoration: @buttons_text_decoration;
@buttons_active_background: @container_highlight_color;
@buttons_active_border: 1px solid darken(@buttons_background_color, 20%);
@buttons_active_text_color: <span atuser="link" user_id="11365" class="wysiwyg-tagged-user user-link user-11365"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/11365" class="user-link js-user-link user-11365 group-0" itemprop="url" title="@link"><span itemprop="name">Link</span></a></span></span>_color;
@buttons_active_text_font: 1em Corbel;
@buttons_active_text_decoration: @buttons_text_decoration;
.button, a.button, input[type="submit"], input[type="button"], button { color: @buttons_text_color; font: @buttons_text_font; text-decoration: @buttons_text_decoration; background-color: @buttons_background_color; background-image: @buttons_background_image; background-attachment: @buttons_background_attachment; background-repeat: @buttons_background_repeat; background-position: @buttons_background_position; border: @buttons_border; .rounded-corners(@buttons_border_radius); min-height: 20px; line-height: 20px !important; padding: 2px 0px; display: inline-block; vertical-align: middle; margin-left: 3px; cursor: pointer; white-space: nowrap; }
.button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover { color: @buttons_hover_text_color; font: @buttons_hover_text_font; text-decoration: @buttons_hover_text_decoration; background: @buttons_hover_background; border: @buttons_hover_border; }
.button:active, input[type="submit"]:active, input[type="button"]:active, button:active, .shoutbox_refresh_button.active, .liked.likes-button, .button.state-selected { color: @buttons_active_text_color; font: @buttons_active_text_font; text-decoration: @buttons_active_text_decoration; background: @buttons_active_background; border: @buttons_active_border; }
a.button { padding: 2px 6px; }
.button .status { padding: 0 6px 0 2px; .rounded-corners(0); border: @buttons_border; border-width: 0px 1px 0px 0px; float: left; overflow: hidden; word-wrap: break-word; white-space: nowrap; }
.button .status img { display: block; margin-top: 2px; position: relative; left: 2px; }
.button .icon { padding: 1px 2px 1px 1px; border: 0; float: left; line-height: normal !important; }
input[type="submit"], input[type="button"], button { padding: 2px 6px; min-height: 26px; }
.button-x { position: absolute; top: 50%; right: 3px; margin-top: -8px; cursor: pointer; display: block; text-indent: -9999px; width: 16px; height: 16px; background: url('@{images_path}/icons-default.png') -16px -32px no-repeat; }
.button-x:hover { background: url('@{images_path}/icons-default.png') 0px -32px no-repeat; }
.button.post-options { padding: 2px 0 2px 0; }
.reply_button { float: right; }

/* Forms */
@forms_field_background: #FFFFFF;
@forms_field_border: @empty;
@forms_field_border_radius: @empty;
@forms_field_text_color: @empty;
@forms_field_text_font: @empty;
@forms_area_background: @empty;
@forms_area_border: @empty;
@forms_area_border_radius: @empty;
@forms_area_text_color: @empty;
@forms_area_text_font: @empty;
@forms_select_background: @empty;
@forms_select_border: @empty;
@forms_select_border_radius: @empty;
@forms_select_text_color: @empty;
@forms_select_text_font: @empty;
input[type="text"], input[type="email"], input[type="password"] { color: @forms_field_text_color; font: @forms_field_text_font; background: @forms_field_background; border: @forms_field_border; .rounded-corners(@forms_field_border_radius); width: 300px; height: 20px; padding: 2px; }
textarea { color: @forms_area_text_color; font: @forms_area_text_font; background: @forms_area_background; border: @forms_area_border; .rounded-corners(@forms_area_border_radius); resize: none; }
select { color: @forms_select_text_color; font: @forms_select_text_font; background-color: @forms_select_background; border: @forms_select_border; .rounded-corners(@forms_select_border_radius); height: 26px; padding: 2px; }
input[type="text"].short { width: 50px; }
input[type="text"].search-input { width: inherit; }
input.date { width: 77px; }
input.time { width: 55px; }
.setting-wrapper + .setting-wrapper { margin-top: 4px; }
.setting-wrapper input { vertical-align: middle; }

/* Labels */
@labels_weight: bold;
@labels_size: 80%;
@labels_case: none;
@labels_caps: normal;
.ui-label { font-size: @labels_size; font-weight: @labels_weight; text-transform: @labels_case; font-variant: @labels_caps; position: relative; top: -1px; margin: 0 5px 0 0; display: inline; }
.label-row { height: 20px; line-height: 20px !important; margin: 10px 0; clear: left; }
.label-row * { float: left; }
.label-row .ui-label, .label-row span.label-delete-button { margin-bottom: -5px; margin-left: 5px; }
#manage-labels-container .style-wrapper .color_input { border: 1px solid #AAAAAA; }
#manage-labels-container .style-wrapper .color-picker { border: 1px solid #AAAAAA; background: #EEEEEE; .rounded-corners(0, 5px, 5px, 0); }
#manage-labels-container .style-wrapper .color-picker-preview { border: 1px solid #AAAAAA; border-right: none; }

/* Quotes */
<span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_background: @empty;
<span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_border: 2px solid @container_inner_border_color;
<span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_border_radius: 10px;
<span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_sub_background: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_background;
<span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_sub_border: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_border;
<span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_sub_border_radius: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_border_radius;
#content .content .quote div.quote_body { background: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_background; border: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_border; .rounded-corners(<span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_border_radius); margin-top: 7px; padding: 10px 10px; }
#content .content .quote div.quote div.quote_body { background: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_sub_background; border: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_sub_border; .rounded-corners(<span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_sub_border_radius); }
.quote { margin: 0 10px; padding-bottom: 10px; position: relative; top: 0px; }
.quote div.quote_avatar_container { float: left; }
.quote div.no_avatar_placeholder { display: inline-block; height: 30px; width: 30px; position: absolute; top: 14px; left: 4px; }
.quote div.quote_header { display: block; margin: 7px 0px 16px 35px; }
.quote.no_header { padding-top: 10px; }

/* Info Centers */
@info_background: @empty;
@info_inner_border: 1px none;
@info_text_color: @container_text_color_1;
@info_text_font: normal lighter 1em Corbel;
@info_links_color: @container_links_color;
@info_links_font: 1em Corbel;
@info_links_decoration: @empty;
@info_titles_color: @empty;
@info_titles_font: 1em Corbel;
.stats table { background: @info_background; width: 100%; }
.stats .content > table > tbody > tr > td { border: @info_inner_border; border-right-width: 0px; border-bottom-width: 0px; width: 43%; }
.stats .content { color: @info_text_color; font: @info_text_font; }
.stats .content a { color: @info_links_color; font: @info_links_font; text-decoration: @info_links_decoration; }
.stats th { color: @info_titles_color; font: @info_titles_font; text-align: left; }
.stats .icon { width: 70px; text-align: center; vertical-align: middle; }
.stats .info { padding: 10px 10px 10px 0px; }
.stats .content > table { width: 100%; table-layout: auto; }
.stats .content > table table table tr:last-child td a { white-space: nowrap; }
.stats .content > table > tbody > tr > td:first-child { border-left-width: 0px; width: 57%; }
.stats .content > table > tbody > tr:first-child > td { border-top-width: 0px; }

/* Shoutbox */
@shoutbox_message_background: @empty;
@shoutbox_message_border: @empty;
@shoutbox_message_border_radius: 5px;
@shoutbox_message_text_color: @empty;
@shoutbox_message_text_font: @empty;
@shoutbox_shouts_background: @empty;
@shoutbox_shouts_border: 1px solid @container_inner_border_color;
@shoutbox_shouts_border_radius: 5px;
@shoutbox_shouts_text_color: @empty;
@shoutbox_shouts_text_font: @empty;
@shoutbox_shouts_edit_color: @empty;
@shoutbox_shouts_edit_font: 85% @default_forum_text_font_family;
@shoutbox_shouts_edit_decoration: @empty;
@shoutbox_shouts_delete_background: @empty;
@shoutbox_shouts_delete_border: 1px solid @container_inner_border_color;
@shoutbox_shouts_delete_border_radius: 5px;
@shoutbox_shouts_delete_text_color: @container_text_color_1;
@shoutbox_shouts_delete_text_font: bold 100% @default_forum_text_font_family;
@shoutbox_shouts_delete_text_decoration: none;
@shoutbox_shouts_selected_background: @container_highlight_color;
@shoutbox_reply_background: @empty;
@shoutbox_reply_border: 1px solid @container_inner_border_color;
@shoutbox_reply_border_radius: 5px;
@shoutbox_reply_counter_color: @container_text_color_1;
@shoutbox_reply_counter_font: 85% @default_forum_text_font_family;
.shoutbox_welcome_message { color: @shoutbox_message_text_color; font: @shoutbox_message_text_font; background: @shoutbox_message_background; border: @shoutbox_message_border; .rounded-corners(@shoutbox_message_border_radius); margin-bottom: 10px; }
.shoutbox_messages .shoutbox-post { color: @shoutbox_shouts_text_color; font: @shoutbox_shouts_text_font; background: @shoutbox_shouts_background; border: @shoutbox_shouts_border; .rounded-corners(@shoutbox_shouts_border_radius); text-align: left; position: relative; overflow: hidden; margin-top: 10px; margin-right: 10px; padding: 5px 15px 5px 10px; }
.shoutbox_messages .shoutbox_edit_button { color: @shoutbox_shouts_edit_color; font: @shoutbox_shouts_edit_font; text-decoration: @shoutbox_shouts_edit_decoration; display: inline-block; width: 32px; margin-right: 5px; visibility: visible; }
.shoutbox_messages .hidden { visibility: hidden; }
.shoutbox_messages .shoutbox_delete_button { color: @shoutbox_shouts_delete_text_color; font: @shoutbox_shouts_delete_text_font; text-decoration: @shoutbox_shouts_delete_text_decoration; background: @shoutbox_shouts_delete_background; border: @shoutbox_shouts_delete_border; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; position: absolute; right: -7px; top: 0; width: 15px; cursor: pointer; margin-left: 20px; margin-top: 0px; padding: 3px; height: 100%; display: inline-block; }
.shoutbox .state-selected { background: @shoutbox_shouts_selected_background; }
.shoutbox_form { background: @shoutbox_reply_background; border: @shoutbox_reply_border; .rounded-corners(@shoutbox_reply_border_radius); padding: 10px; height: 100px; }
.shoutbox_form .shoutbox_counter { color: @shoutbox_reply_counter_color; font: @shoutbox_reply_counter_font; float: right; margin-top: -5px; }
.shoutbox_form textarea.gray { color: #666666; }
.shoutbox_messages { overflow-y: scroll; text-align: center; position: relative; }
.shoutbox .content { padding: 10px; }
.shoutbox_messages .shoutbox-post:first-child { margin-top: 0px; }
.shoutbox_messages .message { padding-right: 10px; word-wrap: break-word; }
.shoutbox_messages .message img { max-width: 100%; }
.shoutbox_messages .details { float: right; margin: 0px 15px 0px 10px; height: 16px; vertical-align: bottom; }
.shoutbox_form.reply-box-bottom { margin-top: 10px; }
.shoutbox_form.reply-box-top { margin-bottom: 10px; }
.shoutbox_form input[type="text"] { margin-top: 2px; margin-bottom: 4px; }
.shoutbox_form .button img { display: inline; padding: 2px 0 0; }
.shoutbox_form .shoutbox_refresh_button { float: right; padding: 2px 6px 0px 6px; }
.shoutbox_form ul.tools { white-space: nowrap; display: inline-block; }
.shoutbox_form ul.tools li { float: left; margin: 0; padding: 0; .rounded-corners(0px); border: 0; height: 22px; width: 26px; text-align: center; line-height: 18px !important; }
.shoutbox_form ul.tools li img { padding: 0; }
.shoutbox_form textarea { height: 38px; width: 100%; margin-right: 0px; margin-bottom: 5px; margin-top: 5px; position: inherit; .box-sizing(); }
.shoutbox_form .shoutbox_post_button { margin-left: 0px; }
.shoutbox_form .shoutbox_cancel_button { vertical-align: bottom; }
.shoutbox_name { padding: 10px 0; height: 22px; }
.shoutbox_name input { height: 15px; width: 50%; min-width: 150px; }
.shoutbox_container { position: relative; }
.shoutbox_container > .shoutbox_form_container { position: absolute; width: 100%; }
.shoutbox_container.orientation-top { padding-top: 174px; }
.shoutbox_container.orientation-top.no-post { padding-top: 0; }
.shoutbox_container.orientation-top > .shoutbox_form_container { top: 0; }
.shoutbox_container.orientation-bottom { padding-bottom: 174px; }
.shoutbox_container.orientation-bottom.no-post { padding-bottom: 0; }
.shoutbox_container.orientation-bottom > .shoutbox_form_container { bottom: 0; }

/* Legend */
.legend .content td { padding: 10px 5px; vertical-align: middle; color: @container_text_color_1; }
.legend .content td:first-child { padding-left: 15px; }
.legend .content td * { vertical-align: middle; }
.legend .new-icon { display: block; }

/* Quick Reply */
.quick-reply textarea { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; height: 150px; padding: 5px; width: 100%; resize: none; .box-sizing(); }
.quick-reply .content { padding: 10px; }
.quick-reply .message { margin-bottom: 10px; }
.quick-reply .guest_name { padding: 0px 10px 10px 0px; vertical-align: middle; }
.quick-reply .guest_name label { display: inline; font-weight: 800; }
.quick-reply input[type="submit"] { margin-left: 0px; }

/* Posting Page */
@smiles_menu_width: 280px;
<span atuser="smile" user_id="114867" class="wysiwyg-tagged-user user-link user-114867"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/114867" class="user-link js-user-link user-114867 group-0" itemprop="url" title="@smile"><span itemprop="name">smile</span></a></span></span>_padding: 5px;
.wysiwyg-area label { font-weight: 800; }
.wysiwyg-area .outline { padding: 10px; border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(); }
.wysiwyg-area .content { padding: 10px 10px 0px 10px; }
.wysiwyg-area .content > form > div { margin-bottom: 10px; }
.wysiwyg-area .subject_line .controls { float: right; }
.wysiwyg-area .subject_line .subject_input { overflow: hidden; padding-right: 13px; }
.wysiwyg-area .subject_line input { width: 100%; }
.wysiwyg-area .subject_line table { width: 100%; table-layout: auto; }
.wysiwyg-area .subject_line .subject_input { line-height: 28px !important; }
.wysiwyg-area .subject_line table .subject { width: 70px; }
.wysiwyg-area .end-date, .wysiwyg-area .attachment, .new-area .captcha { display: none; }
.wysiwyg-area .poll .poll-options { line-height: 30px !important; }
.wysiwyg-area .poll [name="poll_max_answers"] { width: 25px; }
.wysiwyg-area .poll table { width: 100%; table-layout: auto; }
.wysiwyg-area .poll td { vertical-align: top; padding: 5px 10px 5px 0px; line-height: 230%; }
.wysiwyg-area .poll th { text-align: left; padding-bottom: 5px; }
.wysiwyg-area .submit { height: 32px; vertical-align: middle; line-height: 28px !important; }
.ui-wysiwyg .button { border: none; margin: 0; padding: 0; .rounded-corners(0px); color: #000000; background: none; }
.ui-wysiwyg .button-fontName, .ui-wysiwyg .button-fontSize { background-color: transparent; }
.ui-wysiwyg .ui-selectMenu { line-height: normal; }
.ui-wysiwyg .ui-selectMenu-box { height: 20px; }
.ui-wysiwyg .ui-selectMenu-box .status { border: none; line-height: 20px !important; padding: 0; width: auto; }
.ui-wysiwyg .ui-selectMenu-box .icon { border: none; }
.ui-wysiwyg .ui-selectMenu-box .arrow { height: 20px; }
.new-area .user-search .content { padding: 0px 15px 0px 0px; }
.new-area .recipients h4 { display: block; margin-bottom: 3px; }
.new-area .guest_name input { width: 485px; }
.wysiwyg-area .edit_reason > label { float: left; line-height: 28px; width: 180px; }
.wysiwyg-area .edit_reason > div { margin-left: 180px; margin-right: 8px; }
.wysiwyg-area .edit_reason > div > input { width: 100%; }
.grp_recipients_div { display: none; }
.grp_recipients_div a { display: block; clear: both; padding-top: 10px; }
.loadingOverlay { background-image: url('@{images_path}/loader/processing.gif'); background-position: center center; background-repeat: no-repeat; position: absolute; }
#announcement-options { display: none; width: 500px; }
.smiley-menu { width: @smiles_menu_width; }
.smiley-menu > li > a { padding: <span atuser="smile" user_id="114867" class="wysiwyg-tagged-user user-link user-114867"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/114867" class="user-link js-user-link user-114867 group-0" itemprop="url" title="@smile"><span itemprop="name">smile</span></a></span></span>_padding; }
.smiley-menu > li:hover > a { padding: <span atuser="smile" user_id="114867" class="wysiwyg-tagged-user user-link user-114867"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/114867" class="user-link js-user-link user-114867 group-0" itemprop="url" title="@smile"><span itemprop="name">smile</span></a></span></span>_padding; }

/* Editing Area */

.ui-wysiwyg .editors { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; }
.wysiwyg-tabs li { float: left; position: relative; bottom: 1px; margin: 1px 2px 0 0; list-style: none; background: @tabs_unselected_background; border: 1px solid @container_inner_border_color; border-top-width: 0px; .rounded-corners(0, 0, 5px, 5px); }
.wysiwyg-tabs li:hover { background: @tabs_hover_background; border: @tabs_hover_border; }
.wysiwyg-tabs li a { color: @tabs_unselected_text_color; font: @tabs_unselected_text_font; text-decoration: @tabs_unselected_text_decoration; float: left; padding: 5px 15px; }
.wysiwyg-tabs li.ui-active { background-color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_color; background-image: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_image; background-attachment: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_attachment; background-repeat: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_repeat; background-position: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_position; border: @tabs_selected_border; margin-top: 0px; padding-top: 1px; }
.wysiwyg-tabs li.ui-active a { color: @tabs_selected_text_color; font: @tabs_selected_text_font; text-decoration: @tabs_selected_text_decoration; }
.wysiwyg-smiley-menu .state-disabled { display: none; }

/* BBCode Editor */

@bbcode_editor_background_color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_color;
@bbcode_editor_text_color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_text_color;
@bbcode_editor_text_font_family: Corbel;
.ui-wysiwyg .editors .bbcode-editor textarea { color: @bbcode_editor_text_color; font-family: @bbcode_editor_text_font_family; background-color: @bbcode_editor_background_color; }

/* Preview Editor */
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_odd_text_color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_text_color;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_odd_background_color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_color;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_odd_background_image: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_image;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_odd_background_attachment: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_attachment;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_odd_background_repeat: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_repeat;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_odd_background_position: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_odd_background_position;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_lists_links_color: @lists_links_color;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_default_forum_text_font_style: @default_forum_text_font_style;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_default_forum_text_font_weight: @default_forum_text_font_weight;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_default_forum_text_font_size: @default_forum_text_font_size;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_default_forum_text_font_family: Corbel;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_quotes_background: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_background;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_quotes_border: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_border;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_quotes_border_radius: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_border_radius;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_quotes_sub_background: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_sub_background;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_quotes_sub_border: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_sub_border;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_quotes_sub_border_radius: <span atuser="quotes" user_id="147249" class="wysiwyg-tagged-user user-link user-147249"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/147249" class="user-link js-user-link user-147249 group-0" itemprop="url" title="@quotes"><span itemprop="name">quotes</span></a></span></span>_sub_border_radius;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_code_background: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_background;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_code_border: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_border;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_code_text_color: <span atuser="posts" user_id="252162" class="wysiwyg-tagged-user user-link user-252162"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/252162" class="user-link js-user-link user-252162 group-0" itemprop="url" title="@posts"><span itemprop="name">posts</span></a></span></span>_code_text_color;
<span atuser="ve" user_id="92806" class="wysiwyg-tagged-user user-link user-92806"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/92806" class="user-link js-user-link user-92806 group-0" itemprop="url" title="@ve"><span itemprop="name">ve</span></a></span></span>_posts_code_text_font: 1em Corbel;

/* Guests Online Dialogs */
#guests-online table { width: 150px; margin: auto; }
#guests-online th, #guests-online td { padding: 2px 0; text-align: @members_align_name; }

/* Login & Registration */
#register-form table { table-layout: auto; }
#register-form td { padding: 5px; }
#register-form td > * { vertical-align: middle; }
#register-form textarea { height: 100px; width: 300px; }
#register-form select { margin: 0; }
#request-msg textarea { margin: 5px 0; height: 100px; width: 50%; }
#forum-message-container { background: @container_background_color_2; color: @container_text_color_2; margin: 10px; padding: 10px; .rounded-corners(@content_area_border_radius); }

/**************************************************************************
*                             Browser Hacks                              *
**************************************************************************/

/* IE7 */
.ie7 * { word-wrap: normal; }
.ie7 .shoutbox .shoutbox-post * { word-wrap: break-word; }
.ie7 .show-user .status-input input { width: 95%; margin-top: 0px; }
.ie7 .show-user .status-submit { width: 130px; text-align: right; }
.ie7 .show-user .edit-controls { text-align: right; padding-right: 10px; }
.ie7 .show-user .edit-controls .icon { text-align: center; }
.ie7 .search .options-container { height: 250px; }
.ie7 .calendar .cal-box { border-collapse: collapse; }
.ie7 .ui-pagination { float: left; }
.ie7 .recipients .user-search-selection .ui-selectlist-item .close { right: 0px; }
.ie7 .user-search-selection .ui-selectlist-item .close { right: -8px; }
.ie7 .micro-profile { zoom: 1; display: inline; width: 188px; margin: 0px 0px 3px 0px; padding-right: 9px; text-align: left; }
.ie7 .container.copy table.list { border-collapse: separate; }
.ie7 .ui-search .search-input { margin-top: -1px; }
.ie7 .threads .main table, .ie7 .conversations .main table { table-layout: auto; }
.ie7 table.list .checkbox { padding-left: 1px; }
.ie7 .avatar-wrapper span { display: inline-block; height: 100%; }
.ie7 .cal-preview-panel .cal-box .head { padding: 2px 0px 2px 4px; }
.ie7 input[type="text"] { padding-top: 5px; vertical-align: middle; }
.ie7 select { vertical-align: middle; }
.ie7 input[type=text].search-input { width: auto; padding: 4px 2px 0px 2px; }
.ie7 .search #what input, .ie7 .search #where input, .ie7 .search #who input, .ie7 .search #who select { width: 210px; }
.ie7 .legend table { table-layout: auto; }
.ie7 .edit-user .options.content-box input[type="submit"] { left: auto; }
/* I'm aware that this line is ridiculous.  It removes the extra black border around submit buttons, by making black transparent and setting the color to off-black */
.ie7 input[type="submit"], .ie7 input[type="button"], .ie7 button { padding: 1px 6px 3px 6px; height: 26px; color: lighten(@buttons_text_color, 1%); background-color: lighten(@buttons_background_color, 1%); filter:chroma(color=#000000); overflow: visible; }
.ie7 .container > .control-bar { margin-bottom: 0px; }
.ie7 a.likes-button, .ie7 .messages .quote-button { margin-right: 3px; min-height: 23px; }
.ie7 .user-search-box input[type=text].search-input, .ie7 .filter input[type="text"].search-input { width: 112px; }
.ie7 .recent-threads-button { padding-right: 2px; }
.ie7 .subject_line .controls { margin-top: 1px; }
.ie7 .ui-poll .results td.answer { width: 175px; }
.ie7 .shoutbox_messages .shoutbox-post.content-box { padding-right: 16px; }
.ie7 footer ul { width: 530px; }
.ie7 .options_menu li.ui-menu-has-sub-menu > .arrow { display: inline; }
.ie7 .options_menu li { width: 190px; position: static; }
.ie7 .options_menu li .arrow { margin-top: -22px; top: auto; }
.ie7 .options_menu hr { display: none; }
.ie7 .quick-reply textarea { width: 99%; }
.ie7 .ui-poll table { table-layout: auto; }
.ie7 .ui-poll .results .stats { float: none; }
.ie7 .users { width: 100%; }
.ie7 .users .ui-pagination { margin: 0 auto; display: inline; float: none; }
.ie7 .name_and_group.float-right { float: none; }
.ie7 .shoutbox_form ul.tools li img { border: 1px solid transparent; }
.ie7 .shoutbox_form textarea { word-wrap: break-word; }
.ie7 #banner { padding: 0px 0px; }
.ie7 a#logo { padding: 0px 20px; line-height: 100px !important; }
.ie7 div.post-options { display: inline !important; }
.ie7 .ui-menu li { background-image: none; }
.ie7 .ui-menu li:hover > a { background-image: none; }
.ie7 .attachment-button-text { padding: 0 5px 3px 5px; }
.ie7 .wysiwyg-area .edit_reason > div { height: 28px; margin-left: 0; margin-right: 8px; }
.ie7 .wysiwyg-area .submit { line-height: 1px !important; }
.ie7 .show-user .controls { margin-right: 10px; }
.ie7 #nav-tree > li { display: inline; }
.ie7 #navigation-tree, .ie7 #nav-tree, .ie7 #nav-tree > li { height: 21px; }
.ie7 .recent-threads-button { height: 15px; }
.ie7 #nav-tree .menu_arrow { top: -1px; border-width: 11px 1px 11px 11px; }
.ie7 #password-wrapper div { display: inline; }
.ie7 #password-wrapper div input[name="password"] { position: relative; top: 5px; }
.ie7 #banner { min-height: @banner_height; height: auto; }
.ie7 #nav-tree { position: relative; overflow: hidden; }
.ie7 .show-user table .center-col:first-child table { table-layout: auto; }
.ie7 .popup_html .ui-menu { position: relative; z-index: 99999999; }
.ie7 #navigation-menu > ul li a { min-width: 21px; }
.ie7 #welcome { min-width: 200px; }
.ie7 .avatar_size_default { font-size: 120px; }
.ie7 .avatar_size_medium { font-size: 60px; }
.ie7 .avatar_size_small { font-size: 40px; }
.ie7 .avatar_size_quote { font-size: 24px; }

/* IE8 */
.ie8 select {padding-top: 2px; padding-bottom: 2px; }
.ie8 .user-search-selection .ui-selectlist-item .close { right: 0px; }
.ie8 .container.copy table.list { border-collapse: separate; }
.ie8 .boards .threads { padding-left: 8px; padding-right: 8px; }
.ie8 .options_menu { max-width: 190px; }
.ie8 input[type="text"] { line-height: 20px; }
.ie8 .recent-threads-button { line-height: 1.4em; }
.ie8 .shoutbox_messages .shoutbox-post.content-box { padding-right: 16px; }
.ie8 .user-search .user-search-box .user-search-input { width: 135px; }
.ie8 table.list td.icon, .ie8 table.list th.icon { width: 54px; }
.ie8 #nav-tree { display: inline-block; }
.ie8 #content #navigation-tree, .ie8 #nav-tree, .ie8 #nav-tree > li { height: 21px; }
.ie8 #content .recent-threads-button { height: 15px; }
.ie8 #nav-tree .menu_arrow { top: -1px; border-width: 11px 1px 11px 11px; }
.ie8 #nav-tree > li { padding-right: 1px; }
.ie8 .popup_html ul { max-width: 550px; }
.ie8 input[type="submit"], input[type="button"], button { min-height: 20px; }
.ie8 .avatar-wrapper { display: block; position: relative;
img { .absolute-center; }
}

/* IE9 */
.ie9 .avatar-wrapper > div > div { display: inherit; }
.ie9 .user-search-selection .ui-selectlist-item .close { right: 1px; }
.ie9 #nav-tree { display: inline-block; }

/* Firefox Hacks */
body:empty select { padding: 4px 2px; }
body:empty .ui-search .search-filters-button { padding-left: 6px; }
body:empty .ui-tabMenu ul li { height: 27px; }

/* Screen-only (tablets, phones) */
<span atuser="media" user_id="87592" class="wysiwyg-tagged-user user-link user-87592"><span itemscope="" itemtype="http://schema.org/Person"><a href="/user/87592" class="user-link js-user-link user-87592 group-0" itemprop="url" title="@media"><span itemprop="name">media</span></a></span></span> only handheld {
textarea { font-size: 2em; }
}

@images_path: '//storage.proboards.com/forum/images';



/* START INFO TABLE CSS */

.info-table {
   width:900px;
   height:330px;
   padding:10px;
   background-color:#111111;
   border-left: 10px solid #0a0a0a;
   border-right: 10px solid #0a0a0a;
   color:#d8d8d8;
}

.info-titles {
   background-color:#111;
   padding:5px;
   text-transform:uppercase;
   font-weight:bold;
}

.info-wel {
   padding:10px;
   background-color:#383838;
   width:300px;
   height:255px;
   float:left;
   margin-right:10px;
   margin-bottom:10px;
}

.wel-content {
   border: 1px solid #111;
   padding:5px;
   height:90px;
   font-size:10px;
   text-align:justify;
   overflow:auto;
}

.info-center {
   float:left;
   margin-right:10px;
   margin-bottom:10px;
   width:330px;
   height:255px;
}

.info-spotlight {
   padding:10px;
   background-color:#383838;
}

.spotlight-content {
   border: 1px solid #111;
   padding:5px;
   height:94px;
   font-size:10px;
   text-align:justify;
   overflow:hidden;
}

.spotlighttype {
   text-align:left;
   width:92px;
   margin-left:6px;
   background-color:#202020;
   float:left;
   padding: 2px 0;
   text-align:center;
}

.spotlight {
   width:90px;
   height:75px;
   border:1px solid #0a0a0a;
   float:left;
   margin-left:6px;
   margin-bottom:-10px;
}

.spotlighthover {
   width:90px;
   height:75px;
   opacity:0;
   -webkit-transition-duration: .5s;
   transition-duration: .5s;
   -moz-transition-duration: .5s;
}

.spotlighthover:hover {
   opacity:1;
}

.spotlightname {
   width:70px;
   background-color:#111;
   padding:2px;
   margin-top:25px;
   font-size:10px;
   text-transform:uppercase;
}

.info-quick {
   padding:10px;
   background-color:#383838;
   margin-bottom:10px;
}

.quick-content {
   border: 1px solid #111;
   height:63px;
   padding:1px 0;
   font-size:10px;
   text-align:justify;
   overflow:auto;
}

.quick {
   width:145px;
   display:block;
   border: 1px solid #181818;
   background-color:#202020;
   text-align:center;
   float:left;
   padding:2px 0;
   margin: 2px 0 0 5px;
   font-size:10px;
   -webkit-transition-duration: .5s;
   transition-duration: .5s;
   -moz-transition-duration: .5s;
}

.quick:hover {
   color:#d8d8d8;
}

.info-staff {
   padding:10px;
   background-color:#383838;
   width:210px;
   height:255px;
   float:left;
   margin-bottom:10px;
}

.staff-content {
   border: 1px solid #111;
   padding:10px;
   height:207px;
   font-size:10px;
   text-align:justify;
   overflow:hidden;
}

.staff2 {
   width:180px;
   height:60px;
   border:1px solid #0a0a0a;
   float:left;
   margin-left:4px;
}

.staffhover {
   width:180px;
   height:60px;
   opacity:0;
   -webkit-transition-duration: .5s;
   transition-duration: .5s;
   -moz-transition-duration: .5s;
}

.staffhover:hover {
   opacity:1;
}

.staffname {
   width:120px;
   background-color:#0a0a0a;
   padding:2px;
   margin-top:25px;
   font-size:10px;
   text-transform:uppercase;
}

.info-nav {
   text-align:left;
   background-color:#383838;
   padding: 1px 10px;
}

/* END INFO TABLE CSS */

/*board remodel css*/
.boards div.content.cap-bottom{border:0px;padding:0px;
}
/*remove div.container.boards if you want all title bars this color*/
div.container.boards.container>.title-bar{
background-color: #2c2d3e!important;
background-image:none;
font-size:100%;
}
/*this puts the background behind all the boxes*/
.boards table.list td{
background-color: #2c2d3e!important;
border:0px solid #37323e;
padding-right:4px;
}
/*this is the box for the icon border*/
.the_icon_border{
display: table;
background-color: #2c2d3e!important;
border:0px solid #031926;
}
.the_icon_border p{
display: table-cell;
vertical-align: middle;text-align:center;
height:100px!important;
padding:4px;
}
/*this is the border around threads-posts-latest-date*/
.the_border {
height:95px!important;
background-color: #2c2d3e!important;
border:0px solid #031926;
padding:4px;
margin:8px;
}
/*this is the border around descriptions*/
.the_des_border{
display: table;
width:98%;
background-color: #2c2d3e!important;
border:0px solid #031926;
height:80px;
font-size:100%;
text-align:left;
}
.the_des_border p{padding:4px!important;
display: table-cell;
vertical-align:middle;
}
/*this is the border around sub-boards*/
.sub_border{float:left;width:100px;margin:4px;
height:13px;
padding:3px;
margin-top:5px;
background-color: #2c2d3e!important;
border:0px solid #37323e;
font-size:85%;
}
/*You can change the font size here for threads-posts-latest
or you can change the font in the class the_border
for the date size to be changed you need special css*/
.inner_bkg{text-align:center;
background-color:#37323e;
margin-bottom:6px;
padding:2px;
width:220px;
font-size:100%;
}
/*this sets the width of threads-posts-latest and needs to be here for fluidity*/
.posts_threads{width:340px!important;
   height:100px!important;
   text-align:left;
}
/*for the board name*/
.boards .main .link a{font-size:100%;
margin-bottom:6px;
   text-align:right;
}




/*Mini Profile CSS */



@mini_primary_font_color:#b496ce;

@mini_secondary_font_color:#938c8f;

@mini_profile_background_color:#37323e;

@mini_profile_primary_font:Corbel, Serif;

@mini-profile_borders:1px solid #2c2d3e;



.miniprofilestructure

{position: relative;

overflow:hidden;

   width:200px;

   height:349px;

   background-color: #37323e;

   border:3px solid #2c2d3e;

  }







.miniprofilebgimg

{width:200px;

   height:300px;

 }





.miniprofileframe

{width:180px;

   height:280px;

   background-color:transparent;

   border:1px solid #2c2d3e;

   margin-top:-290px;

   margin-left:8px; }

   

   

.miniprofilebg

{height:350px;

width:200px;

background-color:green;

position:relative;

margin-top:6px;}



.miniprofilestructure:hover .miniprofilebg

{margin-top:-293px;

transition: 1s;}

   

   

.miniprofilename a

{ font-family:@mini_profile_primary_font;

   font-size: 12pt;

   height:41px;

   padding: 5px;

    color:@mini_primary_font_color !important;

   position:relative;

   text-transform:uppercase;

   

  }

   

 .miniprofilename

{font-family:@mini_profile_primary_font;

   font-size: 12pt;

   height:41px;

   padding: 5px;

  color:@mini_primary_font_color;

   position:inherit;

   text-transform:uppercase;}



.onlinestatustext {font-family:@mini_profile_primary_font;

   font-size: 8pt;

   height:41px;

   padding: 5px;

   width:100%;

   margin-top:-40px;

   color:@mini_primary_font_color;

   text-transform:uppercase;}

   

   

.miniprofileinfo

{width:200px;

height:300px;

margin-top:-300px;

background-color:@mini_profile_background_color;

color:@mini_primary_font_color;

visibility:hidden;

position:relative;}





.miniprofileinfo a

{font-family: @mini_profile_primary_font;

text-align:center;

text-transform:uppercase;

color:@mini_primary_font_color !important;}



.miniprofileinfo .avatar_size_default img, .avatar_size_default default

{ border-radius: 0%;

   width:100px;

   height:100px;

   border: 3px solid #2c2d3e;

   margin-top:-20px;

   margin-left:45px; }    

   

 .miniprofilestructure:hover .miniprofileinfo

{visibility:visible;

   opacity: .9;}  

   

   

.minicustomfield

{width:80px;

   height:20px;

   background-color:#2c2d3e;

   color:@mini_secondary_font_color;

   position:relative;

   line-height:22px;

   margin:5px;

border:@mini-profile_borders; }



.ministatusfield

{width:180px;

bottom:10px;



background-color:#37323e;

height:22px;

position:absolute;

margin-left:5px;

padding:5px;

border:@mini-profile_borders;

line-height:22px;

}



.ministatusfield .personal-text

{color:@mini_secondary_font_color;

float:left;}



.status-quotation

{font-size:50px;

   font-family:Corbel, serif;

   float:left;

   margin-top:8px;

   color:#252528;

   padding-right:4px;}

   

/*End Mini Profile CSS*/

div.Administrator div.mini-profile { border: 4px solid #7319e6; }
div.moderator div.mini-profile { border: 4px solid #b18ec0; }

Mini Profile

SPOILER: Click to show

<div id="user_group_name">
<div class="{if $[user.group.name] == "Administrator"}
admin
{elseif $[user.group.name] == "Moderator"}
moderator
{/if}">

<div class="$[miniprofile_class]" style="width:200px;text-align:center; margin-left:-10px; border:transparent;">

<!-- This is the MP3 link at the top of the mini-profile -->

   

<div style= "margin-bottom:-4px;"> {foreach $[user.mini_custom_field]}

{if $[user.mini_custom_field.name] == "MP3-Link"}

<div><object width="206" height="18" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" type="application/x-shockwave-flash">

<param value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" name="movie">

<param value="#000000" name="bgcolor">

<param value="mp3=$[user.mini_custom_field.value]&bgcolor=000000&loadingcolor=585858&buttoncolor=585858&slidercolor=585858;" name="FlashVars">

</object></div>

{/if}

{/foreach} </div>

   

   

<div class="miniprofilestructure">

<div class="miniprofilebgimg" style=" background-image: url('https://placeholdit.imgix.net/~text?txtsize=33&txt=200%C3%97300&w=200&h=300');{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "200x300 Hover Image"}background-image: url('$[user.mini_custom_field.value]');{/if}{/foreach}background-size:cover;"></div>    

<div class="miniprofileframe"></div>    



<div class="miniprofilebg">

<div class="miniprofilename">

{if !$[user.is_member]} Guest {else} $[user] {/if}</div>

<br> <div class="onlinestatustext">Is {if $[user.is_online]}Online{else}Offline{/if}</div></div>

   

   

<div class="miniprofileinfo">

$[user.avatar]



       

<div style="margin-top:-20px;margin-bottom:10px;">        

{foreach $[user.mini_custom_field]}

{if $[user.mini_custom_field.name] == "Application"}

<span class= "$[user.mini_custom_field.content_class]">

<a href="$[user.mini_custom_field.value]">APP</a>

</span> |

{/if}{/foreach}





{foreach $[user.mini_custom_field]}

{if $[user.mini_custom_field.name] == "Plotter"}

<span class= "$[user.mini_custom_field.content_class]">

<a href="$[user.mini_custom_field.value]">PLOTTER</a>

</span> |

{/if}{/foreach}



           



{foreach $[user.mini_custom_field]}

{if $[user.mini_custom_field.name] == "Tracker"}

<span class= "$[user.mini_custom_field.content_class]">

<a href="$[user.mini_custom_field.value]">TRACKER</a>

</span>

       {/if}{/foreach} </div>

   

<span class="minicustomfield" style="float:left;">

{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Gender"}$[user.mini_custom_field.value]{/if}{/foreach}

</span>

           

<span class="minicustomfield" style="float:right;">

{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Character Age"}$[user.mini_custom_field.value]{/if}{/foreach}

</span>

           

<span class="minicustomfield" style="float:left;">

{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Custom3"}$[user.mini_custom_field.value]{/if}{/foreach}  

</span>      

   

   

<span class="minicustomfield" style="float:right;">

{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Custom4"}$[user.mini_custom_field.value]{/if}{/foreach}  

</span>      

         

<span class="minicustomfield" style="float:left;">

$[user.likes] Like{if $[user.likes] != 1}s {else}{/if}  

</span>

           

<span class="minicustomfield" style="float:right;">

$[user.posts] Post{if $[user.posts] != 1}s {else}{/if}    

</span>

   

 <div class="ministatusfield">

<span class="status-quotation"> “ </span>

{if !$[user.is_member]} {else} $[user.personal_text]{/if}

</div>  

   

 

   </div></div> </div>

[leif]

Hey guys. I want to thank everyone for the support.

I am no longer providing support for this. I have too much on my plate. I am terminally ill and need to spend my time focusing on me. I apologize for all the PMs I couldn't answer.

[aeldi]

I cant seem to get the Hover Image to change to the linked ones In profiles?

[leif]

I will update this to work with the v6 Beta once it opens up to the public and I can start coding new templates again. I don't want anyone to upgrade blindly and I'll include upgrade and transition notes. 

[silvermist]

Is global footers now called "forum wrapper" ?

[Kami]

Sept 26, 2024 9:51:51 GMT -8 silvermist said:

Is global footers now called "forum wrapper" ?

No, there are still headers / footers. Admin > Structure > Headers and Footers