almet/ihatemoney
1
0
Fork 0
mirror of https://github.com/spiral-project/ihatemoney.git synced 2025-04-29 17:52:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

prettier the css file

Browse source
This commit is contained in:
Brice Maron 2019-07-24 15:59:49 +02:00 committed by Alexis Metaireau
parent 92ce7d4d48
commit 227ce0a1fb
1 changed files with 195 additions and 146 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

163
ihatemoney/static/css/main.css
View file

@ -22,23 +22,25 @@ body {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.secondary-nav .nav-link { .secondary-nav .nav-link {
padding: .5rem 1rem; padding: 0.5rem 1rem;
}
.navbar-brand {
font-family: "Lobster", arial, serif;
} }
.navbar-brand{ font-family: 'Lobster', arial, serif; }
/* Header */ /* Header */
#header { #header {
padding-bottom: 2em; padding-bottom: 2em;
margin-bottom: 1em; margin-bottom: 1em;
background-color: #ABE128; background-color: #abe128;
background-image: url("../images/gradient.png"); background-image: url("../images/gradient.png");
background-position: center top; background-position: center top;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
#header h2 { #header h2 {
font-family: 'Comfortaa', arial, serif; font-family: "Comfortaa", arial, serif;
margin-top: 1em; margin-top: 1em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
color: #000; color: #000;
@ -59,18 +61,24 @@ body {
#header .additional-content { #header .additional-content {
margin-top: 5em; margin-top: 5em;
font-family: 'Comfortaa', arial, serif; font-family: "Comfortaa", arial, serif;
color: #000; color: #000;
} }
/* Sidebar */ /* Sidebar */
.balance tr td { font-weight: bold; } .balance tr td {
.positive { color: green; } font-weight: bold;
.negative { color: red; } }
.positive {
color: green;
}
.negative {
color: red;
}
.sidebar { .sidebar {
background-color: #ABE128; background-color: #abe128;
background-position: center bottom; background-position: center bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
height: 100%; height: 100%;
@ -85,11 +93,18 @@ body {
} }
} }
#add-member-form { padding-top: 1em; padding-bottom: 1em; } #add-member-form {
#add-member-form input[type="text"] { width: 60%; } padding-top: 1em;
padding-bottom: 1em;
#table_overflow { overflow-y: auto; overflow-x: hidden;} }
#add-member-form input[type="text"] {
width: 60%;
}
#table_overflow {
overflow-y: auto;
overflow-x: hidden;
}
/* Content */ /* Content */
@ -105,14 +120,16 @@ body {
/* Other */ /* Other */
#bills { color: black; } #bills {
color: black;
}
.invites textarea{ .invites textarea {
width: 800px; width: 800px;
height: 100px; height: 100px;
} }
footer{ footer {
margin-left: -15px; margin-left: -15px;
margin-right: -15px; margin-right: -15px;
margin-top: 30px; margin-top: 30px;
@ -125,11 +142,12 @@ footer{
opacity: 0.8; opacity: 0.8;
} }
.identifier{ .identifier {
float: right; float: right;
} }
#new-bill, .identifier { #new-bill,
.identifier {
margin-top: 16px; margin-top: 16px;
margin-bottom: 16px; margin-bottom: 16px;
} }
@ -139,7 +157,8 @@ footer{
color: #fff; color: #fff;
} }
.confirm, .confirm:hover { .confirm,
.confirm:hover {
color: red; color: red;
} }
@ -148,7 +167,8 @@ footer{
text-align: center; text-align: center;
} }
.bill-actions > .delete, .bill-actions > .edit { .bill-actions > .delete,
.bill-actions > .edit {
font-size: 0px; font-size: 0px;
display: block; display: block;
width: 16px; width: 16px;
@ -158,15 +178,16 @@ footer{
float: left; float: left;
} }
.bill-actions > .delete{ .bill-actions > .delete {
background: url('../images/delete.png') no-repeat right; background: url("../images/delete.png") no-repeat right;
} }
.bill-actions > .edit{ .bill-actions > .edit {
background: url('../images/edit.png') no-repeat right; background: url("../images/edit.png") no-repeat right;
} }
.project-actions > .delete, .project-actions > .edit { .project-actions > .delete,
.project-actions > .edit {
font-size: 0px; font-size: 0px;
display: block; display: block;
width: 16px; width: 16px;
@ -176,30 +197,29 @@ footer{
float: left; float: left;
} }
.project-actions > .delete{ .project-actions > .delete {
background: url('../images/delete.png') no-repeat right; background: url("../images/delete.png") no-repeat right;
} }
.project-actions > .edit{ .project-actions > .edit {
background: url('../images/edit.png') no-repeat right; background: url("../images/edit.png") no-repeat right;
} }
.balance .balance-value {
.balance .balance-value{ text-align: right;
text-align:right;
} }
#sidebar .balance tr:hover td { #sidebar .balance tr:hover td {
background-color: #9BD118; background-color: #9bd118;
} }
tr.ower_line { tr.ower_line {
background-color: #CBEF68; background-color: #cbef68;
} }
tr.payer_line .balance-name { tr.payer_line .balance-name {
color:green; color: green;
text-indent:5px; text-indent: 5px;
} }
.action { .action {
@ -207,7 +227,8 @@ tr.payer_line .balance-name {
padding: 0; padding: 0;
} }
.action button, .action button:hover { .action button,
.action button:hover {
border-width: 0; border-width: 0;
width: auto; width: auto;
margin: 0; margin: 0;
@ -218,18 +239,20 @@ tr.payer_line .balance-name {
text-decoration: underline; text-decoration: underline;
} }
.delete button, .delete button:hover { .delete button,
background: url('../images/deleter.png') left no-repeat; .delete button:hover {
background: url("../images/deleter.png") left no-repeat;
color: red; color: red;
} }
.edit button, .edit button:hover { .edit button,
background: url('../images/edit.png') left no-repeat; .edit button:hover {
background: url("../images/edit.png") left no-repeat;
} }
.reactivate button, .reactivate button:hover { .reactivate button,
background: url('../images/reactivate.png') left no-repeat; .reactivate button:hover {
background: url("../images/reactivate.png") left no-repeat;
color: white; color: white;
} }
@ -266,16 +289,42 @@ tr:hover .extra-info {
/* Fluid Offsets for Boostrap */ /* Fluid Offsets for Boostrap */
.row-fluid > [class*="span"]:not([class*="offset"]):first-child{margin-left:0;} .row-fluid > [class*="span"]:not([class*="offset"]):first-child {
.row-fluid > .offset12{margin-left:100%;} margin-left: 0;
.row-fluid > .offset11{margin-left:93.5%;} }
.row-fluid > .offset10{margin-left:85%;} .row-fluid > .offset12 {
.row-fluid > .offset9{margin-left:76.5%;} margin-left: 100%;
.row-fluid > .offset8{margin-left:68%;} }
.row-fluid > .offset7{margin-left:59.5%;} .row-fluid > .offset11 {
.row-fluid > .offset6{margin-left:51%;} margin-left: 93.5%;
.row-fluid > .offset5{margin-left:42.5%;} }
.row-fluid > .offset4{margin-left:34%;} .row-fluid > .offset10 {
.row-fluid > .offset3{margin-left:25.5%;} margin-left: 85%;
.row-fluid > .offset2{margin-left:17%;} }
.row-fluid > .offset1{margin-left:8.5%;} .row-fluid > .offset9 {
margin-left: 76.5%;
}
.row-fluid > .offset8 {
margin-left: 68%;
}
.row-fluid > .offset7 {
margin-left: 59.5%;
}
.row-fluid > .offset6 {
margin-left: 51%;
}
.row-fluid > .offset5 {
margin-left: 42.5%;
}
.row-fluid > .offset4 {
margin-left: 34%;
}
.row-fluid > .offset3 {
margin-left: 25.5%;
}
.row-fluid > .offset2 {
margin-left: 17%;
}
.row-fluid > .offset1 {
margin-left: 8.5%;
}