Commit 138d757f by Luciano Barletta

merge css

1 parent 5a933f31
......@@ -18,24 +18,36 @@ body{
padding: 2%;
border-radius: 2px;
}
.TabTitle{
.TabTitle, .TabNumber{
color: grey;
margin-bottom: 5%;
font-size: 30px;
width: 94%;
width: 84%;
text-align: left;
border:none;
border-bottom: 1px solid grey;
}
.TabNumber{
width: 10%;
}
.InputContainer{
width: 100%;
text-align: center;
}
.Input{
.InputNumber{
width: 5%;
}
.Input,.InputNumber{
color: grey;
border:none;
border-bottom: 1px solid grey;
width: 25%;
margin: 1%;
}
.InputNumber{
width: 5%;
}
.NewTabButton, .NewInputButton, .RemoveInputButton, .RemoveTabButton{
text-align: center;
margin: auto;
......@@ -86,16 +98,21 @@ body{
border-radius: 5px;
}
@media ( max-width: 900px) {
@media ( max-width: 1050px) {
.TabNumber{
width: 10%;
}
.TabTitle{
width: 90%;
width: 80%;
}
}
@media (max-width: 600px) {
.TabNumber{
width: 10%;
}
.TabTitle{
width: 85%;
width:75%;
}
.RemoveInputButton{
width: 30px;
......@@ -103,11 +120,32 @@ body{
}
.RemoveTabButton{
width: 35px;
height: 35px;
width: 30px;
height: 30px;
}
.Input{
width: 20%;
margin: 1%;
width: 16%;
margin: none;
}
}
@media ( max-width: 350px) {
.TabNumber{
width: 10%;
}
.TabTitle{
width:70%;
}
.RemoveInputButton{
width: 30px;
height: 30px;
}
.RemoveTabButton{
width: 30px;
height: 30px;
}
.Input{
width: 15%;
margin: 0%;
}
}
\ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!