qaqelol, to web
@qaqelol@toots.niark.nexus avatar

My compulsive need to customize websites in action; StackOverflow edition ✨

(I use uBlock Origin and "User Javascript and Css" extensions)

#Web #StackOverflow #css #extensions #ublock #userCss #browser

Original version of stackoverflow for the same page. Busy layout with ads

timotheegoguely,
@timotheegoguely@mastodon.design avatar

@qaqelol Nice! I just added the following CSS rules to my Stylus extension for all URLs starting with https://stackoverflow.com/questions/:

header.s-topbar,  
#left-sidebar,  
#sidebar,  
#top-hero-div,  
#question-header .aside-cta,  
#post-form,  
#footer {  
 display: none;  
}

#content {  
 border-left-width: 0;  
}
minioctt, (edited ) to web Italian

Anche oggi, per l’ennesima volta in cui mi faccio distrarre da colorati durante la mia errante nell’oceano del , scopro nuove cose . 😼

Nel di un sito c’era un collegamento ad un “ ”, il cui nome di dominio è una sequenza di emoji. Lo apro, e anziché una classica lista di membri, mi trovo un insolito modulo che mi chiede di fare login nel sistema inserendo il del mio . Scopro che questa cosa posso farla con questo sito , dopo aver installato il ; quindi, ci provo, e mi viene chiesto di aggiungere alla home del sito i link di navigazione del webring, e poi di preparare del secondo lo standard h-card. 📟

È stata un’occasione per fare una robina che mi sono sempre seccata, cioè inserire le del mio profilo autore (inclusive di bio, come escono sul Fediverso) sulla sezione del fritto misto. Purtroppo, questo ben predicato sembra razzolare male: non c’è stato verso di far vedere al del webring la mia descrizione, e mi devo accontentare di URL, nome, e foto profilo… però, un validatore a parte, che viene consigliato dalla stessa pagina, invece valida tutto come vorrei io. Uno . 😶

https://octospacc.altervista.org/wp-content/uploads/2024/02/image-3.pngComunque (seppur con castrati) ora il mio sito è stato inserito nella directory del webring… tutto in automatico, il che è veramente ! E in totale ci sono appena ~250 utenti, pensavo peggio. 💖https://octospacc.altervista.org/2024/02/04/lanello-web-indiano/

nbwpuk, to random

Just reading the ISRG January newsletter ( https://www.abetterinternet.org/#footer-newsletter-column ) and reading that "Did you know that Let’s Encrypt – which issues 35 certs per second and provides TLS to more than 360M websites – is managed by an engineering team of only 12 people?"

Wow!

atocci, (edited ) to AskKbin in Why is no one decorating their magazines?
atocci avatar

Edit: Added a comment and updated the option bar to match the navbar.
Sure, here you go! I've never done anything like this before so it's probably a formatting disaster, but I've done my best to clean it a bit and add some comments about what does what here. This is what I've come up with after a few hours of just poking around with the inspect element feature and reading some tutorials:

/* Navbar */
{
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.5);
backdrop-filter: blur(10px);
position: relative; z-index: 4001
}

/* Page background image */
{
background: url(https://toaru-project.com/railgun_t/core_sys/images/main/common/logo_t.svg) no-repeat center center fixed;
background-size: contain;
}

/* Post box transparency */
.section {
opacity: 0.96;
}

/* kbin footer background */
{
background: linear-gradient(to top right, rgba(229, 0, 32, 1) , rgba(242, 151, 57, 1));
}

/* The little arrow button in the bottom right that takes you back to the top of the page */
-top {
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.5);
backdrop-filter: blur(10px);
}

/* Options bar */
{
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.25);
backdrop-filter: blur(10px);
position: relative
}

/* upvote color */
.vote .active.vote__up button {
color: rgba(242, 151, 57);
}

/* Media viewer background blur */
.goverlay {
background: rgba(0,0,0,.5);
backdrop-filter: blur(15px);
}

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • ngwrru68w68
  • ethstaker
  • tacticalgear
  • osvaldo12
  • mdbf
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • Youngstown
  • everett
  • InstantRegret
  • slotface
  • rosin
  • provamag3
  • kavyap
  • GTA5RPClips
  • Leos
  • modclub
  • cisconetworking
  • Durango
  • khanakhh
  • cubers
  • normalnudes
  • anitta
  • tester
  • megavids
  • lostlight
  • All magazines
    •