assets/css/demostyle.css

Last modified Tue Sep 21 07:48:50 UTC 2021


body	{ font-family: system-ui, "Segoe UI", Roboto, Ubuntu, Oxygen, Cantarell, "Helvetica Neue", Arial, sans-serif;
	  font-size: 2.4vh;
	  background: #1d1d1d;  
          margin: 0;
	}
.blue	{ background: #113;
	}
h1	{ color: #ffffff;
	  width: 75vw;
	  margin-top: 4vh;
    	  font-size: calc(2vh + 1vw + 10px);
	  font-weight: 400;
	}
.box	{ width: 80vw;
	  margin: 0 auto;
	}
.screenshot
	{ height: 70vh;
	  width: 35vh;
	  margin-top: 2vh;
	  margin-bottom: 2vh;
	  margin-left: calc(50vw - 17.5vh);
	  margin-right: auto;
	  border-style: outset;
	  border-width: 1px;
	  border-color: #cccccc;
	  box-shadow: 0 0 15px 5px #444444;
	}
.circle { font-family: "Georgia", "Nimbus Roman No9 L", serif; font-weight: bold; font-size: 120%; color: #88ee88; }
.intro	{ color: #ffffff;
	  width: 80vw;
	  margin-top: 0;
	  margin-left: auto; margin-right: auto;
	  text-align: left;
	}
.text	{ color: #ffffff;
	  width: 90vw;
	  max-width: 30em;
	  margin-top: 0;
	  margin-left: auto; margin-right: auto;
	  text-align: center;
	  line-height: 1.1;
	}
.hyphenate
	{ hyphens: auto;
	  -webkit-hyphens: auto;
	}
a	{ color: #e6962f; 
	  text-decoration: underline; 
	  text-decoration-style: dotted;
	}
a:hover { color: #f4b874;
	}
a.anon	{ color: #ffffff;
	  text-decoration: none;
	}
.demoi0 { margin-top: 10px;
	  margin-bottom: 20px;  
	  max-height: 40vh;
	}
.next	{ text-transform: lowercase;
	  text-decoration: none;
	  font-weight: 400;
          font-size: 2.75vh;
	  position: absolute;
	  bottom: 2vh;
	  right: 5vw;
	  padding-top: 1vh;
	  padding-left: 1vw;	  
	}
.next:hover {
	  text-decoration: none;
	}
.pageno	{ color: #dddddd;
	  font-weight: 400;
          font-size: 2.25vh;
	  position: absolute;
	  bottom: 2.15vh;
	  left: 5vw;
	}
.sm	{ font-weight: 700;
	  font-size: 90%;
	}
.ck	{ font-weight: 700;
	  font-size: 80%;
	  color: #000000;
	  background: #ffffff;
	  letter-spacing: 2px;
	}
@media screen and (max-width: 740px) {
.screenshot {
	  height: 66vh;
	  width: 33vh;
	  margin-top: 1vh;
	  margin-bottom: 1vh;
	  margin-left: calc(50vw - 16.5vh);
	}
}
@media screen and (max-height: 512px) {
.demoi0	{ display: none;
	}
}
@media screen and (max-width: 512px) {
.demoi0	{ display: none;
	}
}