From c5fda9fad08011795ffd5a8912d34b87c249fea2 Mon Sep 17 00:00:00 2001
From: Josh de Leeuw <josh.deleeuw@gmail.com>
Date: Fri, 4 Jul 2014 17:06:12 -0400
Subject: [PATCH 1/2] Create jspsych.css

---
 css/jspsych.css | 187 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 187 insertions(+)
 create mode 100644 css/jspsych.css

diff --git a/css/jspsych.css b/css/jspsych.css
new file mode 100644
index 0000000000..d9bd7960d6
--- /dev/null
+++ b/css/jspsych.css
@@ -0,0 +1,187 @@
+/* 
+ * CSS for jsPsych experiments.
+ *
+ * This stylesheet provides minimal styling to make jsPsych 
+ * experiments look polished without any additional styles.
+ *
+ */
+
+/*
+ *
+ * fonts and type
+ *
+ */
+ 
+@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
+
+html {
+ font-family: 'Open Sans', 'Arial', sans-serif;
+ font-size: 18px;
+ line-height: 1.6em;
+}
+
+p {
+    clear:both;
+}
+
+.very-small {
+    font-size: 50%;
+}
+
+.small {
+    font-size: 75%;
+}
+
+.large {
+    font-size: 125%;
+}
+
+.very-large {
+    font-size: 150%;
+}
+
+/*
+ *
+ * Classes for changing location of things
+ *
+ */
+ 
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+
+.center-content {
+    text-align: center;
+}
+
+/*
+ *
+ * Form elements like input fields and buttons
+ *
+ */
+
+input[type="text"] {
+    font-family: 'Open Sans', 'Arial', sans-sefif;
+    font-size: 14px;
+}
+
+button {
+    padding: 0.5em;
+    background-color: #eaeaea;
+    border: 1px solid #eaeaea;
+    color: #333;
+    font-family: 'Open Sans', 'Arial', sans-serif;
+    font-size: 14px;
+    cursor: pointer;
+}
+
+button:hover {
+    border:1px solid #ccc;
+}
+
+/*
+ *
+ * Container holding jsPsych content
+ *
+ */
+
+
+.jspsych-display-element {
+    width: 800px;
+    margin: 50px auto 50px auto;
+}
+
+/*
+ *
+ * PLUGIN: jspsych-animation
+ *
+ */
+
+#jspsych-animation-image {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/*
+ *
+ * PLUGIN: jspsych-categorize-animation
+ *
+ */
+
+#jspsych-categorize-animation-stimulus {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/*
+ *
+ * PLUGIN: jspsych-categorize
+ *
+ */
+
+#jspsych-categorize-stimulus {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.feedback {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/*
+ *
+ * PLUGIN: jspsych-free-sort
+ *
+ */
+
+#jspsych-free-sort-arena {
+    margin-left: auto;
+    margin-right: auto;
+    border: 2px solid #444;
+}
+
+/*
+ *
+ * PLUGIN: jspsych-palmer
+ *
+ */
+
+#jspsych-palmer-raphaelCanvas {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/*
+ *
+ * PLUGIN: jspsych-single-stim
+ *
+ */
+ 
+#jspsych-single-stim-stimulus {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/*
+ *
+ * PLUGIN: jspsych-survey-text
+ *
+ */
+ 
+ .jspsych-survey-text {
+     margin: 0.25em 0em;
+ }
+ 
+ .jspsych-survey-text-question {
+     margin: 2em 0em;
+ }

From 9fe361306dfd7729a7443900fc67b9c71cbbe7c5 Mon Sep 17 00:00:00 2001
From: Josh de Leeuw <josh.deleeuw@gmail.com>
Date: Fri, 4 Jul 2014 20:57:12 -0400
Subject: [PATCH 2/2] add a few plugins

---
 css/jspsych.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/css/jspsych.css b/css/jspsych.css
index d9bd7960d6..4f25ea6f84 100644
--- a/css/jspsych.css
+++ b/css/jspsych.css
@@ -160,6 +160,18 @@ button:hover {
     margin-right: auto;
 }
 
+/*
+ *
+ * PLUGIN: jspsych-same-different
+ *
+ */
+ 
+.jspsych-same-different-stimulus {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 /*
  *
  * PLUGIN: jspsych-single-stim
@@ -172,6 +184,18 @@ button:hover {
     margin-right: auto;
 }
 
+/*
+ *
+ * PLUGIN: jspsych-xab
+ *
+ */
+ 
+.jspsych-xab-stimulus {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 /*
  *
  * PLUGIN: jspsych-survey-text