Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Mobile Shakespeare Tutorial Part 2
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href='http://fonts.googleapis.com/css?family=Aguafina+Script|Vast+Shadow' rel='stylesheet' type='text/css'/>
<link rel="stylesheet" href="/css/mobshake-jm.min.css"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile.structure-1.0rc2.min.css"/>
<link rel="stylesheet" href="/css/mobshake.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
#homepage {
width:auto;
text-align:center;
}
h1 {
font-family: 'Aguafina Script', cursive;
font-size:1.2em;
}
#homepage h1 {
font-family: 'Aguafina Script', cursive;
font-size:3em;
}
#mobshake h2, #mobshake h3 {
font-family: 'Vast Shadow', cursive;
}
#play-search {
}
@media only screen and (max-width: 300px) {
.ui-page {
background:#e3b778 url(../img/shaketranstiny.png) no-repeat top center fixed;
}
#homepage h1 {
font-family: 'Aguafina Script', cursive;
font-size:1.3em;
}
#play-search{
margin-top:160px;
}
}
@media only screen and (min-width:301px) and (max-width:789px){
.ui-page {
background:#e3b778 url(../img/shaketranssmall.png) no-repeat top center fixed;
}
#homepage h1 {
font-family: 'Aguafina Script', cursive;
font-size:2em;
}
#play-search{
margin-top:250px;
}
}
@media only screen and (min-width: 790px) {
.ui-page {
background:#e3b778 url(../img/shaketransbig.png) no-repeat top right fixed;
}
}
#homepage {
width:auto;
text-align:center;
}
h1 {
font-family: 'Aguafina Script', cursive;
font-size:1.2em;
}
#homepage h1 {
font-family: 'Aguafina Script', cursive;
font-size:3em;
}
#mobshake h2, #mobshake h3 {
font-family: 'Vast Shadow', cursive;
}
#play-search {
}
@media only screen and (max-width: 300px) {
.ui-page {
background:#e3b778 url(../img/shaketranstiny.png) no-repeat top center fixed;
}
#homepage h1 {
font-family: 'Aguafina Script', cursive;
font-size:1.3em;
}
#play-search{
margin-top:160px;
}
}
@media only screen and (min-width:301px) and (max-width:789px){
.ui-page {
background:#e3b778 url(../img/shaketranssmall.png) no-repeat top center fixed;
}
#homepage h1 {
font-family: 'Aguafina Script', cursive;
font-size:2em;
}
#play-search{
margin-top:250px;
}
}
@media only screen and (min-width: 790px) {
.ui-page {
background:#e3b778 url(../img/shaketransbig.png) no-repeat top right fixed;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.