pro-blue.css

@keyframes glow-my-pretty
{
    0% { box-shadow:0px 0px 8px 1px rgba(51, 51, 153, 0.75); }
    /*25% { box-shadow:0px 0px 3px rgba(51, 153, 255,0.4); }*/
    50% { box-shadow:0px 0px 8px 1px rgba(51, 102, 204,0.75); }
    /*75% { box-shadow:0px 0px 3px rgba(51, 153, 255,0.4); }*/
    100% { box-shadow:0px 0px 15px 1px rgba(51, 153, 255, 0.8); }
}

a,
#Head a,
body,
.MiniPager a,
.UserLink
{
    color: #FFF;
    text-decoration: none;
}

a:hover,
#Head a:hover
{
    text-decoration: none;
}

html { min-height:100%; height:auto; box-sizing:border-box; }

body
{
    background:linear-gradient(rgba(51, 51, 153,0.15) 80%, rgba(51, 153, 255,0.2) 100%), url('https://cdn.rawgit.com/Goodlookinguy/pwvnrg/master/grayscale.content/zwartevilt.png') repeat;
}

.customWallpaper .Message
{
    text-shadow:-1px -1px 1px #000,
                 1px  1px 1px #000,
                 1px -1px 1px #000,
                -1px  1px 1px #000,
                 0px  0px 5px #FFF;
}

/* Reset to prepare to overwriting */
.DataList .Item,
.Comment,
.MessageList > Item.ItemDiscussion,
.CommentsWrap > div.DataBox.DataBox-Comments > ul > li
{
    background:none;
}

/* Changes general post color (is too dark otherwise) */
.ItemDiscussion,
.Comment,
.Activities > .Activity,
.MessageList > li,
.Item-Search,
.MessageList > li.Item,
.Profile .DataListWrap ul.DataList li.Item,
.DataListWrap ul.Conversations li.Item,
ol.DataList-Search li.Item,
ul.Drafts li.Item
{
    overflow:hidden;
    background-color:rgba(51, 102, 204, 0.35);
    border:1px solid rgba(51, 153, 255,0.4);
    box-shadow:0px 0px 8px 1px rgba(51, 51, 153, 0.75);
    border-radius:5px;
    transition:box-shadow 0.5s cubic-bezier(1,0,0.2,2.0) 80ms, border-radius 0.5s cubic-bezier(1,0,0.2,2.0) 80ms;
}

.ItemDiscussion:hover,
.Comment:hover,
.Activities > .Activity:hover,
.MessageList > li:hover,
.Item-Search:hover,
.MessageList > li.Item:hover,
.Profile .DataListWrap ul.DataList li.Item:hover,
.DataListWrap ul.Conversations li.Item:hover,
ol.DataList-Search li.Item:hover,
ul.Drafts li.Item:hover,
.Section-ActivityList .FormWrapper:hover,
.FormWrapper:hover
{
    /*box-shadow:0px 0px 15px 2px rgba(51, 153, 255, 0.8);*/
    border-radius:25px;
    transition:border-radius 0.2s ease-in 0s;
    animation: glow-my-pretty 2s linear 100ms infinite alternate;
}

/* Change form box color (index, activity, profile, post) */
.CommentFormWrap
{
    background:none;
    border:0;
}

.Section-ActivityList .FormWrapper,
.FormWrapper
{
    box-sizing:border-box;
    background-color:rgba(51, 102, 204, 0.4);
    border:1px solid rgba(51, 153, 255,0.4);
    margin-bottom:10px;
    border-radius:5px;
    box-shadow:0px 0px 8px 1px rgba(51, 51, 153, 0.75);
    transition:box-shadow 0.5s cubic-bezier(1,0,0.2,2.0) 80ms, border-radius 0.5s cubic-bezier(1,0,0.2,2.0) 80ms;
}

/* Add backgrounds to preferences */
#Content > div.FormTitleWrapper > div.Preferences,
#Content form[action^="/profile/"]
{
    background-color:rgba(51, 102, 204, 0.45) !important;
    border-radius:5px;
}

/* User Overall Control Panel */
#Head
{
    background:none;
}

.Row > .Box
{
	background: rgba(51, 102, 204,0.35);
	border: 1px solid rgba(51, 153, 255, 0.5);
}

.BoxTop
{
	box-shadow:0px 0px 10px 0px #000;
}

/* User Profile */
#Panel
{
    box-sizing:border-box;
    padding:5px;
    background-color:rgba(51, 102, 204, 0.45);
    border-radius:7px;
}

#Panel .ProfilePhotoLarge
{
    width:190px;
    border-radius:5px 5px 0px 0px;
}

#Panel .Box
{
    background:none;
    border:none;
}

.FilterMenu > li
{
    padding:0px !important;
}

.FilterMenu > li a, .FilterMenu > li a:link
{
    display:block;
    padding:5px 0 5px 5px;
}

.FilterMenu > li a:hover
{
    background-color:rgba(255,255,255,0.1);
    color:rgb(118,175,207);
}

/* Navigation Buttons (including page listings) */
#Body .Button:not([value="Search"]), .NavButton, .Pager a, .Pager span,
#Body .Button:not([value="Search"]):focus, .NavButton:focus, .Pager a:focus, .Pager a:active:focus
{
	background: linear-gradient(rgba(255,255,255,0.6), rgba(51, 51, 153, 0.5)) !important;
    border-top:1px solid rgba(255,255,255,0.8);
    border-bottom:1px solid rgba(51, 51, 153, 0.8);
    box-shadow:0 2px 3px 0px #000;
    border-radius:3px;
}

