a flask exercise and search machine prototype
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.

177 lines
2.7 KiB

6 years ago
body{
background-color: rgba(220,220,220,0.6);
margin:20px;
font-family: sans-serif;
font-size: 14px;
}
h1, h2, h3{
font-size: 100%;
margin:30px 0 0 0;
}
h2{
6 years ago
font-size: 80%;
6 years ago
font-weight: normal;
6 years ago
padding:10px;
border:1px dotted;
border-radius: 5px;
}
h2.black{
background-color: black;
color:white;
6 years ago
}
6 years ago
hr{
border:0;
border-bottom:1px dotted black;
clear: both;
margin:50px 0;
top: 0px;
clear: both;
position: relative;
padding: 10px 0;
}
a, a:active, a:hover{
color:black;
text-decoration: none;
border-bottom:1px dotted;
padding:0;
margin:0;
}
6 years ago
#logo, #search{
display: inline-block;
}
#logo{
margin:15px 0;
}
#search{
6 years ago
width: 300px;
6 years ago
position: relative;
margin:0 0 0 20px;
top:-3px;
}
#search input#query{
width: 100%;
height: 42px;
padding:0px 10px;
border:1px solid rgba(190,190,190,1);
vertical-align: baseline;
}
#search #submit{
position: absolute;
width: 26px;
height: 26px;
right: -12px;
top:9px;
border:0;
border-radius: 100%;
background-color:transparent;
text-align: center;
}
#search #submit:hover{
cursor: pointer;
}
#results, #intro{
6 years ago
width:calc(100% - 280px);
6 years ago
margin:10px 0 0 0;
}
6 years ago
#results.list, #results.list .title, #results.list .sentence{
font-weight: normal;
font-size: 12px;
line-height: 1.4;
}
6 years ago
.result{
margin:10px 0 0 0;
6 years ago
}
.result h2{
background-color: black;
color:white;
}
/*.result:nth-of-type(1) h2{
border:1px dotted #800000;
}
.result:nth-of-type(2){
color:red;
}
.result:nth-of-type(3){
color:olive;
}
.result:nth-of-type(4){
color:yellow;
}
.result:nth-of-type(5){
color:green;
}
.result:nth-of-type(6){
color:lime;
}
.result:nth-of-type(7){
color:turquoise;
}
.result:nth-of-type(8){
color:navy;
}
.result:nth-of-type(9){
color:blue;
}
.result:nth-of-type(10){
color:purple;
}
.result:nth-of-type(11){
color:magenta;
}
.result:nth-of-type(12){
color:#2b0000;
}*/
.sentence:before{
position: absolute;
content:'- ';
left:8px;
display: inline;
6 years ago
}
#more{
margin:10px 0;
}
#more-descr{
margin:10px 0;
}
6 years ago
#more sup, .asterix{
color:#800000;
}
6 years ago
.sentence{
margin:10px 0 0 0;
}
6 years ago
#results strong{
font-family: 'Liberation Sans Narrow';
color:inherit;
line-height: 0.65;
}
#results.ordered strong{
font-family: 'Liberation Sans Narrow';
color:inherit;
line-height: 1.1;
6 years ago
}
6 years ago
.title{
float: right;
margin:0 -11px 10px 10px;
width: 100px;
word-wrap: break-word;
}
6 years ago
#txt-list{
position: absolute;
width:200px;
right: 0px;
top:-7px;
margin:20px;
font-size: 12px;
6 years ago
/*color:#800000;*/
6 years ago
}
#txt-list ul{
margin:0;
padding:0;
}
#txt-list ul li{
margin:0;
padding:0;
text-indent: -38px;
list-style: none;
word-break: break-all;
}