From 5a90520186500e9f9ed8f0f96d036d5f1b39a2e2 Mon Sep 17 00:00:00 2001 From: rolux Date: Sun, 15 Apr 2012 14:16:31 +0200 Subject: [PATCH] add checkerboard background style to themes --- source/Ox.UI/themes/classic/css/classic.css | 15 ++++++++++++++- source/Ox.UI/themes/modern/css/modern.css | 14 ++++++++++++++ 2 files changed, 28 insertions(+), 1 deletion(-) diff --git a/source/Ox.UI/themes/classic/css/classic.css b/source/Ox.UI/themes/classic/css/classic.css index ec4cf949..aa777766 100644 --- a/source/Ox.UI/themes/classic/css/classic.css +++ b/source/Ox.UI/themes/classic/css/classic.css @@ -16,7 +16,20 @@ body.OxThemeClassic { .OxThemeClassic .OxLight { 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 +} /* ================================================================================ diff --git a/source/Ox.UI/themes/modern/css/modern.css b/source/Ox.UI/themes/modern/css/modern.css index 6095d646..6d372038 100644 --- a/source/Ox.UI/themes/modern/css/modern.css +++ b/source/Ox.UI/themes/modern/css/modern.css @@ -21,6 +21,20 @@ body.OxThemeModern { .OxThemeModern .OxLight { 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 +} /* ================================================================================