varia/xppl
14
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
xppl/getannot.py
View File

@ -6,7 +6,7 @@ from flask import request
def get_annotations(): def get_annotations():
# TODO(decentral1se): remove this from the source # TODO(decentral1se): remove this from the source
KEY = "6879-n8AksBoSB7kYoQ3eEwzpEr3nFQEmSp3XN-0PcKL_Sik" KEY = "6879-H5GbA2KyFIeEUM1BubjVTLP8yM3GMyHgOAjjNe_GBxY"
# a dictionary containing necessary http headers # a dictionary containing necessary http headers
headers = { headers = {
@ -15,7 +15,7 @@ def get_annotations():
"Authorization": "Bearer %s" % KEY "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]) search_url = "".join([base_url])

198
xppl/static/css/style.css
View File

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