Virage de bordures pas très belles

This commit is contained in:
Aurélien Delobelle 2016-08-19 01:44:56 +02:00
parent e9835c7cac
commit 430cddae9a
2 changed files with 31 additions and 38 deletions

View file

@ -28,18 +28,13 @@ input[type=number]::-webkit-outer-spin-button {
/* Account */ /* Account */
#account { #account {
border:1px solid #fff;
color:black; color:black;
height:120px; height:120px;
} }
#account[data-balance="ok"] { border-color:#009011; }
#account[data-balance="ok"] #account_form input { background:#009011; color:#FFF;} #account[data-balance="ok"] #account_form input { background:#009011; color:#FFF;}
#account[data-balance="low"] { border-color:#EC6400; }
#account[data-balance="low"] #account_form input { background:#EC6400; color:#FFF; } #account[data-balance="low"] #account_form input { background:#EC6400; color:#FFF; }
#account[data-balance="neg"] { border-color:#C8102E; }
#account[data-balance="neg"] #account_form input { background:#C8102E; color:#FFF; } #account[data-balance="neg"] #account_form input { background:#C8102E; color:#FFF; }
#account[data-balance="frozen"] { border-color:#000FBA; }
#account[data-balance="frozen"] #account_form input { background:#000FBA; color:#FFF; } #account[data-balance="frozen"] #account_form input { background:#000FBA; color:#FFF; }
#account_form { #account_form {
@ -95,17 +90,17 @@ input[type=number]::-webkit-outer-spin-button {
@media (min-width: 768px) { @media (min-width: 768px) {
#account{ height:160px; } #account{ height:160px; }
#account_form input { font-size: 70px; } #account_form input { font-size: 70px; }
#account_name { font-size:60px; } #account_name { font-size:60px; }
#account_data .data_line { #account_data .data_line {
font-size:14px; font-size:14px;
line-height:24px; line-height:24px;
} }
#account_data #account-balance { #account_data #account-balance {
font-size:50px; font-size:50px;
line-height:60px; line-height:60px;
height:60px; height:60px;
} }
#account { margin-right:0; } #account { margin-right:0; }
#account_form input { font-size:85px; } #account_form input { font-size:85px; }
@ -119,7 +114,6 @@ input[type=number]::-webkit-outer-spin-button {
/* Checkout */ /* Checkout */
#checkout { #checkout {
border:1px solid #c8102e;
padding:0; padding:0;
height:160px; height:160px;
font-family:'Roboto Mono'; font-family:'Roboto Mono';
@ -233,17 +227,16 @@ input[type=number]::-webkit-outer-spin-button {
#article_selection input { #article_selection input {
height:100%; height:100%;
float:left; float:left;
border-left:1px solid #c8102e; border:0;
border-right:1px solid #c8102e; border-right:1px solid #c8102e;
border-bottom:1px solid #c8102e;
border-radius:0; border-radius:0;
border-top:0;
border-bottom:0;
font-size:16px; font-size:16px;
font-weight:bold; font-weight:bold;
} }
#article_selection input+input { #article_selection input+input {
border-left:0; border-right:0;
} }
#article_autocomplete { #article_autocomplete {
@ -269,8 +262,6 @@ input[type=number]::-webkit-outer-spin-button {
/* Article data */ /* Article data */
#articles_data { #articles_data {
border:1px solid #c8102e;
overflow:auto; overflow:auto;
max-height:500px; max-height:500px;
} }
@ -304,7 +295,6 @@ input[type=number]::-webkit-outer-spin-button {
.kpsul_middle_left_bottom { .kpsul_middle_left_bottom {
margin:15px 0 0; margin:15px 0 0;
border:1px solid #c8102e;
} }
.kpsul_middle_left_bottom > div { .kpsul_middle_left_bottom > div {
@ -312,19 +302,20 @@ input[type=number]::-webkit-outer-spin-button {
padding:0; padding:0;
} }
#basket, #basket_rel {
height:100%;
}
#basket { #basket {
overflow:auto; overflow:auto;
} }
#basket_rel {
border-top:1px solid #c8102e;
border-left:0;
}
@media (min-width:768px) { @media (min-width:768px) {
#basket {
margin-right:7px;
}
#basket_rel { #basket_rel {
border-left:1px solid #c8102e; margin-left:7px;
border-top:0;
} }
} }
@ -356,10 +347,8 @@ input[type=number]::-webkit-outer-spin-button {
/* History */ /* History */
#history { .kpsul_middle_right_col {
overflow:auto; overflow:auto;
height:100%;
border:1px solid #c8102e;
} }
#history .day { #history .day {

View file

@ -78,11 +78,15 @@
</div> </div>
</div> </div>
<div class="row kpsul_middle_left_bottom"> <div class="row kpsul_middle_left_bottom">
<div class="col-sm-6" id="basket"> <div class="col-sm-6">
<table id="basket_table"> <div id="basket">
</table> <table id="basket_table">
</table>
</div>
</div> </div>
<div class="col-sm-6" id="basket_rel"> <div class="col-sm-6">
<div id="basket_rel">
</div>
</div> </div>
</div> </div>
</div> </div>