Welcome to the Soartex forums!

  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Welcome to the Soartex Forums! Consider signing up to get involved!

Mrs. Flopsworth & Disaster's Forum Theme [WIP]

Discussion in 'Off Topic' started by Disaster86, Nov 9, 2013.

  1. Disaster86

    Disaster86 Minecraft Modder

    So I made this theme, right.
    Based off FloppyGunk's design last year. There are a few subtle differences.
    I've made it in a separate style-sheet. That's okay, right?
    Screenshot (open)
    Untitled-5.png
    So yeah, there it is! It stretches over to the downloads pages to unify the entire site's theme!
    If you have an requests or ideas to make it better, feel free to state them below!
    I might have forgotten some things. This style is based on Soartex_v2.
    Thread view is currently a bit weird. Working on it.
    CSS (open)
    Code:
    body { /*you can change this for different background color choices :)*/
        background-image: url('http://i.imgur.com/erZMC5f.png')!important;
    }
    
    #logoBlock  {
        background-image: url('http://customizer.soartex.net/assets/img/wool_light.png')!important;
    }
    
    #navigation {
        background: #d7bb94 url('http://i.imgur.com/hdw3qCk.png')!important;
        opacity: 1!important;
        padding-bottom: 3px!important;
    
    }
    
    #content    {
        background: transparent!important;
    }
    
    #header {
        margin-bottom: 30px!important;
    }
    
    
    .navLink    {
        color: #4a4033!important;
        font-family: 'PT Sans', sans-serif;
        text-shadow: none!important;
    }
    
    .pageWidth  { /*switch between 1300px (fullscreen) and 900px (normal) :)*/
        width: 1300px!important;
    }
    
    #header #logoBlock .pageWidth,
    #navigation .pageContent.pageWidth  { /*however, this one will clump things together if altered*/
        width: 1300px!important;
    }
    
    #footer {
        background: transparent!important;
    }
    
    .footer a   {
        color: #fffaf2!important;
    }
    
    .footerLegal    {
        background: transparent!important;
    }
    
    #skin_copyright {
        color: #fffaf2!important; /*credit as Disaster and Floppy*/
        font-weight: normal!important;
    }
    
    #legal a    {
        color: #fffaf2!important;
    }
    
    #copyright    {
        color: #fffaf2!important;
    }
    
    .secondaryContent   {
    
        border-color: #d8cbb9!important;
    }
    
    .username.NoOverlay {
        color: black!important;
    }
    
    .secondaryContent h3{
        background-image: none!important;
        background-color: #d7bb94!important;
        text-shadow: none!important;
        border-color: #d8cbb9!important;
        color: #494033!important;
        font-weight: normal!important;
        font-family: "Tahoma", "Geneva", sans-serif!important;
    }
    
    .secondaryContent.widget.WidgetFramework_WidgetRenderer_OnlineUsers h3 a   {
        background-image: none!important;
        background-color: #d7bb94!important;
        text-shadow: none!important;
        border-color: #d8cbb9!important;
        color: #494033!important;
        font-weight: normal!important;
        font-family: "Tahoma", "Geneva", sans-serif!important;
    }
    
    .maintitle  {
        background-color: #d7bb94!important;
        opacity: 1!important;
        border-color: #d8cbb9!important;
    }
    
    .nodeTitle a    {
        color: #3e362b!important;
        text-shadow: none!important;
    }
    
    h1  {
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-size: 20px!important;
        text-transform: none!important;
        padding-left: 0px!important;
    }
    
    .breadcrumb a   {
        color: #494033!important;
    }
    
    .linkGroup.SelectionCountContainer .OverlayTrigger {
        background-image: none!important;
        background-color: #a58e6d!important;
        color: #eddfcb!important;
        border: none!important;
        border-radius: 3px!important;
    }
    
    a.OverlayTrigger:hover    {
        text-decoration: none!important;
        background-color: #bcae99!important;
    }
    
    #QuickSearch    {
        position:absolute!important;
        top: 83px!important;
    }
    
    #QuickSearchQuery   {
        background-image: url('http://i.imgur.com/dFW2Kjs.png')!important;
        background-position: 5px !important;
        background-repeat: no-repeat!important;
        background-color: #8c7b62!important;
        border: none!important;
        text-indent: 25px!important;
    }
    
    .navTabs.user_bar   {
        margin-right: 280px!important;
    }
    
    #QuickSearch.active {
        background-color: #b49c79!important;
        border: 1px #000000!important;
    }
    
    .controlsWrapper    {
        background-color: #eddfcb!important;
    }
    
    .button {
    
        background-color: #73624c!important;
        color: #eddfcb!important;
        text-shadow: none!important;
        border: none!important;
        border-radius: 3px!important;
    }
    
    .messageUserInfo    {
        background: none!important;
        box-shadow: none!important;
        border: none!important;
    }
    
    .messageUserBlock    {
        background: none!important;
        box-shadow: none!important;
        border: none!important;
    }
    
    .avatarHolder    {
        background: none!important;
        box-shadow: none!important;
        padding-left: 22px!important;
        border: none!important;
    }
    
    .userMood   {
        padding-right: 5px!important;
    }
    
    .userText   {
        padding-left: 5px!important;
    }
    
    .messageUserBlock .arrow {
        display: none!important;
    }
    
    .messageText    {
        background-color: #fff0da!important;
        padding: 10px!important;
        border: solid 1px #e0d3bf!important;
    }
    
    .message    {
        background-color: #fffaf2!important;
        padding: 10px!important;
        border: solid 1px #e0d3bf!important;
    }
    
    
    .pageNavLinkGroup   {
        float: right!important;
        margin-top: -60px!important;
    }
    
    
    #content .pageWidth     {
        background: #eddfcb!important;
    }
    
    .avatar.Av24m   {
        box-shadow: none!important;
    }
    
    .navLink:hover    {
        background-color: #b19b7b!important;
        border-radius: 3px!important;
        box-shadow: inset 0 0 4px #9c896c!important;
    }
    
    .publicTabs {
        margin-top: 2px!important;
    }
    
    .brand  {
        display: none!important;
    }
    
    .navbar-inner {
        background: #d7bb94 url('http://i.imgur.com/hdw3qCk.png')!important;
        opacity: 1!important;
        padding-bottom: 1px!important;
        margin-top: 7px!important;
        margin-bottom: 0px!important;
    }
    .nav a  {
        font-family: 'PT Sans', sans-serif!important;
        font-size: 11px!important;
        color: #4a4033!important;
    }
    
    .nav a:hover    {
        background-color: #b19b7b!important;
        border-radius: 3px!important;
        box-shadow: inset 0 0 4px #9c896c!important;
    }
    
    .container   {
        width: 1300px!important;
        margin-left: auto!important;
        margin-right: auto!important;
        margin-top: 0px!important;
        margin-bottom: 0px!important;
        font-family: 'PT Sans', sans-serif!important;
        padding-top: 27px!important;
    }
    
    .main-content   {
        border: none!important;
        box-shadow: none!important;
        border-radius: 0!important;
    }
    
    .header img {
        margin-top: 10px;
        margin-left: -22px;
    }
    
    small   {
        display: none;
    }
    If you have the Stylish plugin (overwrites CSS on any website) in your browser (highly recommended) the link is here!
    If you guys use this as an actual forum style, please name it "Mrs Flopsworth's Magic Fun Theme" something good.
    To the CSS users out there. I know I suck, but at least it looks nice. Stop judging me! :(
    Last edited: Nov 9, 2013
    Sheynx, redflex1235 and Shoeboxam like this.

Share This Page