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.--> <!--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="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="main.js"></script> <script src="main.js"></script>
</head> </head>
<body> <body>
<h1>IN THE CARDS</h1> <div class="topHalf">
<h2>Click on the deck</h2> <h1>ARCANA</h1>
<h2>Click on the deck</h2>
<div class="buttons"> <div class="buttons">
<img src="images/deckback.jpg" alt="deck of cards" id="deal" /> <img src="images/deckback.jpg" alt="deck of cards" id="deal" />
<br> <br>
<input type="button" value="SHUFFLE" id="shuffle" /> <input type="button" value="SHUFFLE" id="shuffle" />
</div> </div>
<div id="hand">
<div id="hand"> </div>
<div id="reading">
</div>
</div> </div>
</body> </body>

28
stylesheet.css
View File

@ -1,10 +1,26 @@
body { html, body, h1, h2, h3, h4, p, div, ul, li, a {
background: url(images/background/purplenightsky.jpeg), padding: 0;
linear-gradient(to top, #CD663B, #35222C, #1D151E), border: 0;
black; 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-size: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center;
} }
h1, h2 { h1, h2 {
text-align: center; text-align: center;
@ -35,6 +51,6 @@ h1, h2 {
padding-right: 20px; padding-right: 20px;
} }
#hand img { #hand img {
padding: 5px; padding: 7px;
height: 225px; height: 225px;
} }