diff --git a/.run/Compile.run.xml b/.run/Compile.run.xml new file mode 100644 index 0000000..14dc058 --- /dev/null +++ b/.run/Compile.run.xml @@ -0,0 +1,17 @@ + + + + \ No newline at end of file diff --git a/.run/Setup.run.xml b/.run/Setup.run.xml new file mode 100644 index 0000000..54ded30 --- /dev/null +++ b/.run/Setup.run.xml @@ -0,0 +1,17 @@ + + + + \ No newline at end of file diff --git a/bkgds/3px-tile-0.3.png b/bkgds/3px-tile-0.3.png new file mode 100644 index 0000000..caf4604 Binary files /dev/null and b/bkgds/3px-tile-0.3.png differ diff --git a/bkgds/bright-squares-p100-0.125.png b/bkgds/bright-squares-p100-0.125.png deleted file mode 100644 index ca6f598..0000000 Binary files a/bkgds/bright-squares-p100-0.125.png and /dev/null differ diff --git a/htdocs/css/3px-tile-0.3.png b/htdocs/css/3px-tile-0.3.png new file mode 100644 index 0000000..caf4604 Binary files /dev/null and b/htdocs/css/3px-tile-0.3.png differ diff --git a/htdocs/index.php b/htdocs/index.php index bdab4fd..00f2d5c 100644 --- a/htdocs/index.php +++ b/htdocs/index.php @@ -94,6 +94,9 @@ + + + diff --git a/htdocs/parts/backgrounds.php b/htdocs/parts/backgrounds.php new file mode 100644 index 0000000..961cab5 --- /dev/null +++ b/htdocs/parts/backgrounds.php @@ -0,0 +1,67 @@ + + + +
+

Backgrounds + +

+
+
+ +

Simple colors

+
+
+
+ .bkgd-dark +
+
+
+ .bkgd-grey + .bkgd-gray +
+
+
+ .bkgd-light +
+
+ +

Grid backgrounds

+
+
+

Grid (40% opacity)

+
+ .bkgd-grid40 + .bkgd-grid +
+
+

Math (30% opacity)

+
+ .bkgd-grid30 +
+
+

Math (20% opacity)

+
+ .bkgd-grid20 +
+
+

Surround (10% opacity)

+
+ .bkgd-grid10 + .bkgd-surround +
+
+ +

Other backgrounds

+
+
+

Transparent

+
+ .bkgd-transparent +
+
+
diff --git a/htdocs/parts/sidebar.php b/htdocs/parts/sidebar.php index a3343ff..de6584f 100644 --- a/htdocs/parts/sidebar.php +++ b/htdocs/parts/sidebar.php @@ -103,6 +103,13 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
+ +

+ + Backgrounds +

+ +

diff --git a/scss/site/backgrounds.scss b/scss/site/backgrounds.scss index 2283edf..114aeec 100644 --- a/scss/site/backgrounds.scss +++ b/scss/site/backgrounds.scss @@ -2,30 +2,38 @@ /* Site > Misc > Backgrounds */ -.bkgd-blank { +.bkgd-dark { background: #{$color-background-main-headings}; } +.bkgd-grey, .bkgd-gray { + background: mix($color-background-main, $color-background-surround, 50%); +} + +.bkgd-light { + background: $color-background-main; +} + // The element rules override rules in `base.scss ~94` -.bkgd-surround, header, nav, footer { +.bkgd-grid10, .bkgd-surround, header, nav, footer { //background: #{$color-background-surround}; background: #{$color-background-surround} url("#{$nibblepoker-background-root}/3px-tile-0.1.png") repeat scroll center center; } -.bkgd-blank-dark { - background: mix($color-background-main, $color-background-surround, 50%); -} - -.bkgd-grid { - background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/3px-tile-0.4.png") repeat scroll center center; -} - -.bkgd-squares { - background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/bright-squares-p100-0.125.png") repeat scroll center center; -} - -.bkgd-math { +.bkgd-grid20 { //background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/old-mathematics-v2-0.25.png") repeat scroll center center; // FIXME: Fix the code using this class !!! background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/3px-tile-0.2.png") repeat scroll center center; } + +.bkgd-grid30 { + background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/3px-tile-0.3.png") repeat scroll center center; +} + +.bkgd-grid40, .bkgd-grid { + background: #{$color-background-main-headings} url("#{$nibblepoker-background-root}/3px-tile-0.4.png") repeat scroll center center; +} + +.bkgd-transparent { + background: rgba(0, 0, 0, 0); +}