phyks/reveal-js-base-theme
1
0
Fork 0
Code Issues Pull Requests Projects 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
Show Stats 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 {

32
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;
} }