Commit ce6c57b7 authored by Sacha's avatar Sacha Committed by SXibolet@2PITAU
Browse files

cleaner style for mturk

parent 919e5db2
@import url(bootstrap.min.css);*{font-family:Optima, "Lucida Sans Unicode", Verdana, "Lucida Grande", sans-serif}h1,h2,h3,h4,h5{font-weight:700;text-transform:uppercase}em,i,h1,h2,h3,h4,h5{font-family:Baskerville, Baskerville Old Face, Hoefler Text, Garamond, Times New Roman, serif}blockquote{font-size:16px}blockquote.good{background-color:#dff0d8;border-left:5px solid #3c763d}blockquote.bad{background-color:#f2dede;border-left:5px solid #a94442}.col-md-3{color:#ddd;background-color:rgba(245,245,245,0.3)}div#full_article{font-size:16px}div#full_article span{cursor:pointer}div#full_article span.controversial{color:#bada55;background-color:#800}#copyright{margin-bottom:14em}.btn{font-weight:700}.top_bar{height:8px;background-color:#d9d9d9;margin-bottom:12px}#full_article{text-align:justify}#bot_bar{position:fixed;z-index:1;bottom:0}#bot_bar .col-md-12{padding:8px;background-color:#eee;margin-top:8px;text-align:right;height:61px}#bot_bar .col-md-12 .pull-left{padding:8px}@media (max-height: 400px){#bot_bar{position:relative}}@media (min-width: 1200px){#bot_bar{width:1170px}}@media (min-width: 992px){#bot_bar{width:970}}@media (min-width: 768px){#bot_bar{width:750}}
@import url(bootstrap.min.css);body{font-family:'Verdana', sans-serif}blockquote{font-size:16px}blockquote.good{background-color:#dff0d8;border-left:5px solid #3c763d}blockquote.bad{background-color:#f2dede;border-left:5px solid #a94442}.col-md-3{color:#ddd;background-color:rgba(245,245,245,0.3)}div#full_article{font-size:16px}div#full_article span{cursor:pointer}div#full_article span.controversial{color:#bada55;background-color:#800}#copyright{margin-bottom:14em}.btn{font-weight:700}#full_article{text-align:justify}#bot_bar{position:fixed;z-index:1;bottom:0}#bot_bar .col-md-12{padding:8px;background-color:#eee;margin-top:8px;text-align:right;height:61px}#bot_bar .col-md-12 .pull-left{padding:8px}@media (max-height: 400px){#bot_bar{position:relative}}@media (min-width: 1200px){#bot_bar{width:1170px}}@media (min-width: 992px){#bot_bar{width:970}}@media (min-width: 768px){#bot_bar{width:750}}
/*# sourceMappingURL=highlight.css.map */
@import 'bootstrap.min.css';
* {
font-family: Optima, "Lucida Sans Unicode", Verdana, "Lucida Grande", sans-serif; }
h1, h2, h3, h4, h5 {
font-weight: 700;
text-transform: uppercase; }
em, i, h1, h2, h3, h4, h5 {
font-family: Baskerville, Baskerville Old Face, Hoefler Text, Garamond, Times New Roman, serif; }
body {
font-family: 'Verdana', sans-serif;
}
blockquote {
font-size: 16px; }
font-size: 16px;
}
blockquote.good {
background-color: #dff0d8;
border-left: 5px solid #3c763d; }
border-left: 5px solid #3c763d;
}
blockquote.bad {
background-color: #f2dede;
border-left: 5px solid #a94442; }
border-left: 5px solid #a94442;
}
.col-md-3 {
color: #ddd;
background-color: rgba(245, 245, 245, .3); }
background-color: rgba(245, 245, 245, .3);
}
div#full_article {
font-size: 16px;
span {
cursor: pointer; }
cursor: pointer;
}
span.controversial {
color: #bada55;
background-color: #800; }
background-color: #800;
}
}
#copyright {
margin-bottom: 14em; }
margin-bottom: 14em;
}
.btn {
font-weight: 700; }
.top_bar {
height: 8px;
background-color: #d9d9d9;
margin-bottom: 12px; }
#full_article { text-align: justify; }
font-weight: 700;
}
#full_article {
text-align: justify;
}
#bot_bar {
.col-md-12 {
.pull-left { padding: 8px; }
......@@ -44,7 +46,8 @@ div#full_article {
height: 61px; }
position: fixed;
z-index: 1;
bottom: 0; }
bottom: 0;
}
@media (max-height: 400px) {
#bot_bar { position: relative; }
}
......
......@@ -14,9 +14,6 @@
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12 top_bar"></div>
</div>
{% block content %}
{% endblock %}
</div>
......
......@@ -10,5 +10,7 @@
<button class="btn btn-success" type="submit">annotated only (json)</button>
<button class="btn btn-danger" type="submit">annotated &amp; unannotated (json, 0.953GB)</button>
</p>
<p>Copyright (&copy;) 2015-2016 I Lourentzou, G Dyer, A Sharma, CX Zhai with some rights reserved under a CC BY-NC-SA 4.0. see <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">here</a> for details.</p>
<p>Copyright (&copy;) 2015-2016 I Lourentzou, G Dyer, A Sharma, CX Zhai with some rights reserved under a CC BY-NC-SA 4.0. See <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">here</a> for details.</p>
</div>
</div>
{% endblock %}
......@@ -10,7 +10,7 @@
<div class="col-md-12">
<p class="lead">Each HIT involves reading an article from <em>The New York Times</em>. You must be fluent in English to particiate.</p>
<p class="lead">While reading on the next page, click any sentences which you believe to be controversial, i.e. expressing an opinion or qualified fact (e.g. <q>terrible losses</q>) that you believe could be debated. Use your knowledge of current events while determining whether a sentence is controversial. When done, click <b><q>Submit</q></b>. You have unlimited time to read, however there is a minimum time shown at the bottom that is determined by the length of the article. You may not submit before this time or with no or too many highlights. Examples are below.</p>
<p>This sentence is controversial because it describes some opinionated, heavy action being enforced <small>(only in the American capitalist sense, perhaps)</small>:</p>
<p>This sentence is controversial because it describes some opinionated, heavy action being enforced <small>(perhaps only in the American capitalist sense)</small>:</p>
<blockquote class="good">
<p>Across Russia, companies are <i>being forced</i> to prioritize patriotism over profits.</p>
</blockquote>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment