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

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

@ -22,23 +22,25 @@ body {
flex-direction: row-reverse;
}
.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 {
padding-bottom: 2em;
margin-bottom: 1em;
background-color: #ABE128;
background-color: #abe128;
background-image: url("../images/gradient.png");
background-position: center top;
background-repeat: no-repeat;
}
#header h2 {
font-family: 'Comfortaa', arial, serif;
font-family: "Comfortaa", arial, serif;
margin-top: 1em;
margin-bottom: 0.5em;
color: #000;
@ -59,18 +61,24 @@ body {
#header .additional-content {
margin-top: 5em;
font-family: 'Comfortaa', arial, serif;
font-family: "Comfortaa", arial, serif;
color: #000;
}
/* Sidebar */
.balance tr td { font-weight: bold; }
.positive { color: green; }
.negative { color: red; }
.balance tr td {
font-weight: bold;
}
.positive {
color: green;
}
.negative {
color: red;
}
.sidebar {
background-color: #ABE128;
background-color: #abe128;
background-position: center bottom;
background-repeat: no-repeat;
height: 100%;
@ -85,11 +93,18 @@ body {
}
}
#add-member-form { padding-top: 1em; padding-bottom: 1em; }
#add-member-form input[type="text"] { width: 60%; }
#table_overflow { overflow-y: auto; overflow-x: hidden;}
#add-member-form {
padding-top: 1em;
padding-bottom: 1em;
}
#add-member-form input[type="text"] {
width: 60%;
}
#table_overflow {
overflow-y: auto;
overflow-x: hidden;
}
/* Content */
@ -105,7 +120,9 @@ body {
/* Other */
#bills { color: black; }
#bills {
color: black;
}
.invites textarea {
width: 800px;
@ -129,7 +146,8 @@ footer{
float: right;
}
#new-bill, .identifier {
#new-bill,
.identifier {
margin-top: 16px;
margin-bottom: 16px;
}
@ -139,7 +157,8 @@ footer{
color: #fff;
}
.confirm, .confirm:hover {
.confirm,
.confirm:hover {
color: red;
}
@ -148,7 +167,8 @@ footer{
text-align: center;
}
.bill-actions > .delete, .bill-actions > .edit {
.bill-actions > .delete,
.bill-actions > .edit {
font-size: 0px;
display: block;
width: 16px;
@ -159,14 +179,15 @@ footer{
}
.bill-actions > .delete {
background: url('../images/delete.png') no-repeat right;
background: url("../images/delete.png") no-repeat right;
}
.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;
display: block;
width: 16px;
@ -177,24 +198,23 @@ footer{
}
.project-actions > .delete {
background: url('../images/delete.png') no-repeat right;
background: url("../images/delete.png") no-repeat right;
}
.project-actions > .edit {
background: url('../images/edit.png') no-repeat right;
background: url("../images/edit.png") no-repeat right;
}
.balance .balance-value {
text-align: right;
}
#sidebar .balance tr:hover td {
background-color: #9BD118;
background-color: #9bd118;
}
tr.ower_line {
background-color: #CBEF68;
background-color: #cbef68;
}
tr.payer_line .balance-name {
@ -207,7 +227,8 @@ tr.payer_line .balance-name {
padding: 0;
}
.action button, .action button:hover {
.action button,
.action button:hover {
border-width: 0;
width: auto;
margin: 0;
@ -218,18 +239,20 @@ tr.payer_line .balance-name {
text-decoration: underline;
}
.delete button, .delete button:hover {
background: url('../images/deleter.png') left no-repeat;
.delete button,
.delete button:hover {
background: url("../images/deleter.png") left no-repeat;
color: red;
}
.edit button, .edit button:hover {
background: url('../images/edit.png') left no-repeat;
.edit button,
.edit button:hover {
background: url("../images/edit.png") left no-repeat;
}
.reactivate button, .reactivate button:hover {
background: url('../images/reactivate.png') left no-repeat;
.reactivate button,
.reactivate button:hover {
background: url("../images/reactivate.png") left no-repeat;
color: white;
}
@ -266,16 +289,42 @@ tr:hover .extra-info {
/* Fluid Offsets for Boostrap */
.row-fluid > [class*="span"]:not([class*="offset"]):first-child{margin-left:0;}
.row-fluid > .offset12{margin-left:100%;}
.row-fluid > .offset11{margin-left:93.5%;}
.row-fluid > .offset10{margin-left:85%;}
.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%;}
.row-fluid > [class*="span"]:not([class*="offset"]):first-child {
margin-left: 0;
}
.row-fluid > .offset12 {
margin-left: 100%;
}
.row-fluid > .offset11 {
margin-left: 93.5%;
}
.row-fluid > .offset10 {
margin-left: 85%;
}
.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%;
}