0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

add checkerboard background style to themes

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

15
source/Ox.UI/themes/classic/css/classic.css
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
}
/* /*
================================================================================ ================================================================================

14
source/Ox.UI/themes/modern/css/modern.css
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
}
/* /*
================================================================================ ================================================================================