diff --git a/static/css/style.css b/static/css/style.css index 30da1a68..b22c24b8 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1 +1 @@ -html{font-size:1rem}*{box-sizing:border-box}body{background:#000000;color:#FFFFFF;margin:0;padding:0;font-family:sans-serif;line-height:1.5}a{color:#00FF90;text-decoration:none;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}a:focus,a:hover{color:#00FFFF;cursor:pointer;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}img{display:block;margin:0.625rem auto;max-width:100%;height:auto}.score > .separator{display:none}.score,.timestamp{display:inline-block;font-weight:900;font-size:1rem;color:#00CC00;background-color:transparent;text-shadow:0 0 0.5rem rgba(0, 204, 0, 0.8)}#container,.footer-container,.introduction,.panel,.post-table{width:90%;max-width:1024px;margin:0 auto;padding:1.25rem}.container-fluid{max-width:75rem;margin:0 auto;padding:1.25rem}header{background-color:#111111;border-bottom:0.0625rem solid #666666;margin-bottom:1rem}.navbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0.5rem 1.25rem;position:relative}.navbar-brand{color:#FFFFFF;font-size:1.5rem;font-weight:bold;border-bottom:1px solid white}.navbar-toggle{display:none;background:none;border:none;font-size:1.25rem;color:#FFFFFF}.navbar-collapse{display:flex;flex-grow:1;justify-content:flex-end}.navbar-nav{list-style:none;margin:0;padding:0;display:flex;align-items:center}.navbar-nav li{position:relative;margin:0 0.5rem}.navbar-nav li a{display:block;padding:0.1rem 0.5rem;color:#FFFFFF;text-transform:uppercase;font-weight:bold;font-size:1rem;border-bottom:1px solid white}.navbar-nav li a:focus,.navbar-nav li a:hover{background-color:rgba(255, 255, 255, 0.15);border-radius:4px;color:#FFFFFF;outline:3px solid #00FFFF;outline-offset:2px;border-bottom-color:rgba(0, 255, 144, 0.8)}.navbar-nav .dropdown{position:relative}.navbar-nav .dropdown .dropdown-menu{display:none;position:absolute;left:0;top:100%;min-width:10rem;padding:0.5rem 0;margin:0.125rem 0 0;list-style:none;background-color:#000000;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.175);z-index:1000}.navbar-nav .dropdown:focus-within .dropdown-menu,.navbar-nav .dropdown:hover .dropdown-menu{display:block}.navbar-nav .dropdown .dropdown-menu li{margin:0}.navbar-nav .dropdown .dropdown-menu li a{color:#333;padding:0.25rem 1.5rem;border:none;text-transform:none;background:transparent;font-weight:normal;font-size:0.9rem}.navbar-nav .dropdown .dropdown-menu li a:focus,.navbar-nav .dropdown .dropdown-menu li a:hover{background-color:#f8f9fa}.navbar-nav .dropdown .dropdown-menu li a{display:block}.link{border-bottom:0.0625rem solid #666666;padding-bottom:1rem;margin-bottom:1rem;overflow:hidden}.link-container{display:flex;align-items:flex-start;gap:1rem}.link a.thumbnail{float:left;width:9.375rem;margin-right:1rem;margin-bottom:0.3125rem}a.thumbnail.may-blank{border-bottom:none}.link a.thumbnail img{width:100%;height:auto;display:block}.link .entry{flex:1}.link .entry h5.title.mb-0{margin-bottom:0.3125rem}.link .entry small.text-muted{margin-top:0.15625rem;color:#BBBBBB}.link .title{font-size:1.25rem;margin-bottom:0.3125rem}.link .title a{color:#00FF90;font-weight:bold;text-decoration:none;border-bottom:0}.link .title a:focus,.link .title a:hover{color:#00FFFF;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}.link small{color:#BBBBBB}.link small a{color:#00FF90;text-decoration:none;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}.link small a:focus,.link small a:hover{color:#00FFFF;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}.quote{background:#000000;padding:1rem 1.5rem;margin:1.5rem auto;color:#FFFFFF;font-style:italic;font-weight:bold;width:18.75rem;height:9.375rem;overflow-y:auto;display:flex;align-items:center;justify-content:center;text-align:center}.quote blockquote{margin:0;padding:0}.quote p{margin:0}.pagination{display:flex;justify-content:center;padding-left:0;list-style:none;margin:1rem 0}.pagination .page-item{margin:0 0.15625rem}.pagination .page-link{display:block;padding:0.75rem 1.0rem;color:#00FF90;background-color:#111111;border:0.0625rem solid #666666;text-decoration:none;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}.pagination .page-link:focus,.pagination .page-link:hover{background-color:#222222;color:#00FFFF;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}.pagination .page-item.active .page-link{background-color:#00FF90;border-color:#00FF90;color:#000000}.pagination .page-item.disabled .page-link{color:#777777;background-color:#333333;border-color:#666666;pointer-events:none;opacity:1}footer{margin-top:2rem;padding:1rem 0;border-top:0.0625rem solid #666666;text-align:center;font-size:0.875rem;color:#FFFFFF}.submission,div.submission{border:0.25rem solid #00f;padding:1.25rem;margin:1.25rem auto;max-width:50rem;overflow-wrap:break-word;word-break:normal}.submission code,.submission pre,div.submission code,div.submission pre{white-space:pre-wrap;word-wrap:break-word}.entry{overflow:auto;margin:0 auto;max-width:50rem;overflow-wrap:break-word;word-break:break-all}.entry .title a.title{font-size:1.25rem;color:#00FF90;font-weight:bold;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}.entry .tagline{font-size:0.75rem;color:#999999;margin-bottom:0.5rem}table.sortable{width:100%;margin-bottom:1.25rem;border-spacing:0;border:0.0625rem solid #1a1a1a;border-collapse:collapse;font-size:1rem}table.sortable td,table.sortable th{text-align:left;padding:0.375rem 0.5rem;border:0.0625rem solid #333333}table.sortable th{background-color:#2b2b2b;color:#00FF90;font-weight:bold}table.sortable tr:nth-child(odd) td{background-color:#1e1e1e}table.sortable tr:nth-child(even) td{background-color:#151515}table.sortable tr:hover td{background-color:#222222}.commentarea{margin-top:2.5rem}.comment{padding:0.225rem;margin:0.5rem auto;border:0.0625rem solid #00FF90;background-color:#111111;max-width:50rem;text-align:left;overflow-wrap:break-word;word-break:normal}.comment p{padding-left:0.75rem;padding-right:0.75rem;margin:0.5rem 0}.comment .tagline{font-size:0.75rem;color:#999999;margin-bottom:0.25rem}.comment.collapsed > :not(.userinfo){display:none !important}.comment.hidden{display:none !important}.comment[data-depth]{}.comment code,.comment pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box}ul.flat-list{list-style:none;padding:0;margin:0.25rem 0 0}ul.flat-list li{display:inline;margin-right:0.625rem}ul.flat-list li a{font-size:0.75rem;color:#00FF90}ul.flat-list li a:hover{color:#00FFFF}.flair.badge.badge-secondary.mr-2{display:inline-block;padding:0.25rem 0.5rem;margin-right:0.5rem;font-size:0.875rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0.25rem;background-color:#000000;color:#FFFFFF;border:0.125rem solid #00FF90}.score.text-success{color:#00FF00;background-color:#000000;font-weight:900;font-size:1.0rem;padding:0.25rem 0.5rem;border-radius:0.25rem;border:0.125rem solid #00FF00;box-shadow:0 0 1rem rgba(0, 255, 0, 0.8)}.comments{margin-top:1rem;padding:0.5rem 0.75rem;color:#FFFFFF;border-radius:0.25rem}.date{font-size:0.75rem;color:#FFFFFF;font-style:italic;margin-top:0.25rem;margin-right:0.3rem}.footer-container{margin-top:2.5rem;text-align:center;font-size:0.75rem;color:#AAAAAA;padding:1.25rem 0;border-top:0.0625rem solid #666666}.download-buttons{text-align:center;margin:1.5rem 0}.download-buttons a{display:inline-block;margin:0.3125rem;padding:0.8rem 1.5rem;background-color:#00FF90;color:#000000;text-decoration:none;border-radius:0.25rem;transition:background-color 0.3s ease}.download-buttons a:focus,.download-buttons a:hover{background-color:#00FFFF;color:#000000;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem}.dark a{color:#00FF90;text-decoration:none;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}.dark a:focus,.dark a:hover{color:#00FFFF;cursor:pointer;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}.dark img{display:block;margin:0.625rem auto;max-width:100%;height:auto}@media (max-width: 48rem){html{font-size:0.9375rem}.navbar{flex-direction:column;align-items:flex-start}.navbar-collapse{width:100%;justify-content:flex-start}.navbar-nav{flex-direction:column;width:100%}.navbar-nav li{width:100%;margin:0.15625rem 0}.navbar-nav li a{width:100%;padding:0.3125rem 1rem}.link-container{display:block}.link a.thumbnail{width:100%;margin:0 auto 1rem}.entry .title a.title{font-size:1.125rem}#container > div:first-of-type{font-size:1rem}table.sortable,table.sortable td,table.sortable th{font-size:0.875rem}}@media (max-width: 30rem){html{font-size:0.875rem}.pagination .page-link{font-size:0.875rem;padding:0.5rem}.download-buttons a{padding:0.75rem 1rem;font-size:0.875rem}ul.flat-list li{font-size:0.7rem}} \ No newline at end of file +*{box-sizing:border-box}body{background:#000000;color:#FFFFFF;margin:0;padding:0;font-family:sans-serif;line-height:1.5}a{color:#00FF90;text-decoration:none;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}a:focus,a:hover{color:#00FFFF;cursor:pointer;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}img{display:block;margin:0.625rem auto;max-width:100%;height:auto}.score > .separator{display:none}.score,.timestamp{display:inline-block;font-weight:900;font-size:1rem;color:#00CC00;background-color:transparent;text-shadow:0 0 0.5rem rgba(0, 204, 0, 0.8)}#container,.footer-container,.introduction,.panel,.post-table{width:90%;max-width:1024px;margin:0 auto;padding:1.25rem}.container-fluid{max-width:75rem;margin:0 auto;padding:1.25rem}header{background-color:#111111;border-bottom:0.0625rem solid #666666;margin-bottom:1rem}.navbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0.5rem 1.25rem;position:relative}.navbar-brand{color:#FFFFFF;font-size:1.5rem;font-weight:bold;border-bottom:1px solid white}.navbar-toggle{display:none;background:none;border:none;font-size:1.25rem;color:#FFFFFF}.navbar-collapse{display:flex;flex-grow:1;justify-content:flex-end}.navbar-nav{list-style:none;margin:0;padding:0;display:flex;align-items:center}.navbar-nav li{position:relative;margin:0 0.5rem}.navbar-nav li a{display:block;padding:0.1rem 0.5rem;color:#FFFFFF;text-transform:uppercase;font-weight:bold;font-size:1rem;border-bottom:1px solid white}.navbar-nav li a:focus,.navbar-nav li a:hover{background-color:rgba(255, 255, 255, 0.15);border-radius:4px;color:#FFFFFF;outline:3px solid #00FFFF;outline-offset:2px;border-bottom-color:rgba(0, 255, 144, 0.8)}.navbar-nav .dropdown{position:relative}.navbar-nav .dropdown .dropdown-menu{display:none;position:absolute;left:0;top:100%;min-width:10rem;padding:0.5rem 0;margin:0.125rem 0 0;list-style:none;background-color:#000000;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.175);z-index:1000}.navbar-nav .dropdown:focus-within .dropdown-menu,.navbar-nav .dropdown:hover .dropdown-menu{display:block}.navbar-nav .dropdown .dropdown-menu li{margin:0}.navbar-nav .dropdown .dropdown-menu li a{color:#333;padding:0.25rem 1.5rem;border:none;text-transform:none;background:transparent;font-weight:normal;font-size:0.9rem}.navbar-nav .dropdown .dropdown-menu li a:focus,.navbar-nav .dropdown .dropdown-menu li a:hover{background-color:#f8f9fa}.navbar-nav .dropdown .dropdown-menu li a{display:block}.link{border-bottom:0.0625rem solid #666666;padding-bottom:1rem;margin-bottom:1rem;overflow:hidden}.link-container{display:flex;align-items:flex-start;gap:1rem}.link a.thumbnail{float:left;width:9.375rem;margin-right:1rem;margin-bottom:0.3125rem}a.thumbnail.may-blank{border-bottom:none}.link a.thumbnail img{width:100%;height:auto;display:block}.link .entry{flex:1}.link .entry h5.title.mb-0{margin-bottom:0.3125rem}.link .entry small.text-muted{margin-top:0.15625rem;color:#BBBBBB}.link .title{font-size:1.25rem;margin-bottom:0.3125rem}.link .title a{color:#00FF90;font-weight:bold;text-decoration:none;border-bottom:0}.link .title a:focus,.link .title a:hover{color:#00FFFF;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}.link small{color:#BBBBBB}.link small a{color:#00FF90;text-decoration:none;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}.link small a:focus,.link small a:hover{color:#00FFFF;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}.quote{background:#000000;padding:1rem 1.5rem;margin:1.5rem auto;color:#FFFFFF;font-style:italic;font-weight:bold;width:18.75rem;height:9.375rem;overflow-y:auto;display:flex;align-items:center;justify-content:center;text-align:center}.quote blockquote{margin:0;padding:0}.quote p{margin:0}.pagination{display:flex;justify-content:center;padding-left:0;list-style:none;margin:1rem 0}.pagination .page-item{margin:0 0.15625rem}.pagination .page-link{display:block;padding:0.75rem 1.0rem;color:#00FF90;background-color:#111111;border:0.0625rem solid #666666;text-decoration:none;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}.pagination .page-link:focus,.pagination .page-link:hover{background-color:#222222;color:#00FFFF;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}.pagination .page-item.active .page-link{background-color:#00FF90;border-color:#00FF90;color:#000000}.pagination .page-item.disabled .page-link{color:#777777;background-color:#333333;border-color:#666666;pointer-events:none;opacity:1}footer{margin-top:2rem;padding:1rem 0;border-top:0.0625rem solid #666666;text-align:center;font-size:0.875rem;color:#FFFFFF}.submission,div.submission{border:0.25rem solid #00f;padding:1.25rem;margin:1.25rem auto;max-width:50rem;overflow-wrap:break-word;word-break:normal}.submission code,.submission pre,div.submission code,div.submission pre{white-space:pre-wrap;word-wrap:break-word}.entry{overflow:auto;margin:0 auto;max-width:50rem;overflow-wrap:break-word;word-break:break-all}.entry .title a.title{font-size:1.25rem;color:#00FF90;font-weight:bold;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}.entry .tagline{font-size:0.75rem;color:#999999;margin-bottom:0.5rem}table.sortable{width:100%;margin-bottom:1.25rem;border-spacing:0;border:0.0625rem solid #1a1a1a;border-collapse:collapse;font-size:1rem}table.sortable td,table.sortable th{text-align:left;padding:0.375rem 0.5rem;border:0.0625rem solid #333333}table.sortable th{background-color:#2b2b2b;color:#00FF90;font-weight:bold}table.sortable tr:nth-child(odd) td{background-color:#1e1e1e}table.sortable tr:nth-child(even) td{background-color:#151515}table.sortable tr:hover td{background-color:#222222}.commentarea{margin-top:2.5rem}.comment{padding:0.225rem;margin:0.5rem auto;border:0.0625rem solid #00FF90;background-color:#111111;max-width:50rem;text-align:left;overflow-wrap:break-word;word-break:normal}.comment p{padding-left:0.75rem;padding-right:0.75rem;margin:0.5rem 0}.comment .tagline{font-size:0.75rem;color:#999999;margin-bottom:0.25rem}.comment.collapsed > :not(.userinfo){display:none !important}.comment.hidden{display:none !important}.comment[data-depth]{}.comment code,.comment pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box}ul.flat-list{list-style:none;padding:0;margin:0.25rem 0 0}ul.flat-list li{display:inline;margin-right:0.625rem}ul.flat-list li a{font-size:0.75rem;color:#00FF90}ul.flat-list li a:hover{color:#00FFFF}.flair.badge.badge-secondary.mr-2{display:inline-block;padding:0.25rem 0.5rem;margin-right:0.5rem;font-size:0.875rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0.25rem;background-color:#000000;color:#FFFFFF;border:0.125rem solid #00FF90}.score.text-success{color:#00FF00;background-color:#000000;font-weight:900;font-size:1.0rem;padding:0.25rem 0.5rem;border-radius:0.25rem;border:0.125rem solid #00FF00;box-shadow:0 0 1rem rgba(0, 255, 0, 0.8)}.comments{margin-top:1rem;padding:0.5rem 0.75rem;color:#FFFFFF;border-radius:0.25rem}.date{font-size:0.75rem;color:#FFFFFF;font-style:italic;margin-top:0.25rem;margin-right:0.3rem}.footer-container{margin-top:2.5rem;text-align:center;font-size:0.75rem;color:#AAAAAA;padding:1.25rem 0;border-top:0.0625rem solid #666666}.download-buttons{text-align:center;margin:1.5rem 0}.download-buttons a{display:inline-block;margin:0.3125rem;padding:0.8rem 1.5rem;background-color:#00FF90;color:#000000;text-decoration:none;border-radius:0.25rem;transition:background-color 0.3s ease}.download-buttons a:focus,.download-buttons a:hover{background-color:#00FFFF;color:#000000;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem}.dark a{color:#00FF90;text-decoration:none;border-bottom:0.0625rem solid rgba(0, 255, 144, 0.4)}.dark a:focus,.dark a:hover{color:#00FFFF;cursor:pointer;outline:0.1875rem solid #00FFFF;outline-offset:0.125rem;border-bottom-color:rgba(0, 255, 144, 0.8)}.dark img{display:block;margin:0.625rem auto;max-width:100%;height:auto}@media (max-width: 48rem){html{font-size:0.9375rem}.navbar{flex-direction:column;align-items:flex-start}.navbar-collapse{width:100%;justify-content:flex-start}.navbar-nav{flex-direction:column;width:100%}.navbar-nav li{width:100%;margin:0.15625rem 0}.navbar-nav li a{width:100%;padding:0.3125rem 1rem}.link-container{display:block}.link a.thumbnail{width:100%;margin:0 auto 1rem}.entry .title a.title{font-size:1.125rem}#container > div:first-of-type{font-size:1rem}table.sortable,table.sortable td,table.sortable th{font-size:0.875rem}}@media (max-width: 30rem){html{font-size:0.875rem}.pagination .page-link{font-size:0.875rem;padding:0.5rem}.download-buttons a{padding:0.75rem 1rem;font-size:0.875rem}ul.flat-list li{font-size:0.7rem}} \ No newline at end of file