Insights From A Different Corner

Browser Extension For Minor Facebook Improvements

By: Published On:

As an individual who used to write browser extensions regularly during the 2010 to 2015 period, I had been yearning to publish at least a minuscule extension to fix some of the most prominent issues with the Facebook’s interface, however, until just a couple of days ago, some outside interference had not been allowing me to start work on the project. I have eventually managed to regain some desire to start work on the extension that I had been desirous of publishing for over 8 years now, hence, I am publishing the smallest possible fix for now. Circumstances permitting, I will try to continue to fix more of the issues with the various elements of the Facebook’s interface. If those fixes become available, I will continue to repost this link to provide the people who use Facebook on larger screens with the additional CSS instructions to add to their CSS file to improve their experience of using Facebook.

Although I wanted to provide people the whole of the folder as a single ZIP file, however, the computing services available are just not playing nicely, hence, I am publishing the code on this page. The desireous users will have to take an additional two steps, truly minuscule process, to create the structure of the extension on their computers. These fixes will not work on devices with screen sizes smaller than 14 inches.

You will first need to create a folder on your hard disk. If you have multiple partitions, then the choice of partition, according to my experience and browser vendor’s documentations, does not play any part. You are free to create that folder on any partition of your choosing — the aforementioned proves taht we do, occasionally get the chance to exercise free will — and the name does not matter much, as well. I like to keep all of my extensions in a directory named BrowserExtensions, however, if you would like to name it differently, then choose whichever name tickles your fancy; another proof that the autocratic world does give you some space to exercise freedom. If you decide to name the directory for keeping your extension BrowserExtension, then your directory structure should mirror the structure shown in the following two images.

In that directory named BrowserExtension, create a file named manifest.json. You should be able to create a .json file using any text editor of your choice. Almost all modern text editors allow users to save files with .json extension. In that newly created .json file, paste the following few lines without making any changes. 

{
   "manifest_version":      3,
   "name":                  "Meta Styles",
   "version":               "3.0",

   "content_scripts":
   [ 
      {
         "matches":         ["https://www.facebook.com/"],
         "css":             ["CustomCSS/FacebookMain.css"]
      },
      {
         "matches":         ["https://www.facebook.com/*"],
         "css":             ["CustomCSS/FacebookAuxiliary.css"]
      },
      { 
         "matches":         ["https://www.instagram.com/*"],
         "css":             ["CustomCSS/InstagramMain.css"]
      }
   ]
}

In the newly created folder in which you have saved the .json file, create a CustomCSS folder as that is the name that I use in all of the regular expressions that are included in the manifest.json file. If you feel the desire to play around with the manifest.json file, then you can even choose a custom name for that folder, as well. However, to make matters extremely simple for the casual users of the computers, I would strongly encourage you to use CustomCSS folder for keeping all of the CSS files. I may, circumstances permitting, decide to publish more files to fix issues with other services, hence, keep that part of the ongoing process in mind for your ease.

In that newly created CustomCSS folder, create a file named FacebookMain.css, and paste the following CSS declarations in that file. After creating the FacebookMain.css, you will need to create a file named FaceAuxiliary.css in the same CustomCSS folder. The instructions and the CSS declarations for the FacebookAuxiliary.css follow the following CSS declaration block. 

body.sf
{
   font-family:               "PT Sans" !important;
   hyphens:                   auto !important;
   text-align:                justify !important; 
   hyphenate-limit-chars:     auto 3 5 !important;
}


div[role = "main"]
{
   min-width:                 700px !important;
   max-width:                 700px !important;
   padding:                   0 !important;
   margin:                    0 !important;
   hyphens:                   auto !important;
   text-align:                justify !important; 
   hyphenate-limit-chars:     auto 3 5 !important;

   div[class = "x9f619 x1n2onr6 x1ja2u2z"]
   {
      div[class ^= "xdj266r x14z9mp xat24cr x1lziwak x1vvkbs x126k92a"]
      {
         > div
         {
            hyphens:                   auto !important;
            text-align:                justify !important; 
            hyphenate-limit-chars:     auto 3 4 !important; 
         }
      }
   }
}

div[class ^= "__fb-dark-mode x1qjc9v5 x9f619 x78zum5"]
{
   position:                 relative !important;
}

