aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2013-03-04 17:54:59 -0500
committerHakim El Hattab <hakim.elhattab@gmail.com>2013-03-04 17:54:59 -0500
commit034016e330153592af5a6b7943d225b728859bc6 (patch)
tree08c38ce36aa94b3b441b29d1220e4041941aa6c3 /css
parent55e16f4cb97c76d4ec799ade87bec8e11d5703c7 (diff)
downloadperl-software-in-gnu-guix-034016e330153592af5a6b7943d225b728859bc6.tar
perl-software-in-gnu-guix-034016e330153592af5a6b7943d225b728859bc6.tar.gz
merge two new themes, slight adjustments to said themes
Diffstat (limited to 'css')
-rw-r--r--css/theme/moon.css (renamed from css/theme/solarized_dark.css)10
-rw-r--r--css/theme/solarized.css (renamed from css/theme/solarized_light.css)32
-rw-r--r--css/theme/source/moon.scss (renamed from css/theme/source/solarized_dark.scss)23
-rw-r--r--css/theme/source/solarized.scss (renamed from css/theme/source/solarized_light.scss)23
-rw-r--r--css/theme/source/solarized_colors.scss17
5 files changed, 59 insertions, 46 deletions
diff --git a/css/theme/solarized_dark.css b/css/theme/moon.css
index b5bb624..24c1d7b 100644
--- a/css/theme/solarized_dark.css
+++ b/css/theme/moon.css
@@ -25,11 +25,11 @@ body {
background-color: #002b36; }
.reveal {
- font-family: "Lato", Times, "Times New Roman", serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
- color: #839496; }
+ color: #93a1a1; }
::selection {
color: white;
@@ -46,7 +46,7 @@ body {
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
- color: #b58900;
+ color: #eee8d5;
font-family: "League Gothic", Impact, sans-serif;
line-height: 0.9em;
letter-spacing: 0.02em;
@@ -54,7 +54,7 @@ body {
text-shadow: none; }
.reveal h1 {
- text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
/*********************************************
* LINKS
@@ -83,7 +83,7 @@ body {
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
- border: 4px solid #839496;
+ border: 4px solid #93a1a1;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
diff --git a/css/theme/solarized_light.css b/css/theme/solarized.css
index 82df7bb..a89fd09 100644
--- a/css/theme/solarized_light.css
+++ b/css/theme/solarized.css
@@ -25,7 +25,7 @@ body {
background-color: #fdf6e3; }
.reveal {
- font-family: "Lato", Times, "Times New Roman", serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
@@ -46,7 +46,7 @@ body {
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
- color: #859900;
+ color: #586e75;
font-family: "League Gothic", Impact, sans-serif;
line-height: 0.9em;
letter-spacing: 0.02em;
@@ -54,13 +54,13 @@ body {
text-shadow: none; }
.reveal h1 {
- text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
/*********************************************
* LINKS
*********************************************/
.reveal a:not(.image) {
- color: #b58900;
+ color: #268bd2;
text-decoration: none;
-webkit-transition: color 0.15s ease;
-moz-transition: color 0.15s ease;
@@ -69,13 +69,13 @@ body {
transition: color 0.15s ease; }
.reveal a:not(.image):hover {
- color: #ffc81c;
+ color: #78b9e6;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #694f00; }
+ background: #1a6091; }
/*********************************************
* IMAGES
@@ -93,7 +93,7 @@ body {
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
- border-color: #b58900;
+ border-color: #268bd2;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
@@ -101,31 +101,31 @@ body {
*********************************************/
.reveal .controls div.navigate-left,
.reveal .controls div.navigate-left.enabled {
- border-right-color: #b58900; }
+ border-right-color: #268bd2; }
.reveal .controls div.navigate-right,
.reveal .controls div.navigate-right.enabled {
- border-left-color: #b58900; }
+ border-left-color: #268bd2; }
.reveal .controls div.navigate-up,
.reveal .controls div.navigate-up.enabled {
- border-bottom-color: #b58900; }
+ border-bottom-color: #268bd2; }
.reveal .controls div.navigate-down,
.reveal .controls div.navigate-down.enabled {
- border-top-color: #b58900; }
+ border-top-color: #268bd2; }
.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #ffc81c; }
+ border-right-color: #78b9e6; }
.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #ffc81c; }
+ border-left-color: #78b9e6; }
.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #ffc81c; }
+ border-bottom-color: #78b9e6; }
.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #ffc81c; }
+ border-top-color: #78b9e6; }
/*********************************************
* PROGRESS BAR
@@ -134,7 +134,7 @@ body {
background: rgba(0, 0, 0, 0.2); }
.reveal .progress span {
- background: #b58900;
+ background: #268bd2;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
diff --git a/css/theme/source/solarized_dark.scss b/css/theme/source/moon.scss
index a54854b..b120935 100644
--- a/css/theme/source/solarized_dark.scss
+++ b/css/theme/source/moon.scss
@@ -34,17 +34,32 @@ html * {
rendering-intent: auto;
}
-@import "solarized_colors.scss";
+// Solarized colors
+$base03: #002b36;
+$base02: #073642;
+$base01: #586e75;
+$base00: #657b83;
+$base0: #839496;
+$base1: #93a1a1;
+$base2: #eee8d5;
+$base3: #fdf6e3;
+$yellow: #b58900;
+$orange: #cb4b16;
+$red: #dc322f;
+$magenta: #d33682;
+$violet: #6c71c4;
+$blue: #268bd2;
+$cyan: #2aa198;
+$green: #859900;
// Override theme settings (see ../template/settings.scss)
-$mainColor: $base0;
-$headingColor: $yellow;
+$mainColor: $base1;
+$headingColor: $base2;
$headingTextShadow: none;
$backgroundColor: $base03;
$linkColor: $blue;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: $magenta;
-$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
diff --git a/css/theme/source/solarized_light.scss b/css/theme/source/solarized.scss
index 18f5612..5e283ef 100644
--- a/css/theme/source/solarized_light.scss
+++ b/css/theme/source/solarized.scss
@@ -35,17 +35,32 @@ html * {
rendering-intent: auto;
}
-@import "solarized_colors.scss";
+// Solarized colors
+$base03: #002b36;
+$base02: #073642;
+$base01: #586e75;
+$base00: #657b83;
+$base0: #839496;
+$base1: #93a1a1;
+$base2: #eee8d5;
+$base3: #fdf6e3;
+$yellow: #b58900;
+$orange: #cb4b16;
+$red: #dc322f;
+$magenta: #d33682;
+$violet: #6c71c4;
+$blue: #268bd2;
+$cyan: #2aa198;
+$green: #859900;
// Override theme settings (see ../template/settings.scss)
$mainColor: $base00;
-$headingColor: $green;
+$headingColor: $base01;
$headingTextShadow: none;
$backgroundColor: $base3;
-$linkColor: $yellow;
+$linkColor: $blue;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: $magenta;
-$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
// Background generator
// @mixin bodyBackground() {
diff --git a/css/theme/source/solarized_colors.scss b/css/theme/source/solarized_colors.scss
deleted file mode 100644
index 17b490f..0000000
--- a/css/theme/source/solarized_colors.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-$base03: #002b36;
-$base02: #073642;
-$base01: #586e75;
-$base00: #657b83;
-$base0: #839496;
-$base1: #93a1a1;
-$base2: #eee8d5;
-$base3: #fdf6e3;
-$yellow: #b58900;
-$orange: #cb4b16;
-$red: #dc322f;
-$magenta: #d33682;
-$violet: #6c71c4;
-$blue: #268bd2;
-$cyan: #2aa198;
-$green: #859900;
-