PDA

View Full Version : Cartographer's Guild Userstyle



bjzaba
07-09-2010, 05:21 AM
Hullo folks, I am new here. I really don't intend to be rude, but I'm not a fan of the site's design. So to make my time here more bearable I am creating a userstyle. :) It is only a wip, but I thought I would share what I have done so far. Many things still to do.

You need Stylish (https://addons.mozilla.org/en-GB/firefox/addon/2108/) installed on firefox to use it.

Place holder background from http://www.squidfingers.com/patterns/


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.cartographersguild.com") {

html{
background: url("http://www.squidfingers.com/files/patterns/pattern_038.gif") !important;
}

body{
-moz-box-shadow:0 0px 20px rgba(0,0,0,0.6);
width: 1020px !important;
margin-left: auto !important;
margin-right: auto !important;
font-family: Tahoma, Arial, Helvetica, sans-serif !important;
}


.button{
-moz-border-radius: 12px !important;
padding: 2px 6px 2px 10px !important;
}



.above_body{
margin-bottom: 0px !important;
}

#header{
height: 120px !important;
}

.logo-image{
display: none !important;
}

.navbar{
-moz-border-radius: 0px !important;
}

#navtabs{
padding-left: 40px !important;
}

.navtabs li.selected{
border: none !important;
}

.navtabs li.selected a.navtab{
background: none #332B1E !important;
-moz-border-radius: 4px 4px 0 0 !important;
}

#navtabs .selected .floatcontainer{
padding-left: 40px !important;
margin-right: 0 !important;
width: auto !important;
}

.navtabs ul li:first-child {
text-indent: 0 !important;
}

.navtabs ul li a{
color: #796548 !important;
}

.navtabs li, #navbar_search span {
border: none !important;
}

#navbar_search .textboxcontainer span input{
-moz-border-radius: 12px !important;
padding: 1px 8px 1px 8px !important;
}



.body_wrapper{
-moz-border-radius: 0px !important;
padding: 0 40px 30px 40px !important;
}

#breadcrumb{
padding-top: 20px !important;
}

#breadcrumb ul li.navbithome{
display: none !important;
}

#doc3{
margin: 0 !important;
}

/* Front Page - Main Content */

#yui-main{
width: 680px !important;
margin: 0 !important;
padding: 0 !important;
}

.yui-gf, .yui-u, div.yui-u #widgetlist_column2{
width: 680px !important;
margin: 0 !important;
padding: 0 !important;
}

.yui-b{
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}

/* hide first sidebar */

.yui-gf .first{
display: none !important;
}

.yui-ge div.first, .yui-gf .yui-u{
width: /*98.2%*/ auto !important;
float: none !important;
}

yui-b yui-sidebar{
width: 220px !important;
}

.cms_widget{
-moz-border-radius: 0px !important;
-moz-box-shadow: none !important;
}

.cms_widget .block{
background: none #332B1E !important;
-moz-border-radius: 0px !important;
}

.cms_widget_post_bit{
font-size: 10px !important;
padding-bottom: 10px !important;
}

.cms_widget_content {
-moz-border-radius: 0px !important;
background: none !important;
}

#footer{
-moz-box-shadow: none !important;
}

#newreplylink_bottom{
clear: none !important;
position: static !important;
}

.below_postlist .pagination_bottom{
clear: none !important;
width: auto !important;
}

#pagination_bottom #showthread_navpopup{
display: none !important;
}



.below_body{
background: #796548 !important;
}

}

tilt
07-09-2010, 05:38 AM
I'm rather satisfied with the design myself - it doesn't fight with the art inhere - but in the interest of people who might be unsatisfied and to satisfy my own curiosity why don't you post a screendump with your design instead of showing us the code - we are after all a rather visual crowd in here :)

bjzaba
07-09-2010, 05:42 AM
It's actually not very 'done' at the moment, but I will post screenshots soon :)

Diamond
07-09-2010, 03:42 PM
I kinda like the present design - it's easy on the eyes (easy to read, with no distracting background colors in the text boxes), and as tilt said, it doesn't distract from the art. I'd like to see what you got though, when you've got some pics.

