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

updates form alerts to 2PITAU standard

parent 92d3f1fd
......@@ -88,6 +88,10 @@ input[type="submit"] {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
&.small {
height: auto;
}
}
input::-moz-focus-inner {
border: 0;
......
This diff is collapsed.
$theme_color: #ed0000;
div.login_alert {
bottom: 10px;
right: 15px;
position: fixed;
padding: 2px;
padding-left: 4px;
background: #ed0000;
color: #fff;
bottom: 0.5em;
right: 0.5em;
min-width: 90px;
max-width: 315px;
padding: 1em 1.25em;
background: #fff;
border: 1px solid #e7e7e5;
font-size: 0.75rem;
line-height: 1.5;
z-index: 2;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
font-size: 14px;
&.benign {
background: #61748c;
color: #fff;
span.close, div.close {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding: 0.5em 0.75em;
line-height: 1;
//color: #9d9d9d;
font-size: 1.25rem;
text-align: center;
}
div.body {
margin-top: 0.5em;
}
span.close {
display: inline;
border-left: 1px solid pink;;
padding-left: 9px;
padding-right: 6px;
margin-left: 4px;
span {
display: inline;
cursor: pointer;
}
div.title {
font-weight: bold;
}
&.overload {
max-width: 280px;
background: #f00a;
text-align: left;
span.close {
display: block;
padding: 0px;
border-top: 1px solid pink;
border-left: none;
margin: 0;
text-align: center;
span {
display: block;
cursor: pointer;
padding: 3px;
}
}
&.dangerous {
color: #fff;
background: $theme_color;
}
}
This diff is collapsed.
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}body{font-family:"Libre Baskerville","Palatino","Garamond",serif;font-variant-numeric:slashed-zero;text-rendering:optimizeLegibility;font-size:0.9em;word-wrap:break-word}input,.sans,.logo,h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601","Optima","Nunito Sans",sans-serif}.logo,h1,h2,h3,h4,h5{font-weight:700 !important}h1,h2,h3,h4,h5{text-transform:uppercase}h1{font-size:130%}h2{font-size:110%}h3{font-size:90%}h4{font-size:75%}h5{font-size:60%}input{outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;margin:auto}a{-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;border-bottom:1px dotted;line-height:130%;word-wrap:break-word}a:hover,a:active{color:#ed0000;border-bottom:1px solid;text-decoration:none}input.field{padding:6px 12px;color:#555;border-bottom:1px dashed #d9d9d9;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;margin:0 auto;margin-bottom:5px;height:20px;width:70%;text-align:center}input[type="submit"]{cursor:pointer;min-width:100px;height:40px;color:#333;padding:4px;outline:0;border-radius:0;-webkit-appearance:none;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-ms-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s;background-color:#e9e9e9;border:1px solid #c3c3c3}input[type="submit"]:hover{border-color:#a3a3a3}input[type="submit"]:focus,input[type="submit"]:active{outline:0}input[type="submit"]:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}input::-moz-focus-inner{border:0}footer{margin:5em 0 0.5em 0;width:95%;color:#b0b0b0;font-size:12px;text-align:center}footer p{padding-top:10px;line-height:150%}div#message,div#error{position:fixed;font-size:90%;overflow:hidden;padding:3px;top:0;background-color:#a3a3a3;color:#fff;text-align:center;width:100%}div#message a,div#error a{color:#fff}div#error{background-color:#edb43a}@media (max-width: 400px){div#error,div#message,div#error{font-size:smaller;opacity:0.9}}ul#articles,ul#tweets{list-style:none}ul#articles li,ul#tweets li{page-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;break-inside:avoid-column}ul#articles li div.article,ul#tweets li div.tweet{background-color:#fff;border:2px solid #efefef;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}ul#articles{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-webkit-column-width:350px;-moz-column-width:350px;column-width:350px}ul#articles li{width:100%;margin-bottom:2em}ul#articles li div.article p{padding:5px}ul#articles li div.article a.title{padding:3px 5px 5px 5px;margin-top:5px;margin-bottom:2px;font-size:28px;display:block;border-bottom:none}ul#articles li div.article a.title:hover{color:#000}ul#articles li div.article p.url{margin:0;padding:0;border-top:1px solid #ddd;font-style:italic;text-align:right;background:#eee}ul#articles li div.article p.url a{padding:5px 0px;width:100%;display:block;border-bottom:none}ul#articles li div.article p.url a:after{padding-right:5px;content:"read →"}ul#articles li div.article img{width:100%}ul#tweets{margin-top:2em;-webkit-column-width:150px;-moz-column-width:150px;column-width:150px;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}ul#tweets li{width:100%;margin-bottom:5px}ul#tweets li div.tweet{padding:2px;overflow:hidden}ul#tweets li div.tweet a{color:inherit;text-decoration:none}ul#tweets li div.mad{border:2px solid #f90101}ul#tweets li div.happy{border:2px solid #00933b}footer{display:none}header{z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;width:100%;height:55px;line-height:55px;background:#fff;border-bottom:1px solid #efefef;position:fixed}header a{-webkit-touch-callout:none}header>div{padding:0 15px 0 5px;display:inline}header>div a:not(.sans){font-size:12px}header>div>a.mini{display:none}header>div h1{text-align:left;display:inline;font-size:1.2em}header>div span#subtitle{opacity:0.4;padding-left:5px;font-size:smaller;font-style:italic}header>div .sans{font-size:14px}header>div span#right-header{font-size:12px;float:right;padding-right:10px}header>div span#article_title{font-style:italic}header>div form{display:inline}header>div>form input{padding:6px 12px;line-height:1.5;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border-bottom:1px solid #d9d9d9;margin:0 auto;height:20px;width:30%}header input[type='text'].top_loading{background:url("../img/loading.gif") no-repeat;background-position:98% 50%;background-size:20px 20px}header#sub{height:25px;line-height:25px;background:#ffecec;overflow:auto;white-space:nowrap;overflow-y:hidden;color:#ed0000;border-bottom:1px solid #efefef;position:fixed;top:56px;min-width:100%;text-align:center;font-size:smaller;font-style:italic}main{padding:4em 1em}main input.loading{background:url("../img/loading.gif") no-repeat;background-size:20px 20px;padding:10px 10px 10px 36px;background-position:10% 50%}main>form{margin-bottom:10px;text-align:center}main>form input[type="text"]{margin-bottom:10px;width:275px;border-bottom:1px solid #d9d9d9}main div.featured_keywords{display:table;padding-bottom:1em;margin:0 auto}main div.featured_keywords dl.left{float:left;width:50%}main div.featured_keywords dl.right{float:right;width:50%}main div.featured_keywords dt{float:left;width:7.5em;padding:1ex .5em 0 .5em;text-align:right;font-weight:bold}main div.featured_keywords dd{margin:0 0 0 8.5em;padding:1ex 0.5em;text-align:left;border-left:1px solid #888}main div.featured_keywords dd span{white-space:nowrap}main ul.details{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;list-style:none;margin:0 0 10px 0;padding:0}main ul.details li{display:inline}main ul.details li>span{line-height:30px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:1px solid #d9d9d9;padding:2px}main article{text-align:justify;line-height:150%}main article a,main article a:hover,main article a:active{border-bottom:none;color:#fff;background-color:#d53f3f}main article a{text-decoration:none;font-weight:700}main article a:hover,main article a:active{background-color:#bf3636}main article+p{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity:0.6}main article+p img{width:20px;vertical-align:bottom}main article+p:hover{opacity:1.0}main mark{line-height:25px;color:#ed0000;background:#ffecec;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:2px}main .disabled{cursor:not-allowed;background-color:#f9f9f9}main .disabled:active{color:#fff;background-color:#edb43a}span.danger{color:#fff;background-color:#d43f3a;padding:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}figcaption{margin:10px 0 10px 0}@media (max-width: 700px){header#sub{font-size:12px;top:41px}.non-essentials{display:none}header{height:40px;line-height:40px}header h1{font-size:.7em}}@media (max-width: 620px){main div.featured_keywords dt{writing-mode:vertical-rl}}@media (max-width: 520px){main div.featured_keywords dl.left,main div.featured_keywords dl.right{float:none}span.danger{display:block}input[type='text'].top_loading{height:40px}}@media (max-width: 415px){header>div>a.mini{display:inline}header>div>a.lg{display:none}}
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}body{font-family:"Libre Baskerville","Palatino","Garamond",serif;font-variant-numeric:slashed-zero;text-rendering:optimizeLegibility;font-size:0.9em;word-wrap:break-word}input,.sans,.logo,h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601","Optima","Nunito Sans",sans-serif}.logo,h1,h2,h3,h4,h5{font-weight:700 !important}h1,h2,h3,h4,h5{text-transform:uppercase}h1{font-size:130%}h2{font-size:110%}h3{font-size:90%}h4{font-size:75%}h5{font-size:60%}input{outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;margin:auto}a{-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;border-bottom:1px dotted;line-height:130%;word-wrap:break-word}a:hover,a:active{color:#ed0000;border-bottom:1px solid;text-decoration:none}input.field{padding:6px 12px;color:#555;border-bottom:1px dashed #d9d9d9;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;margin:0 auto;margin-bottom:5px;height:20px;width:70%;text-align:center}input[type="submit"]{cursor:pointer;min-width:100px;height:40px;color:#333;padding:4px;outline:0;border-radius:0;-webkit-appearance:none;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-ms-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s;background-color:#e9e9e9;border:1px solid #c3c3c3}input[type="submit"]:hover{border-color:#a3a3a3}input[type="submit"]:focus,input[type="submit"]:active{outline:0}input[type="submit"]:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}input[type="submit"].small{height:auto}input::-moz-focus-inner{border:0}footer{margin:5em 0 0.5em 0;width:95%;color:#b0b0b0;font-size:12px;text-align:center}footer p{padding-top:10px;line-height:150%}div#message,div#error{position:fixed;font-size:90%;overflow:hidden;padding:3px;top:0;background-color:#a3a3a3;color:#fff;text-align:center;width:100%}div#message a,div#error a{color:#fff}div#error{background-color:#edb43a}@media (max-width: 400px){div#error,div#message,div#error{font-size:smaller;opacity:0.9}}ul#articles,ul#tweets{list-style:none}ul#articles li,ul#tweets li{page-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;break-inside:avoid-column}ul#articles li div.article,ul#tweets li div.tweet{background-color:#fff;border:2px solid #efefef;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}ul#articles{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-webkit-column-width:350px;-moz-column-width:350px;column-width:350px}ul#articles li{width:100%;margin-bottom:2em}ul#articles li div.article p{padding:5px}ul#articles li div.article a.title{padding:3px 5px 5px 5px;margin-top:5px;margin-bottom:2px;font-size:28px;display:block;border-bottom:none}ul#articles li div.article a.title:hover{color:#000}ul#articles li div.article p.url{margin:0;padding:0;border-top:1px solid #ddd;font-style:italic;text-align:right;background:#eee}ul#articles li div.article p.url a{padding:5px 0px;width:100%;display:block;border-bottom:none}ul#articles li div.article p.url a:after{padding-right:5px;content:"read →"}ul#articles li div.article img{width:100%}ul#tweets{margin-top:2em;-webkit-column-width:150px;-moz-column-width:150px;column-width:150px;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}ul#tweets li{width:100%;margin-bottom:5px}ul#tweets li div.tweet{padding:2px;overflow:hidden}ul#tweets li div.tweet a{color:inherit;text-decoration:none}ul#tweets li div.mad{border:2px solid #f90101}ul#tweets li div.happy{border:2px solid #00933b}footer{display:none}header{z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;width:100%;height:55px;line-height:55px;background:#fff;border-bottom:1px solid #efefef;position:fixed}header a{-webkit-touch-callout:none}header>div{padding:0 15px 0 5px;display:inline}header>div a:not(.sans){font-size:12px}header>div>a.mini{display:none}header>div h1{text-align:left;display:inline;font-size:1.2em}header>div span#subtitle{opacity:0.4;padding-left:5px;font-size:smaller;font-style:italic}header>div .sans{font-size:14px}header>div span#right-header{font-size:12px;float:right;padding-right:10px}header>div span#article_title{font-style:italic}header>div form{display:inline}header>div>form input{padding:6px 12px;line-height:1.5;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border-bottom:1px solid #d9d9d9;margin:0 auto;height:20px;width:30%}header input[type='text'].top_loading{background:url("../img/loading.gif") no-repeat;background-position:98% 50%;background-size:20px 20px}header#sub{height:25px;line-height:25px;background:#ffecec;overflow:auto;white-space:nowrap;overflow-y:hidden;color:#ed0000;border-bottom:1px solid #efefef;position:fixed;top:56px;min-width:100%;text-align:center;font-size:smaller;font-style:italic}main{padding:4em 1em}main input.loading{background:url("../img/loading.gif") no-repeat;background-size:20px 20px;padding:10px 10px 10px 36px;background-position:10% 50%}main>form{margin-bottom:10px;text-align:center}main>form input[type="text"]{margin-bottom:10px;width:275px;border-bottom:1px solid #d9d9d9}main div.featured_keywords{display:table;padding-bottom:1em;margin:0 auto}main div.featured_keywords dl.left{float:left;width:50%}main div.featured_keywords dl.right{float:right;width:50%}main div.featured_keywords dt{float:left;width:7.5em;padding:1ex .5em 0 .5em;text-align:right;font-weight:bold}main div.featured_keywords dd{margin:0 0 0 8.5em;padding:1ex 0.5em;text-align:left;border-left:1px solid #888}main div.featured_keywords dd span{white-space:nowrap}main ul.details{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;list-style:none;margin:0 0 10px 0;padding:0}main ul.details li{display:inline}main ul.details li>span{line-height:30px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:1px solid #d9d9d9;padding:2px}main article{text-align:justify;line-height:150%}main article a,main article a:hover,main article a:active{border-bottom:none;color:#fff;background-color:#d53f3f}main article a{text-decoration:none;font-weight:700}main article a:hover,main article a:active{background-color:#bf3636}main article+p{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity:0.6}main article+p img{width:20px;vertical-align:bottom}main article+p:hover{opacity:1.0}main mark{line-height:25px;color:#ed0000;background:#ffecec;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:2px}main .disabled{cursor:not-allowed;background-color:#f9f9f9}main .disabled:active{color:#fff;background-color:#edb43a}span.danger{color:#fff;background-color:#d43f3a;padding:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}figcaption{margin:10px 0 10px 0}@media (max-width: 700px){header#sub{font-size:12px;top:41px}.non-essentials{display:none}header{height:40px;line-height:40px}header h1{font-size:.7em}}@media (max-width: 620px){main div.featured_keywords dt{writing-mode:vertical-rl}}@media (max-width: 520px){main div.featured_keywords dl.left,main div.featured_keywords dl.right{float:none}span.danger{display:block}input[type='text'].top_loading{height:40px}}@media (max-width: 415px){header>div>a.mini{display:inline}header>div>a.lg{display:none}}
/*# sourceMappingURL=home.css.map */
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}body{font-family:"Libre Baskerville","Palatino","Garamond",serif;font-variant-numeric:slashed-zero;text-rendering:optimizeLegibility;font-size:0.9em;word-wrap:break-word}input,.sans,.logo,h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601","Optima","Nunito Sans",sans-serif}.logo,h1,h2,h3,h4,h5{font-weight:700 !important}h1,h2,h3,h4,h5{text-transform:uppercase}h1{font-size:130%}h2{font-size:110%}h3{font-size:90%}h4{font-size:75%}h5{font-size:60%}input{outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;margin:auto}a{-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;border-bottom:1px dotted;line-height:130%;word-wrap:break-word}a:hover,a:active{color:#ed0000;border-bottom:1px solid;text-decoration:none}input.field{padding:6px 12px;color:#555;border-bottom:1px dashed #d9d9d9;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;margin:0 auto;margin-bottom:5px;height:20px;width:70%;text-align:center}input[type="submit"]{cursor:pointer;min-width:100px;height:40px;color:#333;padding:4px;outline:0;border-radius:0;-webkit-appearance:none;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-ms-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s;background-color:#e9e9e9;border:1px solid #c3c3c3}input[type="submit"]:hover{border-color:#a3a3a3}input[type="submit"]:focus,input[type="submit"]:active{outline:0}input[type="submit"]:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}input::-moz-focus-inner{border:0}footer{margin:5em 0 0.5em 0;width:95%;color:#b0b0b0;font-size:12px;text-align:center}footer p{padding-top:10px;line-height:150%}div#message,div#error{position:fixed;font-size:90%;overflow:hidden;padding:3px;top:0;background-color:#a3a3a3;color:#fff;text-align:center;width:100%}div#message a,div#error a{color:#fff}div#error{background-color:#edb43a}@media (max-width: 400px){div#error,div#message,div#error{font-size:smaller;opacity:0.9}}div.login_alert{bottom:10px;right:15px;position:fixed;padding:2px;padding-left:4px;background:#ed0000;color:#fff;z-index:2;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;font-size:14px}div.login_alert.benign{background:#61748c;color:#fff}div.login_alert span.close{display:inline;border-left:1px solid pink;padding-left:9px;padding-right:6px;margin-left:4px}div.login_alert span.close span{display:inline;cursor:pointer}div.login_alert.overload{max-width:280px;background:#f00a;text-align:left}div.login_alert.overload span.close{display:block;padding:0px;border-top:1px solid pink;border-left:none;margin:0;text-align:center}div.login_alert.overload span.close span{display:block;cursor:pointer;padding:3px}html{border-top:3px solid #ed0000}div#login{padding:1px 5px 20px 5px;text-align:center;-webkit-box-shadow:0 1px 2px 2px #eee;-moz-box-shadow:0 1px 2px 2px #eee;-ms-box-shadow:0 1px 2px 2px #eee;box-shadow:0 1px 2px 2px #eee;width:450px;margin:2em auto 0 auto}div#login form{margin-top:10px}div#login center{margin-top:1em}div#login div.g-recaptcha{display:table;margin:0 auto}div#login h1{font-weight:400 !important;text-transform:none;margin:20px 0 5px 0}div#login h1 b{text-transform:uppercase}@media (max-width: 520px){div#login{width:350px;font-size:14px}div#login input[type="submit"]{height:35px}}@media (max-width: 390px){div#login{width:320px;margin-top:2em}}@media (max-width: 320px){div#login{width:290px;margin:1em auto}html,body{margin:0}}
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}body{font-family:"Libre Baskerville","Palatino","Garamond",serif;font-variant-numeric:slashed-zero;text-rendering:optimizeLegibility;font-size:0.9em;word-wrap:break-word}input,.sans,.logo,h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601","Optima","Nunito Sans",sans-serif}.logo,h1,h2,h3,h4,h5{font-weight:700 !important}h1,h2,h3,h4,h5{text-transform:uppercase}h1{font-size:130%}h2{font-size:110%}h3{font-size:90%}h4{font-size:75%}h5{font-size:60%}input{outline:0;box-shadow:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;margin:auto}a{-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;border-bottom:1px dotted;line-height:130%;word-wrap:break-word}a:hover,a:active{color:#ed0000;border-bottom:1px solid;text-decoration:none}input.field{padding:6px 12px;color:#555;border-bottom:1px dashed #d9d9d9;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;border-radius:1px;margin:0 auto;margin-bottom:5px;height:20px;width:70%;text-align:center}input[type="submit"]{cursor:pointer;min-width:100px;height:40px;color:#333;padding:4px;outline:0;border-radius:0;-webkit-appearance:none;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-ms-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s;background-color:#e9e9e9;border:1px solid #c3c3c3}input[type="submit"]:hover{border-color:#a3a3a3}input[type="submit"]:focus,input[type="submit"]:active{outline:0}input[type="submit"]:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}input[type="submit"].small{height:auto}input::-moz-focus-inner{border:0}footer{margin:5em 0 0.5em 0;width:95%;color:#b0b0b0;font-size:12px;text-align:center}footer p{padding-top:10px;line-height:150%}div#message,div#error{position:fixed;font-size:90%;overflow:hidden;padding:3px;top:0;background-color:#a3a3a3;color:#fff;text-align:center;width:100%}div#message a,div#error a{color:#fff}div#error{background-color:#edb43a}@media (max-width: 400px){div#error,div#message,div#error{font-size:smaller;opacity:0.9}}div.login_alert{position:fixed;bottom:0.5em;right:0.5em;min-width:90px;max-width:315px;padding:1em 1.25em;background:#fff;border:1px solid #e7e7e5;font-size:0.75rem;line-height:1.5;z-index:2}div.login_alert span.close,div.login_alert div.close{cursor:pointer;position:absolute;top:0;right:0;padding:0.5em 0.75em;line-height:1;font-size:1.25rem;text-align:center}div.login_alert div.body{margin-top:0.5em}div.login_alert div.title{font-weight:bold}div.login_alert.dangerous{color:#fff;background:#ed0000}html{border-top:3px solid #ed0000}div#login{padding:1px 5px 20px 5px;text-align:center;-webkit-box-shadow:0 1px 2px 2px #eee;-moz-box-shadow:0 1px 2px 2px #eee;-ms-box-shadow:0 1px 2px 2px #eee;box-shadow:0 1px 2px 2px #eee;width:450px;margin:3em auto 0 auto}div#login form{margin-top:10px}div#login center{margin-top:1em}div#login div.g-recaptcha{display:table;margin:0 auto}div#login h1{font-weight:400 !important;text-transform:none;margin:20px 0 5px 0}div#login h1 b{text-transform:uppercase}@media (max-width: 520px){div#login{width:350px;font-size:14px}div#login input[type="submit"]{height:35px}}@media (max-width: 390px){div#login{width:320px;margin-top:2em}}@media (max-width: 320px){div#login{width:290px;margin:1em auto}html,body{margin:0}}
/*# sourceMappingURL=login.css.map */
......@@ -8,7 +8,7 @@ div#login {
text-align: center;
@include box-shadow(1px, 2px, 2px, #eee);
width: 450px;
margin: 2em auto 0 auto;
margin: 3em auto 0 auto;
form {
margin-top: 10px;
}
......
......@@ -52,7 +52,7 @@
{{ form.csrf_token() }}
{{ form.email.label }} {{ form.email(value=user.Id) }}
{{ form.password.label }} {{ form.password(placeholder="confirm your password") }}
<input type='submit' value='close account &rarr;' />
<input type='submit' class='small' value='close account &rarr;' />
</form>
</span>
{% if form.errors %}
......
......@@ -23,7 +23,7 @@
<p>
<em><a href='https://graham.2pitau.org/_static/pdf/big-data-2015.pdf' target='_blank'>Hotspots of News Articles: Joint Mining of News Text &amp; Social Media to Discover Controversial Points in News</a></em>
<br>
Ismini Lourentzou, Graham Dyer, Abhishek Sharma, ChengXiang Zhai &mdash; <tt>{lourent2, gdyer2, sharma51, czhai}@illinois.edu</tt> &mdash; University of Illinois, Urbana-Champaign.
Ismini Lourentzou, Graham Dyer, Abhishek Sharma, ChengXiang Zhai &mdash; <tt>{lourent2, gdyer2, sharma51, czhai}@illinois.edu</tt> &mdash; University of Illinois, Urbana&ndash;Champaign.
<br>
<span class='logo'>CONTROVERSY</span> is a <a href='https://2pitau.org' target='_blank'>2PITAU</a> project.
</p>
......
{% extends 'base.html' %}
{% block content %}
{% if form.errors %}
<div id=error onclick="this.style.display='none';">
{% for field in form.errors %}
<b>{{ field|safe }}</b>&hellip;
{% for error in form.errors[field] %}
{{ error|lower }}
{% endfor %}
{% endfor %}
<b>(&times;)</b>
<div id='_error' class='sans login_alert'>
{% for field in form.errors %}
{% for error in form.errors[field] %}
<div class='title'>{{ field }}</div>
<div class='body'>{{ error|lower }}</div>
{% endfor %}
{% endfor %}
{% if subj is not defined %}
<div class='close'>
<span onclick='dismiss_error()'>
&times;
</span>
</div>
{% endif %}
</div>
<script>
function dismiss_error() {
document.getElementById('_error').style.display = 'none';
}
</script>
{% endif %}
{% with messages = get_flashed_messages() %}
{% if messages %}
<div id=message onclick="this.style.display='none';">
......@@ -20,7 +34,6 @@
&middot;
{% endif %}
{% endfor %}
<b>(&times;)</b>
</div>
{% endif %}
{% endwith %}
......
......@@ -30,7 +30,7 @@
</div>
</div>
<div class="col-md-6" id="copyright">
<p class="text-muted">Study from the University of Illinois at Urbana-Champaign <img src="{{ url_for('static', filename='img/affiliation.jpg') }}">. Articles &copy; 2015, The New York Times Company <img src="{{ url_for('static', filename='img/nytimes.png') }}" />. All rights reserved.</p>
<p class="text-muted">Study from the University of Illinois at Urbana&ndash;Champaign <img src="{{ url_for('static', filename='img/affiliation.jpg') }}">. Articles &copy; 2015, The New York Times Company <img src="{{ url_for('static', filename='img/nytimes.png') }}" />. All rights reserved.</p>
</div>
<div class="row" id="bot_bar">
<div class="col-md-12">
......
......@@ -10,15 +10,15 @@
<div class="col-md-12">
<p class="lead">Each task involves reading an article from <em>The New York Times</em>. You must be fluent in English to participate.</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 and history 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 the it expresses a value-judgement, implying strongly that <q>patriotism</q> should be subordinate to <q>profits</q>. This obsession with profits is typical of American capitalism (much to the detriment of education, working conditions, healthcare, the environment, and so on), but perhaps not Russian capitalism. It also implies that governments should have minimal intervention in corporate affairs, which is also far from a law of nature. The choice of words puts readers on the side of the ostensibly victimized corporation. This is ideologically revealing, considering the company in question (Aeroflot) is majority owned by the Russian government (is it not a capitalist principal that shareholders dictate policy?). So, it's a value judgement from the <i>Times</i>:</p>
<blockquote class="good">
<p>Across Russia, companies are <i>being forced</i> to prioritize patriotism over profits.</p>
</blockquote>
<p>This sentence is controversial because the it expresses a value-judgement, implying strongly that <q>patriotism</q> should be subordinate to <q>profits</q>. This obsession with profits is typical of American capitalism (much to the detriment of education, working conditions, healthcare, the environment, and so on), but perhaps not Russian capitalism. It also implies that governments should have minimal intervention in corporate affairs, which is also far from a law of nature. The choice of words puts readers on the side of the ostensibly victimized corporation. This is ideologically revealing, considering the company in question (Aeroflot) is majority owned by the Russian government (is it not a capitalist principal that shareholders dictate policy?). So, it's a value judgement from the <i>Times</i>:</p>
<p>Other examples of controversial sentences:</p>
<blockquote class="good">
<p>The abortion clinic was destroyed by <i>deep-seated hatred</i> expressed earlier that week by Catholic terrorists.</p>
<p>The abortion clinic was destroyed soon after local Catholic extremist groups expressed <i>deep-seated hatred</i> for women's rights.</p>
<p>The airline has had <i>countless</i> safety problems in the past.</p>
<p>Worried about unemployment and political unrest, the government pushed back when Avtovaz, the maker of Lada cars, <i>moved quickly to cut</i> workers as the economy slowed.</p>
<p>Worried about unemployment and political <i>unrest</i>, the government pushed back when Avtovaz, the maker of Lada cars, <i>moved quickly to cut</i> workers as the economy slowed.</p>
<p>In 1994, a pilot <i>let</i> his 16-year-old son fly an Airbus that <i>promptly</i> crashed, killing <i>all</i> 75 aboard.</p>
</blockquote>
<p>The following non-controversial sentence just states numbers:</p>
......@@ -38,7 +38,7 @@
<br>
</div>
<div class="col-md-4">
<p>Problems preventing submission are unlikely. Should they nevertheless occur, email us your browser info: <b><tt>postmaster</tt>@<tt>2pitau</tt>.<tt>org</tt></b>. Please contact this address, too, if these webpages could be made more accessibility-friendly.</p>
<p>Problems preventing submission are unlikely. Should they nevertheless occur, email us your browser info: <b><tt>gdyer2</tt>@<tt>illinois</tt>.<tt>edu</tt></b>. Please contact this address, too, if these webpages could be made more accessibility-friendly.</p>
<br>
</div>
</div>
......
......@@ -40,7 +40,7 @@
<article ng-bind-html='highlight(article.full, article.sentences)'></article>
<p>
&copy; 2017&ndash;8, {% endraw %} <img width='100px' src='{{ url_for("static", filename="img/NYT.svg") }}' /> {% raw %}
&mdash; <a target='_blank' href='{{ article.url }}'>article &#8599;</a>
&mdash; <a target='_blank' href='{{ article.url }}'>article</a>.
</p>
</main>
{% endraw %}
{% extends "base.html" %}
{% block content %}
{% if form.errors %}
<div id=error onclick="this.style.display='none';">
{% for field in form.errors %}
<b>{{ field }}</b>&hellip;
{% if form.errors|length == 1 %}
<div id='_error' class='sans login_alert'>
{% for field in form.errors %}
{% for error in form.errors[field] %}
{{ error|lower }}
<div class='title'>{{ field }}</div>
<div class='body'>{{ error|lower }}</div>
{% endfor %}
{% endfor %}
{% endfor %}
<b>(&times;)</b>
<div class='close'>
<span onclick='dismiss_error()'>
&times;
</span>
</div>
</div>
<script>
function dismiss_error() {
document.getElementById('_error').style.display = 'none';
}
</script>
{% endif %}
{% endif %}
<div id='login'>
<img src='{{ url_for("static", filename="img/sm-graphic-rec.png") }}' />
<hr>
......@@ -26,10 +40,10 @@
<p>We encourage you to use a simple password, like a phrase; we used an <code>md5</code> hash, which has known vulnerabilities.</p>
<form method=POST>
{{ form.hidden_tag() }}
{{ form.name(class_="field", autocomplete="words", placeholder="first or full name") }}
{{ form.email(class_="field", type="email", placeholder="email (username)") }}
{{ form.password(class_="field", placeholder="simple password") }}
{{ form.school(class_="field", placeholder="institution") }}
{{ form.name(class_="field", autocomplete="words", placeholder="full name", required="required") }}
{{ form.email(class_="field", type="email", placeholder="email (username)", required="required") }}
{{ form.password(class_="field", placeholder="simple password", required="required") }}
{{ form.school(class_="field", placeholder="institution", required="required") }}
<!-- uncomment for recaptcha validation: \{\{ form.recaptcha \}\} -->
<br>
<br>
......
Markdown is supported
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