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

continues changes from last commit

parent 2f05b88e
......@@ -31,7 +31,7 @@ If you'd like to reproduce our results, we encourage you to use the demo online
------
.. image:: https://graham.2pitau.org/_static/img/uiuc.gif
:target: https://cs.illinois.edu
:target: https://illinois.edu
.. _IEEE Big Data 2015: https://graham.2pitau.org/_static/pdf/big-data-2015.pdf
......
......@@ -22,9 +22,7 @@ ul#articles {
margin-bottom: 2em;
div.article {
@extend %base_card;
p {
padding: 5px;
}
p { padding: 5px; }
a.title {
padding: 3px 5px 5px 5px;
margin-top: 5px;
......@@ -38,15 +36,19 @@ ul#articles {
}
p.url {
margin: 0;
padding: 0;
border-top: 1px solid #ddd;
font-style: italic;
text-align: right;
background: #eee;
a {
padding: 5px 0px;
width: 100%;
display: block;
border-bottom: none;
}
a:after {
padding-right: 5px;
content: 'read \20\2192'
}
}
......
This diff is collapsed.
div.login_alert {
bottom: 10px;
right: 15px;
position: fixed;
border: 1px solid #181818;
padding: 2px;
padding-left: 4px;
background: #fff;
color: inherit;
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: smaller;
&.dangerous {
background: #61748c;
color: #fff;
border: none;
}
span.close {
display: inline;
border-left: 1px solid #9a9a9b;;
padding-left: 9px;
padding-right: 6px;
margin-left: 4px;
span {
display: inline;
cursor: pointer;
}
}
}
This diff is collapsed.
@import 'style';
@import 'home';
@import 'cards';
@import 'loading-bar.min.css';
@import '../lib/css/loading-bar.min.css';
.pointer { cursor: pointer; }
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;border-top:1px solid #ddd;font-style:italic;text-align:right;background:#eee}ul#articles li div.article p.url a{width:100%;border-bottom:none}ul#articles li div.article p.url a:after{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.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 span#right-header{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: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>div span#right-header,header>div>a{font-size:12px}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::-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 */
......@@ -16,10 +16,12 @@ header {
position: fixed;
a { -webkit-touch-callout: none; }
>div {
// this is "getting" rather unwieldy
>a.mini { display: none; }
padding: 0 15px 0 5px;
display: inline;
a:not(.sans) {
font-size: 12px;
}
>a.mini { display: none; }
h1 {
text-align: left;
display: inline;
......@@ -31,7 +33,11 @@ header {
font-size: smaller;
font-style: italic;
}
.sans {
font-size: 14px;
}
span#right-header {
font-size: 12px;
float: right;
padding-right: 10px;
}
......@@ -161,6 +167,10 @@ main {
// NYT copyright
article + p {
@include transition(.3s);
img {
width: 20px;
vertical-align: bottom;
}
opacity: 0.6;
} article+p:hover { opacity: 1.0; }
......@@ -188,7 +198,6 @@ span.danger {
}
figcaption { margin:10px 0 10px 0; }
@media (max-width: 700px) {
header>div span#right-header, header>div >a { font-size: 12px; }
header#sub {
font-size: 12px;
top: $mobile_header_height + 1;
......
@import 'style';
@import 'alert';
html {
border-top: 3px solid #ed0000;
}
......@@ -26,10 +27,6 @@ div#login {
text-transform: uppercase;
}
}
.star {
color: gold;
}
}
@media (max-width: 520px) {
div#login {
......
<svg id="icon-times" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54"><title>nytT_54x54_svg_04032017</title><path d="M41.84,31.58A12.15,12.15,0,0,1,35,38.79V31.58l4-3.55-4-3.51v-5a6.24,6.24,0,0,0,6.11-6.16c0-4.25-4.05-5.75-6.36-5.75a6.87,6.87,0,0,0-1.82.2V8c0.3,0,.75-0.05.91-0.05,1.6,0,2.81.75,2.81,2.2a2.3,2.3,0,0,1-2.39,2.21H34.13c-4,0-8.62-3.21-13.63-3.21-4.54,0-7.61,3.35-7.61,6.76s1.85,4.44,3.93,5.21l0.05-.2a2.39,2.39,0,0,1-1.1-2.2A3,3,0,0,1,18.92,16c4.25,0,11.12,3.55,15.37,3.55h0.44v5l-4,3.45,4,3.55v7.27a14.82,14.82,0,0,1-5.11.85C23,39.69,18.8,35.68,18.8,29a16,16,0,0,1,.65-4.65l3.31-1.45V37.64l6.71-3v-15l-9.91,4.41a10.74,10.74,0,0,1,5.51-6.21L25,17.71c-6.61,1.45-13,6.46-13,14,0,8.69,7.27,14.67,15.82,14.67,9,0,14.17-6,14.17-14.77H41.84Z"/></svg>
\ No newline at end of file
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