It is currently Sat Dec 14, 2024 12:35 pm

All times are UTC - 8 hours [ DST ]




Post new topic Reply to topic  [ 1 post ] 
Author Message
Offline
 Post subject: Custom CSS stylesheets
Post #1 Posted: Thu Oct 17, 2024 3:45 pm 
Lives in sente

Posts: 976
Liked others: 24
Was liked: 177
Rank: panda 5 dan
IGS: kvasir
There is something called Stylebot which is a browser extension which allows overriding the CSS stylesheet of any webpage. I guess there are many other similar extensions.

I have been using the following stylesheet to make the forum more easily readable. It is a bit silly and it probably works best for myself, but it really helps with readability to change the fonts.

Quote:
@import url(https://fonts.googleapis.com/css2?family=Droid+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

body {
font-size: 11px;
background-color: #ffef8533;
}

.postbody {
font-size: 16px;
line-height: 26px;
font-family: 'Segoe UI';
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}

.titles {
font-family: Helvetica;
font-size: 36px;
font-weight: 500;
font-style: normal;
text-transform: none;
}

#pagecontent .gensmall {
font-family: Helvetica;
font-size: 18px;
padding-top: 5px;
padding-bottom: 5px;
}

.gensmall{
font-family: Helvetica;
font-size: 14px;
}

.postauthor {
font-family: Helvetica;
font-size: 18px;
font-weight: 500;
font-style: normal;
}

.postdetails {
font-size: 12px;
font-family: Droid Sans;
line-height: 14px;
}

.quotetitle {
font-size: 14px;
}

.quotecontent {
font-family: inherit;
}

#wrapcentre {
max-width: 1200px;
margin-left: 90px;
margin-right: 120px;
text-align: left;
}

#pagecontent {
margin: auto;
}

.row1,.row2 {
background-color: #f3f3f3;
}

textarea {
font-size: 14px;
line-height: 24px;
font-family: Fragment+Mono;
}

.forumlink {
font-family: Helvetica;
font-size: 24px;
font-weight: 500;
font-style: normal;
}

.forumdesc {
font-family: Helvetica;
font-size: 18px;
}

.topictitle {
font-family: Helvetica;
font-size: 18px;
font-weight: 500;
font-style: normal;
}

#logodesc {
background-image: url("./styles/subsilver2/imageset/site_logo.gif");
margin: 0;
padding: 0;
}

#logodesc * {
visibility: hidden;
}


I wonder if anyone has a better stylesheet.

Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 1 post ] 

All times are UTC - 8 hours [ DST ]


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group