Skip to content
Permalink
Browse files

css basic theme to get started with

  • Loading branch information...
SelenaSmall committed Sep 12, 2015
1 parent 2b1571a commit 0710fac9b6a4b84af6d3c24219f16a75dc424570
@@ -1,3 +1,70 @@
.actions {
font-size: 18px;
.application {
background-color: #D6EAFF;
padding-top: 15px;
h1 {
font-size: 60px;
font-weight: bolder;
font-family: monospace;
color: black;
}
}

.navbar-default {
margin-bottom: 0px;
background-color: #D6EAFF;
border: none;
.dropdown-toggle {
padding: inherit;
padding-top: 20px;
padding-right: 20px;
}

}

.col-md-12 {
padding-left: 80px;
padding-right: 80px;
}

.col-md-8 {
margin: 15px;
}

.bordered-form {
margin-left: 50;
padding: 20px;
padding-left: 40px;
padding-right: 40px;
background-color: #ADD6FF;
border-radius: 15px;
width: 750px;

.field-name {
padding-left: 40px;
}

.field {
padding: 10px;
padding-left: 250px;
}

.actions {
padding-left: 472px;
font-size: 18px;
}

h1 {
font-size: 40px;
font-weight: inherit;
border-bottom: solid black 1px;
}
}

#total-field-name {
font-size: 25px;
color: #1F3D99;
}

#income_income_total {
background-color: lightyellow;
}
@@ -1,43 +1,40 @@
<div class="bordered-form">
<%= form_for [@income] do |f| %>

<h1>Income</h1>
<table>
<tr>
<td>
<div class="field">
<%= f.label :wages %><br>
<td class="field-name">
<%= f.label :wages %><br>
</td>
<td>
<%= f.number_field :wages %>
</div>
<td class="field">
<%= f.number_field :wages %>
</td>
</tr>


<tr>
<td>
<div>
<%= f.label :other_income %><br>
<td class="field-name">
<%= f.label :other_income %><br>
</td>
<td>
<%= f.number_field :other_income %>
</div>
<td class="field">
<%= f.number_field :other_income %>
</td>
</tr>

<tr>
<td>
<div>
<%= f.label :income_total %><br>
<td class="field-name" id="total-field-name">
<%= f.label :income_total %><br>
</td>
<td>
<%= f.number_field :income_total %>
</div>
<td class="field" id="total-field">
<%= f.number_field :income_total %>
</td>
</tr>
</table>
</table>

<br>
<div class="actions">
<%= f.submit %>
</div>

<% end %>
<% end %>
</div>
@@ -1,43 +1,40 @@
<div class="bordered-form">
<%= form_for [@income] do |f| %>

<h1>Income</h1>
<table>
<tr>
<td>
<div class="field">
<%= f.label :wages %><br>
<td class="field-name">
<%= f.label :wages %><br>
</td>
<td>
<%= f.number_field :wages %>
</div>
<td class="field">
<%= f.number_field :wages %>
</td>
</tr>


<tr>
<td>
<div>
<%= f.label :other_income %><br>
<td class="field-name">
<%= f.label :other_income %><br>
</td>
<td>
<%= f.number_field :other_income %>
</div>
<td class="field">
<%= f.number_field :other_income %>
</td>
</tr>

<tr>
<td>
<div>
<%= f.label :income_total %><br>
<td class="field-name" id="total-field-name">
<%= f.label :income_total %><br>
</td>
<td>
<%= f.number_field :income_total %>
</div>
<td class="field" id="total-field">
<%= f.number_field :income_total %>
</td>
</tr>
</table>
</table>

<br>
<div class="actions">
<%= f.submit %>
</div>

<% end %>
<% end %>
</div>
@@ -1,6 +1,6 @@
<div class="row">
<div class="col-md-8">
<center><%= render 'incomes/incomes_index_form' %></center>
<%= render 'incomes/incomes_index_form' %>

</div>
<div class="col-md-4">
@@ -1,3 +1,4 @@
<div class="application">
<!DOCTYPE html>
<html>
<head>
@@ -38,7 +39,7 @@
<div class="row">
<div class="col-md-12">

<h1><center>My Budget</center></h1>
<h1><center>My_Budget</center></h1>

<body><center>
<p>This is an app designed to assist individuals in projecting their own budgets, savings and expenses from week to week. It will be built with Ruby on Rails, customized boostrap and postgreSQL assisted by tutorials demonstyrating an understanding of development processes</p>
@@ -50,3 +51,4 @@

</body>
</html>
</div>

0 comments on commit 0710fac

Please sign in to comment.
You can’t perform that action at this time.