div[class ^= "x1n2onr6 x1ja2u2z x1afcbsf x78zum5 xdt5ytf x1a2a7pz x6ikm8r"]
{
   position:               relative !important;
   top:                    -65px !important;
}

.xt7dq6l.x1a2a7pz.x6ikm8r.x10wlt62.x1n2onr6.x14atkfc
{
   width:                     725px !important;
   height:                    665px !important;
   border:                    7px Solid transparent !important;
   border-radius:             1px !important;
   border-image:              linear-gradient(45deg, 
                                              #0d3a4e,
                                              #2471a3,
                                              #212f3c,
                                              #34707e, #4a235a) !important;
   border-image-slice:        1 !important;
}

/*
      Dark Blue:      #13455c
      Midnight Blue:  #0d3a4e
      Shade of Green: #34495e 
      Turquoise:      #34707e
*/


.xt7dq6l.x1a2a7pz.x6ikm8r.x10wlt62.x1n2onr6.x14atkfc .xvue9z
{
   width:                     725px !important;
   min-height:                665px !important;
}

div.x78zum5.xdt5ytf.x1n2onr6.x8n7wzh.x11pth41.xvue9z
{
   position:                  relative !important;

   > div:first-child
   {
      height:                    75px !important;
      margin-bottom:             15px !important;
      border-bottom:             5px Solid #34495e !important;

      > div:nth-child(2)
      {
         position:               absolute !important;
         top:                    0px !important;
      }
   }
}


div[role = "main"] div[class = ""] > .x78zum5.x1q0g3np.xl56j7k
{
   width:                     700px !important;
   padding-left:              5px !important;
   padding-right:             10px !important;
   padding-left:              15px !important;
}


div[role = "complementary"] 
{
   min-width:                 310px !important;
   padding-left:              25px !important;
}


.x78zum5.x1q0g3np.xl56j7k > div
{
   width:                     100% !important;
}


div[role = "main"] .x78zum5.x1q0g3np.xl56j7k *
{
   font-size:                 23px !important;
   line-height:               34px !important;
}

div[class ^= "x1cy8zhl x9f619 x78zum5 xl56j7k"]
{
   max-height:                535px !important;
   padding-top:               0 !important;
   margin-top:                0 !important;

   > div[aria-label ^= "Select audience"][role = "dialog"]
   {
      padding-top:            0 !important;
      margin-top:             0 !important;
      max-height:             535px !important;
      min-width:              765px !important;
   }
}

With the file named or titled FacebookMain.css created and populated with the declations listed above, create another file titled FacebookAuxiliary.css in the same CustomCSS folder, and poste the following instruction in that file name FacebookAuxiliary.css. 

body.sf
{
   font-family:               "PT Sans" !important;
   hyphens:                   auto !important;
   text-align:                justify !important; 
   hyphenate-limit-chars:     auto 3 5 !important;
}


div[class ^= "__fb-dark-mode x1qjc9v5 x9f619 x78zum5"]
{
   position:               relative !important;
}


div[class ^= "x1n2onr6 x1ja2u2z x1afcbsf x78zum5 xdt5ytf x1a2a7pz"]
{
   position:               relative !important;
   top:                    -65px !important;
}


.xt7dq6l.x1a2a7pz.x6ikm8r.x10wlt62.x1n2onr6.x14atkfc
{
   width:                     725px !important;
   height:                    665px !important;
   border:                    7px Solid transparent !important;
   border-radius:             1px !important;
   border-image:              linear-gradient(45deg, 
                                              #0d3a4e,
                                              #2471a3,
                                              #212f3c,
                                              #34707e, #4a235a) !important;
   border-image-slice:        1 !important;
}


/*
      Dark Blue:      #13455c
      Midnight Blue:  #0d3a4e
      Shade of Green: #34495e 
      Turquoise:      #34707e
*/


.xt7dq6l.x1a2a7pz.x6ikm8r.x10wlt62.x1n2onr6.x14atkfc .xvue9z
{
   width:                     735px !important;
   min-height:                665px !important;
}


div.x78zum5.xdt5ytf.x1n2onr6.x8n7wzh.x11pth41.xvue9z
{
   position:                  relative !important;

   > div:first-child
   {
      height:                    75px !important;
      margin-bottom:             15px !important;
      border-bottom:             5px Solid #34495e !important;

      > div:nth-child(2)
      {
         position:               absolute !important;
         top:                    0px !important;
      }
   }
}


div[role = "main"] div[class = ""] > .x78zum5.x1q0g3np.xl56j7k
{
   width:                     700px !important;
   padding-left:              5px !important;
   padding-right:             10px !important;
   padding-left:              15px !important;
}


div[role = "complementary"] 
{
   min-width:                 310px !important;
   padding-left:              25px !important;
}


.x78zum5.x1q0g3np.xl56j7k > div
{
   width:                     100% !important;
}


div[role = "main"] .x78zum5.x1q0g3np.xl56j7k *
{
   font-size:                 23px !important;
   line-height:               34px !important;
}


div[class ^= "x1cy8zhl x9f619 x78zum5 xl56j7k"]
{
   max-height:                535px !important;
   padding-top:               0 !important;
   margin-top:                0 !important;

   > div[aria-label ^= "Select audience"][role = "dialog"]
   {
      padding-top:            0 !important;
      margin-top:             0 !important;
      max-height:             535px !important;
      min-width:              765px !important;
   }
} 


div[class ^= "x1cy8zhl x9f619 x78zum5 xl56j7k"]
{
   max-height:                535px !important;
   padding-top:               0 !important;
   margin-top:                0 !important;

   > div[aria-label ^= "Select audience"][role = "dialog"]
   {
      padding-top:            0 !important;
      margin-top:             0 !important;
      max-height:             535px !important;
      min-width:              765px !important;
   }
}


Comments

Post a Comment

Popular posts from this blog

Do Telepaths Exist? Outrageously Disgusting Tale Of Torture Using Telepathy — Part II

Image
Date: May 29, 2025: I’ve finally found the energy to add some corroboratory evidence to this document, some files generated by real time systems with servers in America, Australia, and Canada. I had zero say in the numbers injected by those servers in these files. What exactly has been the role of the people who had these roll numbers, I have absolutely no idea. I have much more proof to add to this document to prove the spectacular levels of corruption perpetrated by certain doctors and their colluding parties, however, the nefarious, outright criminal parties blocking the progress are making it extremely difficult to complete it easily. Sincerely hoping that I will be able to finish it within the next 3 to 4 months. Dr. Iffat Seema, who is my mother’s sister’s daughter, has played a horrific role in the whole of the process, and I have proof to corroborate the aforementioned. I still have some more screenshots to prove that even the systems being operated by Americans have been s...
Read more

Media Empires, Theft Of Information Using Telepathy, And Increasing Anxiety Rates

Image
As I have mentioned before, some outside parties have been spectacularly limiting my abilities to engage in all of the activities in which I truly excel. I wrote this article in the Facebook’s “Create Post” text box with the help of even Grammarly’s grammar checking tools. Now some outside party, or group of people, have erected barriers to thoroughly editing this document which was written in real time and without the assistance of any assistive technology at all. I will try to post a thoroughly edited version soon, as the flow of the document has major issues. When it comes to the use of the paranormal to steal information from a person’s room and forging the dates of programs to create an absolutely fake impression that the viewer is busy watching an episode that was recorded years ago, hence, the names and scenes that now perfectly match their circumstance can only be described as a coincidence, I have had to tolerate this behavior extremely frequently. When I was still busy...
Read more

Amanda Davies, The Desire To Write An Innocuous Critique, And Badly Stalled Cerebrum

Image
This article is currently a work in progress as some outside party capable of inflicting severe pain and completely stalling even an outstandingly talented person’s progress is not letting me compile all of the evidence in single, painfree attempt. Hence, I will be updating it over the period of next month or two to include as many emails detailing the desire to write this article as possible. The most critical points: Year 2000: an email from dr_iqbal@yahoo.com commenting on what had been projected on my sleeping brain the previous night, events that mankind, doctors, and psychologists call dreams or nightmares. The email was read by all of the members of the sahics97 emailing list, and at least 4 boys decided to comment on the matter. Year 2003: Married Sania Mumtaz showed at precisely the time when I was about to submit my parser assignment and sat on the desk right next to where I was sitting assuming a rather vulgar pose. After her arrival...
Read more