mirror of
https://shylinux.com/x/volcanos
synced 2025-04-27 01:28:28 +08:00
158 lines
3.2 KiB
CSS
158 lines
3.2 KiB
CSS
body fieldset p.story[data-name=inner] {
|
|
padding:4px;
|
|
background-color:#4b6c8a;
|
|
border-left:solid 4px blue;
|
|
}
|
|
body fieldset p.story[data-name=inner]:hover {
|
|
cursor:copy;
|
|
}
|
|
body fieldset div.story[data-type=spark] {
|
|
padding:4px;
|
|
background-color:#2169a9;
|
|
border-left:solid 4px blue;
|
|
box-shadow: 4px 4px 10px 1px #626bd0;
|
|
color:white;
|
|
}
|
|
body fieldset div.story[data-type=spark] span:hover {
|
|
background-color:#c10c8a;
|
|
cursor:copy;
|
|
box-shadow: 4px 4px 10px 1px #626bd0;
|
|
}
|
|
|
|
body.white fieldset p.story[data-name=inner] {
|
|
/* background-color:#bad8f7; */
|
|
border-left:solid 4px blue;
|
|
}
|
|
body.white fieldset div.story[data-type=spark] {
|
|
/* background-color:#c2daef; */
|
|
clear:both;
|
|
}
|
|
body.white fieldset div.story[data-type=spark] span:hover {
|
|
background-color:blue;
|
|
/* background-color:white; */
|
|
}
|
|
|
|
fieldset ul.story[data-type=premenu] {
|
|
cursor:pointer;
|
|
}
|
|
fieldset ul.story[data-type=premenu] li:hover {
|
|
background:cyan;
|
|
}
|
|
|
|
fieldset fieldset.story {
|
|
margin:10px; clear:both; float:left;
|
|
border:0;
|
|
box-shadow: 4px 4px 10px 1px #626bd0;
|
|
}
|
|
fieldset fieldset.story:hover {
|
|
/* border:solid 1px red; */
|
|
}
|
|
fieldset fieldset.story div.output{
|
|
padding:10px
|
|
}
|
|
|
|
fieldset h1.story {
|
|
clear:both;
|
|
}
|
|
fieldset h2.story {
|
|
clear:both;
|
|
}
|
|
fieldset h3.story {
|
|
clear:both;
|
|
}
|
|
fieldset li.H2 {
|
|
font-weight:bold;
|
|
font-size:20px;
|
|
}
|
|
fieldset br.story {
|
|
clear:both;
|
|
}
|
|
fieldset p.story {
|
|
white-space:pre;
|
|
}
|
|
fieldset p.story.shell {
|
|
padding:4px;
|
|
border-left:solid 4px blue;
|
|
background-color:#c2daef;
|
|
}
|
|
fieldset svg.story {
|
|
display:block; float:left;
|
|
}
|
|
fieldset code.story {
|
|
display:block; border:solid 3px green;
|
|
color:white; background-color:#272822;
|
|
font-size:14px; font-family:monospace;
|
|
max-height:640px; overflow:auto;
|
|
padding:10px; white-space:pre;
|
|
clear:both;
|
|
}
|
|
|
|
div.show {
|
|
position:absolute; top:0;
|
|
color:black;
|
|
}
|
|
div.show table {
|
|
color:black;
|
|
}
|
|
div.show>div.control {
|
|
background-color:aliceblue;
|
|
}
|
|
div.show>div.project {
|
|
background-color:aliceblue;
|
|
position:absolute;
|
|
padding:10px;
|
|
z-index:10;
|
|
}
|
|
div.show>div.project div.item {
|
|
cursor:pointer;
|
|
}
|
|
div.show>div.project div.item:hover {
|
|
background-color:white;
|
|
}
|
|
div.show>div.content {
|
|
background-color:aliceblue;
|
|
text-align:center;
|
|
padding:20px;
|
|
|
|
}
|
|
div.show>div.content h1 {
|
|
margin-top:100px;
|
|
font-size:60px;
|
|
}
|
|
div.show>div.content h2 {
|
|
clear:both;
|
|
}
|
|
div.show>div.content h3 {
|
|
clear:both;
|
|
}
|
|
div.show>div.content ul {
|
|
text-align:left;
|
|
}
|
|
div.show>div.content div.page.first {
|
|
}
|
|
div.show>div.content div.page.first ul {
|
|
text-align:center;
|
|
}
|
|
div.show>div.content div.page {
|
|
margin-top:30px;
|
|
display:none;
|
|
}
|
|
div.show>div.content div.page.show {
|
|
background-color:aliceblue;
|
|
display:block;
|
|
}
|
|
div.show>div.content div.page ul li.H2 {
|
|
font-size:24px;
|
|
}
|
|
div.show>div.content div.page ul li.H3 {
|
|
font-size:16px;
|
|
}
|
|
div.show>div.content div.page code.story {
|
|
display:block; border:solid 3px green;
|
|
color:white; background-color:#272822;
|
|
font-size:14px; font-family:monospace;
|
|
max-height:640px; overflow:auto;
|
|
padding:10px; white-space:pre;
|
|
clear:both;
|
|
}
|