Most recent comments
Moldejazz 2018
Camilla, 1 year, 7 months
Romjulen 2018
Camilla, 2 years, 2 months
Liveblogg nyttårsaften 2017
Tor, 3 years, 2 months
Jogging og blogging
Are, 4 years, 1 month
Liveblogg nyttårsaften 2016
Are, 4 years, 1 month
Reading in dark times
Are, 4 years, 3 months
Moldejazz 2016
Camilla, 4 years, 7 months
Kort hår
Tor, 2 months
Melody Gardot
Camilla, 1 year, 7 months
Den årlige påske-kommentaren
Tor, 1 year, 10 months
50 book challenge
Camilla, 2 months
Five years ago

Custom CSS

I've made a slight change to the way the page loads custom css. Earlier, this css was loaded instead of the regular one, now it is loaded after the regular one. This means that any styling you enter will override the corresponding styling in the standard css, while leaving the rest. This gives a lot of flexibility in creating your personal style.

For example, the standard styling of the main background is:

To override this, you would add something like

to the custom css box in your profile. Similarly, you can change the background of the center column by adding

The background of an article:

The side columns:

It is even possible to set a background image for any of these things:
background: url( no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

If you end up with something you feel would be of interest to others, please let me know, and we can consider turning it into a selectable standard style. Also please let me know if you find anything wrong and/or annoying about the html and the classes and ids and so on.

-Tor Nordam


Camilla,  23.01.11 23:04

Tor,  23.01.11 23:07

Så fordømt vanskelig er det ikke. Redigér din profil, gå til der det står custom css, legg til


og kryss av for å bruke custom css. Så er det bare å justere tallene.
Tor,  23.01.11 23:47

It's possible to use transparent or semi-transparent background colours on different elements. For example:


The first three numbers control red, green and blue, from 0 to 255, where 255 is the lightest. The last numbers controls transparency, and runs from 0 to 1, where 0 is fully transparent.

Also, to style links, modify these:

A:link{background-color:transparent; color:#5F654F ;text-decoration:none;}
A:visited{background-color:transparent; color:#5F654F ;text-decoration:none;}
A:hover{background-color:transparent; color:#5F654F ;text-decoration:none;}
A:active{background-color:transparent; color:#5F654F ;text-decoration:none;}
Camilla,  24.01.11 17:30

background: url( no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
.article_box{background-color:rgba(102, 0, 0, 0.6)}

A:link{background-color:transparent; color:grey ;text-decoration:none;}
A:visited{background-color:transparent; color:grey ;text-decoration:none;}
A:hover{background-color:transparent; color:grey ;text-decoration:none;}
A:active{background-color:transparent; color:grey ;text-decoration:none;}


Camilla,  24.01.11 17:31

med unntak av en ting: kommentar-bokene blir ikke gjennomsiktige.


Tor,  24.01.11 19:50

Legg til

Camilla,  24.01.11 20:00

i alle fall
Tor,  24.01.11 23:27

I should have done this from the beginning. I'm currently running with this setup:

background: url( no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
.tab_active .tab_title {background-color:transparent;}

A:link{background-color:transparent; color:#333333 ;text-decoration:none;}
A:visited{background-color:transparent; color:#333333 ;text-decoration:none;}
A:hover{background-color:transparent; color:#333333 ;text-decoration:none;}
A:active{background-color:transparent; color:#333333 ;text-decoration:none;}

I feel it looks quite nice, but it seems to very heavy for the browser to render the page when scrolling. Probably something to do with the combination of transparency and a non-moving background image. Whatever.