MeeKoo

/* MAIN */

body
{
    background: #999 url('http://files.gamebanana.com/bitpit/akali.jpg') fixed;
    background-size: 100% 100vh;
}

#ColumnGrid
{
    margin-top : 50px;
}

#HeaderWrapper
{
    text-align : center;
}

/* RESET */

.Avatar .OnlineIndicator,
#PostsListModule .Content ul .Post article footer,
#PostsListModule h3,
#PostsListModule .PageNavigation:first-child,
#FooterWrapper,
::-webkit-scrollbar,
#PageTitleWrapper,
#SubmissionType,
#ImportantLinks,
#PublicNavigator .NavigatorTabs > ul > li#SearchTab,
#DropdownMenuSubNavigator .sf-menu > li .IconSheet,
#HeaderWrapper > header > div:first-child,
body article blockquote
{
    display : none;
}

#Wrapper,
.Module > h3,
.Module .Content,
.PostTools button,
.PostTools button:hover,
#MemberNavigator .NavigatorPanes > li,
#PublicNavigator .NavigatorPanes > li,
.ContentColumn .Modal div.Module
{
    border : 0;
    background : transparent;
    box-shadow : none;
}

/* MODULE */

.ContentColumn:first-child
{
    margin-right : 30px;
}

.ContentColumn div.Module
{
    border: 0;
    margin-bottom: 30px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    background: rgba(30, 30, 30, 0.5);
    border-radius : 5px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

div.Module > h3, .MultipleRowListModule div.PageNavigation
{
    font : 20px Arial;
    letter-spacing: -1px;
    text-transform : capitalize;
}

div.Module h3 a
{
    color: #FFFFFF;
}

div.Module h3 a:hover
{
    color: #FFFFFF;
}

/* POST LIST MODULE */

#PostsListModule .Content ul .Post .PostHeader
{
    background: rgba(29, 29, 31, 0.2);
    padding : 10px;
}
#PostsListModule div.PostHeader div.Poster a
{
    font : 18px Tahoma;
    color:#c8c8c8;
    text-shadow:0px 0px 1px #000, 0px 0px 1px #000;
}

#PostsListModule div.PostHeader div.Poster a:hover
{
    color:#FFFFFF;
}

#PostsListModule .Content ul .Post
{
    background: rgba(22, 22, 24, 0.5);
    border-bottom : 0;
    margin : 10px 0;
}

#PostsListModule .Content ul .Post article
{
    padding : 10px;
}

/* STAMPS */

#PostsListModule .Content ul .Post article .PostStamps li
{
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: rgba(20, 20, 20, 0.69);
    transition: all 0.3s ease-in-out;
    box-shadow : none;
}

#PostsListModule .Content ul .Post article .PostStamps li:hover
{
    color : #FFF;
    border: 1px solid #460A0A;
    background: rgba(206, 57, 57, 0.3);
}

#PostsListModule .Content ul .Post article .PostStamps:hover
{
    color : #FFF;
}

/* AVATAR */

.Avatar.Offline,
.Avatar.Online
{
    padding-left    : 10px;
    border      : 0;
}

.Avatar.Offline
{
    background  : #000 url('http://files.gamebanana.com/bitpit/avatar_offline.png') no-repeat top left;
}

.Avatar.Online
{
    background  : #000 url('http://files.gamebanana.com/bitpit/avatar_online.png') no-repeat top left;
}

/* BUTTON */

button
{
    text-transform : uppercase;
    color: #FFFFFF;
    background: #191919 url('http://files.gamebanana.com/bitpit/buttongradient1.png') 50% 0%;
    background-size: contain;
    border-radius: 3px;
    box-shadow: 0 0 3px black;
}

button:hover
{
    background: #191919 url('http://files.gamebanana.com/bitpit/redbutton.png') 50% 0%;
    background-size : contain;
}

button.CloseModal
{
    width: 30px;
}

/* DATE INDICATOR */

.LessThan4HoursOld,
.LessThan1HourOld
{
    color: rgb(180, 180, 180);
}

.LessThan5minsOld,
.LessThan30minsOld
{
    color: rgb(156, 70, 70);
    text-decoration : none;
}

/* TOOLTIP */

.tooltipster-sidetip .tooltipster-box
{
    background: #171717;
    border: 1px solid #828282;
}

/* NAVIGATOR TABS */

#MemberNavigator .NavigatorTabs > ul > li
{

    background : #191919 url('http://i1281.photobucket.com/albums/a501/iamred_18/Uberstyle/buttongradientdarkgray_zps871fbf5c.png');
    background-size: contain;
    box-shadow: none;
    padding: 20px;
    margin-right: -1px;
    transition: all 0.5s ease-in-out;
}

#MemberNavigator .NavigatorTabs > ul > li:hover,
#MemberNavigator .NavigatorTabs > ul > li.TabHasUpdates:hover,
#MemberNavigator .NavigatorTabs > ul > li.ActiveTab,
#MemberNavigator .NavigatorTabs > ul > li.TabHasUpdates.ActiveTab
{
    background : #191919 url('http://files.gamebanana.com/bitpit/red_button.png');
    background-size: contain;
}

#MemberNavigator .NavigatorTabs > ul > li.TabHasUpdates
{
    background: rgba(236,6,4,0.7);
    animation : none;
    border-bottom : 0;
}

.NavigatorPanes h4
{
    border: 1px solid black;
    background: #191919 url('http://files.gamebanana.com/bitpit/red_button.png');
    border-top-right-radius: 5px;
    border-bottom: 0;
    padding : 5px;
}

.NavigatorPanes > li > div
{
    background: rgba(30, 30, 30, 1);
    border: 1px solid black;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#PersonalPane .Column2 .Buddies img
{
    border: 1px solid #777;
}

#PersonalPane .Column2 .Buddies img:hover
{
    border: 1px solid #ff635a;
}

/* DROPDOWN MENU */

#DropdownMenuSubNavigator
{
    position : fixed;
    left : -2px;
    top : 1vh;
    width : 80px;
    background : transparent;
    z-index : 99999999;
}

#DropdownMenuSubNavigator .sf-menu > li
{
    width : 80px;
    box-sizing : border-box;
    margin-bottom : 5px;

    background: rgba(23, 23, 23, 0.59);
    border: 1px solid #252525;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    border-radius : 0 3px 3px 0;

    color: white;
    text-transform : uppercase;
    text-align : left;
}

#DropdownMenuSubNavigator .sf-menu .ActiveEntry a:hover,
#DropdownMenuSubNavigator .sf-menu > li > a
{
    color : white;
}

#DropdownMenuSubNavigator .sf-menu > li:hover,
#DropdownMenuSubNavigator .sf-menu .ActiveEntry:hover
{
    background: rgba(156, 40, 40, 0.6);
    border: 1px solid rgba(22, 22, 24, 0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}

#DropdownMenuSubNavigator .sf-menu .ActiveEntry
{
    background: rgba(23, 23, 23, 0.59);
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul
{
    left : 102%;
    top : 0;
}

#DropdownMenuSubNavigator .sf-menu > li ul
{
    background: rgba(23,23,23,0.9);
    border-radius: 3px;
    border: 1px solid #2e2e2e;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3), inset 0 0 1px 0 #000;
}

#DropdownMenuSubNavigator .sf-menu > li ul > li
{
    border-bottom : 0;
}

#DropdownMenuSubNavigator .sf-menu > li ul > li > a
{
    background: rgba(31,31,31,0.7);
}

#DropdownMenuSubNavigator .sf-menu > li ul > li > a:hover
{
    background: rgba(255,255,255,0.05);
    box-shadow: inset 2px 0 #C93737;
    color: #C93737;
}

/* FORMS */

.MainForm .InputsWrapper > fieldset .InputHelp
{
    color : #CCC;
}

.Modal
{
    box-shadow : none;
    border: 2px solid rgb(0, 0, 0) !important;
}

input[type=text],
input[type=password],
input[type=password],
input[type=number],
input[type=email]
{
    border: 1px inset #000000;
    background: rgba(20,20,20,0.3);
    padding: 0px 4px 0px 4px;
}

.ContentEditableEditor .InputWrapper .Editor .ViewModes .Wysiwyg .RichText,
.ContentEditableEditor .InputWrapper .Editor .ViewModes .Source textarea,
.ContentEditableEditor .InputWrapper .Editor .ViewModes .Backup .RichText
{
    border: 1px inset #000000;
    background: rgba(20,20,20,0.3);
    padding: 0px 4px 0px 4px;
    font: 12px 'Verdana';
}

fieldset#Stamps .StampsForm .StampsGroup label
{
    border-radius: 5px;
    border: 1px solid #000000;
    background: rgba(20, 20, 20, 0.6);
    transition: all 0.3s ease-in-out;
    box-shadow : none;
}

fieldset#Stamps .StampsForm .StampsGroup label:hover
{
    border: 1px solid #570D0D;
    color: white;
    background: rgba(206, 61, 61, 0.5);
}

fieldset#Stamps .StampsForm .StampsGroup label.Selected
{
    background: #c8c8c8;
    color: black;
}

/* TABLE */

table thead th
{
    background: url(http://i1281.photobucket.com/albums/a501/iamred_18/Uberstyle/buttongradient_zps85063f5f.png);
}

table,
.MultipleRowListModule > div.Content td
{
    border: 1px solid rgb(30,30,30);
}

/* LINKS */

a
{
    color: #ADADAD;
    transition: all 0.3s ease-in-out;
}

a:hover
{
    color: #FF5757;
}

/* MASTERLOG */

#MasterLog
{
    background: rgba(23, 23, 23, 0.7);
    border-radius: 5px;
}

#MasterLog p
{
    text-transform: uppercase;
    font-size: 13px;
    padding : 5px;
}