You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
279 lines
4.5 KiB
279 lines
4.5 KiB
6 years ago
|
@font-face{
|
||
|
font-family: 'unifont';
|
||
|
src:url('fonts/unifont-11.0.03.ttf');
|
||
|
}
|
||
|
@font-face{
|
||
|
font-family: 'script';
|
||
|
src:url('fonts/LiberationSansNarrow-Bold.ttf');
|
||
|
}
|
||
|
|
||
|
/* animations */
|
||
|
@keyframes blink {
|
||
|
0% { opacity: 1; }
|
||
|
10% { opacity: 0.2; }
|
||
|
20% { opacity: 1; }
|
||
|
100% {opacity: 1;}
|
||
|
}
|
||
|
|
||
|
/* "if we cant make noise its not our revolution" */
|
||
|
|
||
|
body{
|
||
|
position: relative;
|
||
|
min-width: 900px;
|
||
|
margin:20px;
|
||
|
font-family: unifont, sans-serif;
|
||
|
font-size: 8px;
|
||
|
overflow-x: hidden;
|
||
|
z-index: -1;
|
||
|
}
|
||
|
h1, h2, h3{
|
||
|
font-size: 16px;
|
||
|
font-weight: normal;
|
||
|
margin:1em 0;
|
||
|
}
|
||
|
hr{
|
||
|
border:0;
|
||
|
border-bottom:1px dotted;
|
||
|
clear: both;
|
||
|
margin:1em 0;
|
||
|
}
|
||
|
a, a:active, a:hover{
|
||
|
color:black;
|
||
|
text-decoration: none;
|
||
|
border-bottom:1px dotted;
|
||
|
padding:0;
|
||
|
margin:0;
|
||
|
}
|
||
|
sup, small{
|
||
|
font-size: 100%;
|
||
|
}
|
||
|
p{
|
||
|
margin:0;
|
||
|
}
|
||
|
code{
|
||
|
font-family: 'unifont';
|
||
|
font-size: 16px;
|
||
|
}
|
||
|
blockquote{
|
||
|
margin-left:50px;
|
||
|
}
|
||
|
.blink{
|
||
|
animation: 2s linear 1s infinite blink;
|
||
|
}
|
||
|
|
||
|
#wrapper{
|
||
|
position: absolute;
|
||
|
z-index: -1;
|
||
|
width: calc(100% - 400px);
|
||
|
min-width: 600px;
|
||
|
/*width: calc(100% - 300px);*/
|
||
|
margin:10px 0 20px 0;
|
||
|
font-family: unifont, sans-serif;
|
||
|
font-size: 16px;
|
||
|
line-height: 1.35;
|
||
|
}
|
||
|
#nav-wrapper{
|
||
|
position: relative;
|
||
|
width: 100%;
|
||
|
left:50px;
|
||
|
z-index: 0;
|
||
|
margin:0;
|
||
|
}
|
||
|
#nav{
|
||
|
display: inline-block;
|
||
|
}
|
||
|
#logo a{
|
||
|
font-family: 'script';
|
||
|
font-size: 64px;
|
||
|
font-weight: bold;
|
||
|
line-height: 1;
|
||
|
letter-spacing: -0.035em;
|
||
|
border: 0;
|
||
|
}
|
||
|
#search{
|
||
|
width: 250px;
|
||
|
position: relative;
|
||
|
margin:20px 20px 20px 0;
|
||
|
line-height: 72px;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
#search input#query{
|
||
|
width: 100%;
|
||
|
height: 40px;
|
||
|
padding:0px 10px;
|
||
|
border:1px solid black;
|
||
|
}
|
||
|
#search #submit{
|
||
|
position: absolute;
|
||
|
width: 26px;
|
||
|
height: 26px;
|
||
|
right: -12px;
|
||
|
top:24px;
|
||
|
border:0;
|
||
|
border-radius: 100%;
|
||
|
background-color:transparent;
|
||
|
text-align: center;
|
||
|
}
|
||
|
#search #submit:hover{
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
#colophon_button{
|
||
|
position: absolute;
|
||
|
top:-1em;
|
||
|
right: -3em;
|
||
|
}
|
||
|
#print img{
|
||
|
position: fixed;
|
||
|
top: 100px;
|
||
|
right: 260px;
|
||
|
width:100px;
|
||
|
height: auto;
|
||
|
}
|
||
|
#print.connected{
|
||
|
display: block;
|
||
|
}
|
||
|
#print.disconnected{
|
||
|
display: none;
|
||
|
}
|
||
|
#content{
|
||
|
width:100%;
|
||
|
margin:10px 0 10px 0;
|
||
|
}
|
||
|
strong, strong.query, strong.word, .result{
|
||
|
font-family: 'script';
|
||
|
font-size: 22px;
|
||
|
line-height: 1.35;
|
||
|
font-weight: bold;
|
||
|
letter-spacing: -0.035em;
|
||
|
}
|
||
|
|
||
|
/* crossing TEXT */
|
||
|
.cross{
|
||
|
position: relative;
|
||
|
max-width: 800px;
|
||
|
margin-top: 1em;
|
||
|
padding-right: 2em;
|
||
|
clear: both;
|
||
|
}
|
||
|
p.tfidf, p.techfem, .cross p{
|
||
|
position: relative;
|
||
|
margin: 0 0 1.2em 0;
|
||
|
}
|
||
|
p.tfidf, p.techfem{
|
||
|
width: calc(50% - 1em);
|
||
|
display: inline-block;
|
||
|
}
|
||
|
p.techfem {
|
||
|
float: left;
|
||
|
margin-right: 2em;
|
||
|
}
|
||
|
p.techfem.sync{
|
||
|
display: block;
|
||
|
clear: both;
|
||
|
}
|
||
|
p.techfem:before{
|
||
|
content:' ◕';
|
||
|
padding-right: 0.5em;
|
||
|
}
|
||
|
p.tfidf{
|
||
|
}
|
||
|
p.tfidf.sync{
|
||
|
display: block;
|
||
|
float: right;
|
||
|
clear: both;
|
||
|
}
|
||
|
p.tfidf:before{
|
||
|
content:'◧';
|
||
|
padding-right: 0.5em;
|
||
|
}
|
||
|
p.note{
|
||
|
width: 100%;
|
||
|
text-align: center;
|
||
|
padding-bottom: 1em;
|
||
|
}
|
||
|
|
||
|
/* make sure that these blocks don't flow into the cross text blocks*/
|
||
|
#results, #notused, #suggestions, #conditionals, #analytics ,.analytics, .mappings, #colophon{
|
||
|
clear: both;
|
||
|
}
|
||
|
.results{
|
||
|
columns:220px auto;
|
||
|
column-gap:10px;
|
||
|
scroll-behavior: smooth;
|
||
|
}
|
||
|
.result{
|
||
|
display: inline-block;
|
||
|
width: 190px;
|
||
|
margin:0;
|
||
|
page-break-inside: avoid;
|
||
|
padding: 0 20px 0 20px;
|
||
|
transition: all 0.2s ease-in-out;
|
||
|
text-align:center;
|
||
|
z-index: 2;
|
||
|
}
|
||
|
.result strong.query{
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 12em;
|
||
|
padding: 10em 6em 0;
|
||
|
margin:-9.7em 0 -10.5em -6em;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.result .title, .result .ascii{
|
||
|
font-family: 'unifont';
|
||
|
font-size: 16px;
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
.result .title{
|
||
|
padding:10px;
|
||
|
margin:3em 0 10px 0;
|
||
|
}
|
||
|
|
||
|
#txt-list{
|
||
|
position: absolute;
|
||
|
width:170px;
|
||
|
right: 0px;
|
||
|
top:-7px;
|
||
|
margin:20px;
|
||
|
font-size: 16px;
|
||
|
line-height: 1.2;
|
||
|
}
|
||
|
#txt-list ul{
|
||
|
margin:1em 0 0 0;
|
||
|
padding:0;
|
||
|
}
|
||
|
#txt-list ul li{
|
||
|
margin:0;
|
||
|
padding:0 0 10px 0;
|
||
|
text-indent: -40px;
|
||
|
list-style: none;
|
||
|
/*word-break: break-all;*/
|
||
|
}
|
||
|
#txt-list li a.contrast, a.contrast{
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
#colophon{
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
margin-left: 2em;
|
||
|
}
|
||
|
|
||
|
#manifesto_content_wrapper{
|
||
|
position: absolute;
|
||
|
left:0;
|
||
|
width: 100%;
|
||
|
margin:10px 0 0 10px;
|
||
|
padding:20px 0 40px 40px;
|
||
|
}
|
||
|
#manifesto_content{
|
||
|
display: block;
|
||
|
position: relative;
|
||
|
overflow-y: auto;
|
||
|
}
|
||
|
iframe#manifesto_content {
|
||
|
width: 100%;
|
||
|
height: calc(100vh - 200px);
|
||
|
}
|
||
|
|