xobs/fa20-bt
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adjust themes so that font definitions are at top, apply fonts on .reveal instead of body

Browse Source
This commit is contained in:
Hakim El Hattab
2012-10-16 09:27:55 -04:00
parent 4271677ea1
commit 17f3cf4332
5 changed files with 102 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
css/theme/beige.css
View File

@@ -6,7 +6,7 @@
*/ */
/********************************************* /*********************************************
* FONT-FACE DEFINITIONS * FONTS
*********************************************/ *********************************************/
@font-face { @font-face {
@@ -21,16 +21,32 @@
font-style: normal; font-style: normal;
} }
.reveal {
font-family: 'Lato', Times, 'Times New Roman', serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
font-family: 'League Gothic', Impact, sans-serif;
line-height: 0.9em;
letter-spacing: 0.02em;
text-transform: uppercase;
}
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
body { body {
font-family: 'Lato', Times, 'Times New Roman', serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
color: #333; color: #333;
background: #f7f3de; background: #f7f3de;
@@ -68,11 +84,6 @@ body {
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #333; color: #333;
font-family: 'League Gothic', Impact, sans-serif;
line-height: 0.9em;
letter-spacing: 0.02em;
text-transform: uppercase;
} }
.reveal h1 { .reveal h1 {

30
css/theme/default.css
View File

@@ -5,7 +5,7 @@
*/ */
/********************************************* /*********************************************
* FONT-FACE DEFINITIONS * FONTS
*********************************************/ *********************************************/
@font-face { @font-face {
@@ -20,16 +20,32 @@
font-style: normal; font-style: normal;
} }
.reveal {
font-family: 'Lato', Times, 'Times New Roman', serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
font-family: 'League Gothic', Impact, sans-serif;
line-height: 0.9em;
letter-spacing: 0.02em;
text-transform: uppercase;
}
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
body { body {
font-family: 'Lato', Times, 'Times New Roman', serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
color: #eee; color: #eee;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NTVhNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWMxZTIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NTVhNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWMxZTIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
@@ -55,11 +71,7 @@ body {
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #eee; color: #eee;
font-family: 'League Gothic', Impact, sans-serif;
line-height: 0.9em;
letter-spacing: 0.02em;
text-transform: uppercase;
text-shadow: 0px 0px 6px rgba(0,0,0,0.2); text-shadow: 0px 0px 6px rgba(0,0,0,0.2);
} }

25
css/theme/serif.css
View File

@@ -8,19 +8,32 @@
*/ */
/********************************************* /*********************************************
* FONT-FACE DEFINITIONS * FONTS
*********************************************/ *********************************************/
.reveal {
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
line-height: 0.9em;
}
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
body { body {
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
color: black !important; color: black !important;
background: #F0F1EB; background: #F0F1EB;
@@ -51,8 +64,6 @@ body {
.reveal h6 { .reveal h6 {
margin: 0 0 40px 0; margin: 0 0 40px 0;
color: #383D3D; color: #383D3D;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
line-height: 0.9em;
} }
/********************************************* /*********************************************

31
css/theme/simple.css
View File

@@ -8,21 +8,38 @@
*/ */
/********************************************* /*********************************************
* FONT-FACE DEFINITIONS * FONTS
*********************************************/ *********************************************/
@import url(http://fonts.googleapis.com/css?family=News+Cycle:400,700); @import url(http://fonts.googleapis.com/css?family=News+Cycle:400,700);
.reveal {
font-family: 'Lato', Times, 'Times New Roman', serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
color: black;
font-family: 'News Cycle', Impact, sans-serif;
line-height: 0.9em;
text-transform: uppercase;
}
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
body { body {
font-family: 'Lato', Times, 'Times New Roman', serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
color: black !important; color: black !important;
background: white; background: white;
@@ -53,10 +70,6 @@ body {
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: black; color: black;
font-family: 'News Cycle', Impact, sans-serif;
line-height: 0.9em;
text-transform: uppercase;
} }

29
css/theme/sky.css
View File

@@ -5,12 +5,30 @@
*/ */
/********************************************* /*********************************************
* FONT-FACE DEFINITIONS * FONTS
*********************************************/ *********************************************/
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); @import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
.reveal {
font-family: 'Open Sans', sans-serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
font-family: 'Quicksand', sans-serif;
line-height: 0.9em;
letter-spacing: -0.08em;
text-transform: uppercase;
}
/********************************************* /*********************************************
@@ -18,10 +36,6 @@
*********************************************/ *********************************************/
body { body {
font-family: 'Open Sans', sans-serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
color: #333; color: #333;
background: #f7fbfc; background: #f7fbfc;
@@ -60,11 +74,6 @@ body {
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: #333; color: #333;
font-family: 'Quicksand', sans-serif;
line-height: 0.9em;
letter-spacing: -0.08em;
text-transform: uppercase;
} }