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>
|
<textarea name="description" class="form-control" ngModel required></textarea>
|
||||||
</label>
|
</label>
|
||||||
<br /><br />
|
<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>
|
<button class="button" routerLink="/my-groups"><i class="fas fa-arrow-left"></i> Powrót</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -6,17 +6,6 @@
|
|||||||
margin-top: 20px;
|
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
|
span
|
||||||
{
|
{
|
||||||
@ -37,6 +26,11 @@ span
|
|||||||
.button
|
.button
|
||||||
{
|
{
|
||||||
border: 2px solid #000080;
|
border: 2px solid #000080;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
min-width: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:hover
|
.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
|
.radio-answer
|
||||||
{
|
{
|
||||||
@ -30,7 +16,7 @@ label
|
|||||||
{
|
{
|
||||||
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
||||||
background-color: #000080;
|
background-color: #000080;
|
||||||
width: 300px;
|
width: 400px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 3px solid #000080;
|
border: 3px solid #000080;
|
||||||
border-bottom: #000080;
|
border-bottom: #000080;
|
||||||
@ -38,6 +24,10 @@ color: white;
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-top:10px;
|
margin-top:10px;
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
label:hover
|
label:hover
|
||||||
|
@ -11,6 +11,10 @@
|
|||||||
width: 300px;
|
width: 300px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 3px solid #000080;
|
border: 3px solid #000080;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.puzzle:hover
|
.puzzle:hover
|
||||||
@ -31,6 +35,11 @@
|
|||||||
margin: 5px 5px 5px 0;
|
margin: 5px 5px 5px 0;
|
||||||
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
||||||
border: 2px solid orange;
|
border: 2px solid orange;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.both-sides{
|
.both-sides{
|
||||||
@ -63,18 +72,7 @@ span
|
|||||||
background-color: gray;
|
background-color: gray;
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
border: 2px solid gray;
|
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;
|
width: 300px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 3px solid #000080;
|
border: 3px solid #000080;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.puzzle:hover
|
.puzzle:hover
|
||||||
@ -24,19 +28,6 @@ span
|
|||||||
font-size: x-large;
|
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
|
.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
|
.radio-answer
|
||||||
{
|
{
|
||||||
@ -30,14 +16,19 @@ label
|
|||||||
{
|
{
|
||||||
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
||||||
background-color: #000080;
|
background-color: #000080;
|
||||||
width: 300px;
|
width: 400px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
word-wrap: break-word;
|
||||||
border: 3px solid #000080;
|
border: 3px solid #000080;
|
||||||
border-bottom: #000080;
|
border-bottom: #000080;
|
||||||
color: white;
|
color: white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
label:hover
|
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
|
.radio-answer
|
||||||
{
|
{
|
||||||
@ -38,6 +24,11 @@ color: white;
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-top:10px;
|
margin-top:10px;
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
label:hover
|
label:hover
|
||||||
|
@ -173,6 +173,20 @@ label.btn-study-cave {
|
|||||||
font-size: x-large;
|
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
|
.button:hover
|
||||||
{
|
{
|
||||||
background-color: orange;
|
background-color: orange;
|
||||||
|
Loading…
Reference in New Issue
Block a user