mirror of
https://github.com/spiral-project/ihatemoney.git
synced 2025-04-29 17:52:37 +02:00
prettier the css file
This commit is contained in:
Brice Maron
parent
92ce7d4d48
commit
227ce0a1fb
1 changed files with 195 additions and 146 deletions
|
|
@ -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,14 +120,16 @@ body {
|
|||
|
||||
/* Other */
|
||||
|
||||
#bills { color: black; }
|
||||
#bills {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.invites textarea{
|
||||
.invites textarea {
|
||||
width: 800px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
footer{
|
||||
footer {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
margin-top: 30px;
|
||||
|
|
@ -125,11 +142,12 @@ footer{
|
|||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.identifier{
|
||||
.identifier {
|
||||
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;
|
||||
|
|
@ -158,15 +178,16 @@ footer{
|
|||
float: left;
|
||||
}
|
||||
|
||||
.bill-actions > .delete{
|
||||
background: url('../images/delete.png') no-repeat right;
|
||||
.bill-actions > .delete {
|
||||
background: url("../images/delete.png") no-repeat right;
|
||||
}
|
||||
|
||||
.bill-actions > .edit{
|
||||
background: url('../images/edit.png') no-repeat right;
|
||||
.bill-actions > .edit {
|
||||
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;
|
||||
|
|
@ -176,30 +197,29 @@ footer{
|
|||
float: left;
|
||||
}
|
||||
|
||||
.project-actions > .delete{
|
||||
background: url('../images/delete.png') no-repeat right;
|
||||
.project-actions > .delete {
|
||||
background: url("../images/delete.png") no-repeat right;
|
||||
}
|
||||
|
||||
.project-actions > .edit{
|
||||
background: url('../images/edit.png') no-repeat right;
|
||||
.project-actions > .edit {
|
||||
background: url("../images/edit.png") no-repeat right;
|
||||
}
|
||||
|
||||
|
||||
.balance .balance-value{
|
||||
text-align: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 {
|
||||
color:green;
|
||||
text-indent:5px;
|
||||
color: green;
|
||||
text-indent: 5px;
|
||||
}
|
||||
|
||||
.action {
|
||||
|
|
@ -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%;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue