User:JFletcher/vector.css: Difference between revisions
(No longer required) |
(Making left column of main page relative width - Fixed width annoys me in multiple ways, depending on what monitor/device I'm using, and it's just plain ugly amongst the design of the rest of this site) |
||
Line 24: | Line 24: | ||
#footer a:hover{ | #footer a:hover{ | ||
color:#FF0; /* Now needed to make different from :link ^^ */ | color:#FF0; /* Now needed to make different from :link ^^ */ | ||
} | |||
/* Making left column of main page relative width - Fixed width annoys me in multiple ways, depending on what monitor/device I'm using, and it's just plain ugly amongst the design of the rest of this site */ | |||
#mf-left{ | |||
width:auto!important; | |||
} | |||
/* Now with relative width back, fixing background for when I'm using a smaller resolution */ | |||
#mf-left, | |||
#mf-left+div[style="float: left; vertical-align:top; width: 300px;"] | |||
{ | |||
background-color: #FFF; | |||
} | } | ||
Revision as of 07:12, 31 January 2012
/* Removing links that I never use from "personal tools" bar at the top right of the screen */ #pt-adminlinks, #pt-watchlist, #pt-newmessages{ display:none; } /* Making the banner stay at the top when scrolling down - That has annoyed me from the start */ body{ background-attachment:scroll; background-color:#333; /* Nicer colour gray */ } /* Making footer text readable */ #footer, #footer a, div#footer ul li { color:#FFF; } /* Differentiating between footer text and footer links */ #footer a{ text-decoration:underline; } #footer a:hover{ color:#FF0; /* Now needed to make different from :link ^^ */ } /* Making left column of main page relative width - Fixed width annoys me in multiple ways, depending on what monitor/device I'm using, and it's just plain ugly amongst the design of the rest of this site */ #mf-left{ width:auto!important; } /* Now with relative width back, fixing background for when I'm using a smaller resolution */ #mf-left, #mf-left+div[style="float: left; vertical-align:top; width: 300px;"] { background-color: #FFF; } /* Hiding social media links */ #ShareLinksBox, /* Top of page */ #p-tb+div[style="text-align:center;"][align="center"] /* Sidebar */ { display:none; }