Skip to content

Commit

Permalink
common css
Browse files Browse the repository at this point in the history
  • Loading branch information
javierhonduco committed Feb 20, 2016
1 parent 1613cab commit 1f98668
Show file tree
Hide file tree
Showing 3 changed files with 71 additions and 32 deletions.
42 changes: 10 additions & 32 deletions html/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,19 @@
<meta name="viewport" content="width=device-width">
<meta charset="utf-8">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<div class="menu pure-g">
<div class="pure-u-1-3 selected"><p>Piggybank</p></div>
<div class="pure-u-1-3"><p>Stats</p></div>
<div class="pure-u-1-3"><p>Settings</p></div>
<div class="pure-u-1-3 selected">
<p><a href="index.html">Piggybank</a></p>
</div>
<div class="pure-u-1-3">
<p><a href="stats.html">Stats</a></p>
</div>
<div class="pure-u-1-3">
<p><a href="settings.html">Settings</a></p>
</div>
</div>
<div class="piggybank">
<div class="piggy">
Expand All @@ -19,33 +26,4 @@
<span class="saved">You are 20€ of reaching your goal!</div>
</div>
</body>
<style>
.menu{
text-align: center;
border-bottom: 1px solid black;
}
.menu > .selected{
font-weight: bold;
}
.piggybank > .piggy{
margin-left: 10px;
margin-top: 50px;
width: 300px;
height: 300px;
border: 1px solid black;
-webkit-border-radius: 99999px;
text-align: center;
font-size: 40px;
}
.piggy > .amount{
position: relative;
top: 40%;

}
.piggybank > .saved{
float: right;
margin-right: 10px;
margin-top: 30px;
}
</style>
</head>
26 changes: 26 additions & 0 deletions html/stats.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>PugSave</title>
<meta name="viewport" content="width=device-width">
<meta charset="utf-8">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<div class="menu pure-g">
<div class="pure-u-1-3">
<p><a href="index.html">Piggybank</a></p>
</div>
<div class="pure-u-1-3 selected">
<p><a href="stats.html">Stats</a></p>
</div>
<div class="pure-u-1-3">
<p><a href="settings.html">Settings</a></p>
</div>
</div>
<div class="graph">
le graph
</div>
</body>
</head>
35 changes: 35 additions & 0 deletions html/stylesheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
.menu a{
text-decoration: none;
color: black;
}
.menu a:visited{
text-decoration: none;
color: black;
}
.menu{
text-align: center;
border-bottom: 1px solid black;
}
.menu > .selected{
font-weight: bold;
}
.piggybank > .piggy{
margin-left: 10px;
margin-top: 50px;
width: 300px;
height: 300px;
border: 1px solid black;
-webkit-border-radius: 99999px;
text-align: center;
font-size: 40px;
}
.piggy > .amount{
position: relative;
top: 40%;

}
.piggybank > .saved{
float: right;
margin-right: 10px;
margin-top: 30px;
}

0 comments on commit 1f98668

Please sign in to comment.