1 files changed, 209 insertions, 0 deletions
diff --git a/budget/static/css/main.css b/budget/static/css/main.css
new file mode 100644
index 0000000..b300448
--- /dev/null
+++ b/budget/static/css/main.css
@@ -0,0 +1,209 @@
+@import "bootstrap.min.css";
+@import url(http://fonts.googleapis.com/css?family=Lobster|Comfortaa);
+@import "jquery-ui.css";
+
+html, body{
+    margin-top: 25px;
+}
+
+.topbar h3{ margin-left: 75px; }
+.topbar ul{ padding-left: 75px; }
+div.topbar ul.secondary-nav { padding-right: 75px; }
+.logo{ font-family: 'Lobster', arial, serif; }
+.balance tr td { font-weight: bold; }
+.positive { color: green; }
+.negative { color: red; }
+
+.sidebar {
+    background-color: #ABE128;
+    background-position: center bottom;
+    background-repeat: no-repeat;
+    height: 100%;
+    width: 230px;
+    padding-left: 10px;
+    padding-right: 20px;
+    padding-top: 10px;
+    margin-left: -20px;
+    margin-top: -10px;
+    margin-right: 15px;
+    color: black;
+    position: fixed;
+}
+.sidebar h2 { text-align: center; }
+.sidebar button { margin-top: 10px; width: 75px;}
+
+#table_overflow { overflow-y: auto; overflow-x: hidden; width: 235px; }
+
+.right h3 { float: right; }
+#bills { color: black; }
+
+#header{ 
+    margin-top: -40px;
+    background-color: #ABE128; 
+    height: 180px; 
+    padding: 50px 0 0 0;
+}
+
+#header .slide {
+    font-family: 'Comfortaa', arial, serif;
+    height: 165px;
+    padding-top: 15px;
+    background-image: url("images/gradient.png");
+    background-position: center top;
+    background-repeat: no-repeat;
+}
+
+#header .slide {
+    width: 750px;
+    margin: 0 auto;
+}
+
+#header .slide h1{
+    margin-bottom: 30px;
+    color: #000;
+}
+#header .slide .about_link:hover {
+    color: #ABE128;
+}
+
+#header .slide .about_link {
+    margin-left: 220px;
+    padding: 7px 15px;
+    background-color: #222;
+    border-radius: 10px;
+    -moz-border-radius: 10px;
+    color: white;
+    text-decoration: none;
+    display: inline;
+}
+
+#header .additional-content{
+    font-family: 'Comfortaa', arial, serif;
+    float: right;
+    position: relative;
+    top: -150px;
+    margin-right: 200px;
+    margin-bottom: -100px;
+    color: #000;
+
+}
+.home {
+    padding-top: 20px;
+}
+
+.home form button{
+    float: right;
+    margin-right: 100px;
+}
+.home .create h3{
+    text-align: right;
+    margin-right: 100px;
+}
+
+.invites textarea{
+    width: 800px;
+    height: 100px;
+}
+
+#footer{
+    margin-top: 30px;
+    position: fixed;
+    bottom: 0px;
+    height: 20px;
+    width: 100%;
+    text-align: center;
+    background-color: #fff;
+    opacity: 0.8;
+}
+
+.identifier{
+    float: right;
+}
+
+.password-reminder{
+    float: right;
+    margin-right: 20px;
+    margin-top: 5px;
+}
+
+.confirm, .confirm:hover {
+    color: red;
+}
+
+.bill-actions {
+    padding-top: 10px;
+    text-align: center;
+}
+
+.bill-actions > .delete, .bill-actions > .edit {
+    font-size: 0px;
+    display: block;
+    width: 16px;
+    height: 16px;
+    margin: 2px;
+    margin-left: 5px;
+    float: left;
+}
+
+.bill-actions > .delete{
+    background: url('images/delete.png') no-repeat right;
+}
+
+.bill-actions > .edit{
+    background: url('images/edit.png') no-repeat right;
+}
+
+.balance-value{
+    text-align:right;
+}
+
+tr.ower_line {
+    /* Fallback for web browsers that doesn't support RGBa */
+    background: rgb(255, 255, 255) transparent;
+    /* RGBa with 0.6 opacity */
+    background: rgba(255, 255, 255, 0.4);
+    /* For IE 5.5 - 7*/
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF);
+    /* For IE 8*/
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF, endColorstr=#66FFFFFF)";
+}
+
+tr.payer_line .balance-name{
+    color:green;
+    text-indent:5px;
+}
+
+.action {
+    position: absolute;
+    left: 10px;
+    width: 220px;
+    background: #000 ;
+    opacity: 0.6;
+    text-align: center;
+}
+.action a, .action a:hover {
+    height: 16px;
+    padding-left: 20px;
+}
+
+.delete a, .delete a:hover {
+    background: url('images/deleter.png') left no-repeat;
+    color: red;
+}
+
+.reactivate a, .reactivate a:hover {
+    background: url('images/reactivate.png') left no-repeat;
+    color: white;
+}
+
+.menu-input {
+    width: 131px;
+}
+
+#bill-form > fieldset {
+    margin-top: 10px;
+}
+
+.flash {
+    position: absolute;
+}