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

many style changes, including rewrite of columns (much cleaner now)

parent ce6c57b7
......@@ -144,6 +144,12 @@ def logout():
flash("<b>%s</b>, you were logged out" % u)
return redirect('/login')
@application.route("/register_anon")
def register_anon():
u = session['username']
session.pop('username', None)
session.pop('user', None)
return redirect('/register')
@application.route("/account", methods=['GET', 'POST'])
@require_login
......
@import 'vars';
%base {
margin: 0 auto;
width: 400px;
%base_ul {
list-style: none;
li {
page-break-inside: avoid;
@include column-break-inside(avoid);
list-style: none; }
}
ul.articles {
@extend %base;
@include column-count(1);
@include column-gap(6px);
li {
width: 400px;
margin-bottom: 2em; }
}
ul.tweets {
@extend %base;
margin-top: 2em;
width: 310px;
@include column-count(2);
@include column-gap(5px);
li {
width: 150px;
margin-bottom: 5px; }
break-inside: avoid-column;
}
}
%base-card {
padding-bottom: 10px;
%base_card {
background-color: #fff;
border: 2px solid #efefef;
position: relative;
font-size: 14px;
@include border-radius(2px); }
div.article {
@extend %base-card;
p {
padding: 5px;
}
a.title {
color: #000;
padding: 3px 5px 5px 5px;
margin-top: 5px;
margin-bottom: 2px;
font-size: 28px;
display: block;
border-bottom: none;
}
p.url {
padding: 5px;
border-top: 1px solid #e5e5e5;
background-image: url('img/url.png');
background-repeat: no-repeat;
padding: 10px 0 0 30px;
height: 30px;
display: block;
margin-bottom: -10px;
a {
border-bottom: none;
color: #04bff4;
text-decoration: none;
width: 385px;
display: block;
position: relative;
@include border-radius(2px);
}
ul#articles {
@include column-gap(10px);
@include column-width(350px);
@extend %base_ul;
li {
width: 100%;
margin-bottom: 2em;
div.article {
@extend %base_card;
p {
padding: 5px;
}
a.title {
padding: 3px 5px 5px 5px;
margin-top: 5px;
margin-bottom: 2px;
font-size: 28px;
display: block;
border-bottom: none;
&:hover {
color: #000;
}
}
p.url {
padding: 7px 5px 0px 5px;
border-top: 1px solid #e5e5e5;
font-style: oblique;
font-weight: bold;
text-align: center;
a:after {
content: '\20\2192'
}
}
img { width: 100%; }
}
div.most-controversial {
border: 2px solid $mad;
}
div.least-controversial {
border: 2px solid $happy;
}
}
img { width: 100%; }
}
div.tweet {
@extend %base-card;
@include transition(0.4s);
padding: 2px;
overflow: hidden;
a {
color: inherit;
text-decoration: none; }
}
div.mad { border: 2px solid $mad; }
div.happy { border: 2px solid $happy; }
div.hovering { color: #000; }
div.no-hover {
color: #c3c3c3;
border: 2px solid #f9f9f9; }
div.most-controversial { border: 3px solid $mad; }
div.least-controversial { border: 3px solid $happy; }
@media (min-width: 920px) {
ul.tweets {
li {width: 180px; }
width: 850px;
@include column-count(4); }
}
@media (max-width: 550px) {
ul.articles {
width: 320px;
li { width: 315px; }
ul#tweets {
@extend %base_ul;
margin-top: 2em;
@include column-width(150px);
@include column-gap(5px);
li {
width: 100%;
margin-bottom: 5px;
div.tweet {
@extend %base_card;
padding: 2px;
overflow: hidden;
a {
color: inherit;
text-decoration: none;
}
}
div.mad { border: 2px solid $mad; }
div.happy { border: 2px solid $happy; }
}
}
......@@ -33,11 +33,12 @@ img {
a {
line-height: 130%;
word-wrap: break-word;
text-decoration: underline;
text-decoration: none;
color: inherit;
border-bottom: 1px dotted #999;
&:hover {
color: #ff0000;
text-decoration: none;
color: red;
border-bottom: 1px solid #999;
}
}
input.field {
......
......@@ -4,6 +4,8 @@ $warn: #edb43a; // yellow
$happy: #00933b; // green
$cool: #0266c8; // blue
$header_height: 55px;
$mobile_header_height: 40px;
$subheader_height: 25px;
@mixin box-shadow($top, $left, $blur, $color) {
-webkit-box-shadow: 0 $top $left $blur $color;
-moz-box-shadow: 0 $top $left $blur $color;
......@@ -32,6 +34,10 @@ $header_height: 55px;
-webkit-column-fill: $s;
-moz-column-fill: $s;
column-fill: $s; }
@mixin column-width($s) {
-webkit-column-width: $s;
-moz-column-width: $s;
column-width: $s; }
@mixin column-count($s) {
-webkit-column-count: $s;
-moz-column-count: $s;
......
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{font-family:"Palatino LT", "Palatino Linotype", Palatino, Baskerville, "Bodoni MT", Garamond, Trebuchet, serif !important;font-variant-numeric:oldstyle-nums diagonal-fractions slashed-zero;text-rendering:optimizeLegibility;font-size:1em;word-wrap:break-word}h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601", Optima, "Optima Nova", "URW Imperial", Amira, "Chianti BT", sans-serif !important;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}img{max-width:100%;height:auto;margin:auto}a{line-height:130%;word-wrap:break-word;text-decoration:underline;color:inherit}a:hover{color:#ff0000;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;background-color:#e9e9e9;border:1px solid #c3c3c3;color:#333;padding:4px;outline:0;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-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}input[type="submit"]:hover{border:1px solid #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}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}html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{font-family:"Palatino LT", "Palatino Linotype", Palatino, Baskerville, "Bodoni MT", Garamond, Trebuchet, serif !important;font-variant-numeric:oldstyle-nums diagonal-fractions slashed-zero;text-rendering:optimizeLegibility;font-size:1em;word-wrap:break-word}h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601", Optima, "Optima Nova", "URW Imperial", Amira, "Chianti BT", sans-serif !important;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}img{max-width:100%;height:auto;margin:auto}a{line-height:130%;word-wrap:break-word;text-decoration:underline;color:inherit}a:hover{color:#ff0000;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;background-color:#e9e9e9;border:1px solid #c3c3c3;color:#333;padding:4px;outline:0;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-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}input[type="submit"]:hover{border:1px solid #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}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}ul.articles,ul.tweets{margin:0 auto;width:400px}ul.articles li,ul.tweets li{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;list-style:none}ul.articles{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px}ul.articles li{width:400px;margin-bottom:2em}ul.tweets{margin-top:2em;width:310px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}ul.tweets li{width:150px;margin-bottom:5px}div.article,div.tweet{padding-bottom:10px;background-color:#fff;border:2px solid #efefef;position:relative;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}div.article p{padding:5px}div.article a.title{color:#000;padding:3px 5px 5px 5px;margin-top:5px;margin-bottom:2px;font-size:28px;display:block;border-bottom:none}div.article p.url{padding:5px;border-top:1px solid #e5e5e5;background-image:url("img/url.png");background-repeat:no-repeat;padding:10px 0 0 30px;height:30px;display:block;margin-bottom:-10px}div.article p.url a{border-bottom:none;color:#04bff4;text-decoration:none;width:385px;display:block;position:relative}div.article img{width:100%}div.tweet{-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;padding:2px;overflow:hidden}div.tweet a{color:inherit;text-decoration:none}div.mad{border:2px solid #f90101}div.happy{border:2px solid #00933b}div.hovering{color:#000}div.no-hover{color:#c3c3c3;border:2px solid #f9f9f9}div.most-controversial{border:3px solid #f90101}div.least-controversial{border:3px solid #00933b}@media (min-width: 920px){ul.tweets{width:850px;-webkit-column-count:4;-moz-column-count:4;column-count:4}ul.tweets li{width:180px}}@media (max-width: 550px){ul.articles{width:320px}ul.articles li{width:315px}}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>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}header>div span#right-header{float:right;padding-right:10px}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:15px;width:30%}header>div>form input:focus{background-color:#f1f8fb;color:#2b6dad}header input[type='text'].top_loading{background:url("img/loading.gif") no-repeat;background-position:98% 50%;background-size:20px 20px}main{padding:6em 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>form input[type="text"]:focus{color:#2b6dad;background-color:#f1f8fb}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:#337ab7}main article a{font-weight:700}main article a:hover,main article a:active{background-color:#2e6da4}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:#2b6dad;background-color:#f1f8fb;-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}.non-essentials{display:none}}@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}}main{padding:4em 1em}ul{margin:10px 10px 4em 10px;list-style:square}ul li{margin-left:20px}ul p{float:right;text-align:right}h3{border-bottom:1px dashed #d9d9d9;padding:5px;font-variant:small-caps;font-weight:400}ul.issues_list{list-style:none}form{padding:5px;border:1px solid #e9e9e9;display:inline-block}form #bug b{color:#f90101}form input{color:#edb43a}@media (max-width: 650px){input{display:block}}
html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{font-family:"Palatino LT", "Palatino Linotype", Palatino, Baskerville, "Bodoni MT", Garamond, Trebuchet, serif !important;font-variant-numeric:oldstyle-nums diagonal-fractions slashed-zero;text-rendering:optimizeLegibility;font-size:1em;word-wrap:break-word}h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601", Optima, "Optima Nova", "URW Imperial", Amira, "Chianti BT", sans-serif !important;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}img{max-width:100%;height:auto;margin:auto}a{line-height:130%;word-wrap:break-word;text-decoration:none;color:inherit;border-bottom:1px dotted #999}a:hover{color:red;border-bottom:1px solid #999}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;background-color:#e9e9e9;border:1px solid #c3c3c3;color:#333;padding:4px;outline:0;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-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}input[type="submit"]:hover{border:1px solid #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}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}html,ul,body,header,input,span,form{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{font-family:"Palatino LT", "Palatino Linotype", Palatino, Baskerville, "Bodoni MT", Garamond, Trebuchet, serif !important;font-variant-numeric:oldstyle-nums diagonal-fractions slashed-zero;text-rendering:optimizeLegibility;font-size:1em;word-wrap:break-word}h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601", Optima, "Optima Nova", "URW Imperial", Amira, "Chianti BT", sans-serif !important;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}img{max-width:100%;height:auto;margin:auto}a{line-height:130%;word-wrap:break-word;text-decoration:none;color:inherit;border-bottom:1px dotted #999}a:hover{color:red;border-bottom:1px solid #999}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;background-color:#e9e9e9;border:1px solid #c3c3c3;color:#333;padding:4px;outline:0;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-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}input[type="submit"]:hover{border:1px solid #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}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}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{padding:7px 5px 0px 5px;border-top:1px solid #e5e5e5;font-style:oblique;font-weight:bold;text-align:center}ul#articles li div.article p.url a:after{content:" →"}ul#articles li div.article img{width:100%}ul#articles li div.most-controversial{border:2px solid #f90101}ul#articles li div.least-controversial{border:2px solid #00933b}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>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:15px;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:#f1f8fb;overflow:auto;white-space:nowrap;overflow-y:hidden;color:#2b6dad;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:#337ab7}main article a{text-decoration:none;font-weight:700}main article a:hover,main article a:active{background-color:#2e6da4}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:#2b6dad;background-color:#f1f8fb;-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}}main{padding:4em 1em}ul{margin:10px 10px 4em 10px;list-style:square}ul li{margin-left:20px}ul p{float:right;text-align:right}h3{border-bottom:1px dashed #d9d9d9;padding:5px;font-variant:small-caps;font-weight:400}ul.issues_list{list-style:none}form{padding:5px;border:1px solid #e9e9e9;display:inline-block}form #bug b{color:#f90101}form input{color:#edb43a}@media (max-width: 650px){input{display:block}}
/*# sourceMappingURL=account.css.map */
var cApp = angular.module('Account', []);
cApp.controller('IssuesController', function($scope, $http, $location, $anchorScroll) {
$scope.issues_loaded = false;
$http.get('https://api.github.com/repos/gdyer/controversy/issues')
$http.get('https://api.github.com/repos/SXibolet/controversy/issues')
.success(function(res) {
$scope.issues = res;
$scope.issues_loaded = true;
......
......@@ -14,7 +14,9 @@ h3 {
padding: 5px;
font-variant: small-caps;
font-weight: 400; }
ul.issues_list { list-style: none; }
ul.issues_list {
list-style: none;
}
form {
padding: 5px;
border: 1px solid #e9e9e9;
......
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}body{font-family:"Palatino LT", "Palatino Linotype", Palatino, Baskerville, "Bodoni MT", Garamond, Trebuchet, serif !important;font-variant-numeric:oldstyle-nums diagonal-fractions slashed-zero;text-rendering:optimizeLegibility;font-size:1em;word-wrap:break-word}h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601", Optima, "Optima Nova", "URW Imperial", Amira, "Chianti BT", sans-serif !important;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}img{max-width:100%;height:auto;margin:auto}a{line-height:130%;word-wrap:break-word;text-decoration:underline;color:inherit}a:hover{color:#ff0000;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;background-color:#e9e9e9;border:1px solid #c3c3c3;color:#333;padding:4px;outline:0;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-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}input[type="submit"]:hover{border:1px solid #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}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}ul.articles,ul.tweets{margin:0 auto;width:400px}ul.articles li,ul.tweets li{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;-ms-column-break-inside:avoid;column-break-inside:avoid;list-style:none}ul.articles{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px}ul.articles li{width:400px;margin-bottom:2em}ul.tweets{margin-top:2em;width:310px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}ul.tweets li{width:150px;margin-bottom:5px}div.article,div.tweet{padding-bottom:10px;background-color:#fff;border:2px solid #efefef;position:relative;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}div.article p{padding:5px}div.article a.title{color:#000;padding:3px 5px 5px 5px;margin-top:5px;margin-bottom:2px;font-size:28px;display:block;border-bottom:none}div.article p.url{padding:5px;border-top:1px solid #e5e5e5;background-image:url("img/url.png");background-repeat:no-repeat;padding:10px 0 0 30px;height:30px;display:block;margin-bottom:-10px}div.article p.url a{border-bottom:none;color:#04bff4;text-decoration:none;width:385px;display:block;position:relative}div.article img{width:100%}div.tweet{-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;padding:2px;overflow:hidden}div.tweet a{color:inherit;text-decoration:none}div.mad{border:2px solid #f90101}div.happy{border:2px solid #00933b}div.hovering{color:#000}div.no-hover{color:#c3c3c3;border:2px solid #f9f9f9}div.most-controversial{border:3px solid #f90101}div.least-controversial{border:3px solid #00933b}@media (min-width: 920px){ul.tweets{width:850px;-webkit-column-count:4;-moz-column-count:4;column-count:4}ul.tweets li{width:180px}}@media (max-width: 550px){ul.articles{width:320px}ul.articles li{width:315px}}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>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}header>div span#right-header{float:right;padding-right:10px}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:15px;width:30%}header>div>form input:focus{background-color:#f1f8fb;color:#2b6dad}header input[type='text'].top_loading{background:url("img/loading.gif") no-repeat;background-position:98% 50%;background-size:20px 20px}main{padding:6em 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>form input[type="text"]:focus{color:#2b6dad;background-color:#f1f8fb}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:#337ab7}main article a{font-weight:700}main article a:hover,main article a:active{background-color:#2e6da4}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:#2b6dad;background-color:#f1f8fb;-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}.non-essentials{display:none}}@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}body{font-family:"Palatino LT", "Palatino Linotype", Palatino, Baskerville, "Bodoni MT", Garamond, Trebuchet, serif !important;font-variant-numeric:oldstyle-nums diagonal-fractions slashed-zero;text-rendering:optimizeLegibility;font-size:1em;word-wrap:break-word}h1,h2,h3,h4,h5{font-family:"Zapf Humanist 601", Optima, "Optima Nova", "URW Imperial", Amira, "Chianti BT", sans-serif !important;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}img{max-width:100%;height:auto;margin:auto}a{line-height:130%;word-wrap:break-word;text-decoration:none;color:inherit;border-bottom:1px dotted #999}a:hover{color:red;border-bottom:1px solid #999}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;background-color:#e9e9e9;border:1px solid #c3c3c3;color:#333;padding:4px;outline:0;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-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}input[type="submit"]:hover{border:1px solid #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}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}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{padding:7px 5px 0px 5px;border-top:1px solid #e5e5e5;font-style:oblique;font-weight:bold;text-align:center}ul#articles li div.article p.url a:after{content:" →"}ul#articles li div.article img{width:100%}ul#articles li div.most-controversial{border:2px solid #f90101}ul#articles li div.least-controversial{border:2px solid #00933b}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>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:15px;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:#f1f8fb;overflow:auto;white-space:nowrap;overflow-y:hidden;color:#2b6dad;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:#337ab7}main article a{text-decoration:none;font-weight:700}main article a:hover,main article a:active{background-color:#2e6da4}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:#2b6dad;background-color:#f1f8fb;-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}}
/*# sourceMappingURL=home.css.map */
......@@ -246,16 +246,6 @@ cApp.controller('TweetsController', function($scope, $rootScope, $location, $rou
$location.hash('right-header');
};
$scope.hoverIn = function(pimg) {
this.hovering = true;
$scope.propic = pimg;
$scope.globalHover = true;
};
$scope.hoverOut = function() {
this.hovering = false;
$scope.globalHover = false;