cyberpunk-life/Cyberlife.css

@import url("./fonts/fontsheet.css");

*::selection {
background-color:#DD2648;
color:#fff;
}

body{
background-color:#000100;
background-repeat:no-repeat;
background-image:url(./images/background.png);
background-attachment:absolute;
background-position:bottom;
color:#9B92FF;
font-family:sans-serif; 
font-size:14px;
}

h2,h3{
font-family:'1942_report1942_report';
color:#DD2648;
}

#container{
width:800px;
margin:0 auto 480px auto;
}

#banner{
background-color:#8899FF;
position:relative;
background-image:url("./images/banner.png");
width:800px;
height:450px;
margin-bottom:0;
}

#navigator{
background-color:#6862af;
margin:0 auto;
width:800px;
text-align:center;
}

#navigator ul{
list-style-type:none;
padding:0;
margin:0;
overflow:hidden;
}

#navigator li{
display:inline;
}

#navigator a:link, a:visited{
display:inline-block;
width:auto;
color:#000000;
background-color:#6862af;
text-align:center;
padding:4px;
margin:0px;
text-decoration:none;
text-transform:uppercase;
}

#main{
text-align:center;
width:788px;
border-style:dashed;
border-width:0 1px 1px 1px;
border-color:#37255c;
margin:0;
padding:10px 5px;
}
#subtxt{
text-align:center;
width:788px;
border-style:dashed;
border-width:0 1px 1px 1px;
border-color:#37255c;
margin:0 auto;
padding:10px 5px;
}

#main a:link{text-decoration:underline; color:#88B4FF;}
#main a:visited{text-decoration:underline; color:#88B4FF;}
#main a:hover{text-decoration:none; color:#DD2648;}
#main a:active{text-decoration:none; color:#DD2648;}

#subtxt a:link{text-decoration:underline; color:#88B4FF;}
#subtxt a:visited{text-decoration:underline; color:#88B4FF;}
#subtxt a:hover{text-decoration:none; color:#8899FF;}
#subtxt a:active{text-decoration:none; color:#8899FF;}

#main ul {
margin:1.3em;
padding:0;
}

#main li { 
list-style-type:none;
} 

.list-content {
overflow:hidden;
display:none;
}
.list input {display:none;}
.list label {
display:block;
width:180px;
padding:5px;
font-family:'1942_report1942_report';
font-size:20px;
margin:0 auto;
border:1px dashed #37255c;
cursor:pointer;
}
.list input:checked ~ .list-content {
display:block;
}

.code {
background-color:black;
width:250px;
height:70px;
overflow:auto;
padding:5px;
margin:0 auto;
font-family:monospace;
color:green;
border:1px dashed green;
}