upload css

attempting-diffraction/pages.css

@@ -0,0 +1,307 @@
+@import url("main.css");
+
+@font-face{
+	font-family: 'fluxisch';
+	src: url("fonts/FluxischElse-Bold.otf")
+}
+
+body{
+	color:rgb(0, 0, 0);
+	
+}
+
+h3{
+	font-family: fluxisch;
+}
+
+a{
+	color:black;
+	text-decoration:none;
+	background:transparent;
+	border-bottom:1.5px solid rgb(0, 0, 0);
+	padding-top:.05rem;
+	padding-bottom:.05rem;
+	background:none;
+	background-position:0 100%;
+	background-repeat:repeat-x;
+	background-size: 0 0;
+	transition:background .2s ease-in-out;
+}
+
+#wrapper {
+	background-color: rgb(255, 255, 255);
+}
+
+.ext {
+	border-bottom-color: rgb(76, 211, 171);
+	background:linear-gradient(to bottom, lightyellow 0, lightyellow 100%);
+	background-position:0 100%;
+	background-repeat:repeat-x;
+	background-size: 0 0;
+	transition:background .2s ease-in-out;
+}
+
+/*header*/
+
+header{padding-bottom:2%;}
+
+header h1{
+	font-family: fluxisch;
+	font-size: 60pt;
+	line-height: 65pt ;
+	float:none;
+}
+
+#homebttn{
+	background-color: inherit;
+	text-align:right;
+	color:black;
+	position:absolute;
+	top:0;
+	right:0;
+	margin-right:6%;
+	margin-top:15px;
+	padding:0.3% 0 0 0.3%;
+	font-size:0.6em;
+	z-index:44;
+}
+
+
+#project-title {
+	font-size:1.4em;
+	line-height:135%;
+	margin-bottom:1%;
+}
+
+#student-name {
+	margin-bottom:0;
+	font-weight:normal;
+	font-size:0.8em;
+}
+
+a#student-page{color:black;}
+
+#hleft-text{
+	overflow-y:auto;
+	overflow-x:hidden;
+	padding-right:1%;
+	box-sizing:border-box;
+	cursor:default;
+
+}
+
+#ihtp{
+	margin-top:3%;
+	width:80%;
+	color:black;
+}
+
+#about-student{
+	width:95%;
+	color:#2f2f2f;
+	font-size:1em;
+	font-style:italic;
+}
+
+object{
+	padding-bottom:7%;
+}
+
+hr{
+	width:50%;
+	color:#ccc;
+}
+
+.show{
+	font-size:1em;
+}
+
+#project-link{
+	color:black;
+}
+
+
+/*section*/
+
+section#main{
+	overflow:auto;
+	padding-left:1.5%;
+}
+
+#galleries{
+	padding-top:3%;
+}
+
+.gal-title{
+	font-size:0.8em;
+}
+
+#publist {
+	line-height:80%;
+}
+
+#galleries li, #galleries p{
+	color:black;
+	font-size:0.9em;;
+}
+
+strong{
+	font-family: fluxisch;
+}
+
+.workimg{
+	max-width: 47%;
+  	height: auto;
+	padding: 0% 0% 0% 0;
+	margin-bottom: 5pt;
+}
+
+.brief{
+	border-left: 5pt solid red;
+	border-bottom: 5pt solid rgb(76, 211, 171);
+}
+
+strong.brief{
+	border-left: none;
+	border-bottom: none;
+	color: red;
+}
+
+
+.living{
+	border-bottom: 5pt solid blue;
+}
+
+strong.living{
+	border-bottom: none;
+	color:white;
+	background-color: blue;
+}
+
+.glossary{
+	box-shadow: 0 0 10px 5px black;
+	
+}
+
+strong.glossary{
+	box-shadow: none;
+	color: white;
+	text-shadow: 0 0px 5px black;
+}
+
+.session{
+	border-radius: 20px;
+}
+
+strong.session{
+	font-weight:bold;
+}
+
+.questions{
+	border-top: 5pt solid rgb(255, 203, 60);
+}
+
+strong.questions{
+	border-top: 3pt solid rgb(255, 203, 60);
+}
+
+.dear {
+	border-right: 6pt dotted rgb(115, 19, 184);
+}
+
+strong.dear{
+	border-right: none;
+	text-decoration: underline 3.5pt dotted rgb(115, 19, 184);
+}
+
+
+
+@media all and (min-width: 600px) and (max-width: 720px){
+
+#galleries{
+	padding-top:1%;
+}
+
+#galleries li, #galleries p{
+	font-size:0.8em;
+}
+
+}
+
+@media all and (min-width: 720px) and (max-width: 992px){
+
+#galleries{
+	padding-top:1%;
+}
+
+#galleries li, #galleries p{
+	font-size:0.8em;;
+}
+
+}
+
+@media all and (max-width: 992px){
+
+/*header*/
+#sub{
+	width:30%;
+	padding-right:5%;
+	white-space:normal;
+}
+
+#student-name{
+	line-height:125%;
+}
+
+#ihtp, #about-student, #ihtp a{
+	color:white;
+}
+
+}
+
+@media all and (min-width: 992px){
+
+
+#homebttn{
+	margin-right:3%;
+	margin-top:0.7%;
+}
+
+/*header*/
+
+
+#student-name {
+	font-size:0.6em;
+}
+
+
+/*main*/
+section#main{
+	width:74%;
+	left:27%;
+
+
+}
+
+#galleries{
+	padding-left:1%;
+}
+
+#galleries li, #galleries p{
+	font-size:0.62em;
+}
+
+}
+
+@media all and (min-width: 1400px){
+
+#galleries li, #galleries p{
+	font-size:0.55em;
+}
+
+.gal-title{
+	font-size:0.73em;
+}
+
+
+}