add checkerboard background style to themes

This commit is contained in:
rolux 2012-04-15 14:16:31 +02:00
parent ad56695694
commit 5a90520186
2 changed files with 28 additions and 1 deletions

View file

@ -16,7 +16,20 @@ body.OxThemeClassic {
.OxThemeClassic .OxLight { .OxThemeClassic .OxLight {
color: rgb(128, 128, 128); color: rgb(128, 128, 128);
} }
.OxThemeClassic .OxGrid {
background-color: rgb(248, 248, 248);
background-image:
-moz-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)),
-moz-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232));
background-image:
-o-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)),
-o-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232));
background-image:
-webkit-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)),
-webkit-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232));
background-size: 32px 32px;
background-position: 0 0, 16px 16px
}
/* /*
================================================================================ ================================================================================

View file

@ -21,6 +21,20 @@ body.OxThemeModern {
.OxThemeModern .OxLight { .OxThemeModern .OxLight {
color: rgb(128, 128, 128); color: rgb(128, 128, 128);
} }
.OxThemeModern .OxGrid {
background-color: rgb(8, 8, 8);
background-image:
-moz-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24)),
-moz-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24));
background-image:
-o-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24)),
-o-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24));
background-image:
-webkit-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24)),
-webkit-linear-gradient(45deg, rgb(24, 24, 24) 25%, transparent 25%, transparent 75%, rgb(24, 24, 24) 75%, rgb(24, 24, 24));
background-size: 32px 32px;
background-position: 0 0, 16px 16px
}
/* /*
================================================================================ ================================================================================