?

Log in

No account? Create an account

This Might Just be Everything

I think I am finally, at long last finished. Except for maybe looking through Download Statusbar's files to see if it's possible to apply a gradient instead of solid background to make it look consistent with how Windows' progress bars look. Not right now though, because it's after 6:00 already, and if I obsess over anything tomorrow, it's going to be cleaning up my torrent folders again. Full House finished downloading just before I went to bed last night (which was at ~7am, to be quite fair) so I renamed all of those files earlier this afternoon, then went through and did the same again because I missed a number in season 1, and jumped another ten (as in, from episode 45 to 55) in season 2, but they're all nicely taken care of now, which then leaves music. Several folders worth, but I've been a bit slow to get to those thus far because having so much music that I hardly ever (if ever at all) listen to is pointless. I did go through my PSP music folder (the one I have backed up on my laptop), and deleted close to forty albums yesterday, so that's a start at least. In the same format as yesterday though, here is my updated and (for the time being) complete userChrome.css file:

/*----------------------------------------------------------------------------*/
/*----- 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;
}

/******************************************************************************/
/* #main-window[tabsontop="true"][sizemode="normal"] #toolbar-menubar         */
/******************************************************************************/
/* menu bar in windowed mode                                                  */
/*                                                                            */
/* otherwise not directly tab-related, but to move the tab bar up here,       */
/* change the top margin to a negative value                                  */
/******************************************************************************/
#main-window[tabsontop="true"][sizemode="normal"] #toolbar-menubar { 
     margin-top: -16px !important; 
}

/******************************************************************************/
/* #main-window[tabsontop="true"][sizemode="normal"] #TabsToolbar             */
/******************************************************************************/
/* tab bar positioning in windowed mode                                       */
/*                                                                            */
/* changes the left margin of the tab bar in windowed mode so it won't        */
/* overlap the #appmenu-button. note that #TabsToolbar is case-sensitive      */
/******************************************************************************/
#main-window[tabsontop="true"][sizemode="normal"] #TabsToolbar {    
     margin-left: 67px !important;
}

/******************************************************************************/
/* #main-window[tabsontop="true"][sizemode="maximized"] #TabsToolbar          */
/******************************************************************************/
/* tab bar positioning in maximized mode                                      */
/*                                                                            */
/* move the menu bar tab bar two pixels closer to the #appmenu-button by      */
/* setting a negative two-pixel margin                                        */
/******************************************************************************/
#main-window[tabsontop="true"][sizemode="maximized"] #TabsToolbar {
	margin-left: -2px !important;
}

/*----------------------------------------------------------------------------*/
/*----- BOOKMARKS TOOLBAR ----------------------------------------------------*/
/*----------------------------------------------------------------------------*/

/******************************************************************************/
/* #bookmarks-menu-button dropmarker                                          */
/******************************************************************************/
/* bookmarks button dropmarker                                                */
/*                                                                            */
/* hide the bookmarks button dropmarker.  the button works the same without   */
/* it                                                                         */
/******************************************************************************/
#bookmarks-menu-button dropmarker {display: none !important;}

/******************************************************************************/
/* .bookmark-item .toolbarbutton-text                                         */
/******************************************************************************/
/* bookmark toolbar item labels                                               */
/*                                                                            */
/* hide labels of items only in the bookmarks toolbar - not in the bookmarks  */
/* menu or in lists of live bookmark items                                    */
/******************************************************************************/
.bookmark-item .toolbarbutton-text {display: none !important;}

/******************************************************************************/
/* .bookmark-item .toolbarbutton-icon                                         */
/******************************************************************************/
/* bookmark toolbar item icons                                                */
/*                                                                            */
/* the labels were hidden above, so now resize the margins of the bookmark    */
/* toolbar item icons to make the buttons more square.                        */
/******************************************************************************/
.bookmark-item .toolbarbutton-icon {margin: -1px !important;}

/******************************************************************************/
/* .bookmark-item[container="true"]:not([livemark="true"])                    */
/******************************************************************************/
/* inactive bookmark toolbar item containers                                  */
/*                                                                            */
/* now change the bookmark toolbar item containers themselves to be the same  */
/* width and height as the bookmark button, and add a two-pixel margin to     */
/* the right of each container for spacing.  do not, however, apply this      */
/* attribute to [livemark]s, because the menus are fine just as they are.     */
/* after that, apply the attributes necessary to make the bookmark toolbar    */
/* items look like buttons, but only for those items which are inactive to    */
/* start                                                                      */
/******************************************************************************/
.bookmark-item[container="true"]:not([livemark="true"]) {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	margin-right: 2px !important;
	-moz-appearance: none !important;
	padding: 0px 5px !important;
	background-color: rgba(255,255,25,0) !important;
	background-clip: padding-box !important;
	border-radius: 2.5px !important;
	border: 1px solid rgba(98,127,165,.4) !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,.75) inset !important;
	color: black !important;
	text-shadow: 0 0 2px white !important;
}

/******************************************************************************/
/* .bookmark-item[container="true"]:hover:not([livemark="true"])              */
/******************************************************************************/
/* hovered bookmark toolbar items                                             */
/*                                                                            */
/* change the background of hovered bookmark toolbar item containers to be    */
/* consistent with the #bookmarks-menu-button.  as before, be sure these      */
/* attributes are *not* applied to the individual [livemark] items            */
/******************************************************************************/
.bookmark-item[container="true"]:hover:not([livemark="true"]) {
	-moz-transition: .24s background-color ease-in !important;
	background-image: -moz-linear-gradient(
						rgba(255,255,255,.9), 
						rgba(255,255,255,.75) 50%,
						rgba(255,255,255,.5) 50%,
						rgba(255,255,255,0)
					      ) !important;
	background-clip: padding-box !important;
	background-color: #C1D2E8 !important;
}

