PUNKT-43 Zmiana wyglądu wszystkich przycisków
This commit is contained in:
parent
56b68c8eb6
commit
3689a9a85d
|
@ -14,7 +14,7 @@
|
|||
<textarea name="description" class="form-control" ngModel required></textarea>
|
||||
</label>
|
||||
<br /><br />
|
||||
<button #btn class="button max" type="submit"><i class="fas fa-check-circle"></i> Dodaj grupę!</button>
|
||||
<button #btn class="button" style="font-size: x-large;" type="submit"><i class="fas fa-check-circle"></i> Dodaj grupę!</button><br />
|
||||
<button class="button" routerLink="/my-groups"><i class="fas fa-arrow-left"></i> Powrót</button>
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
@ -6,17 +6,6 @@
|
|||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.pytanie
|
||||
{
|
||||
background-color: white;
|
||||
color: black;
|
||||
width: 50%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: 10px solid white;
|
||||
font-size: larger;
|
||||
margin-bottom: 70px;;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
|
@ -37,6 +26,11 @@ span
|
|||
.button
|
||||
{
|
||||
border: 2px solid #000080;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
min-width: 400px;
|
||||
}
|
||||
|
||||
.button:hover
|
||||
|
|
|
@ -6,20 +6,6 @@
|
|||
|
||||
}
|
||||
|
||||
.pytanie
|
||||
{
|
||||
background-color: white;
|
||||
color: black;
|
||||
width: 50%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: 10px solid white;
|
||||
font-size: larger;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.radio-answer
|
||||
{
|
||||
|
@ -30,7 +16,7 @@ label
|
|||
{
|
||||
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
||||
background-color: #000080;
|
||||
width: 300px;
|
||||
width: 400px;
|
||||
text-align: center;
|
||||
border: 3px solid #000080;
|
||||
border-bottom: #000080;
|
||||
|
@ -38,6 +24,10 @@ color: white;
|
|||
cursor: pointer;
|
||||
margin-top:10px;
|
||||
font-size: x-large;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
label:hover
|
||||
|
|
|
@ -11,6 +11,10 @@
|
|||
width: 300px;
|
||||
text-align: center;
|
||||
border: 3px solid #000080;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.puzzle:hover
|
||||
|
@ -31,6 +35,11 @@
|
|||
margin: 5px 5px 5px 0;
|
||||
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
||||
border: 2px solid orange;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.both-sides{
|
||||
|
@ -63,18 +72,7 @@ span
|
|||
background-color: gray;
|
||||
cursor: not-allowed;
|
||||
border: 2px solid gray;
|
||||
min-height: 50px;
|
||||
}
|
||||
|
||||
|
||||
.pytanie
|
||||
{
|
||||
background-color: white;
|
||||
color: black;
|
||||
width: 50%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: 10px solid white;
|
||||
font-size: larger;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
|
|
|
@ -11,6 +11,10 @@
|
|||
width: 300px;
|
||||
text-align: center;
|
||||
border: 3px solid #000080;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.puzzle:hover
|
||||
|
@ -24,19 +28,6 @@ span
|
|||
font-size: x-large;
|
||||
}
|
||||
|
||||
.pytanie
|
||||
{
|
||||
background-color: white;
|
||||
color: black;
|
||||
width: 50%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: 10px solid white;
|
||||
font-size: larger;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.active
|
||||
{
|
||||
|
|
|
@ -6,20 +6,6 @@
|
|||
|
||||
}
|
||||
|
||||
.pytanie
|
||||
{
|
||||
background-color: white;
|
||||
color: black;
|
||||
width: 50%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: 10px solid white;
|
||||
font-size: larger;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.radio-answer
|
||||
{
|
||||
|
@ -30,14 +16,19 @@ label
|
|||
{
|
||||
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
||||
background-color: #000080;
|
||||
width: 300px;
|
||||
width: 400px;
|
||||
text-align: center;
|
||||
word-wrap: break-word;
|
||||
border: 3px solid #000080;
|
||||
border-bottom: #000080;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
margin-top:10px;
|
||||
margin-top: 10px;
|
||||
font-size: x-large;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
label:hover
|
||||
|
|
|
@ -6,20 +6,6 @@
|
|||
|
||||
}
|
||||
|
||||
.pytanie
|
||||
{
|
||||
background-color: white;
|
||||
color: black;
|
||||
width: 50%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: 10px solid white;
|
||||
font-size: larger;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.radio-answer
|
||||
{
|
||||
|
@ -38,6 +24,11 @@ color: white;
|
|||
cursor: pointer;
|
||||
margin-top:10px;
|
||||
font-size: x-large;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
|
||||
}
|
||||
|
||||
label:hover
|
||||
|
|
|
@ -173,6 +173,20 @@ label.btn-study-cave {
|
|||
font-size: x-large;
|
||||
}
|
||||
|
||||
.pytanie
|
||||
{
|
||||
background-color: white;
|
||||
color: black;
|
||||
width: 50%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: 10px solid white;
|
||||
font-size: x-large;
|
||||
margin-bottom: 70px;
|
||||
min-height: 50px;
|
||||
|
||||
}
|
||||
|
||||
.button:hover
|
||||
{
|
||||
background-color: orange;
|
||||
|
|
Loading…
Reference in New Issue