Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Style For "Back to Discussions"

edited July 2010 in Vanilla 2.0 - 2.8
First off, very cool theme. I am adapting this to work with my existing website.

There s one button, "Back to Discussions" that is blue, like the original Vanilla Theme. I am searching for a way to style it but coming up empty.

Comments

  • Can you provide a demo link.
  • Yea, I'm having the same problem cause i'm using that theme to lol.
  • Hey guys,

    Sorry, I will fix it! Thanks for finding that bug!

    There was an error rendering this rich post.

  • @digibomb you did a great job on that theme. Thanks for looking into it.
  • @Digibomb, ahh that's good news! :D Thanks for looking into it bro.
  • @JayS @Nimaveli I've uploaded a newer version with the css fix. Enjoy!

    There was an error rendering this rich post.

  • NimaveliNimaveli New
    edited July 2010
    @digibomb
    Oh that's great! But I managed to fix it myself to. Here's how it looks;

    http://a.imageshack.us/img714/8111/testdn.png

    Want me to upload that part of the CSS?
  • @Nimaveli looks good! you can upload if you want ;p

    There was an error rendering this rich post.

  • NimaveliNimaveli New
    edited August 2010
    @digibomb
    Sorry for the very late reply but I lost my own part of the CSS and everything was reverted back to normal. I couldn't really be bothered to edit that button cause my forum isn't live yet anyway. But I finally got to it. So if you want those buttons to look like this(with a hover effect, which makes them darker but it can't be seen in the screen):

    http://a.imageshack.us/img836/1072/previewvf.png

    Then add this code in your applications/dashboard/design/style.css file. You have to find the previous code and replace it with this ofcourse. I'm not sure if just adding it in there will overwrite it automatically. And it seems that adding it in your custom.css file will work also. But I didn't test it cause it worked when I put it in the style.css anyway :P

    CODE FOR BACK TO DISCUSSIONS:
    div.MessageForm a.Back,
    div.MessageForm a.Back:link,
    div.MessageForm a.Back:hover,
    div.MessageForm a.Back:active,
    div.MessageForm a.Back:visited,
    div.MessageForm a.Cancel,
    div.MessageForm a.Cancel:link,
    div.MessageForm a.Cancel:hover,
    div.MessageForm a.Cancel:active,
    div.MessageForm a.Cancel:visited,
    div.MorePager a,
    div.MorePager a:link,
    div.MorePager a:hover,
    div.MorePager a:active,
    div.MorePager a:visited,
    a.TabLink,
    a.TabLink:link,
    a.TabLink:hover,
    a.TabLink:active,
    a.TabLink:visited,
    div.Tabs li a,
    div.Tabs li a:link,
    div.Tabs li a:hover,
    div.Tabs li a:active,
    div.Tabs li a:visited {
    margin: 0;
    margin: 0;
    font-size: 11px;
    padding: 4px;
    background:#f2f2f2;
    color: #000;
    border: 1px solid #999;
    padding-botom: 10px;
    font-weight: bold;
    }
    div.MessageForm a.Back,
    div.MessageForm a.Back:link,
    div.MessageForm a.Back:hover,
    div.MessageForm a.Back:active,
    div.MessageForm a.Back:visited,
    div.MessageForm a.Cancel,
    div.MessageForm a.Cancel:link,
    div.MessageForm a.Cancel:hover,
    div.MessageForm a.Cancel:active,
    div.MessageForm a.Cancel:visited {
    line-height: 1.2;
    }
    div.MessageForm a.Back:hover,
    div.MessageForm a.Cancel:hover,
    div.MorePager li a:hover,
    a.TabLink:hover,
    div.Tabs li a:hover {
    color: #000;
    background: #CECECE;
    text-shadow: white 0px 1px 0px;
    color: black;
    }
    a.Active,
    div.Tabs li.Active a {
    background: #fff;
    color: #474747;
    }

    CODE FOR POST COMMENT & OTHER SIMILAR BUTTONS LIKE THAT(you'll have to add this to if you want both buttons to look the same):
    a.Button,
    .Button, #AttachFileLink {
    cursor: pointer;
    margin: 0;
    font-size: 11px;
    padding: 3px;
    background:#f2f2f2;
    color: #000;
    border: 1px solid #999;
    padding-botom: 10px;
    }

    .Button:hover {
    color: #000;
    background: #cecece;
    }

    Button:hover, #AttachFileLink {
    border: 0px solid #282828;
    background: #818181;
    }
Sign In or Register to comment.