wip

Author: RolandTi

stack/css/markdown.min.css

@@ -1,6 +1,7 @@
 /* @override 
 	https://shaarli:8890/tpl/chaaplin/css/markdown.min.css?*
-	https://liens.rolandtisserand.fr/tpl/bubbles/css/markdown.min.css?* */
+	https://liens.rolandtisserand.fr/tpl/bubbles/css/markdown.min.css?*
+	https://liens.rolandtisserand.fr/tpl/stack/css/markdown.min.css?* */
 
 
 .markdown img {
@@ -44,25 +45,21 @@
 }
 
 .markdown blockquote {
-	color: var(--color06);
 	padding-left: 1em;
-	border-left: .2em var(--color01) solid;
-	margin: .75em 0
+	border-left: .2em solid rgba(131, 131, 131, 0.57);
+	margin: .75em 0;
+	opacity:.7
 }
 
 .markdown hr {
 	display: block;
 	height: 1px;
 	border: 0;
-	border-bottom: 1px solid var(--color01);
+	border-bottom: 1px solid var(--dark-main-color);
 	margin: 1em 0;
 	padding: 0
 }
 
-.markdown pre, .markdown code, .markdown kbd, .markdown samp {
-	font-family: monospace,"courier new";
-	font-size: .98em
-}
 
 .markdown pre {
 	white-space: pre;
@@ -142,22 +139,15 @@ list-style-type: disc;
 	margin-top:0;
 }
 
-@media only screen and (min-width: 480px) {
-	.markdown {
-		font-size: .9em
-	}
-}@media only screen and (min-width: 768px) {
-	.markdown {
-		font-size: 1em
-	}
-}
+
 #linklist .markdown li {
 	padding: 0;
 	border: none;
 	background: none
 }
 
 #linklist .markdown ul li {
+	list-style-type: square;
 }
 
 #linklist .markdown ol li {
@@ -202,33 +192,28 @@ list-style-type: disc;
 }
 
 .markdown pre {
-	background-color: var(--color10);
-	padding: 2ch;
+	background-color: rgba(132, 132, 132, 0.2);
+	padding: 1ch;
 	overflow: auto;
+	border-radius: var(--border-radius);
 }
 
 .markdown pre code {
-	color: var(--blank-color);
 	font-family: "Consolas","Monaco","Andale Mono",monospace;
 	direction: ltr;
 	text-align: left;
 	white-space: pre;
 	word-spacing: normal;
 	word-break: normal;
 	line-height: 1.7;
-	font-size: 11.5px;
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
 	tab-size: 4;
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
 	hyphens: none
 }
 
 .markdown :not(pre) code {
-	background-color: var(--color01);
-	padding: 1px 3px;
+	padding: 3px;
+	border-radius: var(--border-radius);
+	background-color: rgba(132, 132, 132, 0.2);
 }
 
 #pageheader .md_help {

stack/css/stack.css

@@ -572,11 +572,12 @@ details summary {
 	color: var(--dark-main-color);
 	background-color: var(--background-color);
 	display: inline-flex;
-	border-radius: 2rem;
+	border-radius: .5rem;
 	padding: .2rem;
-	padding-left: 1rem;
+	padding-left: .6rem;
 	padding-right: .6rem;
 	align-items: center;
+	text-decoration: none;
 }
 
 #search-result-block .remove svg {
@@ -1186,16 +1187,14 @@ input#tagfilter_value {
 }
 
 .plus-cross .svg-line {
-	stroke-width: 2px;
+	stroke-width: 1px;
 	vector-effect: non-scaling-stroke;
 }
 
-
-.expand-private .svg-line {
-	stroke: var(--color-alerte);
+.private-icon path {
+	fill:var(--color-alerte) ;
 }
 
-
 .svg-fill {
 	fill: var(--dark-main-color);
 	stroke: none;
@@ -1470,6 +1469,7 @@ a:hover .svg-fill {
 	white-space: nowrap;
 	text-decoration: none;
 	border: 1px solid var(--dark-main-color);
+	font-size: 85%;
 }
 
 .tags-header-linklist a:hover, .linklist-item .tags a:hover {
@@ -1481,14 +1481,14 @@ a:hover .svg-fill {
 	position: absolute;
 	right: 7px;
 	top: 7px;
-	height: 15px;
+	height: 100%;
 	width: auto;
 	padding: 0;
 	border: none;
 	z-index: 200;
 	cursor: pointer;
 	display: block;
-	background: none;
+	background: blue;
 }
 
 @media (min-width:768px) {
@@ -2214,8 +2214,8 @@ hr {
 	}
 
 	#linklist :target {
-		border: .5rem solid var(--dark-main-color);
-	}
+		border: 0 dotted #333;
+		box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;	}
 
 	#linklist header {
 		display: flex;

stack/linklist.html

@@ -103,13 +103,13 @@
 
 		<h2>{if="$is_logged_in"}<span class="ctrl-checkbox" aria-hidden="true">
 			<input type="checkbox" class="link-checkbox rounded-checkbox" value="{$value.id}"></span>{/if}
-			{if="$value.private"}
-					<svg viewbox="0 0 11 16" class="private-icon"><path  d="M9.6,6.9V5.2C9.6,2.9,7.8,1,5.5,1S1.4,2.9,1.4,5.2v1.7H0.1V16h10.8V6.9H9.6z M5.5,13.9c-1.1,0-1.9-0.9-1.9-1.9
+			
+			{if="$value.sticky"}	<svg viewBox="0 0 9 15" class="pin-icon"><polygon class="svg-fill" points="5.2,15 5.2,10.2 8.9,10.2 8.9,9.2 7.4,7.6 7.4,1.6 8.6,1.6 8.6,0 0.4,0 0.4,1.6 1.6,1.6 1.6,7.6 0.1,9.2 0.1,10.2 
+	3.8,10.2 3.8,15 "/></svg>{/if}
+			{if="$value.private"}<svg viewbox="0 0 11 16" class="private-icon"><path  d="M9.6,6.9V5.2C9.6,2.9,7.8,1,5.5,1S1.4,2.9,1.4,5.2v1.7H0.1V16h10.8V6.9H9.6z M5.5,13.9c-1.1,0-1.9-0.9-1.9-1.9
 	s0.9-1.9,1.9-1.9s1.9,0.9,1.9,1.9S6.6,13.9,5.5,13.9z M8.2,6.9H2.8V5.2c0-1.5,1.2-2.7,2.7-2.7s2.7,1.2,2.7,2.7
 	C8.2,5.2,8.2,6.9,8.2,6.9z"/></svg>
 		{/if}
-			{if="$value.sticky"}		<svg viewBox="0 0 9 15" class="pin-icon"><!--<rect width="21" height="21" class="svg-fill-empty"/>--><polygon class="svg-fill" points="5.2,15 5.2,10.2 8.9,10.2 8.9,9.2 7.4,7.6 7.4,1.6 8.6,1.6 8.6,0 0.4,0 0.4,1.6 1.6,1.6 1.6,7.6 0.1,9.2 0.1,10.2 
-	3.8,10.2 3.8,15 "/></svg>{/if}
 	<a href="{$value.real_url}" class="linklist-real-url"><span class="linklist-link">{$value.title_html}</span><span class="url-display">{$value.real_url}</span></a>
 		</h2>
 					{if="$value.tags"}