Cleaned up CSS, removed bad commenting and obsolete styles. Updated API username and key for annotations.

This commit is contained in:
suroh 2018-11-30 15:37:14 +01:00
parent 0c35a4a008
commit 81bb4479ce
2 changed files with 381 additions and 301 deletions

View File

@ -6,7 +6,7 @@ from flask import request
def get_annotations():
# TODO(decentral1se): remove this from the source
KEY = "6879-n8AksBoSB7kYoQ3eEwzpEr3nFQEmSp3XN-0PcKL_Sik"
KEY = "6879-H5GbA2KyFIeEUM1BubjVTLP8yM3GMyHgOAjjNe_GBxY"
# a dictionary containing necessary http headers
headers = {
@ -15,7 +15,7 @@ def get_annotations():
"Authorization": "Bearer %s" % KEY
}
base_url = "https://hypothes.is/api/search?user=xpub@hypothes.is"
base_url = "https://hypothes.is/api/search?user=varia_annotator@hypothes.is"
search_url = "".join([base_url])

View File

@ -6,17 +6,14 @@ font-family: "Archivo Narrow";
p {
font-size: 20px;
}
a {
text-decoration: underline;
color: black;
}
a:hover{
a:hover {
text-decoration: underline;
color: #0000FF;
}
@ -43,7 +40,6 @@ float: left;
.navigation ul li:active a {
font-style: italic;
}
.clearfix::after {
@ -54,8 +50,6 @@ font-style: italic;
.container {
padding: 0px 10px;
}
#fileformat {
@ -64,16 +58,17 @@ padding: 0px 10px;
.lead {
font-size: 18px;
}
.about {
font-size: 18px;
}
}
.library_table {
border-spacing:0; /* Removes the cell spacing via CSS */
/* Removes the cell spacing via CSS */
border-spacing: 0;
}
.library_table a {
text-decoration: none;
color: black;
@ -83,6 +78,7 @@ border-spacing:0; /* Removes the cell spacing via CSS */
font-size: 20px;
cursor: pointer;
}
.library_table td {
padding: 5px;
}
@ -90,6 +86,7 @@ padding: 5px;
th.headerSortUp {
background-color: #E8E8E8 !important;
}
th.headerSortDown {
background-color: #E8E8E8 !important;
}
@ -98,7 +95,6 @@ background-color: #E8E8E8!important;
background-color: #E8E8E8 !important;
}
.library_table .title_col {
font-size: 20px;
padding-left: 90px;
@ -125,7 +121,6 @@ display: inline-block;
text-align: center;
}
.library_table tr:nth-child(even) {
background-color: #fafafa;
}
@ -234,8 +229,6 @@ background-image: none;
display: none;
}
.footer {
width: 100%;
font-family: 'Courier New';
@ -248,8 +241,8 @@ background-image: none;
width: 60px;
margin: 0 auto;
font-family: 'Courier New';
}
.footer p {
width: 30%;
margin: 0 auto;
@ -258,29 +251,93 @@ font-family:'Courier New';
font-size: 12px;
}
.ui-tabs-vertical { width: 100em; border-top: 0;}
<<<<<<< HEAD
<<<<<<< HEAD
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 15em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
=======
.ui-tabs-vertical a { text-decoration: none; color: black;}
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 15em; -webkit-appearance: none;}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; list-style-type: none; }
>>>>>>> stack_stuff
=======
.ui-tabs-vertical a { text-decoration: none; color: black;}
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 15em; -webkit-appearance: none;}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; list-style-type: none; }
>>>>>>> master
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 0; background-color: yellow !important; list-style-type: none;}
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 50em; font-size: 12px; list-style-type: none;}
.ui-tabs-vertical {
width: 100em;
border-top: 0;
}
/* HEAD */
.ui-tabs-vertical .ui-tabs-nav {
padding: .2em .2em .2em .2em;
float: left;
width: 15em;
}
.ui-tabs-vertical .ui-tabs-nav li {
clear: left;
width: 100%;
border-bottom-width: 0 !important;
border-right-width: 0 !important;
margin: 0 -1px .2em 0;
}
.ui-tabs-vertical a {
text-decoration: none;
color: black;
}
.ui-tabs-vertical .ui-tabs-nav {
padding: .2em .2em .2em .2em;
float: left;
width: 15em;
-webkit-appearance: none;
}
.ui-tabs-vertical .ui-tabs-nav li {
clear: left;
width: 100%;
border-bottom-width: 0 !important;
border-right-width: 0 !important;
margin: 0 -1px .2em 0;
list-style-type: none;
}
/* Stack_Stuff */
.ui-tabs-vertical a {
text-decoration: none;
color: black;
}
.ui-tabs-vertical .ui-tabs-nav {
padding: .2em .2em .2em .2em;
float: left;
width: 15em;
-webkit-appearance: none;
}
.ui-tabs-vertical .ui-tabs-nav li {
clear: left;
width: 100%;
border-bottom-width: 0 !important;
border-right-width: 0 !important;
margin: 0 -1px .2em 0;
list-style-type: none;
}
/* Master */
.ui-tabs-vertical .ui-tabs-nav li a {
display: block;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
padding-bottom: 0;
padding-right: .1em;
border-right-width: 0;
background-color: yellow !important;
list-style-type: none;
}
.ui-tabs-vertical .ui-tabs-panel {
padding: 1em;
float: left;
width: 50em;
font-size: 12px;
list-style-type: none;
}
#creator {
font-size: 12px;
color: grey;
}
#newstext {
@ -306,6 +363,7 @@ div.marquee {
white-space: no-wrap;
overflow: hidden;
}
div.marquee>div.marquee-text {
font-style: italic;
white-space: nowrap;
@ -315,7 +373,6 @@ div.marquee > div.marquee-text {
#home_content {
width: 70%;
}
#app {
@ -334,7 +391,6 @@ div.marquee > div.marquee-text {
padding: 10px;
margin: 0px;
height: 100%;
/*background-color: #b4b9be;*/
overflow-y: scroll;
overflow-x: hidden;
color: white;
@ -346,7 +402,6 @@ z-index: -100000;
}
.messageback1 {
position: absolute;
bottom: 40px;
display: block;
@ -362,7 +417,8 @@ word-wrap:break-word;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
z-index: -100000;}
z-index: -100000;
}
.messageback2 {
position: absolute;
@ -380,7 +436,8 @@ word-wrap:break-word;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
z-index: -100000;}
z-index: -100000;
}
.new-message {
position: absolute;
@ -392,17 +449,19 @@ padding:0;
z-index: 100000;
opacity: 1 !important;
}
.control {
display: block;
margin: 0 !important;
padding: 0 !important;
}
.field {
display: block;
margin: 0 !important;
padding: 0 !important;
}
.new-message input {
width: 80%;
display: block;
@ -417,6 +476,7 @@ opacity: 1!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.new-message button {
display: block;
width: 20%;
@ -433,6 +493,7 @@ box-sizing: border-box;
margin-bottom: -15px;
margin-top: 20px;
}
.messages .msg {
font-size: 24px;
margin: 0px;
@ -440,6 +501,7 @@ box-sizing: border-box;
margin-bottom: 10px;
padding: 0;
}
.messages .time {
font-size: 16px;
font-style: italic;
@ -453,11 +515,9 @@ box-sizing: border-box;
display: inline-block;
position: relative;
left: 400px;
}
.widget iframe {
width: 100%;
height: 100%;
border: none;
@ -504,25 +564,35 @@ box-sizing: border-box;
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
/* Hidden by default */
display: none;
/* Stay in place */
position: fixed;
/* Sit on top */
z-index: 1;
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
/* Full width */
width: 100%;
/* Full height */
height: 100%;
/* Enable scroll if needed */
overflow: auto;
/* Fallback color */
background-color: rgb(0, 0, 0);
/* Black w/ opacity */
background-color: rgba(0, 0, 0, 0.5);
}
/* Modal Content/Box */
.modal-content {
background-color: yellow;
margin: 15% auto; /* 15% from the top and centered */
/* 15% from the top and centered */
margin: 15% auto;
padding: 15px;
border: 1px solid #888;
width: 40%; /* Could be more or less, depending on screen size */
/* Could be more or less, depending on screen size */
width: 40%;
}
/* The Close Button */
@ -540,20 +610,30 @@ box-sizing: border-box;
cursor: pointer;
}
body { font-family: "Archivo Narrow"}
nav { font-size: .7em }
@page { size: A5; margin: 1cm }
@media print {
nav { display: none }
body {
font-family: "Archivo Narrow"
}
nav {
font-size: .7em
}
@page {
size: A5;
margin: 1cm
}
@media print {
nav {
display: none
}
}
#interface_links {
font-size: 32px;
margin-top: 40px;
}
#interface_links a {
margin-right: 10px;
}