61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
/*
Actions
*/
#grammalecte_tf_actions {
/*background-color: hsl(120, 10%, 92%);*/
padding: 15px 15px 10px 15px;
border-top: 1px solid hsl(210, 10%, 90%);
}
.grammalecte_button {
display: inline-block;
padding: 5px 10px;
width: 100px;
border-radius: 3px;
font-size: 16px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
#grammalecte_tf_reset {
background-color: hsl(210, 100%, 50%);
color: hsl(210, 0%, 100%);
}
#grammalecte_tf_progressbar {
width: 250px;
}
#grammalecte_tf_time_res {
width: 40px;
padding: 5px 10px;
width: 25px;
}
#grammalecte_tf_apply {
background-color: hsl(150, 100%, 50%);
color: hsl(150, 0%, 100%);
}
#grammalecte_progressbarbox {
display: inline-block;
padding: 10px 20px;
}
|
>
>
|
|
<
|
|
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
/*
Actions
*/
#grammalecte_tf_actions {
/*background-color: hsl(120, 10%, 92%);*/
display: flex;
justify-content: space-between;
padding: 15px 15px 10px 15px;
border-top: 1px solid hsl(210, 10%, 90%);
}
.grammalecte_button {
display: inline-block;
padding: 5px 10px;
width: 100px;
border-radius: 3px;
font-size: 16px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
#grammalecte_tf_reset {
background-color: hsl(210, 100%, 50%);
color: hsl(210, 0%, 100%);
}
#grammalecte_tf_progressbar {
width: 400px;
}
#grammalecte_tf_time_res {
width: 60px;
padding: 5px 10px;
}
#grammalecte_tf_apply {
background-color: hsl(120, 100%, 50%);
color: hsl(150, 0%, 100%);
}
#grammalecte_progressbarbox {
display: inline-block;
padding: 10px 20px;
}
|