#Body .Button:not([value="Search"]):hover, .NavButton:hover, .Pager a:hover:not(.Highlight)
{
	background: linear-gradient(rgba(255,255,255,0.7), rgba(51, 51, 153, 0.4)) !important;
    border-top:1px solid rgba(255,255,255,0.9);
    border-bottom:1px solid rgba(51, 51, 153, 0.85);
}

#Body .Button:not([value="Search"]):active:hover, .NavButton:active:hover, .Pager a:active:not(.Highlight)
{
    background: linear-gradient(rgba(51, 51, 153, 0.5), rgba(255,255,255,0.3)) !important;
    border-top:1px solid #AAA;
    border-bottom:1px solid #000;
    box-shadow:0 0px 3px 0px #000;
}

.Pager a.Highlight
{
    background: radial-gradient(45px 15px at center top, rgba(255,255,255,0.5), rgba(51, 51, 153, 0.7)) !important;
}

.CategoryTable > tbody > tr,
.DiscussionsTable > tbody > tr
{
    background-color: rgba(41, 41, 122, 0.5);
}

.CategoryTable > tbody > tr.Item.Read.ItemDiscussion,
.DiscussionsTable > tbody > tr.Item.Read.ItemDiscussion
{
    background-color: rgba(51, 51, 153, 0.5);
}

.CategoryTable > tbody > tr.Item.Unread.ItemDiscussion,
.DiscussionsTable > tbody > tr.Item.Unread.ItemDiscussion
{
    background-color: rgba(62, 62, 135, 0.5);
}

.CategoryTable > tbody > tr.Item.New.ItemDiscussion,
.DiscussionsTable > tbody > tr.Item.New.ItemDiscussion
{
    background-color: rgba(62, 62, 135, 0.5);
}

/* Hover */
.CategoryTable > tbody > tr:hover,
.DiscussionsTable > tbody > tr:hover td
{
    background: rgba(41, 41, 122, 0.7) !important;
}

.CategoryTable > tbody > tr.Item.Read.ItemDiscussion:hover,
.DiscussionsTable > tbody > tr.Item.Read.ItemDiscussion:hover td
{
    background: rgba(51, 51, 153, 0.7) !important;
}

.CategoryTable > tbody > tr.Item.Unread.ItemDiscussion:hover,
.DiscussionsTable > tbody > tr.Item.Unread.ItemDiscussion:hover td
{
    background: rgba(62, 62, 135, 0.7) !important;
}

.CategoryTable > tbody > tr.Item.New.ItemDiscussion:hover,
.DiscussionsTable > tbody > tr.Item.New.ItemDiscussion:hover td
{
    background: rgba(62, 62, 135, 0.7) !important;
}

.Item.ItemDiscussion:hover td a:hover
{
    color: rgb(51, 153, 255);
}

.CategoryGroup tr, .ContentColumn .CategoryGroup
{
    
}

.DataTable > thead > tr > td
{
    background: linear-gradient(#9DCEFF, #122447);
    color:#5CADFF;
    text-shadow:0px -2px 1px #333399, 0px -1px 1px #333399;
}

.ChildCategories a
{
    
}

.ChildCategoryList .Item h3.CategoryName
{
    margin-top:1px;
    border-bottom:1px solid transparent;
    background: rgba(62, 62, 135, 0.7) !important;
}

.ChildCategoryList .Item h3.CategoryName a:hover
{
    text-shadow:0px 0px 3px #000;
    color:#85C2FF;
}

.DataList.ChildCategoryList > li.Item
{
    background: linear-gradient(#9DCEFF, #122447);
}

#Body .SearchForm form[action="/search"]
{
    display:none;
}

/* Post internal borders */
.Comment .Item-BodyWrap
{
    border-color:rgba(51, 153, 255, 0.35);
}

.Signature.UserSignature
{
    border-color:rgba(51, 153, 255, 0.35);
}

.WarningMessage,
.CasualMessage,
.DismissMessage,
.AlertMessage
{
    background: rgba(51, 51, 153, 0.5);
    box-shadow: 0px 0px 10px 2px rgba(51, 51, 153, 0.5);
    border:none;
    color: #DDD;
}

.WarningMessage a.Dismiss:hover,
.CasualMessage a.Dismiss:hover,
.DismissMessage a.Dismiss:hover,
.AlertMessage a.Dismiss:hover
{
    color:inherit;
    background:none;
}

.WarningMessage a:not(.Dismiss),
.CasualMessage a:not(.Dismiss),
.DismissMessage a:not(.Dismiss),
.AlertMessage a:not(.Dismiss)
{
    color: #DDD;
}

.WarningMessage a:not(.Dismiss):hover,
.CasualMessage a:not(.Dismiss):hover,
.DismissMessage a:not(.Dismiss):hover,
.AlertMessage a:not(.Dismiss):hover
{
    color: #FFF;
}

.WarningMessage a:not(.Dismiss):hover::before,
.CasualMessage a:not(.Dismiss):hover::before,
.DismissMessage a:not(.Dismiss):hover::before,
.AlertMessage a:not(.Dismiss):hover::before
{
    content:"»";
}

.WarningMessage a:not(.Dismiss):hover::after,
.CasualMessage a:not(.Dismiss):hover::after,
.DismissMessage a:not(.Dismiss):hover::after,
.AlertMessage a:not(.Dismiss):hover::after
{
    content:"«";
}