A Pen by Chris Jennings on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* select this CSS file when first exporting to the re-flowable ePub from InDesign */ | |
* { | |
margin: 0; | |
padding: 0; | |
box-sizing: border-box; | |
} | |
body, | |
div, | |
dl, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* This stylesheet is where to add styles for your Shakespeare Play */ | |
/*We usually add something general for the body*/ | |
* { | |
margin: 0; | |
padding: 0; | |
box-sizing: border-box; | |
} | |
body { | |
font-family: Verdana, Geneva, Tahoma, sans-serif; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
<title>Web safe Fonts</title> | |
<style> | |
body { | |
margin: 12px 40px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.blurb:first-letter { | |
background-color: rgb(61, 60, 145); | |
color: white; | |
float: left; | |
font-family: Georgia; | |
font-size: 4em; | |
line-height: 1; | |
padding: 0 .1em; | |
margin: .1em; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Responsive menu bar | |
*/ | |
html { | |
font-size: 16px; | |
} | |
* { | |
margin:0; | |
padding:0; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<? | |
///////////////////// | |
// slack2html | |
// by @levelsio | |
///////////////////// | |
// | |
///////////////////// | |
// WHAT DOES THIS DO? | |
///////////////////// | |
// |
Go to https://atom.io and install atom for your PC
Once you have this running you can close down the help windows etc.
Now, locate the Packages menu and scroll down to Settings View > Install packages/themes
In the Install box for Packages you need to find the following and install them:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<meta charset="utf-8" /> | |
<title>play</title> | |
<link href="play-web-resources/css/styles.css" rel="stylesheet" type="text/css" /> | |
</head> | |
<body id="play" lang="en-GB"> | |
<p class="playtitle">A Midsummer Night's Dream</p> | |
<a href="#navigation" class="menu">Menu</a> |
NewerOlder