OldGuy
07-09-2010, 07:28 PM
Hullo folks, I am new here. I really don't intend to be rude, but I'm not a fan of the site's design. So to make my time here more bearable I am creating a userstyle. :) It is only a wip, but I thought I would share what I have done so far. Many things still to do.

You need Stylish (https://addons.mozilla.org/en-GB/firefox/addon/2108/) installed on firefox to use it.

Place holder background from http://www.squidfingers.com/patterns/

Wow, that has to be the most insulting post I've seen on a forum in a long time. To make your time here more "bearable" you might want to create a new account in order to hide your identity.

Seretur
07-09-2010, 07:44 PM
It wasn't actually that bad. I mean, I think everyone else likes the current style, and it wasn't exactly complimentary, but if it's the most insulting post you've seen in a long time, you haven't been on many forums outside of this one. ;)

The only person who could really take offense at it is the person who designed the forum. Unless they are offended, the rest of us can't complain.

I actually like the current design as well. The colors are nice, and not distracting. Actually, everything is. I don't know what there is to dislike.

Ascension
07-09-2010, 08:50 PM
Ultimately it's up to Arcanna then he'd ask us CLs our opinions then we'd put up a poll. Indeed a flashy website would detract from the maps but we've discussed this sort of thing in the past and even flashier. While Arcana does, indeed, lean that way but we haven't been able to make it work with our current software so we left things as is until the site itself runs more smoothly. Once we get things stable Arcana has some really neat things he wants to add but that might require new software.

StillCypher
07-09-2010, 08:56 PM
As a Very First Post (i think it is?), that wasn't really very diplomatic, but hey -- let's have a look-see at the style. Is there a screenshot?

I like our style pretty well, but there are some days when the light text on the darker background is a little hard on these eyes. Maybe the style will persuade me to use Firefox instead of Safari.

Possibly...

:D

bjzaba
07-09-2010, 10:13 PM
Sorry dudes :( I feel really bad now. I thought rather than just complaining I'd actually try to do something about it. I'll still work on it as a little project, and I'll post some screenshots soon.

It's just a userstyle, so you wouldn't have to use it if you didn't want to. :)

Diamond
07-09-2010, 10:44 PM
...but if it's the most insulting post you've seen in a long time, you haven't been on many forums outside of this one. ;)

Quoted for truth. :D

Ascension
07-09-2010, 11:59 PM
No worries, BJ, it's cool. I gathered that you were trying to be proactive instead of just complaining. So whenever you get it done show us a screenie.

RobA
07-10-2010, 12:05 AM
Sorry dudes :( I feel really bad now. I thought rather than just complaining I'd actually try to do something about it. I'll still work on it as a little project, and I'll post some screenshots soon.

It's just a userstyle, so you wouldn't have to use it if you didn't want to. :)

As one of thew folks who does wrestle with the site's look and feel, I'm happy to consider suggestions and have made improvements based on them in the past.

Please do post a grab of your browser to show off. (I'm not prepared to install another firefox extension that would provide minimal day to day value to me.)

-Rob A>

bjzaba
07-10-2010, 12:11 AM
Sure will. I'm a visual person myself, so I completely understand. I would feel happier posting it once I have done a header image mind you, and that will take a little time.

bjzaba
07-10-2010, 02:20 AM
Just a little of what I've done so far. I'm not showing the rest because I haven't finished yet :)

tilt
07-10-2010, 03:16 AM
so basicly the same, but with round corners... come on - you can do better than that ;)

and I don't think there was no need for taking offence in your posting - you said it nicely enough, although I might agree with the fact that your first posts inhere is about changing the design, I'd probably started by introducing myself in the "Member Introductions", then debated a little so people would get to know me first :)

bjzaba
07-10-2010, 03:22 AM
I've fixed the width at 1020 px. I'm gonna make the background light and the text black. Everything will be designed to a grid (design jargon), and the icons will be replaced with map symbols. All-in-all I'm aiming for a less cluttered layout with more considered typography. Still much more work to go. :)

I'm not aiming to completely reinvent it, just clean it up and make it more inviting (lets hope I can last the distance, hehe).