?

Log in

No account? Create an account

[something about pixel precision]

I think the tab bar is finally finished. After just now spending another 20 minutes or so fiddling with it's placement when the window doesn't take up the full screen, so yes. I upgraded to Palemoon 4 yesterday. After seeing Firefox 4 in various screenshots of the visual styles I downloaded most recently, I decided that I really liked the interface and wanted to upgrade as such, but was reluctant to because I thought some of my extensions might not be compatible. Indeed, some aren't, but the majority are, and I've now taken kind of a drastic change from having the tabs arranged vertically down one side of the browser window to keeping them up in the titlebar, and applying the necessary tweaks in userChrome.css to keep them all favicon-sized. That is what took up most of my night yesterday. I didn't get to writing about it then though for trying to more thoroughly comment that file, as seen here (but only for the part concerning individual tabs, as that's all I've done thus far):

/*-----------------------------------------------------------------------*/
/*----- TABS ------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/

/*************************************************************************/
/* .tabbrowser-tabs .tab-text                                            */
/*************************************************************************/
/* all tabs' title text                                                  */
/*                                                                       */
/* hides all tabs' title text, but leaves the tooltips intact            */
/*************************************************************************/
.tabbrowser-tabs .tab-text {display: none !important;}

/*************************************************************************/
/* .tabs-newtab-button                                                   */
/*************************************************************************/
/* «new tab» button                                                      */
/*                                                                       */
/* hides the «new tab» button - CTRL-T works perfectly fine              */
/*************************************************************************/
.tabs-newtab-button {display: none !important;}

/*************************************************************************/
/* .tabbrowser-tab[pinned="true"]                                        */
/*************************************************************************/
/* only tabs that which have been «pin as app tab»bed                    */
/*                                                                       */
/* this should apply just to the first tab in the bar bar, as otherwise  */
/* it doesn't have a complete left border.  margin-right is needed to    */
/* make the spacing consistent with the rest of the tab bar, and margin- */
/* left moves the first (pinned) tab one pixel closer to the             */
/* #appmenu-button                                                       */
/*************************************************************************/
.tabbrowser-tab[pinned="true"] {margin-right: 1px !important; margin-left: -1px !important;}

/*************************************************************************/
/* .tabbrowser-tab[pinned="true"][selected="true"]                       */
/*************************************************************************/
/* only tabs which have been «pin as app tab»bed and are selected        */
/*                                                                       */
/* same as above, but this time, margin-right changes the right margin   */
/* (obviously) of selected pinned tabs to be consistent with the rest    */
/* of the tab bar                                                        */
/*************************************************************************/
.tabbrowser-tab[pinned="true"][selected="true"] {margin-right: 1px !important;}

/*************************************************************************/
/* .tabbrowser-tab                                                       */
/*************************************************************************/
/* all normal tabs - all of those which are not pinned or selected       */
/*                                                                       */
/* margin-left prevents the selected tab from overlapping the unselected */
/* tab to the right of it.  margin-right does the same, but for the      */
/* unselected tab on the *left* of the selected one instead              */
/*************************************************************************/
.tabbrowser-tab {margin-left: 2px !important; margin-right: 5px !important;}

/*************************************************************************/
/* .tabbrowser-tab[selected="true"]                                      */
/*************************************************************************/
/* only unpinned selected tabs                                           */
/*                                                                       */
/* an additional 5-pixel margin on the right is needed to do prevent     */
/* overlapping of the selected tab and unselected tab to the right of it */
/*************************************************************************/
.tabbrowser-tab[selected="true"] {margin-right: 5px !important;}

/*************************************************************************/
/* .tabbrowser-tab[selected="true"] .tab-icon-image, .tab-throbber       */
/*************************************************************************/
/* favicon and throbber for the unpinned selected tab                    */
/*                                                                       */
/* adds a 3-pixel margin to the favicon and throbber to center them      */
/* within the tab.  note that the throbber only appears while the URL    */
/* given for the tab is still loading.  once finished, it is replaced    */
/* with either the page's favicon or the generic tab icon                */
/*   chrome://browser/tabbrowser/Tabs.css#tab-icon-image                 */
/*   chrome://browser/global/skin/icons/folder-icon.png                  */
/*************************************************************************/
.tabbrowser-tab[selected="true"] .tab-icon-image, .tab-throbber {margin-left: 3px !important;}

/*************************************************************************/
/* .tabbrowser-tab:not([selected="true"]) .tab-icon-image, .tab-throbber */
/*************************************************************************/
/* favicon and throbber for unpinned, unselected tabs                    */
/*                                                                       */
/* do the same as above, but for all unpinned, unselected tabs this time */
/*************************************************************************/
.tabbrowser-tab:not([selected="true"]) .tab-icon-image, .tab-throbber {margin-left: 3px !important;}


Next up will be the bookmarks toolbar items. I would like them to have the same border and behavior upon hover, etc. as the bookmarks menu button does, but right now all I have is the inactive border. No hover state, or one for when clicked, at that, but it's progress. Last night the entire group looked like the URL bar which I was going to stick with at first, but they're buttons, and should have the appearance of buttons as such. They're not unusable right now, but until I get frustrated with this or decide something else is more interesting (whichever comes first), I am on a mission to make the browser look not as if it was customized, but as if it was designed to be this way. Same as several other times before, to be sure, but in the past my main focus was usually around the tab bar being on the left of the window, which is no longer the case.

Moving away from browsers now though, I'm starting to get tired of waiting. It was at least two weeks ago that I bought those USB extension cables on eBay, and even though they're being shipped from Singapore, I think, I would've expected them to be here by now. On the better side of things, however, while I was walking through the dining room to see if there was any mail in the kitchen earlier, I noticed another 7-11 advertisement in the recycling bin, so I now have two coupons for a free medium Slurpee, and two coupons for a free taquito. Just a thought is that as long as he remembers it, George will be bringing his external drive over here after work tomorrow to get what episodes have been aired of the newest season of Doctor Who, and considering we walked all the way back to the house instead of just to Tim Hortons on Sunday, he might be up for taking a quick walk out there while the files copy (which will take 10 minutes at most), and if not, I just have extra coupons for myself. As for our plans to get a dessert pizza from Dairy Queen next Sunday, I'm still looking forward to doing that, but if he and I end up being scheduled to close on the Wednesday after that, I will probably propose that we do it then instead. That way, unless Melissa schedules me to work on Thursday as well (and she might, considering I'll be missing a week or work this month), that'll be my last shift before going away for the second time, which, in my mind, would be more appropriate.

At any rate, I'm off to wash the dishes lest I get distracted with Palemoon again and not go down to the kitchen until 9:00 or so. Good timing too, because I can hear somebody out in the hallway collecting the dishes that are on top of the laundry hamper, which means supper will probably be made soon. As for the rest of the night, perhaps I'll have a screenshot to show off of all my customizations this time later. That's about all I can think of to do, but again, we'll see. Now it is time to go wash the dishes~

Comments