sharpetronics/Tarot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor front end tweaks to text & css formatting

Browse Source
This commit is contained in:
patriciarealini 2015-09-04 15:37:42 -07:00
parent 081d449786
commit df11c14f72
2 changed files with 35 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@ -7,18 +7,22 @@
<!--JQuery script tag has to come before the JS otherwise it won't run.-->
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="main.js"></script>
</head>
<body>
<h1>IN THE CARDS</h1>
<h2>Click on the deck</h2>
<div class="topHalf">
<h1>ARCANA</h1>
<h2>Click on the deck</h2>
<div class="buttons">
<img src="images/deckback.jpg" alt="deck of cards" id="deal" />
<br>
<input type="button" value="SHUFFLE" id="shuffle" />
</div>
<div id="hand">
<div class="buttons">
<img src="images/deckback.jpg" alt="deck of cards" id="deal" />
<br>
<input type="button" value="SHUFFLE" id="shuffle" />
</div>
<div id="hand">
</div>
<div id="reading">
</div>
</div>
</body>

28
stylesheet.css
View File

@ -1,10 +1,26 @@
body {
background: url(images/background/purplenightsky.jpeg),
linear-gradient(to top, #CD663B, #35222C, #1D151E),
black;
html, body, h1, h2, h3, h4, p, div, ul, li, a {
padding: 0;
border: 0;
margin: 0;
font-size: 100%
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-weight: 200;
list-style: none;
text-decoration: none;
}
@font-face {
}
@media screen and (min-width:600px) {
}
.topHalf {
width: 100vw;
height: 100 vh;
background: url(images/background/starrynightsky.jpeg), black;
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
background-position: center;
}
h1, h2 {
text-align: center;
@ -35,6 +51,6 @@ h1, h2 {
padding-right: 20px;
}
#hand img {
padding: 5px;
padding: 7px;
height: 225px;
}