Adding my styling to CP

[gvitaly]

Hey guys about half a year ago I have spent some time to change some of the styles on CP for myself. I figured some of you might want to do the same. If there's interest I can post a guide, and my styles that will take about 5 mins to set up. If it looks ugly I don't mind some chirping either hehe.

Here's how it looks now:
Main Pages:




GDT:


Quotes and other Styles:

[Cheese]

Damn, I thought this was about getting my hair styled properly!

[gvitaly]

Originally Posted by Cheese

Damn, I thought this was about getting my hair styled properly!

I'd try, but I don't think there's much hope there.

[Locke]

The Matrix 5: Everything is Red Now

[CETokyo]

Please post your guide
Cheers

[TheScorpion]

That's pretty sweet. I'd definitely use it. I find the normal interface is a little too bright for my eyes sometimes.

[Nammer403]

Damn I'd like to use this too
I've been waiting for the revamp

[Locke]

Originally Posted by Nammer403

Damn I'd like to use this too
I've been waiting for the revamp

I was unaware that a revamp was even being considered.

[bc-chris]

Originally Posted by Locke

I was unaware that a revamp was even being considered.

you didn't get the memo?? huh.

[gvitaly]

Alright here goes:

1. You'll need to add an extension called Stylish - Chrome, Firefox
2. Go on CP, and set the default style to CP dark. It's located in the bottom left corner.
3. Click on the Stylish extension in your browser and click on the ellipsis(three dots) icon
   
4. Choose create new style
   
5. Add the following code in the code section.
   
   Spoiler!

   body {
       background-image:url(https://img.besthqwallpapers.com/Uploads/9-12-2018/73812/calgary-flames-fire-logo-nhl-red-and-black-lines-american-hockey-team.jpg);
       background-size: contain;
   }
   table {
       opacity: 0.92;
       border-image-width: 0!important;
   }
   .page {
       background-color: rgb(32, 33, 36);
       color: #E3AF18;
   }
   a:link {
       color: #E3AF18;
       text-decoration: none;
   }
   a:visited {
       color: #E88617;
   }
   a:hover {
       color: #82B4ED;
   }
   .alt1, .alt2 {
       color: #bdc1c6;
       background-color: rgb(32, 33, 36);
   }
   .alt1 .alt2 {
       padding: 1rem!important;
       background-color: #84150C!important;
   }
   .smallfont {
       color: #82B4ED;
   }
   .smallfont strong {
       font-size:1rem;
   }
   .sample {
       max-width: 1200px;
   }
   td {
       font-size:.9rem;
   }
   .thead {
       padding: 0.5rem!important;
   }
   .tborder {
       border:none;
       width:100%;
   }
   .alt2 strong {
       font-weight: 400;
       font-size: 0.75rem;
   }
   .vbmenu_control, .thead, .tcat {
       background-image:none;
       background-color: #84150C;
       font-family: Arial, Helvetica, sans-serif;
       font-size: .9rem;
       padding: 1rem;
   }
   strong {
       font-weight:500;
   }
   .tborder {
       background:none;
   }
   td {
       border:none!important;
   }
   tr {
       padding: 1rem;
   }
   .smallfont img {
       border-radius: 1.5rem;
   }
   b {
       color: lime;
   }
   img {
       max-width: 100%;
       max-height: 100%;
       object-fit: cover;
       overflow: hidden;
   }

6. On the bottom Next to "Applies to" - Choose "URLs starting with" and write https://forum.calgarypuck.com
   
7. Click save

Hope that helps. Also the following code is only needed if you're like me and you don't want your images bigger than the window's width, but it also shrinks the emoji when you create a new post.

Spoiler!

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    overflow: hidden;
}

[TheIronMaiden]

There are two kinds if people. Folks who use dark mode and serial killers

[nfotiu]

Originally Posted by TheIronMaiden

There are two kinds if people. Folks who use dark mode and serial killers

I've always thought there were 3 types of people. Those who can count, and those who can't.

[gvitaly]

So did it work for those of you that tried it? If it didn't you can always PM me.

[Nammer403]

Originally Posted by Locke

I was unaware that a revamp was even being considered.

If I recall a revamp might of been happening after Iggy left/rebuild started.. I just remember we voted on a few logo variations but that was probably it.

[FurnaceFace]

Originally Posted by TheScorpion

That's pretty sweet. I'd definitely use it. I find the normal interface is a little too bright for my eyes sometimes.

There is a CP Dark style you can use. It doesn’t seem to render well on my tablet anyway but might work for you.

[BloodFetish]

Thanks for posting this gvitaly. I recently tried the CP dark but it was awful, too much contrast between the text and background I think.

I'll give yours a whirl for a while but so far I'm really digging it!