HoshinoKoji/psychojs
1
0
Fork 0
mirror of https://github.com/psychopy/psychojs.git synced 2025-05-12 16:48:10 +00:00
Code Actions Packages Releases Activity

css: clean up

Browse Source
This commit is contained in:
Sotiri Bakagiannis 2021-04-15 13:49:20 +01:00
parent d03d1be59f
commit 678712b26e
1 changed files with 42 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
src/index.css
View File

@ -1,45 +1,47 @@
/* project and resource dialogs */
label, input, select {
/* Project and resource dialogs */
label,
input,
select {
display: block;
padding-bottom: .5em;
padding-bottom: 0.5em;
}
input.text, select.text {
input.text,
select.text {
margin-bottom: 1em;
padding: 0.5em;
width: 95%;
padding: .5em;
}
fieldset {
padding: 0;
border: 0;
margin-top: 1em;
padding: 0;
}
a, a:active, a:focus, a:visited {
a,
a:active,
a:focus,
a:visited {
color: #007eb7;
outline: 0;
color: #007EB7;
}
a:hover {
color: #000000;
color: #000;
}
.progress {
padding: .5em 0 .5em 0;
padding: 0.5em 0;
}
.logo {
display: block;
margin-left: auto;
margin-right: auto;
margin: 0 auto 1em;
max-width: 100%;
margin-bottom: 1em;
}
/* don't display close button in the top right corner of the box */
/* Don't display close button in the top right corner of the box */
.no-close .ui-dialog-titlebar-close {
display: none;
}
@ -48,19 +50,20 @@ a:hover {
margin-top: 1em;
}
/* for mobile phones only */
@media only screen and (max-width: 1080px) {
.ui-widget {
-ms-transform: scale(2);
-webkit-transform: scale(2);
transform: scale(2);
}
.ui-widget .ui-progressbar {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.ui-dialog-titlebar .ui-button {
margin-right: 1em;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
transform: scale(1);
}
@ -69,37 +72,28 @@ a:hover {
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.ui-dialog .ui-dialog-titlebar {
padding: 1em 2em;
}
.ui-dialog-titlebar .ui-button {
margin-right: 1em;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media only screen and (max-width: 1080px) and (orientation:landscape) {
@media only screen and (max-width: 1080px) and (orientation: landscape) {
.ui-widget {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.ui-widget .ui-progressbar {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.ui-dialog-titlebar .ui-button {
margin-right: 1em;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
transform: scale(1);
}
@ -108,47 +102,28 @@ a:hover {
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.ui-dialog .ui-dialog-titlebar {
padding: 1em 2em;
}
.ui-dialog-titlebar .ui-button {
margin-right: 1em;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* Initialisation message (which will disappear behind the canvas) */
#root:after {
#root::after {
content: "initialising the experiment...";
left: 50%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Using double colons is the MDN recommended way */
#root.is-ready::after {
display: none;
}
/* Initialisation message for IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#root:after {
content: "initialising the experiment... | Internet Explorer / Edge [beta]";
color: #A05000;
#root::after {
font-weight: bold;
color: #a05000;
content: "initialising the experiment... | Internet Explorer / Edge [beta]";
}
}