bookmark-stack: web extension to save pages in a stack for reading them later

commit: c89f2244b03fbd784560e933ff6d66fa868ea1ec
parent: a23c0e74e2bdbb23b3e5ccd5077deb84becaa17f
Author: Tobias Bengfort <tobias.bengfort@posteo.de>
Date: 2025-04-24 07:20

mv css to separate files

Diffstat

C	stack.html -> stack.css	99	+++++++++++++++++++++++++++----------------------------------
M	stack.html	48	++----------------------------------------------

2 files changed, 45 insertions, 102 deletions

diff --git a/stack.html b/stack.css

@@ -1,56 +1,43 @@
    1    -1 <!DOCTYPE html>
    2    -1 <html>
    3    -1 <head>
    4    -1 	<meta charset="utf-8" />
    5    -1 	<style>
    6    -1 		body {
    7    -1 			font-size: 90%;
    8    -1 		}
    9    -1 
   10    -1 		#bookmarks {
   11    -1 			margin: 0;
   12    -1 			padding: 0;
   13    -1 			list-style: none;
   14    -1 
   15    -1 			line-height: 2;
   16    -1 		}
   17    -1 
   18    -1 		a {
   19    -1 			color: inherit;
   20    -1 			text-decoration: none;
   21    -1 
   22    -1 			display: block;
   23    -1 			padding: 0 0.2em;
   24    -1 
   25    -1 			white-space: nowrap;
   26    -1 			text-overflow: ellipsis;
   27    -1 			overflow: hidden;
   28    -1 		}
   29    -1 		a:hover,
   30    -1 		a:focus {
   31    -1 			background: rgba(0,0,0,0.1);
   32    -1 		}
   33    -1 
   34    -1 		.icon {
   35    -1 			vertical-align: middle;
   36    -1 			margin-right: 0.5em;
   37    -1 			width: 16px;
   38    -1 		}
   39    -1 
   40    -1 		@media (prefers-color-scheme: dark) {
   41    -1 			:root {
   42    -1 				color-scheme: dark;
   43    -1 			}
   44    -1 			a:hover,
   45    -1 			a:focus {
   46    -1 				background: rgba(255,255,255,0.2);
   47    -1 			}
   48    -1 		}
   49    -1 	</style>
   50    -1 </head>
   51    -1 <body>
   52    -1 	<ul id="bookmarks"></ul>
   53    -1 
   54    -1 	<script src="stack.js" type="module"></script>
   55    -1 </body>
   56    -1 </html>
   -1     1 body {
   -1     2 	font-size: 90%;
   -1     3 }
   -1     4 
   -1     5 #bookmarks {
   -1     6 	margin: 0;
   -1     7 	padding: 0;
   -1     8 	list-style: none;
   -1     9 
   -1    10 	line-height: 2;
   -1    11 }
   -1    12 
   -1    13 a {
   -1    14 	color: inherit;
   -1    15 	text-decoration: none;
   -1    16 
   -1    17 	display: block;
   -1    18 	padding: 0 0.2em;
   -1    19 
   -1    20 	white-space: nowrap;
   -1    21 	text-overflow: ellipsis;
   -1    22 	overflow: hidden;
   -1    23 }
   -1    24 a:hover,
   -1    25 a:focus {
   -1    26 	background: rgba(0,0,0,0.1);
   -1    27 }
   -1    28 
   -1    29 .icon {
   -1    30 	vertical-align: middle;
   -1    31 	margin-right: 0.5em;
   -1    32 	width: 16px;
   -1    33 }
   -1    34 
   -1    35 @media (prefers-color-scheme: dark) {
   -1    36 	:root {
   -1    37 		color-scheme: dark;
   -1    38 	}
   -1    39 	a:hover,
   -1    40 	a:focus {
   -1    41 		background: rgba(255,255,255,0.2);
   -1    42 	}
   -1    43 }

diff --git a/stack.html b/stack.html

@@ -1,52 +1,8 @@
    1     1 <!DOCTYPE html>
    2     2 <html>
    3     3 <head>
    4    -1 	<meta charset="utf-8" />
    5    -1 	<style>
    6    -1 		body {
    7    -1 			font-size: 90%;
    8    -1 		}
    9    -1 
   10    -1 		#bookmarks {
   11    -1 			margin: 0;
   12    -1 			padding: 0;
   13    -1 			list-style: none;
   14    -1 
   15    -1 			line-height: 2;
   16    -1 		}
   17    -1 
   18    -1 		a {
   19    -1 			color: inherit;
   20    -1 			text-decoration: none;
   21    -1 
   22    -1 			display: block;
   23    -1 			padding: 0 0.2em;
   24    -1 
   25    -1 			white-space: nowrap;
   26    -1 			text-overflow: ellipsis;
   27    -1 			overflow: hidden;
   28    -1 		}
   29    -1 		a:hover,
   30    -1 		a:focus {
   31    -1 			background: rgba(0,0,0,0.1);
   32    -1 		}
   33    -1 
   34    -1 		.icon {
   35    -1 			vertical-align: middle;
   36    -1 			margin-right: 0.5em;
   37    -1 			width: 16px;
   38    -1 		}
   39    -1 
   40    -1 		@media (prefers-color-scheme: dark) {
   41    -1 			:root {
   42    -1 				color-scheme: dark;
   43    -1 			}
   44    -1 			a:hover,
   45    -1 			a:focus {
   46    -1 				background: rgba(255,255,255,0.2);
   47    -1 			}
   48    -1 		}
   49    -1 	</style>
   -1     4 	<meta charset="utf-8">
   -1     5 	<link rel="stylesheet" href="stack.css">
   50     6 </head>
   51     7 <body>
   52     8 	<ul id="bookmarks"></ul>