/******************************************************************************/
/* .bookmark-item[container="true"][open="true"]:hover:not([livemark="true"]) */
/******************************************************************************/
/* open bookmark toolbar items                                                */
/*                                                                            */
/* apply the attributes needed to change the background of the open (clicked) */
/* bookmark toolbar items.  :hover is needed here so the background stays     */
/* until the cursor is moved away from the bookmark toolbar item container.   */
/* also, as with the normal hover and inactive states, be sure the background */
/* is not applied to the items inside the menu                                */
/******************************************************************************/
.bookmark-item[container="true"][open="true"]:hover:not([livemark="true"]) {
	box-shadow: none !important;
	background: -moz-linear-gradient(
					   #C9D4E4 1px,
					   #D4DEEA 2px,
					   #DDE8F1 3px,
					   #E1EBF5,
					   #D8E4F1 50%,
					   #CFDBEC 50%,
					   #CFDCED
					) padding-box !important;
	text-shadow: none !important;
}

/******************************************************************************/
/* .bookmark-item[container="true"][label="«label»"]                          */
/******************************************************************************/
/* bookmark toolbar item images                            ‼ «label» varies ‼ */
/*                                                                            */
/* apply custom icons to bookmark toolbar icons.  labels are case-sensitive,  */
/* and images must be present in [profile directory]/chrome/ for relative     */
/* filenames to work                                                          */
/******************************************************************************/
.bookmark-item[container="true"][label="Customer Stories"] {
	list-style-image: url('nar.png') !important;
	-moz-image-region: rect(0px 16px 16px 0px) !important;
}

.bookmark-item[container="true"][label="Techno-humor"] {
	list-style-image: url('tdwtf.png') !important;
	-moz-image-region: rect(0px 16px 16px 0px) !important;
}

.bookmark-item[container="true"][label="Lists"] {
	list-style-image: url('cracked.png') !important;
	-moz-image-region: rect(0px 16px 16px 0px) !important;
}

.bookmark-item[container="true"][label="Daily"] {
	list-style-image: url('daily.png') !important;
	-moz-image-region: rect(0px 16px 16px 0px) !important;
}

.bookmark-item[container="true"][label="RSS"] {
	list-style-image: url('rss.png') !important;
	-moz-image-region: rect(0px 16px 16px 0px) !important;
}

/*----------------------------------------------------------------------------*/
/*----- MISCELLANY -----------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

/******************************************************************************/
/* #appmenu-button dropmarker                                                 */
/******************************************************************************/
/* dropmarker for menu button in both window modes                            */
/*                                                                            */
/* remove the dropmarker from the menu button to eliminate a tiny bit of      */
/* clutter                                                                    */
/******************************************************************************/
#appmenu-button dropmarker {display: none !important;}

/******************************************************************************/
/* #alltabs-button                                                            */
/******************************************************************************/
/* «list all tabs» button                                                     */
/*                                                                            */
/* hide the «list all tabs» button                                            */
/******************************************************************************/
#alltabs-button {display: none !important;}

/******************************************************************************/
/* #appmenu-button > .button-box .button-text                                 */
/******************************************************************************/
/* #appmenu-button label                                                      */
/*                                                                            */
/* shrink the width of the #appmenu-button's label, and increase its top and  */
/* bottom margins to make it cover more of the menu bar.  note that these     */
/* attributes only apply when the button's label is displayed                 */
/******************************************************************************/
#appmenu-button > .button-box .button-text {
	width: 20px !important;
	margin-top: 3px !important;
	margin-bottom: 2px !important;
}

/******************************************************************************/
/* #appmenu-button > .button-box .button-icon                                 */
/******************************************************************************/
/* #appmenu-button icon                                                       */
/*                                                                            */
/* increase the margins of the #appmenu-button's icon to make it cover more   */
/* of the menu bar.  unlike the above, however, these attributes only apply   */
/* when the button's icon is displayed                                        */
/******************************************************************************/
#appmenu-button > .button-box .button-icon {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
}


...oh, how ugly that looks. Right. All of the above text looks fine in Notepad, or should I say looks fine when viewed in the Courier New typeface. However, I am writing this entry not on LiveJournal's update.bml page, but in a customizable text editor called FocusWriter. One of the theme-specific settings I have changed is for the font, which I've opted to be a pixel-font instead, so going back to the beginning, while all of the above looks fine in Courier New, HaxrCorp 4088 makes the right "borders" of all the forward slash-and-asterisk boxes look out-of-alignment. I can live with it though. As long as they're properly aligned on the Post an Entry page and I have the <pre> tag to use, I'll make do.

What wouldn't do though is if I didn't upload a picture of the browser now, so have a look at it here. Worth noting is that when maximized, the button in the upper-left corner changes to display just the Firefox logo (yeah, in what is not officially the browser by that name), but I don't have the time to make it appear in windowed mode (which would involve modifying the image instead of just pasting it into Paint.NET and clicking the Save button, but that works quite fine anyway. I should probably also start getting ready for work soon, so this entry is done here. Well, not before I say that I'm looking forward to going to 7-11 after work whether George remembers his external drive or not. I've eaten no food today in preparation, although I did drink two cans (or the contents of the cans) of iced tea that were left over from having pizza for supper last night. Here's hoping it's a quick night, and in regards to all of the above, that I don't think of anything else to try and change at work...

Comments