diff --git a/css/jspsych.css b/css/jspsych.css index 769c9e6..9821a81 100644 --- a/css/jspsych.css +++ b/css/jspsych.css @@ -9,16 +9,14 @@ /* fonts and type */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); -html { +#jspsych_experiment { font-family: 'Open Sans', 'Arial', sans-serif; font-size: 18px; line-height: 1.6em; -} -body { margin: 0; padding: 0; } -p { +#jspsych_experiment p { clear: both; } .very-small { @@ -52,7 +50,7 @@ p { } /* Form elements like input fields and buttons */ -input[type="text"] { +#jspsych_experiment input[type="text"] { font-family: 'Open Sans', 'Arial', sans-sefif; font-size: 14px; } diff --git a/css/pcllab.css b/css/pcllab.css index 146da7e..8af0a4e 100644 --- a/css/pcllab.css +++ b/css/pcllab.css @@ -14,7 +14,7 @@ border: 1px solid rgba(0,0,0,0.3); } -html { +#jspsych_container { background: #bbb; } diff --git a/css/pcllab_school.css b/css/pcllab_school.css index 020f1dc..6b5890c 100644 --- a/css/pcllab_school.css +++ b/css/pcllab_school.css @@ -14,10 +14,6 @@ border: 1px solid rgba(0,0,0,0.3); } -html { - background: #bbb; -} - .jspsych-display-element { width: 800px; margin: 20px auto 20px auto; @@ -57,7 +53,7 @@ html { color: #338FD8; } /* School specific CSS */ -html { +#jspsych_experiment { background: #0073CF; color: white; }