/* cmsms stylesheet: animalfarm_start_css modified: Saturday, November 23, 2024 12:54:37 PM */
/*animal*/
* { font-family: "LXGW WenKai Mono TC", monospace; }
body { font-size: 1.1em; }
#menu > div, #header > div, #content > div { width: 85%; margin: auto; }

#menu ul, #content ul.list1nc { list-style: none; padding: 0; }
#menu ul li, #content ul.list1nc li { display: inline-block; }
#menu ul li, #content ul.list1nc li { margin: 0.4em; }
#content .ns { margin-bottom: 1em; }
#navblock div { float: right; line-height: 1.6em; border-top: 2px; border-width: 2px 0 0; border-style: solid; border-image: linear-gradient(to right, #fff0, #8f8f8f) 1; }
article a:link { color: darkblue; text-decoration: none; }
article a:visited { color:MidnightBlue; }
article a:hover { text-decoration: underline; }
article .clipbd {  padding: 2px 4px; }
article .clipbd:hover { color: white; background-color: midnightblue; }

#content details { border: 0; display: block; list-style: none; float: right; }
#content summary { cursor: pointer; display: block; list-style: none; text-align: center; border: 0;}
#content summary > span {background-image: var(--barx-round-image);  
height: 1.8em; width: 2.34em; display: block; background-size: cover;  }
#content details summary::-webkit-details-marker,
#content details summary::marker { display: none; content: ""; }
#content details[open] ~ #navblock { display: none; }
#content details[open] summary > span { background-image: var(--bar-round-image); margin: 0 0 0 2em; }

:root {
--bar-round-image: url('data:image/svg+xml;utf8,%0A%3Csvg%20width%3D%22195%22%20height%3D%22150%22%20viewBox%3D%220%200%2051.594%2039.688%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20style%3D%22color%3A%23000%3Bfill%3A%234d4d4d%3B%22%20d%3D%22M3.106%202.91A3.107%202.988%200%200%200%200%205.9a3.107%202.988%200%200%200%203.106%202.988h45.38a3.107%202.988%200%200%200%203.108-2.988%203.107%202.988%200%200%200-3.107-2.989Zm0%2013.946A3.107%202.988%200%200%200%200%2019.844a3.107%202.988%200%200%200%203.106%202.988h45.38a3.107%202.988%200%200%200%203.108-2.988%203.107%202.988%200%200%200-3.107-2.988Zm0%2013.945A3.107%202.988%200%200%200%200%2033.789a3.107%202.988%200%200%200%203.106%202.988h45.38a3.107%202.988%200%200%200%203.108-2.988%203.107%202.988%200%200%200-3.107-2.988Z%22%2F%3E%3C%2Fsvg%3E');

--barx-round-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22195%22%20height%3D%22150%22%20viewBox%3D%220%200%2051.594%2039.688%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20style%3D%22color%3A%23000%3Bfill%3A%234d4d4d%3B%22%20d%3D%22M10.303%201.35a3%203%200%200%200-2.12%205.122l13.372%2013.372L8.18%2033.217a3%203%200%200%200%204.243%204.243l13.373-13.374L39.17%2037.46a3%203%200%200%200%204.243-4.242L30.04%2019.844%2043.412%206.47A3%203%200%201%200%2039.17%202.23L25.797%2015.6%2012.424%202.228a2.991%202.991%200%200%200-2.121-.879Z%22%2F%3E%3C%2Fsvg%3E');
}
